« MediaWiki:Common.css » : différence entre les versions

Version du 28 décembre 2020 à 23:20

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