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

Версия от 23:51, 2 августа 2024

{{{text}}}

@@ Строка 1: / Строка 1: @@
-<h2 class="modern-title" style="color:{{{color|#fff}}};width:{{{width|100%}}};">{{{text}}}</h2>
+<div class="modern-title" style="color:{{{color|#fff}}};width:{{{width|100%}}};><span>{{{text}}}</span></div>
 <!-- Не изменяемый CSS -->
 <div class="customCSS" style="display:none">
 .modern-title {
-	background: {{{background|#8b1c1c}}};
+	position: relative;
-	padding: 15px;
+	display: flex;
-	border-left: 4px solid {{{border-color|#5b0909}}};
+	align-items: center;
+	justify-content: center;
+	margin: 30px 0 20px 0;
+	font-size: 1.5em;
+	font-family: 'Montserrat', sans-serif;
+	font-weight: bold;
+}
+.modern-title::before,
+.modern-title::after {
+	content: "";
+	flex-grow: 1;
+	height: 3px;
+	background-color: {{{background-color|#9F2828}}};
+}
+.modern-title::before {
+	margin-right: 10px;
+}
+.modern-title::after {
+	margin-left: 10px;
+}
+.modern-title span {
+	background-color: {{{background-color|#9F2828}}};
+	padding: 0 10px;
 	border-radius: 5px;
-	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-	text-align: center;
-	box-sizing: border-box;
-}
-h2.modern-title {
-	border-bottom: none;
-	font-size: 1.2em;
-	font-family: 'Arial', sans-serif;
-	font-weight: bold;
 }
 </div>