Difference between revisions of "MediaWiki:Vector.css"

Revision as of 14:41, 26 April 2013

/* CSS placed here will affect users of the Vector skin */

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

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