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

Материал из Space Station 14 Вики
Интерактивная навигация по истории
← Предыдущая правкаСледующая правка →
мНет описания правки
мНет описания правки
(не показано 15 промежуточных версий этого же участника)
Строка 1: Строка 1:
<div class="flat-card-with-header--сollapsible mw-collapsible mw-collapsed" style="background-color:{{{background-color|#303039}}}{{{transparency|45}}};margin:{{{margin|12px 0px}}};>
<div class="flat-card-with-header--сollapsible mw-collapsible mw-collapsed short-scrollbar" style="background-color:{{{background-color|#ddddff}}}{{{transparency|06}}};margin:{{{margin|8px 0px}}};>
<div class="flat-card-with-header--сollapsible__header" style="background-color:{{{background-color|#303039}}}>
 
{{#if:{{{picture|}}}|<div class="flat-card-with-header--сollapsible__header-img">[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>}}
<div class="flat-card-with-header--сollapsible__header" style="background-color:{{{background-color|var(--theme-bg-color-250)}}}>
<div style="margin-left:4px;margin-right:90px;">'''{{{title}}}'''</div>
{{#if:{{{picture|}}}|<div class="flat-card-with-header--сollapsible__header-img" style="margin-right:2px">[[Файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>}}
<div style="margin-left:4px;margin-right:95px;">'''{{{title}}}'''</div>
</div>
</div>
<div class="flat-card-with-header--сollapsible__content no-margin-edges mw-collapsible-content" style="padding:{{{padding|8px}}};{{{style}}}>{{{content}}}</div></div><!--
<div class="flat-card-with-header--сollapsible__content no-margin-edges mw-collapsible-content" style="padding:{{{padding|8px}}};{{{style}}}>{{{content}}}</div></div><!--


-->{{#css:
--><templatestyles src="FlatCardWithHeader/Сollapsible/styles.css" />
.flat-card-with-header--сollapsible {
    position: relative;
    border-radius: 0.4em;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
 
    display: grid;
}
 
.flat-card-with-header--сollapsible__header {
    display: flex;
    align-items: center;
    font-family: "noto sans";
    text-align: left;
    padding: 4px;
    border: 1px solid #ffffff0c;
    border-bottom: 3px solid #00000035 !important;
    min-height: 36px;
    border-radius: 0.4em;
   
    grid-row: 1;
    grid-column: 1 / 3;
}
 
.flat-card-with-header--сollapsible__header-img {
    background: #00000027;
    padding: 2px;
    border-radius: 0.2em;
}
 
.flat-card-with-header--сollapsible__content {
    border-top: 1px solid #00000035;
   
    grid-column: 1 / 3;
    grid-row: 2;
}
 
.flat-card-with-header--сollapsible .mw-collapsible-toggle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 8px;
   
    top: 0;
    right: 0;
   
    grid-row: 1;
    grid-column: 1 / 3;
}
 
.flat-card-with-header--сollapsible__content::-webkit-scrollbar { width: 10px; }
.flat-card-with-header--сollapsible__content::-webkit-scrollbar-track  { background: #2c2c33; }
.flat-card-with-header--сollapsible__content::-webkit-scrollbar-thumb { background: #44444d; border: 2px solid #2c2c33; border-radius: 0; }
}}

Версия от 22:47, 12 апреля 2025

{{{title}}}
Источник — https://station14.ru/index.php?title=Шаблон:FlatCardWithHeader/Сollapsible&oldid=79712