Difference between revisions of "MediaWiki:Monobook.css"

MuseWiki, wiki for the band Muse
Jump to navigation Jump to search
m (I'm guessing the font is 1em in this id as well...)
m (Reverted edits by Tene (Talk) to last revision by Crazybobbles)
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 */


/* Links and make guillemet thingies look like links */
a {
 
a, ul.col *.gu {
color: #7fd3de;
color: #7fd3de;
}
}


a.external {
.firstHeading {
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;
color: #fff;
}
}


pre {
/* 3a85ea is "MuseWiki blue" */
background-color: #f0f0f0;
}
 
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;
}
 
table.gallery td {
border: transparent
}
 
th {
background: #fff;
color: #333;
text-transform: uppercase;
}
 
div#userloginForm form, ul#filetoc, table#mw_metadata, table.gigindex {
background: #101010;
}


.portlet h5 {
.portlet h5 {
Line 66: Line 20:
.portlet ul {
.portlet ul {
font-size: .97em;
font-size: .97em;
}
h1, h2, h3 {
color: #333;
border-bottom: 2px dotted #ddd;
}
}


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


#contentSub {
#contentSub {
margin: 0;
margin: 0;
}
tr.even {
background: #fff;
}
table.wikitable th, table.prettytable th {
background: #3a85ea url(skins/monobook/navBlueBack.gif) repeat scroll 0% 50%;
color: #fff;
}
}


Line 90: Line 59:
}
}


/* ...and for the main box */
/* now for the tabs */
 
div#p-cactions > div.pBody li {
-moz-border-radius: .5em .5em 0 0;
-webkit-border-top-right-radius: .5em;
}
 
/*Use something IE7 doesn't support otherwise it goofs up the tabs. CSS3 regex ftw*/
 
*|div#p-cactions div.pBody li a {
background: transparent;
}
 
/* ...and for the main box - tabs */


div#column-content > div#content {
div#column-content > div#content {
Line 97: Line 79:
}
}


table.gigindex {
/* make guillemet thingies look like links */
border: 1px #ccc solid;
 
font-size: .95em;
ul.col *.gu {
margin: 1em 1em 1em 0;
color: #7fd3de;
-khtml-border-radius: .5em;
display: inline;
-moz-border-radius: .5em;
}
}


/* template box styling */
ul.col:hover *.gu {
color: #8e6e95;
}


.colourbox {
/* make blue and red box links visible */
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;
}


.bluebackbox {  
.bluebackbox a, .redbackbox a {
background: #aaf;
color: #ddd !important;
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 {
.bluebackbox a:hover, .redbackbox a:hover {
background: #afa;
color: #fff !important;
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 {
body {
background: #faa;
background: #000000 url(http://files.getdropbox.com/u/453678/musewikbg.jpg) no-repeat top left fixed !important;
border: .5em #faa solid;
color: #cccccc !important;
background: -webkit-gradient(linear, left bottom, right top, from(#faa), to(#faa), color-stop(.7, #af7474), color-stop(.7, #af7474));
}
}


Line 142: Line 110:


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


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


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


#column-one {
#column-one {
padding-top: 6.875em !important;
padding-top: 110px !important;
}
}


.firstHeading {
.firstHeading {
font-family: arial;
font-family: arial !important;
font-size: 2.2em;
font-size: 220% !important;
}
h2,h3,h4,h5 {
color: #ffffff !important;
}
table {
color: #cccccc !important;
background: transparent !important;
}
th {
text-transform: uppercase !important;
background: #ffffff !important;
color: #333333 !important;
}
tr.even {
background: #222222 !important
}
td {
background: transparent !important;
}
}
#allmessagestable tr.def {
#allmessagestable tr.def {
background: #333 !important;
background: #222222 !important;
}
}
#allmessagestable tr.orig {
#allmessagestable tr.orig {
background: #933 !important;
background: #993333 !important;
}
}
#allmessagestable tr.new {
#allmessagestable tr.new {
background: #393 !important;
background: #339933 !important;
}
}
 
