Modèle:Règle/styles.css - Historique des versions

Hiob le 22 février 2026 à 12:44

2026-02-22T12:44:50Z

← Version précédente		Version du 22 février 2026 à 12:44
Ligne 75 :		Ligne 75 :
	left: 50%;		left: 50%;
	transform: translateX(-50%) translateY(1rem);		transform: translateX(-50%) translateY(1rem);
	background: ~~var(--color-surface-1,~~ #~~222)~~;		background: #2c2c2c;
	color: ~~var(--color-base,~~ #~~fff)~~;		color: #f0f0f0;
	padding: 0.5rem 1.2rem;		padding: 0.5rem 1.2rem;
	border-radius: 2rem;		border-radius: 2rem;
Ligne 82 :		Ligne 82 :
	opacity: 0;		opacity: 0;
	pointer-events: none;		pointer-events: none;
	transition: opacity 0.2s ease, transform 0.2s ease;		transition: opacity 0.3s ease, transform 0.3s ease;
	z-index: ~~9999~~;		/* Citizen peut avoir un z-index très élevé sur le header */
			z-index: 200000;
	white-space: nowrap;		white-space: nowrap;
	box-shadow: 0 ~~2px 8px~~ rgba(0, 0, 0, 0.3);		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
	}		}

Hiob le 22 février 2026 à 11:58

2026-02-22T11:58:34Z

