Шаблон:ModernButton: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
| (не показаны 2 промежуточные версии этого же участника) | |||
| Строка 1: | Строка 1: | ||
<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 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}}}| | <div class="modern-button__image">[[File:{{{img|mousegif.gif}}}|{{{pixel|64x64px}}}]]</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>}} | ||
</div></div><!-- | </div></div><!-- | ||
| Строка 10: | Строка 10: | ||
display: flex; | display: flex; | ||
min-width: 45%; | min-width: 45%; | ||
background: # | background: #31313b; | ||
border-radius: 8px; | border-radius: 8px; | ||
min-height: 64px; | min-height: 64px; | ||
| Строка 21: | Строка 21: | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
background: # | background: #40404d; | ||
padding: 4px; | padding: 4px; | ||
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); | ||
| Строка 47: | Строка 47: | ||
--><div class="customCSS" style="display:none"> | --><div class="customCSS" style="display:none"> | ||
.modern-button:hover { | .modern-button:hover { | ||
filter: brightness( | filter: brightness(108%); | ||
} | } | ||
</div> | </div> | ||
