MediaWiki:Common.css: Difference between revisions

From ScoutWiki, For Everyone, Everywhere involved with Scouting and Guiding...
Jump to navigation Jump to search
(test)
No edit summary
Line 1: Line 1:
Please check for any errors with the [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Ftrain.spottingworld.com%2FMediaWiki%3ACommon.css&warning=1&profile=css21&usermedium=all validation service] after any changes.
//<source lang="css">
/** Le CSS placé ici sera appliqué à toutes les apparences. **/


/** CSS placed here will be applied to all skins
/* Lien sur image */
<pre><nowiki>
.imln1 {position:relative; z-index:2; overflow:hidden; vertical-align:middle;}
*/


/* <pre><nowiki> */
.imln2 {position:absolute; overflow:hidden;}
/* Main page fixes */
#interwiki-completelist {
    font-weight: bold;
}
/* make the list of references look smaller */
ol.references {
  font-size: 100%;
}
 
.references-small { font-size: 90%;}
 
/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
/* Please ignore any validator errors caused by these two lines */
.references-2column {
  font-size: 90%;
  -moz-column-count:2;
  column-count:2;
}
 
/* calendar extension */
.calendar {
    border: 1px solid #bbbbbb;
    font-size: 9px;
    line-height: normal;
}
 
.calendar a {
    color: #000000;
}
 
.calendar td {
    text-align: center;
    padding: 4px;
    margin: 0;
    background-color: #dddddd;
}
 
.calendarTop td {
    background-color: #bbbbbb;
    font-weight: bold;
}
 
.calendarTop a {
    color: #000000;
}
 
.calendarDayNames {
    background-color: #dddddd;   
}
 
.calendarupcoming {
    border: 1px solid #bbbbbb;
    font-size: 10px;
    line-height: normal;
    margin-top: 6px;
}


.calendarupcomingTop  {
.imln2 span {text-decoration:none;}
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 3px;
    background-color: #bbbbbb;
    font-weight: bold;
}


.calendarupcomingBottom {
/* WIKITABLE */
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 3px;
    background-color: #bbbbbb;
    font-weight: bold;
}


.calendarupcomingBottom a {
/* Classe pour tableaux standards, légèrement grisés. Syntaxe : {| class="wikitable" */
    color: #000000;
}
 
.calendarupcomingRow1 {
    padding: 3px;
}
 
.calendarupcomingRow2 {
    padding: 3px;
    border-top: 1px dotted #bbbbbb;   
}
 
.calendarupcomingRow1 a {
    color: #000000;
}
 
.calendarupcomingRow1 a:visited {
    color: #000000;
}
 
.calendarupcomingRow2 a {
    color: #000000;
}
 
.calendarupcomingRow2 a:visited {
    color: #000000;
}
 
/* wikitable/prettytable class for skinning normal tables */
<source lang="css">


/* Tableaux selon la charte graphique. Ils sont centrés par défaut. */
table.wikitable {
table.wikitable {
  margin-top:1em;
  margin-top:1em;
Line 124: Line 21:
  border-collapse:collapse;
  border-collapse:collapse;
}
}
 
table.wikitable th, table.wikitable td {
table.wikitable th, table.wikitable td {
  border:1px #AAA solid;
  border:1px #AAA solid;
  padding:.3em;
  padding:.3em;
}
}
 
table.wikitable th, .wikitable_header {
table.wikitable th, .wikitable_header {
  background:#F2F2F2;
  background:#F2F2F2;
  text-align:center;
  text-align:center;
}
}
 
table.wikitable caption {
table.wikitable caption {
  margin-left:inherit;
  margin-left:inherit;
  margin-right:inherit;
  margin-right:inherit;
}
}
</source>
 
/* default skin for navigation boxes */
 
table.navbox {
/* Menu en haut des pages (en dur dans le skin) */
    background-color: #f9f9f9;
#domaines {
    border: 1px solid #aaa;
position:absolute;
    clear: both;
top:-20px;
    font-size: 90%;
right:5px;
    margin: 1em 0em 0em;
    padding: 2px;
    text-align: center;
    width: 100%;
}
}


table.navbox th {
#domaines a img {
    background-color: #ccf;
padding:0px;
    padding-left: 1em;
margin:0px;
    padding-right: 1em;
border:0px;
}
}


table.navbox tr:not(:first-child) th {
 
    background-color: #ddf;
/* Bandeau de la page d'accueil */
#friseAccueil {
position:relative;
background-image:url("images/3/3a/Frise_1.jpg");
background-repeat:repeat-x;
width:100%;
height:120px;
color:#ffffff;
padding-bottom:10px;
}
}


@media print {
#friseAccueil p {
    .navbox {
position:absolute;
        display: none;
bottom:2px;
    }
left:2em;
font-size:105%;
letter-spacing: 0.1em;
}
}
<source lang="css">
 
/* Catégories cachées */
#mw-hidden-catlinks {display:none;}
 