#content {
div#content {
color: #cccccc !important;
background: #222;
}
color: #ccc;
#column-one {
background: transparent !important;
}
}
div.portlet > h5 {
div.portlet > h5 {
background: none;
background: none !important;
text-transform: uppercase;
text-transform: uppercase !important;
}
}
.portlet ul {
.portlet ul {
font-size: 1em;
font-size: 1em !important;
list-style-image: none;
list-style-type: none !important;
list-style-type: none;
list-style-image: none !important;
margin: .3em 0 0 .3em;
margin: 0.3em 0 0 0.3em !important;
}
}
.generated-sidebar .pBody,.portlet .pBody {
.generated-sidebar .pBody,.portlet .pBody {
background: #212121 !important;
background: #212121 !important;
opacity: .8;
opacity: 0.8 !important;
}
}
 
#p-personal,#p-cactions {
div.portlet div.pBody li {
background: transparent !important;
padding-top: 0;
padding-bottom: 0;
}
}
 
#p-cactions .pBody,#p-personal .pBody {
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;
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: #BDBCBC !important;
text-transform: uppercase !important;
font-size: 1.2em !important;
background: transparent !important;
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 {
#p-cactions li a:hover, #p-personal li a:hover {
color: #ffffff !important;
color: #fff !important;
}
}
#p-personal li a {
#p-personal li a {
color: #BDBCBC !important;
font-size: 1.1em !important;
background: transparent !important;
background: transparent !important;
color: #bcbcbc;
font-size: 1.1em;
}
}
div#p-cactions > div.pBody li {
div#p-cactions > div.pBody li {
-moz-border-radius: 0.2em 0;
-moz-border-radius: 0.2em 0 !important;
}
}
.pBody ul {
.pBody ul {
list-style-type: none;
list-style-type: none !important;
}
}
.pBody a {
.pBody a {
color: #fff;
color: #ffffff !important;
}
}
 
div#content {
.boxmenu td {
background: #222222 !important
font-size:.95em;
width:11%;
}
}
.boxmenu ul {
.boxmenu ul {
list-style-image: none;
list-style-type: none !important;
list-style-type: none;
list-style-image: none !important;
}
}
.boxmenu ul a {
.boxmenu ul a {
color: #bcbcbc;
color: #BDBCBC !important;
text-transform: uppercase;
text-transform: uppercase !important;
}
}
.boxmenu ul a:hover {
.boxmenu ul a:hover {
color: #fff !important;
color: #FFFFFF !important;
text-decoration: none !important;
text-decoration: none !important;
}
}
.catlinks {
.catlinks {
background: #090909;
background: #090909 !important;
opacity: .8 !important;
opacity: 0.8 !important;
-webkit-border-radius: .5em;
-moz-border-radius: 0.5em !important;
-moz-border-radius: .5em;
}
}
.mw-plusminus-pos {
.mw-plusminus-pos {
color: #559722 !important;
color: #559722 !important;
}
}
 
pre {
background-color: #f0f0f0 !important
}
a {
color: #7fd3de !important;
}
div.thumb {
div.thumb {
border: 0;
border-color: #101010 !important;
}
#footer {
background: #101010 !important;
opacity: 0.8 !important;
}
}


/* less glaring */


div.thumbinner {
/* stuff common to all discoboxes ONLY */
background: #ccc;
}


/* Make thumbnail captions readable */
.discobox {
 
border: 1px #aaa solid;
.thumbcaption {
-khtml-border-radius: .5em;
color: #222
-moz-border-radius: .5em;
}
}


table.toc {
.discobox .head {
background: #101010 !important;
-moz-border-radius: .5em .5em 0 0 !important;
}
}


div#footer {
/* songbox magic */
background: #101010;
border: transparent;
opacity: 0.8;
}


div#footer img {
.songbox {
display: none;
border: 1px #aaa solid;
-khtml-border-radius: .5em;
-moz-border-radius: .5em;
}
}


/* 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 */
.songbox .head {
 
-moz-border-radius: .5em .5em 0 0 !important;
.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 {
.songbox .even {
vertical-align: top;
background: #6f7780 !important;
}
}


td#museNew {
/* memberbox magic */
border: 1px solid #ccc;
width: 55%;
}


