Шаблон:Notice/styles.css: различия между версиями
Admin (обсуждение | вклад) import TemplateStyles CSS |
Admin (обсуждение | вклад) Убран старый шрифт и белый текст баннера, мягкие тени |
||
| Строка 5: | Строка 5: | ||
width: 100%; | width: 100%; | ||
border-radius: 12px; | border-radius: 12px; | ||
box-shadow: 0 2px 0 rgba( | box-shadow: 0 2px 0 rgba(23, 34, 47, 0.10); | ||
border: 1px solid rgba( | border: 1px solid rgba(23, 34, 47, 0.10); | ||
} | } | ||
| Строка 19: | Строка 19: | ||
min-width: 2.5rem; | min-width: 2.5rem; | ||
height: 2.75rem; | height: 2.75rem; | ||
box-shadow: 0 3px 0 rgba( | box-shadow: 0 3px 0 rgba(23, 34, 47, 0.12); | ||
z-index: 1; | z-index: 1; | ||
} | } | ||
| Строка 34: | Строка 34: | ||
max-width: 80%; | max-width: 80%; | ||
border-radius: 0 0 12px 12px; | border-radius: 0 0 12px 12px; | ||
box-shadow: 0 3px 0 rgba( | box-shadow: 0 3px 0 rgba(23, 34, 47, 0.12); | ||
z-index: 2; | z-index: 2; | ||
} | } | ||
| Строка 46: | Строка 46: | ||
font-size: 1.15rem; | font-size: 1.15rem; | ||
font-weight: 700; | font-weight: 700; | ||
text-align: center; | |||
line-height: 1.2; | line-height: 1.2; | ||
} | } | ||
| Строка 69: | Строка 67: | ||
.notice-content-text { | .notice-content-text { | ||
font-size: 0.9rem; | font-size: 0.9rem; | ||
text-align: center; | |||
line-height: 1.45; | line-height: 1.45; | ||
} | } | ||
Текущая версия от 23:18, 21 сентября 2026
.notice-wrapper {
overflow: hidden;
position: relative;
width: 100%;
border-radius: 12px;
box-shadow: 0 2px 0 rgba(23, 34, 47, 0.10);
border: 1px solid rgba(23, 34, 47, 0.10);
}
.notice-header-row {
display: flex;
align-items: stretch;
width: 100%;
}
.notice-lines {
flex: 1 1 10%;
min-width: 2.5rem;
height: 2.75rem;
box-shadow: 0 3px 0 rgba(23, 34, 47, 0.12);
z-index: 1;
}
.notice-title {
overflow: hidden;
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex: 0 1 auto;
padding: 0.25em 0.75em;
min-width: min(50%, 28rem);
max-width: 80%;
border-radius: 0 0 12px 12px;
box-shadow: 0 3px 0 rgba(23, 34, 47, 0.12);
z-index: 2;
}
.notice-title-text {
display: flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
width: 100%;
font-size: 1.15rem;
font-weight: 700;
text-align: center;
line-height: 1.2;
}
.notice-title-text img,
.notice-title-text .mw-file-element {
width: 48px;
height: 48px;
object-fit: contain;
flex-shrink: 0;
}
.notice-content {
display: flex;
align-items: center;
flex-direction: column;
margin: 0.85em 1em 1em;
}
.notice-content-text {
font-size: 0.9rem;
text-align: center;
line-height: 1.45;
}