/* Affiche en italique les redirects dans les catégories */
.redirect-in-category {font-style:italic;}


.i_bg {width:280px; min-height:275px; float:right; margin-left:5px; margin-bottom:1em; background-repeat:repeat-y;}
.i_bg {width:280px; min-height:275px; float:right; margin-left:5px; margin-bottom:1em; background-repeat:repeat-y;}
Line 269: Line 177:
   
   
.if_univers {background-image:url("images/tpl/infobox_bas_univers.png");}
.if_univers {background-image:url("images/tpl/infobox_bas_univers.png");}
</source>
/* Style for "notices" */
.notice {
    margin: 1em;
    padding: 0.2em;
}
#disambig {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.spoiler {
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}
/* Standard talk template style */
.Talk-Notice  {
    border: 1px solid #C0C090;
    background-color: #F8EABA;
    margin-bottom: 3px;
    width: 85%;
    border-spacing: 3px;
    margin-left: auto;
    margin-right: auto;
}
.Talk-Notice:after {
  content: "The CSS for this template should be changed. See [[Wikipedia:Template Standardisation]].";
}
/* Make template background appear correctly on all browsers */
.Talk-Notice td {
    background: inherit;
}
/* Persondata */
table.persondata {
    border: 1px solid #aaa;
    display: none;
    speak: none;
}
.persondata-label {
    color: #aaa;
}
/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
.redirect-in-category, .allpagesredirect {
    font-style: italic;
}
/* Messagebox templates */
.messagebox {
  border: 1px solid #aaa;
  background-color: #f9f9f9;
  width: 80%;
  margin: 0 auto 1em auto;
  padding: .2em;
}
.messagebox.merge {
  border: 1px solid #c0b8cc;
  background-color: #f0e5ff;
  text-align: center;
}
.messagebox.cleanup {
  border: 1px solid #9f9fff;
  background-color: #efefff;
  text-align: center;
}
.messagebox.standard-talk {
  border: 1px solid #c0c090;
  background-color: #f8eaba;
}
.messagebox.nested-talk {
  border: 1px solid #c0c090;
  background-color: #f8eaba;
  width: 100%;
  margin: 2px 4px 2px 4px;
}
.messagebox.small {
  width: 238px;
  font-size: 85%;
  float: right;
  clear: both;
  margin: 0 0 1em 1em;
  line-height: 1.25em;
}
/* Article message box template styles */
table.ambox {
  width: 80%;
  margin: 0 auto;
  border-collapse: collapse;
  background: #fbfbfb;
  border: 1px solid #aaa;
  border-left: 10px solid #1e90ff;      /* Default "notice" blue */
}
table.ambox th, table.ambox td {      /* The message body cell(s) */
  padding: 0.25em 0.5em;              /* 0.5em left/right */
}
table.ambox td.ambox-image {          /* The left image cell */
  width: 52px;
  padding: 2px 0px 2px 0.5em;        /* 0.5em left, 0px right */
  text-align: center;
}
table.ambox td.ambox-imageright {    /* The right image cell */
  width: 52px;
  padding: 2px 4px 2px 0px;          /* 0px left, 4px right */
  text-align: center;
}
table.ambox-notice {
  border-left: 10px solid #1e90ff;      /* Blue */
/* border-right: 10px solid #1e90ff; */  /* If you want two blue bars */
}
table.ambox-delete,
table.ambox-serious {
  border-left: 10px solid #b22222;      /* Red */
}
table.ambox-content {
  border-left: 10px solid #f28500;      /* Orange */
}
table.ambox-style {
  border-left: 10px solid #f4c430;      /* Yellow */
}
table.ambox-merge {
  border-left: 10px solid #9932cc;      /* Purple */
}
table.ambox-protection {
  border-left: 10px solid #bba;          /* Gray */
}
table.ambox.ambox-mini {                /* small floating box variant */
    float: right;
    clear: right;
    margin: 0 0 0 1em;
    width: 25%;
}
/* Needed for {{nowraplinks}} */
.nowraplinks a { white-space: nowrap; }
/*</nowiki></pre>*/
/* Colour the number of characters added/removed in the recent changes/ */
.mw-plusminus-pos {
  color: #006500;
}
.mw-plusminus-neg {
  color: #8B0000;
}

Revision as of 13:09, 2 April 2010

//<source lang="css">
/** Le CSS placé ici sera appliqué à toutes les apparences. **/

/* Lien sur image */
.imln1 {position:relative; z-index:2; overflow:hidden; vertical-align:middle;}

.imln2 {position:absolute; overflow:hidden;}

.imln2 span {text-decoration:none;}

/* WIKITABLE */

/* Classe pour tableaux standards, légèrement grisés. Syntaxe : {| class="wikitable" */

/* Tableaux selon la charte graphique. Ils sont centrés par défaut. */
table.wikitable {
 margin-top:1em;
 margin-bottom:1em;
 background:#F9F9F9;
 border:1px #AAA solid;
 border-collapse:collapse;
}

