MediaWiki:Minerva.css

Une page de Wikipédia, l'encyclopédie libre.
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) ;

Chrome / Internet Explorer / Opera : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.
/* Tout CSS placé ici sera chargé avec les pages accédées par les utilisateurs de l’habillage MinervaNeue, sur desktop */

/* rappel des fichiers chargés avec la skin Minerva :
 * - sur desktop : [[MediaWiki:Common.css]] + [[MediaWiki:Minerva.css]]
 * - sur mobile : [[MediaWiki:Mobile.css]] + [[MediaWiki:Minerva.css]]
 */

/* ATTENTION, cela va être amené à changer, voir [[phab:T359488]] :
 * - [[MediaWiki:Minerva.css]] sera aussi chargé sur mobile - edit : c'est maintenant le cas
 * - il est envisagé de supprimer [[MediaWiki:Mobile.css]] à l'avenir
 */

/**
 * Listes sans puces
 */
.liste-simple ul {
	line-height: inherit;
	list-style: none;
	padding-left: 0;
}
.liste-simple ul li {
	margin-bottom: 0;
}
/* support des sous-listes */
.liste-simple:not(.sans-indentation) ul ul {
	padding-left: 1em;
}
/* pour override du « .content ul > li > ul { list-style-type: circle } »
   et du « .content ul > li > ul > li > ul { list-style-type: square } » appliqués par MediaWiki */
.liste-simple ul > li > ul,
.liste-simple ul > li > ul > li > ul {
	list-style-type: none;
}

/*
 * pour les infoboxes V2 lorsque écran de faible largeur,
 * annulation de règles ajoutée par la skin Minerva aux tables (.content table)
 * repository : Skin:MinervaNeue
 * fichier : /resources/skins.minerva.base.styles/content/tables.less
 *
 * TODO : les "infoboxes pleine largeur lorsque écran de faible largeur" seraient aussi souhaitables :
 * - avec les autres skins en version desktop (Vector, etc.)
 *     - pour que cela ne soit pas contre-productif, à réserver aux fenêtres vraiment très étroites,
 *       d'autant plus que sur desktop il n'y a pas la fonctionnalité "move lead paragraph", cf. [[mw:Reading/Web/Projects/Lead Paragraph Move]]
*      - aussi pour rappel, les skins Vector et Vector 2022 n'ont pas du tout la même largeur de contenu
 * - avec les infoboxes V3
 */
@media all and ( max-width: 720px ) {
	.content table.infobox_v2 {
		display: table; /* annulation du "display: block" ajouté par la skin */
		width: 100%; /* déjà dans le CSS de la skin, mais cette règle on la veut vraiment */
		/* le CSS de la skin contient aussi un "box-sizing: border-box", qui est ineffectif avec le "display: table" */
	}
	.content table.infobox_v2 table.DebutCarte {
		display: table; /* idem, annulation du "display: block" ajouté par la skin */
		width: auto !important; /* mais là par contre il est important de virer le width:100%, sinon les points de géolocalisation sont mal placés */
		/* et les margins pour centrer la carte ; noter que l'on override le CSS inline "margin:0" de [[Modèle:Début de carte]] */
		margin-left: auto !important;
		margin-right: auto !important;
	}
}