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

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

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

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

@@ Строка 1: / Строка 1: @@
-<div class="flat-card-with-header--сollapsible mw-collapsible mw-collapsed" style="background-color:{{{background-color|#ffffff}}}{{{transparency|05}}};margin:{{{margin|8px 0px}}};>
+<div class="flat-card-with-header--сollapsible mw-collapsible mw-collapsed short-scrollbar" style="
-<div class="flat-card-with-header--сollapsible__header" style="background-color:{{{background-color|#303039}}}>
+ --bg-color:{{{background-color|var(--theme-bg-color-200)}}};
-{{#if:{{{picture|}}}|<div class="flat-card-with-header--сollapsible__header-img">[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>}}
+ margin:{{{margin|8px 0px}}};
-<div style="margin-left:4px;margin-right:90px;">'''{{{title}}}'''</div>
+">
+<div class="flat-card-with-header--сollapsible__header">
+{{#if:{{{picture|}}}|<div class="flat-card-with-header--сollapsible__header-img" style="margin-right:2px">[[Файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>}}
+<div style="margin-left:4px; margin-right:95px; font-weight:bold;">{{{title}}}</div>
 </div>
 <div class="flat-card-with-header--сollapsible__content no-margin-edges mw-collapsible-content" style="padding:{{{padding|8px}}};{{{style}}}>{{{content}}}</div></div><!--
--->{{#css:
+--><templatestyles src="FlatCardWithHeader/Сollapsible/styles.css" />
-.flat-card-with-header--сollapsible {
-    position: relative;
-    border-radius: 0.4em;
-    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
-    display: grid;
-}
-.flat-card-with-header--сollapsible__header {
-    display: flex;
-    align-items: center;
-    font-family: "noto sans";
-    text-align: left;
-    padding: 4px;
-    border: 1px solid #ffffff0c;
-    border-bottom: 3px solid #00000035 !important;
-    min-height: 36px;
-    border-radius: 0.4em;
-    grid-row: 1;
-    grid-column: 1 / 3;
-}
-.flat-card-with-header--сollapsible__header-img {
-    background: #00000027;
-    padding: 2px;
-    border-radius: 0.2em;
-}
-.flat-card-with-header--сollapsible__content {
-    border-top: 1px solid #00000035;
-    grid-column: 1 / 3;
-    grid-row: 2;
-}
-.flat-card-with-header--сollapsible .mw-collapsible-toggle {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    padding: 8px;
-    top: 0;
-    right: 0;
-    grid-row: 1;
-    grid-column: 1 / 3;
-}
-.flat-card-with-header--сollapsible__content::-webkit-scrollbar { width: 10px; }
-.flat-card-with-header--сollapsible__content::-webkit-scrollbar-track  { background: #2c2c33; }
-.flat-card-with-header--сollapsible__content::-webkit-scrollbar-thumb { background: #44444d; border: 2px solid #2c2c33; border-radius: 0; }
-}}