Basculer le menu
Changer de menu des préférences
Basculer le menu personnel
Non connecté(e)
Votre adresse IP sera visible au public si vous faites des modifications.

« Modèle:Grille/styles.css » : différence entre les versions

De Nefald
Hiob (discussion | contributions)
mAucun résumé des modifications
Balise : Révoqué
Hiob (discussion | contributions)
mAucun résumé des modifications
Balise : Révoqué
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%;
}
}

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;
}
Les témoins (''cookies'') nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation de témoins.