MediaWiki:Minerva.css
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./* 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;
}
}
/* T370423 */
@media screen {
html.skin-theme-clientpref-night .not-patrolled {
background-color: #292900;
}
}
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .not-patrolled {
background-color: #292900;
}
}
/* Mode sombre pour les infobox sans styles propres
(usage de !important obligatoire car les styles fournis par mediawiki insèrent déjà un !important) */
@media screen {
html.skin-theme-clientpref-night .infobox .entete:not(.notheme) > div,
html.skin-theme-clientpref-night .infobox--frwiki .entete:not(.notheme) > div {
color: white !important;
}
html.skin-theme-clientpref-night .infobox:not(.notheme),
html.skin-theme-clientpref-night .infobox td:not(.notheme),
html.skin-theme-clientpref-night .infobox th:not(.notheme),
html.skin-theme-clientpref-night .infobox p:not(.notheme),
html.skin-theme-clientpref-night .infobox--frwiki:not(.notheme),
html.skin-theme-clientpref-night .infobox--frwiki td:not(.notheme),
html.skin-theme-clientpref-night .infobox--frwiki th:not(.notheme),
html.skin-theme-clientpref-night .infobox--frwiki p:not(.notheme) {
background-color: #080808 !important;
color: inherit !important;
}
html.skin-theme-clientpref-night .infobox .entete:not(.notheme),
html.skin-theme-clientpref-night .infobox--frwiki .entete:not(.notheme) {
background-color: #1a191a !important;
color: inherit !important;
}
html.skin-theme-clientpref-night .infobox .bloc:not(.notheme),
html.skin-theme-clientpref-night .infobox caption:not(.notheme),
html.skin-theme-clientpref-night .infobox--frwiki .bloc:not(.notheme),
html.skin-theme-clientpref-night .infobox--frwiki caption:not(.notheme),
html.skin-theme-clientpref-night .infobox_v2.infobox.infobox--frwiki th[style*="padding:4px"][style*="text-align:center"]:not(.notheme) {
background-color: #181717 !important;
color: inherit !important;
}
html.skin-theme-clientpref-night .infobox tr:first-of-type th[colspan="2"]:not(.notheme),
html.skin-theme-clientpref-night .infobox--frwiki tr:first-of-type th[colspan="2"]:not(.notheme) {
background-color: #10100f !important;
color: inherit !important;
}
html.skin-theme-clientpref-night .infobox a {
color: #6d8af2 !important;
}
html.skin-theme-clientpref-night .infobox a.new {
color: #ff4242 !important;
}
}
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .infobox .entete:not(.notheme) > div,
html.skin-theme-clientpref-os .infobox--frwiki .entete:not(.notheme) > div {
color: white !important;
}
html.skin-theme-clientpref-os .infobox:not(.notheme),
html.skin-theme-clientpref-os .infobox td:not(.notheme),
html.skin-theme-clientpref-os .infobox th:not(.notheme),
html.skin-theme-clientpref-os .infobox p:not(.notheme),
html.skin-theme-clientpref-os .infobox--frwiki:not(.notheme),
html.skin-theme-clientpref-os .infobox--frwiki td:not(.notheme),
html.skin-theme-clientpref-os .infobox--frwiki th:not(.notheme),
html.skin-theme-clientpref-os .infobox--frwiki p:not(.notheme) {
background-color: #080808 !important;
color: inherit !important;
}
html.skin-theme-clientpref-os .infobox .entete:not(.notheme),
html.skin-theme-clientpref-os .infobox--frwiki .entete:not(.notheme) {
background-color: #1a191a !important;
color: inherit !important;
}
html.skin-theme-clientpref-os .infobox .bloc:not(.notheme),
html.skin-theme-clientpref-os .infobox caption:not(.notheme),
html.skin-theme-clientpref-os .infobox--frwiki .bloc:not(.notheme),
html.skin-theme-clientpref-os .infobox--frwiki caption:not(.notheme),
html.skin-theme-clientpref-os .infobox_v2.infobox.infobox--frwiki th[style*="padding:4px"][style*="text-align:center"]:not(.notheme) {
background-color: #181717 !important;
color: inherit !important;
}
html.skin-theme-clientpref-os .infobox tr:first-of-type th[colspan="2"]:not(.notheme),
html.skin-theme-clientpref-os .infobox--frwiki tr:first-of-type th[colspan="2"]:not(.notheme) {
background-color: #10100f !important;
color: inherit !important;
}
html.skin-theme-clientpref-os .infobox a {
color: #6d8af2 !important;
}
html.skin-theme-clientpref-os .infobox a.new {
color: #ff4242 !important;
}
}
/* Pas de changement de couleur des liens si fond coloré [[phab:T360844]] */
@media screen {
html.skin-theme-clientpref-night table:not(.infobox) [bgcolor] a,
html.skin-theme-clientpref-night table:not(.infobox) th[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a,
html.skin-theme-clientpref-night table:not(.infobox) td[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a,
/* should not apply to th elements which have their own background. */
html.skin-theme-clientpref-night table:not(.infobox) tr[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) td a {
color: #36c;
}
html.skin-theme-clientpref-night table:not(.infobox) [bgcolor] a.new,
html.skin-theme-clientpref-night table:not(.infobox) th[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a.new,
html.skin-theme-clientpref-night table:not(.infobox) td[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a.new,
/* should not apply to th elements which have their own background. */
html.skin-theme-clientpref-night table:not(.infobox) tr[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) td a.new {
color: #d73333;
}
}
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os table:not(.infobox) [bgcolor] a,
html.skin-theme-clientpref-os table:not(.infobox) th[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a,
html.skin-theme-clientpref-os table:not(.infobox) td[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a,
html.skin-theme-clientpref-os table:not(.infobox) tr[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) td a {
color: #36c;
}
html.skin-theme-clientpref-os table:not(.infobox) [bgcolor] a.new,
html.skin-theme-clientpref-os table:not(.infobox) th[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a.new,
html.skin-theme-clientpref-os table:not(.infobox) td[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a.new,
html.skin-theme-clientpref-os table:not(.infobox) tr[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) td a.new {
color: #d73333;
}
}