« MediaWiki:Common.css » : différence entre les versions

← Modification précédente Modification suivante →

Version du 12 juillet 2025 à 20:24

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

.perso-vignette-simple {
    width: 155px;
    display: inline-block;
    margin: 18px 10px;
    text-align: center;
    vertical-align: top;
    background: transparent;
    border: none;
    box-shadow: none;
}

.perso-vignette-simple img {
    width: 100%;
    max-width: 145px;
    display: block;
    margin: 0 auto 4px auto;
}

.perso-nom-simple {
    margin-top: 4px;
    font-size: 1.07em;
    font-weight: 500;
    color: #223;
    text-align: center;
    word-break: break-word;
}

@@ Ligne 23 : / Ligne 23 : @@
 }
-/* Vignette de personnage (type Umamusume) */
+.perso-vignette-simple {
-.perso-vignette {
+    width: 155px;
      display: inline-block;
-    width: 150px;
+     margin: 18px 10px;
-     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;
+     background: transparent;
+    border: none;
+    box-shadow: none;
 }
-.perso-vignette img {
+.perso-vignette-simple img {
-     width: 95%;
+     width: 100%;
-     border-radius: 14px 14px 0 0;
+     max-width: 145px;
-     margin-top: 5px;
+    display: block;
+     margin: 0 auto 4px auto;
 }
-.perso-vignette .perso-nom {
+.perso-nom-simple {
-     font-weight: bold;
+     margin-top: 4px;
-     font-size: 1.15em;
+     font-size: 1.07em;
-     margin: 8px 0 12px 0;
+     font-weight: 500;
-     color: #222;
+     color: #223;
-     padding: 0 6px;
+     text-align: center;
      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;
-  }
 }