Difference between revisions of "MediaWiki:Vector.css"

From The Infosphere, the Futurama Wiki
Jump to navigation Jump to search
(New development. Still not done - obviously.)
m (Fresh.)
Line 1: Line 1:
/* CSS placed here will affect users of the Vector skin */
body {
body {
   background: url(/images/d/d9/The_Infosphere_Background-2.png) no-repeat #13202e;
   background: url(/images/d/d9/The_Infosphere_Background-2.png) no-repeat #13202e;
}
}


#page-base {
#page-base, #head, #head-base, #foot {
  background: transparent !important;
}
 
#head-base, #foot {
   background: none !important;
   background: none !important;
}
}
Line 20: Line 14:
/* change font colour to white */
/* change font colour to white */
#content, #siteNotice, #mw-dismissable-notice,
#content, #siteNotice, #mw-dismissable-notice,
h1, h2, h3, h4, h5, h6 {
h1, h2, h3, h4, h5, h6, label, table {
   color: #ffffff;
   color: #ffffff;
}
}


#content {
#content {
   border: 1px solid #acebf9;
   border: 1px solid #73abe6;
   border-right: none;
   border-right: none;
}
}
Line 31: Line 25:
.icon div {
.icon div {
   display: inline !important;
   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 */
/* Tabs */


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


.vectorTabs li, .vectorTabs li span, .vectorTabs li a {
.vectorTabs li, .vectorTabs li span, .vectorTabs li a {
   background: none !important;
   background: none !important;
}
.vectorTabs #namespaces, .vectorTabs #views {
  border-left: 1px solid #acebf9 !important;
}
}


Line 52: Line 69:
.vectorTabs li.selected { border-bottom: 1px solid #13202e; }
.vectorTabs li.selected { border-bottom: 1px solid #13202e; }
.vectorTabs li.new span, .vectorTabs li.new a { color: #f14a30 !important; }
.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 */
Line 58: Line 144:
   width: 240px;
   width: 240px;
   float: right;
   float: right;
   border: 1px solid #acebf9;
   border: 1px solid #73abe6;
   padding: 5px;
   padding: 5px;
   margin-left: 15px;
   margin-left: 15px;
  background: #13202e;
}
}


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


Line 76: Line 163:


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


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


Line 98: Line 187:


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

Revision as of 16:41, 2 August 2009

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