Basculer la recherche
Basculer le menu
49
1,9 k
11
4 k
Nefald
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:Bandeau/styles.css » : différence entre les versions

De Nefald
Autres actions
Navigation interactive dans l’historique
← Modification précédente
Hiob (discussion | contributions)
Bureaucrates, owner
3 202 modifications
mAucun résumé des modifications
Hiob (discussion | contributions)
Bureaucrates, owner
3 202 modifications
m icone centrée et agrandie
 
(Une version intermédiaire par le même utilisateur non affichée)
Ligne 5 : Ligne 5 :
.bandeau {
.bandeau {
   display: flex;
   display: flex;
   align-items: flex-start;
   align-items: center; /* Centrage vertical */
   gap: 14px;
   gap: 16px;
   padding: 14px 16px;
   padding: 16px 20px;
   border-radius: 6px;
   border-radius: 6px;
   border-left: 4px solid;
   border-left: 4px solid;
Ligne 21 : Ligne 21 :


.bandeau-icon {
.bandeau-icon {
   font-size: 24px;
   font-size: 28px; /* Icône plus grande */
  font-weight: 700;
   flex-shrink: 0;
   flex-shrink: 0;
   line-height: 1;
   line-height: 1;
  margin-top: 1px;
   /* Supprimer TOUT style de boîte */
   /* Supprimer tout background/border */
   background: none !important;
   background: none !important;
   border: none !important;
   border: none !important;
   padding: 0 !important;
   padding: 0 !important;
   border-radius: 0 !important;
   border-radius: 0 !important;
  box-shadow: none !important;
}
}


/* Cibler directement le span FontAwesome */
/* Cibler tous les éléments enfants possibles de FontAwesome */
.bandeau-icon *,
.bandeau-icon span,
.bandeau-icon > span,
.bandeau-icon > span,
.bandeau-icon > span > span {
.bandeau-icon > span > span,
.bandeau-icon svg,
.bandeau-icon i {
   background: none !important;
   background: none !important;
   border: none !important;
   border: none !important;
   padding: 0 !important;
   padding: 0 !important;
   border-radius: 0 !important;
   border-radius: 0 !important;
  box-shadow: none !important;
   display: inline !important;
   display: inline !important;
  color: inherit !important;
}
}


Ligne 67 : Ligne 74 :
   border-left-color: #1976d2;
   border-left-color: #1976d2;
   color: #0d47a1;
   color: #0d47a1;
}
.bandeau-info .bandeau-icon {
  color: #1565c0;
}
}


Ligne 77 : Ligne 80 :
   color: #90caf9;
   color: #90caf9;
   border-left-color: #42a5f5;
   border-left-color: #42a5f5;
}
[data-theme="dark"] .bandeau-info .bandeau-icon {
  color: #64b5f6;
}
}


Ligne 89 : Ligne 88 :
   border-left-color: #f57c00;
   border-left-color: #f57c00;
   color: #e65100;
   color: #e65100;
}
.bandeau-attention .bandeau-icon,
.bandeau-warning .bandeau-icon {
  color: #ef6c00;
}
}


Ligne 101 : Ligne 95 :
   color: #ffb74d;
   color: #ffb74d;
   border-left-color: #ff9800;
   border-left-color: #ff9800;
}
[data-theme="dark"] .bandeau-attention .bandeau-icon,
[data-theme="dark"] .bandeau-warning .bandeau-icon {
  color: #ffa726;
}
}


Ligne 115 : Ligne 104 :
   border-left-color: #d32f2f;
   border-left-color: #d32f2f;
   color: #b71c1c;
   color: #b71c1c;
}
.bandeau-erreur .bandeau-icon,
.bandeau-error .bandeau-icon,
.bandeau-danger .bandeau-icon {
  color: #c62828;
}
}


Ligne 129 : Ligne 112 :
   color: #ef5350;
   color: #ef5350;
   border-left-color: #e57373;
   border-left-color: #e57373;
}
[data-theme="dark"] .bandeau-erreur .bandeau-icon,
[data-theme="dark"] .bandeau-error .bandeau-icon,
[data-theme="dark"] .bandeau-danger .bandeau-icon {
  color: #ef5350;
}
}


Ligne 143 : Ligne 120 :
   border-left-color: #388e3c;
   border-left-color: #388e3c;
   color: #1b5e20;
   color: #1b5e20;
}
.bandeau-succes .bandeau-icon,
.bandeau-success .bandeau-icon {
  color: #2e7d32;
}
}


