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

Новая страница: «<div class="gradient-header-frame--no-gradient" style="margin:{{{margin|16px 0px}}};> <div class="gradient-header-frame--no-gradient__header" style="background-color:{{{background-color|#303039}}}> <div>'''{{{title}}}'''</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> {{#css: .gradient-header-frame-...»
 
м Замена текста — «--theme-bg-color-300» на «--theme-bg-color-250»
 
(не показаны 43 промежуточные версии этого же участника)
Строка 1: Строка 1:
<div class="gradient-header-frame--no-gradient" style="margin:{{{margin|16px 0px}}};>
<div class="flat-card-with-header" style="
<div class="gradient-header-frame--no-gradient__header" style="background-color:{{{background-color|#303039}}}>
--bg-color: {{{background-color|var(--theme-bg-color-250)}}};
<div>'''{{{title}}}'''</div>
margin:{{{margin|16px 0px}}};
">
{{#if:{{{title|}}}|
<div class="flat-card-with-header__header" style="{{#if:{{{picture|}}}||justify-content:center}}>
{{#if:{{{picture|}}}|<div class="flat-card-with-header__header-img">[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</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>
}}
{{#css:
<div class="flat-card-with-header__content no-margin-edges" style="padding:{{{padding|8px}}};{{{style}}}>{{{content}}}</div></div><!--
.gradient-header-frame--no-gradient {
    border-radius: 0.3em;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}


.gradient-header-frame--no-gradient__header {
--><templatestyles src="FlatCardWithHeader/styles.css" />
    color: #efefef;
    font-size: 1.1em;
    padding: 6px 10px;
    font-family: "noto sans";
    text-align: left;
    border-bottom: 3px solid #00000050 !important;
}
 
.gradient-header-frame--no-gradient__content {
 
}
}}
<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>