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

@@ Строка 1: / Строка 1: @@
-<div class="modern-title" style="width:{{{width|100%}}};">{{{text}}}</div>
+<h2 class="modern-title" style="width:{{{width|100%}}};">{{{text}}}</h2>
 <!-- Не изменяемый CSS -->
 <div class="customCSS" style="display:none">
 .modern-title {
-	background: {{{background|#9f2828}}};
+	background: #9f2828;
-	color: {{{color|#fff}}};
+	color: #fff;
-	font-weight: bold;
+	padding: 15px 25px;
-	padding: 10px 20px;
+	border-left: 5px solid #601818;
 	border-radius: 8px;
-	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-	text-align: center;
-	font-family: 'Arial', sans-serif;
-	margin: 20px 0;
-	transition: background 0.3s ease, color 0.3s ease, font-size 0.3s ease;
-	font-size: clamp(0.8rem, 2vw, 1rem);
 	box-sizing: border-box;
 }
-.modern-title:hover {
+h2.modern-title {
-	background: {{{background-hover|#af2c2c}}};
+	border-bottom: none;
+	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+	font-size: 1.5em;
+	font-weight: bold;
+	display: block;
+	margin-block-start: 0.83em;
+	margin-block-end: 0.83em;
+	margin-inline-start: 0px;
+	margin-inline-end: 0px;
+	unicode-bidi: isolate;
 }
 </div>

Аноним