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

мНет описания правки
мНет описания правки
 
(не показано 26 промежуточных версий этого же участника)
Строка 1: Строка 1:
<div class="link-card noExternal mobile-image brightness-overlay {{#if:{{{SideStyle|}}}|link-card__side}}" style="--background-color:{{{background-color|#33333f{{{transparency|f0}}}}}}> {{#if:{{{external|}}} | [{{{external|}}} <span class="StupidButton"></span>] | {{#if:{{{link|}}} | [[{{{link|}}}|<span class="StupidButton"></span>]] }} }}
<templatestyles src="LinkCard/styles.css" /><div class="link-card noExternal mobile-image brightness-overlay {{#if:{{{горизонт_стиль|}}}|link-card__side}} {{#if:{{{ссылка|}}}{{{внешняя_ссылка|}}}|link-card-hover}}" style="
<div class="link-card__image">[[Файл:{{{image|BikeHorn.png}}}|{{{pixel|64x64px}}}|link=]]{{#if: {{{pin|}}} | <div class="link-card__pin">{{{pin}}}</div> }}</div>
--bg-color:{{{фон|var(--theme-bg-color-300)}}};
{{#if: {{{name|}}} | <div class="link-card__name">{{{name}}}</div> }}
--alpha:{{{прозрачность|95%}}};
</div><!--
--font-size:{{{размер_текста|var(--font-size-xxs)}}}
 
">{{#if: {{{внешняя_ссылка|}}} | [{{{внешняя_ссылка|}}} <span class="StupidButton"></span>] | {{#if: {{{ссылка|}}} | [[{{{ссылка|}}}|<span class="StupidButton"></span>]] }} }}
-->{{#css:
<div class="link-card__image">{{{изображение|}}}</div>
.link-card.brightness-overlay::before {
{{#if: {{{название|}}} | <div class="link-card__name">{{{название}}}</div> }}{{#if: {{{пин|}}} | <div class="link-card__pin" style="position:absolute;">{{{пин}}}</div> }}
    border-radius: 0.3em;
</div><noinclude>{{doc}}</noinclude>
}
 
.link-card__pin {
    position: absolute;
    top: 0;
    right: 0;
}
}}