Шаблон:ModernButton: различия между версиями
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) Отмена правки 60080, сделанной Pok (обсуждение) Метка: отмена |
||
| Строка 1: | Строка 1: | ||
<div class="modern-button noExternal | <div class="modern-button noExternal" style="--background-color:{{{background-color|#40404d}}}>{{#if:{{{external|}}}|[{{{external|https://discord.gg/corvax}}} <span class="StupidButton"></span>]|[[{{{link|Шаблон:ModernButton}}}|<span class="StupidButton"></span>]]}} | ||
{{#if:{{{external|}}} | [{{{external|}}} <span class="StupidButton"></span>] | |||
<div class="modern-button__image">[[File:{{{img|mousegif.gif}}}|{{{pixel|64x64px}}}]]</div> | <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>}} | ||
| Строка 15: | Строка 14: | ||
overflow: hidden; | overflow: hidden; | ||
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); | box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); | ||
transition: | } | ||
.modern-button::before { | |||
content: ""; | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
right: 0; | |||
bottom: 0; | |||
background: var(--background-color); | |||
z-index: 1; | |||
transition: filter 0.01s; | |||
} | } | ||
| Строка 23: | Строка 33: | ||
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); | ||
z-index: 2; | |||
} | } | ||
| Строка 33: | Строка 44: | ||
padding: 8px 10px; | padding: 8px 10px; | ||
background: #00000037; | background: #00000037; | ||
z-index: 2; | |||
} | } | ||
| Строка 44: | Строка 56: | ||
font-size: 0.8em; | font-size: 0.8em; | ||
} | } | ||
}} | }}<!-- | ||
--><div class="customCSS" style="display:none"> | |||
.modern-button:hover::before { | |||
filter: brightness(103.5%); | |||
} | |||
</div> | |||