Шаблон:MainMenuBlocks/Item: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
| (не показаны 2 промежуточные версии этого же участника) | |||
| Строка 1: | Строка 1: | ||
<div class="main-menu- | <div class="main-menu-item noExternal mobile-image" style="background-color:{{{background-color|#373743}}}f0>{{#if: {{{external|}}}|[{{{external|https://discord.gg/corvax}}} <span class="StupidButton"></span>]|[[{{{link|MainMenuBlocks/Item}}}|<span class="StupidButton"></span>]]}} | ||
<div class="main-menu- | <div class="main-menu-item__image">[[файл:{{{image|BikeHorn.png}}}|64x64px|link=]]</div> | ||
<div class="main-menu- | <div class="main-menu-item__name">'''{{{name|Название}}}'''</div> | ||
</div><!-- | </div><!-- | ||
--> | --> | ||
{{#css: | {{#css: | ||
.main-menu- | .main-menu-item { | ||
display: inline-block; | display: inline-block; | ||
position: relative; | position: relative; | ||
| Строка 18: | Строка 18: | ||
} | } | ||
.main-menu- | .main-menu-item__image { | ||
padding: 6px; | padding: 6px; | ||
} | } | ||
.main-menu- | .main-menu-item__name { | ||
background: #00000040; | background: #00000040; | ||
padding: 2px 4px; | padding: 2px 4px; | ||
| Строка 31: | Строка 31: | ||
@media (max-width: 800px) { | @media (max-width: 800px) { | ||
.main-menu- | .main-menu-item { | ||
display: flex; | display: flex; | ||
width: 100%; | width: 100%; | ||
text-align: left; | |||
} | } | ||
.main-menu- | .main-menu-item__name { | ||
background: #00000020; | background: #00000020; | ||
padding: 4px 6px; | padding: 4px 6px; | ||
| Строка 44: | Строка 45: | ||
} | } | ||
.main-menu- | .main-menu-item__image { | ||
padding: 4px; | padding: 4px; | ||
} | } | ||
| Строка 50: | Строка 51: | ||
}}<!-- | }}<!-- | ||
--><div class="customCSS" style="display:none"> | --><div class="customCSS" style="display:none"> | ||
.main-menu- | .main-menu-item:hover { | ||
filter: brightness(105%); | filter: brightness(105%); | ||
box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.25); | box-shadow: 0px 4px 4px 1px rgba(0, 0, 0, 0.25); | ||
