Шаблон:ModernButton: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) (Новая страница: «<div class="modern-button noExternal">{{#if: {{{external|}}}|[{{{external|https://discord.gg/corvax}}} <span class="modern-button__icon"></span>]|[[{{{link|Шаблон:ModernButton}}}|<span class="modern-button__icon"></span>]]}} <div class="modern-button__image">[[File:{{{img|mousegif.gif}}}|64px]]</div> <div class="modern-button__content"><span class="modern-button__title">{{{text|Мышь-Пышь}}}</span>{{#if:{{{subtext|Самая прожорлива...») |
Pok (обсуждение | вклад) мНет описания правки |
||
| Строка 1: | Строка 1: | ||
<div class="modern-button noExternal">{{#if: {{{external|}}}|[{{{external|https://discord.gg/corvax}}} <span class=" | <div class="modern-button noExternal">{{#if: {{{external|}}}|[{{{external|https://discord.gg/corvax}}} <span class="StupidButton"></span>]|[[{{{link|Шаблон:ModernButton}}}|<span class="StupidButton"></span>]]}} | ||
<div class="modern-button__image">[[File:{{{img|mousegif.gif}}}|64px]]</div> | <div class="modern-button__image">[[File:{{{img|mousegif.gif}}}|64px]]</div> | ||
<div class="modern-button__content"><span class="modern-button__title">{{{text|Мышь-Пышь}}}</span>{{#if:{{{subtext|Самая прожорливая мышь на вики}}}|<em class="modern-button__subtext">{{{subtext|Самая прожорливая мышь на вики}}}</em>}} | <div class="modern-button__content"><span class="modern-button__title">{{{text|Мышь-Пышь}}}</span>{{#if:{{{subtext|Самая прожорливая мышь на вики}}}|<em class="modern-button__subtext">{{{subtext|Самая прожорливая мышь на вики}}}</em>}} | ||
| Строка 9: | Строка 9: | ||
position: relative; | position: relative; | ||
display: flex; | display: flex; | ||
min-width: 45%; | min-width: 45%; | ||
border-radius: 8px; | border-radius: 8px; | ||
min-height: 64px; | min-height: 64px; | ||
width: 100%; | width: 100%; | ||
background: # | background: #363641; | ||
overflow: hidden; | overflow: hidden; | ||
box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1), 0px 2px | box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1), 0px 2px 2px 0px rgba(0, 0, 0, 0.1); | ||
transition: all 0.05s; | transition: all 0.05s; | ||
} | } | ||
.modern-button__image { | .modern-button__image { | ||
display: flex; | |||
align-items: center; | |||
padding: 4px; | padding: 4px; | ||
background: # | background: #454553; | ||
box-shadow: inset 20px 0px 20px 0px rgba(0, 0, 0, 0.05); | box-shadow: inset 20px 0px 20px 0px rgba(0, 0, 0, 0.05); | ||
} | } | ||
| Строка 30: | Строка 30: | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
justify-content: center; | |||
width: 100%; | width: 100%; | ||
padding: 8px | padding: 8px 10px; | ||
margin-left: 0; | margin-left: 0; | ||
} | } | ||
