« Modèle:Joueur/styles.css » : différence entre les versions
De Nefald
Autres actions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 3 : | Ligne 3 : | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: | gap: 10px; | ||
align-items: stretch; | align-items: stretch; | ||
} | } | ||
| Ligne 13 : | Ligne 13 : | ||
background-color: var(--color-surface-2); | background-color: var(--color-surface-2); | ||
border: 1px solid var(--color-surface-3); | border: 1px solid var(--color-surface-3); | ||
border-radius: | border-radius: 10px; | ||
overflow: hidden; | overflow: hidden; | ||
vertical-align: top; | vertical-align: top; | ||
max-width: 100%; | max-width: 100%; | ||
width: | width: 260px; | ||
min-height: var(--joueur-h, 80px); | min-height: var(--joueur-h, 80px); | ||
transition: background-color 0.2s, box-shadow 0.2s, transform 0.2s; | transition: background-color 0.2s, box-shadow 0.2s, transform 0.2s; | ||
| Ligne 43 : | Ligne 43 : | ||
} | } | ||
.joueur-avatar a { | .joueur-avatar a { | ||
| Ligne 70 : | Ligne 64 : | ||
height: 100%; | height: 100%; | ||
image-rendering: pixelated; | image-rendering: pixelated; | ||
object-fit: | object-fit: contain; | ||
} | } | ||
| Ligne 77 : | Ligne 71 : | ||
flex-direction: column; | flex-direction: column; | ||
justify-content: center; | justify-content: center; | ||
padding: | padding: 10px 14px 10px 12px; | ||
min-height: var(--joueur-h, 80px); | min-height: var(--joueur-h, 80px); | ||
gap: | gap: 3px; | ||
min-width: 0; | min-width: 0; | ||
flex: 1; | flex: 1; | ||
| Ligne 87 : | Ligne 81 : | ||
.joueur-nom { | .joueur-nom { | ||
font-weight: 700; | font-weight: 700; | ||
font-size: | font-size: 1em; | ||
color: var(--color-emphasized); | color: var(--color-emphasized); | ||
line-height: 1.3; | line-height: 1.3; | ||
| Ligne 96 : | Ligne 90 : | ||
.joueur-grade { | .joueur-grade { | ||
font-size: 0. | font-size: 0.82em; | ||
line-height: 1. | line-height: 1.3; | ||
white-space: nowrap; | white-space: nowrap; | ||
overflow: hidden; | overflow: hidden; | ||
| Ligne 113 : | Ligne 107 : | ||
.joueur-texte { | .joueur-texte { | ||
font-size: 0. | font-size: 0.78em; | ||
color: var(--color-subtle); | color: var(--color-subtle); | ||
line-height: 1. | line-height: 1.35; | ||
white-space: normal; | white-space: normal; | ||
word-wrap: break-word; | word-wrap: break-word; | ||
overflow-wrap: break-word; | overflow-wrap: break-word; | ||
margin-top: 2px; | |||
} | } | ||