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

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

Текущая версия от 14:29, 3 августа 2024

{{{title}}}
{{{content}}}
Источник — https://wiki.space-exodus.com/index.php?title=Шаблон:SlideMenu&oldid=3914