Шаблон:LinkСard: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
(не показано 7 промежуточных версий этого же участника) | |||
Строка 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: | Строка 17: | ||
background: var(--background-color); | background: var(--background-color); | ||
transition: all 0.15s ease; | transition: all 0.15s ease; | ||
} | } | ||
.link-card__image { | .link-card__image { | ||
position: relative; | position: relative; | ||
padding: 6px; | padding: 6px; | ||
} | } | ||
Строка 39: | Строка 26: | ||
.link-card__name { | .link-card__name { | ||
position: relative; | position: relative; | ||
width: 100%; | width: 100%; | ||
padding: 2px 4px; | padding: 2px 4px; | ||
Строка 57: | Строка 43: | ||
.link-card { | .link-card { | ||
display: flex; | display: flex; | ||
box-shadow: 0px | 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 | 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; | ||
} | } | ||
}} | |||
}} | |||