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

Версия от 08:10, 3 августа 2024

{{{title}}}

{{{content}}}

 .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;

 /* Скрытие названия */
 .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;

@@ Строка 10: / Строка 10: @@
 	padding: {{{padding|clamp(8px, 1vw, 12px)}}};
 	background: {{{background-color|#27272e}}};
+	border: {{{border-size|2px}}} solid {{{border-color|#141414}}};
 	border-radius: {{{border-radius|0.5em}}};
-	border: {{{border-size|2px}}} solid {{{border-color|#141414}}};
    ">
    <div class="slide__overlay--title"
@@ Строка 48: / Строка 48: @@
    <div class="slide__base--container mw-collapsible mw-collapsed"
    style="
-	margin: {{{margin|0.5em 0}}};
+	margin-bottom: {{{margin-bottom|4px}}};
 	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.5em}}};
+	border-radius: {{{border-radius|0.3em}}};
-	border: {{{border-size|2px}}} solid {{{border-color|#515255}}};
    ">
    <div class="slide__base--title"
@@ Строка 66: / Строка 65: @@
    .slide__base--container {
 	text-wrap: pretty;
+	background: #27272e;
+    transition: background-color 0.2s;
+  }
+  .slide__base--container:hover {
+    background-color: #2a2a31;
    }
    .slide__base--title {