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

Интерактивная навигация по истории

← Предыдущая правка

ВизуальныйВики-текст

@@ Строка 1: / Строка 1: @@
-<div class="flat-card-with-header" style="margin:{{{margin|16px 0px}}};>
+<div class="flat-card-with-header" style="
+ --bg-color: {{{background-color|var(--theme-bg-color-250)}}};
+ margin:{{{margin|16px 0px}}};
+">
 {{#if:{{{title|}}}|
-<div class="flat-card-with-header__header" style="background-color:{{{background-color|#303039}}}>
+<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 class="flat-card-with-header__content no-margin-edges" 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:
+--><templatestyles src="FlatCardWithHeader/styles.css" />
-.flat-card-with-header {
-    border-radius: 0.4em;
-    overflow: hidden;
-    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
-}
-.flat-card-with-header__header {
-    display: flex;
-    align-items: center;
-    font-family: "noto sans";
-    text-align: left;
-    padding: 4px;
-    border: 1px solid #ffffff0с;
-    border-bottom: 3px solid #00000045 !important;
-    border-radius: 0.4em 0.4em 0 0;
-}
-.flat-card-with-header__header-img {
-    background: #00000027;
-    padding: 2px;
-    border-radius: 0.2em;
-}
-.flat-card-with-header__content {
-    overflow: auto;
-}
-.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; }
-}}