Basculer le menu
Changer de menu des préférences
Basculer le menu personnel
Non connecté(e)
Votre adresse IP sera visible au public si vous faites des modifications.

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

De Nefald
Hiob (discussion | contributions)
m + gitlab
Hiob (discussion | contributions)
Aucun résumé des modifications
 
(2 versions intermédiaires par le même utilisateur non affichées)
Ligne 618 : Ligne 618 :
   ==================================== */
   ==================================== */


.home-social {
    padding: 1.5rem;
    background: var(--color-surface-0);
    border: 2px solid var(--border-color-base);
    border-radius: var(--radius-xl);
}
.home-social__title {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-base);
    margin-bottom: 1rem;
}
.home-social__grid {
    display: grid;
    gap: 0.75rem;
}
.home-social-btn {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    background: var(--color-surface-1);
    border: 2px solid var(--border-color-base);
    border-radius: var(--radius-lg);
    text-decoration: none;
    color: var(--color-base);
    font-weight: 600;
    transition: all 0.3s;
}
.home-social-btn:hover {
    transform: translateX(4px);
    border-color: currentColor;
}
.home-social-btn__icon {
    font-size: 1.5rem;
}
.home-social-btn--discord {
    color: #5865f2;
}
.home-social-btn--gitlab {
    color: #fc6f23;
}
.home-social-btn--patreon {
    color: #ff424d;
}
#home-card-discord {
background: #5865f2;
}
#home-card-gitlab {
background: #fc6f23;
}
#home-card-patreon {
background: #ff424d;
}


/* ====================================
  SUPPRESSION DES STYLES CONFLICTUELS
  Les règles suivantes ont été SUPPRIMÉES car elles
  entraient en conflit avec le modèle ButtonLink :
 
  - #home-card-discord, #home-card-patreon, #home-card-gitlab
  - min-height forcé
  - display: flex !important
  - Centrage forcé des images
 
  Le modèle ButtonLink gère maintenant tout automatiquement.
  ==================================== */


/* ====================================
/* ====================================
Les témoins (''cookies'') nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation de témoins.