Difference between revisions of "MediaWiki:Vector.css"

MuseWiki, wiki for the band Muse
Jump to navigation Jump to search
(Used Gastalt visual processing principles to make gigbox easier to read--that is, added horizontal borders. crazybobbles should have themed this by now....)
m (Yeah, terminating properties helps...)
Line 275: Line 275:
/ * Gigbox borders */
/ * Gigbox borders */
.gigbox td {
.gigbox td {
border-bottom: 1
border-bottom: 1;
border-top: 1
border-top: 1;
}
}



Revision as of 00:22, 26 May 2011

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

/*NB: Click on edit to read whilst retaining sanity*/


/* edit this file to customize the monobook skin for the entire site */


/* Use bullet character, not image, for unordered lists */

div#content ul li {
list-style-image: none;
list-style-type: disc;
}

/* But not for some ul */

table#toc ul li {
list-style-type: none;
}

/* Side-bar */
body{
background:black url('http://www.musewiki.org/skins/common/images/resistancebg2.jpg') no-repeat fixed;
}

div#p-logo {
background: url(http://www.musewiki.org/skins/common/images/musewikiLogo.png) no-repeat center center;
}

div#p-logo a {
background: none !important;
}

#mw-panel {
top:90px !important;
}

#p-logo{
top:-120px !important
}

#mw-panel div.portal div.body ul li {
font-size:0.8em;
}

#mw-panel div.portal div.body {
background: none repeat scroll 0 0 #000000;
margin: 0 0 0 20px;
opacity: 0.7;
padding: 10px 0 5px 10px;
}

#mw-panel div.portal h5 {
text-transform:uppercase;
font-size:1em;
padding:0 0.25em 0.25em 1.25em !important;
}

#mw-panel div.portal div.body ul li a, #mw-panel div.portal h5 {
color:#ffffff !important;
}

#mw-page-base {
margin-left:10em
}

/* Top nav */
#mw-page-base {
background:none !important;
height:65px !important;
}

#left-navigation {
top:40px !important
}

#left-navigation *{
background:none !important
}

#left-navigation div.vectorTabs a span {
padding-top:0.25em !important;
}

#right-navigation {
margin-top:25px !important;
background:#ffffff !important;
}

#p-namespaces a span{color:#ffffff !important}

#p-personal li a{color:#ffffff}

.page-MuseWiki #firstHeading{display:none}
/* Stop disc bullets from appearing on drop-downs */

ul.col li {
list-style-type: none !important;
}

/* Links and make guillemet thingies look like links */

a, ul.col *.gu {
color: #006699;
}

a:visited, ul.col:hover *.gu {
color: #666699;
}


a.external {
color: #006699 !important;
}

ul.col *.gu {
display: inline;
}


h1 {
border-bottom: 2px dotted #DDD;
}

h1, h2, h3, h4, h5 {
color: #333;
}

pre {
background-color: #eeeeee;
border-color: #AAA;
color: #333;
}

table, body, h3#siteSub {
color: #333;
}

table, td, .frontth, table.diff, table.diff div, table.diff td, div#preferences, div#userloginForm form table, table#mw_metadata td, table.gallery, table.gallery td {
background: transparent;
}

div#userlogin table, div#userlogin div.captcha {
background: transparent !important;
}

table.gallery td {
border: transparent
}

th {
background: #FFF;
color: #333;
text-transform: uppercase;
}

.portlet h5 {
font-size: 1.3em;
}

.portlet ul {
font-size: .97em;
}

#contentSub {
margin: 0;
}

/* Home page Feed images */
.MainPageBG li img {
float: right;
padding:0 0 10px 10px;
}

.MainPageBG .simplepie li {
clear: both !important;
}

#museNew .simplepie ul {
list-style: none !important;
margin:0;
}

#museNew .simplepie ul li{
list-style-type: none !important;
}

/* Right side bar */
#musetwitter h2{
background: url(http://a2.twimg.com/profile_images/1285340280/muse1_mini.jpg) no-repeat right 5px;
}

#wikitwitter h2{
background: url(http://a0.twimg.com/profile_images/359401915/theresistance_mini.jpg) no-repeat right 5px;
}

/* Curves are the new pr0n - sidebar */

div.portlet > h5 {
-moz-border-radius-topright: 1em;
-webkit-border-top-right-radius: 1em;
border-top-right-radius: 1em;
}

div.portlet > div.pBody {
-moz-border-radius-bottomright: .5em;
-webkit-border-bottom-right-radius: .5em;
border-bottom-right-radius: .5em;
}

/* ...and for the main box */

div#column-content > div#content {
-moz-border-radius: .5em 0 0 .5em;
-webkit-border-top-left-radius: .5em;
border-radius: .5em 0 0 .5em;
}

table.gigindex {
border: 1px #CCC solid;
font-size: .95em;
margin: 1em 1em 1em 0;
-khtml-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
}

/* template box styling */

.colourbox {
color: #000;
display: block;
font-weight: bold;
margin: 0 10% .5em 10%;
padding: .5em;
text-align: center;
width: 80%;
-moz-border-radius: .5em;
-khtml-border-radius: .5em;
border-radius: .5em;
}

.colourbox a {
color: #000;
}

.bluebackbox { 
background: #AAF;
border: .5em #AAF solid;
background: -webkit-gradient(linear, left bottom, right top, from(#AAF), to(#AAF), color-stop(.7, #7474AF), color-stop(.7, #7474AF));
}

.greenbackbox {
background: #AFA;
border: .5em #AFA solid;
background: -webkit-gradient(linear, left bottom, right top, from(#AFA), to(#AFA), color-stop(.7, #74AF74), color-stop(.7, #74AF74));
}

.redbackbox {
background: #FAA;
border: .5em #FAA solid;
background: -webkit-gradient(linear, left bottom, right top, from(#FAA), to(#FAA), color-stop(.7, #AF7474), color-stop(.7, #AF7474));
}


/* Gig table borders */
table.gigtable, table.gigtable th, table.gigtable tr, table.gigtable td {
border-left: 0 !important;
border-right: 0 !important;
padding-left: 0.5em !important;
padding-right: 0.5em !important;
}

/ * Gigbox borders */
.gigbox td {
border-bottom: 1;
border-top: 1;
}

/* hide YouTube link images within set-lists */
.ytube a {
background :none !important;
padding: 0 !important;
}

/* Footer */
#footer-icons{display:none}
#footer ul li {color:#cccccc}