MediaWiki:Vector-2022.css

/*
FEUILLE DE STYLE POUR HABILLAGE VECTOR 2022 SEULEMENT
Cette page contrôle l'apparence pour l'apparence Vector 2022. Les modifications
devant s'appliquer à toutes les apparences devraient aller dans MediaWiki:Common.css.
*/

/* Correction couleur des liens avec role=button, [[phab:T378771]] et [[phab:T377664]] */
a:where([role='button']),
.ext-discussiontools-init-replylink-buttons .ext-discussiontools-init-replylink-reply {
	color: var(--color-progressive);
}

/* PAGES DE DISCUSSION : COLORATION INDENTÉE */
.ns-talk #mw-content-text dd {
	margin: 0;
	padding: 0;
}

.ns-talk #mw-content-text dl {
	border-top: solid 1px #a7d7f9;
	border-left: solid 1px #a7d7f9;
	padding-top: 0.5em;
	padding-left: 0.5em;
	margin-left: 1em;
}

:root,.skin-invert,.notheme,.ve-ui-overlay {
	--couleur-discussion: #f5faff;
}
@media screen {
	html.skin-theme-clientpref-night {
		--couleur-discussion: #1e1e1e;
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os {
		--couleur-discussion: #1e1e1e;
	}
}

.ns-talk #mw-content-text dl,
.ns-talk #mw-content-text dl dl dl,
.ns-talk #mw-content-text dl dl dl dl dl,
.ns-talk #mw-content-text dl dl dl dl dl dl dl,
.ns-talk #mw-content-text dl dl dl dl dl dl dl dl dl,
.ns-talk #mw-content-text dl dl dl dl dl dl dl dl dl dl dl,
.ns-talk #mw-content-text dl dl dl dl dl dl dl dl dl dl dl dl dl {
	background-color: var(--couleur-discussion, #f5faff);
}

.ns-talk #mw-content-text dl dl,
.ns-talk #mw-content-text dl dl dl dl,
.ns-talk #mw-content-text dl dl dl dl dl dl,
.ns-talk #mw-content-text dl dl dl dl dl dl dl dl,
.ns-talk #mw-content-text dl dl dl dl dl dl dl dl dl dl,
.ns-talk #mw-content-text dl dl dl dl dl dl dl dl dl dl dl dl,
.ns-talk #mw-content-text dl dl dl dl dl dl dl dl dl dl dl dl dl dl {
	background-color: var(--background-color-base, #fff);
}

dd:has( + dd ):not( :has( dl ) ) > span[ data-mw-comment-end ] {
	display: block;
	margin: 0.5em 0 0.5em -0.5em;
	border-top: 1px solid #a7d7f9;
}

/* Correction pour la page d'accueil */
body.action-view.page-Wikipédia_Accueil_principal #contentSub {
	display: none;
}


/**** STYLES AIDE ET ACCUEIL ****/
.aa-faux-h2 {
	font-family: "Linux Libertine", Georgia, Times, serif;
}

/* Icônes pour les liens interprojets */
li.wb-otherproject-link {
	background-repeat: no-repeat;
	background-position: left center;
}

#p-wikibase-otherprojects li.wb-otherproject-link {
	padding-left: 20px;
}

li.wb-otherproject-commons {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/4/4a/Commons-logo.svg/14px-Commons-logo.svg.png");
}

li.wb-otherproject-wiktionary {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/f/f9/Wiktionary_small.svg/16px-Wiktionary_small.svg.png");
}

li.wb-otherproject-wikibooks {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Wikibooks-logo.svg/16px-Wikibooks-logo.svg.png");
}

li.wb-otherproject-wikiquote {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/f/fa/Wikiquote-logo.svg/15px-Wikiquote-logo.svg.png");
}

li.wb-otherproject-wikisource,
li.wb-otherproject-sources {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/4/4c/Wikisource-logo.svg/15px-Wikisource-logo.svg.png");
}

li.wb-otherproject-wikinews {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/c/c8/Wikinews_waves_Left.svg/15px-Wikinews_waves_Left.svg.png");
}

li.wb-otherproject-species {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/d/df/Wikispecies-logo.svg/15px-Wikispecies-logo.svg.png");
}

