Modifications

← Modification précédente

MediaWiki:Common.css

6 599 octets ajoutés, 15 juillet 2020 à 07:31

aucun résumé de modification

* seulement doivent aller dans [[MediaWiki:Monobook.css]].

*/

/* <nowiki> */

/* Aspect des tags de filtrage dans les modifications récentes. */

.mw-tag-markers {

~~font-family: sans-serif;~~

font-style: italic;

font-size: 90%;

/* Décoration des titres de sous-chapitre. */

.#mw-~~body~~content-~~content~~ text h3 {

border-bottom: dotted 1px #aaa;

}

.#mw-~~body~~content-~~content~~ text h4,.#mw-~~body~~content-~~content~~ text h5,.#mw-~~body~~content-~~content~~ text h6 {

border-bottom: dotted 1px #ddd;

}

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 #mw-content-text #sous_titre_h1 {

display: none;

}

/* ~~Titres de sections~~ Met en italique, et met en romain les italiques imbriqués */

.italique {

font-style: italic;

/* Balise abbr discrète */

~~abbr {~~

~~color: inherit;~~

}

abbr.abbr {

~~border~~text-~~bottom~~decoration: 0none; /* IEFirefox, Chrome */ ~~text~~border-~~decoration~~bottom: ~~none~~0; /* ~~Firefox~~ IE */}~~a abbr {~~ ~~cursor: inherit;~~

}

border-right: 2px solid #aaa;

border-bottom: 2px solid #aaa;

}

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

}

#wpTextbox1[readonly] + .ui-resizable > .ace_editor {

background: #eee;

}

~~/* Déplacement de la boite de recherche dans l'éditeur de code, en attendant https://github.com/ajaxorg/ace/pull/2969 */~~

~~.ace_scrollbar-v:not([style*="none"]) ~ .ace_search.right {~~

~~margin-right: 15px;~~

}

/* Message-système des sous-pages de discussion. Classe .fieldsetlike etc.

pour permettre la réutilisation de ces styles. */

~~#talkpageheader,~~

.fieldsetlike {

text-align: center;

padding: 0 0 0.4em 0;

}

~~#talkpageheader #talkpageheadertitle,~~

.fieldsetlike .legendlike {

margin-top: -0.8em;

}

~~#talkpageheader #talkpageheadertitletext,~~

.fieldsetlike .legendtextlike {

padding: 0 8px;

background: white;

}

~~#talkpageheader ul,~~

.fieldsetlike ul {

list-style-type: none;

margin: 0;

}

~~#talkpageheader li,~~

.fieldsetlike li {

display: inline;

white-space: nowrap;

}

.fieldsetlike li:not(:last-child):after {

content: '\a0- ';

}

#talkpageheader li {

}

.homonymie + .homonymie {

~~margin-top: -0.6em; /* fallback IE < 9 */~~

margin-top: calc(-0.5em - 1.05px); /* masque bordures adjacentes : -margin-bottom - (1px + léger excédent) */

}

/* Classe pour afficher un icône de haut-parleur à gauche des liens audio.

Utilisé par [[Modèle:Prononciation]], importé de WP:en. */

.~~audio~~ prononciation > a { background: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Loudspeaker.svg/11px-Loudspeaker.svg.png") center left no-repeat ~~!important~~; padding-left: ~~16px !important~~15px; ~~padding~~font-~~right~~size: ~~0 !important~~smaller;

}

/* [[Modèle:Colonnes]] et [[Modèle:Début de colonnes]]. */

~~/* le sélecteur avec <p> est pour {{Infobox Série de jeux vidéo}} */~~.colonnes > ol, .colonnes > ul~~, .colonnes > p~~ {

margin-top: 0;

}

display: block;

margin-left: 1.6em;

}

/* Lien souligné, modèle projet jeu vidéo */

.annoncelabel:hover {

text-decoration: underline;

}

vertical-align: text-top;

position: relative;

font-size: 0.8em;

top: -5px;

}

list-style-type: lower-greek;

}

.references-small.decimal ol,.references-small.lower-alpha ol ol,.references-small.lower-greek ol ol {

list-style-type: decimal;

}

/* Mise en surbrillance ~~de la note ou~~ de l'ouvrage ~~de référence~~ cliqué pour faciliter la navigation ~~(de en.wikipedia). */ol.references > li:target~~, comme fait déjà MediaWiki pour les notes et références.~~ouvrage:target { /* Contenu de la note~~ */ ~~background: #def;~~}~~sup~~.~~reference~~ouvrage:target { ~~/* Renvoi */~~ background: #~~def~~eaf3ff;

}

