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

Hiob le 12 mars 2026 à 20:52

2026-03-12T20:52:25Z

← Version précédente		Version du 12 mars 2026 à 20:52
Ligne 1 :		Ligne 1 :
	/* ~~Modèle:Grille/styles.css~~ */		/* Conteneur Flexbox générique */

	.nefald-grille {		.nefald-grille {
	display: flex ~~!important~~;		display: flex;
	flex-wrap: wrap ~~!important~~;		flex-wrap: wrap;
	gap: ~~1.5rem !important~~; ~~/* L'espace entre les cartes */~~		gap: var(--grille-gap);
	align-items: ~~stretch !important~~; ~~/* Force la même hauteur par ligne */~~		align-items: var(--grille-align);
	width: 100%;		justify-content: var(--grille-justify);
			width: 100%;
	}		}

	/* ~~On neutralise~~ les ~~parasites~~ MediaWiki ~~sans les supprimer~~ */		/* Correction magique pour les sauts de ligne MediaWiki */
	.nefald-grille > p,		.nefald-grille > p,
	.nefald-grille > br {		.nefald-grille > br {
	display: contents ~~!important;~~		display: contents;
	}

	/*
	* On cible l'élément généré par le Modèle:Joueur.
	* On lui donne une base de largeur (ex: 380px) pour qu'ils s'alignent.
	*/
	~~.nefald-grille .joueur-banniere,~~
	~~.nefald-grille > div,~~
	~~.nefald-grille > p > div {~~
	~~flex: 1 1 380px; /* Grow: 1, Shrink: 1, Base: 380px */~~
	~~max-width: 100%;~~
	~~margin: 0 !important; /* Supprime les marges qui décalent tout */~~

	~~/* On force la hauteur à 100% du parent flex */~~
	~~display: flex !important;~~
	~~flex-direction: column !important;~~
	}

	~~/* S'assure que le contenu interne de la carte prend toute la place */~~
	~~.nefald-grille .joueur-banniere > div:first-child {~~
	~~flex: 1~~;
	}		}

Hiob le 12 mars 2026 à 20:50

2026-03-12T20:50:49Z

← Version précédente		Version du 12 mars 2026 à 20:50
Ligne 2 :		Ligne 2 :

	.nefald-grille {		.nefald-grille {
	display: ~~grid~~ !important;		display: flex !important;
	/* ~~Crée des colonnes automatiques d'au moins 350px.~~		flex-wrap: wrap !important;
	~~Ajuste '350px~~' ~~selon la largeur souhaitée de tes~~ cartes ~~Joueur~~ */		gap: 1.5rem !important; /* L'espace entre les cartes */
	~~grid~~-~~template-columns~~: ~~repeat(auto-fit, minmax(350px, 1fr))~~;		align-items: stretch !important; /* Force la même hauteur par ligne */
	width: 100%;		width: 100%;
	~~align-items: stretch; /* Force la même hauteur pour toutes les cartes d'une ligne */~~
	}		}

	/* On neutralise les ~~<p> et <br> pour qu'ils ne comptent pas comme des éléments de grille~~ */		/* On neutralise les parasites MediaWiki sans les supprimer */
	.nefald-grille > p,		.nefald-grille > p,
	.nefald-grille > br {		.nefald-grille > br {
Ligne 16 :		Ligne 15 :
	}		}

	/* On cible ~~les div~~ (~~les cartes~~) pour qu'~~elles occupent tout l~~'~~espace de leur cellule~~ */		/*
			* On cible l'élément généré par le Modèle:Joueur.
			* On lui donne une base de largeur (ex: 380px) pour qu'ils s'alignent.
			*/
			.nefald-grille .joueur-banniere,
	.nefald-grille > div,		.nefald-grille > div,
	.nefald-grille > p > div {		.nefald-grille > p > div {
	~~display~~: ~~flex~~;		flex: 1 1 380px; /* Grow: 1, Shrink: 1, Base: 380px */
	~~flex~~-~~direction: column;~~		max-width: 100%;
	~~height~~: 100% ~~!important~~;		margin: 0 !important; /* Supprime les marges qui décalent tout */
	margin: 0 !important; /* Supprime les marges qui ~~créent le décalage~~ */
			/* On force la hauteur à 100% du parent flex */
			display: flex !important;
			flex-direction: column !important;
	}		}

	/* ~~Sécurité : on force l~~'~~élément~~ interne de la carte ~~Joueur à s'étirer~~ */		/* S'assure que le contenu interne de la carte prend toute la place */
	.nefald-grille .joueur-banniere,		.nefald-grille .joueur-banniere > div:first-child {
	~~.nefald~~-~~grille [class*="joueur"]~~ {
	flex: 1;		flex: 1;
	~~height: 100%;~~
	}		}

