MediaWiki:Citizen.css - Historique des versions

Thomas234 : v22 : « Écris-nous » dans le bleu de « Télécharger », « Télécharger » un peu plus gros

2026-10-29T12:41:08Z

v22 : « Écris-nous » dans le bleu de « Télécharger », « Télécharger » un peu plus gros

← Version précédente		Version du 29 octobre 2026 à 12:41
Ligne 430 :		Ligne 430 :
	}		}
	.mw-parser-output .mg-dl .mg-dl-lien:hover { text-decoration: underline; text-underline-offset: 3px; }		.mw-parser-output .mg-dl .mg-dl-lien:hover { text-decoration: underline; text-underline-offset: 3px; }

			/* « Écris-nous » dans le même bleu que « Télécharger » ; « Télécharger » un peu plus gros */
			body.ns-0:not(.page-Accueil) .citizen-page-heading .mgc-lien { color: #3f7490 !important; font-weight: 600; }
			body.ns-0:not(.page-Accueil) .citizen-page-heading .mgc-lien:hover { color: #1f3f55 !important; }
			.mw-parser-output .mg-dl { font-size: 14px; }
			.mw-parser-output .mg-dl .mg-dl-lien { font-size: 15.5px; }
			.mw-parser-output .mg-dl .mg-dl-lien::before { width: 17px; height: 17px; }

Thomas234 : v21 : en-tête des pages (S5) et « Télécharger » en légende sous les images

2026-10-29T12:36:53Z

v21 : en-tête des pages (S5) et « Télécharger » en légende sous les images

← Version précédente		Version du 29 octobre 2026 à 12:36
Ligne 408 :		Ligne 408 :
	/* le premier sous-titre sous une famille commence tout de suite (aligné avec les listes des cases voisines) */		/* le premier sous-titre sous une famille commence tout de suite (aligné avec les listes des cases voisines) */
	:is(.page-Antibiotiques, .page-Bactéries) .mg-carte .citizen-section > .mw-heading3:first-child h3 { margin-top: .2em !important; }		:is(.page-Antibiotiques, .page-Bactéries) .mg-carte .citizen-section > .mw-heading3:first-child h3 { margin-top: .2em !important; }

			/* ===== En-tête des pages (S5) : titre seul en couleur, « MICROGUIDE » et « Écris-nous » très pâles, de l'espace (pas de ligne, pas de fond) ===== */
			body.ns-0:not(.page-Accueil) #siteSub { display: none !important; }
			body.ns-0:not(.page-Accueil) .citizen-page-heading::before {
			content: "MICROGUIDE"; display: block; font-size: .72em; letter-spacing: .2em; color: #a9b8c5; font-weight: 600;
			}
			body.ns-0:not(.page-Accueil) .citizen-page-heading #firstHeading { margin: .1em 0 .25em; color: #1f3f55; line-height: 1.06; border: 0; }
			body.ns-0:not(.page-Accueil) .citizen-page-heading .mgc-lien { font-size: .84em; color: #9aa9b6; }
			body.ns-0:not(.page-Accueil) .citizen-page-heading .mgc-lien:hover { color: #3f7490; }
			body.ns-0:not(.page-Accueil) .citizen-page-header { margin-bottom: 1.6em; }
			@media (min-width: 1120px) {
			body.ns-0:not(.page-Accueil) .citizen-page-heading #firstHeading { font-size: max(2.4em, 2.2vw); }
			}

			/* « Télécharger » sous les fiches et spectres : légende sous l'image (nom à gauche, lien à droite) */
			.mw-parser-output .mg-dl { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 8px 0 4px; font-size: 13px; color: #8a99a6; }
			.mw-parser-output .mg-dl .mg-dl-lien { display: inline-flex; align-items: center; gap: 6px; color: #3f7490; font-weight: 600; text-decoration: none; white-space: nowrap; }
			.mw-parser-output .mg-dl .mg-dl-lien::before {
			content: ""; width: 15px; height: 15px; flex: 0 0 auto;
			background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7490' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11m0 0-4.5-4.5M12 15l4.5-4.5M5 20h14'/%3E%3C/svg%3E") center / contain no-repeat;
			}
			.mw-parser-output .mg-dl .mg-dl-lien:hover { text-decoration: underline; text-underline-offset: 3px; }

Thomas234 : v20 : famille la plus longue seule à gauche, grille compacte alignée à droite ; premier sous-titre aligné

2026-10-29T00:47:44Z

v20 : famille la plus longue seule à gauche, grille compacte alignée à droite ; premier sous-titre aligné

← Version précédente		Version du 29 octobre 2026 à 00:47
Ligne 401 :		Ligne 401 :
	:is(.page-Antibiotiques, .page-Bactéries) .citizen-section li > b:first-child :is(big, b) { font-size: inherit !important; font-weight: inherit !important; }		:is(.page-Antibiotiques, .page-Bactéries) .citizen-section li > b:first-child :is(big, b) { font-size: inherit !important; font-weight: inherit !important; }
	:is(.page-Antibiotiques, .page-Bactéries) .citizen-section li:has(> b:first-child) li { padding-left: 1.1em; border-bottom: 1px solid #d5dee8; }		:is(.page-Antibiotiques, .page-Bactéries) .citizen-section li:has(> b:first-child) li { padding-left: 1.1em; border-bottom: 1px solid #d5dee8; }

			/* grande famille seule à gauche + grille compacte à droite (créée par le bloc JS) */
			@media (min-width: 1120px) {
			:is(.page-Antibiotiques, .page-Tests_de_laboratoires) .mg-sous-grille { display: grid; column-gap: 4vw; row-gap: 1.8vw; align-items: start; align-content: start; }
			}
			/* le premier sous-titre sous une famille commence tout de suite (aligné avec les listes des cases voisines) */
			:is(.page-Antibiotiques, .page-Bactéries) .mg-carte .citizen-section > .mw-heading3:first-child h3 { margin-top: .2em !important; }

Thomas234 : v19 : hiérarchie de titres commune à Antibiotiques et Bactéries

2026-10-29T00:44:32Z

v19 : hiérarchie de titres commune à Antibiotiques et Bactéries

← Version précédente		Version du 29 octobre 2026 à 00:44
Ligne 387 :		Ligne 387 :
	.page-Bactéries .citizen-section > .mw-heading5 + ul { padding-left: calc(.95em + 2.2em) !important; margin-left: .2em !important; }		.page-Bactéries .citizen-section > .mw-heading5 + ul { padding-left: calc(.95em + 2.2em) !important; margin-left: .2em !important; }
	.page-Bactéries .citizen-section li > b:first-child { font-size: 1.06em !important; }		.page-Bactéries .citizen-section li > b:first-child { font-size: 1.06em !important; }

			/* ===== Hiérarchie commune Antibiotiques + Bactéries : un même niveau de titre a le même rendu sur les deux pages ===== */
			:is(.page-Antibiotiques, .page-Bactéries) .mw-heading3 h3 { border: 0 !important; border-left: 3px solid #3f7490 !important; margin: 1.3em 0 .35em !important; padding: .05em 0 .05em .55em !important; font-size: 1.28em !important; font-weight: 700 !important; color: #1f3f55 !important; }
			:is(.page-Antibiotiques, .page-Bactéries) .mw-heading4 h4 { margin: 1.1em 0 .3em !important; padding: 0 !important; font-size: 1.16em !important; font-weight: 700 !important; color: #1f3f55 !important; border: 0 !important; }
			:is(.page-Antibiotiques, .page-Bactéries) .mw-heading5 h5 { margin: .9em 0 .15em 0 !important; padding: 0 !important; font-size: 1.06em !important; font-weight: 650 !important; color: #3f7490 !important; border: 0 !important; }
			/* tout ce qui suit un sous-titre 1 est décalé, avec une fine ligne verticale */
			:is(.page-Antibiotiques, .page-Bactéries) .citizen-section > :not(.mw-heading3) { margin-left: .2em; padding-left: .95em; border-left: 1px solid #d5dee8; }
			:is(.page-Antibiotiques, .page-Bactéries) .citizen-section > .mw-heading5 { padding-left: calc(.95em + 1.1em) !important; }
			:is(.page-Antibiotiques, .page-Bactéries) .citizen-section > .mw-heading5 + ul { padding-left: calc(.95em + 2.2em) !important; }
			/* sous-titres en gras dans les listes (Coagulase…) = même rendu que le sous-titre 3 */
			:is(.page-Antibiotiques, .page-Bactéries) .citizen-section > ul > li:has(> b:first-child) { padding-left: 1.1em; border-bottom: 0; }
			:is(.page-Antibiotiques, .page-Bactéries) .citizen-section li > b:first-child { display: block; font-size: 1.06em !important; font-weight: 650; color: #3f7490; margin-bottom: .1em; }
			:is(.page-Antibiotiques, .page-Bactéries) .citizen-section li > b:first-child :is(big, b) { font-size: inherit !important; font-weight: inherit !important; }
			:is(.page-Antibiotiques, .page-Bactéries) .citizen-section li:has(> b:first-child) li { padding-left: 1.1em; border-bottom: 1px solid #d5dee8; }

Thomas234 : v18 : Bactéries — chaque sous-titre plus gros et plus à gauche que ce qu'il chapeaute

2026-10-29T00:39:43Z

v18 : Bactéries — chaque sous-titre plus gros et plus à gauche que ce qu'il chapeaute

← Version précédente		Version du 29 octobre 2026 à 00:39
Ligne 379 :		Ligne 379 :
	.page-Bactéries .citizen-section li > b:first-child :is(big, b) { font-size: inherit !important; font-weight: inherit !important; }		.page-Bactéries .citizen-section li > b:first-child :is(big, b) { font-size: inherit !important; font-weight: inherit !important; }
	.page-Bactéries .mw-heading4 h4 { font-size: 1.08em !important; }		.page-Bactéries .mw-heading4 h4 { font-size: 1.08em !important; }

			/* Bactéries : un sous-titre est toujours plus gros que les lignes qu'il chapeaute, et chaque niveau est décalé vers la droite */
			.page-Bactéries .mw-heading3 h3 { font-size: 1.28em !important; }
			.page-Bactéries .mw-heading4 h4 { font-size: 1.16em !important; }
			.page-Bactéries .mw-heading5 h5 { margin: .9em 0 .15em 0 !important; font-size: 1.06em !important; font-weight: 650 !important; color: #3f7490 !important; }
			.page-Bactéries .citizen-section > .mw-heading5 { padding-left: calc(.95em + 1.1em) !important; }
			.page-Bactéries .citizen-section > .mw-heading5 + ul { padding-left: calc(.95em + 2.2em) !important; margin-left: .2em !important; }
			.page-Bactéries .citizen-section li > b:first-child { font-size: 1.06em !important; }

Thomas234 : v17 : hiérarchie stricte des titres (une taille par niveau), titres-liens soulignés avec flèche, couleurs de liens uniformes

2026-10-29T00:35:38Z

v17 : hiérarchie stricte des titres (une taille par niveau), titres-liens soulignés avec flèche, couleurs de liens uniformes

← Version précédente		Version du 29 octobre 2026 à 00:35
Ligne 337 :		Ligne 337 :
	.page-Antibiotiques .mg-carte .citizen-section, .page-Tests_de_laboratoires .mg-carte .citizen-section { margin-bottom: 0; }		.page-Antibiotiques .mg-carte .citizen-section, .page-Tests_de_laboratoires .mg-carte .citizen-section { margin-bottom: 0; }
	}		}

			/* Antibiotiques, Bactéries, Tests : un titre a la couleur de son niveau, qu'il soit un lien ou non */
			:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output :is(h1, h2, h3, h4, h5) a,
			:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output :is(h1, h2, h3, h4, h5) a:visited { color: inherit !important; }
			:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output :is(h1, h2, h3, h4, h5) a:hover { text-decoration: underline; text-underline-offset: 4px; }
			/* tous les liens des listes dans notre bleu */
			:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output li a:not(.new),
			:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output li a:not(.new):visited { color: #2f6380; }

			/* Antibiotiques : <big> et le gras n'ont plus d'effet dans les titres — chaque niveau a une seule taille */
			.page-Antibiotiques .mw-parser-output :is(h2, h3, h4) :is(big, b) { font-size: inherit; font-weight: inherit; }
			.page-Antibiotiques .mw-heading2 h2 { color: #1f3f55; }
			/* niveau 3 : sous-groupes (Les pénicillines, Les céphalosporines…) */
			.page-Antibiotiques .mw-heading3 h3 { margin: 1.1em 0 .25em; padding: 0 0 .2em; font-size: 1.12em; font-weight: 650; color: #3f7490; border-bottom: 1px solid #c3d1df; }
			/* niveau 4 : générations */
			.page-Antibiotiques .mw-heading4 h4 { margin: .8em 0 .1em; padding: 0; font-size: .98em; font-weight: 650; color: #56697a; border: 0; }
			.page-Antibiotiques .mw-parser-output :is(h2, h3, h4) * { font-weight: inherit !important; }

			/* ===== Hiérarchie stricte des titres (Antibiotiques, Bactéries, Tests) : une taille et une couleur par niveau, toujours décroissantes ===== */
			/* le gras et <big> écrits dans les titres n'ont plus d'effet : c'est le niveau qui décide */
			:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output :is(h1, h2, h3, h4, h5, h6) :is(big, b, strong) { font-size: inherit !important; font-weight: inherit !important; }
			/* un titre qui est un lien : souligné fin + la même flèche › que les listes */
			:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output :is(h1, h2, h3, h4, h5, h6) a:not(.new) {
			color: inherit !important; text-decoration: underline; text-decoration-color: rgba(63, 116, 144, .45); text-decoration-thickness: 1.5px; text-underline-offset: .22em;
			}
			:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output :is(h1, h2, h3, h4, h5, h6) a:not(.new)::after { content: "›"; display: inline-block; margin-left: .35em; color: #3f7490; font-weight: 600; text-decoration: none; }
			:is(.page-Antibiotiques, .page-Bactéries, .page-Tests_de_laboratoires) .mw-parser-output :is(h1, h2, h3, h4, h5, h6) a:not(.new):hover { text-decoration-color: #3f7490; }

			/* Bactéries : niveaux 4 (Catalase…) > 5 (Streptocoques…) ; les sous-titres en gras des listes (Coagulase…) = niveau 5 */
			.page-Bactéries .mw-heading3 h3 { font-size: 1.15em !important; }
			.page-Bactéries .mw-heading4 h4 { margin: 1.1em 0 .3em !important; font-size: 1.04em !important; font-weight: 700 !important; color: #1f3f55 !important; border: 0 !important; }
			.page-Bactéries .mw-heading5 h5 { margin: .9em 0 .15em 1.1em; padding: 0; font-size: .95em; font-weight: 650; color: #3f7490; border: 0; }
			.page-Bactéries .citizen-section li > b:first-child { font-size: .95em; }
			/* ce qui suit un niveau 5 est décalé comme lui */
			.page-Bactéries .mw-heading5 + ul { margin-left: 1.1em; }

			/* Antibiotiques : niveaux 3 (sous-groupes) > 4 (générations) */
			.page-Antibiotiques .mw-heading3 h3 { font-size: 1.12em; }
			.page-Antibiotiques .mw-heading4 h4 { font-size: .98em; }
			/* les sous-titres en gras des listes (Coagulase…) : <big> neutralisé, même taille que le niveau 5 */
			.page-Bactéries .citizen-section li > b:first-child :is(big, b) { font-size: inherit !important; font-weight: inherit !important; }
			.page-Bactéries .mw-heading4 h4 { font-size: 1.08em !important; }

Thomas234 : v15 : grille à rangées alignées, famille longue sur plusieurs rangées (Antibiotiques, Tests)

2026-10-29T00:23:48Z

v15 : grille à rangées alignées, famille longue sur plusieurs rangées (Antibiotiques, Tests)

← Version précédente		Version du 29 octobre 2026 à 00:23
Ligne 318 :		Ligne 318 :
	.page-Tests_de_laboratoires .mg-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); }		.page-Tests_de_laboratoires .mg-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.page-Antibiotiques .mg-carte, .page-Tests_de_laboratoires .mg-carte { margin-bottom: 0; }		.page-Antibiotiques .mg-carte, .page-Tests_de_laboratoires .mg-carte { margin-bottom: 0; }
	}

	~~/* grand écran : colonnes de cases alignées en haut (remplies par le bloc JS, la moins remplie d'abord) */~~
	~~@media (min-width: 1120px) {~~
	~~.page-Antibiotiques .mg-colonne, .page-Tests_de_laboratoires .mg-colonne { display: flex; flex-direction: column; gap: 2.4vw; min-width: 0; }~~
	}		}

Ligne 335 :		Ligne 330 :
	max-height: calc(100vh - 200px); overflow-y: auto; margin-top: 6px; background: none !important; box-shadow: none !important; border: 0 !important;		max-height: calc(100vh - 200px); overflow-y: auto; margin-top: 6px; background: none !important; box-shadow: none !important; border: 0 !important;
	}		}
			}

			/* grille à rangées alignées : remplissage des trous à côté des familles longues, espaces resserrés */
			@media (min-width: 1120px) {
			.page-Antibiotiques .mg-grille, .page-Tests_de_laboratoires .mg-grille { grid-auto-flow: row dense; row-gap: 1.8vw; }
			.page-Antibiotiques .mg-carte .citizen-section, .page-Tests_de_laboratoires .mg-carte .citizen-section { margin-bottom: 0; }
	}		}

Thomas234 : v14 : colonnes alignées sans trou (Antibiotiques, Tests), section choisie sous le bandeau, bulle Sections au clic

2026-10-29T00:19:49Z

v14 : colonnes alignées sans trou (Antibiotiques, Tests), section choisie sous le bandeau, bulle Sections au clic

@@ Ligne 318 : / Ligne 318 : @@
 	.page-Tests_de_laboratoires .mg-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 	.page-Antibiotiques .mg-carte, .page-Tests_de_laboratoires .mg-carte { margin-bottom: 0; }
+}

Thomas234 : v13 : Antibiotiques et Tests en grille alignée (comme Bactéries)

2026-10-29T00:13:20Z

v13 : Antibiotiques et Tests en grille alignée (comme Bactéries)

@@ Ligne 250 : / Ligne 250 : @@
 /* Antibiotiques : familles avec une icône de gélule bleue, 3 colonnes sur grand écran */
-.page-Antibiotiques .mw-parser-output > .mw-heading2 h2 {
+.page-Antibiotiques .mw-heading2 h2 {
 	border: 0; padding: 0 0 .1em 1.9em; margin: 1.2em 0 .3em; font-size: 1.45em; color: #1f3f55;
 	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233f7490' stroke-width='1.7' stroke-linecap='round'%3E%3Crect x='3' y='8.5' width='18' height='7' rx='3.5' transform='rotate(-40 12 12)'/%3E%3Cpath d='m9.7 9.3 5 5'/%3E%3C/svg%3E") left .02em / 1.45em no-repeat;
@@ Ligne 305 : / Ligne 305 : @@
 .page-Bactéries .citizen-section li > b:first-child { display: block; font-size: .95em; font-weight: 650; color: #3f7490; margin-bottom: .1em; }
 .page-Bactéries .citizen-section li:has(> b:first-child) li { padding-left: 1.1em; border-bottom: 1px solid #d5dee8; }

Thomas234 : v12 : Bactéries — Catalase plus gros et à gauche, Coagulase décalé dessous (le reste identique)

2026-10-29T00:08:56Z

v12 : Bactéries — Catalase plus gros et à gauche, Coagulase décalé dessous (le reste identique)

← Version précédente		Version du 29 octobre 2026 à 00:08
Ligne 298 :		Ligne 298 :
	.page-Tests_de_laboratoires .citizen-section { break-inside: avoid; margin-bottom: 1.5em; }		.page-Tests_de_laboratoires .citizen-section { break-inside: avoid; margin-bottom: 1.5em; }
	}		}

			/* Bactéries : les titres de niveau 4 qui chapeautent d'autres groupes (Catalase positive/négative) plus gros et à gauche ;
			les sous-titres en gras des listes (Coagulase…) en dessous, décalés. Les autres titres de niveau 4 (Streptocoques…) ne changent pas. */
			.page-Bactéries .mw-heading4:is(:has(+ ul > li > b:first-child), :has(+ .mw-heading4)) h4 { margin: 1.1em 0 .3em; font-size: 1.12em; font-weight: 700; color: #1f3f55; border: 0; }
			.page-Bactéries .citizen-section > ul > li:has(> b:first-child) { padding-left: 1.1em; border-bottom: 0; }
			.page-Bactéries .citizen-section li > b:first-child { display: block; font-size: .95em; font-weight: 650; color: #3f7490; margin-bottom: .1em; }
			.page-Bactéries .citizen-section li:has(> b:first-child) li { padding-left: 1.1em; border-bottom: 1px solid #d5dee8; }

MediaWiki:Citizen.css - Historique des versions

Thomas234 : v22 : « Écris-nous » dans le bleu de « Télécharger », « Télécharger » un peu plus gros

Thomas234 : v21 : en-tête des pages (S5) et « Télécharger » en légende sous les images

Thomas234 : v20 : famille la plus longue seule à gauche, grille compacte alignée à droite ; premier sous-titre aligné

Thomas234 : v19 : hiérarchie de titres commune à Antibiotiques et Bactéries

Thomas234 : v18 : Bactéries — chaque sous-titre plus gros et plus à gauche que ce qu'il chapeaute

Thomas234 : v17 : hiérarchie stricte des titres (une taille par niveau), titres-liens soulignés avec flèche, couleurs de liens uniformes

Thomas234 : v15 : grille à rangées alignées, famille longue sur plusieurs rangées (Antibiotiques, Tests)

Thomas234 : v14 : colonnes alignées sans trou (Antibiotiques, Tests), section choisie sous le bandeau, bulle Sections au clic

Thomas234 : v13 : Antibiotiques et Tests en grille alignée (comme Bactéries)

Thomas234 : v12 : Bactéries — Catalase plus gros et à gauche, Coagulase décalé dessous (le reste identique)