MediaWiki:Common.css
Version courante :
Attention : Depuis MediaWiki 1.18 les pages se terminant avec l'extension .js ou .css sont interprétées comme des pages wiki ! En particulier les modèles (subst ou non) et les liens. Vous devez donc migrer le code source et effectuer vos changements en évitant ces éléments de syntaxe wiki (peu importe leurs emplacements dans le code source : commentaire, chaine) :
- Double accolades ouvrantes (en particulier avec subst:) : séparer les deux accolades
"{"+"{"du reste de la chaine - Double crochets ouvrants : même technique de séparation.
- Signature (tildes ~ multiples) : même technique de séparation.
Note : après avoir enregistré vos préférences, vous devrez attendre que le serveur mette à jour la feuille de style globale avant de forcer le rechargement complet du cache de votre navigateur pour voir les changements.
- Firefox / Safari : Maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac) ;
- Google Chrome : Appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac) ;
- Internet Explorer : Maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ;
- Konqueror : Cliquez sur Actualiser ou pressez F5 ;
- Opera : Videz le cache dans Outils → Préférences.
@import url("https://fr.wikibooks.org/w/index.php?title=MediaWiki:Common.css/Bandeau.css&ctype=text/css&action=raw");
@import url("https://fr.wikibooks.org/w/index.php?title=MediaWiki:Common.css/Notice.css&ctype=text/css&action=raw");
.wgfrwikibooks_CommonCssVersion:after{content:"20231210001";}
/* Le CSS placé ici sera appliqué à toutes les apparences.
<indicator name="version"><span class="wgfrwikibooks_CommonCssVersion">Version courante : </span></indicator>
Effectuez toujours un [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Ffr.wikibooks.org%2Fw%2Findex.php%3Ftitle%3DMediaWiki%3ACommon.css%26action%3Draw%26ctype%3Dtext%2Fcss&usermedium=all test de validation CSS] après chaque modification et [http://validator.w3.org/ vérifiez] que les pages concernées par les modifications de cette feuille de style produise un code HTML valide.
RECOMMANDÉ :
* pour les couleurs, utiliser si possible l'une des 216 couleurs web standards
(en hexadécimal pour chaque composante, n'utiliser que les chiffres multiples de 3 doublés: 00 33 66 99 cc ff)
Voir aussi :
- [[Mediawiki:Common.js]]
- [[MediaWiki:Geshi.css]]
- [[Mediawiki:Monobook.css]]
- [[Mediawiki:Vector.css]]
== CLASSES GÉNÉRALES ==
*/
body.mediawiki .only_mobile { display:none; }
.newbooks-0 { display:none; }
body .mw-highlight {
position: initial;
}
table {
background: None;
}
.link-wikipedia {
background: url("//upload.wikimedia.org/wikipedia/commons/8/85/Wikipedia-logo-14px.png") no-repeat center left !important;
padding-left:17px !important;
}
.opaque {
background-color: white;
}
/* Pour les catégories : clear avant les rubriques sous-catégorie, et pages */
#mw-subcategories, #mw-pages { clear:both; }
.content-footer {
clear:both; /* Clear pour les bas de page */
display:none; /* Caché temporairement pour éviter les effets transitoires sporadiques. */
}
/* Zone hachurée */
.hachure {
background: linear-gradient(45deg, #ccc 1%, #0000 1%, #0000 49%, #ccc 49%, #ccc 51%, #0000 51%, #0000 99%, #ccc 99%);
background-size: 6px 6px;
}
/* Affichage en fond transparent de <code></code> */
code {
background-color: transparent;
border: 0;
}
.mw-parser-output {
position: relative;
}
/* Réserver un contenu à l'impression (display rétabli dans MediaWiki:Print.css)
utilisé pour les entrées de ref group. */
.printcssonly {
display: none;
}
/* DESCRIPTION DES GADGETS */
.gadget-new:before
{
content:"Nouveau ! ";
color:red;
font-weight:bold;
font-style:italic;
}
.gadget-ext {
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=") no-repeat scroll right center transparent;
padding-right:13px;
}
.gadget-big {
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAACQSURBVDhPlZIBDoAgCEWpK3UnPVOdKc9UfeZ3jLn5c3PaBx4E2jNZVu6ZLGm7iWurza4mOMe0Zy/sb4WMA8sIhEgQTm7otMU77Q75/EcxEBgQgUyUtVh9LgAc72GVmrPuHzgOPMux9hY8wHEgeBmKqWJD5w/gxDdtMQd0r2s2ZenB9WFwBqPnanB+DXGykfECNY3C1VRyg0AAAAAASUVORK5CYII=") no-repeat scroll right center transparent;
padding-right:23px;
}
/* CATÉGORIES CACHÉES */
/* Si toutes les catégories d'une page sont cachées, les afficher quand même (comme ça le script peut afficher le "+") */
.catlinks-allhidden { display: block; }
/* Masquage du lien vers [[Special:Upload]], remplacement par un autre lien dans Monobook.js */
#t-upload {
display:none
}
table.normale th, table.normale td {
vertical-align: top;
}
/* cacher les crochets pour les notes par défaut */
.cite_crochet {
display: none
}
/* pour lettrines */
.lettrine:first-letter {
margin-right: 0.1em;
float: left;
font-size: 4em;
font-weight: bold;
}
/* mise en valeur des références cliquées */
ol.references > li:target {
background-color: #DDEEFF;
}
/* pour harmoniser les exposants */
/*.exposant { vertical-align: text-top; }*/
/* pour diminuer la taille des notes lorsqu'elles sont générées par le modèle "Références" */
.references-small { font-size: 90%;}
/* dans special:allpages et special:watchlist,
rendre plus visible les pages étant des redirects
(allpagesredirect est déjà en italique par défaut) */
.allpagesredirect a,
.watchlistredir a {
color:green;
}
/* pour les petits liens en bas à droite des cadres */
.portailLienEdition, .SmallRightLink, .SmallRightText {
display:block;
font-size:x-small;
text-align:right;
clear:both;
}
/* SPÉCIFICITÉS SELON LA PAGE */
/* cache le titre sur la page d'accueil */
.page-Accueil .firstHeading {display:none}
/* Page d'accueil en pleine largeur en Vector-2022 */
.ns-0.page-Accueil.skin-vector:not(.skin-vector-legacy) #mw-sidebar-checkbox:not(:checked) ~ .vector-sidebar-container-no-toc ~ .mw-content-container {
max-width: unset;
}
/* MODÈLES DE COORDONNÉES */
/* Voir [[Modèle:Coord]] pour l'utilité de ces classes.
Notez que les classes "geo", "longitude", et "latitude" ne sont pas simplement des styles
mais servent aussi à l'export au Geo microformat, il ne faut pas les renommer. */
.geo-default { display:inline }
.geo-nondefault { display:none }
.geo-dms { display:inline }
.geo-dec { display:inline }
.geo-multi-punct { display:none }
.longitude .latitude { white-space:nowrap }
/*
=== Style de numérotation des listes ordonnées ===
Utiliser une balise <div class="list-..."> pour encadrer la liste.
*/
/* NIVEAU 1 */
.list-upper-roman li { list-style-type: upper-roman; }
.list-lower-roman li { list-style-type: lower-roman; }
.list-upper-latin li { list-style-type: upper-latin; }
.list-lower-latin li { list-style-type: lower-latin; }
/* NIVEAU 2 */
.list-upper-roman2 li li { list-style-type: upper-roman; }
.list-lower-roman2 li li { list-style-type: lower-roman; }
.list-upper-latin2 li li { list-style-type: upper-latin; }
.list-lower-latin2 li li { list-style-type: lower-latin; }
/* NIVEAU 3 */
.list-upper-roman3 li li li { list-style-type: upper-roman; }
.list-lower-roman3 li li li { list-style-type: lower-roman; }
.list-upper-latin3 li li li { list-style-type: upper-latin; }
.list-lower-latin3 li li li { list-style-type: lower-latin; }
/*
=== Tableau standard en utilisant class="wikitable" ===
*/
table.wikitable {
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px #aaaaaa solid;
border-collapse: collapse;
}
table.wikitable > tbody > th, table.wikitable > tbody > td {
border: 1px #aaaaaa solid;
padding: 0.2em;
}
table.wikitable > tbody > th {
background: #f2f2f2;
text-align: center;
}
table.wikitable > caption {
margin-left: inherit;
margin-right: inherit;
}
/*
=== Tableau standard en utilisant class="charttable" ===
*/
table.charttable {
margin: 0;
background: #ffffff;
border: 1px #999999 solid;
border-collapse: collapse;
}
table.charttable > tbody > th, table.charttable > tbody > td {
padding: 0.2em;
}
table.charttable > tbody > th {
background: #f2f2f2;
text-align: center;
}
table.charttable > caption {
margin-left: inherit;
margin-right: inherit;
}
table.altlines1 > tbody > tr:nth-child(odd) {background: #f0f0f0}
table.altlines2 > tbody > tr:nth-child(even) {background: #f0f0f0}
/*
== Messages systèmes ==
*/
div.mw-lag-warn-normal, div.mw-lag-warn-high {
text-align: left ! important;
width: 50% ! important;
}
.mw-alerte {
width:100%;
clear:both;
background-color:antiquewhite;
border:2px solid darkorange;
}
/* Boites à outils, dans certains messages systèmes (Historique, Recherche, Contributions...) */
.mw-toolbox {
font-size:90%;
background-color:#F8F8F8;
border:1px solid #B8B8B8;
padding:0.25em 1em 0.25em 1em;
clear:both;
}
/* Boite grisée, par exemple pour le renommage */
.mw-greybox {
border:1px solid #ccd2d9;
background-color:#f0f6fa;
padding:0.25em 1em 0.25em 1em;
clear:both;
}
.list-in ul, .list-in ol {
list-style-position: inside;
}
/*
Par défaut les listes non ordonnées ont une faible marge pour la puce devant les items,
tandis que les listes ordonnées ont une marge plus grande pour le numéro potentiellement grand.
Donc l'emploi de listes ordonnées et non ordonnées donnent des items non alignés par défaut.
Uniformiser les marges des listes :
- Pour les recettes de cuisine
- Pour le contenu ayant la classe "unilist"
*/
.rootpage-Livre_de_cuisine .mw-content-ltr ul, .rootpage-Livre_de_cuisine .mw-content-rtl .mw-content-ltr ul, .rootpage-Livre_de_cuisine .mw-content-ltr ol, .rootpage-Livre_de_cuisine .mw-content-rtl .mw-content-ltr ol
{
margin-left: 2.4em;
}
.mw-content-ltr .unilist ul, .mw-content-rtl .mw-content-ltr .unilist ul, .mw-content-ltr .unilist ol, .mw-content-rtl .mw-content-ltr .unilist ol
{
margin-left: 2.4em;
}
.rootpage-Livre_de_cuisine .mw-content-rtl ul, .rootpage-Livre_de_cuisine .mw-content-ltr .mw-content-rtl ul, .rootpage-Livre_de_cuisine .mw-content-rtl ol, .rootpage-Livre_de_cuisine .mw-content-ltr .mw-content-rtl ol
{
margin-right: 2.4em;
}
.mw-content-rtl .unilist ul, .mw-content-ltr .mw-content-rtl .unilist ul, .mw-content-rtl .unilist ol, .mw-content-ltr .mw-content-rtl .unilist ol
{
margin-right: 2.4em;
}
/*
== ÉLÉMENTS UNIQUES ==
Pour les id="..."
*/
#entete_accueil {
width:80%;
margin:0 auto;
font-size:115%;
line-height:1.3em;
font-weight:bold;
margin-bottom:0;
text-align:center;
}
#browsebar {
margin-top:-3px;
margin-bottom:0.5em;
font-variant: small-caps;
text-align: center;
font-size: 102%;
}
#browsebar ul, #browsebar li, #browsebar p {
display:inline
}
#browsebar ul {
margin-left:0;
}
#browsebar ul li:after { content: "\A0– " }
#browsebar ul li:after { content: "" }
/*
== ÉLÉMENTS GÉNÉRIQUES ==
=== Retrait des liens modifier ===
Pour supprimer le lien "modifier" à côté d'une section donnée, utiliser <div class="noeditsection"></div>.
*/
.noeditsection span.editsection {
display: none;
}
/*
== Pour [[Modèle:TopNav]] ==
*/
#top-navigation {
position:absolute;
right: 1.15em;
top: 3.0em;
}
/*
== Coloration indentative ==
*/
.ns-1 dd, .ns-3 dd, .ns-5 dd, .ns-7 dd, .ns-9 dd,
.ns-11 dd, .ns-13 dd,.ns-15 dd, .colorationindentative dd {
margin: 0;
padding: 0;
}
.ns-1 dl, .ns-3 dl, .ns-5 dl, .ns-7 dl, .ns-9 dl,
.ns-11 dl, .ns-13 dl, .ns-15 dl, .colorationindentative dl {
border-top: solid 1px lightgrey;
border-left: solid 1px lightgrey;
padding-top: 0.5em;
padding-left: 0.5em;
margin-left: 1em;
}
/*
== Boites déroulantes ==
*/
div.BoxenVerschmelzen,
div.NavFrame {
margin: 0px;
padding: 2px;
border: 1px solid #aaaaaa;
border-collapse: collapse;
font-size: 95%;
}
div.BoxenVerschmelzen div.NavFrame {
border-style: none;
border-style: hidden;
}
div.NavFrame + div.NavFrame {
border-top-style: none;
border-top-style: hidden;
}
div.NavPic {
background-color: #ffffff;
margin: 0px;
padding: 2px;
float: left;
}
div.NavFrame div.NavHead {
height: 1.6em;
vertical-align: middle;
font-weight: bold;
font-size: 100%;
background-color: #efefef;
}
div.NavHead p {
margin: 0;
vertical-align: middle;
}
div.NavFrame p {
font-size: 100%;
}
div.NavFrame div.NavContent {
font-size: 100%;
}
div.NavFrame div.NavContent p {
font-size: 100%;
}
div.NavEnd {
margin: 0px;
padding: 0px;
line-height: 1px;
clear: both;
}
/*
== Classes pour autoriser une centralisation des sommaires ==
Auteurs : [[w:user:Lachaume]], [[user:J.M. Tavernier]]
Premièrement sont définis les identifiants séparés calqués sur l'apparence de #toc du thème monobook depuis /style/monobook/main.css définis séparément pour ne pas produire du code invalide au test http://validator.w3.org/ lorsque plusieurs types de sommaires sont utilisés dans une page.
Puis la définition de la classe "linelist" qui permet de simuler une liste ordonnée plate à partir d'une liste ordonnée en colonne.
Enfin la classe "numbersonly" qui est censée pouvoir n'afficher que les nombres, sans le texte dans un sommaire condensé destiné à être placé en bas des pages.
Ces classes sont destinées à fonctionner en corrélation avec le [[Modèle:Sommaire]].
*/
#sommaire_droite, #sommaire_haut, #sommaire_bas {
border:1px solid #aaaaaa;
background-color:#f9f9f9;
padding:5px;
font-size: 95%;
}
#sommaire_droite {
width:200px;
float:right;
}
#sommaire_prog {
width:200px;
float:right;
background:white;
border:3px blue solid;
border-style: inset;
margin:0;
margin-left: 1em;
border-spacing: 0;
}
#sommaire_prog th, #sommaire_prog td {
padding:2px;
}
#sommaire_prog a, #sommaire_prog p {
background:none;
}
#sommaire_prog h3, * #sommaire_prog h2 {
font-size:small;
margin:0;
padding:0;
border:none;
text-align:center;
background:#E0E0F0;
font-weight:bold;
}
#sommaire .editsection {
display:none
}
#sommaire ol {
margin: 0.3em 0 0 2em;
}
#sommaire_prog ol {
font-size:smaller;
}
.linelist ol { margin-left:0em ; counter-reset: item }
.linelist ol li { display:inline ; white-space:normal ;}
.linelist ol li:after { content: " · " }
.linelist ol li:after { content: "" }
.linelist ol li a:before { content: counter(item) ".\A0"; counter-increment: item }
.linelist ol li .selflink:before { content: counter(item) ".\A0"; counter-increment: item }
/*
== EN-TÊTES ==
*/
.headergris {
background: url("//upload.wikimedia.org/wikipedia/commons/d/d7/Bookbar2.png") right;
background-repeat: no-repeat;
margin:0;
background-color:#F0F0F0;
font-size:120%;
font-weight:bold;
border:1px solid #a3b0bf;
text-align:left;
color:#000000;
padding:0.2em 0.4em;
}
.headerbleu {
background: url("//upload.wikimedia.org/wikipedia/commons/a/a2/Bookbar1.png") right;
background-repeat: no-repeat;
margin:0;
background-color:#F0F0F0;
font-size:120%;
font-weight:bold;
border:1px solid #a3b0bf;
text-align:left;
color:#000000;
padding:0.2em 0.4em;
}
.headergris span.editsection, .headerbleu span.editsection, .headergris a.NavToggle, .headerbleu a.NavToggle {
margin-right: 100px;
}
/*
== ÉLÉMENTS À NE PAS AFFICHER DANS LA VERSION IMPRIMABLE ==
*/
@media print {
.firstHeading,
.editlink,
.noprint,
.metadata,
.dablink,
#top-navigation,
#contentSub,
.toc,
.bookInfobox,
.catlinks,
#privacy,
#about,
#disclaimer{
display: none !important;
}
a {
margin: auto 1px;
}
}
/*
== Style des méta-bandeaux et des méta-étiquettes ==
voir [[Modèle:Méta-bandeau]] et voir [[Modèle:Méta-étiquette]]
*/
.bandeau {
border: #cccccc solid 1px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
border-left: solid 10px;
padding: 0px;
width: 70%; /* largeur par défaut : peut être modifiée en utilisant les classes suivantes */
border-left-color: #aaaaaa; /* couleur par défaut : peut être modifiée en utilisant les classes suivantes */
}
.bandeautitre {
font-weight: bold;
margin: 0;
padding: 2px 10px 0px 25px;
background-color: inherit;
}
.etiquette {
border: #cccccc solid 1px;
background-color: white;
border-left: solid 10px;
padding: 5px;
width: 250px;
border-left-color: #aaaaaa; /* couleur par défaut, remplaçable */
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.etiquettedroite {
clear: right;
float: right;
margin-left: 2em;
}
.etiquettegauche {
clear: left;
float: left;
margin-right: 2em;
}
.bandeauvert, .etiquettevert {
border-left-color: #228b22;
}
.bandeauvert .bandeautitre {
background-color: #eeffee;
}
.bandeaurouge, .etiquetterouge {
border-left-color: #c22222;
}
.bandeaurouge .bandeautitre {
background-color: #ffeeee;
}
.bandeauorange, .etiquetteorange {
border-left-color: #ffaa00;
}
.bandeauorange .bandeautitre {
background-color: #ffefc6;
}
.bandeauviolet, .etiquetteviolet {
border-left-color: #9932cc;
}
.bandeauviolet .bandeautitre {
background-color: #f5d9ff;
}
.bandeaubleu, .etiquettebleu {
border-left-color: #1e90ff;
}
.bandeaubleu .bandeautitre {
background-color: #ccecff;
}
.bandeaujaune, .etiquettejaune {
border-left-color: #fbe80f;
}
.bandeaujaune .bandeautitre {
background-color: #ffffdd;
}
.bandeaupetit {
width: 50%;
}
.bandeaumoyen {
width: 60%;
}
.bandeaugrand {
width: 90%;
}
body .bandeaugauche {
margin-left:0;
width: unset;
margin-right: 320px;
}
@media (max-width: 700px) {
body .bandeaugauche {
margin-right: 0px;
}
}
/*
== Icônes de titre ==
*/
.icone_de_titre {
margin-left: 0.4em;
}
/*
LETTRINE
Sans avoir besoin d'encadrer la première lettre.
class="lettrine<H>" où <H> est la hauteur en nombre de lignes (1 à 4).
*/
.lettrine1 p:first-child:first-letter {
float:left;
text-shadow:3px 3px 3px silver;
padding-right:.1em;
line-height:80%;
margin:0px;
font-size:1.8em;
}
.lettrine2 p:first-child:first-letter {
float:left;
text-shadow:3px 3px 3px silver;
padding-right:.1em;
line-height:80%;
margin:0px;
font-size:3.6em;
}
.lettrine3 p:first-child:first-letter {
float:left;
text-shadow:3px 3px 3px silver;
padding-right:.1em;
line-height:80%;
margin:0px;
font-size:5.4em;
}
.lettrine4 p:first-child:first-letter {
float:left;
text-shadow:3px 3px 3px silver;
padding-right:.1em;
line-height:80%;
margin:0px;
font-size:7.2em;
}
/*
== Corrections impression du code source ==
*/
@media print {
pre { font-size:100%; }
}
/* DÉBUT DES SCHÉMAS DE COULEUR DE "CADRE À ONGLETS"
Fonctionnement du [[Modèle:Cadre à onglets]]
Modèle implanté par User:Peleguer de //ca.wikipedia.org
Actualisé par User:Joanjoc de //ca.wikipedia.org
Traduction et adaptation User:Antaya de //fr.wikipedia.org
Couleurs pour le [[Modèle:Cadre à onglets]]
Configuration des couleurs par défaut
Couleurs utilisées; 1; 8080ff 2; 9f9fff 3; c4c4ff 4; ddddff 5; eaeaff */
.mbBouton {
background-color: #ddddff;
border: 0.15em solid #000000;
border-color: #eaeaff #c4c4ff #9f9fff #eaeaff;
-moz-border-radius: .5em .5em 0em 0em; /* NE VALIDE PAS AU w3c VALIDATOR */
border-radius: .5em .5em 0em 0em;
cursor:pointer;
display: inline;
margin-right: 0.1em;
padding: 0.2em 0.3em 0.2em 0.3em;
position: relative;}
.mbBouton a,
.mbBouton strong {
background: none !important;
color:#8080ff !important; /* 1 */
font-size: 90%;
font-weight: bold;
padding: 0 !important;
text-decoration: none !important;}
.mbBouton a:hover,
.mbBouton strong:hover {
color: black !important;
text-decoration: underline !important;}
.mbBoutonSel {
background-color: #9f9fff; /* 2 */
border: 0.15em solid #000000;
border-color: #c4c4ff #8080ff #9f9fff #c4c4ff; /* 3 1 2 3 */
-moz-border-radius: .5em .5em 0em 0em;
border-radius: .5em .5em 0em 0em;
cursor: default;
display: inline;
margin-right: 0.1em;
padding: 0.2em 0.3em 0.2em 0.3em;
position: relative;
color:white;}
.mbBoutonSel a {
background: none !important;
color:white !important;
cursor: default;
font-size: 90%;
font-weight: bold;
padding: 0 !important;
text-decoration: none !important;}
.mbContenu {
background-color: #f8f8ff;
border: 0.2em solid #9f9fff; /* 2 */
border-color: #9f9fff #8080ff #8080ff #9f9fff ; /* 2 1 1 2 */
-moz-border-radius: 0em .5em .5em 0em;
border-radius: 0em .5em .5em 0em;
padding: 1em;
position: static; }
.mbOnglet {
background-color: #f8f8ff;
border-color: #8080ff #c4c4ff #c4c4ff #8080ff; /* 1 3 3 1 */ width: 100%;
}
/* Configuration du Lilas 1;7050a0 2;9070c0 3;b090e0 4;d0b0ff 5;f0d0ff */
.mbLilas .mbBouton {
background-color: #d0b0ff; /* 4 */
border-color: #f0d0ff #b090e0 #9070c0 #f0d0ff; /* 5 3 2 5 */}
.mbLilas .mbBouton a,
.mbLilas .mbBouton strong {
color:#8080ff !important; /* 1 */
font-size:90%}
.mbLilas .mbBouton a:hover,
.mbLilas .mbBouton strong:hover {
color: black !important;
text-decoration: underline;}
.mbLilas .mbBoutonSel {
background-color: #9070c0; /* 2 */
border-color: #b090e0 #7050a0 #9070c0 #b090e0; /* 3 1 2 3 */}
.mbLilas .mbContenu {
background-color: #f5fffa;
border-color: #9070c0 #7050a0 #7050a0 #9070c0 ; /* 2 1 1 2 */}
.mbLilas .mbOnglet {
background-color: #f5fffa;
border-color: #7050a0 #b090e0 #b090e0 #7050a0; /* 1 3 3 1 */}
/* Configuration du Vert 1;60b030 2;75c045 3;90d060 4;a5e085 5;c0f090 */
.mbVert .mbBouton {
background-color: #a5e085; /* 4 */
border-color: #c0f090 #90d060 #75c045 #c0f090; /* 5 3 2 5 */}
.mbVert .mbBouton a,
.mbVert .mbBouton strong {
color:#60b030 !important; /* 1 */
font-size:90%}
.mbVert .mbBouton a:hover,
.mbVert .mbBouton strong:hover {
color: black !important;
text-decoration: underline;}
.mbVert .mbBoutonSel {
background-color: #75c045; /* 2 */
border-color: #90d060 #60b030 #75c045 #90d060; /* 3 1 2 3 */}
.mbVert .mbContenu {
background-color: #f5fffa;
border-color: #75c045 #60b030 #60b030 #75c045 ; /* 2 1 1 2 */}
.mbVert .mbOnglet {
background-color: #f5fffa;
border-color: #60b030 #90d060 #90d060 #60b030; /* 1 3 3 1 */}
/* Configuration du Bleu 1;3379de 2;5b8dd6 3;88abde 4;a7c1e6 5;c8d6e9 */
.mbBleu .mbBouton {
background-color: #a7c1e6; /* 4 */
border-color: #c8d6e9 #88abde #5b8dd6 #c8d6e9; /* 5 3 2 5 */}
.mbBleu .mbBouton a,
.mbBleu .mbBouton strong {
color:#3379de !important; /* 1 */
font-size:90%}
.mbBleu .mbBouton a:hover
.mbBleu .mbBouton strong:hover {
color: black !important;
text-decoration: underline;}
.mbBleu .mbBoutonSel {
background-color: #5b8dd6; /* 2 */
border-color: #88abde #3379de #5b8dd6 #88abde; /* 3 1 2 3 */}
.mbBleu .mbContenu {
background-color: #f0f8ff;
border-color: #5b8dd6 #3379de #3379de #5b8dd6; /* 2 1 1 2 */}
.mbBleu .mbOnglet {
background-color: #f0f8ff;
border-color: #3379de #88abde #88abde #3379de; /* 1 3 3 1 */}
/* Configuration du Orange 1;ff820e 2;ff9d42 3;ffac5d 4;ffbd7f 5;ffd0a4 6;ffeedd */
.mbOrange .mbBouton {
background-color: #ffbd7f; /* 4 */
border-color: #ffd0a4 #ffac5d #ff9d42 #ffd0a4; /* 5 3 2 5 */}
.mbOrange .mbBouton a,
.mbOrange .mbBouton strong {
color:#ff820e !important; /* 1 */
font-size:90%}
.mbOrange .mbBouton a:hover
.mbOrange .mbBouton strong:hover {
color: black !important;
text-decoration: underline;}
.mbOrange .mbBoutonSel {
background-color: #ff9d42; /* 2 */
border-color: #ffac5d #ff820e #ff9d42 #ffac5d; /* 3 1 2 3 */}
.mbOrange .mbContenu {
background-color: #ffeedd; /* 6 */
border-color: #ff9d42 #ff820e #ff820e #ff9d42; /* 2 1 1 2 */}
.mbOrange .mbOnglet {
background-color: #ffeedd; /* 6 */
border-color: #ff820e #ffac5d #ffac5d #ff820e; /* 1 3 3 1 */}
/* Configuration du Gris 1;666666 2;868686 3;9f9f9f 4;b9b9b9 5;cfcfcf */
.mbGris .mbBouton {
background-color: #b9b9b9; /* 4 */
border-color: #cfcfcf #9f9f9f #868686 #cfcfcf; /* 5 3 2 5 */}
.mbGris .mbBouton a,
.mbGris .mbBouton strong {
color:#666666 !important; /* 1 */
font-size:90%}
.mbGris .mbBouton a:hover
.mbGris .mbBouton strong:hover {
color: black !important;
text-decoration: underline;}
.mbGris .mbBoutonSel {
background-color: #868686; /* 2 */
border-color: #9f9f9f #666666 #868686 #9f9f9f; /* 3 1 2 3 */}
.mbGris .mbContenu {
background-color: #fffce8;
border-color: #868686 #666666 #666666 #868686; /* 2 1 1 2 */}
.mbGris .mbOnglet {
background-color: #fffce8;
border-color: #666666 #9f9f9f #9f9f9f #666666; /* 1 3 3 1 */}
/* Configuration du Jaune 1;aa8800 2;eabb00 3;ffd52b 4;ffe16a 5;ffeeaa */
.mbJaune .mbBouton {
background-color: #ffe16a; /* 4 */
border-color: #ffeeaa #ffd52b #eabb00 #ffeeaa; /* 5 3 2 5 */}
.mbJaune .mbBouton a,
.mbJaune .mbBouton strong {
color:#aa8800!important; /* 1 */
font-size:90%}
.mbJaune .mbBouton a:hover
.mbJaune .mbBouton strong:hover {
color: black !important;
text-decoration: underline;}
.mbJaune .mbBoutonSel {
background-color: #eabb00; /* 2 */
border-color: #ffd52b #aa8800 #eabb00 #ffd52b; /* 3 1 2 3 */}
.mbJaune .mbContenu {
background-color: #fffce8;
border-color: #eabb00 #aa8800 #aa8800 #eabb00; /* 2 1 1 2 */}
.mbJaune .mbOnglet {
background-color: #fffce8;
border-color: #aa8800 #ffd52b #ffd52b #aa8800; /* 1 3 3 1 */}
/* Configuration du Rouge 1;993300 2;ca4200 3;ff6215 4;ff9b6a 5;ffc6aa */
.mbRouge .mbBouton {
background-color: #ff9b6a; /* 4 */
border-color: #ffc6aa #ff6215 #ca4200 #ffc6aa; /* 5 3 2 5 */}
.mbRouge .mbBouton a,
.mbRouge .mbBouton strong {
color:#993300!important; /* 1 */
font-size:90%}
.mbRouge .mbBouton a:hover
.mbRouge .mbBouton strong:hover {
color: black !important;
text-decoration: underline;}
.mbRouge .mbBoutonSel {
background-color: #ca4200; /* 2 */
border-color: #ff6215 #993300 #ca4200 #ff6215; /* 3 1 2 3 */}
.mbRouge .mbContenu {
background-color: #fffce8;
border-color: #ca4200 #993300 #993300 #ca4200; /* 2 1 1 2 */}
.mbRouge .mbOnglet {
background-color: #fffce8;
border-color: #993300 #ff6215 #ff6215 #993300; /* 1 3 3 1 */}
/* ^^^ plus de 50 classes */
/*FIN DES SCHÉMAS DE COULEUR DE "CADRE À ONGLETS"*/
/* Classe hlist comme Wikisource */
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
.hlist dd,
.hlist dt,
.hlist li {
margin: 0;
display: inline;
white-space: nowrap;
}
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
white-space: normal;
}
.hlist dt:after {
content: ":";
}
.hlist dd:after,
.hlist li:after {
content: " ·";
font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
content: none;
}
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
content: "(";
font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
content: ")";
font-weight: normal;
}
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
content: ")";
font-weight: normal;
}
.hlist.hnum ol {
counter-reset: list-item;
}
.hlist.hnum ol > li {
counter-increment: list-item;
}
.hlist.hnum ol > li:before {
content: counter(list-item) " ";
}
.hlist.hnum dd ol > li:first-child:before,
.hlist.hnum dt ol > li:first-child:before,
.hlist.hnum li ol > li:first-child:before {
content: "(" counter(list-item) " ";
}
/**
* [[Modèle:Remarque]]
*/
.remarque:before {
content:"Remarque : ";
font-weight:bold;
}
.remarque {
margin:2ex auto 2ex 2em;
}
/* Classe pour les listes horizontales séparées par des puces.
Adaptation de la classe 'hlist' de en:User:Edokter.
(cf. [[mw:Snippets/Horizontal lists]]). */
.liste-horizontale ul,
.liste-horizontale ol,
.liste-horizontale li {
margin-left: 0;
display: inline;
white-space: nowrap;
*white-space: normal; /* be kind ie7 */
}
.liste-horizontale li:after {
content: " "; /* au cas ou Mediawiki supprime les retours ligne */
}
.liste-horizontale li + li:before {
white-space: normal;
content: "· ";
font-weight: bold;
}
.liste-horizontale li li:first-child:before {
white-space: normal;
content: " (";
}
.liste-horizontale li ul:after,
.liste-horizontale li ol:after{
content: ")";
margin-left: -0.28em;
}
.liste-horizontale ol {
counter-reset: listitem;
}
.liste-horizontale ol > li {
counter-increment: listitem;
}
.liste-horizontale ol > li:first-child:before {
content: "1.\202F";
}
.liste-horizontale li ol > li:first-child:before {
content: " (1.\202F";
}
.liste-horizontale ol > li + li:before {
content: "· " counter(listitem) ".\202F";
font-weight: normal;
}
/* Boîtes à outils */
.mw-toolbox {
font-size: 90%;
background: #f8f8f8;
border: 1px solid #b8b8b8;
padding: .25em 1em .25em 1em;
clear: both;
}
/* ----------------------------- */
/* Navigation */
/* Laisser une marge au dessus lors du clic sur une ancre : */
#content [id] {
scroll-margin-top: 44px;
}
.nav-haut {
position: sticky;
top: 0px;
min-height: 40px;
opacity: 1;
border-bottom: solid 1px #08c;
margin-bottom: 0.5em;
z-index: 100;
}
.vector-sticky-header-visible.skin-vector:not(.skin-vector-legacy) .nav-haut
{
top: 50px;
}
.skin-timeless:not(.skin-vector-legacy) .nav-haut
{
top: 52px;
}
.nav-bas {
min-height: 40px;
width: 100%;
}
.pull-left {
display: inline-block;
}
.pull-right {
display: inline-block;
right: 0;
position: absolute;
}
.nav-chap {
position: sticky;
top: 41px;
z-index: 100;
margin-bottom: 0.2em;
box-shadow: #8888 0px 20px 10px -10px;
}
.skin-vector:not(.skin-vector-legacy) .nav-chap
{
top: 91px;
}
.skin-timeless:not(.skin-vector-legacy) .nav-chap
{
top: 93px;
}
.nav-chap-button {
width: 48px;
height: 48px;
z-index: 5;
display: inline-block;
left: calc(50% - 24px);
position: absolute;
}
.nav-chap-open {
background-image: url("https://upload.wikimedia.org/wikipedia/commons/5/5f/Ic_expand_more_48px.svg");
}
.nav-chap-close {
background-image: url("https://upload.wikimedia.org/wikipedia/commons/2/2c/Ic_expand_less_48px.svg");
}
/* ----------------------------- */
.left-arrow, .right-arrow {
box-shadow: 0 1px 2px rgba(0,0,0,0.15);
transition: box-shadow 0.3s ease-in-out;
vertical-align: middle;
display: inline-block;
}
.left-arrow:hover, .right-arrow:hover {
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
/*
Multiple colonnes (2 colonnes : half, 3 colonnes : third)
affichées sur une seule colonne si la largeur n'est pas suffisante (appareil mobile par exemple).
*/
.flex-content { display:flex; flex-wrap:wrap; }
.flex-content-half { width:48%; }
.flex-content-third { width:30%; }
.flex-content-half:nth-child(odd),
.flex-content-third:nth-child(3n+1),
.flex-content-third:nth-child(3n+2)
{ margin-right:2%; }
.flex-content-half:nth-child(even),
.flex-content-third:nth-child(3n+2),
.flex-content-third:nth-child(3n)
{ margin-left:2%; }
@media (max-width: 700px) {
.flex-content-half,
.flex-content-third,
{ width:100%; }
.flex-content-half:nth-child(odd),
.flex-content-third:nth-child(3n+1),
.flex-content-third:nth-child(3n+2)
{ margin-right:0; }
.flex-content-half:nth-child(even),
.flex-content-third:nth-child(3n+2),
.flex-content-third:nth-child(3n)
{ margin-left:0; }
}