« Modèle:IconButton/styles.css » : différence entre les versions

Navigation interactive dans l’historique

← Modification précédente

@@ Ligne 4 : / Ligne 4 : @@
 .icon-button {
-     width: 48px;
+     width: 60px;
-     height: 48px;
+     height: 60px;
      border-radius: 8px;
      overflow: hidden;
@@ Ligne 30 : / Ligne 30 : @@
      width: 100%;
      height: 100%;
-     padding: 8px !important;  /* ✅ Padding sur le lien */
+     padding: 8px !important;
      box-sizing: border-box;
      color: transparent !important;
      text-decoration: none !important;
-}
-.icon-button a:hover,
-.icon-button a:visited {
-    color: transparent !important;
 }
@@ Ligne 49 : / Ligne 44 : @@
      height: 100% !important;
      margin: 0 !important;
-     padding: 0 !important;  /* ✅ Pas de padding ici */
+     padding: 0 !important;
 }
@@ Ligne 56 : / Ligne 51 : @@
      max-width: 100% !important;
      max-height: 100% !important;
-     width: 100% !important;  /* ✅ Forcer à 100% */
+     width: 100% !important;
      height: 100% !important;
      object-fit: contain !important;
@@ Ligne 70 : / Ligne 65 : @@
 /* RÉSEAUX SOCIAUX */
+.icon-button--bluesky { background: #0085ff; }
 .icon-button--discord { background: #5865f2; }
-.icon-button--twitter { background: #1da1f2; }
-.icon-button--x { background: #000000; }
-.icon-button--mastodon { background: #6364ff; }
 .icon-button--facebook { background: #1877f2; }
 .icon-button--instagram { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); }
-.icon-button--youtube { background: #ff0000; }
+.icon-button--linkedin { background: #0077b5; }
-.icon-button--twitch { background: #9146ff; }
+.icon-button--mastodon { background: #6364ff; }
-.icon-button--tiktok { background: #000000; }
-.icon-button--linkedin { background: #0a66c2; }
 .icon-button--reddit { background: #ff4500; }
 .icon-button--snapchat { background: #fffc00; }
-.icon-button--pinterest { background: #e60023; }
+.icon-button--threads { background: #000000; }
-.icon-button--telegram { background: #0088cc; }
+.icon-button--tiktok { background: #000000; }
-.icon-button--whatsapp { background: #25d366; }
+.icon-button--twitch { background: #9146ff; }
-.icon-button--github { background: #181717; }
+.icon-button--twitter { background: #1da1f2; }
-.icon-button--gitlab { background: #fc6d26; }
+.icon-button--youtube { background: #ff0000; }
+/* HÉBERGEMENT DE CODE */
+.icon-button--github { background: #24292e; }
+.icon-button--gitlab { background: #fc6f23; }
+/* SERVICES DE DÉVELOPPEMENT */
+.icon-button--codepen { background: #ffffff; }
+.icon-button--docker { background: #2496ed; }
+.icon-button--gradle { background: #02303a; }
+.icon-button--jenkins { background: #d24939; }
+.icon-button--kubernetes { background: #326ce5; }
+.icon-button--maven { background: #c71a36; }
+.icon-button--npm { background: #cb3837; }
 .icon-button--stackoverflow { background: #f48024; }
+/* MINECRAFT MODLOADERS */
+.icon-button--fabric { background: #dbd3c8; }
+.icon-button--forge { background: #1e2c42; }
+.icon-button--minecraft { background: #62b47a; }
+.icon-button--neoforge { background: #ff6b35; }
+.icon-button--quilt { background: #8b5cf6; }
+/* PLATEFORMES DE PLUGINS */
+.icon-button--bukkit { background: #f7931e; }
+.icon-button--curseforge { background: #f16436; }
+.icon-button--github-releases { background: #238636; }
+.icon-button--hangar { background: #0089ff; }
+.icon-button--modrinth { background: #1bd96a; }
+.icon-button--paper { background: #1a8cff; }
+.icon-button--polymart { background: #2196f3; }
+.icon-button--purpur { background: #a855f7; }
+.icon-button--spigot { background: #ed8106; }
+/* PLATEFORMES DE FINANCEMENT */
+.icon-button--buymeacoffee { background: #ffdd00; }
+.icon-button--helloasso { background: #4C40CF; }
+.icon-button--kofi { background: #ff5e5b; }
+.icon-button--liberapay { background: #f6c915; }
+.icon-button--opencollective { background: #7fadf2; }
+.icon-button--patreon { background: #ff424d; }
+.icon-button--paypal { background: linear-gradient(135deg, #0070ba 0%, #1546a0 100%); }
+.icon-button--qonto { background: #1d1d1d; }
+.icon-button--stripe { background: #635BFF; }
 /* COULEURS STANDARDS */