|
|
| (6 intermediate revisions by 4 users 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 [[Centiare:Water Cooler]].
| |
| − |
| |
| − | 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.
| |
| − |
| |
| − | <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;
| |
| − | }
| |
| − |
| |
| − | /* the tagline */
| |
| − | #siteSub {
| |
| − | display: inline;
| |
| − | font-size: 100%;
| |
| − | font-weight: bold;
| |
| − | color: #01459A;
| |
| − | border-bottom-style: none;
| |
| − | }
| |
| − |
| |
| − | #siteNotice {
| |
| − | margin-top:5px;
| |
| − | padding-left: 4px;
| |
| − | font-style: italic;
| |
| − | text-align: right;
| |
| − | }
| |
| − |
| |
| − | /*
| |
| − | #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>*/
| |
