|
|
| (3 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;
| | SUPPRESSION DES STYLES CONFLICTUELS |
| font-weight: 700;
| | Les règles suivantes ont été SUPPRIMÉES car elles |
| color: var(--color-base);
| | entraient en conflit avec le modèle ButtonLink : |
| margin-bottom: 1rem;
| | |
| }
| | - #home-card-discord, #home-card-patreon, #home-card-gitlab |
| | | - min-height forcé |
| .home-social__grid {
| | - display: flex !important |
| display: grid;
| | - Centrage forcé des images |
| gap: 0.75rem;
| | |
| }
| | Le modèle ButtonLink gère maintenant tout automatiquement. |
| | | ==================================== */ |
| .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;
| |
| }
| |
| | |
| /* 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;
| |
| }
| |
| | |
| /* SUPPRIMER l'icône de lien externe */
| |
| #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;
| |
| }
| |
|
| |
|
| /* ==================================== | | /* ==================================== |
