Просмотр кода страницы Draft:Шаблон:SlideMenu

{{#if: {{{1|}}}
|
{{#ifeq: {{{1}}} | 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|center}}};
	padding: {{{padding|clamp(8px, 1vw, 12px)}}};
	background: {{{background-color|#27272e}}};
	border: {{{border-size|2px}}} solid {{{border-color|#141414}}};
	border-radius: {{{border-radius|0.5em}}};
  ">
  <div class="slide__overlay--title"
  style="
	color: {{{color|lightgrey}}};
	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--container {
	/* position: absolute; */
	/* top: -30px; */
	left: 0;
	right: 0;
  }
  .slide__overlay--title {
	font-weight: 500;
  }
  .slide__overlay--content {
	text-wrap: pretty;
  }
  @media (max-width:850px) {
	.slide__overlay--container {
		position: relative;
		top: 0;
	}
  }
  </div>
}}
| <!-- Если параметр не задан -->
  <div class="slide__base--container mw-collapsible mw-collapsed"
  style="
	margin-bottom: {{{margin-bottom|6px}}};
	text-align: {{{text-align|center}}};
	padding: {{{padding|0.7em}}};
	border: {{{border-size|3px}}} solid {{{border-color|#474754}}};
	border-radius: {{{border-radius|0.3em}}};
  ">
  <div class="slide__base--title"
  style="
	color: {{{color|lightgrey}}};
	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">
  .slide__base--container {
	text-wrap: pretty;
	background: #27272e;
    transition: background-color 0.2s;
  }
  .slide__base--container:hover {
    background-color: #2a2a31;
  }
  .slide__base--title {
	display: inline-block;
	margin: 0;
	font-family: 'Arial', sans-serif;
	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;
  }
  /* Скрытие кнопки свернуть/развернуть */
  .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>
}}