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

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

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

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

@@ Строка 1: / Строка 1: @@
-<div class="main-menu-frame {{{class}}}>
+<div class="modern-frame" style="
-<div class="main-menu-frame__title" style="background-color:{{{background-color|#373743}}};border:2px solid {{{border-color|#505061}}};justify-content:{{#if:{{{picture|}}}|space-between|center}};>
+ --bg-color: {{{background-color|{{{bg|var(--theme-bg-color-300)}}}}}};
-{{#if:{{{picture|}}}|<div>[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>}}
+ --alpha: {{{alpha|30%}}};
+ margin:{{{margin|12px 0px}}};
+">
+<div class="modern-frame__title" style="justify-content:{{#if:{{{picture|}}}|space-between|center}};>
+{{#if:{{{picture|}}}|<div>{{{picture}}}</div>}}
 <div>'''{{{title}}}'''</div>
-{{#if:{{{picture|}}}|<div>[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>}}
+{{#if:{{{picture|}}}|<div>{{{picture}}}</div>}}
 </div>
-<div class="main-menu-frame__content" style="background:{{{background-color|#373743}}}{{{transparency|45}}};border:2px solid {{{border-color|#505061}}}a0;border-top:none;{{{style}}}>{{{content}}}</div></div>
-{{#css:
-.main-menu-frame {
-    display: flex;
-    flex-direction: column;
-}
-.main-menu-frame__title {
-    position: relative;
-    display: flex;
-    align-items: center;
-    min-height: 32px;
-    padding: 2px 8px;
-    color: #efefef;
-    font-size: 16px;
-    border-radius: 0.3em 0.3em 0 0;
-    border-bottom: 3px solid #00000045 !important;
-}
-.main-menu-frame__content {
+<div class="modern-frame__content {{{class}}}" style="border-top:none;padding:{{{padding|12px 10px}}};{{{style}}}>{{{content}}}</div></div><!--
-    padding: 14px;
-    border-radius: 0 0 0.3em 0.3em;
-    box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
-}
-@media (max-width: 800px) {
+--><templatestyles src="ModernFrame/styles.css" />
-    .main-menu-frame__content {
-        gap: 6px;
-        padding: 8px;
-    }
-}
-}}