« MediaWiki:Common.css » : différence entre les versions

Aucun résumé des modifications
Aucun résumé des modifications
 
(2 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
/* Le CSS placé ici sera appliqué à tous les habillages. */
/* Le CSS placé ici sera appliqué à tous les habillages. */


/* --- Style du bandeau d'attribution (Version Ultra-Stable) --- */
/* --- Design du Bandeau d'Attribution Moderne --- */
 
.cadre-attribution {
/* 1. On cible le conteneur avec "body" pour augmenter la priorité */
     display: flex;
body .bandeau-attribution {
    align-items: center;
     background-color: #FFF9E5 !important;  
     margin: 1.5em 0;
     border: 1px solid #FFD700 !important;
     padding: 12px 16px;
     display: flex !important;
     border-radius: 8px;
     align-items: center !important;
      
     padding: 10px !important;
    /* Utilisation des variables système pour l'adaptation auto */
     margin: 0.5em auto !important;
    background-color: var(--background-color-interactive-subtle, #f8f9fa);
     border-radius: 4px !important;
     color: var(--color-base, #202122);
     border: 1px solid var(--border-color-subtle, #a2a9b1);
   
    /* Une petite ombre subtile pour le relief */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
      
      
     /* Neutralise les filtres d'inversion de certains modes sombres */
     /* La barre d'accentuation sur le côté */
     filter: none !important;  
     border-left: 6px solid #f6c342;
}
}


/* 2. On force la couleur noire sur TOUS les éléments à l'intérieur */
.cadre-attribution-icone {
body .bandeau-attribution,
     font-size: 1.8em;
body .bandeau-attribution *,
     margin-right: 15px;
body .bandeau-attribution-corps,
    /* Empêche l'icône de rétrécir si le texte est long */
body .bandeau-attribution-corps b,
    flex-shrink: 0;
body .bandeau-attribution-corps strong,
body .bandeau-attribution-corps p {
     color: #000000 !important;
     text-shadow: none !important; /* Enlève les ombres portées du mode sombre */
}
}


/* 3. On gère spécifiquement les liens pour qu'ils restent lisibles */
.cadre-attribution-contenu {
body .bandeau-attribution-corps a,
    flex-grow: 1;
body .bandeau-attribution-corps a:visited {
     font-size: 0.95em;
     color: #0000EE !important;
     line-height: 1.5;
     text-decoration: underline !important;
}
}


/* 4. On s'assure que l'icône reste centrée */
/* On s'assure que les liens restent contrastés */
body .bandeau-attribution-icone {
.cadre-attribution-contenu a {
     font-size: 24px !important;
     color: var(--color-primary, #3366cc);
     margin-right: 15px !important;
     font-weight: bold;
    filter: none !important;
}
}