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

Материал из Space Station 14 Вики
мНет описания правки
мНет описания правки
 
(не показаны 34 промежуточные версии этого же участника)
Строка 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" style="justify-content:{{#if:{{{picture|}}}|space-between|center}};>
{{#if:{{{picture|}}}|<div>{{{picture|BikeHorn.png}}}</div>}}
<div>'''{{{title}}}'''</div>
<div>'''{{{title}}}'''</div>
{{#if:{{{picture|}}}|<div>{{{picture|BikeHorn.png}}}</div>}}
</div>
</div>
<div class="title-frame__content" style="padding:{{{padding|10px 8px;}}}>{{{content}}}</div></div>
{{#css:
.title-frame {
    border: 1px solid #40404d;
    border-radius: 0.3em;
    overflow: hidden;
    background: #24242b;
}


.title-frame__title {
<div class="gradient-header-frame__content no-margin-edges short-scrollbar" style="padding:{{{padding|10px}}};{{{style}}}>{{{content}}}
    color: #efefef;
</div></div><!--
    font-size: 1.15em;
    padding: 6px 10px;
    background: linear-gradient(90deg, rgb(48 48 57) 0%, #3a3a45 40%, #3b3b47 50%, #3a3a45 60%, rgb(48 48 57) 100%);
    text-align: center;
}


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

Текущая версия от 16:07, 29 марта 2025

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