Template:gradientheaderframe/sub

Вернуться

Line 1: Line 1:
<div class="gradient-header-frame-sub" style="background-color:{{{background-color|oklch(0.259 0.013 285.5)}}};margin:{{{margin|16px 0px}}};">
<div class="gradient-header-frame-sub" style="background-color:{{{background-color|var(--wiki-surface-1)}}};margin:{{{margin|16px 0px}}};">
<div class="gradient-header-frame-sub__header">
<div class="gradient-header-frame-sub__header">
<div>'''{{{title}}}'''</div>
<div>'''{{{title}}}'''</div>
Line 6: Line 6:
-->{{#css:
-->{{#css:
.gradient-header-frame-sub {
.gradient-header-frame-sub {
     border: 1px solid oklch(0.353 0.021 285.3);
     border: 1px solid var(--wiki-border);
     border-radius: 0.3em;
     border-radius: 0.3em;
}
}
.gradient-header-frame-sub__header {
.gradient-header-frame-sub__header {
     color: oklch(0.95 0 0);
     color: var(--wiki-text);
     font-size: 1.15em;
     font-size: 1.15em;
     font-family: "noto sans";
     font-family: "noto sans";
     padding: 6px 10px;
     padding: 6px 10px;
     background: linear-gradient(90deg, oklch(0.353 0.019 285.4) 0%, oklch(0.353 0.019 285.4) 10%, oklch(0.308 0.014 285.5) 50%);
     background: linear-gradient(90deg, var(--wiki-surface-3) 0%, var(--wiki-surface-3) 10%, var(--wiki-surface-2) 50%);
     text-align: left;
     text-align: left;
}
}
Line 20: Line 20:
}
}
.gradient-header-frame-sub__content::-webkit-scrollbar { width: 10px; }
.gradient-header-frame-sub__content::-webkit-scrollbar { width: 10px; }
.gradient-header-frame-sub__content::-webkit-scrollbar-track  { background: oklch(0.296 0.013 285.6); }
.gradient-header-frame-sub__content::-webkit-scrollbar-track  { background: var(--wiki-surface-2); }
.gradient-header-frame-sub__content::-webkit-scrollbar-thumb { background: oklch(0.39 0.015 285.7); border: 2px solid oklch(0.296 0.013 285.6); border-radius: 0; }
.gradient-header-frame-sub__content::-webkit-scrollbar-thumb { background: var(--wiki-border); border: 2px solid var(--wiki-surface-2); border-radius: 0; }
}}
}}