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

Материал из Space Station 14 Вики
мНет описания правки
мНет описания правки
 
(не показано 17 промежуточных версий этого же участника)
Строка 1: Строка 1:
<div class="main-menu-frame__box">
<div class="modern-frame {{{class}}}" style="margin:{{{margin|14px 0px}}};>
<div class="main-menu-frame__title" style="background-color:{{{background-color|#373743}}};border:2px solid {{{border-color|#505061}}};>
<div class="modern-frame__title" style="background-color:{{{background-color|#373743}}};border:2px solid {{{border-color|#505061}}};justify-content:{{#if:{{{picture|}}}|space-between|center}};>
<div>[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>
{{#if:{{{picture|}}}|<div>[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>}}
<div>'''{{{title}}}'''</div>
<div>'''{{{title}}}'''</div>
<div>[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>
{{#if:{{{picture|}}}|<div>[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>}}
</div>
</div>
<div class="main-menu-frame__content" style="background:{{{background-color|#373743}}}50;border:2px solid {{{border-color|#505061}}}a0;border-top:none;>{{{content}}}</div></div>
<div class="modern-frame__content" style="background:{{{background-color|#373743}}}{{{transparency|45}}};border:2px solid {{{border-color|#505061}}}85;border-top:none;padding:{{{padding|12px 10px}}};{{{style}}}>{{{content}}}</div></div><!--
{{#css:
-->{{#css:
.main-menu-frame__box {
.modern-frame {
     display: flex;
     display: flex;
     flex-direction: column;
     flex-direction: column;
}
}


.main-menu-frame__title {
.modern-frame__title {
     position: relative;
     position: relative;
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;
     justify-content: space-between;
     min-height: 32px;
     padding: 2px 8px;
     padding: 2px 8px;
     color: #efefef;
     color: #e5e5e5;
     font-size: 1em;
     font-size: 16px;
     border-radius: 0.3em 0.3em 0 0;
     border-radius: 0.3em 0.3em 0 0;
     border-bottom: 3px solid #00000045 !important;
     border-bottom: 3px solid #00000045 !important;
}
}


.main-menu-frame__content {
.modern-frame__content {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-grow: 1;
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
    padding: 14px;
     border-radius: 0 0 0.3em 0.3em;
     border-radius: 0 0 0.3em 0.3em;
     box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
     box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
}
@media (max-width: 800px) {
    .modern-frame__content {
        gap: 6px;
        padding: 8px;
    }
}
}
}}
}}

Текущая версия от 00:17, 8 декабря 2024

{{{title}}}
{{{content}}}