Шаблон:GradientHeaderFrame/Sub: различия между версиями

Материал из Space Station 14 Вики
мНет описания правки
мНет описания правки
 
(не показано 17 промежуточных версий этого же участника)
Строка 1: Строка 1:
<div class="sub-frame">
<div class="gradient-header-frame-sub" style="margin:{{{margin|16px 0px}}};>
<div class="sub-frame__title">
<div class="gradient-header-frame-sub__header">
<div>'''{{{title}}}'''</div>
<div>'''{{{title}}}'''</div>
</div>
</div>
<div class="sub-frame__content">{{{content}}}</div></div>
<div class="gradient-header-frame-sub__content" style="padding:{{{padding|6px}}};>{{{content}}}</div></div>
{{#css:
{{#css:
.sub-frame {
.gradient-header-frame-sub {
     border: 1px solid #454553;
     border: 1px solid #3a3a46;
     border-radius: 0.3em;
     border-radius: 0.3em;
     overflow: hidden;
     overflow: hidden;
     background: #27272f;
     background: #24242b;
}
}


.sub-frame__title {
.gradient-header-frame-sub__header {
    background: #303039;
     color: #efefef;
     color: #efefef;
     font-size: 1.15em;
     font-size: 1.15em;
    font-family: "noto sans";
    padding: 6px 10px;
    background: linear-gradient(90deg, #3a3a45 0%, #3a3a45 10%, #2f2f37 50%);
    text-align: left;
}
}


.sub-frame__title > div {
.gradient-header-frame-sub__content {
    padding: 6px 10px;
    background: linear-gradient(90deg, #363641 0%, #363641 10%, rgba(50, 50, 51, 0) 50%);
}


.sub-frame__content {
    padding: 0.3em 0.4em;
}
}
}}
}}
<div class="customCSS" style="display:none">
<div class="customCSS" style="display:none">
.sub-frame__content::-webkit-scrollbar { width: 10px; }
.gradient-header-frame-sub__content::-webkit-scrollbar { width: 10px; }
.sub-frame__content::-webkit-scrollbar-track  { background: #2c2c33; }
.gradient-header-frame-sub__content::-webkit-scrollbar-track  { background: #2c2c33; }
.sub-frame__content::-webkit-scrollbar-thumb { background: #44444d; border: 2px solid #2c2c33; border-radius: 0; }
.gradient-header-frame-sub__content::-webkit-scrollbar-thumb { background: #44444d; border: 2px solid #2c2c33; border-radius: 0; }
</div>
</div>

Текущая версия от 18:51, 16 декабря 2024

{{{title}}}
{{{content}}}