Jump to content

MediaWiki:Common.css: Difference between revisions

From Sun Keeperverse Wiki
No edit summary
Switching parchment fantasy for Vector '22 skin
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/* Keeperverse wiki typography – UESP-inspired */
/* ===== Sun Keeperverse — Vector 2022 parchment theme ===== */


body,
body {
.mw-body,
   background: #f4f1e6;                       /* parchment backdrop */
#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 */
.vector-page, .mw-page-container, .mw-body, .mw-content-container {
h1, h2, h3, h4, h5, h6 {
   background: #fffdfa;
   font-family: Verdana, Geneva, sans-serif;
  border: 1px solid #d8caa0;
   font-weight: bold;
   box-shadow: 0 1px 3px rgba(0,0,0,.06);
   color: #1f190b;
   border-radius: 8px;
}
}


/* Links – warm blue for readability against parchment background */
.mw-body-content, .vector-body {
a,
  max-width: 1100px;
a:visited {
  margin: 1.5rem auto;
   color: #003399;
   padding: 1.25rem 1.5rem;
}
}
a:hover {
 
   color: #0000cc;
/* Typography */
   text-decoration: underline;
body, .mw-body-content {
  font-family: "Georgia", "Book Antiqua", serif;
   color: #2f2a1e;
   line-height: 1.6;
}
}
 
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4 {
/* Boxes, infoboxes, table backgrounds */
   font-family: "Georgia", "Book Antiqua", serif;
pre,
   color: #2b2414;
code,
.infobox,
.toc,
.navbox {
   background-color: #f3efdc;
   border-color: #c6b480;
}
}


/* Center content, comfortable reading width */
/* Links */
.mw-body-content {
a, a:visited { color: #8b6d00; }
  max-width: 1080px;
a:hover { color: #c09e2b; text-decoration: underline; }
  margin: 0 auto;
}


/* Ensure templates inherit */
/* Headings */
.worldbox {
.mw-body h2 {
   font-family: inherit;
   border-bottom: 2px solid #e4d9b0;
  padding-bottom: .15rem;
  margin-top: 1.2em;
}
}


/* --- Keeperverse box styling: square book-like edges --- */
/* Tables */
 
.wikitable {
/* Remove rounding sitewide */
   background: #fffdf7;
.infobox,
   border: 1px solid #d8caa0;
.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;
}
}
 
.wikitable > tr > th, .wikitable > * > tr > th {
/* Lightly emphasize borders like parchment frames */
   background: #efe7cc;
.infobox,
   border: 1px solid #d8caa0;
.toc,
   color: #2b2414;
.navbox,
.worldbox {
   border-width: 1px;
   border-style: solid;
   background-color: #f8f5e9;
}
}
 
.wikitable > tr > td, .wikitable > * > tr > td {
/* Citizen layout cards or Vector sections */
   border: 1px solid #e6d9b1;
.mw-body,
#content {
   background: #f8f5e9;
  border: none;
}
}


/* Optional: link underline offset for a more print-like feel */
/* TOC */
a {
#toc, .toc {
   text-underline-offset: 2px;
   background: #f7f1de;
  border: 1px solid #d8caa0;
  border-radius: 8px;
}
}
#toc .toctitle { color: #5b4a22; }


/* --- Default MediaWiki redlink colors --- */
/* Infobox / navbox */
a.new,
.infobox, .navbox, .metadata {
a.new:visited {
  float: right;
   color: #ba0000 !important;
  clear: right;
  width: 340px;
  max-width: 42%;
  margin: 0 0 12px 18px;
  background: #f8f5e9;
   border: 1px solid #c6b480;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0,0,0,.08);
}
}
a.new:hover {
@media (max-width: 900px) {
   color: #ff0000 !important;
   .infobox, .navbox, .metadata {
  text-decoration: underline;
    float:none;
    width:auto;
    max-width:100%;
    margin:8px auto;
  }
}
}


/* --- Force default redlinks across skins (Citizen/Vector) --- */
/* Sidebar */
.mw-parser-output a.new,
.vector-feature-zebra-design-enabled .vector-sidebar-container {
.mw-parser-output a.new:visited,
   background: transparent;
.skin-citizen .mw-parser-output a.new,
.skin-citizen .mw-parser-output a.new:visited,
.skin-vector .mw-parser-output a.new,
.skin-vector .mw-parser-output a.new:visited,
a.mw-selflink.new {
   color: #ba0000 !important;
}
}


.mw-parser-output a.new:hover,
/* Footer */
.skin-citizen .mw-parser-output a.new:hover,
.mw-footer {
.skin-vector .mw-parser-output a.new:hover {
  background: transparent;
   color: #ff0000 !important;
   border-top: 1px solid #e4d9b0;
   text-decoration: underline;
   color: #6e5d33;
}
}

Revision as of 07:13, 30 October 2025

/* CSS placed here will be applied to all skins */
/* ===== Sun Keeperverse — Vector 2022 parchment theme ===== */

body {
  background: #f4f1e6;                       /* parchment backdrop */
}

.vector-page, .mw-page-container, .mw-body, .mw-content-container {
  background: #fffdfa;
  border: 1px solid #d8caa0;
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
  border-radius: 8px;
}

.mw-body-content, .vector-body {
  max-width: 1100px;
  margin: 1.5rem auto;
  padding: 1.25rem 1.5rem;
}

/* Typography */
body, .mw-body-content {
  font-family: "Georgia", "Book Antiqua", serif;
  color: #2f2a1e;
  line-height: 1.6;
}
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4 {
  font-family: "Georgia", "Book Antiqua", serif;
  color: #2b2414;
}

/* Links */
a, a:visited { color: #8b6d00; }
a:hover { color: #c09e2b; text-decoration: underline; }

/* Headings */
.mw-body h2 {
  border-bottom: 2px solid #e4d9b0;
  padding-bottom: .15rem;
  margin-top: 1.2em;
}

/* Tables */
.wikitable {
  background: #fffdf7;
  border: 1px solid #d8caa0;
}
.wikitable > tr > th, .wikitable > * > tr > th {
  background: #efe7cc;
  border: 1px solid #d8caa0;
  color: #2b2414;
}
.wikitable > tr > td, .wikitable > * > tr > td {
  border: 1px solid #e6d9b1;
}

/* TOC */
#toc, .toc {
  background: #f7f1de;
  border: 1px solid #d8caa0;
  border-radius: 8px;
}
#toc .toctitle { color: #5b4a22; }

/* Infobox / navbox */
.infobox, .navbox, .metadata {
  float: right;
  clear: right;
  width: 340px;
  max-width: 42%;
  margin: 0 0 12px 18px;
  background: #f8f5e9;
  border: 1px solid #c6b480;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0,0,0,.08);
}
@media (max-width: 900px) {
  .infobox, .navbox, .metadata {
    float:none;
    width:auto;
    max-width:100%;
    margin:8px auto;
  }
}

/* Sidebar */
.vector-feature-zebra-design-enabled .vector-sidebar-container {
  background: transparent;
}

/* Footer */
.mw-footer {
  background: transparent;
  border-top: 1px solid #e4d9b0;
  color: #6e5d33;
}