Hiob le 12 mars 2026 à 20:43

2026-03-12T20:43:53Z

← Version précédente		Version du 12 mars 2026 à 20:43
Ligne 2 :		Ligne 2 :

	.nefald-grille {		.nefald-grille {
			display: grid !important;
			/* Crée des colonnes automatiques d'au moins 350px.
			Ajuste '350px' selon la largeur souhaitée de tes cartes Joueur */
			grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	width: 100%;		width: 100%;
			align-items: stretch; /* Force la même hauteur pour toutes les cartes d'une ligne */
	}		}

	/* ~~Correction magique~~ pour ~~les sauts~~ de ~~ligne MediaWiki~~ */		/* On neutralise les <p> et <br> pour qu'ils ne comptent pas comme des éléments de grille */
	.nefald-grille > p,		.nefald-grille > p,
	.nefald-grille > br {		.nefald-grille > br {
	display: contents;		display: contents !important;
	}		}

	/*		/* On cible les div (les cartes) pour qu'elles occupent tout l'espace de leur cellule */
	* Ciblage absolu des cartes pour forcer l'uniformité
	* On cible les div ~~directs, ou~~ les ~~div dans un <p> (générés par Mediawiki~~)
	*/
	.nefald-grille > div,		.nefald-grille > div,
	.nefald-grille > p > div {		.nefald-grille > p > div {
	margin: 0 !important; /* ~~Le gap gère 100% de l'espacement, finis~~ les ~~chevauchements !~~ */		display: flex;
	~~height: 100% !important;~~ /* ~~Force~~ la carte à s'étirer ~~verticalement~~ */		flex-direction: column;
	~~box-sizing~~: ~~border-box~~;		height: 100% !important;
			margin: 0 !important; /* Supprime les marges qui créent le décalage */
			}

			/* Sécurité : on force l'élément interne de la carte Joueur à s'étirer */
			.nefald-grille .joueur-banniere,
			.nefald-grille [class*="joueur"] {
			flex: 1;
			height: 100%;
	}		}

Hiob : row

2026-03-12T20:33:33Z

row

← Version précédente		Version du 12 mars 2026 à 20:33
Ligne 1 :		Ligne 1 :
	/* Modèle:Grille/styles.css */		/* Modèle:Grille/styles.css */

	~~/* Conteneur Flexbox générique */~~
	.nefald-grille {		.nefald-grille {
	~~display: flex;~~
	~~flex-wrap: wrap;~~
	width: 100%;		width: 100%;
	}		}
Ligne 15 :		Ligne 12 :

	/*		/*
	* Ciblage des cartes ~~contenues dans la grille :~~		* Ciblage absolu des cartes pour forcer l'uniformité
	* 1. On ~~annule~~ les ~~marges~~ (~~le 'gap' s'occupe de l'espacement~~)		* On cible les div directs, ou les div dans un <p> (générés par Mediawiki)
	* 2. On s'assure que l'élément prend toute la hauteur de la ligne
	*/		*/
	.nefald-grille > div,		.nefald-grille > div,
	.nefald-grille > p > div,		.nefald-grille > p > div {
	~~.nefald-grille .joueur-banniere~~ {		margin: 0 !important; /* Le gap gère 100% de l'espacement, finis les chevauchements ! */
	margin: 0 !important;		height: 100% !important; /* Force la carte à s'étirer verticalement */
	height: 100%;
	box-sizing: border-box;		box-sizing: border-box;
	}		}

Hiob : stretch

2026-03-12T20:27:55Z

stretch

@@ Ligne 5 : / Ligne 5 : @@
      display: flex;
      flex-wrap: wrap;
      width: 100%;
+}
@@ Ligne 21 : / Ligne 12 : @@
 .nefald-grille > br {
      display: contents;
+}

Hiob : alignement

2026-03-12T20:23:31Z

alignement

← Version précédente		Version du 12 mars 2026 à 20:23
Ligne 1 :		Ligne 1 :
			/* Modèle:Grille/styles.css */

	/* Conteneur Flexbox générique */		/* Conteneur Flexbox générique */

	.nefald-grille {		.nefald-grille {
			display: flex;
			flex-wrap: wrap;
			/* La gestion du gap, align-items, justify-content se fait maintenant en style inline par le modèle. */
			/* On peut laisser des valeurs par défaut ici au cas où le style inline ne serait pas appliqué, mais ce n'est pas indispensable. */
			/* gap: var(--space-md, 10px); / / Optionnel : une fallback si le style inline échoue */
			/* align-items: flex-start; / / Optionnel : une fallback si le style inline échoue */
			width: 100%;
			}

	~~display: flex;~~		/* Assure que les cartes remplissent la hauteur de la ligne */
			.nefald-grille > * {
	~~flex-wrap: wrap;~~		height: 100%;

	~~gap: var(--grille-gap);~~

	~~align-items: var(--grille-align);~~

	~~justify-content: var(-~~-grille~~-justify);~~

	~~width~~: 100%;

	}		}



	/* Correction magique pour les sauts de ligne MediaWiki */		/* Correction magique pour les sauts de ligne MediaWiki */

	.nefald-grille > p,		.nefald-grille > p,

	.nefald-grille > br {		.nefald-grille > br {
			display: contents;
	display: contents;

	}		}