td#museGigs {
.memberbox {
border: 1px solid #101010;
border: 1px #aaa solid;
width: 45%;
-khtml-border-radius: .5em;
-moz-border-radius: .5em;
}
}


#museNew .frontth h2 {
.memberbox .head {
background: #ccc;
text-align: center;
color: #000;
-moz-border-radius: .5em .5em 0 0 !important;
-moz-border-radius: 0 0 1em 0;
}


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


#museGigs #right1 {
.memberbox .even td {
-moz-border-radius:0 0 1em 0 !important;
background: #b0c4de !important;
}
}




/* common info-boxy things stuff */
/* gigbox magic */


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


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


/* songbox magic */
.gigbox .even {
background: #cfc !important;
}


table.songbox tr.even {
.gigbox .even td {
background: #6f7780;
background: #cfc !important;
}
}


/* memberbox magic */
.gigbox td.even {
 
background: #cfc !important;
table.memberbox tr.even {
background: #b0c4de;
color: #404040;
}
}


/* gigbox magic */
/* Discobox magic */


table.gigbox tr.even {
.albumbox .even {
background: #668066;
background: #545 !important; <!--remove important later... -->
}
}


/* discobox magic */
.albumbox .even td {
 
background: #545 !important; <!--remove important later... -->
table.albumbox tr.even {
background: #545;
}
}


table.singlebox tr.even {
.singlebox .even {
background: #033;
background: #033 !important; <!--remove important later... -->
}
}


table.EPbox tr.even {
.singlebox .even td {
background: #232;
background: #033 !important; <!--remove important later... -->
}
}


/* vidbox magic */
.EPbox .even {
table.vidbox tr.even {
background: #232 !important; <!--remove important later... -->
background: #765353;
}
}


/* gear/guitarbox magic */
.EPbox .even td {
table.gearbox tr.even {
background: #232 !important; <!--remove important later... -->
background: #668066;
}
}

Revision as of 22:32, 27 August 2009

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


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

a {
color: #7fd3de;
}

.firstHeading {
color: #fff;
}

/* 3a85ea is "MuseWiki blue" */

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

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

h1, h2, h3 {
color: #333;
border-bottom: 2px dotted #ddd;
}

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

#contentSub {
margin: 0;
}

tr.even {
background: #fff;
}

table.wikitable th, table.prettytable th {
background: #3a85ea url(skins/monobook/navBlueBack.gif) repeat scroll 0% 50%;
color: #fff;
}

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

/* now for the tabs */

div#p-cactions > div.pBody li {
-moz-border-radius: .5em .5em 0 0;
-webkit-border-top-right-radius: .5em;
}

/*Use something IE7 doesn't support otherwise it goofs up the tabs. CSS3 regex ftw*/

*|div#p-cactions div.pBody li a {
background: transparent;
}

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

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

/* make guillemet thingies look like links */

ul.col *.gu {
color: #7fd3de;
display: inline;
}

ul.col:hover *.gu {
color: #8e6e95;
}

/* make blue and red box links visible */

.bluebackbox a, .redbackbox a {
color: #ddd !important;
}

.bluebackbox a:hover, .redbackbox a:hover {
color: #fff !important;
}

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

div#p-logo a {
background-image: url(http://files.getdropbox.com/u/453678/musewikiLogo.png) !important;
}

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

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

#p-logo,#p-logo a,#p-logo a:hover {
height: 95px !important;
}

#column-one {
padding-top: 110px !important;
}

