Шаблон:LinkСard: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) (Отмена правки 60081, сделанной Pok (обсуждение)) Метка: отмена |
||
Строка 1: | Строка 1: | ||
<div class="link-card noExternal mobile-image | <div class="link-card noExternal mobile-image {{#if:{{{SideStyle|}}}|link-card__side}}" style="--background-color:{{{background-color|#383845{{{transparency|f0}}}}}}> {{#if:{{{external|}}} | [{{{external|}}} <span class="StupidButton"></span>] | {{#if:{{{link|}}} | [[{{{link|}}}|<span class="StupidButton"></span>]] }} }} | ||
{{#if:{{{external|}}} | [{{{external|}}} <span class="StupidButton"></span>] | {{#if:{{{link|}}} | [[{{{link|}}}|<span class="StupidButton"></span>]] }} }} | |||
<div class="link-card__image">[[Файл:{{{image|BikeHorn.png}}}|64x64px|link=]]</div> | <div class="link-card__image">[[Файл:{{{image|BikeHorn.png}}}|64x64px|link=]]</div> | ||
<div class="link-card__name">'''{{{name|Название}}}'''</div> | <div class="link-card__name">'''{{{name|Название}}}'''</div> | ||
Строка 18: | Строка 17: | ||
background: var(--background-color); | background: var(--background-color); | ||
transition: all 0.15s ease; | transition: all 0.15s ease; | ||
} | |||
.link-card::before { | |||
content: ""; | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
right: 0; | |||
bottom: 0; | |||
background: var(--background-color); | |||
z-index: 1; | |||
transition: filter 0.01s; | |||
} | } | ||
.link-card__image { | .link-card__image { | ||
position: relative; | position: relative; | ||
z-index: 2; | |||
padding: 6px; | padding: 6px; | ||
} | } | ||
Строка 27: | Строка 39: | ||
.link-card__name { | .link-card__name { | ||
position: relative; | position: relative; | ||
z-index: 2; | |||
width: 100%; | width: 100%; | ||
padding: 2px 4px; | padding: 2px 4px; | ||
Строка 85: | Строка 98: | ||
height: 32px; | height: 32px; | ||
} | } | ||
}} | |||
}}<!-- | |||
--><div class="customCSS" style="display:none"> | |||
.link-card:hover::before { | |||
filter: brightness(104%); | |||
} | |||
</div> |
Версия от 20:38, 16 января 2025
Название