|
|
| (не показаны 24 промежуточные версии этого же участника) |
| Строка 1: |
Строка 1: |
| <div class="modern-frame--сollapsible mw-collapsible mw-collapsed" style="margin:{{{margin|12px 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__title" 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__title- 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-right:95px; text-align:center; flex:auto;">{{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> }} |
| | <div class="modern-frame--сollapsible__content mw-collapsible-content no-margin-edges {{{class}}}" style="padding:{{{padding|12px 10px}}};{{{style}}}>{{{content}}}</div></div><!-- |
|
| |
|
| <div class="modern-frame--сollapsible__content mw-collapsible-content {{{class}}}" style="background:{{{background-color|#2f2f39}}}{{{transparency|45}}};border:2px solid {{{border-color|#3e3e4b}}}85;border-top:none;padding:{{{padding|12px 10px}}};{{{style}}}>{{{content}}}</div></div><!--
| | --><templatestyles src="ModernFrame/Сollapsible/styles.css" /> |
| -->{{#css:
| |
| .modern-frame--сollapsible {
| |
| display: grid;
| |
| }
| |
| | |
| .modern-frame--сollapsible__title {
| |
| display: flex;
| |
| align-items: center;
| |
| min-height: 32px;
| |
| padding: 2px;
| |
| color: #e5e5e5;
| |
| font-size: 14px;
| |
| font-family: "Noto Sans", sans-serif;
| |
| border-radius: 0.3em 0.3em 0 0;
| |
| border-bottom: 2px solid #00000039 !important;
| |
|
| |
| grid-row: 1;
| |
| grid-column: 1 / 3;
| |
| }
| |
| | |
| .modern-frame--сollapsible__title-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;
| |
| }
| |
| | |
| @media (max-width: 800px) {
| |
| .modern-frame--сollapsible__content {
| |
| gap: 6px;
| |
| padding: 8px;
| |
| }
| |
| }
| |
| }}
| |