table.wikitable th, table.wikitable td {
 border:1px #AAA solid;
 padding:.3em;
}

table.wikitable th, .wikitable_header {
 background:#F2F2F2;
 text-align:center;
}

table.wikitable caption {
 margin-left:inherit;
 margin-right:inherit;
}


/* Menu en haut des pages (en dur dans le skin) */
#domaines {
position:absolute;
top:-20px;
right:5px;
}

#domaines a img {
padding:0px;
margin:0px;
border:0px;
}


/* Bandeau de la page d'accueil */
#friseAccueil {
position:relative;
background-image:url("images/3/3a/Frise_1.jpg");
background-repeat:repeat-x;
width:100%;
height:120px;
color:#ffffff;
padding-bottom:10px;
}

#friseAccueil p {
position:absolute;
bottom:2px;
left:2em;
font-size:105%;
letter-spacing: 0.1em;
}

/* Catégories cachées */
#mw-hidden-catlinks {display:none;}

/* Affiche en italique les redirects dans les catégories */
.redirect-in-category {font-style:italic;}

.i_bg {width:280px; min-height:275px; float:right; margin-left:5px; margin-bottom:1em; background-repeat:repeat-y;}
 
.infobox {width:280px; background-repeat:no-repeat;}
 
.infobox .i_in {min-height:250px; padding:15px; margin-bottom:-15px; font-size:90%; text-align:center;}
 
.infobox div.title {font-size:110%; font-weight:bold; padding:2px; margin:0 0 10px 0;}
 
.infobox div.subtitle {font-weight:bold; padding:0; margin:0;}
 
.infobox hr {height:2px; border:0; clear:both;}
 
.infobox table {width:100%; background-color:transparent;}
 
.infobox table th {text-align:left; vertical-align:top;}
 
.infobox table td {text-align:left; vertical-align:middle;}
 
.i_footer {width:280px; height:25px; background-repeat:no-repeat;}
 
/*** Classes for special colors of the domains ***/
 
/* Technic */ 
.i_technics {background-image:url("images/tpl/infobox_haut_techniques.png");}
 
.i_technics div.title {border-bottom:2px solid #f7dfb9;}
 
.i_technics div.subtitle {background-color:#e1be66;}
 
.i_technics hr {color:#e1be66; background-color:#e1be66;}
 
.ibg_technics {background-image:url("images/tpl/infobox_bg_techniques.png");}
 
.if_technics {background-image:url("images/tpl/infobox_bas_techniques.png");}
 
/* Activities */ 
.i_activities {background-image:url("images/tpl/infobox_haut_animation.png");}
 
.i_activities div.title {border-bottom:2px solid #f0ff80;}
 
.i_activities div.subtitle {background-color:#ffdf80;}
 
.i_activities hr {color:#ffdf80; background-color:#ffdf80;}
 
.ibg_activities {background-image:url("images/tpl/infobox_bg_animation.png");}
 
.if_activities {background-image:url("images/tpl/infobox_bas_animation.png");}
 
 
/* Scout method */ 
.i_method {background-image:url("images/tpl/infobox_haut_theorie.png");}
 
.i_method div.title {border-bottom:2px solid #ffd6d6;}
 
.i_method div.subtitle {background-color:#ffb6b6;}
 
.i_method hr {color:#ffb6b6; background-color:#ffb6b6;}
 
.ibg_method {background-image:url("images/tpl/infobox_bg_theorie.png");}
 
.if_method {background-image:url("images/tpl/infobox_bas_theorie.png");}
 
/* Scouting in the world */ 
.i_world {background-image:url("images/tpl/infobox_haut_monde.png");}
 
.i_world div.title {border-bottom:2px solid #dcf2e4;}
 
.i_world div.subtitle {background-color:#98e6b2;}
 
.i_world hr {color:#98e6b2; background-color:#98e6b2;}
 
.ibg_world {background-image:url("images/tpl/infobox_bg_monde.png");}
 
.if_world {background-image:url("images/tpl/infobox_bas_monde.png");}
 
/* History of scouting */ 
.i_history {background-image:url("images/tpl/infobox_haut_histoire.png");}
 
.i_history div.title {border-bottom:2px solid #cafdb5;}
 
.i_history div.subtitle {background-color:#add67a;}
 
.i_history hr {color:#add67a; background-color:#add67a;}
 
.ibg_history {background-image:url("images/tpl/infobox_bg_histoire.png");}
 
.if_history {background-image:url("images/tpl/infobox_bas_histoire.png");}
 
/* Univers */ 
.i_univers {background-image:url("images/tpl/infobox_haut_univers.png");}
 
.i_univers div.title {border-bottom:2px solid #e1cffb;}
 
.i_univers div.subtite {background-color:#d0adff;}
 
.i_univers hr {color:#d0adff; background-color:#d0adff;}
 
.ibg_univers {background-image:url("images/tpl/infobox_bg_univers.png");}
 
.if_univers {background-image:url("images/tpl/infobox_bas_univers.png");}