« Modèle:Button/styles.css » : différence entre les versions
De Nefald
Autres actions
mAucun résumé des modifications Balises : Modification par mobile Modification par le web mobile |
mAucun résumé des modifications |
||
| Ligne 26 : | Ligne 26 : | ||
color: white !important; | color: white !important; | ||
text-decoration: none !important; | text-decoration: none !important; | ||
display: | display: flex; | ||
flex-direction: column; | |||
align-items: center; | |||
justify-content: center; | |||
} | } | ||
| Ligne 34 : | Ligne 37 : | ||
} | } | ||
/* CONTENEUR D'IMAGE DE TAILLE FIXE */ | |||
.button-link-content .mw-file-description { | .button-link-content .mw-file-description { | ||
display: | display: flex; | ||
align-items: center; | |||
justify-content: center; | |||
width: 200px; /* LARGEUR FIXE */ | |||
height: 50px; /* HAUTEUR FIXE */ | |||
margin: 0 auto 0.5rem; | margin: 0 auto 0.5rem; | ||
overflow: hidden; /* Cache ce qui dépasse */ | |||
} | } | ||
/* IMAGE RESPONSIVE DANS LE CONTENEUR */ | |||
.button-link-content img { | .button-link-content img { | ||
max-width: 100%; /* Ne dépasse pas le conteneur */ | |||
max-height: 100%; /* Ne dépasse pas le conteneur */ | |||
width: auto !important; | |||
height: auto !important; | |||
object-fit: contain; /* Garde les proportions */ | |||
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1)); | filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1)); | ||
} | } | ||
| Ligne 50 : | Ligne 63 : | ||
} | } | ||
/* Couleurs prédéfinies */ | /* Couleurs prédéfinies... (reste inchangé) */ | ||
.button-link--discord { background: #5865f2; } | .button-link--discord { background: #5865f2; } | ||
.button-link--patreon { background: #ff424d; } | .button-link--patreon { background: #ff424d; } | ||