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:ButtonGrid/styles.css » : différence entre les versions

De Nefald
Agrado (discussion | contributions)
Aucun résumé des modifications
Agrado (discussion | contributions)
Aucun résumé des modifications
Ligne 1 : Ligne 1 :
/* =========================
  MiniCardv2 — CSS complet
  - Pleine largeur
  - 1 ligne
  - Les tuiles s’adaptent au nombre (1fr)
  - Scroll horizontal si ça ne rentre pas (responsive)
  ========================= */
.minicardv2-container{
.minicardv2-container{
   display:grid;
   display:grid;
  /* Forcer 1 ligne */
  grid-template-rows:1fr;
  /* Colonnes auto-ajoutées, toutes de largeur égale */
   grid-auto-flow:column;
   grid-auto-flow:column;
   grid-auto-columns:1fr;
   grid-auto-columns:minmax(0, 1fr);
 
   gap:.6rem;
   gap:.6rem;
   width:100%;
   width:100%;
   padding:.4rem 0;
   padding:.4rem 0;
Ligne 21 : Ligne 18 :
}
}


/* Tuiles : liens externes MediaWiki */
/* Cibler tous les liens dans le conteneur (certains skins ne mettent pas .external) */
.minicardv2-container a.external{
.minicardv2-container a{
   display:flex !important;
   display:flex !important;
   align-items:center;
   align-items:center;
Ligne 40 : Ligne 37 :
   background:#111;
   background:#111;
   color:#fff;
   color:#fff;
  transition:transform .08s ease, filter .08s ease;
}
.minicardv2-container a.external:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
}
.minicardv2-container a.external:active{
  transform:translateY(0);
}
}


/* Icône */
/* Icône */
.minicardv2-container a.external img{
.minicardv2-container a img{
   width:18px;
   width:18px;
   height:18px;
   height:18px;
}
/* Masquer l’icône "lien externe" (petite flèche) */
.minicardv2-container a.external::after{
  display:none !important;
}
}

Version du 4 février 2026 à 19:36

.minicardv2-container{
  display:grid;

  /* Forcer 1 ligne */
  grid-template-rows:1fr;

  /* Colonnes auto-ajoutées, toutes de largeur égale */
  grid-auto-flow:column;
  grid-auto-columns:minmax(0, 1fr);

  gap:.6rem;
  width:100%;
  padding:.4rem 0;

  overflow-x:auto;
  overflow-y:hidden;
  box-sizing:border-box;
}

/* Cibler tous les liens dans le conteneur (certains skins ne mettent pas .external) */
.minicardv2-container a{
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:.5rem;

  width:100% !important;
  min-width:0;

  padding:.55rem .8rem;
  border-radius:12px;

  font-weight:600;
  text-decoration:none;
  white-space:nowrap;

  background:#111;
  color:#fff;
}

/* Icône */
.minicardv2-container a img{
  width:18px;
  height:18px;
}
Les témoins (''cookies'') nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation de témoins.