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

Материал из Space Station 14 Вики
мНет описания правки
мНет описания правки
 
(не показано 10 промежуточных версий этого же участника)
Строка 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|https://discord.gg/corvax}}} <span class="StupidButton"></span>]|[[{{{link|MainMenuBlocks/Item}}}|<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}}}|{{{pixel|64x64px}}}|link=]]</div>
<div class="link-card__name">'''{{{name|Название}}}'''</div>
<div class="link-card__name">'''{{{name|Название}}}'''</div>
</div>
</div>
Строка 17: Строка 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;
}
}
Строка 39: Строка 26:
.link-card__name {
.link-card__name {
     position: relative;
     position: relative;
    z-index: 2;
     width: 100%;
     width: 100%;
     padding: 2px 4px;
     padding: 2px 4px;
Строка 57: Строка 43:
     .link-card {
     .link-card {
         display: flex;
         display: flex;
         box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.3);
         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35);
         width: 100%;
         width: 100%;
         text-align: left;
         text-align: left;
Строка 77: Строка 63:
.link-card__side {
.link-card__side {
     display: flex ;
     display: flex ;
     box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.3);
     box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.35);
     width: 100%;
     width: 100%;
     text-align: left;
     text-align: left;
Строка 98: Строка 84:
     height: 32px;  
     height: 32px;  
}
}
 
}}
 
}}<!--
 
--><div class="customCSS" style="display:none">
.link-card:hover::before {
filter: brightness(104%);
}
</div>

Текущая версия от 21:42, 18 января 2025