GeezerVisonThe World Wide Web, restored to 800 pixels of glory. |
| Home|About|Gaming cabinet|Archives|How it works|Starter sites |
GeezerVison is showing fr.wikipedia.org — MediaWiki:Common.css — Wikipédia Note : après avoir enregistré la page, vous devrez forcer le rechargement complet du cache de votre navigateur pour voir les changements.
Mozilla / Firefox / Konqueror / Safari : maintenez la touche Majuscule (Shift) en cliquant sur le bouton Actualiser (Reload) ou pressez Maj-Ctrl-R (Cmd-R sur Apple Mac) ; Firefox (sur GNU/Linux) / Chrome / Internet Explorer / Opera : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5./** * Cette page contrôle l'apparence pour tous les skins. Les * modifications devant s'appliquer à l'apparence Monobook * seulement doivent aller dans [[MediaWiki:Monobook.css]]. * * Si vos modifications s'appliquent aussi à la version mobile du site, * pensez à aussi mettre à jour [[MediaWiki:Gadget-Mobile.css]]. */ /* <nowiki> */ /* Variables css locales à Wikipédia en français */ :root,.skin-invert,.notheme { --couleur-fond-boite-grise: #f9f9f9; --couleur-fond-entete-alternance: #e6e6e6; --couleur-fond-gris-alternance: #eeeeee; --couleur-fond-impair-palette: #ececff; --couleur-fond-pervenche: #ccf; } @media screen { html.skin-theme-clientpref-night { --couleur-fond-boite-grise: #101418; --couleur-fond-entete-alternance: #191919; --couleur-fond-gris-alternance: #202122; --couleur-fond-impair-palette: #202122; --couleur-fond-pervenche: #191919; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os { --couleur-fond-boite-grise: #101418; --couleur-fond-entete-alternance: #191919; --couleur-fond-gris-alternance: #202122; --couleur-fond-impair-palette: #202122; --couleur-fond-pervenche: #191919; } } /* Aspect des tags de filtrage dans les modifications récentes. */ .mw-tag-markers { font-style: italic; font-size: 90%; } /* Redirections sur [[Special:AllPages]], [[Special:PrefixIndex]] et [[Special:EditWatchlist]]. */ :is(.allpagesredirect, .watchlistredir) > .mw-redirect { color: #0b0; } /* Révisions dans l'historique et "(← liens)" dans les pages liées. */ .history-size, .mw-whatlinkshere-tools { font-size: 80%; } /* Affichage des coordonnées géo à côté du titre, pour tous les skins. */ #coordinates { margin-right: 1em; } /* Décoration des titres de sous-chapitre. */ .mw-parser-output .mw-heading3, .mw-parser-output h3.mw-html-heading { border-bottom: dotted 1px var(--border-color-base, #a2a9b1); } .mw-parser-output .mw-heading4, .mw-parser-output h4.mw-html-heading, .mw-parser-output .mw-heading5, .mw-parser-output h5.mw-html-heading, .mw-parser-output .mw-heading6, .mw-parser-output h6.mw-html-heading { border-bottom: dotted 1px #ddd; } /* rewritePageH1bis() du Common.js, pour [[Modèle:Aide contextuelle]] et plusieurs inlinages du modèle dans des messages système n'affiche pas le lien avant son déplacement via JavaScript, pour ne pas avoir de FOUC */ #helpPage { display: none; } /* Sous-titre ([[Modèle:Sous-titre]]) La taille du texte du <p> (premier) du sous-titre influe sur tout le reste du texte en mode aperçu d'impression. */ @media print { #sous_titre_h1_moved { font-size: 1em; } } #sous_titre_h1_moved { display: block; font-size: 0.7em; line-height: 1.3em; margin: 0.2em 0 0.1em 0.5em; } /* Masque le texte avant que JavaScript le déplace au bon endroit */ .client-js #sous_titre_h1 { visibility: hidden; } /* Met en italique, et met en romain les italiques imbriqués */ .italique { font-style: italic; } .italique i { font-style: normal; } /* Balise abbr discrète */ abbr.abbr { text-decoration: none; } /* Balise dfn (instance d'un terme défini) */ dfn { font-style: normal; font-weight: bold; } i > dfn { font-style: italic; } /* Empêche la césure ; utilisé par [[Modèle:Nobr]], entre autres */ .nowrap, .ve-ce-focusableNode.nowrap { white-space: nowrap; } /* Liens "petit crayon" créés par [[Module:Wikidata]] */ .wikidata-linkback { padding-left: 0.5em; /* Pour les copier-collers, retire les alternatives textuelles "Voir et modifier les données sur Wikidata" */ -webkit-user-select: none; /* Safari */ user-select: none; } /* Pages [[Spécial:Modifications récentes]], [[Spécial:Suivi des liens]], voir [[MediaWiki:Recentchangestext]] */ .rcoptions { clear: both; margin: 0 0 2px 0; padding: 0 0.5em; border: 1px solid #ddddf7; border-left: 10px solid #ddddf7; background-color: var(--background-color-base, #fff); } .rcoptions hr { clear: both; } fieldset.rcoptions { padding-bottom: 0.5em; } /* Apparence de [[MediaWiki:Noarticletext]] */ .noarticletext { background-color: var(--couleur-fond-boite-grise, #f9f9f9); margin-top: 1em; padding: 5px; border: 1px solid var(--border-color-base, #a2a9b1); border-right: 2px solid var(--border-color-base, #a2a9b1); border-bottom: 2px solid var(--border-color-base, #a2a9b1); } /* Workaround à cause de [[MediaWiki:Searchmenu-new]] qui ferme prématurémént son conteneur "p.mw-search-createlink" */ .mw-searchresults-has-iw .mw-search-createlink { float: none; } /* Largeur minimale du cadre des miniatures d'images */ .thumbinner { min-width: 100px; } /* Workaround for [[phab:T367463]] - can be removed when task is fixed */ body.skin--responsive .mw-parser-output td a > img { max-width: none !important; } /* Place un damier de vérification en arrière-plan dans la page de description de l'image, visible seulement en cas d'image transparente ou semi-transparente. */ #file img { background: url("//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png"); } /* Fond gris pour les pages protégées en modification */ #wpTextbox1[readonly], #wpTextbox1[readonly] + div > .ace_editor { background-color: #eee; } @media screen { html.skin-theme-clientpref-night #wpTextbox1[readonly], html.skin-theme-clientpref-night #wpTextbox1[readonly] + div > .ace_editor { background-color: #000; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os #wpTextbox1[readonly], html.skin-theme-clientpref-os #wpTextbox1[readonly] + div > .ace_editor { background-color: #000; } } /* Ajustement pour que les sections déroulantes « Modèles utilisés par cette page », etc. ne soient pas collées à la boîte « Caractères spéciaux » ; refs [[phab:T373286]] */ .mw-editTools:has(~ :where(.wikibase-entity-usage, .templatesUsed, .hiddencats, .limitreport) > *) { margin-bottom: 1em; } /* Ne pas afficher le lien complet des URL externes sur la version imprimable (à faire manuellement, grâce à class="plainlinksneverexpand"). */ .plainlinksneverexpand a.external.text::after, .plainlinksneverexpand a.external.autonumber::after { display: none !important; } /* Supprimer la flèche de lien externe pour ces liens. */ .plainlinksneverexpand a { background: none !important; padding: 0 !important; } /* Réserver un contenu à l'impression (display rétabli dans MediaWiki:Print.css) utilisé pour les entrées de ref group. */ .printcssonly { display: none; } /* Bandeau des brouillons problématique avec l'éditeur visuel. */ .ve-init-target .user-draft-header { display: none; } /* Message-système des sous-pages de discussion. Classe .fieldsetlike etc. pour permettre la réutilisation de ces styles. */ .fieldsetlike { text-align: center; border: 1px solid var(--border-color-base, #a2a9b1); margin: 1em 0; padding: 0 0 0.4em 0; } .fieldsetlike .legendlike { margin-top: -0.8em; } .fieldsetlike .legendtextlike { padding: 0 8px; background-color: var(--background-color-base, #fff); } .fieldsetlike ul { list-style-type: none; margin: 0; } .fieldsetlike li { display: inline; white-space: nowrap; } .fieldsetlike li:not(:last-child)::after { /* TODO: reconsidérer plus tard [[phab:T366389#10055910]] */ content: '\a0- '; white-space: normal; /* nécessaire s'il n'y a pas d'espace entre les <li> dans le HTML */ } #talkpageheader li { color: #707070; } @media screen { html.skin-theme-clientpref-night #talkpageheader li { color: #8B8989; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os #talkpageheader li { color: #8B8989; } } /* Catégories cachées */ #mw-hidden-catlinks { font-size: 0.85em; } /* Personnalisation de l'apparence des liens vers les pages d'homonymie. */ .homonymie { margin-top: 0.5em; padding-left: 2em; padding-bottom: 0.5em; margin-bottom: 0.5em; background-color: var(--background-color-base, #fff); font-style: italic; border-bottom: 1px var(--border-color-base, #a2a9b1) solid; } .homonymie i { font-style: normal; } @media screen { html.skin-theme-clientpref-night .homonymie { background-color: var(--background-color-interactive-subtle, #202122) } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .homonymie { background-color: var(--background-color-interactive-subtle, #202122) } } /* Rapproche le bandeau du titre de la page (et application du style uniquement dans ce cas de figure) */ body:not(.skin-timeless, .skin-minerva) :is(.mw-parser-output, .mw-parser-output > section:first-child) > .homonymie:first-child, body:not(.skin-timeless, .skin-minerva) :is(.mw-parser-output, .mw-parser-output > section:first-child) > :is(.mw-empty-elt, span[about^="#mwt"]):first-child + .homonymie { margin-top: -0.5em; } /* Annulation du ruleset précédent sur les pages de diff */ body:not(.skin-timeless, .skin-minerva) :is(.diff-currentversion-title + .mw-parser-output, .diff-currentversion-title + .mw-parser-output > section:first-child) > .homonymie:first-child, body:not(.skin-timeless, .skin-minerva) :is(.diff-currentversion-title + .mw-parser-output, .diff-currentversion-title + .mw-parser-output > section:first-child) > :is(.mw-empty-elt, span[about^="#mwt"]):first-child + .homonymie { margin-top: 0.5em; } /* Masque les bordures entre les bandeaux d'homonymie adjacents, en ignorant les métadonnées Parsoid intercalées */ .homonymie:has( + .homonymie, + [about^="#mwt"] + .homonymie, + [about^="#mwt"] + [about^="#mwt"] + .homonymie, + [about^="#mwt"] + [about^="#mwt"] + [about^="#mwt"] + .homonymie, + [about^="#mwt"] + [about^="#mwt"] + [about^="#mwt"] + [about^="#mwt"] + .homonymie ) { border-bottom: none; padding-bottom: 0; /* la réduction du margin-bottom est ineffective, à cause du margin collapsing */ } /* Masquage de Wikimania dans les liens interprojets. refs [[Discussion Wikipédia:Accueil principal/Archive 20#Lien vers Wikimania]] */ li.wb-otherproject-wikimania { display: none; } /* Masquage des liens vers Abstract Wikipedia dans les articles */ .ns-0 li.wb-otherproject-abstract { display: none; } /* Icônes des AdQ/BA à côté des liens interlangues et dans les modèles {{Q}} et {{B}}. */ li.AdQ, li.LdQ, li.PdQ, li.badge-featuredarticle, li.badge-featuredlist, li.badge-featuredportal { /* list-style-image does not support resizing, so SVG files must have the desired display size as their intrinsic size. */ list-style-image: url("//upload.wikimedia.org/wikipedia/commons/b/b8/Article_de_qualit%C3%A9_%2810px_display%29.svg"); } li.BA, li.badge-goodarticle, li.badge-goodlist, li.badge-recommendedarticle { /* Same as above. */ list-style-image: url("//upload.wikimedia.org/wikipedia/commons/e/eb/Bon_article_%2810px_display%29.svg"); } /* [[Modèle:Indication de langue]] et [[Modèle:Lien]]. */ .indicateur-langue, .indicateur-format { font-family: monospace; font-weight: bold; font-size: small; font-style: normal; word-spacing: -0.4em; } /* [[Modèle:Colonnes]] et [[Modèle:Début de colonnes]]. */ .colonnes > ol, .colonnes > ul { margin-top: 0; } /* Compensation du style précédent */ .colonnes { margin-top: 0.3em; } /* Évitons de couper les éléments de listes sur plusieurs colonnes */ /* (déjà présent nativement dans ".mw-references-columns", refs [[phab:T33597]] et [[gerrit:229852]]) */ :is(.colonnes, .references-small) li { break-inside: avoid-column; } /* Taille et famille des polices pour les écritures non-latines. Voir aussi [[modèle:Langue]]. */ .lang-grc, .lang-el, .lang-pnt, .lang-tsd { /* Écriture grecque : moderne (monotonique), ancien (polytonique), pontique et tsakonien (dialectes) */ font-family: 'Arial Unicode MS', 'DejaVu Sans', Athena, Gentium, 'Palatino Linotype', 'Lucida Sans Unicode', 'Lucida Grande', Code2000, sans-serif; } .lang-th { /* Écriture thaïe */ font-family: 'Segoe UI', Tahoma, sans-serif; } /* Affichage des chiffres romains, voir [[modèle:Rom]] ou [[modèle:Romain]]. */ .romain { text-transform: lowercase; font-variant: small-caps; } /* Affichage des petites capitales, voir [[modèle:Petites capitales]]. */ .petites_capitales { font-variant: small-caps; } /* Taille et alignement des formules mathématiques. */ .texhtml { font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif; font-size: 118%; line-height: 1; white-space: nowrap; font-variant-numeric: lining-nums tabular-nums; font-kerning: none; } .texhtml .texhtml { font-size: 100%; } img.tex.center { width: auto; display: block; margin: 0 auto; } img.tex.left { display: block; margin-left: 1.6em; } /* Références : éviter une trop grande réduction de taille de caractères dans certaines configurations. */ .references small { font-size: 1em !important; } /* Par défaut, cacher les crochets autour des appels de notes. */ .cite-bracket { font-size: 0; } /* Mise en forme des appels de références avec Parsoid. A retirer si résolution de [[phab:T370027]] */ span[rel="mw:referencedBy"] { counter-reset: mw-ref-linkback 0; } span[rel="mw:referencedBy"] > a::before { content: counter( mw-ref-linkback, lower-alpha ); } span[rel="mw:referencedBy"] > a::after { font-size: smaller; } span[rel="mw:referencedBy"] > a:nth-last-child(2)::after { vertical-align: super; content: " et "; } /* Éviter d'obtenir un interlignage de taille variable. */ .reference, .exposant { vertical-align: text-top; position: relative; font-size: 0.8em; top: -5px; } .reference-text sup { vertical-align: text-top; position: relative; font-size: 0.75em; top: -0.1em; } .reference { padding-left: 1px; } /* Diminution décalage, en raison du line-height réduit dans .infobox_v2 */ .infobox_v2 .reference { top: -2px; } /* Pour divers modèles/modules de bibliographie, et [[MediaWiki:Gadget-ArchiveLinks.js]] (activé par défaut) : même couleur que les liens externes */ small.cachelinks > a { color: var(--color-progressive, #36c); } /* Numérotations différentes pour les notes de bas de page. */ .references-small.decimal ol { list-style-type: decimal; } .references-small.lower-alpha ol { list-style-type: lower-alpha; } .references-small.lower-greek ol { list-style-type: lower-greek; } .references-small.lower-roman ol { list-style-type: lower-roman; } .references-small:is(.lower-alpha, .lower-greek, .lower-roman) ol ol { list-style-type: decimal; } /* Répartition égale des références sur plusieurs colonnes : pas d'espace supplémentaire en haut de première colonne */ .references-small ol { margin-top: 0; } /* Compensation du style précédent */ .references-small { margin-top: 0.3em; } /* Mise en surbrillance de l'ouvrage cliqué pour faciliter la navigation, comme fait déjà MediaWiki pour les notes et références. */ .ouvrage:target { background-color: var(--background-color-progressive-subtle, #eaf3ff); } /* Ligne de tableau dans « Informations sur la page » */ body.action-info tr:target { background-color: var(--background-color-progressive-subtle, #eaf3ff); } /* Style des modèles [[modèle:Référence nécessaire]] et [[modèle:Citation nécessaire]]. */ span.need_ref { border-bottom: 1px solid var(--border-color-base, #a2a9b1); } div.need_ref { border: 1px solid var(--border-color-base, #a2a9b1); padding: 0.5em; } /* Référence présente */ span.ref:hover { border-bottom: 1px solid var(--border-color-base, #a2a9b1); } /* Gestion automatique de l'ISBN par MediaWiki. */ .mw-magiclink-isbn { white-space: nowrap; } /* Style de { , } entre les références */ .cite_virgule { padding-left: 0; padding-right: 1px; } /* Boites et messages */ div.boite-a-droite { display: table; clear: right; float: right; margin: 0.3em 0 1em 1em; width: 20em; position: relative; /* Pour les images manuelles */ border-style: solid; border-width: 1px; padding: 4px; text-align: left; } .boite-grise { /* Similaire au bandeau de catégorie */ border-color: var(--border-color-base, #a2a9b1); background-color: var(--couleur-fond-boite-grise, #f9f9f9); } /* 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:first-child { margin-top: 0; } .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: var(--border-color-base, #a2a9b1); background: var(--couleur-fond-boite-grise, #f9f9f9); } @media screen { html.skin-theme-clientpref-night .bandeau-niveau-grave { background-color: #421211; } html.skin-theme-clientpref-night .bandeau-niveau-modere { background-color: #301d00; } html.skin-theme-clientpref-night .bandeau-niveau-ebauche, html.skin-theme-clientpref-night .bandeau-niveau-information, html.skin-theme-clientpref-night .bandeau-simple.bandeau-niveau-information, html.skin-theme-clientpref-night .bandeau-discussion.bandeau-niveau-information, html.skin-theme-clientpref-night .bandeau-niveau-detail html.skin-theme-clientpref-night .bandeau-section.bandeau-niveau-information { background-color: #202122; } html.skin-theme-clientpref-night .bandeau-section.bandeau-niveau-information { border-color: #54595d; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .bandeau-niveau-grave { background-color: #421211; } html.skin-theme-clientpref-os .bandeau-niveau-modere { background-color: #301d00; } html.skin-theme-clientpref-os .bandeau-niveau-ebauche, html.skin-theme-clientpref-os .bandeau-niveau-information, html.skin-theme-clientpref-os .bandeau-simple.bandeau-niveau-information, html.skin-theme-clientpref-os .bandeau-discussion.bandeau-niveau-information, html.skin-theme-clientpref-os .bandeau-niveau-detail html.skin-theme-clientpref-os .bandeau-section.bandeau-niveau-information { background-color: #202122; } html.skin-theme-clientpref-os .bandeau-section.bandeau-niveau-information { border-color: #54595d; } } .bandeau-icone { vertical-align: middle; text-align: center; width: 45px; /* @noflip */ padding-right: 1em; } body.skin--responsive .mw-parser-output .bandeau-icone a > img, body.skin--responsive .mw-parser-output .bandeau-icone noscript > img { max-width: initial !important; } :is(.homonymie, .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; } /* Styles pour les bannières */ .topbanner { position: relative; overflow: hidden; max-width: 1800px; height: auto; } .topbanner img { max-width: 100%; height: auto; } .topbanner-box { position: absolute; z-index: 2; margin-top: 1.5em; color: white; width: 50%; min-width: 20em; left: 2%; text-align: left; } .topbanner .name { position: absolute; z-index: 2; margin: 0.6em 0 0 0.4em; padding: 8px 7px; font-size: 2.2em; background: rgb(16,16,16); background: rgba(0,0,0,0.5); border-radius: 4px; color: white; white-space: nowrap; line-height: 0.9em; } /* 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/6/61/Searchtool.svg"); background-size: 15px; background-position: 2px 3px; } .general { background-image: url("//upload.wikimedia.org/wikipedia/commons/2/2d/Nuvola_apps_download_manager2-70%25.svg"); background-size: 15px; background-position: 2px 3px; } .accessibilite { background-image: url("//upload.wikimedia.org/wikipedia/commons/4/44/Gnome-preferences-desktop-accessibility.svg"); background-size: 18px; background-position: 2px 0; } .etoile-or { background-image: url("//upload.wikimedia.org/wikipedia/commons/8/83/Article_de_qualit%C3%A9.svg"); background-size: 19px; background-position: 1px 1px; } .etoile-argent { background-image: url("//upload.wikimedia.org/wikipedia/commons/1/11/Bon_article.svg"); background-size: 19px; background-position: 1px 1px; } .categorie { background-image: url("//upload.wikimedia.org/wikipedia/commons/3/34/Nuvola_apps_kpager.svg"); background-size: 21px; background-position: 0 0; } .biblio { background-image: url("//upload.wikimedia.org/wikipedia/commons/4/4b/Books-aj.svg_aj_ashton_01.svg"); background-size: 20px; background-position: 2px 2px; } .recyclage { background-image: url("//upload.wikimedia.org/wikipedia/commons/e/ed/Recycle002.svg"); background-size: 20px; background-position: 1px 1px; } .archives { background-image: url("//upload.wikimedia.org/wikipedia/commons/9/94/Filing_cabinet_icon.svg"); background-size: 21px; background-position: 0 1px; } .conflit-edition { background-image: url("//upload.wikimedia.org/wikipedia/commons/8/8e/OOjs_UI_indicator_alert-progressive.svg"); background-size: 12px; background-position: 0 3px; text-indent: 16px; line-height: 1.3em; } .sons { background-image: url("//upload.wikimedia.org/wikipedia/commons/e/e2/Nuvola_apps_arts.svg"); background-size: 18px; background-position: 1px 1px; } .videos { background-image: url("//upload.wikimedia.org/wikipedia/commons/1/1b/Nuvola_apps_kaboodle.svg"); background-size: 18px; background-position: 1px 1px; } .incomplet { /* XXX : [[commons:File:Construction.svg]] est une version vectorisée de [[commons:File:Construction.png]], et est légèrement différent de l'image [[commons:File:Fairytale warning.png]] qui était utilisée auparavant */ background-image: url("//upload.wikimedia.org/wikipedia/commons/1/17/Construction.svg"); background-size: 16px; background-position: 2px 3px; } .sources { background-image: url("//upload.wikimedia.org/wikipedia/commons/6/64/Question_book-4.svg"); background-size: 20px; background-position: 1px 4px; } .important { background-image: url("//upload.wikimedia.org/wikipedia/commons/f/f6/OOjs_UI_icon_alert-destructive.svg"); background-size: 20px; background-position: 0 1px; } .en-travaux { background-image: url("//upload.wikimedia.org/wikipedia/commons/a/af/Under_construction_icon-yellow.svg"); background-size: 20px; background-position: 1px 2px; } .information { background-image: url("//upload.wikimedia.org/wikipedia/commons/e/ec/OOjs_UI_icon_information-progressive.svg"); background-size: 20px; background-position: 1px 1px; } .incubator { background-image: url("//upload.wikimedia.org/wikipedia/commons/e/e3/Incubator-logo.svg"); background-size: 15px; background-position: 1px 1px; } .extension { background-image: url("//upload.wikimedia.org/wikipedia/commons/b/bb/MediaWiki-notext.svg"); background-size: 21px; background-position: 0 4px; } .wikispecies { background-image: url("//upload.wikimedia.org/wikipedia/commons/d/df/Wikispecies-logo.svg"); background-size: 17px; background-position: 1px 0; } .wikisource { background-image: url("//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg"); background-size: 17px; background-position: 1px 1px; } .wikipedia { /* pour info, cette classe est utilisée par, notamment : [[MediaWiki:Newarticletext]], [[MediaWiki:Searchmenu-new]], [[Modèle:Projets autre langue]] */ background-image: url("//upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg"); background-size: 19px; background-position: 1px 0; } .wikibooks { background-image: url("//upload.wikimedia.org/wikipedia/commons/f/fa/Wikibooks-logo.svg"); background-size: 19px; background-position: 1px 1px; } .metawiki { background-image: url("//upload.wikimedia.org/wikipedia/commons/7/75/Wikimedia_Community_Logo.svg"); background-size: 18px; background-position: 1px 1px; } .wikiversity { background-image: url("//upload.wikimedia.org/wikipedia/commons/9/91/Wikiversity-logo.svg"); background-size: 20px; background-position: 0 2px; } .wiktionary { background-image: url("//upload.wikimedia.org/wikipedia/commons/e/ec/Wiktionary-logo.svg"); background-size: 20px; background-position: 0 1px; } .wikinews { background-image: url("//upload.wikimedia.org/wikipedia/commons/2/24/Wikinews-logo.svg"); background-size: 20px; background-position: 0 5px; } .wikiquote { background-image: url("//upload.wikimedia.org/wikipedia/commons/f/fa/Wikiquote-logo.svg"); background-size: 16px; background-position: 2px 1px; } .commons { background-image: url("//upload.wikimedia.org/wikipedia/commons/4/4a/Commons-logo.svg"); background-size: 14px; background-position: 3px 0; } .wikimedia { background-image: url("//upload.wikimedia.org/wikipedia/commons/8/81/Wikimedia-logo.svg"); background-size: 20px; background-position: 0 0; } .wikidata { background-image: url("//upload.wikimedia.org/wikipedia/commons/f/ff/Wikidata-logo.svg"); background-size: 22px; background-position: 0 5px; } .wikivoyage { background-image: url("//upload.wikimedia.org/wikipedia/commons/d/dd/Wikivoyage-Logo-v3-icon.svg"); background-size: 20px; background-position: 1px 1px; } .wwwmediawiki { background-image: url("//upload.wikimedia.org/wikipedia/commons/b/bb/MediaWiki-notext.svg"); background-size: 20px; 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/8/83/Article_de_qualit%C3%A9.svg"); background-size: 40px; } .grosse-icone.etoile-argent { background-image: url("//upload.wikimedia.org/wikipedia/commons/1/11/Bon_article.svg"); background-size: 40px; } .grosse-icone.archives { background-image: url("//upload.wikimedia.org/wikipedia/commons/9/94/Filing_cabinet_icon.svg"); background-size: 48px; } .grosse-icone.ancienne-version { background-image: url("//upload.wikimedia.org/wikipedia/commons/8/8c/Clock_and_warning.svg"); background-size: 46px; } .grosse-icone.maintenance { background-image: url("//upload.wikimedia.org/wikipedia/commons/a/a3/Black_tools_icon.svg"); background-size: 28px; } .grosse-icone.protection-admin { background-image: url("//upload.wikimedia.org/wikipedia/commons/9/97/Full-protection-shackle-frwiki.svg"); background-size: 32px; } .grosse-icone.semi-protection { background-image: url("//upload.wikimedia.org/wikipedia/commons/d/de/Semi-protection-shackle-frwiki.svg"); background-size: 32px; } .grosse-icone.roue-dentee { background-image: url("//upload.wikimedia.org/wikipedia/commons/0/05/OOjs_UI_icon_advanced.svg"); background-size: 20px; } .grosse-icone.conflit-edition { background-image: url("//upload.wikimedia.org/wikipedia/commons/3/3b/OOjs_UI_icon_alert-warning.svg"); background-size: 46px; } .grosse-icone.titre-protege { background-image: url("//upload.wikimedia.org/wikipedia/commons/c/c4/System-lock-screen.svg"); background-size: 46px; } .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/e/ec/OOjs_UI_icon_information-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; } /* Icônes en mode sombre */ /* XXX : les background-size se trouvent dans les règles ".grosse-icone.maintenance" et ".grosse-icone.roue-dentee" au-dessus */ @media screen { html.skin-theme-clientpref-night .grosse-icone.roue-dentee { background-image: url("//upload.wikimedia.org/wikipedia/commons/1/1b/OOjs_UI_icon_advanced-invert.svg"); } html.skin-theme-clientpref-night .grosse-icone.maintenance { background-image: url("//upload.wikimedia.org/wikipedia/commons/5/51/Black_tools_icon_invert.svg"); } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .grosse-icone.roue-dentee { background-image: url("//upload.wikimedia.org/wikipedia/commons/1/1b/OOjs_UI_icon_advanced-invert.svg"); } html.skin-theme-clientpref-os .grosse-icone.maintenance { background-image: url("//upload.wikimedia.org/wikipedia/commons/5/51/Black_tools_icon_invert.svg"); } } /* 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: var(--background-color-warning-subtle, #fdf2d5); 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 var(--border-color-base, #a2a9b1); background: var(--background-color-neutral-subtle, #f8f9fa); width: 80%; margin: 0 auto 1em auto; padding: 0.2em; } .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; } @media screen { html.skin-theme-clientpref-night .vectorbox { background: #202122; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .vectorbox { background: #202122; } } /* 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-color: #faebd7; border: 2px solid #ff8c00; } @media screen { html.skin-theme-clientpref-night .mw-alerte { background-color: #14110e; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .mw-alerte { background-color: #14110e; } } /* Boîtes à outils */ .mw-toolbox { font-size: 90%; background-color: #f8f8f8; border: 1px solid #b8b8b8; padding: 0.25em 1em; clear: both; } @media screen { html.skin-theme-clientpref-night .mw-toolbox { background-color: #202122; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .mw-toolbox { background-color: #202122; } } /* Styles des boîtes déroulantes, voir [[Modèle:Boîte déroulante/Documentation]]. */ div.NavFrame { padding: 2px; border: 1px var(--border-color-base, #a2a9b1); text-align: center; border-collapse: collapse; font-size: 95%; } div.NavPic { padding: 2px; float: left; } div.NavFrame div.NavHead { font-weight: bold; background-color: #efefef; color: var(--color-base, #202122); } @media screen { html.skin-theme-clientpref-night div.NavFrame div.NavHead { background-color: #27292d; } html.skin-theme-clientpref-night table div.NavFrame a { color: #6d8af2 ; } html.skin-theme-clientpref-night table div.NavFrame a.new { color: #ff4242 ; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os div.NavFrame div.NavHead { background-color: #27292d; } html.skin-theme-clientpref-os table div.NavFrame a { color: #6d8af2 ; } html.skin-theme-clientpref-os table div.NavFrame a.new { color: #ff4242 ; } } div.NavEnd { height: 0; clear: both; } /* Styles de [[Modèle:Méta palette de navigation]]. */ table.navbox { background: #f9f9f9; border: 1px solid var(--border-color-base, #a2a9b1); clear: both; font-size: 89%; margin: 1em 0 0; padding: 2px; text-align: center; width: 100%; } table.navbox-subgroup { background: transparent; color: inherit; 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-color: #ddf; vertical-align: middle; padding-left: 1em; padding-right: 1em; } tr.navboxHidden { display: none; } @media (max-width: 981px) { td.navbox-image { display: none; } } @media screen { html.skin-theme-clientpref-night th.navbox-group, html.skin-theme-clientpref-night td.navbox-banner { background-color: #1b1c1e; } html.skin-theme-clientpref-night td.navbox-even { background-color: #000; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os th.navbox-group, html.skin-theme-clientpref-os td.navbox-banner { background-color: #1b1c1e; } html.skin-theme-clientpref-os td.navbox-even { background-color: #000; } } /* Modèle de palettes groupées, [[Modèle:Palette]]. */ div.navbox-container { border: 1px solid var(--border-color-base, #a2a9b1); margin-top: 1em; } div.navbox-container table.navbox { border: 0; margin: 0; } /* Liens de masquage/affichage : [[Modèle:Boîte déroulante]] et [[Modèle:Méta palette de navigation]] */ .navboxToggle, .NavToggle { font-size: 90%; font-weight: normal; float: right !important; min-width: 6em; } /* Alignement du tableau : flottant à droite ou à gauche, ou centré. On peut aligner à droite ou à gauche sans flottement en ajoutant le [[modèle:Clr]] en bas du tableau. */ table.gauche, table.left { float: left; margin: 0 1em 1em 0; } table.droite, table.right { float: right; margin: 0 0 1em 1em; } table.centre, table.center { margin: 1em auto; } /* Pour les cas où le code de l'article contient un paramètre align de valeur center */ table.wikitable[align=center] { margin: 1em auto; } /* Annule propriétés issues de ".center" dans le /resources/src/mediawiki.skinning/elements.less */ /* (utilisation d'un :where() plutôt que "table.center", pour ne pas consommer davantage de spécificité que nécessaire) */ .center:where(table) { width: auto; /* annule width: 100%; */ text-align: inherit; /* annule text-align: center; */ } /* Workaround pour les captions ridiculement étroits quand table repliée */ table.mw-collapsible:not(.centre, .center) > caption { white-space: nowrap; } /* Méthode différente pour les tables centrées (corrige aussi le centrage erroné avec firefox) */ table.mw-collapsible.centre, table.mw-collapsible.center { min-width: 60%; } /* Système différent pour écrans étroits, au cas où le caption dépasserait en largeur */ @media (max-width: 981px) { table.mw-collapsible:not(.centre, .center) > caption { white-space: normal; } table.mw-collapsible { width: 100%; float: none; } } /* Classe pour substituer l'attribut obsolète cellpadding=0 */ table.nocellpadding > * > tr > td, table.nocellpadding > * > tr > th { padding: 0; } /* Classes permettant d'alterner les couleurs de ligne dans les tableaux selon le nombre de lignes d'en-tête : * .alternance si nombre impair ou .alternance2 si nombre pair. * .sortable : les tableaux triables nécessitent d'inverser l'alternance. */ /* code commun */ .alternance, .alternance2 { border-collapse: collapse; } /* thème light/day (thème par défaut) */ table:is(.alternance, .alternance2) > * > tr > th { background-color: var(--couleur-fond-entete-alternance, #e6e6e6); } .alternance tr, .alternance th[scope="row"], .alternance2 tr:nth-child(odd), .alternance2 tr:nth-child(odd) th[scope="row"] { background-color: var(--background-color-base, #fff); } .alternance:not(.sortable) tr:nth-child(odd), .alternance:not(.sortable) tr:nth-child(odd) th[scope="row"], .alternance.sortable tr:nth-child(even), .alternance.sortable tr:nth-child(even) th[scope="row"], .alternance2 tr:nth-child(even), .alternance2 tr:nth-child(even) th[scope="row"] { background-color: var(--couleur-fond-gris-alternance, #eeeeee); } /* thème dark/night */ @media screen { html.skin-theme-clientpref-night .alternance [style*='background'] a { color: #333 !important; text-decoration: underline; } } /* thème dark/night, via utilisation du thème défini dans l'OS */ @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .alternance [style*='background'] a { color: #333; text-decoration: underline; } } /* Classe pour permettre un titre d'une couleur différente sans avoir à l'imposer dans chaque cellule */ table.titre-en-couleur > * > tr > th { background-color: transparent; color: #202122; } table.titre-en-couleur > * > tr > th a { color: #36c; } /* Espacement du lien "[afficher]" ajouté par la classe mw-collapsible en attendant résolution de [[phab:T155347]] et [[phab:T178998]] */ :is(caption, th) .mw-collapsible-toggle { margin-inline-start: 0.3em; } /* 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]]). */ body:not(.skin-minerva) .liste-horizontale ul, body:not(.skin-minerva) .liste-horizontale ol, body:not(.skin-minerva) .liste-horizontale li { display: inline; margin-left: 0; } body.skin-minerva .liste-horizontale ul, body.skin-minerva .liste-horizontale ol, body.skin-minerva .liste-horizontale li { display: inline; padding-left: 0; /* pour la skin Minerva, padding-left au lieu de margin-left */ } /* utilisation de la valeur de "min-width-breakpoint-desktop" */ /* https://doc.wikimedia.org/codex/latest/design-tokens/breakpoint.html */ @media (min-width: 1120px) { .liste-horizontale li { white-space: nowrap; } } .liste-horizontale li:not(:last-child)::after { /* TODO: reconsidérer plus tard [[phab:T366389#10055910]] */ content: "\A0· "; font-weight: bold; white-space: normal; /* nécessaire s'il n'y a pas d'espace entre les <li> dans le HTML */ } body:not(.skin-minerva) .liste-horizontale li > ul, body:not(.skin-minerva) .liste-horizontale li > ol { white-space: normal; } body.skin-minerva .liste-horizontale li > ul, body.skin-minerva .liste-horizontale li > ol { white-space: normal; margin-left: 0; /* pour la skin Minerva, override d'un style appliqué aux listes imbriquées */ } .liste-horizontale li > ul::before, .liste-horizontale li > ol::before { content: " ("; } .liste-horizontale li > ul::after, .liste-horizontale li > ol::after { content: ")"; } .liste-horizontale ol { counter-reset: listitem; } .liste-horizontale ol > li { counter-increment: listitem; } .liste-horizontale ol > li::before { content: counter(listitem) ".\A0"; } /* Listes sans puces */ /* pour la skin Minerva, un ensemble distinct de règles se trouve dans [[MediaWiki:Minerva.css]] */ body:not(.skin-minerva) .liste-simple ul { line-height: inherit; list-style: none; margin: 0; } body:not(.skin-minerva) .liste-simple ul li { margin-bottom: 0; } /* support des sous-listes */ body:not(.skin-minerva) .liste-simple:not(.sans-indentation) ul ul { margin-left: 1.6em; } /* Style par défaut des bandeaux de portail décidés sur [[Wikipédia:Prise de décision/Bandeaux de portails]] Utilisé dans [[Modèle:Méta lien vers portail]] et [[Modèle:Portail]]. */ #bandeau-portail { border: 1px solid var(--border-color-base, #a2a9b1); background-color: var(--couleur-fond-boite-grise); text-align: center; margin-top: 1em; } #bandeau-portail, #liste-portail { padding: 4px; margin-left: 0; clear: both; } #liste-portail li, #bandeau-portail li { display: inline; } .bandeau-portail-element { white-space: nowrap; margin: 0 1.5em; } .bandeau-portail-icone { margin-right: 0.5em; } .bandeau-portail-texte { font-weight: bold; } /* Classes pour les colonnes des portails */ .portail-gauche, .portail-droite { box-sizing: border-box; } .portail-gauche { float: left; padding-right: 1.2rem; } .portail-droite { float: right; } @media (max-width: 981px) { .portail-gauche, .portail-droite { float: none; width: auto !important; } .portail-gauche { padding-right: 0; } } /* Mise en page Accueil version 2017 */ #accueil_2017_en-tete { background: linear-gradient(to bottom, #fff, #e8f2f8); border-bottom: solid 1px #a8d7fc; } #accueil_2017_bandeau { /* XXX : ce SVG n'est pas carré ; le background-size est carré, il ne déforme pas l'image, en revanche il a un rôle dans le positionnement */ background-image: url("//upload.wikimedia.org/wikipedia/commons/a/aa/Wikipedia-logo-v2-o50.svg"); background-size: 300px 300px; background-position: -110px -15px; background-repeat: no-repeat; padding: 1.5rem 1rem 1rem; font-family: 'Open Sans', Sans-serif; display:flex; flex-direction:row; flex-wrap: wrap; align-items:center; column-gap:5rem; } #accueil_2017_bandeau > div { flex: 1 0 30em; } #accueil_2017_bloc-titre { display: inline-block; margin-left: 14rem; margin-bottom: 1rem; text-align: left; line-height: 1.6; color: #457; } /* XXX : réparation rapide de la page d'accueil, cf. [[phab:T68637#12036688]] */ #accueil_2017_bloc-titre h2.mw-html-heading, #accueil_2017_bloc-titre .mw-heading2 { margin: 0; padding: 0; border: none; } #accueil_2017_bloc-titre h2 { font-size: 180%; font-weight: bold; font-family: 'Open Sans', Sans-serif; color: #457; } #accueil_2017_bloc-titre p { margin: 0; padding: 0; font-size: 95%; } #accueil_2017_bloc-liens { text-align: center; font-size: 90%; font-weight: bold; } .accueil_2017_contenu, #accueil_2017_contenu { margin-top: 1rem; } .accueil_2017_contenu .portail-gauche, #accueil_2017_contenu .portail-gauche { width: 60%; } .accueil_2017_contenu .portail-droite, #accueil_2017_contenu .portail-droite { width: 40%; } .accueil_2017_contenu::after, #accueil_2017_contenu::after { clear: both; display: table; /* "table" et non "block", car on veut aussi empêcher le margin collapse (dans l'affichage en mode "une colonne") */ content: ''; } .accueil_2017_cadre { box-shadow: 0 0 0.3rem #999; border-radius: 0.2rem; padding: 1.2rem; margin-bottom: 1.6rem; } /* S'assurer que ces règles emportent bien la priorité sur toutes les skins */ /* Aussi, un nouveau markup [[mw:Heading HTML changes]] est en cours de mise en place, surveiller [[phab:T13555]] et [[phab:T314714]] */ /* TODO : surveiller [[phab:T68637#12015627]], dont la résolution comme indiqué nécessiterait de mettre à jour le CSS de cette page (voir [[Spécial:Diff/236986430]] pour un overview des différentes parties concernées) */ /* cela permettrait aussi d'enlever la rustine ajoutée dans [[Modèle:Accueil actualité/Affichage/styles-apercu.css]] : [[Spécial:Diff/237029858]] */ /* XXX : réparation rapide de la page d'accueil, cf. [[phab:T68637#12036688]] */ #mw-content-text .accueil_2017_cadre h2.mw-html-heading, #mw-content-text .accueil_2017_cadre .mw-heading2 { border-bottom: solid 0.2rem #bdd8fb; margin: -0.4rem 0 0.5rem; } #mw-content-text .accueil_2017_cadre h2 { font-variant: small-caps; letter-spacing: 0.01em; } .accueil_2017_pied { margin-top: 1.8em; font-size: 85%; text-align: right; } @media (min-width: 982px) { .accueil_2017_contenu, #accueil_2017_contenu { display: flex; } .accueil_2017_contenu .portail-gauche, .accueil_2017_contenu .portail-droite, #accueil_2017_contenu .portail-gauche, #accueil_2017_contenu .portail-droite { display: flex; flex-direction: column; } .accueil_2017_cadre:nth-child(1) { flex-grow: 1; } .accueil_2017_cadre:nth-child(2) { flex-grow: 2; } .accueil_2017_cadre:nth-child(3) { flex-grow: 3; } } @media screen { html.skin-theme-clientpref-night #accueil_2017_en-tete { background: none; border-bottom: none; } html.skin-theme-clientpref-night #accueil_2017_bloc-titre, html.skin-theme-clientpref-night #accueil_2017_bloc-titre h2 { color: #eaecf0; } /* XXX : réparation rapide de la page d'accueil, cf. [[phab:T68637#12036688]] */ html.skin-theme-clientpref-night #mw-content-text .accueil_2017_cadre h2.mw-html-heading, html.skin-theme-clientpref-night #mw-content-text .accueil_2017_cadre .mw-heading2 { border-bottom: solid 0.2rem #a2a9b1; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os #accueil_2017_en-tete { background: none; border-bottom: none; } html.skin-theme-clientpref-os #accueil_2017_bloc-titre, html.skin-theme-clientpref-os #accueil_2017_bloc-titre h2 { color: #eaecf0; } /* XXX : réparation rapide de la page d'accueil, cf. [[phab:T68637#12036688]] */ html.skin-theme-clientpref-os #mw-content-text .accueil_2017_cadre h2.mw-html-heading, html.skin-theme-clientpref-os #mw-content-text .accueil_2017_cadre .mw-heading2 { border-bottom: solid 0.2rem #a2a9b1; } } /* Divers */ .globegris { background-image: url("//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png"); background-repeat: no-repeat; background-position: -40px -15px; } .headergris { background: #f0f0f0 url("//upload.wikimedia.org/wikipedia/commons/1/1b/Wikibar2.png") no-repeat right; margin: 0; font-size: 120%; font-weight: bold; border: 1px solid #a3b0bf; text-align: left; color: var(--color-emphasized, #000); padding: 0.15em 0.4em; } .cadregris { border: 1px solid var(--border-color-base, #a2a9b1); background: #fcfcfc; color: #333; vertical-align: top; padding: 7px; margin-bottom: 0.6em; } .accueil_cadre_lien { text-align: right; margin-right: 0.5em; font-size: xx-small; } /* Infobox V2 (voir : [[Projet:Infobox/V2]]) */ .infobox_v2 { background-color: var(--couleur-fond-boite-grise, #f9f9f9); color: var(--color-emphasized, #000); font-size: 90%; line-height: 1.2em; float: right; clear: right; margin: 0 0 0.5em 1em; width: 294px; border: 1px solid var(--border-color-base, #a2a9b1); border-spacing: 5px; } .infobox_v2 th { vertical-align: super; text-align: left; } .infobox_v2 .entete { height: 43px; vertical-align: middle; text-align: center; font-size: 140%; font-weight: bolder; line-height: 1.1em; color: var(--color-emphasized, #000); } /* Padding si pictogramme d'infobox, e.g. ".entete.foobar" Pas de pictogramme donc pas de padding sur ".entete.defaut" et ".entete" Possibilité de désactiver ce padding en ajoutant une classe "large" */ .infobox_v2 .entete:not(.defaut, [class="entete"], .large) { padding: 1px 48px; } /* Pour [[Modèle:Image et son]], etc. */ /* * TODO (pour ce ruleset, et plus bas les rulesets ".media.audio" et ".media.video") : encore utilisé ? * refs [[Spécial:Diff/29988257]], [[Spécial:Diff/45999226]], [[Spécial:Diff/123210084]] * en octobre 2015, [[Modèle:Son]] a été transformé en redirection vers le nouveau [[Modèle:Image et son]], * et ce dernier ne contient pas de classe "media", "audio" ou "video" * (pour ne pas oublier : aussi un ruleset présent dans [[MediaWiki:Gadget-Mobile.css]]) * détecté ailleurs : "media audio" et "media video" documentés dans [[Projet:Infobox/Pictogramme]] * - quelques utilisations de "media audio" dans d'anciens brouillons utilisateur, de toute façon cassés en raison de modèles depuis lors supprimés : [[Modèle:Multi-son début]], etc. * - aucune utilisation de "media video" */ .infobox_v2 .media { height: 35px; vertical-align: middle; text-align: center; font-weight: bolder; color: var(--color-emphasized, #000); } /* Pied de l'infobox V2 */ .infodoc { color: #555; } @media screen { html.skin-theme-clientpref-night .infodoc { color: #ababab; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .infodoc { color: #ababab; } } /* Graphiques transparents d'en-têtes des Infobox */ .entete { background-position: right center; background-repeat: no-repeat; } .media.audio { background-image: url("//upload.wikimedia.org/wikipedia/commons/9/94/Gnome-speakernotes.svg"); background-size: 35px; background-position: left top; background-repeat: no-repeat; } .media.video { background-image: url("//upload.wikimedia.org/wikipedia/commons/e/e7/Video-x-generic.svg"); background-size: 35px; background-position: left top; background-repeat: no-repeat; } /* Pour le [[modèle:Infobox/Géolocalisation multiple]] et le [[modèle:Géolocdual]]. */ /* attention : un autre ruleset pour ".img_toggle ul" est présent, plus bas dans ce fichier */ .img_toggle ul { list-style: none; text-align: center; } /* Infobox V3 */ .infobox_v3 { padding: 5px; width: 25em; background-color: var(--couleur-fond-boite-grise, #f9f9f9); border: 1px solid var(--border-color-base, #a2a9b1); clear: right; float: right; font-size: 0.9em; line-height: 1.4; margin: 0 0 0.5em 1em; max-width: 325px; word-wrap: break-word; } .infobox_v3 .entete { display: table; height: 45px; width: 100%; font-weight: bold; text-align: center; font-size: 1.4em; line-height: 1.1; margin-bottom: 10px; background-color: #dfedff; color: #202122; } .infobox_v3 .entete > div { display: table-cell; vertical-align: middle; padding: 3px; } .infobox_v3:not(.large) .entete.icon > div { padding: 3px 48px; } /* Images */ .infobox_v3 .images { text-align: center; display: flex; justify-content: space-around; align-items: center; } .infobox_v3 .images a { max-width: 100%; } .infobox_v3 .deux-images a { max-width: 48%; } .infobox_v3 .images img { max-width: 100%; height: auto; } .infobox_v3 .legend { font-size: 0.9em; text-align: center; margin: 5px 0 8px 0; } /* Tableaux */ .infobox_v3 table { width: 100%; margin: 5px 0; table-layout: fixed; border-collapse: collapse; } .infobox_v3 th[scope="col"] { text-align: center; word-wrap: normal; } .infobox_v3 th[scope=row] { text-align: left; /* @noflip */ padding-right: 10px; width: 8em; max-width: 140px; word-wrap: normal; } .infobox_v3 th[scope=row], .infobox_v3 td { padding-top: 4px; vertical-align: super; } .infobox_v3 th[scope=row].middle { vertical-align: middle; } .infobox_v3.bordered th[scope=row], .infobox_v3.bordered td { padding-bottom: 4px; border-top: 1px solid #dfedff; } .infobox_v3.bordered caption.bordered { margin: 0 0 -1px 0; } .infobox_v3 tr.left td { text-align: left; } .infobox_v3 tr.vborder td:not(:first-child) { border-left: 1px dotted var(--border-color-base, #a2a9b1); padding-left: 3px; } .infobox_v3 tr.vborder td:not(:last-child) { padding-right: 3px; } .infobox_v3 td.data { text-align: center; } .infobox_v3 tr:first-child ul:first-child { margin-top: 0; } /* Titres bloc et caption tableaux */ .infobox_v3 p.bloc, .infobox_v3 caption { font-weight: bold; text-align: center; line-height: 1.1; margin: 0 0 5px 0; padding: 4px; background: #dfedff; color: #333; } .infobox_v3 p.bloc { margin: 5px 0; } .infobox_v3 caption.bordered, .infobox_v3 p.bordered { border-top: 1px solid #dfedff; border-bottom: 1px solid #dfedff; background: transparent; } .infobox_v3 .bordered.navbar, .infobox_v3 .bordered.infobox-navigateur { padding-top: 4px; border-bottom: 0; } /* Texte centré sur une ligne de tableau, issu de [[Module:Infobox]] */ .infobox_v3 .row1col { color: var(--color-emphasized, #000000) } /* TODO : mettre à jour la classe .hidden générique */ .infobox_v3 caption.hidden { margin: 0 !important; padding: 0 !important; } /* Séparateur */ .infobox_v3 .hr { font-size: 1px; line-height: 1px; margin: 5px 0; background-color: #dfedff; } .infobox_v3 .hr.collapse { margin: 5px 0 -8px 0; } /* Séparateur [[Module:Infobox]] */ .infobox_v3 hr { height:2px; background-color: #E1E1E1; } /* Tnavbar */ .infobox_v3 .navbar { text-align: right; font-size: 0.8em; line-height: 1.1; margin: 8px 0 0; } .infobox_v3 .navbar .plainlinks { float: left; } /* Navigateur */ .infobox_v3 .overflow { overflow: hidden; } .infobox_v3 .prev a, .infobox_v3 .prev_bloc { background-image: url("//upload.wikimedia.org/wikipedia/commons/4/49/ArrowLeftNavbox.svg"); background-size: 12px; background-position: left center; background-repeat: no-repeat; float: left; max-width: 40%; padding: 0 0 0 18px; text-align: left; } .infobox_v3 .next a, .infobox_v3 .next_bloc { background-image: url("//upload.wikimedia.org/wikipedia/commons/1/10/ArrowRightNavbox.svg"); background-size: 12px; background-position: right center; background-repeat: no-repeat; float: right; max-width: 40%; padding: 0 18px 0 0; text-align: right; } /* Effets dégradés : utilisables pour un effet ombragé dans les modèles de cadre (par exemple : [[Portail:Montréal/Cadre]]). Ceux-ci ne doivent pas dépasser 43 pixels de hauteur au risque d'y voir un effet indésirable. */ .degrade { background-image: url("//upload.wikimedia.org/wikipedia/commons/f/fb/Gradient_43px.png"); background-size: 100% 100%; background-position: top; background-repeat: repeat-x; } .degrade_rev { background-image: url("//upload.wikimedia.org/wikipedia/commons/6/61/Gradient_reversed_43px.png"); background-position: top; background-repeat: repeat-x; } /* Classe de masquage, remplace display:none. Contenu non affiché mais lisible par les lecteurs d'écrans. */ .hidden { position: absolute; left: 0; top: -5000px; width: 1px; height: 1px; overflow: hidden; } caption.hidden { position: static; text-indent: -5000px; } /* Géolocalisation dynamique */ /* TODO FIXME : ces styles ne sont pas présents dans le CSS mobile. Nécessaires, pas nécessaires ? sur mobile, a minima, il y a provenant de ".content ul" un padding-left (+ padding-inline) de 1em qui serait à défaire */ /* attention : un autre ruleset pour ".img_toggle ul" est présent, plus haut dans ce fichier */ .img_toggle table, .img_toggle ul { margin-left: auto !important; margin-right: auto !important; } .img_toggle .geobox { position: relative } .img_toggle .geopoint { position: absolute; width: 5px; height: 5px; font-size: 1px; border: 1px solid #000; background: #f00; } /* Gallery */ ul.gallery { margin: 2px auto; text-align: center; } .gallerytext { text-align: left; font-size: 89%; } .mw-gallery-slideshow-caption .gallerytext { text-align: center; } .image-border img { border: 1px solid #c8ccd1; } .mw-textarea-protected { border: 2px solid #ff0000; color: navy; } /* Éditeur visuel : adaptation des messages d'avertissement */ .ve-ui-mwSaveDialog .oo-ui-window-frame #avertissement-filtre { background: none; border: none; margin: 0; padding: 0; } .ve-ui-mwSaveDialog .oo-ui-window-frame .grosse-icone { background: none; padding: 0; } .ve-ui-mwSaveDialog .oo-ui-window-frame .bandeau-icone { display: none; } /* Aide et accueil */ .aa-bloc-tete { /* Messages système */ display: table; width: 100%; margin-bottom: 1em; } .aa-bloc-gauche, .aa-bloc-droite { display: table; vertical-align: middle; margin-bottom: 1em; } :where( .aa-bloc-tete ) .aa-bloc-gauche, :where( .aa-bloc-tete ) .aa-bloc-droite { display: table-cell; margin-bottom: 0; } :where( .ve-ui-mwNoticesPopupTool-item ) .aa-bloc-gauche, :where( .ve-ui-mwNoticesPopupTool-item ) .aa-bloc-droite { display: block; float: none; } .aa-bloc-droite { width: 30%; } .aa-bloc-dessous { padding: 5px 10px; } .aa-bloc-tete h2 { margin-top: 4pt; /* Correction du style des titres par défaut pour une meilleure intégration */ } .ve-ui-mwNoticesPopupTool-item .masquer-dans-popup-ve { display: none; } /* Couleur et apparence des éléments */ .aa-fond-gris { background-color: #f6f6f6; padding: 10px; } .aa-filet-gris { border: 1px solid #ccc; border-left-width: 6px; } .aa-filet-bleu { border: 0 solid #3366cc; border-left-width: 6px; } .aa-filet-orange { border: 0 solid #f16633; border-left-width: 6px; } .aa-filet-rouge { border: 0 solid #d33; border-left-width: 6px; } .aa-fond-blanc { background-color: var(--background-color-base, #fff); padding: 10px; } .aa-titre-bleu { color: var(--color-progressive, #36c); border: none; } .aa-titre-rouge { color: #c00; border: none; } .aa-titre-vert { color: #008769; border: none; } .aa-incipit { font-family: sans-serif; font-weight: bold; font-size: 1.5em; line-height: 1.3; } .aa-intertitre { font-family: sans-serif; font-weight: bold; font-size: 1.17em; } .aa-faux-h2 { font-weight: normal; font-size: 1.5em; line-height: 1.3; } .aa-faux-h3 { font-weight: normal; font-size: 1.17em; } .aa-en-tete-aide-largeur { max-width: 1000px; } .aa-en-tete-aide-droite { width: 140px; float: right; background-color: var(--background-color-base, #fff); padding: 6px; margin-left: 20px; font-size: 0.9em; } .aa-en-tete-aide-ariane { font-size: 0.9em; display: block; margin: 0 0 5px 10px; padding: 5px 5px 5px 0; } .aa-en-tete-aide-chapo { margin: 10px; margin-right: 166px; } .aa-en-tete-aide-petit { font-size: 0.9em; } .aa-couleur-aide { color: #ff5d00; } .aa-couleur-niveau-avance { padding: 3px; color: var(--color-inverted-fixed, #fff); background: #347bff; } .aa-couleur-niveau-expert { padding: 3px; color: var(--color-inverted-fixed, #fff); background: #d11813; } .aa-couleur-niveau-debutant { padding: 3px; color: var(--color-inverted-fixed, #fff); background: #00af89; } .aa-en-tete-aide-statut { background: none repeat scroll 0 0 #ffe7db; padding: 3px; } @media screen { html.skin-theme-clientpref-night .aa-fond-gris { background-color: #202122; } html.skin-theme-clientpref-night .aa-titre-rouge { color: #ff4242; } html.skin-theme-clientpref-night .aa-titre-vert { color: #00af89; } html.skin-theme-clientpref-night .aa-couleur-niveau-avance { background-color: #395079; } html.skin-theme-clientpref-night .aa-couleur-niveau-expert { background-color: #d11813; } html.skin-theme-clientpref-night .aa-couleur-niveau-debutant { background-color: #007A60; } html.skin-theme-clientpref-night .aa-en-tete-aide-statut { background-color: #5f0360; } } @media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .aa-fond-gris { background-color: #202122; } html.skin-theme-clientpref-os .aa-titre-rouge { color: #ff4242; } html.skin-theme-clientpref-os .aa-titre-vert { color: #00af89; } html.skin-theme-clientpref-os .aa-couleur-niveau-avance { background-color: #395079; } html.skin-theme-clientpref-os .aa-couleur-niveau-expert { background-color: #d11813; } html.skin-theme-clientpref-os .aa-couleur-niveau-debutant { background-color: #007A60; } html.skin-theme-clientpref-os .aa-en-tete-aide-statut { background-color: #5f0360; } } /* Migrated from [[MediaWiki:Cite references prefix]] */ ol.references { font-size: 85%; } q { quotes: "«\a0" "\a0»"; font: inherit; } /* WP:DIMS reprise style CSS ancien Vector, utilisé sur un grand nombre d'articles */ .toccolours, .cadre-gris-clair { border: 1px solid var(--border-color-base, #a2a9b1); background-color: var(--background-color-interactive-subtle, #f8f9fa); padding: 5px; font-size: 95%; } /* </nowiki> */ Ce document provient de « https://fr.wikipedia.org/w/index.php?title=MediaWiki:Common.css&oldid=238182371 ». |
| You are visitor 01402503 — GeezerVison does not store the pages you look up. Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required. |