MediaWiki:Common.css/Bandeau.css

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.

.wgfrwikibooks_BandeauCssVersion:after{content:"20220723002";}
/* Le CSS placé ici sera appliqué à toutes les apparences. 

<indicator name="version"><span class="wgfrwikibooks_BandeauCssVersion">Version courante : </span></indicator>

*/

/*
== 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;
}
}