Шаблон:GradientHeaderFrame/styles.css: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) м Замена текста — «--theme-bg-color-350» на «--theme-bg-color-300» |
||
| (не показано 5 промежуточных версий этого же участника) | |||
| Строка 3: | Строка 3: | ||
flex-direction: column; | flex-direction: column; | ||
border: 1px solid var(--theme-bg-color- | border: 1px solid var(--theme-bg-color-300); | ||
border-radius: | border-radius: var(--border-radius-medium); | ||
} | } | ||
| Строка 10: | Строка 10: | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
color: | min-height: 32px; | ||
font-size: | padding: 4px 10px; | ||
font-family: | |||
color: var(--theme-text-color-header); | |||
font-size: var(--font-size-l); | |||
font-family: var(--font-family-heading); | |||
background: var(--theme-bg-header-light--gradient-center); | background: var(--theme-bg-header-light--gradient-center); | ||
text-align: center; | text-align: center; | ||
| Строка 20: | Строка 22: | ||
.gradient-header-frame__content { | .gradient-header-frame__content { | ||
box-shadow: var(--box-shadow-inset); | box-shadow: var(--box-shadow-inset); | ||
background: var(--theme-bg-color- | background: var(--theme-bg-color-150); | ||
flex-grow: 2; | flex-grow: 2; | ||
border-radius: 0 0 | border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium); | ||
} | } | ||
Текущая версия от 21:04, 20 июня 2025
.gradient-header-frame {
display: flex;
flex-direction: column;
border: 1px solid var(--theme-bg-color-300);
border-radius: var(--border-radius-medium);
}
.gradient-header-frame__header {
display: flex;
align-items: center;
min-height: 32px;
padding: 4px 10px;
color: var(--theme-text-color-header);
font-size: var(--font-size-l);
font-family: var(--font-family-heading);
background: var(--theme-bg-header-light--gradient-center);
text-align: center;
}
.gradient-header-frame__content {
box-shadow: var(--box-shadow-inset);
background: var(--theme-bg-color-150);
flex-grow: 2;
border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium);
}
