« Modèle:Bandeau/styles.css » : différence entre les versions
De Nefald
Autres actions
mAucun résumé des modifications |
mAucun résumé des modifications |
||
| Ligne 6 : | Ligne 6 : | ||
display: flex; | display: flex; | ||
align-items: flex-start; | align-items: flex-start; | ||
gap: | gap: 12px; | ||
padding: 14px 16px; | padding: 14px 16px; | ||
border-radius: 6px; | border-radius: 6px; | ||
| Ligne 21 : | Ligne 21 : | ||
.bandeau-icon { | .bandeau-icon { | ||
font-size: | font-size: 20px; | ||
font-weight: 700; | |||
flex-shrink: 0; | flex-shrink: 0; | ||
line-height: 1; | line-height: 1.4; | ||
margin-top: | margin-top: 0; | ||
/* Supprimer | /* Supprimer TOUT style de boîte */ | ||
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 | /* 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 75 : | ||
border-left-color: #1976d2; | border-left-color: #1976d2; | ||
color: #0d47a1; | color: #0d47a1; | ||
} | } | ||
| Ligne 77 : | Ligne 81 : | ||
color: #90caf9; | color: #90caf9; | ||
border-left-color: #42a5f5; | border-left-color: #42a5f5; | ||
} | } | ||
| Ligne 89 : | Ligne 89 : | ||
border-left-color: #f57c00; | border-left-color: #f57c00; | ||
color: #e65100; | color: #e65100; | ||
} | } | ||
| Ligne 101 : | Ligne 96 : | ||
color: #ffb74d; | color: #ffb74d; | ||
border-left-color: #ff9800; | border-left-color: #ff9800; | ||
} | } | ||
| Ligne 115 : | Ligne 105 : | ||
border-left-color: #d32f2f; | border-left-color: #d32f2f; | ||
color: #b71c1c; | color: #b71c1c; | ||
} | } | ||
| Ligne 129 : | Ligne 113 : | ||
color: #ef5350; | color: #ef5350; | ||
border-left-color: #e57373; | border-left-color: #e57373; | ||
} | } | ||
| Ligne 143 : | Ligne 121 : | ||
border-left-color: #388e3c; | border-left-color: #388e3c; | ||
color: #1b5e20; | color: #1b5e20; | ||
} | } | ||
| Ligne 155 : | Ligne 128 : | ||
color: #81c784; | color: #81c784; | ||
border-left-color: #66bb6a; | border-left-color: #66bb6a; | ||
} | } | ||
| Ligne 167 : | Ligne 135 : | ||
border-left-color: #616161; | border-left-color: #616161; | ||
color: #424242; | color: #424242; | ||
} | } | ||
| Ligne 177 : | Ligne 141 : | ||
color: #bdbdbd; | color: #bdbdbd; | ||
border-left-color: #9e9e9e; | border-left-color: #9e9e9e; | ||
} | } | ||
| Ligne 189 : | Ligne 149 : | ||
border-left-color: #7b1fa2; | border-left-color: #7b1fa2; | ||
color: #4a148c; | color: #4a148c; | ||
} | } | ||
| Ligne 201 : | Ligne 156 : | ||
color: #ba68c8; | color: #ba68c8; | ||
border-left-color: #ab47bc; | border-left-color: #ab47bc; | ||
} | } | ||
| Ligne 213 : | Ligne 163 : | ||
border-left-color: #f57f17; | border-left-color: #f57f17; | ||
color: #f57f17; | color: #f57f17; | ||
} | } | ||
| Ligne 223 : | Ligne 169 : | ||
color: #ffd54f; | color: #ffd54f; | ||
border-left-color: #ffb300; | border-left-color: #ffb300; | ||
} | } | ||
| Ligne 234 : | Ligne 176 : | ||
border-left-color: #c2185b; | border-left-color: #c2185b; | ||
color: #880e4f; | color: #880e4f; | ||
} | } | ||
| Ligne 244 : | Ligne 182 : | ||
color: #f48fb1; | color: #f48fb1; | ||
border-left-color: #ec407a; | border-left-color: #ec407a; | ||
} | } | ||
| Ligne 255 : | Ligne 189 : | ||
border-left-color: #0097a7; | border-left-color: #0097a7; | ||
color: #006064; | color: #006064; | ||
} | } | ||
| Ligne 265 : | Ligne 195 : | ||
color: #4dd0e1; | color: #4dd0e1; | ||
border-left-color: #26c6da; | border-left-color: #26c6da; | ||
} | } | ||
| Ligne 277 : | Ligne 203 : | ||
border-left-color: #689f38; | border-left-color: #689f38; | ||
color: #33691e; | color: #33691e; | ||
} | } | ||
| Ligne 289 : | Ligne 210 : | ||
color: #aed581; | color: #aed581; | ||
border-left-color: #9ccc65; | border-left-color: #9ccc65; | ||
} | } | ||
| Ligne 301 : | Ligne 217 : | ||
border-left-color: #5d4037; | border-left-color: #5d4037; | ||
color: #3e2723; | color: #3e2723; | ||
} | } | ||
| Ligne 311 : | Ligne 223 : | ||
color: #bcaaa4; | color: #bcaaa4; | ||
border-left-color: #8d6e63; | border-left-color: #8d6e63; | ||
} | } | ||
| Ligne 323 : | Ligne 231 : | ||
@media (max-width: 600px) { | @media (max-width: 600px) { | ||
.bandeau { | .bandeau { | ||
gap: | gap: 10px; | ||
padding: 12px 14px; | padding: 12px 14px; | ||
font-size: 0.9em; | font-size: 0.9em; | ||
| Ligne 329 : | Ligne 237 : | ||
.bandeau-icon { | .bandeau-icon { | ||
font-size: | font-size: 18px; | ||
} | } | ||