MediaWiki:Common.css

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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* The main body stuff */

body {
  background-color: #444362;
}

.mw-body-content h4, .mw-body-content h5, .mw-body-content h6 {
  color: #fff;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  color: #62618c;
}

/* Upload File Fields */

fieldset {
  border: 2px solid #3d3c55;
}

/* Thumbs and Captions */

.mw-content-ltr .thumbcaption {
  background-color: #2a1a55;
  color: #fff;
}

div.thumbinner {
  border: 1px solid #9391bb;
  background-color: #3e3260;
}

html .thumbimage {
  border: 1px solid #51565b;
}

/* Main Edit Text Box */

.mw-editform #wpTextbox1 {
  background-color: #37374f;
  color: #fff;
}

/* File Upload Options Box */

#filetoc {
  background-color: #20334F;
}

/* Expandable File Metadata Box */

.mw_metadata td {
 background-color: #2c3b4a;
 border: 1px solid #3c6491;
}

/* List of Uploaded Images Table */

.mw-datatable th {
  background-color: #22593a;
}

.mw-datatable td {
  background-color: #0f2b1b;
  border: 1px solid #446233;
}

/* Link colors */

a {color: #c1dfff; text-decoration: none;}
a:hover {color: #fcfdff; text-decoration: underline dotted #fff;}
a:visited {color: #c1dfff; text-decoration: none;}
a:active {color: #fff; text-decoration: underline dotted #fff;}

/* Broken or Inactive Link Colors */

a.new {color: #ffabab; text-decoration: none;}
a.new:hover {color: #FFD3D3; text-decoration: underline dotted #FFD3D3;}
a.new:visited {color: #ffabab; text-decoration: none;}
a.new:active {color: #fff; text-decoration: underline dotted #fff;}

#p-personal a.new {color: #ffabab; text-decoration: none;}
#p-personal a.new:hover {color: #ffabab; text-decoration: underline dotted #FFD3D3;}
#p-personal a.new:visited {color: #ffabab; text-decoration: none;}
#p-personal a.new:active {color: #fff; text-decoration: underline dotted #fff;}

/* Top of the page that has the gradient... */
#mw-page-base {background-image: linear-gradient(to bottom,#302f40 50%,#444362 100%);}

/* Sidebar Colors */

.portal .body li a, .vector-menu-portal .body li a {color: #dbe0e8; text-decoration: none;}
.portal .body li a, .vector-menu-portal .body li a:hover {color: #dbe0e8; text-decoration: none;}
.portal .body li a, .vector-menu-portal .body li a:visited {color: #dbe0e8; text-decoration: none;}
.portal .body li a, .vector-menu-portal .body li a:active {color: white; text-decoration: none;}

.portal h3, .vector-menu-portal h3 {
  color: #ccc7e3;
}

/* The actual inner body of the wiki pages, where the content is. */

.mw-body {
  background-color: #58577d;
  color: #fff;
  border: 1px solid #1d1c31;
}

/* Header Text */

.mw-body h1, .mw-body-content h1, .mw-body-content h2, .mw-body-content h3 {
  color: #fff;
  font-family: Arial;
}

.mw-body-content h2 {
  background-image: linear-gradient(to right,#38374fa3 70%,transparent);
  padding: 3.5px;
  border-bottom: 2px dashed #69678c;
}

/* Table of Contents */
.toc, .mw-warning, .toccolours {
  background-color: #33324f;
}

.toctogglelabel {
  color: #cdccd7;
}

.tocnumber {
  color: #fff;
}

/* Wikitables */

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
  border: 1px solid #000;
}

.wikitable > tr > th, .wikitable > * > tr > th {
  background-color: #3f5c95;
  color: #fff;
}

.wikitable > * > tr > td {
  background-color: #6d88bb;
  color: #fff;
}

/* Zippy's Custom "Specialtable" */


.specialtable > tr > th, .specialtable > tr > td, .specialtable > * > tr > th, .specialtable > * > tr > td {
  border: 1px solid #000;
}

.specialtable > tr > th, .specialtable > * > tr > th {
  background-color: #3f5c95;
  color: #fff;
}

.specialtable > * > tr > td {
  background-color: #6d88bb;
  color: #fff;
}

/* Vector Tabs */

.vector-menu-tabs li {
  /* background-image: linear-gradient(to top,#77c1f6 0,#58577d 1px,#302f4000 100%); */
  background-image: linear-gradient(to top,#27333c 0,#58577d 1px,#302f4000 100%);
}

.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
  background-color: #58577d;
  color: #fff;
  background-color: linear-gradient(to bottom,rgba(167,215,249,0) 0,#0000006e 100%);
}

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
  background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#a7d7f900 100%);
}

.vector-menu-tabs li a {color: #c2d3f0; text-decoration: none;}
.vector-menu-tabs li a:hover {color: #fff; text-decoration: none;}
.vector-menu-tabs li a:visited {color: #c2d3f0; text-decoration: none;}
.vector-menu-tabs li a:active {color: #fff; text-decoration: none;}

.vector-menu-tabs .new a {color: #ffabab; text-decoration: none;}
.vector-menu-tabs .new a:hover {color: #FFD3D3; text-decoration: underline dotted #FFD3D3;}
.vector-menu-tabs .new a:visited {color: #ffabab; text-decoration: none;}
.vector-menu-tabs .new a:active {color: #fff; text-decoration: underline dotted #fff;}

/* Category Box */

#catlinks {
 background-color: #3b3a53;
}

/* Page History */

#pagehistory li.selected {
  background-color: #474666;
  color: #e8eff7;
}

.mw-plusminus-pos {
  color: #1cf41c;
}

.mw-plusminus-neg {
  color: #ffc6c6;
}

/* Search Box */

#searchInput {
  background-color: #231937;
  color: #fff;
}

/* Pre/Code */

pre, .mw-code {
  color: #fff;
  background-color: #152b48;
}