« Modèle:Grille/styles.css » : différence entre les versions
De Nefald
Autres actions
mAucun résumé des modifications Balise : Révoqué |
mAucun résumé des modifications Balise : Révoqué |
||
| Ligne 2 : | Ligne 2 : | ||
.nefald-grille { | .nefald-grille { | ||
display: | display: flex !important; | ||
/* | flex-wrap: wrap !important; | ||
gap: 1.5rem !important; /* L'espace entre les cartes */ | |||
align-items: stretch !important; /* Force la même hauteur par ligne */ | |||
width: 100%; | width: 100%; | ||
} | } | ||
/* On neutralise les | /* 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 | /* | ||
* 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 { | ||
flex: 1 1 380px; /* Grow: 1, Shrink: 1, Base: 380px */ | |||
max-width: 100%; | |||
margin: 0 !important; /* Supprime les marges qui décalent tout */ | |||
margin: 0 !important; /* Supprime les marges qui | |||
/* 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 | .nefald-grille .joueur-banniere > div:first-child { | ||
flex: 1; | flex: 1; | ||
} | } | ||
Version du 12 mars 2026 à 20:50
/* Modèle:Grille/styles.css */
.nefald-grille {
display: flex !important;
flex-wrap: wrap !important;
gap: 1.5rem !important; /* L'espace entre les cartes */
align-items: stretch !important; /* Force la même hauteur par ligne */
width: 100%;
}
/* On neutralise les parasites MediaWiki sans les supprimer */
.nefald-grille > p,
.nefald-grille > br {
display: contents !important;
}
/*
* 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;
}