|
|
Ligne 1 : |
Ligne 1 : |
| /* | | /* <pre><nowiki> */ |
|
| |
|
| ==CSS for Monobook skin only==
| | /* edit this file to customize the monobook skin for the entire site */ |
| | |
| '''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 { | | #fundraising { |
| text-align: center; | | text-align: center; |
| border: 1px solid gray; | | border: 1px solid gray; |
| padding: 5px; | | padding: 5px; |
| }
| | margin-top: 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 { | | #content { |
| background: #F8FCFF; /* a light blue */ | | background: #ffffff; /* white */ |
| }
| |
| | |
| #content div.thumb {
| |
| border-color: #F8FCFF;
| |
| } | | } |
|
| |
|
| .ns-0 * #content { | | .ns-0 * #content { |
| background: white; | | background: #ffffff; |
| } | | } |
|
| |
|
| #mytabs li { | | #mytabs li { |
| background: #F8FCFF; | | background: #f4f4f4; |
| } | | } |
|
| |
|
| .ns-0 * #mytabs li { | | .ns-0 * #mytabs li { |
| background: white; | | background: #f4f4f4; |
| } | | } |
|
| |
|
| #mytabs li a { | | #mytabs li a { |
| background-color: #F8FCFF; | | background-color: #f4f4f4; |
| } | | } |
|
| |
|
| .ns-0 * #mytabs li a { | | .ns-0 * #mytabs li a { |
| background-color: white; | | background-color: #f4f4f4; |
| } | | } |
|
| |
|
| #p-cactions li a, #p-cactions li a:hover, #p-cactions li.selected a {
| | /* For p-cactions (the top "tabs") it works only because my .js moves them into the |
| background-color: #F8FCFF; | | "ns-0" wrapper anyway. */ |
| | #p-cactions li { |
| | background: #f4f4f4; |
| } | | } |
|
| |
|
| .ns-0 * #p-cactions li a { | | .ns-0 * #p-cactions li { |
| background-color: #fbfbfb; | | background: #ffffff; |
| } | | } |
|
| |
|
| .ns-0 * #p-cactions li.selected a, .ns-0 * #p-cactions li a:hover {
| | #p-cactions li a { |
| background-color: white; | | background-color: #ffffff; |
| } | | } |
|
| |
|
| .ns-0 * #content div.thumb { | | .ns-0 * #p-cactions li a { |
| border-color: white; | | background-color: #ffffff; |
| } | | } |
|
| |
|
| /**************************/
| | /* Display "From Meta..." */ |
| /* 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 { | | #siteSub { |
| display: inline; | | display: inline; |
| font-size: 92%; | | font-size: 120%; |
| font-weight: normal; | | font-weight: normal; |
| } | | } |
|
| |
|
| #bodyContent #siteSub a {
| | /* Do not print certain classes that shouldn't appear on paper */ |
| 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 { | | @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 } | | .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 */ | | /* Style [[Meta:Language select]] widget */ |
| #editpage-specialchars a { text-decoration: none; }
| | .lang_info {font-size:8pt;text-align:right;margin-bottom:0.5em;} |
| #editpage-specialchars a:hover { text-decoration: underline; }
| | .lang_info a {font-weight:bold;font-family:Arial, |
| | | sans-serif;font-size:8pt;} |
| /* If you don't want to see special characters list at all,
| | .lang_info input {font-size:8pt;} |
| put the following line in your User:You/monobook.css file
| | .lang_info input.ls_select {font-weight:bold;} |
| (and remove the slash-asterisk comments) */
| |
| /* #editpage-specialchars { display: none; } */
| |
|
| |
|
| /* Makes the background of a framed image white instead of gray. */ | | /* Disable grey background when code is used in a header */ |
| /* Only visible with transparent images. */
| | h2 code, h3 code, h4 code, h5 code, h6 code {background:none;} |
| /* See #Framed_image_background_color */ | | /* Some monospace fonts are too light in comparison to surrounding heading text, give them a nudge */ |
| div.thumb div a img {
| | h2 code {font-weight:bold;} |
| background-color:#fff;
| |
| } | |
|
| |
|
| /* For positioning icons at top-right, used in Templates | | /* </nowiki></pre> */ |
| "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;
| |
| }
| |
| | |
| /* wikitable/prettytable class for skinning normal tables */
| |
| | |
| table.wikitable,
| |
| table.prettytable {
| |
| margin: 1em 1em 1em 0;
| |
| background: #f9f9f9;
| |
| border: 1px #aaaaaa solid;
| |
| border-collapse: collapse;
| |
| }
| |
| | |
| table.wikitable th, table.wikitable td,
| |
| table.prettytable th, table.prettytable td {
| |
| border: 1px #aaaaaa solid;
| |
| padding: 0.2em;
| |
| }
| |
| | |
| table.wikitable th,
| |
| table.prettytable th {
| |
| background: #f2f2f2;
| |
| text-align: center;
| |
| }
| |
| | |
| table.wikitable caption,
| |
| table.prettytable caption {
| |
| margin-left: inherit;
| |
| margin-right: inherit;
| |
| }
| |
| */
| |
| </nowiki></pre>*/ | |