|
|
| 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;
| |
| } | | } |
