« Modèle:SocialButton/styles.css » : différence entre les versions
De Nefald
Autres actions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 298 : | Ligne 298 : | ||
margin-top: 6px; | margin-top: 6px; | ||
} | } | ||
} | |||
/* Empêche les comportements de wrapper/scroll du skin sur la fin de ligne */ | |||
.sb-footer{ | |||
overflow: hidden; /* au lieu de visible */ | |||
} | |||
/* Compteurs à droite : compact et stable */ | |||
.sb-counters{ | |||
display: flex; | |||
align-items: center; | |||
gap: 10px; | |||
white-space: nowrap; | |||
flex: 0 0 auto; | |||
} | |||
/* Style visuel compteurs */ | |||
.sb-counter{ | |||
display: flex; | |||
align-items: center; | |||
gap: 6px; | |||
height: 45px; | |||
padding: 0 10px; | |||
border-radius: 12px; | |||
background: rgba(0,0,0,.05); | |||
line-height: 1; | |||
font-size: 0.85rem; | |||
} | |||
.sb-counter__num{ | |||
font-weight: 800; | |||
font-size: 1.0rem; | |||
} | |||
.sb-counter__label{ | |||
font-weight: 600; | |||
opacity: .7; | |||
} | |||
/* Neutralise uniquement les styles "code/copy" SI un wrapper est injecté DANS les compteurs */ | |||
.sb-counters code, | |||
.sb-counters pre{ | |||
background: transparent !important; | |||
border: 0 !important; | |||
padding: 0 !important; | |||
box-shadow: none !important; | |||
font-family: inherit !important; | |||
} | |||
/* On évite que des décorations de lien/skin polluent les compteurs */ | |||
.sb-counters a:before, | |||
.sb-counters a:after, | |||
.sb-counters .external:before, | |||
.sb-counters .external:after{ | |||
display: none !important; | |||
content: none !important; | |||
} | } | ||