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

Материал из Space Station 14 Вики
Нет описания правки
Нет описания правки
Строка 3: Строка 3:
   {{#ifeq: {{{1}}} | normal
   {{#ifeq: {{{1}}} | normal
   |
   |
     <div>
     <!-- Пусто -->
      <h1>Вариант 1</h1>
      <p>Этот код для варианта 1.</p>
    </div>
   |
   |
   }}
   }}
   {{#ifeq: {{{1}}} | overlay
   {{#ifeq: {{{1}}} | overlay
   |
   |
     <div class="page z_index_position">
     <div class="overlay__page z_index_position">
     <div class="container mw-collapsible mw-collapsed">
     <div class="overlay__container mw-collapsible mw-collapsed">
     <div class="title"><span class="title--text">{{{title}}}</span></div>
     <div class="overlay__title"><span class="overlay__title--text">{{{title}}}</span></div>
     <div class="content mw-collapsible-content">{{{content}}}</div>
     <div class="overlay__content mw-collapsible-content">{{{content}}}</div>
     </div></div>
     </div></div>
   
    <div class="customCSS" style="display:none">
    .overlay__page {
    position: relative; /* sticky */
    /* max-height:4.5em; */
    text-align: left;
    }
    .overlay__container {
    top: 0;
    left: 0;
    right: 0;
    padding: {{{padding|12px}}};
    background: {{{background-color|#27272e}}};
    border-radius: {{{border-radius|0.55em}}};
    border: 2px solid {{{border-color|black}}};
    }
    .overlay__title {
    color: {{{color|lightgrey}}};
    font-size: {{{font-size|1em}}};
    font-weight: 500;
    }
    .overlay__title--text {
    white-space: nowrap;
    }
    .overlay__content {
    /* Пусто */
    }
    @media (max-width:850px) {
    .overlay__page {
    position: relative;
    max-height: none;
    }
    }
    </div>
   }}
   }}
| <!-- Если параметр не задан -->
| <!-- Если параметр не задан -->
     <div class="page z_index_position">
     <div class="base__container mw-collapsible mw-collapsed">
    <div class="container mw-collapsible mw-collapsed">
     <div class="base__title">{{{title}}}</div>
     <div class="title"><span class="title--text">{{{title}}}</span></div>
     <div class="base__content mw-collapsible-content">{{{content}}}</div>
     <div class="content mw-collapsible-content">{{{content}}}</div>
     </div>
     </div></div>
 
    <div class="customCSS" style="display:none">
    .base__container {
    padding: {{{padding|15px}}};
    background: {{{background-color|#27272e}}};
    border-radius: {{{border-radius|0.8em}}};
    border: 2px solid {{{border-color|#515255}}};
    }
    .base__title {
    display: inline-block;
    margin: 0;
    color: {{{color|lightgrey}}};
    font-size: {{{font-size|1.2em}}};
    font-family: 'oswald';
    font-weight: 500;
    }
    .base__content {
    padding-top: 0.5em;
    }
    </div>
}}
}}


<div class="customCSS" style="display:none">
<div class="customCSS" style="display:none">
.page {
@media screen and (max-width: 850px) {
position: relative; /* sticky */
.base__container .overlay__container {
/* max-height:4.5em; */
font-size: 0.65em;
text-align: left;
padding: 5px !important;
}
.container {
top: 0;
left: 0;
right: 0;
padding: {{{padding|12px}}};
border-radius: {{{border-radius|0.55em}}};
background: {{{background-color|#27272e}}};
border: 2px solid {{{border-color|black}}};
}
.title {
font-weight: 500;
font-size: {{{font-size|1em}}};
color: {{{color|lightgrey}}};
}
.title--text {
white-space: nowrap;
}
.content {
/* Пусто */
}
@media (max-width:850px) {
.page {
position: relative;
max-height: none;
}
}
}
}


/* При активации чекбокса с классом open-all-menus */
/* При активации чекбокса с классом open-all-menus */

Версия от 14:30, 20 июля 2024

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