Шаблон:MainMenuBlocks/Frame: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
| (не показано 14 промежуточных версий этого же участника) | |||
| Строка 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}}}|{{{pixel|32x32px}}}|link=]]</div> | {{#if:{{{picture|}}}|<div>[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>}} | ||
<div>'''{{{title}}}'''</div> | <div>'''{{{title}}}'''</div> | ||
<div>[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div> | {{#if:{{{picture|}}}|<div>[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>}} | ||
</div> | </div> | ||
<div class="main-menu-frame__content" style="background:{{{background-color|# | <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; | ||
| Строка 16: | Строка 16: | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
min-height: 32px; | |||
padding: 2px 8px; | padding: 2px 8px; | ||
color: #efefef; | color: #efefef; | ||
| Строка 25: | Строка 25: | ||
.main-menu-frame__content { | .main-menu-frame__content { | ||
padding: 14px; | padding: 14px; | ||
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); | 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; | |||
} | |||
} | } | ||
}} | }} | ||
