Шаблон:MainMenuBlocks/Item: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) (Новая страница: «<div class="main-menu-frame">[[{{{link|MainMenuBlocks/Item}}}|<span class="StupidButton"></span>]][[файл:{{{image|Нет "image="}}}.png|32px|link=]]| '''{{{content|Название}}}'''</div><!-- -->{{#css: .main-menu-frame { position: relative; border-radius: 0.4em; list-style-type: none; text-align: left; transition: background-color 0.05s ease; } .main-menu-frame:hover { background-color: #303039; } }}») |
Pok (обсуждение | вклад) (Отмена правки 55241, сделанной Pok (обсуждение)) Метка: отмена |
||
| (не показаны 44 промежуточные версии этого же участника) | |||
| Строка 1: | Строка 1: | ||
<div class="main-menu-frame">[[{{{link|MainMenuBlocks/Item}}}|<span class="StupidButton"></span>]][[файл:{{{image| | <div class="main-menu-frame noExternal" style="background-color:{{{background-color|#373743}}}ef>{{#if: {{{external|}}}|[{{{external|https://discord.gg/corvax}}} <span class="StupidButton"></span>]|[[{{{link|MainMenuBlocks/Item}}}|<span class="StupidButton"></span>]]}} | ||
-->{{#css: | <div class="main-menu-frame__image">[[файл:{{{image|BikeHorn.png}}}|64x64px|link=]]</div> | ||
<div class="main-menu-frame__name">'''{{{name|Название}}}'''</div> | |||
</div><!-- | |||
--> | |||
{{#css: | |||
.main-menu-frame { | .main-menu-frame { | ||
display: inline-block; | |||
position: relative; | position: relative; | ||
border-radius: 0.3em; | |||
transition: all 0.15s ease; | |||
overflow: hidden; | |||
min-width: 110px; | |||
text-align: center; | |||
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3); | |||
border: 1px outset rgb(0 0 0 / 30%); | |||
} | |||
.main-menu-frame__image { | |||
padding: 6px; | |||
} | } | ||
.main-menu-frame__name { | |||
background: #00000040; | |||
padding: 2px; | |||
font-size: 12px; | |||
} | |||
}}<!-- | |||
--><div class="customCSS" style="display:none"> | |||
.main-menu-frame:hover { | .main-menu-frame:hover { | ||
filter: brightness(105%); | |||
} | box-shadow: 0px 6px 6px 1px rgba(0, 0, 0, 0.25); | ||
transform: translateY(-4px); | |||
} | |||
</div> | |||
