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

мНет описания правки
мНет описания правки
Строка 1: Строка 1:
<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>]]}}
<div class="modern-button noExternal brightness-overlay" style="--background-color:{{{background-color|#40404d}}}>
{{#if:{{{external|}}} | [{{{external|}}} <span class="StupidButton"></span>] | {{#if:{{{link|}}} | [[{{{link|}}}|<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>}}
Строка 14: Строка 15:
     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: all 0.01s;
 
.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;
}
}


Строка 33: Строка 23:
     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;
}
}


Строка 44: Строка 33:
     padding: 8px 10px;
     padding: 8px 10px;
     background: #00000037;
     background: #00000037;
    z-index: 2;
}
}


Строка 56: Строка 44:
     font-size: 0.8em;
     font-size: 0.8em;
}
}
}}<!--
}}
--><div class="customCSS" style="display:none">
.modern-button:hover::before {
    filter: brightness(103.5%);
}
</div>