Ligne 155 : Ligne 127 :
   color: #81c784;
   color: #81c784;
   border-left-color: #66bb6a;
   border-left-color: #66bb6a;
}
[data-theme="dark"] .bandeau-succes .bandeau-icon,
[data-theme="dark"] .bandeau-success .bandeau-icon {
  color: #66bb6a;
}
}


Ligne 167 : Ligne 134 :
   border-left-color: #616161;
   border-left-color: #616161;
   color: #424242;
   color: #424242;
}
.bandeau-note .bandeau-icon {
  color: #757575;
}
}


Ligne 177 : Ligne 140 :
   color: #bdbdbd;
   color: #bdbdbd;
   border-left-color: #9e9e9e;
   border-left-color: #9e9e9e;
}
[data-theme="dark"] .bandeau-note .bandeau-icon {
  color: #9e9e9e;
}
}


Ligne 189 : Ligne 148 :
   border-left-color: #7b1fa2;
   border-left-color: #7b1fa2;
   color: #4a148c;
   color: #4a148c;
}
.bandeau-conseil .bandeau-icon,
.bandeau-tip .bandeau-icon {
  color: #6a1b9a;
}
}


Ligne 201 : Ligne 155 :
   color: #ba68c8;
   color: #ba68c8;
   border-left-color: #ab47bc;
   border-left-color: #ab47bc;
}
[data-theme="dark"] .bandeau-conseil .bandeau-icon,
[data-theme="dark"] .bandeau-tip .bandeau-icon {
  color: #ba68c8;
}
}


Ligne 213 : Ligne 162 :
   border-left-color: #f57f17;
   border-left-color: #f57f17;
   color: #f57f17;
   color: #f57f17;
}
.bandeau-construction .bandeau-icon {
  color: #f9a825;
}
}


Ligne 223 : Ligne 168 :
   color: #ffd54f;
   color: #ffd54f;
   border-left-color: #ffb300;
   border-left-color: #ffb300;
}
[data-theme="dark"] .bandeau-construction .bandeau-icon {
  color: #ffd54f;
}
}


Ligne 234 : Ligne 175 :
   border-left-color: #c2185b;
   border-left-color: #c2185b;
   color: #880e4f;
   color: #880e4f;
}
.bandeau-important .bandeau-icon {
  color: #ad1457;
}
}


Ligne 244 : Ligne 181 :
   color: #f48fb1;
   color: #f48fb1;
   border-left-color: #ec407a;
   border-left-color: #ec407a;
}
[data-theme="dark"] .bandeau-important .bandeau-icon {
  color: #f48fb1;
}
}


Ligne 255 : Ligne 188 :
   border-left-color: #0097a7;
   border-left-color: #0097a7;
   color: #006064;
   color: #006064;
}
.bandeau-question .bandeau-icon {
  color: #00838f;
}
}


Ligne 265 : Ligne 194 :
   color: #4dd0e1;
   color: #4dd0e1;
   border-left-color: #26c6da;
   border-left-color: #26c6da;
}
[data-theme="dark"] .bandeau-question .bandeau-icon {
  color: #4dd0e1;
}
}


Ligne 277 : Ligne 202 :
   border-left-color: #689f38;
   border-left-color: #689f38;
   color: #33691e;
   color: #33691e;
}
.bandeau-nouveau .bandeau-icon,
.bandeau-new .bandeau-icon {
  color: #558b2f;
}
}


Ligne 289 : Ligne 209 :
   color: #aed581;
   color: #aed581;
   border-left-color: #9ccc65;
   border-left-color: #9ccc65;
}
[data-theme="dark"] .bandeau-nouveau .bandeau-icon,
[data-theme="dark"] .bandeau-new .bandeau-icon {
  color: #aed581;
}
}


Ligne 301 : Ligne 216 :
   border-left-color: #5d4037;
   border-left-color: #5d4037;
   color: #3e2723;
   color: #3e2723;
}
.bandeau-archive .bandeau-icon {
  color: #4e342e;
}
}


Ligne 311 : Ligne 222 :
   color: #bcaaa4;
   color: #bcaaa4;
   border-left-color: #8d6e63;
   border-left-color: #8d6e63;
}
[data-theme="dark"] .bandeau-archive .bandeau-icon {
  color: #a1887f;
}
}


Ligne 324 : Ligne 231 :
   .bandeau {
   .bandeau {
     gap: 12px;
     gap: 12px;
     padding: 12px 14px;
     padding: 14px 16px;
     font-size: 0.9em;
     font-size: 0.9em;
   }
   }


   .bandeau-icon {
   .bandeau-icon {
     font-size: 20px;
     font-size: 24px;
   }
   }


Récupérée de "https://wiki.nefald.fr/Modèle:Bandeau/styles.css"
Les témoins (''cookies'') nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation de témoins.