Difference between revisions of "MediaWiki:Vector.css"

From lex-wiki
Jump to navigation Jump to search
(Test)
Line 1: Line 1:
/* CSS placed here will affect users of the Vector skin */
/* 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 */
#t-specialpages { display: none; }


.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 {
li.gallerybox {
  text-align: left;
    background-color: transparent;
  width: 25%;
    border: 0px solid #36372e;
}
    display: -moz-inline-box;
.navRight {
    vertical-align: top;
  text-align: right;
  width: 25%;
}
.navCentre {
  text-align: center;
  width: 50%;
}
}


/* infobox */
li.gallerybox div.thumb {
    border: 0px solid #36372e;
    background-color: transparent;


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


.infobox tr.even {
div.thumb {
  background: #13202e;
    background-color: transparent;
    border-color: transparent;
}
}


.infobox tr.odd {
div.thumbinner {
  background: #092c41;
    background-color: #transparent;
    border: 1px solid #transparent;
}
}


.infobox th {
#footer-icon-poweredby { display: none; }
  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%;
}

Revision as of 13:47, 26 April 2013

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


#t-specialpages { display: none; }


li.gallerybox {
    background-color: transparent;
    border: 0px solid #36372e;
    display: -moz-inline-box;
    vertical-align: top;
}

li.gallerybox div.thumb {
    border: 0px solid #36372e;
    background-color: transparent;

}

div.thumb {
    background-color: transparent;
    border-color: transparent;
}

div.thumbinner {
    background-color: #transparent;
    border: 1px solid #transparent;
}

#footer-icon-poweredby { display: none; }