MediaWiki:Monobook.css: Difference between revisions
From Knot Atlas
Jump to navigationJump to search
No edit summary |
No edit summary |
||
(8 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* |
|||
/* edit this file to customize the monobook skin for the entire site */ |
|||
==CSS for Monobook skin only== |
|||
'''Notice to Administrators!''' |
|||
Any changes to [[Mediawiki:Monobook.css|Monobook.css]] or [[MediaWiki:Common.css|Common.css]] should be first proposed to [[Wikipedia:Village Pump]]. |
|||
Furthermore, changes should probably be made in |
|||
[[MediaWiki:Common.css]] rather than this page, unless there is no effect in |
|||
[[MediaWiki:Common.css]]. |
|||
Testing can be done on your own user Monobook.css. |
|||
(In [[Mozilla]] and [[Opera (web browser)|Opera]], you can also test style changes dynamically with the [http://www.squarefree.com/bookmarklets/webdevel.html test styles] bookmarklet from squarefree.com. It pops up a window for adding style rules, and updates the page as you type.) |
|||
Always check with the [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fen.wikipedia.org%2Fw%2Findex.php%3Ftitle%3DMediaWiki%3AMonobook.css%26action%3Draw%26ctype%3Dtext%2Fcss&usermedium=all W3C CSS Validation Service] after any changes. |
|||
Thank you. |
|||
{{interwiki-all}} |
|||
<pre><nowiki>*/ |
|||
/* Don't display some stuff on the main page */ |
|||
body.page-Main_Page #t-cite, |
|||
body.page-Main_Page #lastmod, |
|||
body.page-Main_Page #siteSub, |
|||
body.page-Main_Page #contentSub, |
|||
body.page-Main_Page h1.firstHeading { |
|||
display: none !important; |
|||
} |
|||
/* Donations link to be uncommented during fundraising drives */ |
|||
#siteNotice { |
|||
margin-top:5px; |
|||
padding-left: 4px; |
|||
font-style: italic; |
|||
text-align: center; |
|||
background: transparent; |
|||
} |
|||
/* |
|||
#fundraising { |
|||
text-align: center; |
|||
border: 1px solid gray; |
|||
padding: 5px; |
|||
} |
|||
*/ |
|||
/****************************/ |
|||
/* BEGIN LIGHT BLUE SECTION */ |
|||
/****************************/ |
|||
/* Make all non-namespace pages have a light blue content area. This is done by |
|||
setting the background color for all #content areas to light blue and then |
|||
overriding it for any #content enclosed in a .ns-0 (main namespace). I then |
|||
do the same for the "tab" background colors. --Lupo */ |
|||
#content { |
|||
background: #F8FCFF; /* a light blue */ |
|||
} |
|||
#content div.thumb { |
|||
border-color: #F8FCFF; |
|||
} |
|||
.ns-0 * #content { |
|||
background: white; |
|||
} |
|||
#mytabs li { |
|||
background: #F8FCFF; |
|||
} |
|||
.ns-0 * #mytabs li { |
|||
background: white; |
|||
} |
|||
#mytabs li a { |
|||
background-color: #F8FCFF; |
|||
} |
|||
.ns-0 * #mytabs li a { |
|||
background-color: white; |
|||
} |
|||
#p-cactions li a, #p-cactions li a:hover, #p-cactions li.selected a { |
|||
background-color: #F8FCFF; |
|||
} |
|||
.ns-0 * #p-cactions li a { |
|||
background-color: #fbfbfb; |
|||
} |
|||
.ns-0 * #p-cactions li.selected a, .ns-0 * #p-cactions li a:hover { |
|||
background-color: white; |
|||
} |
|||
.ns-0 * #content div.thumb { |
|||
border-color: white; |
|||
} |
|||
/**************************/ |
|||
/* END LIGHT BLUE SECTION */ |
|||
/**************************/ |
|||
/* block quotations */ |
|||
#content blockquote { |
|||
font-size: 93.75%; /* equivalent of 15px in 16px default */ |
|||
margin: 1em 1.6em; /* same indent as an unordered list */ |
|||
} |
|||
#content blockquote p { |
|||
line-height:inherit; |
|||
} |
|||
/* Display "From Wikipedia, the free encyclopedia" */ |
|||
#siteSub { |
|||
display: inline; |
|||
font-size: 92%; |
|||
font-weight: normal; |
|||
} |
|||
#bodyContent #siteSub a { |
|||
color: #000; |
|||
text-decoration: none; |
|||
background-color: transparent; |
|||
background-image: none; |
|||
padding-right: 0; |
|||
} |
|||
/* Bold 'edit this page' link to encourage newcomers */ |
|||
#ca-edit a { font-weight: bold !important; } |
|||
/* Display "User $1, you are already logged in!" |
|||
([[MediaWiki:Alreadyloggedin]]) in red and bold */ |
|||
div.alreadyloggedin { color: red; font-weight: bold; } |
|||
@media print { |
|||
/* Do not print edit link in templates using Template:Ed |
|||
Do not print certain classes that shouldn't appear on paper */ |
|||
.editlink, .noprint, .metadata, .dablink { display: none } |
|||
#content { background: #fff; } /* white background on print */ |
|||
} |
|||
/* Accessibility experiment: make diff changes not just colour-based */ |
|||
.diffchange { |
|||
font-weight: bold; |
|||
background-color: inherit; |
|||
} |
|||
td.diff-addedline, td.diff-deletedline, td.diff-context { |
|||
vertical-align: top; |
|||
font-size: 85%; |
|||
color: inherit; |
|||
} |
|||
#pt-login { |
|||
font-weight: bold; |
|||
font-size: 110%; |
|||
} |
|||
form#userlogin { |
|||
float: left; |
|||
padding: 1em 1em .7em 1em; |
|||
background-color: #ffffe6; |
|||
border: 2px solid #fc6; |
|||
color: #000; |
|||
margin-right: 2em; |
|||
} |
|||
form#userlogin table { |
|||
float: left; |
|||
background-color: #ffffe6; |
|||
color: #000; |
|||
} |
|||
p.error { |
|||
font-weight: bold; |
|||
} |
|||
/* Class styles */ |
|||
/* .toccolours added here because version in |
|||
monobook/main.css wasn't being used by the print style */ |
|||
.toccolours { |
|||
border:1px solid #aaa; |
|||
background-color:#f9f9f9; |
|||
padding:5px; |
|||
font-size: 95%; |
|||
} |
|||
/* Remove padding from external links displayed without icon */ |
|||
#bodyContent .plainlinks a {padding: 0 !important} |
|||
#p-nav h5 { |
|||
display: none; |
|||
} |
|||
.portlet a { |
|||
text-decoration: none; |
|||
} |
|||
.portlet a:hover { |
|||
text-decoration: underline; |
|||
} |
|||
#p-nav .pBody { |
|||
padding-right: 0; |
|||
} |
|||
#p-nav a { |
|||
display: block; |
|||
width: 100%; |
|||
} |
|||
/* Special characters list below edit window works better without underlining */ |
|||
#editpage-specialchars a { text-decoration: none; } |
|||
#editpage-specialchars a:hover { text-decoration: underline; } |
|||
/* If you don't want to see special characters list at all, |
|||
put the following line in your User:You/monobook.css file |
|||
(and remove the slash-asterisk comments) */ |
|||
/* #editpage-specialchars { display: none; } */ |
|||
/* Makes the background of a framed image white instead of gray. */ |
|||
/* Only visible with transparent images. */ |
|||
/* See #Framed_image_background_color */ |
|||
div.thumb div a img { |
|||
background-color:#fff; |
|||
} |
|||
/* For positioning icons at top-right, used in Templates |
|||
"Spoken Article" and "Featured Article" */ |
|||
div.topicon { |
|||
position:absolute; |
|||
z-index:100; |
|||
top:10px; |
|||
display: block !important; |
|||
} |
|||
/* try adding here, this had no effect in [[MediaWiki:Common.css]] */ |
|||
.plainlinksneverexpand a.external.text:after { |
|||
display: none !important |
|||
} |
|||
#coordinates { |
|||
position:absolute; |
|||
z-index:1; |
|||
border:none; |
|||
background:none; |
|||
right:30px; |
|||
top:3.7em; |
|||
float:right; |
|||
margin:0.0em; |
|||
padding:0.0em; |
|||
line-height:1.5em; |
|||
text-align:right; |
|||
text-indent:0; |
|||
font-size:85%; |
|||
text-transform:none; |
|||
white-space:nowrap; |
|||
} |
|||
.portlet li { |
|||
list-style-image: url("http://upload.wikimedia.org/wikipedia/en/1/18/Monobook-bullet.png"); |
|||
} |
|||
li.FA { |
|||
list-style-image: url("http://upload.wikimedia.org/wikipedia/en/d/d4/Monobook-bullet-star.png"); |
|||
} |
|||
.mw-plusminus-pos { |
|||
color: #006400; |
|||
} |
|||
.mw-plusminus-neg { |
|||
color: #8B0000; |
|||
} |
|||
/* Infobox template style */ |
|||
.infobox { |
|||
border: 1px solid #aaa; |
|||
background-color: #f9f9f9; |
|||
color: black; |
|||
} |
|||
.infobox.bordered td, |
|||
.infobox.bordered th { |
|||
border: 1px solid #aaa; |
|||
} |
|||
/* styles for bordered infobox with merged rows */ |
|||
.infobox.bordered .mergedtoprow td, |
|||
.infobox.bordered .mergedtoprow th { |
|||
border-top: 1px solid #aaa; |
|||
border-right: 1px solid #aaa; |
|||
} |
|||
.gallerybox .thumb img { |
|||
background: #F9F9F9; |
|||
} |
|||
.infobox.bordered .mergedrow td, |
|||
.infobox.bordered .mergedrow th { |
|||
border-right: 1px solid #aaa; |
|||
} |
|||
/*</nowiki></pre>*/ |
Latest revision as of 09:31, 15 July 2007
/* ==CSS for Monobook skin only== '''Notice to Administrators!''' Any changes to [[Mediawiki:Monobook.css|Monobook.css]] or [[MediaWiki:Common.css|Common.css]] should be first proposed to [[Wikipedia:Village Pump]]. Furthermore, changes should probably be made in [[MediaWiki:Common.css]] rather than this page, unless there is no effect in [[MediaWiki:Common.css]]. Testing can be done on your own user Monobook.css. (In [[Mozilla]] and [[Opera (web browser)|Opera]], you can also test style changes dynamically with the [http://www.squarefree.com/bookmarklets/webdevel.html test styles] bookmarklet from squarefree.com. It pops up a window for adding style rules, and updates the page as you type.) Always check with the [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fen.wikipedia.org%2Fw%2Findex.php%3Ftitle%3DMediaWiki%3AMonobook.css%26action%3Draw%26ctype%3Dtext%2Fcss&usermedium=all W3C CSS Validation Service] after any changes. Thank you. {{interwiki-all}} <pre><nowiki>*/ /* Don't display some stuff on the main page */ body.page-Main_Page #t-cite, body.page-Main_Page #lastmod, body.page-Main_Page #siteSub, body.page-Main_Page #contentSub, body.page-Main_Page h1.firstHeading { display: none !important; } /* Donations link to be uncommented during fundraising drives */ #siteNotice { margin-top:5px; padding-left: 4px; font-style: italic; text-align: center; background: transparent; } /* #fundraising { text-align: center; border: 1px solid gray; padding: 5px; } */ /****************************/ /* BEGIN LIGHT BLUE SECTION */ /****************************/ /* Make all non-namespace pages have a light blue content area. This is done by setting the background color for all #content areas to light blue and then overriding it for any #content enclosed in a .ns-0 (main namespace). I then do the same for the "tab" background colors. --Lupo */ #content { background: #F8FCFF; /* a light blue */ } #content div.thumb { border-color: #F8FCFF; } .ns-0 * #content { background: white; } #mytabs li { background: #F8FCFF; } .ns-0 * #mytabs li { background: white; } #mytabs li a { background-color: #F8FCFF; } .ns-0 * #mytabs li a { background-color: white; } #p-cactions li a, #p-cactions li a:hover, #p-cactions li.selected a { background-color: #F8FCFF; } .ns-0 * #p-cactions li a { background-color: #fbfbfb; } .ns-0 * #p-cactions li.selected a, .ns-0 * #p-cactions li a:hover { background-color: white; } .ns-0 * #content div.thumb { border-color: white; } /**************************/ /* END LIGHT BLUE SECTION */ /**************************/ /* block quotations */ #content blockquote { font-size: 93.75%; /* equivalent of 15px in 16px default */ margin: 1em 1.6em; /* same indent as an unordered list */ } #content blockquote p { line-height:inherit; } /* Display "From Wikipedia, the free encyclopedia" */ #siteSub { display: inline; font-size: 92%; font-weight: normal; } #bodyContent #siteSub a { color: #000; text-decoration: none; background-color: transparent; background-image: none; padding-right: 0; } /* Bold 'edit this page' link to encourage newcomers */ #ca-edit a { font-weight: bold !important; } /* Display "User $1, you are already logged in!" ([[MediaWiki:Alreadyloggedin]]) in red and bold */ div.alreadyloggedin { color: red; font-weight: bold; } @media print { /* Do not print edit link in templates using Template:Ed Do not print certain classes that shouldn't appear on paper */ .editlink, .noprint, .metadata, .dablink { display: none } #content { background: #fff; } /* white background on print */ } /* Accessibility experiment: make diff changes not just colour-based */ .diffchange { font-weight: bold; background-color: inherit; } td.diff-addedline, td.diff-deletedline, td.diff-context { vertical-align: top; font-size: 85%; color: inherit; } #pt-login { font-weight: bold; font-size: 110%; } form#userlogin { float: left; padding: 1em 1em .7em 1em; background-color: #ffffe6; border: 2px solid #fc6; color: #000; margin-right: 2em; } form#userlogin table { float: left; background-color: #ffffe6; color: #000; } p.error { font-weight: bold; } /* Class styles */ /* .toccolours added here because version in monobook/main.css wasn't being used by the print style */ .toccolours { border:1px solid #aaa; background-color:#f9f9f9; padding:5px; font-size: 95%; } /* Remove padding from external links displayed without icon */ #bodyContent .plainlinks a {padding: 0 !important} #p-nav h5 { display: none; } .portlet a { text-decoration: none; } .portlet a:hover { text-decoration: underline; } #p-nav .pBody { padding-right: 0; } #p-nav a { display: block; width: 100%; } /* Special characters list below edit window works better without underlining */ #editpage-specialchars a { text-decoration: none; } #editpage-specialchars a:hover { text-decoration: underline; } /* If you don't want to see special characters list at all, put the following line in your User:You/monobook.css file (and remove the slash-asterisk comments) */ /* #editpage-specialchars { display: none; } */ /* Makes the background of a framed image white instead of gray. */ /* Only visible with transparent images. */ /* See #Framed_image_background_color */ div.thumb div a img { background-color:#fff; } /* For positioning icons at top-right, used in Templates "Spoken Article" and "Featured Article" */ div.topicon { position:absolute; z-index:100; top:10px; display: block !important; } /* try adding here, this had no effect in [[MediaWiki:Common.css]] */ .plainlinksneverexpand a.external.text:after { display: none !important } #coordinates { position:absolute; z-index:1; border:none; background:none; right:30px; top:3.7em; float:right; margin:0.0em; padding:0.0em; line-height:1.5em; text-align:right; text-indent:0; font-size:85%; text-transform:none; white-space:nowrap; } .portlet li { list-style-image: url("http://upload.wikimedia.org/wikipedia/en/1/18/Monobook-bullet.png"); } li.FA { list-style-image: url("http://upload.wikimedia.org/wikipedia/en/d/d4/Monobook-bullet-star.png"); } .mw-plusminus-pos { color: #006400; } .mw-plusminus-neg { color: #8B0000; } /* Infobox template style */ .infobox { border: 1px solid #aaa; background-color: #f9f9f9; color: black; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaa; } /* styles for bordered infobox with merged rows */ .infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th { border-top: 1px solid #aaa; border-right: 1px solid #aaa; } .gallerybox .thumb img { background: #F9F9F9; } .infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th { border-right: 1px solid #aaa; } /*</nowiki></pre>*/