Шаблон:SlideMenu: различия между версиями

Материал из Space Station 14 Вики
мНет описания правки
мНет описания правки
 
(не показаны 62 промежуточные версии 2 участников)
Строка 1: Строка 1:
{{#if: {{{1|}}}
{{#if: {{{1|}}}
|
|
  {{#ifeq: {{{1}}} | overlay
{{#ifeq: {{{1}}} | overlay
  |
|<!-- Если параметр overlay -->
    <div class="overlay__page z_index_position">
<div class="slide__overlay--page z_index_position" >
    <div class="overlay__container mw-collapsible mw-collapsed">
<div class="slide__overlay--container mw-collapsible mw-collapsed"style="margin:{{{margin|4px 2px}}};text-align:{{{text-align|left}}};
    <div class="overlay__title"><span class="overlay__title--text">{{{title}}}</span></div>
padding: {{{padding|clamp(8px, 1vw, 12px)}}};
    <div class="overlay__content mw-collapsible-content">{{{content}}}</div>
background: {{{background-color|#27272e}}};
    </div></div>
border: {{{border-size|0.25em}}} solid {{{border-color|#4c4c61}}};
   
border-radius: {{{border-radius|0.3em}}};
    <div class="customCSS" style="display:none">
">
    .overlay__page {
<div class="slide__overlay--title"style="color:{{{color}}};font-size:{{{font-size|1em}}};><span style="white-space:nowrap;">{{{title}}}</span></div>
    position: relative; /* sticky */
<div class="slide__overlay--content mw-collapsible-content">{{{content}}}</div>
    /* max-height:4.5em; */
</div></div>
    }
<!-- Не изменяемый CSS -->
    .overlay__container {
<div class="customCSS" style="display:none">
    top: 0;
.slide__overlay--page {
    left: 0;
position: relative;
    right: 0;
}
    text-align: left;
.slide__overlay--page .mw-collapsible-toggle {
    padding: clamp(6px, 1vw, {{{padding|12px}}});;
position: static !important;
    background: {{{background-color|#27272e}}};
}
    border-radius: {{{border-radius|0.55em}}};
.slide__overlay--container {
    border: 2px solid {{{border-color|black}}};
/* position: absolute; */
    }
/* top: -30px; */
    .overlay__title {
left: 0;
    color: {{{color|lightgrey}}};
right: 0;
    font-size: {{{font-size|1em}}};
}
    font-weight: 500;
.slide__overlay--title {
    }
font-weight: 500;
    .overlay__title--text {
}
    white-space: nowrap;
.slide__overlay--content {
    }
text-wrap: pretty;
    .overlay__content {
}
    /* Пусто */
.slide__overlay--content dl {
    }
margin: 0 !important;
    @media (max-width:850px) {
}
    .overlay__page {
.slide__overlay--content dd {
    position: relative;
margin-top: 0 !important;
    max-height: none;
margin-bottom: 0 !important;
    }
}
    }
@media (max-width:850px) {
    </div>
.slide__overlay--container {
  }}
position: relative;
 
top: 0;
  | <!-- Если параметр не задан -->
}
    <div class="base__container mw-collapsible mw-collapsed">
}
    <div class="base__title">{{{title}}}</div>
</div>
    <div class="base__content mw-collapsible-content">{{{content}}}</div>
    </div>
 
    <div class="customCSS" style="display:none">
    .base__container {
    text-align: left;
    padding: clamp(7.5px, 1vw, {{{padding|15px}}});
    background: {{{background-color|#27272e}}};
    border-radius: {{{border-radius|0.8em}}};
    border: 2px solid {{{border-color|#515255}}};
    }
    .base__title {
    display: inline-block;
    margin: 0;
    color: {{{color|lightgrey}}};
    font-size: {{{font-size|1.2em}}};
    font-family: 'oswald';
    font-weight: 500;
    }
    .base__content {
    padding-top: 0.5em;
    }
    </div>
}}
}}
|<!-- Если параметр не задан -->
<div class="slide__base--container mw-collapsible mw-collapsed"
style="
margin: {{{margin|20px 0}}};
text-align: {{{text-align|left}}};
padding: {{{padding|0.9em 0.7em}}};
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__base--content mw-collapsible-content">{{{content}}}</div>
</div>
<!-- Не изменяемый CSS -->
<div class="customCSS" style="display:none">
<div class="customCSS" style="display:none">
/* При активации чекбокса с классом open-all-menus */
.slide__base--container {
 
position: relative;
/* Скрытие кнопки "развернуть" */
text-wrap: pretty;
.toggle-checked .mw-collapsible.mw-collapsed .mw-collapsible-toggle-default {
background: #27272e;
}
.slide__base--container .mw-collapsible-toggle {
position: static !important;
}
.slide__base--title {
display: inline-block;
margin: 0;
font-family: 'noto sans';
font-weight: bold;
}
.slide__base--content {
padding-top: 0.5em;
}
</div>
}}
<!-- При активации чекбокса с классом open-all-menus -->
<div class="customCSS" style="display:none">
/* Скрытие названия */
.toggle-checked .slide__overlay--title {
display: none !important;
display: none !important;
}
}
/* Скрытие названия */
/* Скрытие кнопки свернуть/развернуть */
.toggle-checked .mw-collapsible.mw-collapsed > div:nth-child(2) {
.toggle-checked .mw-collapsible-toggle {
display: none !important;
display: none !important;
}
}
Строка 86: Строка 95:
display: block !important;
display: block !important;
}
}
.toggle-checked {
.toggle-checked .slide__overlay--page {
padding: 7px !important;
}
.toggle-checked .slide__overlay--container {
position: relative !important;
position: relative !important;
max-height: none !important;
max-height: none !important;
}
.toggle-checked-padding {
padding: 7px !important;
margin: 2px !important;
}
}
</div>
</div>

Текущая версия от 09:09, 13 сентября 2024

{{{title}}}
{{{content}}}
Источник — https://station14.ru/index.php?title=Шаблон:SlideMenu&oldid=52083