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

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

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

@@ Строка 1: / Строка 1: @@
 {{#css:
-/* Заголовок h1 */
+.mw-parser-output h1 .mw-headline {
-h1 .mw-headline {
+     min-width: 250px;
-     min-width: clamp(50px, 20vw, 300px);
      padding: 2px 3%;
-     font-size: clamp(1.4rem, 2.5vw, 1.5rem);
+     font-size: 1.5rem;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
 }
-h1::before,
+.mw-parser-output h1::before,
-h1::after {
+.mw-parser-output h1::after {
 	content: "";
 	flex-grow: 1;
@@ Строка 15: / Строка 14: @@
 	border-radius: 1px;
 }
-h1::after {
+.mw-parser-output h1::after {
-     background: linear-gradient(90deg, var(--background-color) 85%, #ffffff00);
+     background: linear-gradient(90deg, #31313f 85%, transparent);
      margin-left: 10px;
 }
-h1::before {
+.mw-parser-output h1::before {
-     background: linear-gradient(270deg, var(--background-color) 85%, #ffffff00);
+     background: linear-gradient(270deg, #31313f 85%, transparent);
 	margin-right: 10px;
 }
-h1 .mw-headline {
+.mw-parser-output h1 .mw-headline {
-	background-color: var(--background-color);
+	background-color: #31313f;
 	border-radius: 5px;
 }
 @media (max-width: 600px) {
-	h1 .mw-headline {
+	.mw-parser-output h1 .mw-headline {
 		width: 100% !important;
 		padding: 0 !important;
 	}
-	h1::before {
+	.mw-parser-output h1::before {
 		margin-right: 0;
 	}
-	h1::after {
+	.mw-parser-output h1::after {
 		margin-left: 0;
 	}
@@ Строка 44: / Строка 43: @@
 /* Сброс стилей */
-h1 {
+.mw-parser-output h1 {
      border-bottom: none !important;
      font-family: "noto sans" !important;
@@ Строка 52: / Строка 51: @@
 }
-h1 {
+.mw-parser-output h1 {
 	align-items: center;
 	justify-content: center;
@@ Строка 61: / Строка 60: @@
 /* Заголовок h2 */
-h2 {
+.mw-parser-output h2:not(#mw-toc-heading) {
-     font-size: 1.15rem !important;
+     font-size: 1.2em !important;
      font-weight: bold !important;
      padding: 6px 8px;
-     background: var(--background-color);
+     background: linear-gradient(90deg, rgba(178, 178, 255, 0.11) -50%, transparent 130%);
      border-radius: 0.2em;
+    margin: 28px 0 12px;
 }
 /* Сброс стилей */
-h2 {
+.mw-parser-output h2:not(#mw-toc-heading) {
      border-bottom: none !important;
      line-height: unset !important;
@@ Строка 77: / Строка 77: @@
 /* Заголовок h3 */
-h3 {
+.mw-parser-output h3 {
-     font-size: 1.1rem !important;
+     font-size: 1.15em !important;
      font-weight: bold !important;
+    margin: 1.1em 0 0.5em;
 }
 /* Сброс стилей */
-h3 {
+.mw-parser-output h3 {
      font-family: 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', 'Liberation Sans', 'Noto Sans', 'Helvetica Neue', 'Helvetica', sans-serif !important;
 }
 }}