« MediaWiki:Common.css » : différence entre les versions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| (19 versions intermédiaires par 2 utilisateurs 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. */ | ||
/* --- Design du Bandeau d'Attribution Moderne --- */ | |||
.cadre-attribution { | |||
display: flex; | |||
align-items: center; | |||
margin: 1.5em 0; | |||
padding: 12px 16px; | |||
border-radius: 8px; | |||
/* Utilisation des variables système pour l'adaptation auto */ | |||
background-color: var(--background-color-interactive-subtle, #f8f9fa); | |||
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); | |||
/* La barre d'accentuation sur le côté */ | |||
border-left: 6px solid #f6c342; | |||
} | |||
.cadre-attribution-icone { | |||
font-size: 1.8em; | |||
margin-right: 15px; | |||
/* Empêche l'icône de rétrécir si le texte est long */ | |||
flex-shrink: 0; | |||
} | |||
.cadre-attribution-contenu { | |||
flex-grow: 1; | |||
font-size: 0.95em; | |||
line-height: 1.5; | |||
} | |||
/* On s'assure que les liens restent contrastés */ | |||
.cadre-attribution-contenu a { | |||
color: var(--color-primary, #3366cc); | |||
font-weight: bold; | |||
} | |||
/* Style pour le boîtier de documentation */ | /* Style pour le boîtier de documentation */ | ||
@font-face { | |||
font-family: 'EB Garamond'; | |||
src: url('/images/fonts/EBGaramond-Regular.otf') format('opentype'); | |||
font-weight: 400; | |||
} | |||
@font-face { | |||
font-family: 'EB Garamond'; | |||
src: url('/images/fonts/EBGaramond-Bold.otf') format('opentype'); | |||
font-weight: 700; | |||
} | |||
.template-documentation { | .template-documentation { | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
| Ligne 125 : | Ligne 177 : | ||
padding: 0; | padding: 0; | ||
display: inline; | display: inline; | ||
} | |||
.mw-logo { | |||
height: 50px !important; | |||
position: relative !important; | |||
overflow: visible !important; | |||
} | } | ||
.mw-logo-icon { | .mw-logo-icon { | ||
position: absolute !important; | |||
width: 65px !important; | |||
height: 65px !important; | |||
top: -5px !important; | |||
left: 0 !important; | |||
} | } | ||
. | .mw-logo-wordmark { | ||
font-family: 'EB Garamond', serif !important; | |||
font-size: 1.4em !important; | |||
font-weight: 400 !important; | |||
color: var(--color-base) !important; | |||
white-space: nowrap !important; | |||
margin-left: 70px !important; | |||
margin-top: 15px !important; | |||
line-height: normal !important; | |||
display: block !important; | |||
} | } | ||