← Version précédente		Version du 22 février 2026 à 11:58
Ligne 1 :		Ligne 1 :
	/* ===================================================		/* ===================================================
	Modèle:R — Styles des règles hiérarchiques		Modèle:Règle — Styles des règles hiérarchiques
	Niveaux : 1 (section) · 2 (sous-section) · 3 (article)		Niveaux : 1 (section) · 2 (sous-section) · 3 (article)
	=================================================== */		=================================================== */

			/* --- Conteneur de la règle --- */
	.regle-item {		.regle-item {
	display: flex;		display: flex;
	gap: 0.75em;		gap: 0.75em;
	align-items: baseline;		align-items: baseline;
	margin-block: 0.5em;		margin-block: 0.5em;
	line-height: 1.6;		line-height: 1.6;
	}

	~~/* --- Numéro cliquable --- */~~
	~~.regle-numero {~~
	~~flex-shrink: 0;~~
	~~font-weight: 700;~~
	~~color: var(--color-progressive, #36c);~~
	~~text-decoration: none;~~
	~~font-variant-numeric: tabular-nums;~~
	}

	~~.regle-numero:hover {~~
	~~text-decoration: underline~~;
	}		}

	/* --- Niveau 1 : Section principale --- */		/* --- Niveau 1 : Section principale --- */
	.regle-niveau-1 {		.regle-niveau-1 {
	margin-block-start: 1.5em;		margin-block-start: 1.5em;
	padding-block: 0.4em;		padding-block: 0.4em;
	border-block-start: 2px solid var(--color-progressive, #36c);		border-block-start: 2px solid var(--color-progressive, #36c);
	}		}

	.regle-niveau-1 .regle-~~numero~~ {		.regle-niveau-1 .regle-lien {
	font-size: 1.15em;		font-size: 1.15em;
	}		}

	.regle-niveau-1 .regle-texte {		.regle-niveau-1 .regle-texte {
	font-size: 1em;		font-size: 1em;
	color: var(--color-emphasized, inherit);		color: var(--color-emphasized, inherit);
	}		}

	/* --- Niveau 2 : Sous-section --- */		/* --- Niveau 2 : Sous-section --- */
	.regle-niveau-2 {		.regle-niveau-2 {
	padding-inline-start: 1.5em;		padding-inline-start: 1.5em;
	}		}

	.regle-niveau-2 .regle-~~numero~~ {		.regle-niveau-2 .regle-lien {
	font-size: 1em;		font-size: 1em;
	}		}

	/* --- Niveau 3 : Article --- */		/* --- Niveau 3 : Article --- */
	.regle-niveau-3 {		.regle-niveau-3 {
	padding-inline-start: 3em;		padding-inline-start: 3em;
	}		}

	.regle-niveau-3 .regle-~~numero~~ {		.regle-niveau-3 .regle-lien {
	font-size: 0.9em;		font-size: 0.9em;
	font-weight: 600;		font-weight: 600;
	opacity: 0.85;		opacity: 0.85;
	}		}

	.regle-niveau-3 .regle-texte {		.regle-niveau-3 .regle-texte {
	font-size: 0.95em;		font-size: 0.95em;
	color: var(--color-subtle, inherit);		color: var(--color-subtle, inherit);
	}		}

	/* ~~Conteneur général de la règle~~ */		/* --- Lien numéro cliquable --- */
	.regle-lien {		.regle-lien {
	~~font~~-~~weight~~: ~~bold~~;		flex-shrink: 0;
	~~text~~-~~decoration~~: ~~none~~;		font-weight: 700;
	~~cursor~~: ~~pointer~~;		font-variant-numeric: tabular-nums;
	color: var(--color-progressive);		color: var(--color-progressive, #36c);
	user-select: none;		text-decoration: none;
			cursor: pointer;
			user-select: none;
	}		}

	.regle-lien:hover {		.regle-lien:hover {
	text-decoration: underline;		text-decoration: underline;
	}		}

	/* Toast de confirmation */		/* --- Toast de confirmation --- */
	.regle-toast {		.regle-toast {
	position: fixed;		position: fixed;
	bottom: 2rem;		bottom: 2rem;
	left: 50%;		left: 50%;
	transform: translateX(-50%) translateY(1rem);		transform: translateX(-50%) translateY(1rem);
	background: var(--color-surface-1, #222);		background: var(--color-surface-1, #222);
	color: var(--color-base, #fff);		color: var(--color-base, #fff);
	padding: 0.5rem 1.2rem;		padding: 0.5rem 1.2rem;
	border-radius: 2rem;		border-radius: 2rem;
	font-size: 0.9rem;		font-size: 0.9rem;
	opacity: 0;		opacity: 0;
	pointer-events: none;		pointer-events: none;
	transition: opacity 0.2s ease, transform 0.2s ease;		transition: opacity 0.2s ease, transform 0.2s ease;
	z-index: 9999;		z-index: 9999;
	white-space: nowrap;		white-space: nowrap;
	box-shadow: 0 2px 8px rgba(0,0,0,0.3);		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
	}		}

	.regle-toast.regle-toast--visible {		.regle-toast.regle-toast--visible {
	opacity: 1;		opacity: 1;
	transform: translateX(-50%) translateY(0);		transform: translateX(-50%) translateY(0);
	}		}

Hiob le 22 février 2026 à 11:56

2026-02-22T11:56:39Z

@@ Ligne 64 : / Ligne 64 : @@
      font-size: 0.95em;
      color: var(--color-subtle, inherit);
+}

Hiob : Page créée avec « /* =================================================== Modèle:R — Styles des règles hiérarchiques Niveaux : 1 (section) · 2 (sous-section) · 3 (article) =================================================== / .regle-item { display: flex; gap: 0.75em; align-items: baseline; margin-block: 0.5em; line-height: 1.6; } / --- Numéro cliquable --- */ .regle-numero { flex-shrink: 0; font-weight: 700; color: var(--color-pr... »

2026-02-22T08:58:54Z

Page créée avec « =================================================== Modèle:R — Styles des règles hiérarchiques Niveaux : 1 (section) · 2 (sous-section) · 3 (article) =================================================== : .regle-item { display: flex; gap: 0.75em; align-items: baseline; margin-block: 0.5em; line-height: 1.6; } --- Numéro cliquable --- : .regle-numero { flex-shrink: 0; font-weight: 700; color: var(--color-pr... »

Nouvelle page

/* ===================================================
Modèle:R — Styles des règles hiérarchiques
Niveaux : 1 (section) · 2 (sous-section) · 3 (article)
=================================================== */

.regle-item {
display: flex;
gap: 0.75em;
align-items: baseline;
margin-block: 0.5em;
line-height: 1.6;
}

/* --- Numéro cliquable --- */
.regle-numero {
flex-shrink: 0;
font-weight: 700;
color: var(--color-progressive, #36c);
text-decoration: none;
font-variant-numeric: tabular-nums;
}

.regle-numero:hover {
text-decoration: underline;
}

/* --- Niveau 1 : Section principale --- */
.regle-niveau-1 {
margin-block-start: 1.5em;
padding-block: 0.4em;
border-block-start: 2px solid var(--color-progressive, #36c);
}

.regle-niveau-1 .regle-numero {
font-size: 1.15em;
}

.regle-niveau-1 .regle-texte {
font-size: 1em;
color: var(--color-emphasized, inherit);
}

/* --- Niveau 2 : Sous-section --- */
.regle-niveau-2 {
padding-inline-start: 1.5em;
}

.regle-niveau-2 .regle-numero {
font-size: 1em;
}

/* --- Niveau 3 : Article --- */
.regle-niveau-3 {
padding-inline-start: 3em;
}

.regle-niveau-3 .regle-numero {
font-size: 0.9em;
font-weight: 600;
opacity: 0.85;
}

.regle-niveau-3 .regle-texte {
font-size: 0.95em;
color: var(--color-subtle, inherit);
}