/* ~~cadre~~ Cadre pour [[Modèle:Références nombreuses]] */

.reference-cadre {

height: ~~25em~~30em;

overflow: auto;

padding: 3px;

border:1px solid #AAA;

}

/* Ligne de tableau dans « Informations sur la page » */

body.action-infotr:target { background: #~~def~~eaf3ff;

}

div.need_ref {

border: 1px solid #aaa;

padding: 0.5em;

}

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

text-align: center;

width: 45px;

/* @noflip */ padding-right : 1em;

}

.bandeau-titre {

}

.bandeau-problemes-multiples .bandeau-niveau-information, .bandeau-problemes-multiples .bandeau-niveau-modere, .bandeau-problemes-multiples .bandeau-niveau-grave {

background:none !important; border:none !important;

}

.bandeau-problemes-multiples .bandeau {

margin:0 !important;

border-top: 1px solid grey !important;

border-bottom: 1px solid grey !important;

}

.bandeau-problemes-multiples .NavContent {

background:none !important; padding-top:0 !important; padding-bottom:0 !important;

border-top: 1px solid grey !important;

border-bottom: 1px solid grey !important;

margin-left:2em !important; margin-right:2em !important;

}

.bandeau-ebauche-problemes-multiples .bandeau-niveau-ebauche {

margin-bottom:0 !important;

}

.bandeau-ebauche-problemes-multiples .bandeau-problemes-multiples {

margin-top:0 !important;

}

.bandeau-ebauche-problemes-multiples .bandeau-niveau-ebauche .bandeau-texte {

display:none;

}

.bandeau-ebauche-problemes-multiples-niveau-grave .bandeau-niveau-ebauche {

position: relative;

overflow: hidden;

max-width: 1800px;

height: auto;

}

.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;

/* Classe pour toutes les alertes. */

.alerte {

padding: 0.11em;

background: #ffd;

margin-bottom: 0.4em;

font-style: italic;

}

width: 80%;

margin: 0 auto 1em auto;

padding: 0.2em;

text-align: justify;

}

/* Boîtes utiles sur les pages d'aide (exemple : [[Aide:Note#~~Notes à appel unique~~Exemples]]). */

.exemple {

margin: 0.5em; padding: 0.5em;

border: dashed 1px #add8e6;

background: #fff;

background: #f8f8f8;

border: 1px solid #b8b8b8;

padding: ~~.25em 1em~~ 0.25em 1em;

clear: both;

}

div.NavFrame div.NavHead {

font-weight: bold;

~~font-size: 100%;~~

background: #efefef;

}

~~div.NavFrame p,~~

~~div.NavFrame div.NavContent,~~

~~div.NavFrame div.NavContent p {~~

~~font-size: 100%;~~

}

div.NavEnd {

background: transparent;

border: 0;

~~font-size: 100%;~~

margin: -3px;

padding: 0;

text-align: center;

~~width: 100%; /* fallback IE < 9 */~~

width: calc(100% + 6px);

}

padding-right: 1em;

}

tr.navboxHidden {

display: none;

}

@media (max-width: 981px) {

td.navbox-image {

display: none;

}

float: right !important;

min-width: 6em;

}

/* Styles pour [[Modèle:Section déroulante début]] */

.client-js .titre-section-deroulante,

.client-js .titre-section-deroulante.mw-collapsible-toggle-expanded {

background: url("//upload.wikimedia.org/wikipedia/commons/f/f1/MediaWiki_Vector_skin_action_arrow.svg") left center no-repeat;

}

.client-js .titre-section-deroulante.mw-collapsible-toggle-collapsed {

background: url("//upload.wikimedia.org/wikipedia/commons/0/03/MediaWiki_Vector_skin_right_arrow.svg") left center no-repeat;

}

margin: 1em auto;

}

/* Pour les cas où le code de l'article contienne 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.legacy/oldshared.css */table.center { 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):not(.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):not(.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;

}

~~/* Pour les cas où le code de l'article contienne un paramètre align de valeur center */~~

~~table.wikitable[align=center] {~~

~~margin: 1em auto;~~

}

background: #fcfcfc;

}

/* Classe pour permettre un titre d'une couleur différente sans avoir à l'imposer dans chaque cellule */

table.titre-en-couleur > * > tr > th {

background: transparent;

}

/* Classe pour aligner les cellules en haut sans avoir à répéter le style dans chaque cellule */

table.td-align-top > * > tr > td {

vertical-align: top;

}

/* Espacement du lien "[afficher]" ajouté par la classe mw-collapsible

en attendant résolution de https://phabricator.wikimedia.org/T155347 */

