Still working to recover. Please don't edit quite yet.
Difference between revisions of "MediaWiki:Monobook.css"
From Anarchopedia
(2 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | + | /* | |
+ | |||
+ | ==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), 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. | ||
+ | |||
+ | |||
+ | <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 17:36, 24 May 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), 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.
<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>*/