Шаблон:MainMenuBlocks/Frame: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
(не показаны 42 промежуточные версии этого же участника) | |||
Строка 1: | Строка 1: | ||
<div class="main-menu- | <div class="main-menu-frame {{{class}}}> | ||
<div class="main-menu-frame__title" style="background-color:{{{background-color|# | <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}};> | ||
<div>[[файл:{{{picture|BikeHorn.png}}}| | {{#if:{{{picture|}}}|<div>[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>}} | ||
<div>'''{{{title}}}'''</div> | <div>'''{{{title}}}'''</div> | ||
<div>[[файл:{{{picture|BikeHorn.png}}}| | {{#if:{{{picture|}}}|<div>[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>}} | ||
</div> | </div> | ||
<div class="main-menu-frame__content">{{{content}}}</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: | {{#css: | ||
.main-menu- | .main-menu-frame { | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
} | } | ||
Строка 19: | Строка 16: | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
min-height: 32px; | |||
padding: | padding: 2px 8px; | ||
color: #efefef; | color: #efefef; | ||
font-size: 16px; | font-size: 16px; | ||
border-radius: 0.3em 0.3em 0 0; | |||
border-bottom: 3px solid #00000045 !important; | |||
} | } | ||
.main-menu-frame__content { | .main-menu-frame__content { | ||
padding: 14px; | |||
padding: | |||
border-radius: 0 0 0.3em 0.3em; | 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) { | |||
.main-menu-frame__content { | |||
gap: 6px; | |||
padding: 8px; | |||
} | |||
} | } | ||
}} | }} |