Шаблон:LinkСard: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
(не показано 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|}}} <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}}}|{{{pixel|64x64px}}}|link=]]</div> | ||
<div class="link-card__name">'''{{{name|Название}}}'''</div> | <div class="link-card__name">'''{{{name|Название}}}'''</div> | ||
</div> | </div> | ||
Строка 13: | Строка 13: | ||
border: 1px outset rgb(0 0 0 / 30%); | border: 1px outset rgb(0 0 0 / 30%); | ||
border-radius: 0.3em; | border-radius: 0.3em; | ||
box-shadow: 0px 2px | box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.2); | ||
overflow: hidden; | overflow: hidden; | ||
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; | ||
align-content: center; | |||
} | } | ||
.link-card__name { | .link-card__name { | ||
position: relative; | position: relative; | ||
width: 100%; | width: 100%; | ||
padding: 2px 4px; | padding: 2px 4px; | ||
Строка 57: | Строка 44: | ||
.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: | Строка 64: | ||
.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: | Строка 85: | ||
height: 32px; | height: 32px; | ||
} | } | ||
}} | |||
}} | |||