MediaWiki:Vector.css

From The Infosphere, the Futurama Wiki
Revision as of 16:41, 2 August 2009 by Svip (talk | contribs) (Fresh.)
Jump to navigation Jump to search

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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
body {
  background: url(/images/d/d9/The_Infosphere_Background-2.png) no-repeat #13202e;
}

#page-base, #head, #head-base, #foot {
  background: none !important;
}

/* set content background */
#content, #siteNotice, #mw-dismissable-notice {
  background: #13202e;
}

/* change font colour to white */
#content, #siteNotice, #mw-dismissable-notice,
h1, h2, h3, h4, h5, h6, label, table {
  color: #ffffff;
}

#content {
  border: 1px solid #73abe6;
  border-right: none;
}

.icon div {
  display: inline !important;
}

/* Sidebar */
.portal h5 {
  color: #aadd00 !important;
  background: none !important;
  font-weight: bold;
}

.portal .body {
  background: none !important;
  border-top: 1px solid #73abe6 !important;
}

.portal li a { color: #ffdd00 !important; }
.portal li a:hover { color: #ffee00 !important; }
.portal li a:visited { color: #dd9900 !important; }

#n-Commentaries, #n-Transcripts {
  padding-left: 15px !important;
}

/* Tabs */

.vectorTabs {
  background: none !important;
  border-left: 1px solid #73abe6 !important;
  padding: 0 !important;
}

.vectorTabs li, .vectorMenu h5 a {
  border: none;
  background: none !important;
  border-right: 1px solid #73abe6 !important;
}

.vectorTabs li, .vectorTabs li span, .vectorTabs li a {
  background: none !important;
}

.vectorTabs li span, .vectorTabs li a { color: #ffaa00 !important; }
.vectorTabs li.selected span, .vectorTabs li.selected a { color: #c1c1c1 !important; font-weight: bold; }
.vectorTabs li.selected { border-bottom: 1px solid #13202e; }
.vectorTabs li.new span, .vectorTabs li.new a { color: #f14a30 !important; }

/* general content */

#content a, #p-personal a { color: #1663f2; }
#content a:visited, #p-personal a:visited { color: #0645ad; }
#content a.new, #p-personal a.new { color: #c40000; }
#content a.new:visited, #p-personal a.new:visited { color : #dd3131; }

.thumb {
  border-color: #13202e !important;
}

.thumbinner {
  background: #13202e !important;
  border: 1px solid #73abe6 !important;
}

.thumbinner img {
  border-color: #73abe6;
}

#toc, .catlinks {
  border-color: #73abe6;
  background: #222f3e;
}

table.overview, table.wikitable {
  background: #73abe6;  
}
table.overview td, table.wikitable td {
  background: #222f3e;
}
table.overview th, table.wikitable th {
  background: #13202e;
}

/* navigation */

.navigation {
  width: 100%;
  background: #222f3e;
  border: 1px solid #73abe6;
  margin-top: 6px;
}
.navigation .navigation {
  border: none !important;
}
.navigation.top {
  margin-top: 0px !important;
}
.navigation.topbottom {
  margin-bottom: 10px;
}
.navigation .styling th {
  background: #13202e;
}
.navigationbottom p {
  display: none;
}

.navLeft {
  text-align: left;
}
.navRight {
  text-align: right;
}
.navCentre {
  text-align: center;
}

/* infobox */

.infobox {
  width: 240px;
  float: right;
  border: 1px solid #73abe6;
  padding: 5px;
  margin-left: 15px;
  background: #13202e;
}

.infobox tr.odd {
  background: #092c41;
}

.infobox th {
  text-align: right;
}

.infobox th, .infobox td {
  vertical-align: top;
}

.infoboxHeader {
  background: #075683;
  text-align: center !important;
  font-size: 125%;
}

.infoboxTitle {
  background: #075683;
  text-align: center !important;
  font-size: 150%;
}

.infoboxLeft {
  text-align: left !important;
}

.infoboxRight {
  text-align: right !important;
}

.infoboxCentre {
  text-align: center !important;
}

.infoboxSeasonList {
  font-size: 85%;
  text-align: left !important;
}

/* Donation Notice */
.donation-notice {
    border: 1px solid #acebf9;
    font-size: 80%;
    width: 95%;
    padding: 2px 15px !important;
  background: #ffffff;
  color: #000000;
}

.donation-progress {
  display: inline;
  float: right;
}
 
.donation-progress-indicator {
  width: 1px;
  height: 25px;
  background: #0055aa;
}
 
.donation-progress-bar {
  position: relative;
  top: -34px;
  background: url(/images/d/df/Progress-bar.png) no-repeat;
  width: 200px;
  height: 25px;
}