MediaWiki:Common.css: Difference between revisions

Latest revision as of 07:47, 21 December 2025

/* =========================================================
   SK NAVPAD: ALWAYS ON TOP, NEVER UNDER CITIZEN FOOTER
   Put ONLY in MediaWiki:Common.css
   ========================================================= */

/* Always force the navpad to be fixed and above everything */
body.sk-navpad-on #sk-navpad,
body.sk-navpad-on #sk-navpad.navcell-ui,
body.sk-navpad-on .navcell-ui#sk-navpad {
  position: fixed !important;
  left: 50% !important;
  transform: translateX(-50%) !important;

  /* lift it above phone UI a bit */
  bottom: calc(22px + env(safe-area-inset-bottom, 0px)) !important;

  /* absurdly high, higher than any theme UI */
  z-index: 2147483647 !important;

  /* create a new stacking context so it cannot get trapped */
  isolation: isolate !important;

  margin: 0 !important;
}

/* Reserve space so page content does not sit under it */
body.sk-navpad-on {
  padding-bottom: calc(220px + env(safe-area-inset-bottom, 0px)) !important;
}

/* Force any footer like thing to never sit on top of the navpad */
footer,
#footer,
.mw-footer,
.citizen-footer,
[class*="footer"],
[id*="footer"],
.citizen-ui,
.citizen-ui__footer,
.citizen-ui-footer,
.citizen-toolbar,
.citizen-drawer,
[class*="toolbar"],
[id*="toolbar"],
[class*="drawer"],
[id*="drawer"] {
  position: relative !important;
  z-index: 0 !important;
}

/* If Citizen has a fixed bottom bar, keep it under everything */
[class*="sticky"],
[id*="sticky"],
[class*="bottom"],
[id*="bottom"] {
  z-index: 0 !important;
}

/* Hide the pad when you turn it off */
@media (max-width: 759px) {
  body.sk-navpad-off #sk-navpad,
  body.sk-navpad-off #sk-navpad.navcell-ui,
  body.sk-navpad-off .navcell-ui#sk-navpad {
    display: none !important;
  }
}

@@ Line 1: / Line 1: @@
-/* CSS placed here will be applied to all skins */
+/* =========================================================
-/* Keeperverse wiki typography – UESP-inspired */
+   SK NAVPAD: ALWAYS ON TOP, NEVER UNDER CITIZEN FOOTER
+   Put ONLY in MediaWiki:Common.css
+   ========================================================= */
-body,
+/* Always force the navpad to be fixed and above everything */
-.mw-body,
+body.sk-navpad-on #sk-navpad,
-#content {
+body.sk-navpad-on #sk-navpad.navcell-ui,
-  font-family: Verdana, Geneva, sans-serif;
+body.sk-navpad-on .navcell-ui#sk-navpad {
-  font-size: 14px;
+   position: fixed !important;
-  line-height: 1.55;
+   left: 50% !important;
-  color: #2b2414;
+   transform: translateX(-50%) !important;
-  background-color: #f8f5e9;
-}
-/* Headings slightly larger and darker for readability */
-h1, h2, h3, h4, h5, h6 {
-   font-family: Verdana, Geneva, sans-serif;
-   font-weight: bold;
-   color: #1f190b;
-}
-/* Links – warm blue for readability against parchment background */
+  /* lift it above phone UI a bit */
-a,
+   bottom: calc(22px + env(safe-area-inset-bottom, 0px)) !important;
-a:visited {
-   color: #003399;
-}
-a:hover {
-  color: #0000cc;
-  text-decoration: underline;
-}
-/* Boxes, infoboxes, table backgrounds */
+  /* absurdly high, higher than any theme UI */
-pre,
+   z-index: 2147483647 !important;
-code,
-.infobox,
-.toc,
-.navbox {
-  background-color: #f3efdc;
-   border-color: #c6b480;
-}
-/* Center content, comfortable reading width */
+  /* create a new stacking context so it cannot get trapped */
-.mw-body-content {
+   isolation: isolate !important;
-   max-width: 1080px;
-  margin: 0 auto;
-}
-/* Ensure templates inherit */
+   margin: 0 !important;
-.worldbox {
-   font-family: inherit;
 }
-/* --- Keeperverse box styling: square book-like edges --- */
+/* Reserve space so page content does not sit under it */
+body.sk-navpad-on {
-/* Remove rounding sitewide */
+  padding-bottom: calc(220px + env(safe-area-inset-bottom, 0px)) !important;
-.infobox,
-.toc,
-.navbox,
-.worldbox,
-.mw-body-content table,
-.mw-ui-input,
-.mw-ui-button,
-.mw-ui-widget,
-pre,
-code {
-  border-radius: 0 !important;
-  box-shadow: none !important;
-  border-color: #c6b480;
 }
-/* Lightly emphasize borders like parchment frames */
+/* Force any footer like thing to never sit on top of the navpad */
-.infobox,
+footer,
-.toc,
+#footer,
-.navbox,
+.mw-footer,
-.worldbox {
+.citizen-footer,
-  border-width: 1px;
+[class*="footer"],
-  border-style: solid;
+[id*="footer"],
-  background-color: #f8f5e9;
+.citizen-ui,
-}
+.citizen-ui__footer,
+.citizen-ui-footer,
-/* Citizen layout cards or Vector sections */
+.citizen-toolbar,
-.mw-body,
+.citizen-drawer,
-#content {
+[class*="toolbar"],
-  background: #f8f5e9;
+[id*="toolbar"],
-  border: none;
+[class*="drawer"],
-}
+[id*="drawer"] {
+   position: relative !important;
-/* Optional: link underline offset for a more print-like feel */
+   z-index: 0 !important;
-a {
-  text-underline-offset: 2px;
-}
-/* --- Default MediaWiki redlink colors --- */
-a.new,
-a.new:visited {
-   color: #ba0000 !important;
-}
-a.new:hover {
-   color: #ff0000 !important;
-  text-decoration: underline;
 }
-/* --- Force default redlinks across skins (Citizen/Vector) --- */
+/* If Citizen has a fixed bottom bar, keep it under everything */
-.mw-parser-output a.new,
+[class*="sticky"],
-.mw-parser-output a.new:visited,
+[id*="sticky"],
-.skin-citizen .mw-parser-output a.new,
+[class*="bottom"],
-.skin-citizen .mw-parser-output a.new:visited,
+[id*="bottom"] {
-.skin-vector .mw-parser-output a.new,
+   z-index: 0 !important;
-.skin-vector .mw-parser-output a.new:visited,
-a.mw-selflink.new {
-   color: #ba0000 !important;
 }
-.mw-parser-output a.new:hover,
+/* Hide the pad when you turn it off */
-.skin-citizen .mw-parser-output a.new:hover,
+@media (max-width: 759px) {
-.skin-vector .mw-parser-output a.new:hover {
+  body.sk-navpad-off #sk-navpad,
-  color: #ff0000 !important;
+  body.sk-navpad-off #sk-navpad.navcell-ui,
-   text-decoration: underline;
+  body.sk-navpad-off .navcell-ui#sk-navpad {
+    display: none !important;
+   }
 }