« MediaWiki:Common.css » : différence entre les versions
aucun résumé des modifications
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 905 : | Ligne 905 : | ||
color: #2A2520 !important; | color: #2A2520 !important; | ||
font-family: 'EB Garamond', Georgia, serif; | font-family: 'EB Garamond', Georgia, serif; | ||
font-size: | font-size: 16px; | ||
font-weight: 500; | font-weight: 500; | ||
line-height: 1.4; | line-height: 1.4; | ||
| Ligne 1 028 : | Ligne 1 028 : | ||
} | } | ||
} | } | ||
/* ============================================================ | |||
NEPHILIM 4e — Anniversaire — CSS de base pour tous les tableaux | |||
Classe : neph_table_N4 | |||
À copier dans MediaWiki:Common.css | |||
Charte N4 : #6B4548 / #E8DDD8 | |||
Polices : Cinzel (titres), Crimson Text (sous-titres), | |||
EB Garamond (contenu, 16px, weight 500) | |||
Bordures : #33302A · Texte : #2A2520 · Blanc : #F7F6F2 | |||
USAGE : | |||
{| class="wikitable neph_table_N4" | |||
... | |||
|} | |||
============================================================ */ | |||
/* =========================================================== | |||
1. STYLE DE BASE DU TABLEAU | |||
=========================================================== */ | |||
.neph_table_N4 { | |||
border-collapse: separate !important; | |||
border-spacing: 0 !important; | |||
background: #ffffff !important; | |||
color: #2A2520 !important; | |||
font-family: 'EB Garamond', Georgia, serif; | |||
font-size: 16px; | |||
font-weight: 500; | |||
line-height: 1.4; | |||
border: none !important; | |||
} | |||
/* --- Cellules générales --- */ | |||
.neph_table_N4 th, | |||
.neph_table_N4 td { | |||
border: 1px solid #d0c0c0 !important; | |||
padding: 4px 7px !important; | |||
vertical-align: middle !important; | |||
background: #ffffff !important; | |||
color: #2A2520 !important; | |||
} | |||
/* --- En-têtes (th) --- */ | |||
.neph_table_N4 th { | |||
background: #6B4548 !important; | |||
color: #F7F6F2 !important; | |||
font-family: 'Cinzel', serif; | |||
font-weight: 600; | |||
font-size: 0.85em; | |||
letter-spacing: 0.04em; | |||
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); | |||
border-color: #5B3538 !important; | |||
border-bottom: 2px solid #33302A !important; | |||
} | |||
/* Liens dans les en-têtes : blancs */ | |||
.neph_table_N4 th a, | |||
.neph_table_N4 th a:visited { | |||
color: #ffffff !important; | |||
text-decoration: none; | |||
} | |||
.neph_table_N4 th a:hover { | |||
color: #E8DDD8 !important; | |||
text-decoration: underline; | |||
} | |||
/* =========================================================== | |||
2. LIENS DANS LES CELLULES | |||
=========================================================== */ | |||
.neph_table_N4 td a { | |||
color: #6B4548 !important; | |||
text-decoration: none; | |||
} | |||
.neph_table_N4 td a:hover { | |||
color: #9a6a6d !important; | |||
text-decoration: underline; | |||
} | |||
.neph_table_N4 a.new { | |||
color: #a0352a !important; | |||
} | |||
/* =========================================================== | |||
3. SÉPARATION VISUELLE (opt-in) | |||
=========================================================== */ | |||
.neph_table_N4 .ere-end { | |||
border-right: 2px solid #6B4548 !important; | |||
} | |||
/* =========================================================== | |||
4. EFFETS INTERACTIFS | |||
=========================================================== */ | |||
.neph_table_N4 tbody tr:hover td { | |||
background: #F0E8E5 !important; | |||
transition: background 0.12s ease; | |||
} | |||
.neph_table_N4 td:hover { | |||
outline: 1px solid #6B4548; | |||
outline-offset: -1px; | |||
} | |||
/* =========================================================== | |||
5. RESPONSIVE | |||
=========================================================== */ | |||
@media (max-width: 768px) { | |||
.neph_table_N4 { | |||
font-size: 12px; | |||
} | |||
.neph_table_N4 th, | |||
.neph_table_N4 td { | |||
padding: 3px 5px !important; | |||
} | |||
} | |||
/* =========================================================== | |||
6. IMPRESSION | |||
=========================================================== */ | |||
@media print { | |||
.neph_table_N4 th, | |||
.neph_table_N4 td { | |||
position: static !important; | |||
} | |||
.neph_table_N4 th { | |||
background: #ddd !important; | |||
color: #000 !important; | |||
text-shadow: none; | |||
} | |||
} | |||
/* ============================================================ | |||
NEPHILIM 3e — Révélation — CSS de base pour tous les tableaux | |||
Classe : neph_table_NR | |||
À copier dans MediaWiki:Common.css | |||
Charte NR : #4A5568 / #DDE2E8 | |||
Polices : Cinzel (titres), Crimson Text (sous-titres), | |||
EB Garamond (contenu, 16px, weight 500) | |||
Bordures : #33302A · Texte : #2A2520 · Blanc : #F7F6F2 | |||
USAGE : | |||
{| class="wikitable neph_table_NR" | |||
... | |||
|} | |||
============================================================ */ | |||
/* =========================================================== | |||
1. STYLE DE BASE DU TABLEAU | |||
=========================================================== */ | |||
.neph_table_NR { | |||
border-collapse: separate !important; | |||
border-spacing: 0 !important; | |||
background: #ffffff !important; | |||
color: #2A2520 !important; | |||
font-family: 'EB Garamond', Georgia, serif; | |||
font-size: 16px; | |||
font-weight: 500; | |||
line-height: 1.4; | |||
border: none !important; | |||
} | |||
/* --- Cellules générales --- */ | |||
.neph_table_NR th, | |||
.neph_table_NR td { | |||
border: 1px solid #c0c8d0 !important; | |||
padding: 4px 7px !important; | |||
vertical-align: middle !important; | |||
background: #ffffff !important; | |||
color: #2A2520 !important; | |||
} | |||
/* --- En-têtes (th) --- */ | |||
.neph_table_NR th { | |||
background: #4A5568 !important; | |||
color: #F7F6F2 !important; | |||
font-family: 'Cinzel', serif; | |||
font-weight: 600; | |||
font-size: 0.85em; | |||
letter-spacing: 0.04em; | |||
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); | |||
border-color: #3A4558 !important; | |||
border-bottom: 2px solid #33302A !important; | |||
} | |||
/* Liens dans les en-têtes : blancs */ | |||
.neph_table_NR th a, | |||
.neph_table_NR th a:visited { | |||
color: #ffffff !important; | |||
text-decoration: none; | |||
} | |||
.neph_table_NR th a:hover { | |||
color: #DDE2E8 !important; | |||
text-decoration: underline; | |||
} | |||
/* =========================================================== | |||
2. LIENS DANS LES CELLULES | |||
=========================================================== */ | |||
.neph_table_NR td a { | |||
color: #4A5568 !important; | |||
text-decoration: none; | |||
} | |||
.neph_table_NR td a:hover { | |||
color: #6a7a9a !important; | |||
text-decoration: underline; | |||
} | |||
.neph_table_NR a.new { | |||
color: #a0352a !important; | |||
} | |||
/* =========================================================== | |||
3. SÉPARATION VISUELLE (opt-in) | |||
=========================================================== */ | |||
.neph_table_NR .ere-end { | |||
border-right: 2px solid #4A5568 !important; | |||
} | |||
/* =========================================================== | |||
4. EFFETS INTERACTIFS | |||
=========================================================== */ | |||
.neph_table_NR tbody tr:hover td { | |||
background: #E8ECF0 !important; | |||
transition: background 0.12s ease; | |||
} | |||
.neph_table_NR td:hover { | |||
outline: 1px solid #4A5568; | |||
outline-offset: -1px; | |||
} | |||
/* =========================================================== | |||
5. RESPONSIVE | |||
=========================================================== */ | |||
@media (max-width: 768px) { | |||
.neph_table_NR { | |||
font-size: 12px; | |||
} | |||
.neph_table_NR th, | |||
.neph_table_NR td { | |||
padding: 3px 5px !important; | |||
} | |||
} | |||
/* =========================================================== | |||
6. IMPRESSION | |||
=========================================================== */ | |||
@media print { | |||
.neph_table_NR th, | |||
.neph_table_NR td { | |||
position: static !important; | |||
} | |||
.neph_table_NR th { | |||
background: #ddd !important; | |||
color: #000 !important; | |||
text-shadow: none; | |||
} | |||
} | |||
/* ============================================================ | |||
NEPHILIM 2e édition — CSS de base pour tous les tableaux | |||
Classe : neph_table_N2 | |||
À copier dans MediaWiki:Common.css | |||
Charte N2 : #727a68 / #E8E4D8 | |||
Polices : Cinzel (titres), Crimson Text (sous-titres), | |||
EB Garamond (contenu, 16px, weight 500) | |||
Bordures : #33302A · Texte : #2A2520 · Blanc : #F7F6F2 | |||
USAGE : | |||
{| class="wikitable neph_table_N2" | |||
... | |||
|} | |||
============================================================ */ | |||
/* =========================================================== | |||
1. STYLE DE BASE DU TABLEAU | |||
=========================================================== */ | |||
.neph_table_N2 { | |||
border-collapse: separate !important; | |||
border-spacing: 0 !important; | |||
background: #ffffff !important; | |||
color: #2A2520 !important; | |||
font-family: 'EB Garamond', Georgia, serif; | |||
font-size: 16px; | |||
font-weight: 500; | |||
line-height: 1.4; | |||
border: none !important; | |||
} | |||
/* --- Cellules générales --- */ | |||
.neph_table_N2 th, | |||
.neph_table_N2 td { | |||
border: 1px solid #c8c8c0 !important; | |||
padding: 4px 7px !important; | |||
vertical-align: middle !important; | |||
background: #ffffff !important; | |||
color: #2A2520 !important; | |||
} | |||
/* --- En-têtes (th) --- */ | |||
.neph_table_N2 th { | |||
background: #727a68 !important; | |||
color: #F7F6F2 !important; | |||
font-family: 'Cinzel', serif; | |||
font-weight: 600; | |||
font-size: 0.85em; | |||
letter-spacing: 0.04em; | |||
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); | |||
border-color: #626A58 !important; | |||
border-bottom: 2px solid #33302A !important; | |||
} | |||
/* Liens dans les en-têtes : blancs */ | |||
.neph_table_N2 th a, | |||
.neph_table_N2 th a:visited { | |||
color: #ffffff !important; | |||
text-decoration: none; | |||
} | |||
.neph_table_N2 th a:hover { | |||
color: #E8E4D8 !important; | |||
text-decoration: underline; | |||
} | |||
/* =========================================================== | |||
2. LIENS DANS LES CELLULES | |||
=========================================================== */ | |||
.neph_table_N2 td a { | |||
color: #727a68 !important; | |||
text-decoration: none; | |||
} | |||
.neph_table_N2 td a:hover { | |||
color: #8a9a7a !important; | |||
text-decoration: underline; | |||
} | |||
.neph_table_N2 a.new { | |||
color: #a0352a !important; | |||
} | |||
/* =========================================================== | |||
3. SÉPARATION VISUELLE (opt-in) | |||
=========================================================== */ | |||
.neph_table_N2 .ere-end { | |||
border-right: 2px solid #727a68 !important; | |||
} | |||
/* =========================================================== | |||
4. EFFETS INTERACTIFS | |||
=========================================================== */ | |||
.neph_table_N2 tbody tr:hover td { | |||
background: #EDE8E0 !important; | |||
transition: background 0.12s ease; | |||
} | |||
.neph_table_N2 td:hover { | |||
outline: 1px solid #727a68; | |||
outline-offset: -1px; | |||
} | |||
/* =========================================================== | |||
5. RESPONSIVE | |||
=========================================================== */ | |||
@media (max-width: 768px) { | |||
.neph_table_N2 { | |||
font-size: 12px; | |||
} | |||
.neph_table_N2 th, | |||
.neph_table_N2 td { | |||
padding: 3px 5px !important; | |||
} | |||
} | |||
/* =========================================================== | |||
6. IMPRESSION | |||
=========================================================== */ | |||
@media print { | |||
.neph_table_N2 th, | |||
.neph_table_N2 td { | |||
position: static !important; | |||
} | |||
.neph_table_N2 th { | |||
background: #ddd !important; | |||
color: #000 !important; | |||
text-shadow: none; | |||
} | |||
} | |||
/* ============================================================ | |||
NEPHILIM 1ère édition — CSS de base pour tous les tableaux | |||
Classe : neph_table_N1 | |||
À copier dans MediaWiki:Common.css | |||
Charte N1 : #6B5D4F / #E8E0D3 | |||
Polices : Cinzel (titres), Crimson Text (sous-titres), | |||
EB Garamond (contenu, 16px, weight 500) | |||
Bordures : #33302A · Texte : #2A2520 · Blanc : #F7F6F2 | |||
USAGE : | |||
{| class="wikitable neph_table_N1" | |||
... | |||
|} | |||
============================================================ */ | |||
/* =========================================================== | |||
1. STYLE DE BASE DU TABLEAU | |||
=========================================================== */ | |||
.neph_table_N1 { | |||
border-collapse: separate !important; | |||
border-spacing: 0 !important; | |||
background: #ffffff !important; | |||
color: #2A2520 !important; | |||
font-family: 'EB Garamond', Georgia, serif; | |||
font-size: 16px; | |||
font-weight: 500; | |||
line-height: 1.4; | |||
border: none !important; | |||
} | |||
/* --- Cellules générales --- */ | |||
.neph_table_N1 th, | |||
.neph_table_N1 td { | |||
border: 1px solid #d0c8c0 !important; | |||
padding: 4px 7px !important; | |||
vertical-align: middle !important; | |||
background: #ffffff !important; | |||
color: #2A2520 !important; | |||
} | |||
/* --- En-têtes (th) --- */ | |||
.neph_table_N1 th { | |||
background: #6B5D4F !important; | |||
color: #F7F6F2 !important; | |||
font-family: 'Cinzel', serif; | |||
font-weight: 600; | |||
font-size: 0.85em; | |||
letter-spacing: 0.04em; | |||
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); | |||
border-color: #5B4D3F !important; | |||
border-bottom: 2px solid #33302A !important; | |||
} | |||
/* Liens dans les en-têtes : blancs */ | |||
.neph_table_N1 th a, | |||
.neph_table_N1 th a:visited { | |||
color: #ffffff !important; | |||
text-decoration: none; | |||
} | |||
.neph_table_N1 th a:hover { | |||
color: #E8E0D3 !important; | |||
text-decoration: underline; | |||
} | |||
/* =========================================================== | |||
2. LIENS DANS LES CELLULES | |||
=========================================================== */ | |||
.neph_table_N1 td a { | |||
color: #6B5D4F !important; | |||
text-decoration: none; | |||
} | |||
.neph_table_N1 td a:hover { | |||
color: #9a8a7a !important; | |||
text-decoration: underline; | |||
} | |||
.neph_table_N1 a.new { | |||
color: #a0352a !important; | |||
} | |||
/* =========================================================== | |||
3. SÉPARATION VISUELLE (opt-in) | |||
=========================================================== */ | |||
.neph_table_N1 .ere-end { | |||
border-right: 2px solid #6B5D4F !important; | |||
} | |||
/* =========================================================== | |||
4. EFFETS INTERACTIFS | |||
=========================================================== */ | |||
.neph_table_N1 tbody tr:hover td { | |||
background: #F0E8E0 !important; | |||
transition: background 0.12s ease; | |||
} | |||
.neph_table_N1 td:hover { | |||
outline: 1px solid #6B5D4F; | |||
outline-offset: -1px; | |||
} | |||
/* =========================================================== | |||
5. RESPONSIVE | |||
=========================================================== */ | |||
@media (max-width: 768px) { | |||
.neph_table_N1 { | |||
font-size: 12px; | |||
} | |||
.neph_table_N1 th, | |||
.neph_table_N1 td { | |||
padding: 3px 5px !important; | |||
} | |||
} | |||
/* =========================================================== | |||
6. IMPRESSION | |||
=========================================================== */ | |||
@media print { | |||
.neph_table_N1 th, | |||
.neph_table_N1 td { | |||
position: static !important; | |||
} | |||
.neph_table_N1 th { | |||
background: #ddd !important; | |||
color: #000 !important; | |||
text-shadow: none; | |||
} | |||
} | |||
/* ============================================================ | /* ============================================================ | ||