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

Материал из Space Station 14 Вики
м (минимизация css)
мНет описания правки
 
(не показано 17 промежуточных версий 2 участников)
Строка 2: Строка 2:
|
|
{{#ifeq: {{{1}}} | overlay
{{#ifeq: {{{1}}} | overlay
|
|<!-- Если параметр overlay -->
  <div class="slide__overlay--page z_index_position" >
<div class="slide__overlay--page z_index_position" >
  <div class="slide__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}}};
  style="
margin: {{{margin|4px 2px}}};
text-align: {{{text-align|left}}};
padding: {{{padding|clamp(8px, 1vw, 12px)}}};
padding: {{{padding|clamp(8px, 1vw, 12px)}}};
background: {{{background-color|#27272e}}};
background: {{{background-color|#27272e}}};
border: {{{border-size|3px}}} solid {{{border-color|#4c4c61}}};
border: {{{border-size|0.25em}}} solid {{{border-color|#4c4c61}}};
border-radius: {{{border-radius|0.3em}}};
border-radius: {{{border-radius|0.3em}}};
  ">
">
  <div class="slide__overlay--title"
<div class="slide__overlay--title"style="color:{{{color}}};font-size:{{{font-size|1em}}};><span style="white-space:nowrap;">{{{title}}}</span></div>
  style="
<div class="slide__overlay--content mw-collapsible-content">{{{content}}}</div>
color: {{{color}}};
</div></div>
font-size: {{{font-size|1em}}};
{{#css:
  "><span style="white-space:nowrap;">{{{title}}}</span></div>
.slide__overlay--page {
  <div class="slide__overlay--content mw-collapsible-content">{{{content}}}</div>
position: relative;
  </div></div>
}
  <!-- Не изменяемый CSS -->
.slide__overlay--page .mw-collapsible-toggle {
  <div class="customCSS" style="display:none">.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}}</div>
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 class="slide__base--container mw-collapsible mw-collapsed"
|<!-- Если параметр не задан -->
  style="
<div class="slide__base--container mw-collapsible mw-collapsed"
style="
margin: {{{margin|20px 0}}};
margin: {{{margin|20px 0}}};
text-align: {{{text-align|left}}};
text-align: {{{text-align|left}}};
padding: {{{padding|0.9em 0.7em}}};
padding: {{{padding|0.9em 0.7em}}};
border: {{{border-size|3px}}} solid {{{border-color|#4c4c61}}};
border: {{{border-size|0.25em}}} solid {{{border-color|#4c4c61}}};
border-radius: {{{border-radius|0.3em}}};
border-radius: {{{border-radius|0.3em}}};
  ">
">
  <div class="slide__base--title"
<div class="slide__base--title"style="color:{{{color}}};font-size:{{{font-size|1.05em}}};>{{{title}}}</div>
  style="
<div class="slide__base--content mw-collapsible-content">{{{content}}}</div>
color: {{{color}}};
</div>
font-size: {{{font-size|1.1em}}};
{{#css:
  ">{{{title}}}</div>
.slide__base--container {
  <div class="slide__base--content mw-collapsible-content">{{{content}}}</div>
  </div>
  <!-- Не изменяемый CSS -->
  <div class="customCSS" style="display:none">
  .slide__base--container {
position: relative;
position: relative;
text-wrap: pretty;
text-wrap: pretty;
background: #27272e;
background: #27272e;
    transition: background-color 0.2s;
}
  }
.slide__base--container .mw-collapsible-toggle {
  .slide__base--container:hover {
position: static !important;
    background-color: #26262d;
}
  }
.slide__base--title {
  .slide__base--title {
display: inline-block;
display: inline-block;
margin: 0;
margin: 0;
font-family: 'Arial', sans-serif;
font-family: 'noto sans';
font-weight: bold;
font-weight: bold;
  }
}
  .slide__base--content {
.slide__base--content {
padding-top: 0.5em;
padding-top: 0.5em;
  }
}
  </div>
}}
  <!-- При активации чекбокса с классом open-all-menus -->
}}
  <div class="customCSS" style="display:none">
<!-- При активации чекбокса с классом open-all-menus -->
  /* Скрытие названия */
{{#css:
  .toggle-checked .slide__overlay--title {
/* Скрытие названия */
.toggle-checked .slide__overlay--title {
display: none !important;
display: none !important;
  }
}
  /* Скрытие кнопки свернуть/развернуть */
/* Скрытие кнопки свернуть/развернуть */
  .toggle-checked .mw-collapsible-toggle {
.toggle-checked .mw-collapsible-toggle {
display: none !important;
display: none !important;
  }
}
  /* Показывать содержимое */
/* Показывать содержимое */
  .toggle-checked .mw-collapsible .mw-collapsible-content {
.toggle-checked .mw-collapsible .mw-collapsible-content {
display: block !important;
display: block !important;
  }
}
  .toggle-checked .slide__overlay--page {
.toggle-checked .slide__overlay--page {
padding: 7px !important;
padding: 7px !important;
  }
}
  .toggle-checked .slide__overlay--container {
.toggle-checked .slide__overlay--container {
position: relative !important;
position: relative !important;
max-height: none !important;
max-height: none !important;
  }
}
  </div>
}}
}}
<!-- Общий CSS -->
<div class="customCSS" style="display:none">
.mw-collapsible-toggle {
position: static !important;
}
</div>

Текущая версия от 18:05, 19 сентября 2024

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