Difference between revisions of "MediaWiki:Monobook.css"
Jump to navigation
Jump to search
m (Try that too...) |
Crazybobbles (talk | contribs) m (Reverted edits by Crazybobbles (talk) to last revision by Tene) |
||
(33 intermediate revisions by 2 users not shown) | |||
Line 26: | Line 26: | ||
div#p-Navigation { | div#p-Navigation { | ||
padding-top: 1em | 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 */ | /* Links and make guillemet thingies look like links */ | ||
a, ul.col *.gu { | a, ul.col *.gu { | ||
color: # | color: #7FD3DE; | ||
} | } | ||
a.external { | a.external { | ||
color: # | color: #7FD3DE !important; | ||
} | } | ||
a:visited, ul.col:hover *.gu { | a:visited, ul.col:hover *.gu { | ||
color: # | color: #61A1AA; | ||
} | } | ||
Line 53: | Line 59: | ||
h1 { | h1 { | ||
border-bottom: 2px dotted # | border-bottom: 2px dotted #DDD; | ||
} | } | ||
h1, h2, h3, h4, h5 { | h1, h2, h3, h4, h5 { | ||
color: # | color: #FFF; | ||
} | } | ||
pre { | pre { | ||
background-color: # | background-color: #101010; | ||
border-color: #AAA; | |||
color: #CCC; | |||
} | } | ||
table, body, h3#siteSub { | table, body, h3#siteSub { | ||
color: # | color: #CCC; | ||
} | } | ||
Line 81: | Line 89: | ||
th { | th { | ||
background: # | background: #FFF; | ||
color: #333; | color: #333; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
Line 117: | Line 125: | ||
-moz-border-radius-topright: 1em; | -moz-border-radius-topright: 1em; | ||
-webkit-border-top-right-radius: 1em; | -webkit-border-top-right-radius: 1em; | ||
border-top-right-radius: 1em; | |||
} | } | ||
Line 122: | Line 131: | ||
-moz-border-radius-bottomright: .5em; | -moz-border-radius-bottomright: .5em; | ||
-webkit-border-bottom-right-radius: .5em; | -webkit-border-bottom-right-radius: .5em; | ||
border-bottom-right-radius: .5em; | |||
} | } | ||
Line 129: | Line 139: | ||
-moz-border-radius: .5em 0 0 .5em; | -moz-border-radius: .5em 0 0 .5em; | ||
-webkit-border-top-left-radius: .5em; | -webkit-border-top-left-radius: .5em; | ||
border-radius: .5em 0 0 .5em; | |||
} | } | ||
table.gigindex { | table.gigindex { | ||
border: 1px # | border: 1px #CCC solid; | ||
font-size: .95em; | font-size: .95em; | ||
margin: 1em 1em 1em 0; | margin: 1em 1em 1em 0; | ||
-khtml-border-radius: .5em; | -khtml-border-radius: .5em; | ||
-moz-border-radius: .5em; | -moz-border-radius: .5em; | ||
border-radius: .5em; | |||
} | } | ||
Line 145: | Line 157: | ||
display: block; | display: block; | ||
font-weight: bold; | font-weight: bold; | ||
margin: 0 10% | margin: 0 10% .5em 10%; | ||
padding: .5em; | padding: .5em; | ||
text-align: center; | text-align: center; | ||
Line 151: | Line 163: | ||
-moz-border-radius: .5em; | -moz-border-radius: .5em; | ||
-khtml-border-radius: .5em; | -khtml-border-radius: .5em; | ||
border-radius: .5em; | |||
} | |||
.colourbox a { | |||
color: #000; | |||
} | } | ||
.bluebackbox { | .bluebackbox { | ||
background: # | background: #AAF; | ||
border: .5em # | border: .5em #AAF solid; | ||
background: -webkit-gradient(linear, left bottom, right top, from(# | background: -webkit-gradient(linear, left bottom, right top, from(#AAF), to(#AAF), color-stop(.7, #7474AF), color-stop(.7, #7474AF)); | ||
} | } | ||
.greenbackbox { | .greenbackbox { | ||
background: # | background: #AFA; | ||
border: .5em # | border: .5em #AFA solid; | ||
background: -webkit-gradient(linear, left bottom, right top, from(# | background: -webkit-gradient(linear, left bottom, right top, from(#AFA), to(#AFA), color-stop(.7, #74AF74), color-stop(.7, #74AF74)); | ||
} | } | ||
.redbackbox { | .redbackbox { | ||
background: # | background: #FAA; | ||
border: .5em # | border: .5em #FAA solid; | ||
background: -webkit-gradient(linear, left bottom, right top, from(# | 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 { | div#p-logo a { | ||
background | background: none !important; | ||
} | } | ||
Line 211: | Line 232: | ||
div#content { | div#content { | ||
background: #222; | background: #222; | ||
color: # | color: #CCC; | ||
} | } | ||
Line 251: | Line 272: | ||
#p-cactions li a { | #p-cactions li a { | ||
background: transparent !important; | background: transparent !important; | ||
color: # | color: #BCBCBC !important; | ||
font-size: 1.2em !important; | font-size: 1.2em !important; | ||
text-transform: uppercase !important; | text-transform: uppercase !important; | ||
Line 257: | Line 278: | ||
#p-cactions li a:hover, #p-personal li a:hover { | #p-cactions li a:hover, #p-personal li a:hover { | ||
color: # | color: #FFF !important; | ||
} | } | ||
#p-personal li a { | #p-personal li a { | ||
background: transparent !important; | background: transparent !important; | ||
color: # | color: #BCBCBC; | ||
font-size: 1.1em; | font-size: 1.1em; | ||
} | } | ||
Line 271: | Line 292: | ||
.pBody a { | .pBody a { | ||
color: # | color: #FFF; | ||
} | } | ||
Line 285: | Line 306: | ||
.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; | ||
} | } | ||
Line 299: | Line 320: | ||
-webkit-border-radius: .5em; | -webkit-border-radius: .5em; | ||
-moz-border-radius: .5em; | -moz-border-radius: .5em; | ||
border-radius: .5em; | |||
} | } | ||
Line 312: | Line 334: | ||
div.thumbinner { | div.thumbinner { | ||
background: # | background: #CCC; | ||
} | } | ||
Line 355: | Line 377: | ||
td#museNew { | td#museNew { | ||
border: 1px solid # | border: 1px solid #CCC; | ||
width: 55%; | width: 55%; | ||
} | } | ||
Line 365: | Line 387: | ||
#museNew .frontth h2 { | #museNew .frontth h2 { | ||
background: # | background: #CCC; | ||
color: #000; | color: #000; | ||
-moz-border-radius: 0 0 1em 0; | -moz-border-radius: 0 0 1em 0; | ||
border-radius: 0 0 1em 0; | |||
} | } | ||
Line 375: | Line 398: | ||
border-right: 1px solid #101010; | border-right: 1px solid #101010; | ||
-moz-border-radius: 0 1em 1em 0; | -moz-border-radius: 0 1em 1em 0; | ||
border-radius: 0 1em 1em 0; | |||
} | } | ||
#museGigs #right1 { | #museGigs #right1 { | ||
-moz-border-radius:0 0 1em 0 !important; | -moz-border-radius:0 0 1em 0 !important; | ||
border-radius:0 0 1em 0 !important; | |||
} | } | ||
Line 385: | Line 410: | ||
table.discobox, .gearbox, .gigbox, .memberbox, .songbox, .vidbox { | 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; | |||
} | } | ||
table.discobox th.head, .gearbox .head, .gigbox .head, .memberbox .head, .songbox .head, .vidbox .head { | table.discobox th.head, .gearbox .head, .gigbox .head, .memberbox .head, .songbox .head, .vidbox .head { | ||
-moz-border-radius: .5em .5em 0 0; | -moz-border-radius: .5em .5em 0 0; | ||
border-radius: .5em .5em 0 0; | |||
} | } | ||
Line 397: | Line 424: | ||
table.songbox tr.even { | table.songbox tr.even { | ||
background: # | background: #6F7780; | ||
} | } | ||
Line 403: | Line 430: | ||
table.memberbox tr.even { | table.memberbox tr.even { | ||
background: # | background: #B0C4DE; | ||
color: #404040; | color: #404040; | ||
} | } | ||
Line 441: | Line 468: | ||
table.generictable { | table.generictable { | ||
border: 1px # | border: 1px #CCC solid; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
margin: 1em 1em 1em 0; | margin: 1em 1em 1em 0; | ||
Line 467: | Line 494: | ||
.bot, .minor, .newpage, .unpatrolled { | .bot, .minor, .newpage, .unpatrolled { | ||
border-color: # | border-color: #CCC; | ||
color: # | color: #CCC; | ||
} | } | ||
.unpatrolled { | .unpatrolled { | ||
color: # | color: #A52A19 !important; | ||
} | } | ||
Line 485: | Line 512: | ||
td.mw-enhanced-rc img { | td.mw-enhanced-rc img { | ||
display: none; | 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; | |||
} | } | ||
Line 492: | Line 525: | ||
*/ | */ | ||
div#p-cactions div { | |||
border: 0 | 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; }