Difference between revisions of "MediaWiki:Vector.css"

Revision as of 15:31, 31 July 2009

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

body {
  background: url(/images/d/d9/The_Infosphere_Background-2.png) no-repeat #13202e;
}

#page-base {
  background: transparent !important;
}

#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 {
  color: #ffffff;
}

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

.icon div {
  display: inline !important;
}

/* Tabs */

.vectorTabs li {
  border: none;
  border-right: 1px solid #acebf9 !important;
}

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

.vectorTabs #namespaces, .vectorTabs #views {
  border-left: 1px solid #acebf9 !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; }

/* infobox */

.infobox {
  width: 240px;
  float: right;
  border: 1px solid #acebf9;
  padding: 5px;
  margin-left: 15px;
}

.infobox tr.odd {
  background: #e5faff;
}

.infobox th {
  text-align: right;
}

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

.infoboxHeader {
  text-align: center !important;
  font-size: 150%;
}

.infoboxTitle {
  text-align: center !important;
  font-size: 175%;
}

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

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

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

.infoboxSeasonList {
  font-size: 90%;
  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;
}