MediaWiki:Common.css
Appearance
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;
}
/* --- Keeperverse link color system --- */
/* Existing pages (normal wiki blue) */
a:link,
a:visited {
color: #003399;
}
/* Hovered links */
a:hover {
color: #0000cc;
text-decoration: underline;
}
/* Non-existent (redlink) pages – evergreen for "growth" */
a.new,
a.new:visited {
color: #006b2f !important; /* deep evergreen */
}
/* Hover for redlinks (slightly brighter green) */
a.new:hover {
color: #009944 !important; /* warm garden green */
text-decoration: underline;
}