|
|
| (не показано 28 промежуточных версий 2 участников) |
| Строка 1: |
Строка 1: |
| <div class="modern-frame {{{class}}}" style="margin:{{{margin|12px 0px}}};> | | <div class="modern-frame" style=" |
| <div class="modern-frame__title" style="background-color:{{{background-color|#373743}}};border:2px solid {{{border-color|#505061}}};justify-content:{{#if:{{{picture|}}}|space-between|center}};>
| | --bg-color: {{{background-color|{{{bg|var(--theme-bg-color-300)}}}}}}; |
| {{#if:{{{picture|}}}|<div>[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>}} | | --alpha: {{{alpha|30%}}}; |
| <div>'''{{{title}}}'''</div> | | margin:{{{margin|12px 0px}}}; |
| {{#if:{{{picture|}}}|<div>[[файл:{{{picture|BikeHorn.png}}}|{{{pixel|32x32px}}}|link=]]</div>}} | | "> |
| | |
| | <div class="modern-frame__title" style="justify-content:{{#if:{{{picture|}}}|space-between|center}};> |
| | {{#if:{{{picture|}}}|<div>{{{picture}}}</div>}} |
| | <div><b>{{{title}}}</b></div> |
| | {{#if:{{{picture|}}}|<div>{{{picture}}}</div>}} |
| </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:
| |
| .modern-frame {
| |
| display: flex;
| |
| flex-direction: column;
| |
| }
| |
|
| |
| .modern-frame__title {
| |
| position: relative;
| |
| display: flex;
| |
| align-items: center;
| |
| min-height: 32px;
| |
| padding: 2px 8px;
| |
| color: #e5e5e5;
| |
| font-size: 15px;
| |
| font-family: "noto sans";
| |
| border-radius: 0.3em 0.3em 0 0;
| |
| border-bottom: 3px solid #00000045 !important;
| |
| }
| |
|
| |
|
| .modern-frame__content {
| | <div class="modern-frame__content {{{class}}}" style="border-top:none;padding:{{{padding|12px 10px}}};{{{style}}}>{{{content}}}</div></div><!-- |
| 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" /> |
| .modern-frame__content {
| |
| gap: 6px;
| |
| padding: 8px;
| |
| }
| |
| }
| |
| }}
| |