MediaWiki:Monobook.css : Différence entre versions

Un article de WikiSimland 3.0.
Aller à : navigation, rechercher
 
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;
}
+
 
+
/**************************/
+
/* 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" */
+
/* Display "From Meta..." */
 
#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 */
 
 
}
 
}
  
 +
/* Style [[Meta:Language select]] widget */
 +
.lang_info {font-size:8pt;text-align:right;margin-bottom:0.5em;}
 +
    .lang_info a {font-weight:bold;font-family:Arial,
 +
      sans-serif;font-size:8pt;}
 +
    .lang_info input {font-size:8pt;}
 +
    .lang_info input.ls_select {font-weight:bold;}
  
/* Accessibility experiment: make diff changes not just colour-based */  
+
/* Disable grey background when code is used in a header */
 +
h2 code, h3 code, h4 code, h5 code, h6 code {background:none;}
 +
/* Some monospace fonts are too light in comparison to surrounding heading text, give them a nudge */
 +
h2 code {font-weight:bold;}
  
.diffchange {
+
/* </nowiki></pre> */
    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;
+
}
+
 
+
/* 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>*/
+

Version actuelle en date du 20 juin 2007 à 05:02

/* <pre><nowiki> */

/* edit this file to customize the monobook skin for the entire site */
#fundraising {
 text-align: center;
 border: 1px solid gray;
 padding: 5px;
 margin-top: 5px;
}	 	
		 	
#content {
    background: #ffffff; /* white */
}

.ns-0 * #content {
    background: #ffffff;
}

#mytabs li {
    background: #f4f4f4;
}

.ns-0 * #mytabs li {
    background: #f4f4f4;
}

#mytabs li a {
    background-color: #f4f4f4;
}

.ns-0 * #mytabs li a {
    background-color: #f4f4f4;
}

/* For p-cactions (the top "tabs") it works only because my .js moves them into the
   "ns-0" wrapper anyway. */
#p-cactions li {
    background: #f4f4f4;
}

.ns-0 * #p-cactions li {
    background: #ffffff;
}

#p-cactions li a {
    background-color: #ffffff;
}

.ns-0 * #p-cactions li a {
    background-color: #ffffff;
}

/* Display "From Meta..." */
#siteSub {
    display: inline;
    font-size: 120%;
    font-weight: normal;
}

/* Do not print certain classes that shouldn't appear on paper */

@media print {
    .editlink, .noprint, .metadata, .dablink { display: none }
}

/* Style [[Meta:Language select]] widget */
.lang_info {font-size:8pt;text-align:right;margin-bottom:0.5em;}
    .lang_info a {font-weight:bold;font-family:Arial,
      sans-serif;font-size:8pt;}
    .lang_info input {font-size:8pt;}
    .lang_info input.ls_select {font-weight:bold;}

/* Disable grey background when code is used in a header */
h2 code, h3 code, h4 code, h5 code, h6 code {background:none;}
/* Some monospace fonts are too light in comparison to surrounding heading text, give them a nudge */
h2 code {font-weight:bold;}

/* </nowiki></pre> */