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

Интерактивная навигация по истории

← Предыдущая правка

ВизуальныйВики-текст

@@ Строка 1: / Строка 1: @@
-<div class="rules__block">
+<div class="rules-box__block" style="margin:{{{margin|12px 2px}}}; border-left:{{{border-size|5px}}} solid {{{border-color|var(--border-color-hr)}}}; padding:{{{padding|10px 12px}}}; background:var(--theme-bg-color-175);>
-<div class="rules__container">
+	<div class="rules-box__container">
-<div class="rules__title">'''{{{title}}}'''</div>
+		{{#if: {{{title|}}}   | <div class="rules-box__title" style="margin-bottom:{{{margin-bottom-title|8px}}};>'''{{{title}}}'''</div>}}
-<div class="rules__content">{{{content}}}</div>
+		{{#if: {{{content|}}} | <div class="rules-box__content list-reset-margin no-margin-edges">{{{content}}}</div>}}
-</div>
+	</div>
-<div class="rules__container--addition">
+	{{#ifeq: {{{1|}}} | addition |
-<div class="rules__title--addition">'''{{{title-addition}}}'''</div>
+	<div class="rules-box__container--addition mw-collapsible mw-collapsed collapsible-absolute">
-<div class="rules__content--addition">{{{content-addition}}}</div>
+		<div class="rules-box__title--addition"><span style="white-space: nowrap;">'''{{{title-addition}}}'''</span></div>
-</div>
+		<div class="rules-box__content--addition mw-collapsible-content list-reset-margin no-margin-edges short-scrollbar">{{{content-addition}}}</div>
-</div>
+	</div>
-<!-- Не изменяемый CSS -->
+	}}
-<div class="customCSS" style="display:none">
+</div><!--
-.rules__block {
-	display: flex;
-	justify-content: space-between;
-	text-align: left;
-	margin: 14px 2px;
-	padding: 12px;
-	background: #27272e;
-	border-left: 4px solid #2B30BD;
-	border-radius: 0.3em;
-	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
-}
-.rules__block li {
-	margin-bottom: 15px;
-}
-.rules__block:hover {
-	background-color: #26262C;
-}
-.rules__container {
-}
+--><templatestyles src="RulesBox/styles.css" />
-.rules__title,
-.rules__title--addition {
-	font-size: 1.3em;
-}
-.rules__content,
-.rules__content--addition {
-	margin-top: 10px;
-}
-.rules__container--addition {
-	width: 30%;
-	padding-left: 12px;
-	border-left: 3px solid #494953;
-}
-</div>