MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 3: / Line 3: @@
 /* light mode */
 :root, .skin-theme-clientpref-day {
-	--vw-bg-page:		#f8f9fa;
+	--vw-bg-page:        #f8f9fa;
-	--vw-bg-surface:	#ffffff;
+	--vw-bg-surface:     #ffffff;
-	--vw-bg-subtle:		#f8f9fa;
+	--vw-bg-subtle:      #f8f9fa;
-	--vw-bg-heading:	#EAECF0;
+	--vw-bg-heading:     #EAECF0;
-	--vw-border:		#A2A9B1;
+	--vw-text-subtle:    #555555;
-	--vw-accent:		#af3350;
+	--vw-border:         #91a8c2;
-	--vw-accent-subtle:	#f5dde2;
+	--vw-accent:         #c61c44;
-	--vw-gold:			#8a7633;
+	--vw-accent-subtle:  #f9d9df;
-	--vw-gold-subtle:	#f4f0dc;
-	--vw-green:			#478a33;
+	--vw-gold:           #cfad3c;
-	--vw-green-subtle:	#e0f4dc;
+	--vw-gold-subtle:    #f9f3d7;
-	--vw-teal:			#338a76;
+	--vw-green:          #5ecf3c;
-	--vw-teal-subtle:	#dcf4f0;
+	--vw-green-subtle:   #ddf9d7;
-	--vw-blue:			#33478a;
+	--vw-teal:           #209d80;
-	--vw-blue-subtle:	#dce0f4;
+	--vw-teal-subtle:    #d7f9f3;
-	--vw-violet:		#76338A;
+	--vw-blue:           #3c5ecf;
-	--vw-violet-subtle:	#f0dcf4;
+	--vw-blue-subtle:    #d7ddf9;
+	--vw-violet:         #80209d;
+	--vw-violet-subtle:  #f3d7f9;
 }
 /* dark mode */
 .skin-theme-clientpref-night {
-	--vw-bg-page:		#101418;
+	--vw-bg-page:        #101418;
-	--vw-bg-surface:	#1e2227;
+	--vw-bg-surface:     #1e2227;
-	--vw-bg-subtle:		#2a2f36;
+	--vw-bg-subtle:      #2a2f36;
-	--vw-bg-heading: 	#27292D;
+	--vw-bg-heading:     #27292D;
-	--vw-border:		#72777D;
+	--vw-text-subtle:    #BBBBBB;
-	--vw-accent:		#F2A0B2;
+	--vw-border:         #5a7595;
-	--vw-accent-subtle:	#3d1e26;
+	--vw-accent:         #c54963;
-	--vw-gold:			#f2e0a1;
+	--vw-accent-subtle:  #461522;
-	--vw-gold-subtle:	#3e351e;
-	--vw-green:			#f2e0a1;
+	--vw-gold:           #c5a949;
-	--vw-green-subtle:	#263e1e;
+	--vw-gold-subtle:    #473915;
-	--vw-teal:			#a1f2e0;
+	--vw-green:          #68c549;
-	--vw-teal-subtle:	#1e3e35;
+	--vw-green-subtle:   #214715;
-	--vw-blue:			#a1b3f2;
+	--vw-teal:           #49c5a8;
-	--vw-blue-subtle:	#1e263e;
+	--vw-teal-subtle:    #154739;
-	--vw-violet:		#e0a1f2;
+	--vw-blue:           #4963c5;
-	--vw-violet-subtle:	#351e3e;
+	--vw-blue-subtle:    #152147;
+	--vw-violet:         #a949c5;
+	--vw-violet-subtle:  #391547;
 }
 @media ( prefers-color-scheme: dark ) {
      .skin-theme-clientpref-os {
-		--vw-bg-page:		#101418;
+			--vw-bg-page:        #101418;
-		--vw-bg-surface:	#1e2227;
+			--vw-bg-surface:     #1e2227;
-		--vw-bg-subtle:		#2a2f36;
+			--vw-bg-subtle:      #2a2f36;
-		--vw-bg-heading: 	#27292D;
+			--vw-bg-heading:     #27292D;
-		--vw-border:		#72777D;
+			--vw-text-subtle:    #BBBBBB;
-		--vw-accent:		#F2A0B2;
+			--vw-border:         #5a7595;
-		--vw-accent-subtle:	#3d1e26;
-		--vw-gold:			#f2e0a1;
+			--vw-accent:         #c54963;
-		--vw-gold-subtle:	#3e351e;
+			--vw-accent-subtle:  #461522;
-		--vw-green:			#f2e0a1;
-		--vw-green-subtle:	#263e1e;
+			--vw-gold:           #c5a949;
-		--vw-teal:			#a1f2e0;
+			--vw-gold-subtle:    #473915;
-		--vw-teal-subtle:	#1e3e35;
+			--vw-green:          #68c549;
-		--vw-blue:			#a1b3f2;
+			--vw-green-subtle:   #214715;
-		--vw-blue-subtle:	#1e263e;
+			--vw-teal:           #49c5a8;
-		--vw-violet:		#e0a1f2;
+			--vw-teal-subtle:    #154739;
-		--vw-violet-subtle:	#351e3e;
+			--vw-blue:           #4963c5;
+			--vw-blue-subtle:    #152147;
+			--vw-violet:         #a949c5;
+			--vw-violet-subtle:  #391547;
      }
 }
@@ Line 83: / Line 89: @@
 .mw-logo-wordmark {
      font-size: 1.5rem;
-     color: maroon;
+     color: var(--vw-accent);
 }
-.hatnote {
-    font-style: italic;
-    padding-left: 1.5em;
-    margin-bottom: 0.5em;
-}
-.infobox {
+/* Main Page */
-    width: 300px;
-    float: right;
-    margin: 0 0 1em 1em;
-}
-@media (max-width: 600px) {
-    .infobox {
-        width: 100% !important;
-        float: none !important;
-        margin: 0 0 1em 0;
-        box-sizing: border-box;
-    }
-    .infobox th[colspan="2"] {
-        width: 100% !important;
-        display: block;
-    }
-}
 .page-Main_Page .firstHeading {
 	display: none;
@@ Line 143: / Line 128: @@
 #feature-box h2 { border-bottom-color: var(--vw-gold); }
+.vw-main-subtitle {
+    margin-top: 0;
+}
+@media (min-width: 601px) {
+    .vw-main-subtitle {
+        margin-top: -0.5em;
+    }
+}
-.documentation .mw-editsection {
+/* Templates */
+.documentation .mw-editsection:not(.documentation-edit) {
      display: none;
+}
+.poster-container {
+	display:flex; flex-wrap:wrap; gap:0.4em;
+}
+.hatnote {
+    font-style: italic;
+    padding-left: 1.5em;
+    margin-bottom: 0.5em;
+}
+.infobox {
+    float: right;
+    margin: 0 0 1em 1em;
+}
+@media (max-width: 600px) {
+    .infobox {
+        width: 100% !important;
+        float: none !important;
+        margin: 0 0 1em 0;
+        box-sizing: border-box;
+    }
+    .infobox img {
+        max-width: 100% !important;
+        overflow: hidden;
+    }
+}
+@media (min-width: 601px){
+	.infobox{
+		max-width: 300px !important;
+	}
 }