MediaWiki:Common.css

From Songs of Syx Wiki
Revision as of 02:06, 13 May 2021 by Zippy (talk | contribs)
Jump to navigation Jump to search

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;
}

/* 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,rgba(75, 74, 104, 0.64) 70%,transparent);
  padding: 3.5px;
}

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

.toctogglelabel {
  color: #cdccd7;
}

.tocnumber {
  color: #fff;
}

/* Wikitables */

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

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

.wikitable > * > 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%);
} */

/* .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;
}