MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
 /* CSS placed here will be applied to all skins */
-@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400..700&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@@ Line 50: / Line 50: @@
 	--vw-violet-subtle:  #391547;
 }
-@media ( prefers-color-scheme: dark ) {
+@media ( prefers-color-scheme: dark ) { .skin-theme-clientpref-os {
-    .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-text-subtle:    #BBBBBB;
-			--vw-text-subtle:    #BBBBBB;
+	--vw-border:         #5a7595;
-			--vw-border:         #5a7595;
+	--vw-accent:         #c54963;
-			--vw-accent:         #c54963;
+	--vw-accent-subtle:  #461522;
-			--vw-accent-subtle:  #461522;
+	--vw-gold:           #c5a949;
-			--vw-gold:           #c5a949;
+	--vw-gold-subtle:    #473915;
-			--vw-gold-subtle:    #473915;
+	--vw-green:          #68c549;
-			--vw-green:          #68c549;
+	--vw-green-subtle:   #214715;
-			--vw-green-subtle:   #214715;
+	--vw-teal:           #49c5a8;
-			--vw-teal:           #49c5a8;
+	--vw-teal-subtle:    #154739;
-			--vw-teal-subtle:    #154739;
+	--vw-blue:           #4963c5;
-			--vw-blue:           #4963c5;
+	--vw-blue-subtle:    #152147;
-			--vw-blue-subtle:    #152147;
+	--vw-violet:         #a949c5;
-			--vw-violet:         #a949c5;
+	--vw-violet-subtle:  #391547;
-			--vw-violet-subtle:  #391547;
+}}
-    }
-}
 .skin-theme-clientpref-night .mw-logo-icon {
      filter: invert(1);
@@ Line 83: / Line 81: @@
      }
 }
 #footer-info li, #footer-places li {
@@ Line 90: / Line 87: @@
 .mw-logo-wordmark {
-	font-family: 'EB Garamond', serif;
+	font-family: 'Lora', serif;
 	font-weight: 800;
      font-size: 1.5rem;
      color: var(--vw-accent);
+}
+.mw-logo-wordmark:hover, .mw-wordmark:hover, .mw-logo:hover {
+	text-decoration: none;
 }
 body {
-	font-family: "Public Sans", sans-serif;
+	font-family: 'Public Sans', sans-serif;
 }
 h1, h2 {
-	font-family: 'EB Garamond', serif;
+	font-family: 'Lora', serif !important;
+	font-weight: 500 !important;
 }
 /* Main Page */
 .page-Main_Page .firstHeading {
 	display: none;
-}
-#welcome-box {
-	border: 2px solid var(--vw-accent);
-	background-color: var(--vw-accent-subtle);
 }
 #welcome-box h1 {
@@ Line 118: / Line 116: @@
 }
-#events-box, #feature-box {
+@media (max-width: 600px) {
-    flex: 1;
+	#vw-main-title { text-align: center; font-size: 0.9em; }
-    min-width: 280px;
+	#vw-main-subtitle { margin-top: 0.5em; text-align: center; font-size: 0.85em; }
-}
+	#vw-main-list { margin-top: 0.5em; justify-content: center; }
-#events-box {
-	border: 2px solid var(--vw-blue);
-	background-color: var(--vw-blue-subtle);
-}
-#events-box h2 { border-bottom-color: var(--vw-blue); }
-#bulletin-box {
-	border: 2px solid var(--vw-green);
-	background-color: var(--vw-green-subtle);
-}
-#bulletin-box h2 { border-bottom-color: var(--vw-green); }
-#feature-box {
-	border: 2px solid var(--vw-gold);
-	background-color: var(--vw-gold-subtle);
-}
-#feature-box h2 { border-bottom-color: var(--vw-gold); }
-.vw-main-subtitle {
-    margin-top: 0;
 }
 @media (min-width: 601px) {
-     .vw-main-subtitle {
+	#vw-main-title { text-align: left; }
-        margin-top: -0.5em;
+     #vw-main-subtitle { margin-top: -0.5em; text-align: left; }
-     }
+     #vw-main-list { justify-content:flex-end;}
 }