Шаблон:SlideMenu: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
| (не показано 56 промежуточных версий этого же участника) | |||
| Строка 1: | Строка 1: | ||
{{#if: {{{1|}}} | |||
<div class=" | | | ||
<div style=" | {{#ifeq: {{{1}}} | overlay | ||
<div class="mw-collapsible-content">{{{content}}}</div> | | | ||
</div></div>--> | <div class="slide__overlay--page z_index_position" > | ||
<div class=" | <div class="slide__overlay--container mw-collapsible mw-collapsed" | ||
<div class=" | style=" | ||
<div style="font-size: | margin: {{{margin|4px 2px}}}; | ||
<div class=" | text-align: {{{text-align|left}}}; | ||
< | 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"> | |||
.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; | |||
} | |||
.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> | |||
}} | |||
| <!-- Если параметр не задан --> | |||
<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"> | |||
.slide__base--container { | |||
position: relative; | |||
text-wrap: pretty; | |||
background: #27272e; | |||
transition: background-color 0.2s; | |||
} | |||
.slide__base--container:hover { | |||
background-color: #26262d; | |||
} | |||
.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> | |||
}} | |||
<!-- Общий CSS --> | |||
<div class="customCSS" style="display:none"> | |||
.mw-collapsible-toggle { | |||
position: static !important; | |||
} | |||
</div> | |||
