MediaWiki:Common.css: Difference between revisions

Revision as of 00:52, 25 April 2026

/* CSS placed here will be applied to all skins */

:root {
  --wk-bg: #F6F0E3;         /* parchment / ivory */
  --wk-text: #262421;       /* deep charcoal */
  --wk-green: #2F4F46;      /* dark green */
  --wk-lapis: #355C8C;      /* lapis blue */
  --wk-gold: #B08D57;       /* muted gold */
  --wk-bronze: #8C6A43;     /* bronze */
  --wk-link: #2C5D63;       /* dark blue-green */
  --wk-link-hover: #1F4448; /* darker hover */
}


/* Overall page background and text */
body,
.mw-page-container,
.vector-body,
.mw-body,
#content {
  background-color: var(--wk-bg);
  color: var(--wk-text);
}

/* Main content area */
.mw-parser-output {
  color: var(--wk-text);
}

/* Headings */
.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6 {
  color: var(--wk-green);
  border-bottom: 1px solid var(--wk-gold);
  padding-bottom: 0.2em;
}

/* Links */
a,
.mw-parser-output a {
  color: var(--wk-link);
}

a:visited,
.mw-parser-output a:visited {
  color: var(--wk-lapis);
}

a:hover,
.mw-parser-output a:hover {
  color: var(--wk-link-hover);
  text-decoration: underline;
}

/* Table of contents */
.toc,
#toc {
  background-color: #FBF7EF;
  border: 1px solid var(--wk-gold);
  color: var(--wk-text);
}

/* Infoboxes, tables, navboxes */
.infobox,
.wikitable,
.navbox,
table {
  background-color: #FBF7EF;
  color: var(--wk-text);
  border: 1px solid var(--wk-bronze);
}

/* Table headers */
.wikitable th,
.infobox th,
.navbox-title {
  background-color: #EFE4C8;
  color: var(--wk-green);
  border: 1px solid var(--wk-gold);
}

/* Standard table cells */
.wikitable td,
.infobox td,
.navbox td {
  border: 1px solid #D6C4A3;
}

/* Top page tabs / interface elements */
.vector-page-toolbar,
.vector-sticky-header,
.vector-user-links,
.vector-column-start,
.vector-column-end {
  background-color: #F3EAD8;
  color: var(--wk-text);
}

/* Search box / inputs */
input,
textarea,
select {
  background-color: #FFFDF8;
  color: var(--wk-text);
  border: 1px solid var(--wk-bronze);
}

/* Buttons */
button,
input[type="submit"] {
  background-color: var(--wk-green);
  color: #ffffff;
  border: 1px solid var(--wk-gold);
}

button:hover,
input[type="submit"]:hover {
  background-color: var(--wk-link);
}