MediaWiki:Cosmos.css: Difference between revisions

Help

Revision as of 22:30, 29 July 2026

/* ==========================================================
   THE VAULT @ THE E.E.R.I.E. FILES — MediaWiki:Cosmos.css

   Cosmos skin overrides

   This file only controls typography and minor presentation.
   Colours are left to the default Cosmos / MediaWiki skin.

   ========================================================== */


/* ==========================================================
   FONTS
   ========================================================== */

@import url(https://fonts.googleapis.com/css2?family=Bungee&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap);



/* ==========================================================
   COSMOS TYPOGRAPHY
   ========================================================== */


body {

    font-family:'Space Grotesk', sans-serif;

}



h1,
h2,
h3,
h4,
.firstHeading,
.mw-first-heading {

    font-family:'Bungee', system-ui, sans-serif;

}



code,
pre,
.mw-code {

    font-family:'JetBrains Mono', monospace;

}





/* ==========================================================
   HEADER / NAVIGATION

   Leave Cosmos colours untouched
   ========================================================== */


.cosmos-community-header,
.wiki-nav,
#p-logo a {

    border-color:inherit;

}



.wiki-nav a,
.cosmos-header-menu a {

    text-decoration:none;

}





/* ==========================================================
   SEARCH

   Allow default MediaWiki styling
   ========================================================== */


.cosmos-searchInput input,
#simpleSearch,
.oo-ui-textInputWidget input {

    font-family:'Space Grotesk', sans-serif;

}





/* ==========================================================
   FOOTER

   Leave default skin styling intact
   ========================================================== */


#footer,
.mw-footer {

    font-family:'Space Grotesk', sans-serif;

}





/* ==========================================================
   RESPONSIVE CLEANUP
   ========================================================== */


@media screen and (max-width:700px) {


    body {

        font-size:16px;

    }


}

@@ Line 4: / Line 4: @@
     Cosmos skin overrides
-    Purpose:
+    This file only controls typography and minor presentation.
-    - Header
+    Colours are left to the default Cosmos / MediaWiki skin.
-   - Sidebar
-   - Search
-   - Footer
-   - Skin navigation
-   Main article styling lives in Common.css
     ========================================================== */
 /* ==========================================================
-    VAULT COLOUR SYSTEM
+    FONTS
     ========================================================== */
-:root {
+@import url(https://fonts.googleapis.com/css2?family=Bungee&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap);
-    --void:#f5f1e8;
-    --panel:#ffffff;
-    --panel-edge:#d8d0c0;
-    --acid:#7ab800;
-    --violet:#7a32b8;
-    --cream:#222222;
-    --amber:#b87800;
-    --muted:#6b6458;
-}
 /* ==========================================================
-    COSMOS SIDE RAIL
+    COSMOS TYPOGRAPHY
     ========================================================== */
-#cosmos-rail .rail-module,
+body {
-.rail-module {
-    background-color:var(--panel) !important;
-    border:1px solid var(--panel-edge) !important;
-    color:var(--cream) !important;
-     box-shadow:none !important;
+     font-family:'Space Grotesk', sans-serif;
 }
@@ Line 56: / Line 31: @@
-.rail-module .rail-module-header,
+h1,
-.rail-module h3 {
+h2,
+h3,
-    font-family:'JetBrains Mono', monospace !important;
+h4,
+.firstHeading,
-    color:var(--violet) !important;
+.mw-first-heading {
-    letter-spacing:.08em;
+     font-family:'Bungee', system-ui, sans-serif;
-    text-transform:uppercase;
-     font-size:.75rem !important;
-    border-bottom:1px solid var(--panel-edge) !important;
 }
@@ Line 75: / Line 44: @@
-.rail-module a {
+code,
+pre,
+.mw-code {
-     color:#276b9c !important;
+     font-family:'JetBrains Mono', monospace;
-}
-.rail-module a:hover {
-    color:var(--acid) !important;
 }
@@ Line 94: / Line 57: @@
 /* ==========================================================
-    SEARCH
+    HEADER / NAVIGATION
-   ========================================================== */
-.cosmos-searchInput input,
+    Leave Cosmos colours untouched
-#simpleSearch,
-.oo-ui-textInputWidget input {
-    background-color:#ffffff !important;
-    color:var(--cream) !important;
-    border:1px solid var(--panel-edge) !important;
-}
-.cosmos-searchInput input::placeholder {
-    color:var(--muted);
-}
-/* ==========================================================
-    HEADER / NAVIGATION
     ========================================================== */
@@ Line 131: / Line 67: @@
 #p-logo a {
-     border-color:var(--panel-edge) !important;
+     border-color:inherit;
 }
@@ Line 140: / Line 76: @@
 .cosmos-header-menu a {
-     color:var(--muted) !important;
+     text-decoration:none;
 }
@@ Line 146: / Line 82: @@
-.wiki-nav a:hover,
-.cosmos-header-menu a:hover {
-    color:var(--violet) !important;
-}
+/* ==========================================================
+   SEARCH
+    Allow default MediaWiki styling
-/* ==========================================================
-    PERSONAL TOOLBAR
     ========================================================== */
-.personal-more-container,
+.cosmos-searchInput input,
-#p-personal {
+#simpleSearch,
+.oo-ui-textInputWidget input {
-    color:var(--muted) !important;
-}
-#p-personal a {
-     color:var(--muted) !important;
+     font-family:'Space Grotesk', sans-serif;
-}
-#p-personal a:hover {
-    color:var(--violet) !important;
 }
@@ Line 191: / Line 105: @@
 /* ==========================================================
     FOOTER
+   Leave default skin styling intact
     ========================================================== */
@@ Line 197: / Line 113: @@
 .mw-footer {
-    background-color:#ede7da !important;
+     font-family:'Space Grotesk', sans-serif;
-    border-top:1px solid var(--panel-edge) !important;
-    color:var(--muted) !important;
-}
-#footer a,
-.mw-footer a {
-    color:var(--violet) !important;
-}
-/* ==========================================================
-   COSMOS BACKGROUND FIXES
-   Prevents Cosmos forcing dark containers
-   ========================================================== */
-.cosmos-body,
-.cosmos-main-content,
-.cosmos-content {
-    background-color:var(--void) !important;
-    color:var(--cream) !important;
-}
-/* ==========================================================
-   BUTTONS / CONTROLS
-   ========================================================== */
-button,
-input[type="submit"] {
-     font-family:'JetBrains Mono', monospace;
-}
-button:hover,
-input[type="submit"]:hover {
-    border-color:var(--acid) !important;
 }
@@ Line 265: / Line 122: @@
 /* ==========================================================
-    RESPONSIVE
+    RESPONSIVE CLEANUP
     ========================================================== */
@@ Line 272: / Line 129: @@
-     .rail-module {
+     body {
-         border-radius:6px;
+         font-size:16px;
      }

GaryJJSpate (talk | contribs)

Revision as of 22:30, 29 July 2026