« MediaWiki:Common.css » : différence entre les versions
aucun résumé des modifications
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 3 027 : | Ligne 3 027 : | ||
} | } | ||
/* ============================================= | |||
Modèle:ContexteScenario — Style C (Ruban + Médaillon) | |||
À ajouter dans MediaWiki:Common.css | |||
============================================= */ | |||
/* --- Conteneur principal --- */ | |||
.mw-body-content .contexte-scenario { | |||
position: relative; | |||
border-radius: 8px; | |||
overflow: hidden; | |||
font-family: 'Source Sans 3', 'Source Sans Pro', sans-serif; | |||
margin-bottom: 12px; | |||
box-shadow: 0 1px 4px rgba(0,0,0,0.08); | |||
/* Largeur : reste dans la moitié gauche */ | |||
max-width: 48%; | |||
} | |||
/* --- Ruban vertical gauche --- */ | |||
.mw-body-content .contexte-scenario .contexte-scenario-ruban { | |||
position: absolute; | |||
left: 0; | |||
top: 0; | |||
bottom: 0; | |||
width: 5px; | |||
} | |||
/* --- Corps (padding pour le ruban) --- */ | |||
.mw-body-content .contexte-scenario .contexte-scenario-corps { | |||
padding: 10px 12px 10px 16px; | |||
} | |||
/* --- En-tête : label édition + médaillon --- */ | |||
.mw-body-content .contexte-scenario .contexte-scenario-entete { | |||
display: flex; | |||
justify-content: space-between; | |||
align-items: flex-start; | |||
margin-bottom: 8px; | |||
} | |||
/* --- Label édition (petites capitales) --- */ | |||
.mw-body-content .contexte-scenario .contexte-scenario-edition { | |||
font-family: 'Cinzel', serif; | |||
font-size: 0.7em; | |||
font-weight: 700; | |||
text-transform: uppercase; | |||
letter-spacing: 1.5px; | |||
padding-top: 2px; | |||
line-height: 1.3; | |||
} | |||
/* --- Médaillon circulaire (couverture) --- */ | |||
.mw-body-content .contexte-scenario .contexte-scenario-medaillon { | |||
width: 45px; | |||
height: 45px; | |||
border-radius: 50%; | |||
overflow: hidden; | |||
flex-shrink: 0; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
} | |||
.mw-body-content .contexte-scenario .contexte-scenario-medaillon img { | |||
width: 100%; | |||
height: 100%; | |||
object-fit: cover; | |||
} | |||
/* --- Texte principal --- */ | |||
.mw-body-content .contexte-scenario .contexte-scenario-texte { | |||
font-size: 0.88em; | |||
line-height: 1.6; | |||
color: #444; | |||
} | |||
/* ============================================= | |||
Palettes par édition | |||
============================================= */ | |||
/* NL — 5e édition (Légende) : pourpre */ | |||
.mw-body-content .contexte-scenario-NL { | |||
background-color: #E3DEE8; | |||
border: 1px solid rgba(87,75,107,0.15); | |||
} | |||
.mw-body-content .contexte-scenario-NL .contexte-scenario-ruban { | |||
background: linear-gradient(180deg, #574B6B, rgba(87,75,107,0.7)); | |||
} | |||
.mw-body-content .contexte-scenario-NL .contexte-scenario-edition { | |||
color: #574B6B; | |||
} | |||
.mw-body-content .contexte-scenario-NL .contexte-scenario-medaillon { | |||
box-shadow: 0 1px 3px rgba(87,75,107,0.3); | |||
border: 2px solid rgba(87,75,107,0.4); | |||
} | |||
.mw-body-content .contexte-scenario-NL .contexte-scenario-texte a { | |||
color: #574B6B !important; | |||
font-weight: 600; | |||
} | |||
/* N4 — 4e édition (Anniversaire) : bordeaux */ | |||
.mw-body-content .contexte-scenario-N4 { | |||
background-color: #E8DDD8; | |||
border: 1px solid rgba(107,69,72,0.15); | |||
} | |||
.mw-body-content .contexte-scenario-N4 .contexte-scenario-ruban { | |||
background: linear-gradient(180deg, #6B4548, rgba(107,69,72,0.7)); | |||
} | |||
.mw-body-content .contexte-scenario-N4 .contexte-scenario-edition { | |||
color: #6B4548; | |||
} | |||
.mw-body-content .contexte-scenario-N4 .contexte-scenario-medaillon { | |||
box-shadow: 0 1px 3px rgba(107,69,72,0.3); | |||
border: 2px solid rgba(107,69,72,0.4); | |||
} | |||
.mw-body-content .contexte-scenario-N4 .contexte-scenario-texte a { | |||
color: #6B4548 !important; | |||
font-weight: 600; | |||
} | |||
/* NR — 3e édition (Révélation) : bleu nuit */ | |||
.mw-body-content .contexte-scenario-NR { | |||
background-color: #DDE2E8; | |||
border: 1px solid rgba(74,85,104,0.15); | |||
} | |||
.mw-body-content .contexte-scenario-NR .contexte-scenario-ruban { | |||
background: linear-gradient(180deg, #4A5568, rgba(74,85,104,0.7)); | |||
} | |||
.mw-body-content .contexte-scenario-NR .contexte-scenario-edition { | |||
color: #4A5568; | |||
} | |||
.mw-body-content .contexte-scenario-NR .contexte-scenario-medaillon { | |||
box-shadow: 0 1px 3px rgba(74,85,104,0.3); | |||
border: 2px solid rgba(74,85,104,0.4); | |||
} | |||
.mw-body-content .contexte-scenario-NR .contexte-scenario-texte a { | |||
color: #4A5568 !important; | |||
font-weight: 600; | |||
} | |||
/* N2 — 2e édition : olive */ | |||
.mw-body-content .contexte-scenario-N2 { | |||
background-color: #E8E4D8; | |||
border: 1px solid rgba(114,122,104,0.15); | |||
} | |||
.mw-body-content .contexte-scenario-N2 .contexte-scenario-ruban { | |||
background: linear-gradient(180deg, #727a68, rgba(114,122,104,0.7)); | |||
} | |||
.mw-body-content .contexte-scenario-N2 .contexte-scenario-edition { | |||
color: #727a68; | |||
} | |||
.mw-body-content .contexte-scenario-N2 .contexte-scenario-medaillon { | |||
box-shadow: 0 1px 3px rgba(114,122,104,0.3); | |||
border: 2px solid rgba(114,122,104,0.4); | |||
} | |||
.mw-body-content .contexte-scenario-N2 .contexte-scenario-texte a { | |||
color: #727a68 !important; | |||
font-weight: 600; | |||
} | |||
/* N1 — 1e édition : brun chaud */ | |||
.mw-body-content .contexte-scenario-N1 { | |||
background-color: #E8E0D3; | |||
border: 1px solid rgba(107,93,79,0.15); | |||
} | |||
.mw-body-content .contexte-scenario-N1 .contexte-scenario-ruban { | |||
background: linear-gradient(180deg, #6B5D4F, rgba(107,93,79,0.7)); | |||
} | |||
.mw-body-content .contexte-scenario-N1 .contexte-scenario-edition { | |||
color: #6B5D4F; | |||
} | |||
.mw-body-content .contexte-scenario-N1 .contexte-scenario-medaillon { | |||
box-shadow: 0 1px 3px rgba(107,93,79,0.3); | |||
border: 2px solid rgba(107,93,79,0.4); | |||
} | |||
.mw-body-content .contexte-scenario-N1 .contexte-scenario-texte a { | |||
color: #6B5D4F !important; | |||
font-weight: 600; | |||
} | |||
/* NUS — US édition : gris neutre */ | |||
.mw-body-content .contexte-scenario-NUS { | |||
background-color: #E8E8E8; | |||
border: 1px solid rgba(107,107,107,0.15); | |||
} | |||
.mw-body-content .contexte-scenario-NUS .contexte-scenario-ruban { | |||
background: linear-gradient(180deg, #6B6B6B, rgba(107,107,107,0.7)); | |||
} | |||
.mw-body-content .contexte-scenario-NUS .contexte-scenario-edition { | |||
color: #6B6B6B; | |||
} | |||
.mw-body-content .contexte-scenario-NUS .contexte-scenario-medaillon { | |||
box-shadow: 0 1px 3px rgba(107,107,107,0.3); | |||
border: 2px solid rgba(107,107,107,0.4); | |||
} | |||
.mw-body-content .contexte-scenario-NUS .contexte-scenario-texte a { | |||
color: #6B6B6B !important; | |||
font-weight: 600; | |||
} | |||
/* FAN — Fanzine : bleu-vert */ | |||
.mw-body-content .contexte-scenario-FAN { | |||
background-color: #D8E8E4; | |||
border: 1px solid rgba(61,107,107,0.15); | |||
} | |||
.mw-body-content .contexte-scenario-FAN .contexte-scenario-ruban { | |||
background: linear-gradient(180deg, #3D6B6B, rgba(61,107,107,0.7)); | |||
} | |||
.mw-body-content .contexte-scenario-FAN .contexte-scenario-edition { | |||
color: #3D6B6B; | |||
} | |||
.mw-body-content .contexte-scenario-FAN .contexte-scenario-medaillon { | |||
box-shadow: 0 1px 3px rgba(61,107,107,0.3); | |||
border: 2px solid rgba(61,107,107,0.4); | |||
} | |||
.mw-body-content .contexte-scenario-FAN .contexte-scenario-texte a { | |||
color: #3D6B6B !important; | |||
font-weight: 600; | |||
} | |||
/* ============================================ */ | /* ============================================ */ | ||