MediaWiki:Common.css

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

• Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
• Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
•  Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.

/* Le CSS placé ici sera appliqué à tous les habillages. */


@media (max-width: 700px) {
  .infobox-personnage {
    float: none !important;
    display: block !important;
    width: 98% !important;
    max-width: 98% !important;
    min-width: 0 !important;
    margin: 1em auto !important;
    box-sizing: border-box !important;
    clear: both !important;
    text-align: center !important;
  }
}

  .infobox-personnage:after {
    content: '';
    display: block;
    clear: both;
  }
}

/* Vignette de personnage (type Umamusume) */
.perso-vignette {
    display: inline-block;
    width: 150px;
    margin: 12px 10px;
    border: 4px solid #3498db; /* couleur bordure à personnaliser si besoin */
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 4px 18px rgba(80,80,120,0.09);
    text-align: center;
    font-family: 'Nunito', Arial, sans-serif;
    vertical-align: top;
    position: relative;
}

.perso-vignette img {
    width: 95%;
    border-radius: 14px 14px 0 0;
    margin-top: 5px;
}

.perso-vignette .perso-nom {
    font-weight: bold;
    font-size: 1.15em;
    margin: 8px 0 12px 0;
    color: #222;
    padding: 0 6px;
    word-break: break-word;
}

/* Responsive pour mobile */
@media (max-width: 600px) {
  .perso-vignette {
    width: 100px;
    margin: 8px 4px;
  }
  .perso-vignette .perso-nom {
    font-size: 0.95em;
  }
}