Шаблон:Страница в разработке: различия между версиями
Перейти к навигации
Перейти к поиску
Yuoko (обсуждение | вклад) Новая страница: «<includeonly><div style="display: flex; align-items: center; gap: 1em; background-color: #fff3cd; border-left: 6px solid #ff9800; border-radius: 8px; padding: 1em 1.5em; margin: 1em 0; box-shadow: 0 2px 4px rgba(0,0,0,0.1); font-family: sans-serif;"> <div style="font-size: 2.5em; line-height: 1;">⚠️</div> <div style="flex: 1;"> <strong style="font-size: 1.2em; color: #856404;">Внимание: страница в разработке</strong><br...» |
Yuoko (обсуждение | вклад) Нет описания правки |
||
| Строка 1: | Строка 1: | ||
<includeonly>< | <includeonly><style> | ||
/* Стили для fancy-предупреждения */ | |||
<div | .fancy-warning-dev { | ||
< | display: flex; | ||
align-items: center; | |||
{{#if:{{{редактор|}}}|< | gap: 1.5em; | ||
background: linear-gradient(135deg, #fff9e6, #fff3cd); | |||
border-left: 6px solid #ff9800; | |||
border-radius: 16px; | |||
padding: 1.2em 2em; | |||
margin: 1.5em 0; | |||
box-shadow: 0 10px 20px -8px rgba(0,0,0,0.2), 0 0 0 1px rgba(255,152,0,0.3) inset; | |||
font-family: 'Segoe UI', system-ui, sans-serif; | |||
transition: all 0.3s ease; | |||
} | |||
.fancy-warning-dev:hover { | |||
box-shadow: 0 15px 25px -8px rgba(0,0,0,0.25), 0 0 0 2px #ff9800 inset; | |||
transform: scale(1.01); | |||
} | |||
.fancy-icon { | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
width: 48px; | |||
height: 48px; | |||
background: #ff9800; | |||
border-radius: 50%; | |||
color: white; | |||
font-size: 28px; | |||
font-weight: bold; | |||
box-shadow: 0 4px 8px rgba(255,152,0,0.4); | |||
animation: pulse 2s infinite; | |||
} | |||
@keyframes pulse { | |||
0% { box-shadow: 0 0 0 0 rgba(255,152,0,0.7); } | |||
70% { box-shadow: 0 0 0 10px rgba(255,152,0,0); } | |||
100% { box-shadow: 0 0 0 0 rgba(255,152,0,0); } | |||
} | |||
.fancy-content { | |||
flex: 1; | |||
} | |||
.fancy-title { | |||
font-size: 1.4em; | |||
font-weight: 700; | |||
color: #b26b00; | |||
margin-bottom: 4px; | |||
text-shadow: 0 1px 1px rgba(255,255,255,0.8); | |||
} | |||
.fancy-message { | |||
color: #664d00; | |||
font-size: 1.05em; | |||
line-height: 1.5; | |||
} | |||
.fancy-editor { | |||
display: inline-block; | |||
margin-top: 6px; | |||
background: rgba(255,152,0,0.15); | |||
padding: 4px 12px; | |||
border-radius: 30px; | |||
font-size: 0.95em; | |||
color: #664d00; | |||
font-weight: 500; | |||
border-left: 2px solid #ff9800; | |||
} | |||
</style> | |||
<div class="fancy-warning-dev"> | |||
<div class="fancy-icon">!</div> | |||
<div class="fancy-content"> | |||
<div class="fancy-title">В разработке</div> | |||
<div class="fancy-message">{{{1|Эта страница ещё не готова к использованию. Мы работаем над ней.}}}</div> | |||
{{#if:{{{редактор|}}}|<div class="fancy-editor">✎ Ответственный: {{{редактор}}}</div>}} | |||
</div> | </div> | ||
</div></includeonly> | </div></includeonly> | ||