Difference between revisions of "MediaWiki:Monobook.css"

Revision as of 00:08, 20 March 2011

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


/* Positioning of side-bar */

#column-one {
padding-top: 50px;
}

div#p-Navigation {
padding-top: 1em;
}


/* 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: #7FD3DE;
}

a.external {
color: #7FD3DE !important;
}

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

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

body {
background: #000 url(http://files.getdropbox.com/u/453678/musewikbg.jpg) no-repeat top left fixed;
}

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

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

pre {
background-color: #101010;
border-color: #AAA;
color: #CCC;
}

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

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

div#userloginForm form, div#userlogin, ul#filetoc, table#mw_metadata, table.gigindex {
background: #101010;
}

div#userlogin form {
background: #101010 !important;
}

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

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

h3#siteSub {
border: none;
display: inline;
font-size: x-small;
}

#contentSub {
margin: 0;
}

/* Curves are the new pr0n - sidebar */

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

div.portlet > div.pBody {
-moz-border-radius-bottomright: .5em;
-webkit-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;
}

table.gigindex {
border: 1px #CCC solid;
font-size: .95em;
margin: 1em 1em 1em 0;
-khtml-border-radius: .5em;
-moz-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;
}

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

div#p-logo {
background: url(http://files.getdropbox.com/u/453678/musewikiLogo.png) no-repeat center center;
}

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

h4.mw-specialpagesgroup {
background: #101010;
text-transform: uppercase;
}

.MainPageBG li img {
float: right;
}

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

#p-logo,#p-logo a {
height: 6.125em !important;
}

.firstHeading {
font-family: arial;
font-size: 2.2em;
}

#allmessagestable tr.def {
background: #333 !important;
}

#allmessagestable tr.orig {
background: #933 !important;
}

#allmessagestable tr.new {
background: #393 !important;
}

div#content {
background: #222;
color: #CCC;
}

div.portlet > h5 {
background: none;
text-transform: uppercase;
}

.portlet ul {
font-size: 1em;
list-style-image: none;
list-style-type: none;
margin: .3em 0 0 .3em;
}

.generated-sidebar .pBody,.portlet .pBody {
background: #212121 !important;
opacity: .8;
}

div.portlet div.pBody li {
padding-top: 0;
padding-bottom: 0;
}

div.portlet div.pBody:hover, div.portlet div.pBody input#searchinput:focus {
opacity: 1;
}

#column-one, #p-personal,#p-cactions, #p-cactions .pBody, #p-personal .pBody {
background: transparent !important;
}

#p-cactions li {
background: transparent !important;
border: 0 !important;
}

#p-cactions li a {
background: transparent !important;
color: #BCBCBC !important;
font-size: 1.2em !important;
text-transform: uppercase !important;
}

#p-cactions li a:hover, #p-personal li a:hover {
color: #FFF !important;
}

#p-personal li a {
background: transparent !important;
color: #BCBCBC;
font-size: 1.1em;
}

.pBody ul {
list-style-type: none;
}

.pBody a {
color: #FFF;
}

.boxmenu td {
font-size: .95em;
width: 11%;
}

.boxmenu ul {
list-style-image: none;
list-style-type: none;
}

.boxmenu ul a {
color: #BCBCBC;
text-transform: uppercase;
}

.boxmenu ul a:hover {
color: #FFF !important;
text-decoration: none !important;
}

.catlinks {
background: #090909;
opacity: .8 !important;
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
}

.mw-plusminus-pos {
color: #559722 !important;
}

div.thumb {
border: 0;
}

/* less glaring */

div.thumbinner {
background: #CCC;
}

/* Make thumbnail captions readable */

.thumbcaption {
color: #222
}

.thumbcaption a {
color: #000
}

table.toc {
background: #101010 !important;
}

div#footer {
background: #101010;
border: transparent;
opacity: .8;
}

div#footer img {
display: none;
}

/* Firefox and Webkit appear to render these wrong - the margin should align at -.05em. KHTML gets it right, but since there are more Firefox and Webkit users */

.frontth h2 {
font-size: 1.2em;
font-weight: bold;
margin: -.6em 0 0 -.6em;
padding: .2em .4em;
text-align: left;
-webkit-border-bottom-right-radius: 1em;
}

td#museNew, td#museGigs {
vertical-align: top;
}

td#museNew {
border: 1px solid #CCC;
width: 55%;
}

td#museGigs {
border: 1px solid #101010;
width: 45%;
}

#museNew .frontth h2 {
background: #CCC;
color: #000;
-moz-border-radius: 0 0 1em 0;
}

#museGigs .frontth h2 {
background: #101010;
border-bottom: 1px solid #101010;
border-right: 1px solid #101010;
-moz-border-radius: 0 1em 1em 0;
}

#museGigs #right1 {
-moz-border-radius:0 0 1em 0 !important;
}


/* common info-boxy things stuff */

table.discobox, .gearbox, .gigbox, .memberbox, .songbox, .vidbox  {
border: 1px #AAA solid;
-khtml-border-radius: .5em;
-moz-border-radius: .5em;
}

table.discobox th.head, .gearbox .head, .gigbox .head, .memberbox .head, .songbox .head, .vidbox .head {
-moz-border-radius: .5em .5em 0 0;
}

/* songbox magic */

table.songbox tr.even {
background: #6F7780;
}

/* memberbox magic */

table.memberbox tr.even {
background: #B0C4DE;
color: #404040;
}

/* gigbox magic */

table.gigbox tr.even {
background: #668066;
}

/* discobox magic */

table.albumbox tr.even {
background: #545;
}

table.singlebox tr.even {
background: #033;
}

table.EPbox tr.even {
background: #232;
}

/* vidbox magic */
table.vidbox tr.even {
background: #765353;
}

/* gear/guitarbox magic */

table.gearbox tr.even {
background: #668066;
}

/* Table template */

table.generictable {
border: 1px #CCC solid;
border-collapse: collapse;
margin: 1em 1em 1em 0;
}

/* Gigtable readability */

table.gigtable, table.gigtable th, table.gigtable tr, table.gigtable td {
border-left: 0 !important;
border-right: 0 !important;
}

/* Pricetable aesthetics */

table.pricetable {
border-collapse: collapse;
border-bottom: 1px solid;
}

table.pricetable td, table.pricetable th {
border-top: 1px solid !important;
}

/* Recent edits legend */

.bot, .minor, .newpage, .unpatrolled {
border-color: #CCC;
color: #CCC;
}

.unpatrolled {
color: #A52A19 !important;
}

/* New pages unpatrolled colour */

li.not-patrolled {
background-color: #000;
}

/* Hide missing image */

td.mw-enhanced-rc img {
display: none;
}

/* Hide YTw SSL images */
.ytube a.external {
background: url("skins/monobook/external.png") no-repeat scroll right center transparent !important;
padding: 0 13px 0 0 !important;
}

/*
* WebKit fixes
* - Border appears around p-actions
*/

div#p-cactions div {
border: 0;
}