« MediaWiki:Common.css » : différence entre les versions
aucun résumé des modifications
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 260 : | Ligne 260 : | ||
/* === BANNIERE HERO === */ | /* === BANNIERE HERO === */ | ||
/* === BANNIÈRE HERO === */ | |||
.nph-hero { | .nph-hero { | ||
background: # | background: linear-gradient(135deg, #2D1B4E 0%, #4A2D6B 60%, #5E3D7A 100%); | ||
border- | border-radius: 10px; | ||
text-align: center; | text-align: center; | ||
padding: 1.8rem 2rem 1.5rem; | |||
position: relative; | |||
overflow: hidden; | |||
margin-bottom: 1.2rem; | margin-bottom: 1.2rem; | ||
} | |||
.nph-hero-ornament { | |||
font-size: 0.5rem; | |||
color: rgba(232,213,163,0.3); | |||
letter-spacing: 0.5em; | |||
margin-bottom: 0.3rem; | |||
} | } | ||
.nph-hero-title { | .nph-hero-title { | ||
font-family: 'Cinzel', 'Georgia', serif; | font-family: 'Cinzel', 'Georgia', serif; | ||
font-size: 1.8rem; | |||
font-size: 1. | font-weight: 700; | ||
font-weight: | letter-spacing: 0.08em; | ||
letter-spacing: 0. | } | ||
.nph-hero-title a { | |||
color: #E8D5A3 !important; | |||
text-decoration: none; | |||
} | } | ||
.nph-hero-title | .nph-hero-title a:hover { | ||
color: #F5ECD7 !important; | |||
color: # | |||
} | } | ||
.nph-hero- | .nph-hero-tagline { | ||
font-style: italic; | font-style: italic; | ||
color: | color: rgba(255,255,255,0.6); | ||
font-size: 0. | font-size: 0.95rem; | ||
margin- | margin-top: 0.2rem; | ||
} | |||
.nph-hero-badge { | |||
display: inline-block; | |||
margin-top: 0.7rem; | |||
font-family: 'Cinzel', 'Georgia', serif; | |||
font-size: 0.65rem; | |||
text-transform: uppercase; | |||
letter-spacing: 0.25em; | |||
color: #C49A2A; | |||
border: 1px solid rgba(196,154,42,0.4); | |||
padding: 0.2rem 1rem; | |||
border-radius: 20px; | |||
} | } | ||
.nph-hero-nav { | .nph-hero-nav { | ||
margin- | margin-top: 1rem; | ||
font-size: 0.85rem; | |||
} | } | ||
.nph-hero-nav a { | .nph-hero-nav a { | ||
color: | color: rgba(255,255,255,0.85) !important; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
.nph-hero-nav a:hover { | .nph-hero-nav a:hover { | ||
color: # | color: #E8D5A3 !important; | ||
} | } | ||
.nph-hero-sep { | .nph-hero-sep { | ||
color: | color: rgba(196,154,42,0.5); | ||
margin: 0 | margin: 0 0.4rem; | ||
} | } | ||
.nph-hero-stats { | .nph-hero-stats { | ||
margin-top: 0.6rem; | |||
font-size: 0.78rem; | font-size: 0.78rem; | ||
color: | color: rgba(255,255,255,0.45); | ||
} | } | ||
.nph-hero-stats b, | |||
.nph-hero-stats strong { | .nph-hero-stats strong { | ||
color: # | color: #E8D5A3; | ||
font-weight: 700; | |||
} | } | ||