li.wb-otherproject-wikivoyage {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Wikivoyage-logo.svg/15px-Wikivoyage-logo.svg.png");
}

li.wb-otherproject-wikiversity {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/9/91/Wikiversity-logo.svg/15px-Wikiversity-logo.svg.png");
}

li.wb-otherproject-wikidata,
li.wb-otherproject-wikibase-dataitem {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/f/ff/Wikidata-logo.svg/15px-Wikidata-logo.svg.png");
}

li.wb-otherproject-meta {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/7/75/Wikimedia_Community_Logo.svg/15px-Wikimedia_Community_Logo.svg.png");
}

li.wb-otherproject-incubator {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/e/e3/Incubator-logo.svg/15px-Incubator-logo.svg.png");
}

li.wb-otherproject-mediawiki {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/c/c6/MediaWiki-2020-small-icon.svg/15px-MediaWiki-2020-small-icon.svg.png");
}

li.wb-otherproject-foundation {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/8b/Wikimedia-logo_black.svg/15px-Wikimedia-logo_black.svg.png");
}

li.wb-otherproject-outreach {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/81/Wikimedia-logo.svg/15px-Wikimedia-logo.svg.png");
}

li.wb-otherproject-wikifunctions {
	background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/0/0c/Wikifunctions-logo.svg/15px-Wikifunctions-logo.svg.png");
}

/* Workaround for T286612, can be removed when that ticket is resolved */
#p-lang-btn ul {
	margin-left: 30px;
}

