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

Материал из Space Station 14 Вики
мНет описания правки
мНет описания правки
Строка 1: Строка 1:
<div class="main-menu-frame noExternal mobile-image" style="background-color:{{{background-color|#373743}}}f5>{{#if: {{{external|}}}|[{{{external|https://discord.gg/corvax}}} <span class="StupidButton"></span>]|[[{{{link|MainMenuBlocks/Item}}}|<span class="StupidButton"></span>]]}}
<div class="main-menu-item noExternal mobile-image" style="background-color:{{{background-color|#373743}}}f5>{{#if: {{{external|}}}|[{{{external|https://discord.gg/corvax}}} <span class="StupidButton"></span>]|[[{{{link|MainMenuBlocks/Item}}}|<span class="StupidButton"></span>]]}}
<div class="main-menu-frame__image">[[файл:{{{image|BikeHorn.png}}}|64x64px|link=]]</div>
<div class="main-menu-item__image">[[файл:{{{image|BikeHorn.png}}}|64x64px|link=]]</div>
<div class="main-menu-frame__name">'''{{{name|Название}}}'''</div>
<div class="main-menu-item__name">'''{{{name|Название}}}'''</div>
</div><!--
</div><!--


-->
-->
{{#css:
{{#css:
.main-menu-frame {
.main-menu-item {
     display: inline-block;
     display: inline-block;
     position: relative;
     position: relative;
Строка 18: Строка 18:
}
}


.main-menu-frame__image {
.main-menu-item__image {
     padding: 6px;
     padding: 6px;
}
}


.main-menu-frame__name {
.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-frame {
     .main-menu-item {
         display: flex;
         display: flex;
         width: 100%;
         width: 100%;
     }
     }


     .main-menu-frame__name {
     .main-menu-item__name {
         background: #00000020;
         background: #00000020;
         padding: 4px 6px;
         padding: 4px 6px;
Строка 44: Строка 44:
     }
     }


     .main-menu-frame__image {
     .main-menu-item__image {
         padding: 4px;
         padding: 4px;
     }
     }
Строка 50: Строка 50:
}}<!--
}}<!--
--><div class="customCSS" style="display:none">
--><div class="customCSS" style="display:none">
.main-menu-frame:hover {
.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);

Версия от 10:47, 3 ноября 2024