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

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


.title-frame__title {
.gradient-header-frame__header {
     color: #efefef;
     color: #efefef;
     font-size: 1.15em;
     font-size: 1.15em;
    font-family: "noto sans";
     padding: 6px 10px;
     padding: 6px 10px;
     background: linear-gradient(90deg, rgb(48 48 57) 0%, #3b3b47 30%, #3d3d49 50%, #3b3b47 70%, rgb(48 48 57) 100%);
     background: linear-gradient(90deg, #2f2f37 0%, #3a3a45 40%, #3b3b47 50%, #3a3a45 60%, #2f2f37 100%);
     text-align: center;
     text-align: center;
}
}


.title-frame__content {
.gradient-header-frame__content {


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

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

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