MediaWiki:Common.css

Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

html {
  min-height: 100%;
}


h1, h2, h3, h4, h5, h6 {
  color: #bbb;
  font-weight: normal;
}
 
a {
  color: #cc0;
}
a:visited {
  color: #aa4;
}
a:hover {
  text-decoration: none;
  color: #ff0;
  border: solid 1px #cc0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: -1px;
}
 
a.new         { color: #d00 }
a.new:visited { color: #c44 }
a.new:hover   { color: #f44 }
 

 
div#content li { list-style: circle; }
 
#mw-panel {
  background: transparent;
}
 
#mw-page-base {
  background: transparent;
  height: 80px;
}
 
#mw-head-base {
  background: transparent;
  border: none;
  border-bottom: solid #c00 1px;
  margin-top: -80px;
  margin-left: 160px;
  height: 80px;
}
 
#left-navigation {
  top: 39px;
}
#right-navigation {
  float: right;
  margin-top: 39px;
}
 
div.vectorTabs {
  background: transparent;
  border: none;
}
 
div.vectorTabs ul { background: transparent; }
 
/* OVERRIDDEN BY COMPLIANT BROWSERS */
div.vectorTabs ul li {
  background: transparent;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
 
/* IGNORED BY IE6 */
div.vectorTabs ul > li {
  display: block;
}
 
div.vectorTabs li.selected {
  background: transparent;
  padding-bottom: none;
  margin-bottom: none;
}
 
/* OVERRIDDEN BY COMPLIANT BROWSERS */
div.vectorTabs li a {
  position: relative;
  top: 0.5em;
  display: inline-block;
  height: 1.5em;
  margin-top: 0.4em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  color: #cc0;
  background: #000;
  cursor: pointer;
  font-size: 0.8em;
  border: solid #a00 1px;
  margin-left: -1px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
/* IGNORED BY IE6 */
div.vectorTabs li > a {
  display: block;
}
 
div.vectorTabs li.icon a {
  background: #000;
}
 
/* OVERRIDDEN BY COMPLIANT BROWSERS */
div.vectorTabs span a  {
  display: inline-block;
  padding-top: 1.25em;
}
}
/* IGNORED BY IE6 */
/* @noflip */
div.vectorTabs span > a {
  float: left;
  display: block;
}
div.vectorTabs span {
  display: inline-block;
  background: transparent;
}
 
div.vectorTabs li.selected a {
  background: #000;
  color: #cc0;
  text-decoration: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
div.vectorTabs li.selected a:visited { color: #aa4 }
 
div.vectorTabs li.new a {
  color: #a55;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
 
div.vectorTabs li.new a:visited { color: #a55 }
 
div.vectorTabs li a:hover {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: solid #a00 1px;
  margin: inherit;
  margin-left: -1px;
  height: 1.9em;
}
 
div.vectorTabs li.selected a:hover {
 
}
 
#searchInput {
  -webkit-appearance: none;  
  -moz-appearance: none;  
  appearance: none;  
  background: #000;
  border: solid #a00 1px;
  color: #ccc;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
 
.searchButton {
  -webkit-appearance: none;  
  -moz-appearance: none;  
  appearance: none;  
  background: #000;
  border: outset #cc0 1px;
  color: #cc0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
 
form.createbox input {
  -webkit-appearance: none;  
  -moz-appearance: none;  
  appearance: none;  
  background: #000;
  border: solid #a00 1px;
  color: #ccc;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
 
form.createbox input:last-child {
  -webkit-appearance: none;  
  -moz-appearance: none;  
  appearance: none;  
  background: #000;
  border: outset #cc0 1px;
  color: #cc0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
 
div.vectorMenu li {
  background: #000;
  color: #ccc;
}
div.vectorMenu li a { color: #cc0 }
div.vectorMenu li a:visited { color: #aa4; }
div.vectorMenu li a:hover {
  text-decoration: none;
  color: #ff0;
  border: solid 1px #cc0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: -1px;
}
 
div.vectorMenu li.selected { 
  color: #ccc;
  border: none;
}
div.vectorMenu li.selected a { color: #cc0 }
div.vectorMenu li.selected a:visited { color: #aa4; }
div.vectorMenu li.selected a:hover {
  text-decoration: none;
  color: #ff0;
}
div.vectorMenu ul {
  background-color: #000;
  border: solid 1px #a00;
}
 
div.vectorMenu h5 a {
  background: transparent;
}
 
div#mw-panel div.portal h5 {
  color: #aaa;
}
 
#mw-panel.collapsible-nav .portal {
  background: transparent;
} 
div#mw-panel.collapsible-nav .portal.collapsed h5 a {
  color: #cc0;
}
 
div#mw-panel div {
  background: transparent;
}
div#mw-panel div.portal div.body ul li a {
  color: #cc0;
}
div#mw-panel div.portal div.body ul li a:visited {
  color: #aa4;
}
div#mw-panel div.portal div.body ul li a:hover {
  text-decoration: none;
  color: #ff0;
}
 
div#footer { 
  background: transparent; 
  border-top: solid #a00 1px;
  margin-left: 160px;
}
 
div#footer ul li {
  color: #bbb;
}
 
textarea {
  background: #400;
  color: #ccc;
  border: solid #a00 1px;
}
 
input#wpSummary {
  background: #400;
  color: #ccc;
  border: solid #a00 1px;
}
 
.catlinks {
  background: #000;
  border: solid #a00 1px;
  color: #bbb;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
 
#toc, .toc, .mw-warning {
  background: #000;
  color: #bbb;
  border: solid #a00 1px;
  list-style: none;
}
 
.collapseButton { float: right; margin-right: 0.5em; }
.collapseButton a { margin-left: 0.25em; margin-right: 0.25em; }
.collapseAllButton { margin-left: 0.25em; margin-right: 0.25em; }
 
.ooc {
  font-size: 70%;
  white-space: pre-line;
  margin-left: 2em;
  color: #9a9;
}
 
table.wikitable {
  background: #000;
  border-collapse: separate;
  border: solid #900 2px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 0px;
  margin: 2px;
}
 
table.wikitable th, table.sortable th {
  background: #990000 !Important; /* Old browsers */
  background: -moz-linear-gradient(top,  #990000 0%, #660000 100%) !Important; /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#990000), color-stop(100%,#660000)) !Important; /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #990000 0%,#660000 100%) !Important; /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #990000 0%,#660000 100%) !Important; /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #990000 0%,#660000 100%) !Important; /* IE10+ */
  background: linear-gradient(to bottom,  #990000 0%,#660000 100%) !Important; /* W3C */
  border: none  !Important;
  color: white;
  font-weight: bold;
  padding: 4px  !Important;
}
table.wikitable td, table.sortable td {
  border: none !Important;
  color: #bbb;
  padding: 2px !Important;
}
table.wikitable tr {
  margin-top: 2px;
}
table.wikitable tr:nth-child(even) td {
  background: #400;
}
table.wikitable tr:nth-child(odd) td {
  background: #000;
}
table.wikitable tr td:hover {
  background: #622;
}
 
pre, code, tt, kbd, samp, .mw-code {
  background: inherit;
  font-family: Lucida Console, Monaco, monospace;
  color: #bbb;
}
pre, .mw-code {
  border: solid 1px #a00;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
 
 
#pagehistory li {
  border: solid 1px rgba(0,0,0,0);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
 
#pagehistory li.selected {
  border: solid 1px #a00;
  background: inherit;
}
 
fieldset {
  border: solid 1px #a00;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
 
div.mw-warning-with-logexcerpt {
  border: solid 2px #a00;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
 
/* this thing is so useless */
ul#filetoc {
  display: none;
}
 
table.diff, td.diff-otitle, td.diff-ntitle {
  background: inherit;
}
 
td.diff-context {
  background: inherit;
  color: #bbb;
  border-style: none;
}
 
td .diffchange {
  color: #000;
}
 
div.thumbinner {
  background: inherit;
  border: solid #a00 1px;
}
 
.mw-search-formheader {
  border: solid #a00 1px;
  background: inherit;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
 
div#titleCard {
  background: black;
  background-image: url(/w/images/5/5d/Wcheader3.jpg);
  background-position: center;
  background-repeat: no-repeat;
  height: 350px;
  color: #fff;
  padding-left: 1em;
}
 
span.outline {
  text-shadow: 0px 0px 4px #000, 2px -2px 2px #000, -2px 2px 2px #000, -2px -2px 2px #000, 2px 2px 2px #000;
}
 
div#titleCard * {
  vertical-align: top;
}
 
div#titleCard span.title {
  font-family: 'Abril Fatface', serif;
  font-size: 64px;
}
 
div#titleCard span.subtitle{
  position: relative;
  top: 1em;
  padding-top: 1em;
  white-space: nowrap;
}
 
div#connectInfo {
  text-align: center;
  font-size: 24px;
  font-family: Lucida Console, Monaco, monospace;
  text-shadow: 0px 0px 4px #f00;
  padding: 5px;
  color: white;
  line-height: 1.5em;
}