Template:gradientheaderframe/sub
| Line 1: | Line 1: | ||
<div class="gradient-header-frame-sub" style="background-color:{{{background-color| | <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__header"> | <div class="gradient-header-frame-sub__header"> | ||
<div>'''{{{title}}}'''</div> | <div>'''{{{title}}}'''</div> | ||
</div> | </div> | ||
<div class="gradient-header-frame-sub__content no-margin-edges" style="padding:{{{padding|6px}}};{{{style}}}>{{{content}}}</div></div><!-- | <div class="gradient-header-frame-sub__content no-margin-edges" style="padding:{{{padding|6px}}};{{{style}}}">{{{content}}}</div></div><!-- | ||
-->{{#css: | -->{{#css: | ||
.gradient-header-frame-sub { | .gradient-header-frame-sub { | ||
border: 1px solid | border: 1px solid oklch(0.353 0.021 285.3); | ||
border-radius: 0.3em; | border-radius: 0.3em; | ||
} | } | ||
.gradient-header-frame-sub__header { | .gradient-header-frame-sub__header { | ||
color: | color: oklch(0.95 0 0); | ||
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, | 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%); | ||
text-align: left; | text-align: left; | ||
} | } | ||
.gradient-header-frame-sub__content { | .gradient-header-frame-sub__content { | ||
} | } | ||
.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: | .gradient-header-frame-sub__content::-webkit-scrollbar-track { background: oklch(0.296 0.013 285.6); } | ||
.gradient-header-frame-sub__content::-webkit-scrollbar-thumb { background: | .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; } | ||
}} | }} | ||