Difference between revisions of "User:Buddy13/monobook.css"
Jump to navigation
Jump to search
Line 1: | Line 1: | ||
pre { | pre { | ||
overflow:auto; | overflow:auto; | ||
} | |||
/* edit this file to customize the monobook skin for the entire site */ | |||
body { | |||
font-size: 10px; | |||
background: url(/images/2/27/The_Infosphere_Background.png) repeat-x #16b9f2; | |||
} | |||
/* page specific styles */ | |||
body.page-Main_Page h1.firstHeading { | |||
display: none !important; | |||
} | |||
body.page-List_of_song_performances .tocnumber { | |||
display: none !important; | |||
} | |||
body.page-List_of_song_performances #toc { | |||
float: right; | |||
margin-left: 15px; | |||
} | |||
#siteSub { | |||
display: block !important; | |||
font-style: italic; | |||
font-weight: normal; | |||
font-size: 70%; | |||
margin: 0 !important; | |||
padding: 0; | |||
padding-left: 15px; | |||
} | |||
#p-navigation h5, | |||
#p-community h5, | |||
#p-tb h5, | |||
#p-search h5, | |||
#p-affiliates h5 { | |||
padding-left: 15px; | |||
color: #aaddff; | |||
font-weight: 900; | |||
font-size: 14px; | |||
/* *** */ | |||
background: none !important; | |||
border: none !important; | |||
} | |||
#p-affiliates ul { | |||
list-style: none !important; | |||
padding: 0; | |||
padding-left: 13px; | |||
margin: 5px 0; | |||
} | |||
#p-affiliates li { | |||
display: block !important; | |||
width: 88px; | |||
height: 31px; | |||
margin-bottom: 3px; | |||
} | |||
#p-affiliates a { | |||
display: block !important; | |||
width: 100%; | |||
height: 0px; | |||
padding: 0; | |||
padding-top: 31px; | |||
overflow: hidden; | |||
background-repeat: no-repeat; | |||
} | |||
#n-The-Futurama-Madhouse a { | |||
background-image: url(/images/3/38/The-futurama-madhouse.gif); | |||
} | |||
#n-The-Futurama-Point a { | |||
background-image: url(/images/7/7c/The-futurama-point.gif); | |||
} | |||
#n-Space-Station-Futurama a { | |||
background-image: url(/images/b/ba/Space_Station_Futurama.gif); | |||
} | |||
#n-All-My-Futurama---Something-About-Leela a { | |||
background-image: url(/images/6/6a/All_My_Futurama.gif); | |||
} | |||
#n-Commentaries, | |||
#n-Transcripts { | |||
margin-left: 1em; | |||
} | |||
#p-personal li { | |||
margin-top: 0; | |||
padding-top: 2px; | |||
margin-left: 0; | |||
margin-right: 0; | |||
padding-right: 3px; | |||
padding-left: 3px; | |||
/* *** */ | |||
background: none !important; | |||
border: none !important; | |||
} | |||
#p-personal li a { | |||
color: #ffffff; | |||
} | |||
#p-personal li a:hover { | |||
background: #4488aa; | |||
} | |||
#p-personal li#pt-userpage { | |||
padding-left: 15px; | |||
} | |||
#content { | |||
background: #4488aa !important; | |||
color: #ffffff; | |||
} | |||
code { | |||
background: none !important; | |||
} | |||
#content table { | |||
background: #4488aa; | |||
} | |||
#content h1, #content h2, #toc, | |||
#filetoc { | |||
border-color: #3fa8cf !important; | |||
} | |||
#content h1, #content h2, #content h3, #content h4, | |||
#content h5, #content h6, #content ul, #content li, | |||
#content table { | |||
color: #ffffff; | |||
} | |||
#content ul { | |||
list-style: square; | |||
} | |||
#toc ul { | |||
list-style: none !important; | |||
} | |||
#content a { | |||
color: #ffff66; | |||
} | |||
#content a:visited { | |||
color: #eeee44; | |||
} | |||
#content a:hover { | |||
color: #ffff11; | |||
} | |||
#content a.new { | |||
color: #dd2211; | |||
} | |||
#content a.new:visited { | |||
color: #ff4444; | |||
} | |||
#content a.new:hover { | |||
color: #ff8844; | |||
} | |||
#content a.external, #content a.extiw { | |||
color: #ffbb11; | |||
} | |||
.pBody, #content { | |||
border-color: #0f789f; | |||
} | |||
#toc, #filetoc { | |||
background: #0f789f !important; | |||
} | |||
#content .thumb { | |||
border-color: #4488aa !important; | |||
} | |||
.thumbinner { | |||
background: #0f789f !important; | |||
border-color: #3fa8cf !important; | |||
} | |||
.thumbinner img { | |||
border-color: #3fa8cf !important; | |||
} | |||
.gallery, .gallery td, #catlinks { | |||
background: #0f789f !important; | |||
border-color: #3fa8cf !important; | |||
} | |||
.gallery td { | |||
border: none !important | |||
} | |||
#p-navigation .pBody, | |||
#p-community .pBody, | |||
#p-tb .pBody, | |||
#p-affiliates .pBody { | |||
-moz-border-radius-topright: 15px; | |||
-moz-border-radius-bottomright: 15px; | |||
background: url(/images/8/84/Menu-spacer.png); | |||
border: none; | |||
padding-top: 2px; | |||
padding-bottom: 2px; | |||
} | |||
#p-search .pBody { | |||
background: none; | |||
border: none; | |||
} | |||
.generated-sidebar.portlet .pBody a, #p-tb a { | |||
color: #ffbb11; | |||
font-weight: bold; | |||
} | |||
.portlet .pBody a:visited { | |||
color: #ffdd66; | |||
} | |||
.portlet .pBody a:hover { | |||
color: #ff8833; | |||
} | |||
input, select { | |||
border: 2px solid #bf582f; | |||
-moz-border-radius: 2px; | |||
background: none; | |||
color: #bf582f; | |||
font-weight: bold; | |||
} | |||
/*#content input { | |||
background: #cf683f; | |||
}*/ | |||
input:focus, | |||
input[type=submit], | |||
select { | |||
background: #bf582f !important; | |||
color: #ffffff !important; | |||
font-weight: normal; | |||
} | |||
#contentSub, .autocomment { | |||
color: #d3d3d3; | |||
} | |||
.diff { | |||
background: #0f789f !important; | |||
} | |||
.diff-context, .diff-otitle, .diff-ntitle { | |||
background: #2f98bf !important; | |||
} | |||
.diff-deletedline { | |||
background: #ffcc00 !important; | |||
} | |||
.diff-addedline { | |||
background: #44cc44 !important; | |||
} | |||
.diffchange { | |||
border: 1px dotted #aa0000; | |||
} | |||
.not-patrolled { | |||
background: #d3a323; | |||
} | |||
.mw-specialpagesgroup { | |||
background: #73c323 !important; | |||
} | |||
#pagehistory .selected { | |||
background: #73c323 !important; | |||
} | |||
#p-cactions li, #p-cactions li a { | |||
background: #4488aa; | |||
border-color: #0f789f; | |||
-moz-border-radius-topleft: 3px; | |||
-moz-border-radius-topright: 3px; | |||
color: #ffdd33; | |||
} | |||
#p-cactions li.new a { | |||
color: #ff8811; | |||
} | |||
#p-cactions li.selected, #p-cactions li.selected a, #p-cactions li a:hover { | |||
background: #4488aa; | |||
border-color: #efb876; | |||
border-left-color: #0f789f; | |||
border-right-color: #0f789f; | |||
border-bottom: 0; | |||
border-top-width: 2px; | |||
} | |||
.ns-8 #content, | |||
.ns-8 #p-cactions li a { | |||
background: #ddddff; | |||
} | |||
/* *** */ | |||
.ns-0 #content, | |||
.ns-9 #content { | |||
background-color: #4488aa !important; | |||
} | |||
#footer { | |||
background: #149dd0; | |||
} | |||
div.mainCounterBox{ | |||
background-image:url(/images/d/df/MainPageHedonismImage.png); | |||
background-repeat: no-repeat; | |||
background-position: bottom right | |||
} | |||
td.mainLeftBox{ | |||
background-repeat: no-repeat; | |||
background-position: bottom right; | |||
background-color: #cc3333 !important; | |||
color: #ffffff !important; | |||
background-image:url(/images/1/12/RedFryMain.png); | |||
} | |||
td.mainRightBox{ | |||
background-repeat: no-repeat; | |||
background-position: bottom right; | |||
background-color: #3333cc !important; | |||
color: #ffffff !important; | |||
background-image:url(/images/e/e2/BlueBenderMain.png); | |||
} | |||
td.mainBottomBox{ | |||
background-repeat: no-repeat; | |||
background-position: bottom center; | |||
background-color: #33cc33 !important; | |||
color: #ffffff !important; | |||
background-image:url(/images/3/30/GreenToadMain.png); | |||
} | |||
.reasonContent { | |||
border: 1px solid #d3d3d3; | |||
background: #f0f0f0; | |||
width: 50%; | |||
display: none; | |||
padding: 5px; | |||
} | |||
.reasonContent div { | |||
border-bottom: 1px solid #d3d3d3; | |||
background: #d3d3d3; | |||
font-weight: bold; | |||
padding: 2px 5px; | |||
} | |||
/* | |||
INFOBOXES | |||
*/ | |||
.infobox { | |||
float: right; | |||
width: 250px; | |||
border: 1px solid #0363d3; | |||
background: #1060a0 !important; | |||
font-size: 0.9em; | |||
padding:3px; | |||
margin: 0px 0px 5px 15px; | |||
} | |||
.infobox th { | |||
text-align: right; | |||
vertical-align: top; | |||
} | |||
.infobox td { | |||
vertical-align: top; | |||
} | |||
.infoboxCentre, .infoboxHeader { | |||
text-align: center !important; | |||
} | |||
.infoboxHeader { | |||
background: #0363d3; | |||
padding: 1px 5px; | |||
} | |||
.infobox table { | |||
background: none !important; | |||
} | |||
.infoboxSeasonList { | |||
font-size:90%; | |||
padding: 0 5px; | |||
} | |||
.infoboxSeasonList ol { | |||
width: 180px; | |||
padding: 0 0 0 10px; | |||
margin: 5px 20px 0; | |||
} | |||
.infoboxSeasonList ol ol { | |||
width: 180px; | |||
padding: 0 0 0 10px; | |||
margin: 0 13px; | |||
} | |||
/* | |||
Site tables | |||
*/ | |||
table.overview { | |||
background: #2363c3 !important; | |||
width: 100%; | |||
} | |||
table.suboverview { | |||
background: #2363c3; | |||
} | |||
.overview td, .suboverview td { | |||
background: #4383e3; | |||
} | |||
.overview th, .suboverview th { | |||
background: #3373c3; | |||
} | |||
.overview tr.oCentre td, .overview .oCentre, .suboverview tr.oCentre td, .suboverview .oCentre { | |||
text-align: center; | |||
} | |||
.overview tr.oLeft td, .overview .oLeft, .suboverview tr.oLeft td, .suboverview .oLeft { | |||
text-align: left !important; | |||
} | |||
.overview tr.oRight td, .overview .oRight, .suboverview tr.oRight td, .suboverview .oRight { | |||
text-align: right !important; | |||
} | |||
.overview tr.oTop td, .overview .oTop, .suboverview tr.oTop td, .suboverview .oTop { | |||
vertical-align: top; | |||
} | |||
.overview .overviewYes, .overviewNo { | |||
font-style: italic; | |||
text-align: center !important; | |||
font-weight: bold; | |||
color: #ffffff; | |||
} | |||
.overview .overviewYes { | |||
background-color: #00aa00; | |||
} | |||
.overview .overviewNo { | |||
background-color: #aa0000; | |||
} | |||
/* </source> | |||
==Navigation styling== | |||
<source lang="css"> */ | |||
.navigation { | |||
width:100%; | |||
background: #1060a0 !important; | |||
margin-bottom: 5px; | |||
padding: 0; | |||
} | |||
.navLeft, .navRight { | |||
width: 25%; | |||
margin: 0; | |||
padding: 0; | |||
} | |||
.navLeft, .navCRight { | |||
text-align: left; | |||
} | |||
.navCentre { | |||
text-align: center; | |||
margin: 0; | |||
padding: 0; | |||
width: 50%; | |||
} | |||
.navRight, .navCLeft { | |||
text-align: right; | |||
} | |||
.epcut th { | |||
margin:0; | |||
padding: 0; | |||
} | |||
.navCRight { | |||
margin-left: 10px; | |||
} | |||
.navCLeft { | |||
margin-right: 10px; | |||
} | |||
.navCCentre { | |||
text-align: center; | |||
width: 20%; | |||
} | |||
/* | |||
Other minor styles | |||
Quotes*/ | |||
.quotes .poem { | |||
margin-left: 5px; | |||
margin-bottom: 3px; | |||
margin-top: 3px; | |||
display: list-item; | |||
} | |||
/* For template documentation */ | |||
.template-documentation { | |||
clear: both; | |||
margin: 1em 0 0 0; | |||
border: 1px solid #aaa; | |||
background-color: #7cacf4; | |||
padding: 5px; | |||
} | |||
.fake-h2 { | |||
color: inherit; | |||
background: none; | |||
font-weight: normal; | |||
margin: 0; | |||
padding-top: .5em; | |||
padding-bottom: .17em; | |||
border-bottom: 1px solid #aaa; | |||
font-size:150%; | |||
} | |||
/* references */ | |||
ol.references li:target, sup.reference:target { | |||
background: #ccccff; | |||
} | } |
Revision as of 17:41, 9 March 2009
pre { overflow:auto; } /* edit this file to customize the monobook skin for the entire site */ body { font-size: 10px; background: url(/images/2/27/The_Infosphere_Background.png) repeat-x #16b9f2; } /* page specific styles */ body.page-Main_Page h1.firstHeading { display: none !important; } body.page-List_of_song_performances .tocnumber { display: none !important; } body.page-List_of_song_performances #toc { float: right; margin-left: 15px; } #siteSub { display: block !important; font-style: italic; font-weight: normal; font-size: 70%; margin: 0 !important; padding: 0; padding-left: 15px; } #p-navigation h5, #p-community h5, #p-tb h5, #p-search h5, #p-affiliates h5 { padding-left: 15px; color: #aaddff; font-weight: 900; font-size: 14px; /* *** */ background: none !important; border: none !important; } #p-affiliates ul { list-style: none !important; padding: 0; padding-left: 13px; margin: 5px 0; } #p-affiliates li { display: block !important; width: 88px; height: 31px; margin-bottom: 3px; } #p-affiliates a { display: block !important; width: 100%; height: 0px; padding: 0; padding-top: 31px; overflow: hidden; background-repeat: no-repeat; } #n-The-Futurama-Madhouse a { background-image: url(/images/3/38/The-futurama-madhouse.gif); } #n-The-Futurama-Point a { background-image: url(/images/7/7c/The-futurama-point.gif); } #n-Space-Station-Futurama a { background-image: url(/images/b/ba/Space_Station_Futurama.gif); } #n-All-My-Futurama---Something-About-Leela a { background-image: url(/images/6/6a/All_My_Futurama.gif); } #n-Commentaries, #n-Transcripts { margin-left: 1em; } #p-personal li { margin-top: 0; padding-top: 2px; margin-left: 0; margin-right: 0; padding-right: 3px; padding-left: 3px; /* *** */ background: none !important; border: none !important; } #p-personal li a { color: #ffffff; } #p-personal li a:hover { background: #4488aa; } #p-personal li#pt-userpage { padding-left: 15px; } #content { background: #4488aa !important; color: #ffffff; } code { background: none !important; } #content table { background: #4488aa; } #content h1, #content h2, #toc, #filetoc { border-color: #3fa8cf !important; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content ul, #content li, #content table { color: #ffffff; } #content ul { list-style: square; } #toc ul { list-style: none !important; } #content a { color: #ffff66; } #content a:visited { color: #eeee44; } #content a:hover { color: #ffff11; } #content a.new { color: #dd2211; } #content a.new:visited { color: #ff4444; } #content a.new:hover { color: #ff8844; } #content a.external, #content a.extiw { color: #ffbb11; } .pBody, #content { border-color: #0f789f; } #toc, #filetoc { background: #0f789f !important; } #content .thumb { border-color: #4488aa !important; } .thumbinner { background: #0f789f !important; border-color: #3fa8cf !important; } .thumbinner img { border-color: #3fa8cf !important; } .gallery, .gallery td, #catlinks { background: #0f789f !important; border-color: #3fa8cf !important; } .gallery td { border: none !important } #p-navigation .pBody, #p-community .pBody, #p-tb .pBody, #p-affiliates .pBody { -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; background: url(/images/8/84/Menu-spacer.png); border: none; padding-top: 2px; padding-bottom: 2px; } #p-search .pBody { background: none; border: none; } .generated-sidebar.portlet .pBody a, #p-tb a { color: #ffbb11; font-weight: bold; } .portlet .pBody a:visited { color: #ffdd66; } .portlet .pBody a:hover { color: #ff8833; } input, select { border: 2px solid #bf582f; -moz-border-radius: 2px; background: none; color: #bf582f; font-weight: bold; } /*#content input { background: #cf683f; }*/ input:focus, input[type=submit], select { background: #bf582f !important; color: #ffffff !important; font-weight: normal; } #contentSub, .autocomment { color: #d3d3d3; } .diff { background: #0f789f !important; } .diff-context, .diff-otitle, .diff-ntitle { background: #2f98bf !important; } .diff-deletedline { background: #ffcc00 !important; } .diff-addedline { background: #44cc44 !important; } .diffchange { border: 1px dotted #aa0000; } .not-patrolled { background: #d3a323; } .mw-specialpagesgroup { background: #73c323 !important; } #pagehistory .selected { background: #73c323 !important; } #p-cactions li, #p-cactions li a { background: #4488aa; border-color: #0f789f; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; color: #ffdd33; } #p-cactions li.new a { color: #ff8811; } #p-cactions li.selected, #p-cactions li.selected a, #p-cactions li a:hover { background: #4488aa; border-color: #efb876; border-left-color: #0f789f; border-right-color: #0f789f; border-bottom: 0; border-top-width: 2px; } .ns-8 #content, .ns-8 #p-cactions li a { background: #ddddff; } /* *** */ .ns-0 #content, .ns-9 #content { background-color: #4488aa !important; } #footer { background: #149dd0; } div.mainCounterBox{ background-image:url(/images/d/df/MainPageHedonismImage.png); background-repeat: no-repeat; background-position: bottom right } td.mainLeftBox{ background-repeat: no-repeat; background-position: bottom right; background-color: #cc3333 !important; color: #ffffff !important; background-image:url(/images/1/12/RedFryMain.png); } td.mainRightBox{ background-repeat: no-repeat; background-position: bottom right; background-color: #3333cc !important; color: #ffffff !important; background-image:url(/images/e/e2/BlueBenderMain.png); } td.mainBottomBox{ background-repeat: no-repeat; background-position: bottom center; background-color: #33cc33 !important; color: #ffffff !important; background-image:url(/images/3/30/GreenToadMain.png); } .reasonContent { border: 1px solid #d3d3d3; background: #f0f0f0; width: 50%; display: none; padding: 5px; } .reasonContent div { border-bottom: 1px solid #d3d3d3; background: #d3d3d3; font-weight: bold; padding: 2px 5px; } /* INFOBOXES */ .infobox { float: right; width: 250px; border: 1px solid #0363d3; background: #1060a0 !important; font-size: 0.9em; padding:3px; margin: 0px 0px 5px 15px; } .infobox th { text-align: right; vertical-align: top; } .infobox td { vertical-align: top; } .infoboxCentre, .infoboxHeader { text-align: center !important; } .infoboxHeader { background: #0363d3; padding: 1px 5px; } .infobox table { background: none !important; } .infoboxSeasonList { font-size:90%; padding: 0 5px; } .infoboxSeasonList ol { width: 180px; padding: 0 0 0 10px; margin: 5px 20px 0; } .infoboxSeasonList ol ol { width: 180px; padding: 0 0 0 10px; margin: 0 13px; } /* Site tables */ table.overview { background: #2363c3 !important; width: 100%; } table.suboverview { background: #2363c3; } .overview td, .suboverview td { background: #4383e3; } .overview th, .suboverview th { background: #3373c3; } .overview tr.oCentre td, .overview .oCentre, .suboverview tr.oCentre td, .suboverview .oCentre { text-align: center; } .overview tr.oLeft td, .overview .oLeft, .suboverview tr.oLeft td, .suboverview .oLeft { text-align: left !important; } .overview tr.oRight td, .overview .oRight, .suboverview tr.oRight td, .suboverview .oRight { text-align: right !important; } .overview tr.oTop td, .overview .oTop, .suboverview tr.oTop td, .suboverview .oTop { vertical-align: top; } .overview .overviewYes, .overviewNo { font-style: italic; text-align: center !important; font-weight: bold; color: #ffffff; } .overview .overviewYes { background-color: #00aa00; } .overview .overviewNo { background-color: #aa0000; } /* </source> ==Navigation styling== <source lang="css"> */ .navigation { width:100%; background: #1060a0 !important; margin-bottom: 5px; padding: 0; } .navLeft, .navRight { width: 25%; margin: 0; padding: 0; } .navLeft, .navCRight { text-align: left; } .navCentre { text-align: center; margin: 0; padding: 0; width: 50%; } .navRight, .navCLeft { text-align: right; } .epcut th { margin:0; padding: 0; } .navCRight { margin-left: 10px; } .navCLeft { margin-right: 10px; } .navCCentre { text-align: center; width: 20%; } /* Other minor styles Quotes*/ .quotes .poem { margin-left: 5px; margin-bottom: 3px; margin-top: 3px; display: list-item; } /* For template documentation */ .template-documentation { clear: both; margin: 1em 0 0 0; border: 1px solid #aaa; background-color: #7cacf4; padding: 5px; } .fake-h2 { color: inherit; background: none; font-weight: normal; margin: 0; padding-top: .5em; padding-bottom: .17em; border-bottom: 1px solid #aaa; font-size:150%; } /* references */ ol.references li:target, sup.reference:target { background: #ccccff; }