caption .mw-collapsible-toggle,

th .mw-collapsible-toggle {

margin-left: 0.3em;

}

/* @noflip */

.mw-content-ltr caption .mw-collapsible-toggle,

.mw-content-ltr th .mw-collapsible-toggle,

.mw-content-rtl .mw-content-ltr caption .mw-collapsible-toggle,

.mw-content-rtl .mw-content-ltr th .mw-collapsible-toggle {

margin-left: 0.3em;

}

/* @noflip */

.mw-content-rtl caption .mw-collapsible-toggle,

.mw-content-rtl th .mw-collapsible-toggle,

.mw-content-ltr .mw-content-rtl caption .mw-collapsible-toggle,

.mw-content-ltr .mw-content-rtl th .mw-collapsible-toggle {

margin-right: 0.3em;

}

/* Amélioration de la présentation des <templatedata> */.mw-templatedata-doc-desc + p,.mw-templatedata-doc-param-name code:first-of-type { font-weight: bold;}.mw-templatedata-doc-params dl { font-size: 85%; margin: 0.5em 1em;}.mw-templatedata-doc-params dt { float: left; clear: both; font-weight: normal; font-style: italic;}.mw-templatedata-doc-params dt:after { content: "\a0:\a0";}.mw-templatedata-doc-params dd { float: left; margin: 0;}.mw-templatedata-doc-muted { color: grey;} /* 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 portails]] et [[Modèle:Portail]]. */#bandeau-portail { border: solid #aaa 1px; background-color: #f9f9f9; text-align: center; margin-top: 1em;

}

#bandeau-portail,

.bandeau-portail-element {

white-space: nowrap;

margin: ~~auto~~ 0 1.5em;

}

.bandeau-portail-icone {

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

}

~~.portail-gauche-inner {~~ ~~padding-right: 1rem;~~}@media ~~screen and~~ (max-width: 981px) {

.portail-gauche,

.portail-droite {

width: auto !important;

}

.portail-gauche~~-inner~~ {

padding-right: 0;

}

flex: 2 35em;

float: left; /*ie10*/

width: 64%; /*ie10*/

}

.accueil-cadre {

top: -5000px;

}

/*Retire les numéros ajoutés lorsque "Préférences > Apparence > Numéroter automatiquement les titres de section" est cochéTODO : éventuellement créer une classe générique à ajouter à un div conteneur, permettant d'utiliser la fonctionnalité ailleurs*/body.page-Wikipédia_Accueil_principal .~~wbc~~mw-~~editpage~~ headline-number {

display: none;

}

/* Bandeau accueil */

#interwiki-listecomplete {

font-weight: bold;

}

~~/* Mise en page Accueil version 2014 */~~

~~#accueil_bandeau_2014 {~~

~~background: url(https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg) no-repeat -110px -15px;~~

~~background-size: 300px 300px;~~

~~padding-bottom: 1rem;~~

}

~~.bouton_accueil_bandeau_2014 a {~~

~~background: rgba(255, 255, 255, 0.6);~~

}

#accueil_2017_en-tete {

~~display: inline-block;~~

~~margin: auto;~~

~~min-width: 100%;~~

~~padding: auto 1rem;~~

~~background: #EDF4F7;~~

~~background: -moz-linear-gradient(top, #fff, #e8f2f8);~~

~~background: -webkit-linear-gradient(top, #fff, #e8f2f8);~~

~~background: -o-linear-gradient(top, #fff, #e8f2f8);~~

background: linear-gradient(to bottom, #fff, #e8f2f8);

~~box-shadow: inset 0 0 1rem -1rem #a8d7fc;~~

border-bottom: solid 1px #a8d7fc;

}

#~~accueil_bandeau_2017~~ accueil_2017_bandeau { background: url(https://upload.wikimedia.org/wikipedia/commons/a/aa/Wikipedia-logo-v2-o50.svg) no-repeat -110px -15px; background-size: 300px 300px; padding: 1.5rem 1rem 1rem; font-~~bottom~~family: ~~1rem~~'Open Sans', Sans-serif;

}

#~~accueil_bandeau_2017 .bloc~~accueil_2017_bloc-titre { ~~display: inline;~~

display: inline-block;

margin-left: ~~auto auto auto~~ 14rem; margin-bottom: 1rem;

text-align: left;

line-height: 1.6;

color: #457;

}

#~~accueil_bandeau_2017 .sous~~accueil_2017_bloc-titre > h2 {

margin: 0;

padding: 0;

border: none; font-size: 95200%; font-weight: bold; font-family: 'Open Sans', Sans-serif; color: #457;

}

