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

Материал из Space Station 14 Вики
мНет описания правки
мНет описания правки
 
(не показано 16 промежуточных версий 2 участников)
Строка 1: Строка 1:
{{#if: {{{1|}}}
<div class="slide-menu__container mw-collapsible mw-collapsed"
|
style="
{{#ifeq: {{{1}}} | overlay
margin: {{{margin|20px 0}}};
|
border: 2px solid {{{border-color|var(--theme-border-color-100)}}};
  <div class="slide__overlay--page z_index_position" >
    border-radius: var(--border-radius-low);
  <div class="slide__overlay--container mw-collapsible mw-collapsed"
">
  style="
<div class="slide-menu__title" style="color:{{{color}}}; font-size:{{{font-size|1.05em}}};>{{{title}}}</div>
margin: {{{margin|4px 2px}}};
<div class="slide-menu__content mw-collapsible-content">{{{content}}}</div>
text-align: {{{text-align|left}}};
</div><!--  
padding: {{{padding|clamp(8px, 1vw, 12px)}}};
background: {{{background-color|#27272e}}};
border: {{{border-size|3px}}} 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"><nowiki>.slide__overlay--page{position:relative}.slide__overlay--container{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}}</nowiki></div>


-->{{#css:
.slide-menu__container {
position: relative;
background: var(--theme-bg-color-150);
padding: 0.6em;
}
.slide-menu__title {
display: inline-block;
margin: 0;
font-family: 'noto sans';
font-weight: bold;
}
.slide-menu__content {
padding-top: 0.5em;
}
}}
}}
| <!-- Если параметр не задан -->
  <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|3px}}} solid {{{border-color|#4c4c61}}};
border-radius: {{{border-radius|0.3em}}};
  ">
  <div class="slide__base--title"
  style="
color: {{{color}}};
font-size: {{{font-size|1.1em}}};
  ">{{{title}}}</div>
  <div class="slide__base--content mw-collapsible-content">{{{content}}}</div>
  </div>
  <!-- Не изменяемый CSS -->
  <div class="customCSS" style="display:none"><nowiki>.slide__base--container{position:relative;text-wrap:pretty;background:#27272e;transition:background-color .2s}.slide__base--container:hover{background-color:#26262d}.slide__base--title{display:inline-block;margin:0;font-family:Arial,sans-serif;font-weight:700}.slide__base--content{padding-top:.5em}</nowiki></div>
  <!-- При активации чекбокса с классом open-all-menus -->
  <div class="customCSS" style="display:none"><nowiki>.toggle-checked .mw-collapsible-toggle,.toggle-checked .slide__overlay--title{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}</nowiki></div>
}}
<!-- Общий CSS -->
<div class="customCSS" style="display:none"><nowiki>.mw-collapsible-toggle{position:static!important}</nowiki></div>

Текущая версия от 15:06, 22 мая 2025

{{{title}}}
{{{content}}}