MediaWiki:Common.css
Note : après avoir publié vos modifications, il se peut que vous deviez 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 appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
- Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
- Internet Explorer / Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
- Opera : appuyez sur Ctrl + F5.
/** Le CSS placé ici sera appliqué à toutes les apparences. */
body {
text-align: justify;
}
/*** Portails ***/
.portail-bloc {
background-color: #eaf4fd;
border:2px solid #b9cce4;
margin-bottom: 0.5em;
padding: 0.8em;
}
.bloc-ligne {
display:-ms-flexbox;
display:flex;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-pack: justify;
justify-content: space-between;
}
.bloc-liste {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.portail-bloccatégories {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 18rem;
flex-basis: 18rem;
height: 5em;
background: #eaf4fd;
margin: 0.1em;
padding: 0.8em;
display: flex;
justify-content: space-between;
}
.portail-bloccatégories > div {
margin-left: 1em;
flex-grow: 1;
}
.portail-bloccatégories > div.floatleft {
max-width: 55px;
}
/* Types de boites */
.bandeau-article,
.bandeau-discussion,
.bandeau-simple,
.bandeau-systeme,
.bandeau-section{
border-style: solid;
overflow: hidden;
position: relative;
}
.bandeau-article {
border-width: 1px 1px 1px 10px;
font-size: 0.9em;
line-height: 1.25em;
padding: 0.5em 1em;
margin: 0.8em 10%;
}
.bandeau-systeme {
clear: both;
border-width: 2px;
padding: 0.5em 1em;
margin: 0.8em 3%;
}
.bandeau-simple {
clear: both;
border-width: 1px;
padding: 0.5em 1em;
margin: 0.8em auto;
}
.bandeau-discussion {
border-width: 1px;
border-radius: 10px;
padding: 0.2em 0.5em;
margin: 0.8em 7%;
}
@media (max-width: 981px) {
.bandeau-discussion {
margin: 0.8em 4%;
}
}
div.bandeau-section { /* Pour le [[modèle: Article détaillé]] et autres */
display: block;
font-size: 0.95em;
border-width: 1px 0;
padding: 0.2em 0.5em 0.3em 0;
margin: 0.3em 0 0.7em 2em;
}
.bandeau-centrer{
display: table;
width: 100%;
text-align: center;
}
.bandeau-cell {
display: table-cell;
vertical-align: middle;
}
.bandeau-cell p:last-child {
margin-bottom: 0;
}
/* Style des bandeaux d'articles. Voir [[Wikipédia:Prise de décision/Changement de style des messages d'avertissement]]. */
.bandeau-niveau-grave {
border-color: #aa0044;
background-color: #ffcccc;
}
.bandeau-niveau-modere {
border-color: #ff8822;
background-color: #ffeedd;
}
.bandeau-niveau-ebauche,
.bandeau-niveau-information {
border-color: #77ccff;
background-color: #fbfbfb;
}
.bandeau-simple.bandeau-niveau-information,
.bandeau-discussion.bandeau-niveau-information { /* Dérive de la classe vectorbox */
border-color: #a7d7f9;
background-color: #f5faff;
}
.bandeau-niveau-detail, /* Voir [[Wikipédia:Prise de décision/Unification des modèles : article détaillé et Loupe]] */
.bandeau-section.bandeau-niveau-information {
border-color: #e7e7e7;
background-color: #fdfdfd;
}
.bandeau-niveau-neutre {
border-color: #aaa;
background: #f9f9f9;
}
.bandeau-icone {
vertical-align: middle;
text-align: center;
width: 45px;
/* @noflip */
padding-right: 1em;
}
.homonymie .bandeau-icone, .bandeau-section .bandeau-icone {
width: auto;
/* @noflip */
padding-right: 0.5em;
}
.bandeau-titre {
font-size: 1.1em;
line-height: 1.4em;
}
.bandeau-texte {
font-size: 0.9em;
line-height: 1.2em;
}
/* Petites icônes */
.indentation, /* pas d'image correspondante */
.loupe, /* loupe, voir le [[modèle:Article détaillé]] */
.general, /* flèche pour le [[modèle:Article principal]] */
.accessibilite, /* symbole handicap, pour le [[modèle:Encart]] */
.etoile-or,
.etoile-argent,
.categorie, /* symbole du [[modèle:Catégorie principale]] */
.biblio, /* livres pour le [[modèle:Sources de section]] */
.recyclage, /* symbole du [[modèle:Section à recycler]] */
.archives, /* symbole d'archivage */
.sons, /* pour le [[modèle:Média externe]] */
.videos, /* pour le [[modèle:Média externe]] */
.incomplet, /* cône de chantier pour le [[modèle:Section vide ou incomplète]] */
.sources, /* livre ouvert du [[modèle:Section à sourcer]] */
.important, /* triangle rouge : mise en garde */
.en-travaux, /* triangle jaune : en construction */
.information,
.conflit-edition,
.incubator,
.extension, /* extensions MediaWiki */
.wikispecies,
.metawiki,
.wikiversity,
.wikipedia,
.wikibooks,
.wikinews,
.wikiquote,
.wikisource,
.commons,
.wikimedia,
.wiktionary,
.wikidata,
.wikivoyage,
.wwwmediawiki {
background-repeat: no-repeat;
line-height: 1.5em;
text-indent: 23px;
display: inline-block;
}
.loupe {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/6/61/Searchtool.svg/15px-Searchtool.svg.png");
background-position: 2px 3px;
}
.general {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/2/2d/Nuvola_apps_download_manager2-70%25.svg/15px-Nuvola_apps_download_manager2-70%25.svg.png");
background-position: 2px 3px;
}
.accessibilite {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/4/44/Gnome-preferences-desktop-accessibility.svg/18px-Gnome-preferences-desktop-accessibility.svg.png");
background-position: 2px 0;
}
.etoile-or {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/83/Article_de_qualit%C3%A9.svg/19px-Article_de_qualit%C3%A9.svg.png");
background-position: 1px 1px;
}
.etoile-argent {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/1/11/Bon_article.svg/19px-Bon_article.svg.png");
background-position: 1px 1px;
}
.categorie {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/3/34/Nuvola_apps_kpager.svg/21px-Nuvola_apps_kpager.svg.png");
background-position: 0 0;
}
.biblio {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/4/4b/Books-aj.svg_aj_ashton_01.svg/20px-Books-aj.svg_aj_ashton_01.svg.png");
background-position: 2px 2px;
}
.recyclage {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/e/ed/Recycle002.svg/20px-Recycle002.svg.png");
background-position: 1px 1px;
}
.archives {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/9/94/Filing_cabinet_icon.svg/21px-Filing_cabinet_icon.svg.png");
background-position: 0 1px;
}
.conflit-edition {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Human-emblem-important-blue-128.png/12px-Human-emblem-important-blue-128.png");
background-position: 0 3px;
text-indent: 16px;
line-height: 1.3em;
}
.sons {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/4/44/Nuvola_apps_arts.png/18px-Nuvola_apps_arts.png");
background-position: 1px 1px;
}
.videos {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Nuvola_apps_kaboodle.svg/18px-Nuvola_apps_kaboodle.svg.png");
background-position: 1px 1px;
}
.incomplet {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/6/6a/Fairytale_waring.png/16px-Fairytale_waring.png");
background-position: 2px 3px;
}
.sources {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/6/64/Question_book-4.svg/20px-Question_book-4.svg.png");
background-position: 1px 4px;
}
.important {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/f/f7/Nuvola_apps_important.svg/19px-Nuvola_apps_important.svg.png");
background-position: 1px 2px;
}
.en-travaux {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/a/af/Under_construction_icon-yellow.svg/20px-Under_construction_icon-yellow.svg.png");
background-position: 1px 2px;
}
.information {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/e/eb/Information_icon_with_gradient_background.svg/19px-Information_icon_with_gradient_background.svg.png");
background-position: 1px 2px;
}
.incubator {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/e/e3/Incubator-logo.svg/15px-Incubator-logo.svg.png");
background-position: 1px 1px;
}
.extension {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/b/bb/MediaWiki-notext.svg/21px-MediaWiki-notext.svg.png");
background-position: 0 4px;
}
.wikispecies {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/d/df/Wikispecies-logo.svg/17px-Wikispecies-logo.svg.png");
background-position: 1px 0;
}
.wikisource {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/4/4c/Wikisource-logo.svg/17px-Wikisource-logo.svg.png");
background-position: 1px 1px;
}
.wikipedia {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/6/63/Wikipedia-logo.png/19px-Wikipedia-logo.png");
background-position: 1px 0;
}
.wikibooks {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Wikibooks-logo.svg/19px-Wikibooks-logo.svg.png");
background-position: 1px 1px;
}
.metawiki {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/7/75/Wikimedia_Community_Logo.svg/18px-Wikimedia_Community_Logo.svg.png");
background-position: 1px 1px;
}
.wikiversity {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/9/91/Wikiversity-logo.svg/20px-Wikiversity-logo.svg.png");
background-position: 0 2px;
}
.wiktionary {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/e/ec/Wiktionary-logo.svg/20px-Wiktionary-logo.svg.png");
background-position: 0 1px;
}
.wikinews {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/2/24/Wikinews-logo.svg/20px-Wikinews-logo.svg.png");
background-position: 0 5px;
}
.wikiquote {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Wikiquote-logo.svg/16px-Wikiquote-logo.svg.png");
background-position: 2px 1px;
}
.commons {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/14px-Commons-logo.svg.png");
background-position: 3px 0;
}
.wikimedia {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/81/Wikimedia-logo.svg/20px-Wikimedia-logo.svg.png");
background-position: 0 0;
}
.wikidata {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/f/ff/Wikidata-logo.svg/22px-Wikidata-logo.svg.png");
background-position: 0 5px;
}
.wikivoyage {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/d/dd/Wikivoyage-Logo-v3-icon.svg/20px-Wikivoyage-Logo-v3-icon.svg.png");
background-position: 1px 1px;
}
.wwwmediawiki {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/b/bb/MediaWiki-notext.svg/20px-MediaWiki-notext.svg.png");
background-position: 1px 3px;
}
/* Grosses icônes */
.grosse-icone {
display: table-cell;
vertical-align: middle;
padding-left: 60px;
background-repeat: no-repeat;
background-position: left center;
text-indent: 0; /* Certaines icones ont une version « en ligne ». */
height: 48px;
}
.grosse-icone.etoile-or {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/83/Article_de_qualit%C3%A9.svg/40px-Article_de_qualit%C3%A9.svg.png");
}
.grosse-icone.etoile-argent {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/1/11/Bon_article.svg/40px-Bon_article.svg.png");
}
.grosse-icone.archives {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/9/94/Filing_cabinet_icon.svg/48px-Filing_cabinet_icon.svg.png");
}
.grosse-icone.ancienne-version {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/8c/Clock_and_warning.svg/46px-Clock_and_warning.svg.png");
}
.grosse-icone.maintenance {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/a/a3/Tools_nicu_buculei_01.svg/46px-Tools_nicu_buculei_01.svg.png");
}
.grosse-icone.protection-admin {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/9/97/Full-protection-shackle-frwiki.svg/32px-Full-protection-shackle-frwiki.svg.png");
}
.grosse-icone.semi-protection {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/d/de/Semi-protection-shackle-frwiki.svg/32px-Semi-protection-shackle-frwiki.svg.png");
}
.grosse-icone.roue-dentee {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Crystal_Clear_action_run.png/46px-Crystal_Clear_action_run.png");
}
.grosse-icone.conflit-edition {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/86/Passage_pieton_rouge.png/46px-Passage_pieton_rouge.png");
}
.grosse-icone.titre-protege {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/c/c4/System-lock-screen.svg/46px-System-lock-screen.svg.png");
}
.grosse-icone.gros-warning {
background-image: url("//upload.wikimedia.org/wikipedia/commons/f/f6/OOjs_UI_icon_alert-destructive.svg");
background-size: 46px;
}
.grosse-icone.attention {
background-image: url("//upload.wikimedia.org/wikipedia/commons/3/3b/OOjs_UI_icon_alert-warning.svg");
background-size: 46px;
}
.grosse-icone.information {
background-image: url("//upload.wikimedia.org/wikipedia/commons/1/13/OOjs_UI_icon_notice-progressive.svg");
background-size: 46px;
}
.grosse-icone.ebauche {
background-image: url("//upload.wikimedia.org/wikipedia/commons/8/8a/OOjs_UI_icon_edit-ltr-progressive.svg");
background-size: 46px;
}
/* Styles par défaut pour les bandeaux en haut des articles. Voir
[[Projet:Charte graphique/Harmonisation des messages d'avertissement]]
et [[Wikipédia:Prise de décision/Harmonisation des messages d'avertissement]]. */
/* Classe pour toutes les alertes. */
.alerte {
padding: 0.11em;
background: #ffd;
margin-bottom: 0.4em;
font-style: italic;
}
/* Classe supplémentaire pour les alertes graves. */
.grave {
border: 1px solid #f96;
}
/* Styles des « messagebox » standard. */
.messagebox {
border: 1px solid #aaa;
background: #f9f9f9;
width: 80%;
margin: 0 auto 1em auto;
padding: 0.2em;
text-align: justify;
}
.messagebox.standard-talk {
border: 1px solid #c0c090;
background: #f8eaba;
}
.vectorbox {
width: 85%;
background: #f5faff;
border: 1px solid #a7d7f9;
border-radius: 10px;
margin: 0 auto 1em auto;
}
/* Boîtes utiles sur les pages d'aide (exemple : [[Aide:Note#Exemples]]). */
.exemple {
margin: 0.5em;
padding: 0.5em;
border: dashed 1px #add8e6;
background: #fff;
}
/* Standardisation de quelques messages systèmes :
* class="mw-alerte" : bandeaux d'alerte comme [[MediaWiki:Editinginterface]].
* class="mw-toolbox" : boîtes à outils comme sur [[MediaWiki:Sp-contributions-footer]]. */
/* Suppression du message avertissant du lag de 1 seconde dans la liste de suivi. */
.mw-lag-warn-normal {
display: none;
}
/* Messages d'alerte */
.mw-alerte {
width: 100%;
clear: both;
background: #faebd7;
border: 2px solid #ff8c00;
}
/* Boîtes à outils */
.mw-toolbox {
font-size: 90%;
background: #f8f8f8;
border: 1px solid #b8b8b8;
padding: 0.25em 1em;
clear: both;
}
/* Styles des boîtes déroulantes, voir [[Modèle:Boîte déroulante/Documentation]]. */
div.NavFrame {
padding: 2px;
border: 1px #aaa;
text-align: center;
border-collapse: collapse;
font-size: 95%;
}
div.NavPic {
padding: 2px;
float: left;
}
div.NavFrame div.NavHead {
font-weight: bold;
background: #efefef;
}
div.NavEnd {
height: 0;
clear: both;
}
/* Styles de [[Modèle:Méta palette de navigation]]. */
table.navbox {
background: #f9f9f9;
border: 1px solid #aaa;
clear: both;
font-size: 89%;
margin: 1em 0 0;
padding: 2px;
text-align: center;
width: 100%;
}
table.navbox-subgroup {
background: transparent;
border: 0;
margin: -3px;
padding: 0;
text-align: center;
width: calc(100% + 6px);
}
th.navbox-title {
background: #ccf;
padding-left: 1em;
padding-right: 1em;
}
th.navbox-group {
background: #ddf;
vertical-align: middle;
width: 150px;
padding-left: 1em;
padding-right: 1em;
}
th.navbox-group + td.navbox-list,
table.navbox-subgroup td.navbox-list {
text-align: left;
}
td.navbox-even {
background: #f0f0ff;
}
table.navbox-subgroup td.navbox-even {
background: transparent;
}
td.navbox-banner {
background: #ddf;
vertical-align: middle;
padding-left: 1em;
padding-right: 1em;
}
tr.navboxHidden {
display: none;
}
@media (max-width: 981px) {
td.navbox-image {
display: none;
}
}