Difference between revisions of "MediaWiki:Monobook.css"
Jump to navigation
Jump to search
m |
Crazybobbles (talk | contribs) m (Reverted edits by Crazybobbles (talk) to last revision by Tene) |
||
(263 intermediate revisions by 2 users not shown) | |||
Line 4: | Line 4: | ||
/* edit this file to customize the monobook skin for the entire site */ | /* edit this file to customize the monobook skin for the entire site */ | ||
a { | |||
color: # | /* 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: # | 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 { | |||
color:# | background-color: #101010; | ||
border- | border-color: #AAA; | ||
color: #CCC; | |||
} | } | ||
h3#siteSub { | table, body, h3#siteSub { | ||
color: #CCC; | |||
color:# | |||
} | } | ||
# | 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: | background: transparent !important; | ||
} | } | ||
table. | table.gallery td { | ||
border: transparent | |||
} | } | ||
th { | |||
background: #FFF; | |||
color: #333; | |||
text-transform: uppercase; | |||
} | |||
div. | div#userloginForm form, div#userlogin, ul#filetoc, table#mw_metadata, table.gigindex { | ||
background: #101010; | |||
} | } | ||
div | 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 | div.portlet > h5 { | ||
-moz-border-radius: | -moz-border-radius-topright: 1em; | ||
-webkit-border- | -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: # | 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: # | color: #000; | ||
} | } | ||
.bluebackbox { | |||
background: # | 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 | 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 { | #allmessagestable tr.def { | ||
background: # | background: #333 !important; | ||
} | } | ||
#allmessagestable tr.orig { | #allmessagestable tr.orig { | ||
background: # | background: #933 !important; | ||
} | } | ||
#allmessagestable tr.new { | #allmessagestable tr.new { | ||
background: # | background: #393 !important; | ||
} | } | ||
#content { | |||
div#content { | |||
background: #222; | |||
# | color: #CCC; | ||
} | } | ||
div.portlet > h5 { | div.portlet > h5 { | ||
background: none | background: none; | ||
text-transform: uppercase | text-transform: uppercase; | ||
} | } | ||
.portlet ul { | .portlet ul { | ||
font-size: 1em | font-size: 1em; | ||
list-style- | list-style-image: none; | ||
list-style- | list-style-type: none; | ||
margin: | margin: .3em 0 0 .3em; | ||
} | } | ||
.generated-sidebar .pBody,.portlet .pBody { | .generated-sidebar .pBody,.portlet .pBody { | ||
background: #212121 !important; | background: #212121 !important; | ||
opacity: | 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; | |||
} | } | ||
#p-cactions .pBody,#p-personal .pBody { | |||
#column-one, #p-personal,#p-cactions, #p-cactions .pBody, #p-personal .pBody { | |||
background: transparent !important; | background: transparent !important; | ||
} | } | ||
#p-cactions li { | #p-cactions li { | ||
background: transparent !important; | background: transparent !important; | ||
border: 0 !important; | border: 0 !important; | ||
} | } | ||
#p-cactions li a { | #p-cactions li a { | ||
color: # | background: transparent !important; | ||
color: #BCBCBC !important; | |||
font-size: 1.2em !important; | |||
text-transform: uppercase !important; | text-transform: uppercase !important; | ||
} | } | ||
#p-cactions li a:hover,#p-personal li a:hover { | |||
color: # | #p-cactions li a:hover, #p-personal li a:hover { | ||
color: #FFF !important; | |||
} | } | ||
#p-personal li a { | #p-personal li a { | ||
background: transparent !important; | background: transparent !important; | ||
color: #BCBCBC; | |||
font-size: 1.1em; | |||
} | } | ||
.pBody ul { | .pBody ul { | ||
list-style-type: none | list-style-type: none; | ||
} | } | ||
.pBody a { | .pBody a { | ||
color: # | color: #FFF; | ||
} | } | ||
.boxmenu td { | |||
font-size: .95em; | |||
width: 11%; | |||
} | } | ||
.boxmenu ul { | .boxmenu ul { | ||
list-style- | list-style-image: none; | ||
list-style- | list-style-type: none; | ||
} | } | ||
.boxmenu ul a { | .boxmenu ul a { | ||
color: # | color: #BCBCBC; | ||
text-transform: uppercase | text-transform: uppercase; | ||
} | } | ||
.boxmenu ul a:hover { | .boxmenu ul a:hover { | ||
color: # | color: #FFF !important; | ||
text-decoration: none !important; | text-decoration: none !important; | ||
} | } | ||
.catlinks { | .catlinks { | ||
background: #090909 | background: #090909; | ||
opacity: | opacity: .8 !important; | ||
-moz-border-radius: | -webkit-border-radius: .5em; | ||
-moz-border-radius: .5em; | |||
border-radius: .5em; | |||
} | } | ||
.mw-plusminus-pos { | .mw-plusminus-pos { | ||
color: #559722 !important; | color: #559722 !important; | ||
} | } | ||
background | div.thumb { | ||
border: 0; | |||
} | |||
/* less glaring */ | |||
div.thumbinner { | |||
background: #CCC; | |||
} | } | ||
color: # | /* Make thumbnail captions readable */ | ||
.thumbcaption { | |||
color: #222 | |||
} | } | ||
.thumbcaption a { | |||
color: #000 | |||
} | } | ||
table.toc { | |||
background: #101010 !important; | 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: # | background: #CCC; | ||
color: #000; | |||
-moz-border-radius: 0 0 1em 0; | |||
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; | |||
border-radius: 0 1em 1em 0; | |||
} | |||
#museGigs #right1 { | |||
-moz-border-radius:0 0 1em 0 !important; | |||
- | border-radius:0 0 1em 0 !important; | ||
} | } | ||
/* | /* common info-boxy things stuff */ | ||
.songbox { | table.discobox, .gearbox, .gigbox, .memberbox, .songbox, .vidbox { | ||
border: 1px # | border: 1px #AAA solid; | ||
-khtml-border-radius: .5em; | -khtml-border-radius: .5em; | ||
-moz-border-radius: .5em; | -moz-border-radius: .5em; | ||
border-radius: .5em; | |||
} | } | ||
.songbox .head { | table.discobox th.head, .gearbox .head, .gigbox .head, .memberbox .head, .songbox .head, .vidbox .head { | ||
-moz-border-radius: .5em .5em 0 0; | |||
border-radius: .5em .5em 0 0; | |||
} | } | ||
.songbox .even { | /* songbox magic */ | ||
background: # | |||
table.songbox tr.even { | |||
background: #6F7780; | |||
} | } | ||
/* memberbox magic */ | /* memberbox magic */ | ||
.memberbox { | table.memberbox tr.even { | ||
border: 1px # | 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 */ | ||
background: # | |||
li.not-patrolled { | |||
background-color: #000; | |||
} | } | ||
. | /* Hide missing image */ | ||
td.mw-enhanced-rc img { | |||
display: none; | |||
} | } | ||
. | /* Hide YTw SSL images */ | ||
background: | .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; | |||
} | } |
Latest revision as of 17:09, 10 April 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; 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)); } 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; 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; 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; border-radius: 0 1em 1em 0; } #museGigs #right1 { -moz-border-radius:0 0 1em 0 !important; 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; border-radius: .5em; } table.discobox th.head, .gearbox .head, .gigbox .head, .memberbox .head, .songbox .head, .vidbox .head { -moz-border-radius: .5em .5em 0 0; 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; }