Шаблон:GradientHeaderFrame/styles.css: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) Новая страница: «.gradient-header-frame { display: flex; flex-direction: column; border: 1px solid var(--theme-bg-header-light); border-radius: 0.3em; } .gradient-header-frame__header { display: flex; align-items: center; color: #efefef; font-size: 1.15em; font-family: "noto sans"; padding: 6px 10px; background: var(--theme-bg-header-light--gradient-center); text-align: center; } .gradient-header-frame__content { box-shadow: var(--box-shadow-inset); backgro...» |
Pok (обсуждение | вклад) м Замена текста — «--theme-bg-color-350» на «--theme-bg-color-300» |
||
| (не показано 6 промежуточных версий этого же участника) | |||
| Строка 3: | Строка 3: | ||
flex-direction: column; | flex-direction: column; | ||
border: 1px solid var(--theme-bg- | 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(-- | 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);
}
