|
|
| (не показано 45 промежуточных версий 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|#373743}}};border:2px solid {{{border-color|#505061}}};>
| | --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|#373743}}}45;border:2px solid {{{border-color|#505061}}}a0;border-top:none;>{{{content}}}</div></div>
| |
| {{#css:
| |
| .main-menu-frame__box {
| |
| display: flex;
| |
| flex-direction: column;
| |
| }
| |
|
| |
| .main-menu-frame__title {
| |
| position: relative;
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: space-between;
| |
| padding: 2px 8px;
| |
| color: #efefef;
| |
| font-size: 1em;
| |
| border-radius: 0.3em 0.3em 0 0;
| |
| border-bottom: 3px solid #00000045 !important;
| |
| }
| |
|
| |
|
| .main-menu-frame__content {
| | <div class="modern-frame__content {{{class}}}" style="border-top:none;padding:{{{padding|12px 10px}}};{{{style}}}>{{{content}}}</div></div><!-- |
| 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);
| |
| }
| |
|
| |
|
| @media (max-width: 800px) {
| | --><templatestyles src="ModernFrame/styles.css" /> |
| .main-menu-frame__content {
| |
| gap: 6px;
| |
| padding: 8px;
| |
| }
| |
| }
| |
| }}
| |