MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
-/* --- COMUTER WIKI FULL STYLING --- */
+/* --- COMUTER WIKI CLEAN STYLING --- */
 /* 1. Global Font */
@@ Line 25: / Line 25: @@
 }
-/* 4. The Wordmark ICON (The image that says "Comuter Wiki") */
+/* 4. The Wordmark/Text */
+/* We use var(--color-base) to automatically flip text color when the theme changes */
 .mw-logo-wordmark {
-     display: block !important; /* Forces it to show up */
+     display: block !important;
-     width: 150px !important;  /* Adjust this to fit your image width */
+     text-align: center !important;
-     height: auto !important;   /* Let the height scale naturally */
+     height: auto !important;
-     max-height: none !important;
+     width: auto !important;
-     margin-top: 10px !important;
+    font-weight: bold !important;
+     font-size: 1.2em !important;
+    color: var(--color-base, #202122) !important;
 }
-/* 5. Header Background (Light Mode) */
+/* 5. Header Sizing */
+/* We removed all hardcoded background colors so Vector 2022 can handle itself natively */
 .mw-header {
      height: auto !important;
-     min-height: 190px !important;
+     min-height: 160px !important;
-    background-color: #ffffff !important;
-}
-/* 6. DARK MODE COLORS */
-html.skin-theme-clientpref-night .mw-header {
-    background-color: #101418 !important;
 }
-/* 7. Sticky Header (Scroll View) */
+/* 6. Sticky Header (Scroll View) */
-/* This makes them side-by-side again when you scroll so it's not huge */
 .vector-sticky-header .mw-logo {
      flex-direction: row !important;
@@ Line 59: / Line 56: @@
 .vector-sticky-header .mw-logo-wordmark {
-    width: 100px !important; /* Shorter width for the sticky header */
-    margin-top: 0 !important;
      margin-left: 10px !important;
+    font-size: 1em !important;
 }