Jump to content

MediaWiki:Common.css

From Sun Keeperverse Wiki
Revision as of 06:36, 30 October 2025 by SunKeeper (talk | contribs) (Widened reading column, set corners to sharp, softened shadows)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will be applied to all skins */
/* Keeperverse wiki typography – UESP-inspired */

body,
.mw-body,
#content {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  line-height: 1.55;
  color: #2b2414;
  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 */
a, a:visited {
  color: #003399;
}
a:hover {
  color: #0000cc;
  text-decoration: underline;
}

/* Boxes, infoboxes, table backgrounds */
pre, code, .infobox, .toc, .navbox {
  background-color: #f3efdc;
  border-color: #c6b480;
}

/* Center content, comfortable reading width */
.mw-body-content {
  max-width: 1080px;
  margin: 0 auto;
}

/* Ensure templates inherit */
.worldbox {
  font-family: inherit;
}

/* --- Keeperverse box styling: square book-like edges --- */

/* Remove rounding sitewide */
.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 */
.infobox,
.toc,
.navbox,
.worldbox {
  border-width: 1px;
  border-style: solid;
  background-color: #f8f5e9;
}

/* Citizen layout cards or Vector sections */
.mw-body,
#content {
  background: #f8f5e9;
  border: none;
}

/* Optional: link underline offset for a more print-like feel */
a {
  text-underline-offset: 2px;
}