|
|
| (не показано 7 промежуточных версий этого же участника) |
| Строка 1: |
Строка 1: |
| {{#if: {{{1|}}}
| | <div class="slide-menu__container mw-collapsible mw-collapsed" |
| |<!-- Если параметр не задан -->
| |
| <div class="slide__base--container mw-collapsible mw-collapsed" | |
| style=" | | style=" |
| margin: {{{margin|20px 0}}}; | | margin: {{{margin|20px 0}}}; |
| text-align: {{{text-align|left}}};
| | border: 2px solid {{{border-color|var(--theme-border-color-100)}}}; |
| padding: {{{padding|0.9em 0.7em}}};
| | border-radius: var(--border-radius-low); |
| border: {{{border-size|0.25em}}} solid {{{border-color|#4c4c61}}}; | |
| border-radius: {{{border-radius|0.3em}}};
| |
| "> | | "> |
| <div class="slide__base--title"style="color: {{{color}}};font-size: {{{font-size|1.05em}}};>{{{title}}}</div> | | <div class="slide-menu__title" style="color:{{{color}}}; font-size:{{{font-size|1.05em}}};>{{{title}}}</div> |
| <div class="slide__base--content mw-collapsible-content">{{{content}}}</div> | | <div class="slide-menu__content mw-collapsible-content">{{{content}}}</div> |
| </div> | | </div><!-- |
| <!-- Не изменяемый CSS --> | | |
| <div class="customCSS" style="display:none">
| | -->{{#css: |
| .slide__base--container { | | .slide-menu__container { |
| position: relative; | | position: relative; |
| text-wrap: pretty;
| | background: var(--theme-bg-color-150); |
| background: #27272e; | | padding: 0.6em; |
| transition: background-color 0.2s; | |
| } | | } |
| .slide__base--container:hover {
| | |
| background-color: #26262d;
| | .slide-menu__title { |
| }
| |
| .slide__base--container .mw-collapsible-toggle {
| |
| position: static !important;
| |
| }
| |
| .slide__base--title { | |
| display: inline-block; | | display: inline-block; |
| margin: 0; | | margin: 0; |
| Строка 32: |
Строка 22: |
| font-weight: bold; | | font-weight: bold; |
| } | | } |
| .slide__base--content { | | |
| | .slide-menu__content { |
| padding-top: 0.5em; | | padding-top: 0.5em; |
| } | | } |
| </div>
| |
| }}
| |
|
| |
| {{#ifeq: {{{1}}} | overlay
| |
| |<!-- Если параметр overlay -->
| |
| <div class="slide__overlay--page z_index_position" >
| |
| <div class="slide__overlay--container mw-collapsible mw-collapsed"style="margin: {{{margin|4px 2px}}};text-align: {{{text-align|left}}};
| |
| padding: {{{padding|clamp(8px, 1vw, 12px)}}};
| |
| background: {{{background-color|#27272e}}};
| |
| border: {{{border-size|0.25em}}} solid {{{border-color|#4c4c61}}};
| |
| border-radius: {{{border-radius|0.3em}}};
| |
| ">
| |
| <div class="slide__overlay--title"style="color: {{{color}}};font-size: {{{font-size|1em}}};><span style="white-space:nowrap;">{{{title}}}</span></div>
| |
| <div class="slide__overlay--content mw-collapsible-content">{{{content}}}</div>
| |
| </div></div>
| |
| <!-- Не изменяемый CSS -->
| |
| <div class="customCSS" style="display:none">
| |
| .slide__overlay--page {
| |
| position: relative;
| |
| }
| |
| .slide__overlay--page .mw-collapsible-toggle {
| |
| position: static !important;
| |
| }
| |
| .slide__overlay--container {
| |
| /* position: absolute; */
| |
| /* top: -30px; */
| |
| left: 0;
| |
| right: 0;
| |
| }
| |
| .slide__overlay--title {
| |
| font-weight: 500;
| |
| }
| |
| .slide__overlay--content {
| |
| text-wrap: pretty;
| |
| }
| |
| .slide__overlay--content dl {
| |
| margin: 0 !important;
| |
| }
| |
| .slide__overlay--content dd {
| |
| margin-top: 0 !important;
| |
| margin-bottom: 0 !important;
| |
| }
| |
| @media (max-width:850px) {
| |
| .slide__overlay--container {
| |
| position: relative;
| |
| top: 0;
| |
| }
| |
| }
| |
| </div>
| |
| }} | | }} |
| <!-- При активации чекбокса с классом open-all-menus -->
| |
| <div class="customCSS" style="display:none">
| |
| /* Скрытие названия */
| |
| .toggle-checked .slide__overlay--title {
| |
| display: none !important;
| |
| }
| |
| /* Скрытие кнопки свернуть/развернуть */
| |
| .toggle-checked .mw-collapsible-toggle {
| |
| display: none !important;
| |
| }
| |
| /* Показывать содержимое */
| |
| .toggle-checked .mw-collapsible .mw-collapsible-content {
| |
| display: block !important;
| |
| }
| |
| .toggle-checked .slide__overlay--page {
| |
| padding: 7px !important;
| |
| }
| |
| .toggle-checked .slide__overlay--container {
| |
| position: relative !important;
| |
| max-height: none !important;
| |
| }
| |
| </div>
| |
