MediaWiki:Vector.css

From The Infosphere, the Futurama Wiki
Revision as of 06:22, 30 April 2017 by Quolnok (talk | contribs)
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

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/e/e6/The_Infosphere_Background-3.png) no-repeat #13202e;
}

/* no background for these */
#mw-page-base, #mw-head, #mw-head-base, #footer, code {
  background: none !important;
}

/* set content background (needs overwriting) */
#content {
  background: #13202e !important;
}

.mw-warning {
  background: #091017;
}

#siteNotice, #mw-dismissable-notice, 
#content table {
  background: #13202e;
}

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

#footer-info-lastmod, #footer-info-copyright,
#footer-info-viewcount, #footer-info-trackers {
  color: #a3a3a3 !important;
}

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

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

/* Affiliates */

#p-affiliates li {
  clear: left;
  text-align: center;
}

#p-affiliates-list a {
  display: block;
  width: 31px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 0px;
  padding-top: 88px;
  float: left;
  margin-right: 3px;
}

#p-affiliates a:hover {
  background-position: -31px 0;
}

/* Copyright/poweredby icon */

#footer-icons-copyrightico a,
#footer-icons-poweredbyico a {
  display: block !important;
  width: 88px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 0px;
  padding-top: 31px;
  float: left;  
}

#footer-icons-copyrightico a:hover,
#footer-icons-poweredbyico a:hover {
  background-position: 0 -31px;
}

/* Tabs */

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

.vectorMenu .menu ul {
  background: #13202e;
  border: 1px solid #73abe6;
}

.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, .vectorMenu .menu 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 */
#canon-notice-text a
{
    color:yellow !important;
}

#content a, #p-personal a, #footer a, .templateMenuLink { color: #2d80f2 !important }
#content a:visited, #p-personal a:visited, #footer a:visited, .templateMenuLink:visited { color: #297db8 !important; }
#content a.new, #p-personal a.new { color: #c40000 !important; }
#content a.new:visited, #p-personal a.new:visited { color : #dd3131 !important; }
#content a.external, #content a.extiw { color: #2d90ae !important; }
#content a.external:visited, #content a.extiw:visited { color: #2d7d85 !important; }

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

ul.quotes div.poem {
  display: list-item;
  padding-bottom: 3px;
}

.gallery {
  background: #222f3e !important;
  border-color: #73abe6 !important;
}
.gallery td {
  vertical-align: top;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}
.gallery .thumb {
  border-color: #13202e !important;
  margin: 0 !important;
  background: none !important;
}
.gallerybox {
  margin: 2px;
  padding: 0 3px;
  background: none !important;
}

#firstHeading {
  margin-bottom: 0 !important;
}
#siteSub {
  display: block;
  font-size: 9px;
  font-weight: normal;
  font-style: italic;
  margin: 0 0 0 15px !important;
  padding: 0 !important;
}

#mw-history-compare .selected {
  background:#222f3e!important;
  border-color: #73abe6 !important;
}

/* tables */
table.overview, table.wikitable,
table.suboverview, table.listfiles,
table.TablePager, table.mw_metadata {
  background: #73abe6 !important;  
}
table.overview {
  width: 100%;
}
table.overview td, table.wikitable td,
table.suboverview td, table.listfiles td,
table.TablePager td, table.mw_metadata td {
  background: #222f3e !important;
}
table.overview th, table.wikitable th,
table.suboverview th, table.listfiles th,
table.TablePager th, table.mw_metadata th {
  background: #13202e !important;
}
.overview tr.oCentre td, .overview .oCentre, 
.suboverview tr.oCentre td, .suboverview .oCentre {
  text-align: center;
}
 
.overview tr.oLeft td, .overview .oLeft, .suboverview tr.oLeft td, .suboverview .oLeft {
  text-align: left !important;
}
 
.overview tr.oRight td, .overview .oRight, .suboverview tr.oRight td, .suboverview .oRight {
  text-align: right !important;
}
 
.overview tr.oTop td, .overview .oTop, .suboverview tr.oTop td, .suboverview .oTop {
  vertical-align: top;
}

.overviewNo {
  background-color: #a00;
  font-weight: bold;
}

.overviewYes {
  background-color: #0a0;
  font-weight: bold;
}

/* references */

ol.references li:target,
sup.reference:target
{
  background: #222f3e;
  border: 1px solid #73abe6;
  padding: 1px 2px;
}

/* main page */

.page-Main_Page #firstHeading {
  display: none;
}

