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

Материал из Space Station 14 Вики
мНет описания правки
мНет описания правки
 
(не показано 18 промежуточных версий этого же участника)
Строка 1: Строка 1:
<div class="gradient-header-frame--no-gradient" style="margin:{{{margin|16px 0px}}};>
<div class="flat-card-with-header" style="background-color:{{{background-color|#ffffff}}}{{{transparency|05}}};margin:{{{margin|16px 0px}}};>
{{#if:{{{title|}}}|
{{#if:{{{title|}}}|
<div class="gradient-header-frame--no-gradient__header" style="background-color:{{{background-color|#303039}}}>
<div class="flat-card-with-header__header" style="background-color:{{{background-color|#303039}}}>
{{#if:{{{picture|}}}|<div class="gradient-header-frame--no-gradient__header-img">[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>}}
{{#if:{{{picture|}}}|<div class="flat-card-with-header__header-img">[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>}}
<div style="margin-left:6px;">'''{{{title}}}'''</div>
<div style="margin-left:4px;">'''{{{title}}}'''</div>
</div>
</div>
}}
}}
<div class="gradient-header-frame--no-gradient__content" style="padding:{{{padding|8px}}};background-color:{{{background-color|#303039}}}{{{transparency|45}}};{{{style}}}>{{{content}}}</div></div><!--
<div class="flat-card-with-header__content no-margin-edges" style="padding:{{{padding|8px}}};{{{style}}}>{{{content}}}</div></div><!--


-->{{#css:
-->{{#css:
.gradient-header-frame--no-gradient {
.flat-card-with-header {
     border-radius: 0.3em;
     border-radius: 0.4em;
    overflow: hidden;
     box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}
}


.gradient-header-frame--no-gradient__header {
.flat-card-with-header__header {
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;
    color: #efefef;
    font-size: 1.1em;
     font-family: "noto sans";
     font-family: "noto sans";
     text-align: left;
     text-align: left;
     padding: 4px;
     padding: 4px;
     border: 1px solid #ffffff10;
     border: 1px solid #ffffff0с;
     border-bottom: 3px solid #00000045 !important;
     border-bottom: 3px solid #00000045 !important;
     border-radius: 0.3em 0.3em 0 0;
     border-radius: 0.4em;
}
}


.gradient-header-frame--no-gradient__header-img {
.flat-card-with-header__header-img {
     background: #00000027;
     background: #00000027;
     padding: 2px;
     padding: 2px;
Строка 34: Строка 31:
}
}


.gradient-header-frame--no-gradient__content {
.flat-card-with-header__content {


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

Текущая версия от 13:57, 4 января 2025

{{{content}}}