Шаблон:GradientBlock/styles.css: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) Новая страница: «.gradient-block { display: flex; flex-direction: column; border: 1px solid #3c3c47; border-radius: 0.2em; } .gradient-block__header, .gradient-block__sub-body { background: linear-gradient(120deg, #33333d, #2b2b33); text-align: left; border-radius: 0.2em 0.2em 0 0; } .gradient-block__header { border-radius: 0.2em 0.2em 0 0; padding: 6px; border-bottom: 2px solid #00000039; } .gradient-block__sub-body { border-ra...» |
Pok (обсуждение | вклад) мНет описания правки |
||
| Строка 1: | Строка 1: | ||
.gradient-block { | .gradient-block { | ||
display: flex; | |||
flex-direction: column; | |||
border: 1px solid var(--theme-border); | |||
border-radius: var(--border-radius-low); | |||
} | } | ||
.gradient-block__header, | .gradient-block__header, | ||
.gradient-block__sub-body { | .gradient-block__sub-body { | ||
background: var(--theme-bg-header--gradient); | |||
text-align: left; | |||
} | } | ||
.gradient-block__header { | .gradient-block__header { | ||
padding: 6px; | |||
border-bottom: 2px solid var(--color-darkened-border); | |||
border-radius: var(--border-radius-low) var(--border-radius-low) 0 0; | |||
} | } | ||
.gradient-block__sub-body { | .gradient-block__sub-body { | ||
border-radius: 0 0 var(--border-radius-low) var(--border-radius-low); | |||
padding: 2px 6px; | |||
flex-grow: 1; | |||
} | } | ||
.gradient-block__body { | .gradient-block__body { | ||
box-shadow: var(--box-shadow-inset-high); | |||
background: var(--ooui--bg-dark); | |||
flex-grow: 100; | |||
border-radius: 0 0 var(--border-radius-low) var(--border-radius-low); | |||
padding: 8px; | |||
position: relative; | |||
font-size: 14px; | |||
overflow: auto; | |||
} | } | ||
Версия от 15:55, 29 марта 2025
.gradient-block {
display: flex;
flex-direction: column;
border: 1px solid var(--theme-border);
border-radius: var(--border-radius-low);
}
.gradient-block__header,
.gradient-block__sub-body {
background: var(--theme-bg-header--gradient);
text-align: left;
}
.gradient-block__header {
padding: 6px;
border-bottom: 2px solid var(--color-darkened-border);
border-radius: var(--border-radius-low) var(--border-radius-low) 0 0;
}
.gradient-block__sub-body {
border-radius: 0 0 var(--border-radius-low) var(--border-radius-low);
padding: 2px 6px;
flex-grow: 1;
}
.gradient-block__body {
box-shadow: var(--box-shadow-inset-high);
background: var(--ooui--bg-dark);
flex-grow: 100;
border-radius: 0 0 var(--border-radius-low) var(--border-radius-low);
padding: 8px;
position: relative;
font-size: 14px;
overflow: auto;
}