.mainLeftBox {
  background-repeat: no-repeat;
  background-position: bottom right;
  border-color: #f42000 !important;
  background-color: #271620 !important;
  color: #ffffff !important;
  background-image:url(/images/d/d6/VectorMainLeftFry.png);
}
.mainLeftBox hr {
  background-color: #f42000 !important;
}
.mainRightBox {
  background-repeat: no-repeat;
  background-position: bottom right;
  border-color: #0a2cbf !important;
  background-color: #151b22 !important;
  color: #ffffff !important;
  background-image:url(/images/b/b5/VectorMainRightBender.png);
}
.mainRightBox hr {
  background-color: #0a2cbf !important;
}
.mainBottomBox {
  background-repeat: no-repeat;
  background-position: bottom center;
  border-color: #58e50c !important;
  background-color: #0d3620 !important;
  color: #ffffff !important;
  background-image:url(/images/e/ee/VectorMainBottomToad.png);
}
.mainDonateBox {
  border-color: #e5dd05 !important;
  background: #2e331e !important;
  color: #ffffff !important;
}

/* message box */

.message-box {
  width: 60%;
  margin: 0 auto;
  color: #000000 !important;
  background: #fff !important;
  border: 1px solid;
  border-left-width: 15px;
}

.message-box-small {
  margin: 0 !important;
  width: 400px !important;
  border-left-width: 10px !important;
  font-size: 80%;
}

.message-box-image {
  width: 60px;
  text-align: center;
}

.message-box-small .message-box-image {
  width: 40px !important;
}

.message-box-text {
  text-align: center;
}

.message-box-header {
  font-weight: bold;
}

.message-box-notice {
  border-color: #2369ea;
}

.message-box-warning {
  border-color: #e4ba00;
}

.message-box-alert {
  border-color: #ea1111;
}

/* special pages */

#powersearch div, #powersearch fieldset,
#powersearch table
{
  background: #222f3e !important;
  border-color: #73abe6 !important;
}

.mw-specialpagesgroup, .not-patrolled {
  background: #222f3e !important;
}

.allpagesredirect {
  font-style: italic;
}

/* preferences */

#preftoc, #preftoc li {
  background-image: none !important;
}

#preftoc .selected {
  background: #73abe6;
  border-bottom-color: #222f3e;
}

#preftoc .selected a {
  color: #101020 !important;
  background: none !important;
}

#preferences {
  background: #222f3e !important;
}

#preferences, #preferences fieldset { 
  border-color:#73abe6 !important;
}

#preferences legend,
.htmlform-tip {
  color: #a3b173 !important;
}

/* diff */
.diff {
  background: #222f3e !important;
}
.diff .diff-otitle, .diff .diff-ntitle,
.diff-context, .diff-context div {
  background: #13202e !important; 
}
.diff-addedline {
  background: #258508 !important;
}
.diff-deletedline {
  background: #d26c08 !important;
}
.diff del, .diff ins {
  color: #ebff0c;
  border: 1px dotted #ebff0c;
}
.diff ins { background: #2b9b09 !important; }
.diff del { background: #de7208 !important; }

/* navigation */

.navigation {
  width: 100%;
  background: #222f3e !important;
  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 !important;
}
.navigationbottom p {
  display: none;
}

.navLeft {
  text-align: left;
  width: 25%;
}
.navRight {
  text-align: right;
  width: 25%;
}
.navCentre {
  text-align: center;
  width: 50%;
}

/* infobox */

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

.infobox tr.even {
  background: #13202e;
}

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

.infobox th {
  text-align: right;
}

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

.infoboxHeader, .infoboxTitle {
  background: #13202e;
  border: 1px solid #73abe6;
  border-width: 3px 0px;
  text-align: center !important;
}

.infoboxHeader {
  font-size: 115%;
}

.infoboxTitle {
  font-size: 130%;
}

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

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

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

.infobox .image-caption {
  font-size: 80% !important;
}

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

.infoboxPartipants {
  font-size: 90%;
}
.infoboxPartipants dt {
  text-align: left;
}
.infoboxPartipants dd {
  text-align: right;
}

.allpagesredirect {
  font-size: 90%;
}

/* 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: -25px;
  background: url(/images/d/df/Progress-bar.png) no-repeat;
  width: 200px;
  height: 25px;
}

/* For template documentation */
 
.template-documentation {
    clear: both;
    margin: 1em 0 0 0;
    border: 1px solid #262; 
    background-color: #032; 
    padding: 5px;
}
 
.fake-h2 {
    color: inherit;
    background: none;
    font-weight: normal;
    margin: 0;
    padding-top: .5em;
    padding-bottom: .17em;
    border-bottom: 1px solid #262;
    font-size:150%;
}

.editOptions
{
    background-color: #04323F;
}