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

Материал из Space Station 14 Вики
мНет описания правки
мНет описания правки
Строка 1: Строка 1:
<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>]] }} }}
<div class="link-card noExternal mobile-image brightness-overlay {{#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>]] }} }}
<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>
Строка 17: Строка 18:
     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;
}
}
Строка 39: Строка 27:
.link-card__name {
.link-card__name {
     position: relative;
     position: relative;
    z-index: 2;
     width: 100%;
     width: 100%;
     padding: 2px 4px;
     padding: 2px 4px;
Строка 98: Строка 85:
     height: 32px;  
     height: 32px;  
}
}
 
}}
 
}}<!--
 
--><div class="customCSS" style="display:none">
.link-card:hover::before {
filter: brightness(104%);
}
</div>

Версия от 20:38, 16 января 2025