.firstHeading {
font-family: arial !important;
font-size: 220% !important;
}
h2,h3,h4,h5 {
color: #ffffff !important;
}
table {
color: #cccccc !important;
background: transparent !important;
}
th {
text-transform: uppercase !important;
background: #ffffff !important;
color: #333333 !important;
}
tr.even {
background: #222222 !important
}
td {
background: transparent !important;
}
#allmessagestable tr.def {
background: #222222 !important;
}
#allmessagestable tr.orig {
background: #993333 !important;
}
#allmessagestable tr.new {
background: #339933 !important;
}
#content {
color: #cccccc !important;
}
#column-one {
background: transparent !important;
}
div.portlet > h5 {
background: none !important;
text-transform: uppercase !important;
}
.portlet ul {
font-size: 1em !important;
list-style-type: none !important;
list-style-image: none !important;
margin: 0.3em 0 0 0.3em !important;
}
.generated-sidebar .pBody,.portlet .pBody {
background: #212121 !important;
opacity: 0.8 !important;
}
#p-personal,#p-cactions {
background: transparent !important;
}
#p-cactions .pBody,#p-personal .pBody {
background: transparent !important;
}
#p-cactions li {
background: transparent !important;
border: 0 !important;
}
#p-cactions li a {
color: #BDBCBC !important;
text-transform: uppercase !important;
font-size: 1.2em !important;
background: transparent !important;
}
#p-cactions li a:hover,#p-personal li a:hover {
color: #ffffff !important;
}
#p-personal li a {
color: #BDBCBC !important;
font-size: 1.1em !important;
background: transparent !important;
}
div#p-cactions > div.pBody li {
-moz-border-radius: 0.2em 0 !important;
}
.pBody ul {
list-style-type: none !important;
}
.pBody a {
color: #ffffff !important;
}
div#content {
background: #222222 !important
}
.boxmenu ul {
list-style-type: none !important;
list-style-image: none !important;
}
.boxmenu ul a {
color: #BDBCBC !important;
text-transform: uppercase !important;
}
.boxmenu ul a:hover {
color: #FFFFFF !important;
text-decoration: none !important;
}
.catlinks {
background: #090909 !important;
opacity: 0.8 !important;
-moz-border-radius: 0.5em !important;
}
.mw-plusminus-pos {
color: #559722 !important;
}
pre {
background-color: #f0f0f0 !important
}
a {
color: #7fd3de !important;
}
div.thumb {
border-color: #101010 !important;
}
#footer {
background: #101010 !important;
opacity: 0.8 !important;
}


/* stuff common to all discoboxes ONLY */

.discobox {
border: 1px #aaa solid;
-khtml-border-radius: .5em;
-moz-border-radius: .5em;
}

.discobox .head {
-moz-border-radius: .5em .5em 0 0 !important;
}

/* songbox magic */

.songbox {
border: 1px #aaa solid;
-khtml-border-radius: .5em;
-moz-border-radius: .5em;
}

.songbox .head {
-moz-border-radius: .5em .5em 0 0 !important;
}

.songbox .even {
background: #6f7780 !important;
}

/* memberbox magic */

.memberbox {
border: 1px #aaa solid;
-khtml-border-radius: .5em;
-moz-border-radius: .5em;
}

.memberbox .head {
text-align: center;
-moz-border-radius: .5em .5em 0 0 !important;

.memberbox .even {
background: #b0c4de !important;
}

.memberbox .even td {
background: #b0c4de !important;
}


/* gigbox magic */

.gigbox {
border: 1px #aaa solid !important;
-khtml-border-radius: .5em !important;
-moz-border-radius: .5em !important;
}

.gigbox .head {
-moz-border-radius: 0.5em 0.5em 0 0 !important;
}

.gigbox .even {
background: #cfc !important;
}

.gigbox .even td {
background: #cfc !important;
}

.gigbox td.even {
background: #cfc !important;
}

/* Discobox magic */

.albumbox .even {
background: #545 !important; <!--remove important later... -->
}

.albumbox .even td {
background: #545 !important; <!--remove important later... -->
}

.singlebox .even {
background: #033 !important; <!--remove important later... -->
}

.singlebox .even td {
background: #033 !important; <!--remove important later... -->
}

.EPbox .even {
background: #232 !important; <!--remove important later... -->
}

.EPbox .even td {
background: #232 !important; <!--remove important later... -->
}
Retrieved from ‘http://musewiki.org/index.php?title=MediaWiki:Monobook.css&oldid=50908’