Шаблон:GradientHeaderFrame/styles.css: различия между версиями
Материал из Star Horizon Wiki
Дополнительные действия
DeRecnad (обсуждение | вклад) Новая страница: «.gradient-header-frame { background: linear-gradient(90deg, #1B263B, #00D4FF); border-radius: 8px; padding: 15px; color: #FFFFFF; box-shadow: 0 0 10px rgba(0, 212, 255, 0.5); } .gradient-header-frame .title { font-size: 18px; font-weight: 500; text-shadow: 0 0 5px #00D4FF; }» |
DeRecnad (обсуждение | вклад) Нет описания правки |
||
| Строка 1: | Строка 1: | ||
.gradient-header-frame { | .gradient-header-frame { | ||
display: flex; | |||
flex-direction: column; | |||
border: 1px solid var(--theme-bg-color-300); | |||
border-radius: var(--border-radius-medium); | |||
} | } | ||
.gradient-header- | .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); | |||
} | } | ||
Текущая версия от 09:40, 6 сентября 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);
}