/* 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 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 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: var(--background-color-neutral-subtle,#f8f9fa) !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: #0c0c0c !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: #101010 !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: #1C181C !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 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 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: var(--background-color-neutral-subtle,#f8f9fa) !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: #0c0c0c !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: #101010 !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: #1C181C !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;
	}
}

/* Mode sombre pour les palettes 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 .navbox-title:not(.notheme) {
		background-color:#202122 !important;
		color:inherit !important;
	}
	html.skin-theme-clientpref-night .navbox-title:not(.notheme) a span[style*="color"] {
		color:#fff !important;
		text-decoration: underline;
	}
	html.skin-theme-clientpref-night .navbox-group:not(.notheme),
	html.skin-theme-clientpref-night .navbox-banner:not(.notheme),
	html.skin-theme-clientpref-night .navbox-styledessous:not(.notheme) {
		background-color:#161718 !important;
		color:inherit !important;
	}
	html.skin-theme-clientpref-night .navbox-subgroup:not(.notheme) .navbox-group:not(.notheme) {
		background-color:#101010 !important;
		color:inherit !important;
	}
	html.skin-theme-clientpref-night .navbox-list:not(.notheme),
	html.skin-theme-clientpref-night .navbox-image:not(.notheme) {
		background-color:#0c0c0c !important;
		color:inherit !important;
	}
	html.skin-theme-clientpref-night .navbox:not(.notheme),
	html.skin-theme-clientpref-night .navbox-even:not(.notheme) {
		background-color:#000 !important;
		color:inherit !important;
	}

	html.skin-theme-clientpref-night .navbox:not(.notheme) [style*="background"] a {
		color: #6d8af2;
	}
	html.skin-theme-clientpref-night .navbox:not(.notheme) [style*="background"] a.new {
		color: #ff4242;
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .navbox-title:not(.notheme) {
		background-color:#202122 !important;
		color:inherit !important;
	}
	html.skin-theme-clientpref-os .navbox-title:not(.notheme) a span[style*="color"] {
		color:#fff !important;
		text-decoration: underline;
	}
	html.skin-theme-clientpref-os .navbox-group:not(.notheme),
	html.skin-theme-clientpref-os .navbox-banner:not(.notheme),
	html.skin-theme-clientpref-os .navbox-styledessous:not(.notheme) {
		background-color:#161718 !important;
		color:inherit !important;
	}
	html.skin-theme-clientpref-os .navbox-subgroup .navbox-group:not(.notheme) {
		background-color:#101010 !important;
		color:inherit !important;
	}
	html.skin-theme-clientpref-os .navbox-list:not(.notheme),
	html.skin-theme-clientpref-os .navbox-image:not(.notheme) {
		background-color:#0c0c0c !important;
		color:inherit !important;
	}
	html.skin-theme-clientpref-os .navbox:not(.notheme),
	html.skin-theme-clientpref-os .navbox-even:not(.notheme) {
		background-color:#000 !important;
		color:inherit !important;
	}
	html.skin-theme-clientpref-os .navbox:not(.notheme) [style*="background"] a {
		color: #6d8af2;
	}
	html.skin-theme-clientpref-os .navbox:not(.notheme) [style*="background"] a.new {
		color: #ff4242;
	}
}

/* Pas de changement de couleur des liens si fond coloré [[phab:T360844]] */
@media screen {
	html.skin-theme-clientpref-night table:not(.navbox):not(.navbox-group):not(.navbox-subgroup):not(.infobox) [bgcolor] a,
	html.skin-theme-clientpref-night table:not(.navbox):not(.navbox-group):not(.navbox-subgroup):not(.infobox) th[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a,
	html.skin-theme-clientpref-night table:not(.navbox):not(.navbox-group):not(.navbox-subgroup):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(.navbox):not(.navbox-group):not(.navbox-subgroup):not(.infobox) tr[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) td a {
		color: #36c;
	}
	html.skin-theme-clientpref-night table:not(.navbox):not(.navbox-group):not(.navbox-subgroup):not(.infobox) [bgcolor] a.new,
	html.skin-theme-clientpref-night table:not(.navbox):not(.navbox-group):not(.navbox-subgroup):not(.infobox) th[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a.new,
	html.skin-theme-clientpref-night table:not(.navbox):not(.navbox-group):not(.navbox-subgroup):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(.navbox):not(.navbox-group):not(.navbox-subgroup):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(.navbox):not(.navbox-group):not(.navbox-subgroup):not(.infobox) [bgcolor] a,
	html.skin-theme-clientpref-os table:not(.navbox):not(.navbox-group):not(.navbox-subgroup):not(.infobox) th[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a,
	html.skin-theme-clientpref-os table:not(.navbox):not(.navbox-group):not(.navbox-subgroup):not(.infobox) td[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a,
	html.skin-theme-clientpref-os table:not(.navbox):not(.navbox-group):not(.navbox-subgroup):not(.infobox) tr[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) td a {
		color: #36c;
	}
	html.skin-theme-clientpref-os table:not(.navbox):not(.navbox-group):not(.navbox-subgroup):not(.infobox) [bgcolor] a.new,
	html.skin-theme-clientpref-os table:not(.navbox):not(.navbox-group):not(.navbox-subgroup):not(.infobox) th[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a.new,
	html.skin-theme-clientpref-os table:not(.navbox):not(.navbox-group):not(.navbox-subgroup):not(.infobox) td[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) a.new,
	html.skin-theme-clientpref-os table:not(.navbox):not(.navbox-group):not(.navbox-subgroup):not(.infobox) tr[style*="background"]:not([style*="transparent"]):not([style*="inherit"]) td a.new {
		color: #d73333;
	}
}

/*
 * voir notamment [[phab:T366389]]
 * correction locale de styles stupides dans MediaWiki, qui fonctionnent mal en cas d'éléments (eux aussi stupides) ".mw-empty-elt"
 *
 * le code stupide d'origine se trouve dans https://github.com/wikimedia/mediawiki-skins-Vector/blob/master/resources/skins.vector.styles/typography.less
 * TODO : surveiller d'éventuels changements dans MediaWiki (on espère…), qui conduiraient à devoir mettre à jour le code ici
 */
.mw-body p:where(.mw-empty-elt) + ul,
.mw-body p:where(.mw-empty-elt) + ol {
	margin-top: 0.3em;
}
.mw-body p:where(.mw-empty-elt) + table {
	margin-top: revert;
}
.mw-body p:where(.mw-empty-elt) + table:where(.wikitable) {
	margin-top: 1em;
}
.mw-body p:where(.mw-empty-elt) + dl {
	margin-top: 0.2em;
}
.mw-body p:where(.mw-empty-elt) + blockquote {
	margin-top: revert;
}