« Modèle:Article détaillé/styles.css » : différence entre les versions
De Nefald
Autres actions
mAucun résumé des modifications |
mAucun résumé des modifications |
||
| Ligne 9 : | Ligne 9 : | ||
padding: 12px 16px; | padding: 12px 16px; | ||
margin: 16px 0; | margin: 16px 0; | ||
background: | background: #ffffff; | ||
border-left: 4px solid #1976d2; | border-left: 4px solid #1976d2; | ||
border-radius: 6px; | border-radius: 6px; | ||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); | |||
transition: all 0.2s ease; | transition: all 0.2s ease; | ||
} | } | ||
| Ligne 21 : | Ligne 21 : | ||
} | } | ||
/* ICÔNE - Suppression totale des encadrés */ | |||
.article-detaille-icone { | .article-detaille-icone { | ||
font-size: 24px; | font-size: 24px; | ||
| Ligne 26 : | Ligne 27 : | ||
flex-shrink: 0; | flex-shrink: 0; | ||
line-height: 1; | line-height: 1; | ||
/* | /* Forcer l'absence de styles */ | ||
background: | background: transparent !important; | ||
border: none !important; | border: none !important; | ||
padding: 0 !important; | padding: 0 !important; | ||
| Ligne 37 : | Ligne 38 : | ||
} | } | ||
/* Cibler TOUS les | /* Cibler TOUS les niveaux d'imbrication FontAwesome */ | ||
.article-detaille-icone *, | .article-detaille-icone *, | ||
.article-detaille-icone > *, | |||
.article-detaille-icone span, | .article-detaille-icone span, | ||
.article-detaille-icone | .article-detaille-icone span span, | ||
.article-detaille-icone svg, | .article-detaille-icone svg, | ||
.article-detaille-icone i { | .article-detaille-icone i { | ||
background: | background: transparent !important; | ||
border: none !important; | border: none !important; | ||
padding: 0 !important; | padding: 0 !important; | ||
| Ligne 51 : | Ligne 53 : | ||
outline: none !important; | outline: none !important; | ||
color: inherit !important; | color: inherit !important; | ||
display: inline !important; | |||
} | } | ||
/* CONTENU - Suppression des encadrés */ | |||
.article-detaille-contenu { | .article-detaille-contenu { | ||
flex: 1; | flex: 1; | ||
| Ligne 59 : | Ligne 63 : | ||
align-items: baseline; | align-items: baseline; | ||
gap: 6px; | gap: 6px; | ||
background: transparent !important; | |||
border: none !important; | |||
padding: 0 !important; | |||
margin: 0 !important; | |||
} | } | ||
| Ligne 65 : | Ligne 73 : | ||
color: #424242; | color: #424242; | ||
white-space: nowrap; | white-space: nowrap; | ||
background: transparent !important; | |||
border: none !important; | |||
padding: 0 !important; | |||
margin: 0 !important; | |||
} | } | ||
| Ligne 70 : | Ligne 82 : | ||
color: #1976d2; | color: #1976d2; | ||
font-weight: 500; | font-weight: 500; | ||
background: transparent !important; | |||
border: none !important; | |||
padding: 0 !important; | |||
margin: 0 !important; | |||
} | } | ||
| Ligne 76 : | Ligne 92 : | ||
text-decoration: none; | text-decoration: none; | ||
transition: text-decoration 0.2s ease; | transition: text-decoration 0.2s ease; | ||
background: transparent !important; | |||
border: none !important; | |||
} | } | ||
| Ligne 87 : | Ligne 105 : | ||
[data-theme="dark"] .article-detaille { | [data-theme="dark"] .article-detaille { | ||
background: | background: #1e1e1e; | ||
border-left-color: #64b5f6; | border-left-color: #64b5f6; | ||
} | } | ||