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

Материал из Space Station 14 Вики
(Новая страница: «<div class="sub-frame"> <div class="sub-frame__title"> <div>'''{{{title}}}'''</div> </div> <div class="sub-frame__content">{{{content}}}</div></div> {{#css: .sub-frame { border: 2px solid #565663; border-radius: 0.4em; overflow: hidden; background: #27272f; } .sub-frame__title { position: relative; background: #393943; color: #efefef; border-bottom: 3px solid #00000066; font-size: 1.15em; } .sub-frame__title > div {...»)
 
мНет описания правки
 
(не показано 19 промежуточных версий этого же участника)
Строка 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: 2px solid #565663;
     border: 1px solid #3a3a46;
     border-radius: 0.4em;
     border-radius: 0.3em;
     overflow: hidden;
     overflow: hidden;
     background: #27272f;
     background: #24242b;
}
}


.sub-frame__title {
.gradient-header-frame-sub__header {
    position: relative;
    background: #393943;
     color: #efefef;
     color: #efefef;
    border-bottom: 3px solid #00000066;
     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, rgb(88 88 103 / 45%) 0%, rgb(88 88 103 / 50%) 5%, rgba(50, 50, 51, 0) 30%);
}


.sub-frame__content {
    padding: 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}}}