|
|
| (не показана 71 промежуточная версия 2 участников) |
| Строка 1: |
Строка 1: |
| {{#if: {{{1|}}}
| | <div class="slide-menu__container mw-collapsible mw-collapsed" |
| |
| | style=" |
| {{#ifeq: {{{1}}} | normal
| | margin: {{{margin|20px 0}}}; |
| |
| | border: 2px solid {{{border-color|var(--theme-border-color-100)}}}; |
| <div>
| | border-radius: var(--border-radius-low); |
| <h1>Вариант 1</h1>
| | "> |
| <p>Этот код для варианта 1.</p>
| | <div class=" slide- menu__title" style=" color:{{{color}}}; font- size:{{{font- size|1.05em}}};>{{{title}}}</div> |
| </div>
| | <div class=" slide-menu__content mw-collapsible-content">{{{content}}}</div> |
| |
| | </div><!-- |
| }}
| |
| {{#ifeq: {{{1}}} | overlay
| |
| |
| |
| <div class=" page z_index_position"> | |
| <div class="container mw-collapsible mw-collapsed">
| |
| <div class="title"><span class="title--text">{{{title}}}</span></div>
| |
| <div class="content mw-collapsible-content">{{{content}}}</div>
| |
| </div></div> | |
| }}
| |
| | <!-- Если параметр не задан -->
| |
| <div class="page z_index_position">
| |
| <div class=" container mw- collapsible mw-collapsed" > | |
| <div class="title"><span class="title--text">{{{title}}}</span></div>
| |
| <div class=" content mw-collapsible-content">{{{content}}}</div> | |
| </div></div>
| |
| }}
| |
|
| |
|
| <div class="customCSS" style="display:none">
| | -->{{#css: |
| .page { | | .slide-menu__container { |
| position: relative; /* sticky */ | | position: relative; |
| /* max-height:4.5em; */ | | background: var(--theme-bg-color-150); |
| text-align: left; | | padding: 0.6em; |
| } | | } |
| .container { | | |
| top: 0;
| | .slide-menu__title { |
| left: 0;
| | display: inline-block; |
| right: 0;
| | margin: 0; |
| padding: {{{padding|12px}}};
| | font-family: 'noto sans'; |
| border-radius: {{{border-radius|0.55em}}};
| | font-weight: bold; |
| background: {{{background-color|#27272e}}}; | |
| border: 2px solid {{{border-color|black}}}; | |
| }
| |
| .title {
| |
| font-weight: 500; | |
| font-size: {{{font-size|1em}}}; | |
| color: {{{color|lightgrey}}};
| |
| }
| |
| .title--text {
| |
| white-space: nowrap;
| |
| }
| |
| .content {
| |
| /* Пусто */
| |
| }
| |
| @media (max-width:850px) {
| |
| .page {
| |
| position: relative;
| |
| max-height: none;
| |
| }
| |
| } | | } |
|
| |
|
| | | .slide-menu__content { |
| /* При активации чекбокса с классом open-all-menus */
| | padding-top: 0.5em; |
| | |
| /* Скрытие кнопки "развернуть" */
| |
| .toggle-checked .mw-collapsible.mw-collapsed .mw-collapsible-toggle-default {
| |
| display: none !important; | |
| } | | } |
| /* Скрытие названия */
| | }} |
| .toggle-checked .mw-collapsible.mw-collapsed > div:nth-child(2) {
| |
| display: none !important;
| |
| } | |
| /* Показывать содержимое */
| |
| .toggle-checked .mw-collapsible .mw-collapsible-content {
| |
| display: block !important;
| |
| } | |
| .toggle-checked {
| |
| position: relative !important;
| |
| max-height: none !important;
| |
| }
| |
| .toggle-checked-padding {
| |
| padding: 7px !important;
| |
| margin: 2px !important;
| |
| }
| |
| </div>
| |