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

Материал из Space Station 14 Вики
мНет описания правки
Нет описания правки
Строка 1: Строка 1:
<div class="link-card noExternal mobile-image link-card__side link-card__side--сollapsible z-index-position" style="--background-color:{{{background-color|#cbcbff14}}}> {{#if:{{{external|}}} | [{{{external|}}} <span class="StupidButton"></span>] | {{#if:{{{link|}}} | [[{{{link|}}}|<span class="StupidButton"></span>]] }} }}
<div class="link-card--сollapsible z-index-position" style="--background-color:{{{background-color|#cbcbff14}}}>
<div class="link-card--сollapsible__header no-margin-edges mw-collapsible mw-collapsed">
<div class="link-card--сollapsible__header mw-collapsible mw-collapsed">
<div class="link-card__image link-card--сollapsible__image">[[Файл:{{{image|Doppelganger.png}}}|{{{pixel|64x64px}}}|link=]]</div>
<div class="link-card--сollapsible__image link-card--сollapsible__image">[[Файл:{{{image|Doppelganger.png}}}|{{{pixel|32x32px}}}|link=]]</div>
<div class="link-card__name link-card--сollapsible__name">{{{name|Название}}}</div>
<div class="link-card--сollapsible__name link-card--сollapsible__name no-margin-edges">{{{name|Название}}}</div>
<div class="link-card--сollapsible__content short-scrollbar mw-collapsible-content">{{{content}}}</div>
<div class="link-card--сollapsible__content short-scrollbar mw-collapsible-content">{{{content}}}</div>
</div>
</div>
</div>
</div>
{{#css:
{{#css:
.link-card__side--сollapsible {
.link-card--сollapsible {
    display: flex ;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
    width: 100%;
    text-align: left;
    background: var(--background-color);
    border: 1px outset rgb(0 0 0 / 30%);
    border-radius: 0.3em;
}
 
.link-card--сollapsible .link-card--сollapsible__name {
    background: #00000020;
    padding: 4px 8px;
    font-size: 0.9em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    font-weight: bold;
}
 
.link-card--сollapsible .link-card--сollapsible__image {
    padding: 4px;
}
 
.link-card--сollapsible {
     display: block;
     display: block;
     position: relative;
     position: relative;

Версия от 08:22, 2 февраля 2025