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

Navigation interactive dans l’historique

← Modification précédente

@@ Ligne 601 : / Ligne 601 : @@
 .home-stats__number {
-     font-size: 2.5rem;
+     font-size: 1.5rem;
      font-weight: 700;
      color: var(--color-primary);
@@ Ligne 662 : / Ligne 662 : @@
 .home-social-btn--discord {
      color: #5865f2;
+}
+.home-social-btn--gitlab {
+    color: #fc6f23;
 }
@@ Ligne 668 : / Ligne 672 : @@
 }
-.home-social-btn--kofi {
+#home-card-discord {
-    color: #ff5e5b;
+	background: #5865f2;
 }
-.home-social-btn--reddit {
+#home-card-gitlab {
-    color: #ff4500;
+	background: #fc6f23;
 }
-#home-card-discord {
+#home-card-patreon {
-	background: #5865f2;
+	background: #ff424d;
+}
+/* Forcer une hauteur uniforme pour tous les boutons */
+#home-card-discord,
+#home-card-patreon,
+#home-card-gitlab {
+    min-height: 80px; /* Ajustez selon vos besoins */
+    display: flex !important;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+}
+/* Centrer parfaitement les images */
+#home-card-discord .mw-file-description,
+#home-card-patreon .mw-file-description,
+#home-card-gitlab .mw-file-description {
+    display: flex !important;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+}
+/* Centrer l'image elle-même */
+#home-card-discord img,
+#home-card-patreon img,
+#home-card-gitlab img {
+    margin: 0 auto;
+    display: block;
 }
-#home-card-patreon {
+/* SUPPRIMER l'icône de lien externe */
-	background: #ff424d;
+#home-card-discord .mw-file-description::after,
+#home-card-patreon .mw-file-description::after,
+#home-card-gitlab .mw-file-description::after,
+#home-card-discord a.external::after,
+#home-card-patreon a.external::after,
+#home-card-gitlab a.external::after {
+    display: none !important;
+    content: none !important;
 }
+/* Alternative plus large pour tous les liens externes dans ces cartes */
+#home-card-discord a::after,
+#home-card-patreon a::after,
+#home-card-gitlab a::after {
+    display: none !important;
+}
 /* ====================================
@@ Ligne 724 : / Ligne 771 : @@
      background: var(--color-surface-2);
      border-color: var(--color-primary);
-}
-/* ====================================
-. UTILITIES
-   ==================================== */
-.home-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
-    gap: 0.5rem;
-}
-.home-grid--col2 {
-    grid-template-columns: 1fr 1fr;
-}
-.home-grid a.external {
-    background-image: none;
-}
-/* ====================================
-   GRILLES DE CARDS - VARIANTES
-   ==================================== */
-/* Grille 3 colonnes (EXISTANTE - pour référence) */
-.home-cards-grid-3 {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-    gap: 20px;
-    margin: 20px 0;
-}
-/* Grille 2 colonnes */
-.home-cards-grid-2 {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 20px;
-    margin: 20px 0;
-}
-/* Grille 1 colonne (pleine largeur) */
-.home-cards-grid-1 {
-    display: grid;
-    grid-template-columns: 1fr;
-    gap: 20px;
-    margin: 20px 0;
-}
-/* ====================================
-   RESPONSIVE
-   ==================================== */
-/* Tablette : 2 colonnes deviennent 1 */
-@media (max-width: 768px) {
-    .home-cards-grid-2 {
-        grid-template-columns: 1fr;
-    }
-}
-/* Mobile : 3 colonnes deviennent 1 */
-@media (max-width: 640px) {
-    .home-cards-grid {
-        grid-template-columns: 1fr;
-    }
 }