Hiob : revert

2026-03-12T20:18:40Z

revert

@@ Ligne 1 : / Ligne 1 : @@
 /* Conteneur Flexbox générique */
 .nefald-grille {
-/* Ajout dans Modèle:Grille/styles.css */
+display: flex;
+}
-/* Style par défaut pour le gap si non spécifié */
+/* Correction magique pour les sauts de ligne MediaWiki */
-/* Style pour le gap par défaut si aucun gap n'est spécifié */
+.nefald-grille > p,
-/* Alignement par défaut si non spécifié */
+.nefald-grille > br {
-/* Justification par défaut si non spécifié */
+display: contents;
+}

Hiob : direction row / column

2026-03-12T20:16:07Z

direction row / column

@@ Ligne 5 : / Ligne 5 : @@
+}
-/* --- Directions robustes --- */
+/* Ajout dans Modèle:Grille/styles.css */
-/* --- Largeurs robustes --- */
+/* Classe pour la direction en colonne */
-.nefald-grille-width-100 { width: 100%; }
+.nefald-grille-direction-column {
-.nefald-grille-width-auto { width: auto; }
+    flex-direction: column !important;
-/* Annulation des sauts de ligne intempestifs de MediaWiki */
+/* Classe pour la direction en ligne (par défaut, mais explicitement définie) */
-.nefald-grille > p,
+.nefald-grille-direction-row {
-.nefald-grille > br {
+    flex-direction: row !important;
      display: contents;
+}

Hiob le 12 mars 2026 à 11:44

2026-03-12T11:44:03Z

← Version précédente		Version du 12 mars 2026 à 11:44
Ligne 3 :		Ligne 3 :
	display: flex;		display: flex;
	flex-wrap: wrap;		flex-wrap: wrap;
	~~/* Les propriétés gap, flex-direction, align, justify et width sont gérées en inline-style par le modèle */~~
	}		}

	/* Annulation des sauts de ligne MediaWiki */		/* --- Directions robustes --- */
			.nefald-grille-dir-row { flex-direction: row; }
			.nefald-grille-dir-column { flex-direction: column; }

			/* --- Largeurs robustes --- */
			.nefald-grille-width-100 { width: 100%; }
			.nefald-grille-width-auto { width: auto; }

			/* Annulation des sauts de ligne intempestifs de MediaWiki */
	.nefald-grille > p,		.nefald-grille > p,
	.nefald-grille > br {		.nefald-grille > br {
	display: contents;		display: contents;
	}

	~~/* Élément pour forcer un retour à la ligne si besoin */~~
	~~.nefald-grille-break {~~
	~~flex-basis: 100%;~~
	~~height: 0;~~
	~~margin: 0;~~
	}		}

Hiob le 12 mars 2026 à 11:39

2026-03-12T11:39:29Z

← Version précédente		Version du 12 mars 2026 à 11:39
Ligne 2 :		Ligne 2 :
	.nefald-grille {		.nefald-grille {
	display: flex;		display: flex;
	~~flex-direction: var(--grille-direction);~~
	flex-wrap: wrap;		flex-wrap: wrap;
	gap~~: var(--grille~~-~~gap);~~		/* Les propriétés gap, flex-direction, align, justify et width sont gérées en inline-style par le modèle */
	align~~-items: var(--grille-align);~~
	justify~~-content: var(--grille-justify);~~
	~~width: var(--grille-~~width~~); /* <~~- ~~Modifié ici~~ */
	}		}

	/* ~~Correction magique pour les~~ sauts de ligne MediaWiki */		/* Annulation des sauts de ligne MediaWiki */
	.nefald-grille > p,		.nefald-grille > p,
	.nefald-grille > br {		.nefald-grille > br {
	display: contents;		display: contents;
			}

			/* Élément pour forcer un retour à la ligne si besoin */
			.nefald-grille-break {
			flex-basis: 100%;
			height: 0;
			margin: 0;
	}		}

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

Hiob le 12 mars 2026 à 20:52

Hiob le 12 mars 2026 à 20:50

Hiob le 12 mars 2026 à 20:43

Hiob : row

Hiob : stretch

Hiob : alignement

Hiob : revert