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

Материал из Space Station 14 Вики
Интерактивная навигация по истории
← Предыдущая правка
ВизуальныйВики-текст
мНет описания правки
м Замена текста — «--theme-bg-color-300» на «--theme-bg-color-250»
 
(не показано 11 промежуточных версий этого же участника)
Строка 1: Строка 1:
<div class="modern-frame--сollapsible mw-collapsible mw-collapsed" style="margin:{{{margin|14px 0px}}};>
<div class="modern-frame--сollapsible mw-collapsible mw-collapsed" style="
--bg-color: {{{background-color|var(--theme-bg-color-250)}}};
--alpha: {{{alpha|30%}}};
margin:{{{margin|12px 0px}}};
">


<div class="modern-frame--сollapsible__header" style="background-color:{{{background-color|#2f2f39}}};border:2px solid {{{border-color|#3e3e4b}}};>
<div class="modern-frame--сollapsible__header">
{{#if: {{{picture|}}} | <div class="modern-frame--сollapsible__header-img" style="margin-right:2px">{{{picture}}}</div> }}
{{#if: {{{picture|}}} | <div class="modern-frame--сollapsible__header-img" style="margin-right:2px">{{{picture}}}</div> }}
<div style="margin-left: 4px;margin-right: 95px;">{{Anchor|{{{title}}}}}'''{{{title}}}'''</div>
<div style="margin-left: 4px;margin-right: 95px;">'''{{{title}}}'''</div>
</div><!--
</div><!--
-->{{#if: {{{sub-content|}}} | <div class="modern-frame--сollapsible__sub-content no-margin-edges">{{{sub-content}}}</div> }}
-->{{#if: {{{sub-content|}}} | <div class="modern-frame--сollapsible__sub-content no-margin-edges">{{{sub-content}}}</div> }}
<div class="modern-frame--сollapsible__content mw-collapsible-content {{{class}}}" style="background:{{{background-color|#2f2f39}}}{{{transparency|30}}};border:2px solid {{{border-color|#3e3e4b}}}85;border-top:none;padding:{{{padding|12px 10px}}};{{{style}}}>{{{content}}}</div></div><!--
<div class="modern-frame--сollapsible__content mw-collapsible-content no-margin-edges {{{class}}}" style="padding:{{{padding|12px 10px}}};{{{style}}}>{{{content}}}</div></div><!--
-->{{#css:
.modern-frame--сollapsible {
    display: grid;
}


.modern-frame--сollapsible__header {
--><templatestyles src="ModernFrame/Сollapsible/styles.css" />
    display: flex;
    align-items: center;
    min-height: 32px;
    padding: 3px;
    color: #e5e5e5;
    font-size: 15px;
    font-family: "Noto Sans", sans-serif;
    border-radius: 0.3em 0.3em 0 0;
    border-bottom: 2px solid #00000039 !important;
    overflow-wrap: anywhere;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4);
   
    grid-row: 1;
    grid-column: 1 / 3;
}
 
.modern-frame--сollapsible__header-img {
    background: #00000027;
    padding: 2px;
    border-radius: 0.2em;
}
 
.modern-frame--сollapsible__content {
    border-radius: 0 0 0.3em 0.3em;
    box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
   
    grid-column: 1 / 3;
    grid-row: 2;
}
 
.modern-frame--с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;
}
 
.modern-frame--сollapsible__sub-content {
    background-color: #d7d7ff07;
    border-radius: 0 0 0.4em 0.4em;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
    padding: 10px 8px;
   
    grid-column: 1 / 3;
}
 
@media (max-width: 800px) {
    .modern-frame--сollapsible__content {
        gap: 6px;
        padding: 8px;
    }
}
}}

Текущая версия от 12:57, 12 мая 2025

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