~~.bouton_accueil_bandeau_2017 h2.~~#accueil_2017_bloc-titre~~-wikipedia~~ > p {

margin: 0;

padding: 0;

~~border~~font-size: 95%;}#accueil_2017_bloc-liens { text-align: ~~none~~center; font-size: ~~200~~90%;

font-weight: bold;

~~color:~~ }#~~457;~~accueil_2017_lien-mobile { ~~font~~margin-~~family~~bottom: ~~'Open Sans', Sans-serif~~1rem;

}

#accueil_2017_contenu {

margin-top: 1rem;

}

#accueil_2017_contenu .portail-gauche {

width: 60%;

}

#accueil_2017_contenu .portail-droite {

width: 40%;

}

#accueil_2017_contenu:after {

clear: both;

display: table;

content: '';

}

~~#accueil-contenu .accueil_2017_cadre,#accueil-pied~~ .accueil_2017_cadre { box-shadow: 0 0 0 .3rem #999; border-radius: 0.2rem; padding: 1.2rem; margin-bottom: ~~1rem 0~~ 1.6rem 0;

}

/* S'assurer que ces règles emportent bien la priorité sur toutes les skins */#~~accueil~~mw-~~contenu .accueil_2017_titres,#accueil~~content-~~pied~~ text .~~accueil_2017_titres~~ accueil_2017_cadre h2 { font-variant:small-caps; letter-spacing:0.01em; ~~display:block~~; border-bottom: solid 0.2rem #bdd8fb;

margin: -0.4rem 0 0.5rem;

}

~~#accueil-contenu .accueil_2017_pied,#accueil-pied~~ .accueil_2017_pied { padding:1.3em 0 0; font-size:85%; text-align:right;

}

~~/* Pour que le cadre sur [[Wikipédia~~@media (min-width: 982px) { #accueil_2017_contenu { display:~~Contact]] ne soit pas décalé avec celui des sous~~flex; } #accueil_2017_contenu .portail-~~pages */~~gauche, #accueil_2017_contenu .portail-droite { display: flex; flex-direction: column; }~~body~~ .~~page~~accueil_2017_cadre:nth-child(1) { flex-~~Wikipédia_Contact #contentSub~~grow: 1; } .accueil_2017_cadre:~~after~~ nth-child(2) { flex-grow: 2; ~~content~~} .accueil_2017_cadre: ~~"\00a0"~~nth-child(3) { flex-grow: 3; }

}

.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;

}

.assistant {

text-align: left;

color: #000;

padding: 0.15em 0.4em;

}

.cadregris {

vertical-align: top;

padding: 7px;

margin-bottom: 0.6em;

}

.accueil_cadre_lien {

text-align: right;

margin-right: 0.5em;

font-size: xx-small;

}

float: right;

clear: right;

margin: 0 0 0 .5em 1em;

width: 294px;

border: 1px solid #aaa;

line-height: 1.1em;

color: #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):not([class="entete"]):not(.large) {

padding: 1px 48px;

}

/* Pour [[Modèle:Image et son]], etc. */

.entete.disney {

background-image: url("//upload.wikimedia.org/wikipedia/commons/d/d3/Picto_infobox_Disney.png");

}

.entete.droit {

background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/1/17/Balance%2C_by_David.svg/40px-Balance%2C_by_David.svg.png");

}

.entete.drone-civil {

.entete.entreprise {

background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/1/19/Factory_black.png/40px-Factory_black.png");

}

.entete.entreprise-blanc {

background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/0/0e/Factory_white.png/40px-Factory_white.png");

}

.entete.escalade {

background-image: url("//upload.wikimedia.org/wikipedia/commons/e/e1/Picto_infobox_escalade.png");

.entete.natation {

background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/0/0a/Swimming_pictogram_white.png/35px-Swimming_pictogram_white.png");

}

.entete.nations-unies {

background-image: url("//upload.wikimedia.org/wikipedia/commons/3/3a/Picto_infobox_UN.png");

}

.entete.oenologie {

/* 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~~. Note : les effets en~~ ~~PNG ne sont pas résolus par IE6 et moins~~. */

.degrade {

background-image: url("//upload.wikimedia.org/wikipedia/commons/f/fb/Gradient_43px.png");

background-position: top;

background-repeat: repeat;

}

~~/* Ombragé, gris fond blanc (jpg) */~~

~~.ombre {~~

~~background-image: url("//upload.wikimedia.org/wikipedia/commons/e/ea/BGblue1_phixr.jpg");~~

~~background-position: top;~~