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

Материал из Space Station 14 Вики
Новая страница: «<div class="title-frame"> <div class="title-frame__title"> <div>'''{{{title}}}'''</div> </div> <div class="title-frame__content">{{{content}}}</div></div> {{#css: .title-frame { border: 1px solid #393945; border-radius: 0.3em; overflow: hidden; background: #27272f; } .title-frame__title { color: #efefef; font-size: 1.15em; padding: 6px 10px; background: linear-gradient(90deg, rgb(48 48 57) 0%, #393945 25%, #40404d 50%, #39394...»
 
мНет описания правки
 
(не показано 46 промежуточных версий этого же участника)
Строка 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">{{{content}}}</div></div>
{{#css:
.title-frame {
    border: 1px solid #393945;
    border-radius: 0.3em;
    overflow: hidden;
    background: #27272f;
}


.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%, #393945 25%, #40404d 50%, #393945 75%, rgb(48 48 57) 100%);
    text-align: center;
}


.title-frame__content {
--><templatestyles src="GradientHeaderFrame/styles.css" />
    padding: 0.3em 0.4em;
}
}}
<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}}}