← Tous les exemples

Wikipédia : infobox plus fine

Réduit et allège l'infobox de droite, lui donnant un aspect de carte soignée avec une ombre douce.

Code à copier

/* Restyle the infobox into a slimmer, lighter card */
.mw-parser-output .infobox {
  width: 19em !important;
  font-size: 0.82em !important;
  border: 1px solid #d0d4d8 !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
  background: #fafbfc !important;
}
.mw-parser-output .infobox img {
  max-width: 100% !important;
  height: auto !important;
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.