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

мНет описания правки
м Замена текста — «--theme-bg-color-350» на «--theme-bg-color-300»
 
(не показаны 74 промежуточные версии 2 участников)
Строка 1: Строка 1:
<div class="main-menu-frame__box">
<div class="modern-frame" style="
<div class="main-menu-frame__title" style="background-color:{{{background-color|#393945}}};border:2px solid {{{border-color|#4e4e5f}}};>
--bg-color: {{{background-color|{{{bg|var(--theme-bg-color-300)}}}}}};
<div>[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>
--alpha: {{{alpha|30%}}};
margin:{{{margin|12px 0px}}};
">
 
<div class="modern-frame__title" style="justify-content:{{#if:{{{picture|}}}|space-between|center}};>
{{#if:{{{picture|}}}|<div>{{{picture}}}</div>}}
<div>'''{{{title}}}'''</div>
<div>'''{{{title}}}'''</div>
<div>[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>
{{#if:{{{picture|}}}|<div>{{{picture}}}</div>}}
</div>
</div>
<div class="main-menu-frame__content" style="background:{{{background-color|#393945}}}45;border:2px solid {{{border-color|#4e4e5f}}}90;border-top:none;>{{{content}}}</div></div>
{{#css:
.main-menu-frame__box {
    display: flex;
    flex-direction: column;
}


.main-menu-frame__title {
<div class="modern-frame__content {{{class}}}" style="border-top:none;padding:{{{padding|12px 10px}}};{{{style}}}>{{{content}}}</div></div><!--
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2px 8px;
    color: #efefef;
    font-size: 16px;
    border-radius: 0.3em 0.3em 0 0;
    border-bottom: 3px solid #00000066 !important;
}


.main-menu-frame__content {
--><templatestyles src="ModernFrame/styles.css" />
    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;
    box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
}
}}