« Modèle:SocialButton/styles.css » : différence entre les versions
De Nefald
Autres actions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| (8 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 79 : | Ligne 79 : | ||
/* Tailles */ | /* Tailles */ | ||
.sb-icon{ width: 45px; height: 45px; } | .sb-icon{ width: 45px; height: 45px; } | ||
.sb-btn.button-link--tiktok img{ | |||
transform: scale(1.8); | |||
transform-origin: center; | |||
} | |||
/* Support : base */ | /* Support : base */ | ||
| Ligne 127 : | Ligne 132 : | ||
.sb-buttons--support .sb-btn.sb-support{ | .sb-buttons--support .sb-btn.sb-support{ | ||
flex: 0 0 auto; | flex: 0 0 auto; | ||
width: | width: 140px; /* légèrement + large pour stabiliser la colonne */ | ||
height: 45px; | height: 45px; | ||
} | } | ||
| Ligne 359 : | Ligne 364 : | ||
display: none !important; | display: none !important; | ||
content: none !important; | content: none !important; | ||
} | |||
/* ========================================= | |||
COMPTEURS — neutraliser le gadget/extension "copier" | |||
(sans toucher aux boutons) | |||
========================================= */ | |||
.sb-counters{ | |||
-webkit-user-select: none; | |||
user-select: none; | |||
} | |||
/* Si le gadget s'accroche à code/pre injectés, on les neutralise */ | |||
.sb-counters code, | |||
.sb-counters pre, | |||
.sb-counters kbd, | |||
.sb-counters samp{ | |||
background: transparent !important; | |||
border: 0 !important; | |||
padding: 0 !important; | |||
box-shadow: none !important; | |||
font-family: inherit !important; | |||
} | |||
/* Certains gadgets posent un bouton via pseudo-éléments / enfants */ | |||
.sb-counters [class*="copy"], | |||
.sb-counters .copy-button, | |||
.sb-counters .mw-copybutton, | |||
.sb-counters .mw-clipboard-button{ | |||
display: none !important; | |||
} | |||
/* ========================================= | |||
Séparateurs verticaux entre les 3 sections | |||
========================================= */ | |||
.sb-buttons--icons, | |||
.sb-buttons--support{ | |||
position: relative; | |||
} | |||
/* barre après Réseaux */ | |||
.sb-buttons--icons::after{ | |||
content: ""; | |||
display: block; | |||
width: 2px; | |||
height: 36px; /* ajuste si tu veux plus/moins haut */ | |||
background: #000; | |||
border-radius: 2px; | |||
margin: 0 14px; /* espace autour de la barre */ | |||
} | |||
/* barre après HelloAsso */ | |||
.sb-buttons--support::after{ | |||
content: ""; | |||
display: block; | |||
width: 2px; | |||
height: 36px; | |||
background: #000; | |||
border-radius: 2px; | |||
margin: 0 14px; | |||
} | |||
/* sur mobile (wrap), on enlève pour éviter des barres perdues */ | |||
@media (max-width: 900px){ | |||
.sb-buttons--icons::after, | |||
.sb-buttons--support::after{ | |||
display: none; | |||
} | |||
} | } | ||