« MediaWiki:Common.css » : différence entre les versions

aucun résumé des modifications
Aucun résumé des modifications
Aucun résumé des modifications
Ligne 250 : Ligne 250 :
     background: linear-gradient(to right, #F2D5D3, #D4E9F7, #D2EDDA, #E0D4EE);
     background: linear-gradient(to right, #F2D5D3, #D4E9F7, #D2EDDA, #E0D4EE);
}
}


/* ============================================================
/* ============================================================
Ligne 258 : Ligne 259 :
/* --- Variables couleurs (via classes, MediaWiki ne supporte pas :root nativement partout) --- */
/* --- Variables couleurs (via classes, MediaWiki ne supporte pas :root nativement partout) --- */


/* === BANNIÈRE HERO === */
/* === BANNIERE HERO === */
.nph-hero {
.nph-hero {
   background: linear-gradient(135deg, #2D1B4E 0%, #4A2D6B 60%, #5E3D7A 100%);
   background: #FBF7ED;
   border-radius: 10px;
   border-bottom: 2px solid #E8D5A3;
  padding: 1.2rem 1.5rem 1rem;
   text-align: center;
   text-align: center;
  padding: 1.8rem 2rem 1.5rem;
   margin-bottom: 1.2rem;
  position: relative;
   border-radius: 0 0 10px 10px;
  overflow: hidden;
   margin-bottom: 1.5rem;
}
.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;
  color: #2D1B4E;
   font-weight: 700;
   font-size: 1.6rem;
   letter-spacing: 0.08em;
   font-weight: 600;
   letter-spacing: 0.04em;
  margin-bottom: 0.1rem;
}
}
.nph-hero-title a {
.nph-hero-title small {
   color: #E8D5A3 !important;
   font-size: 0.65em;
   text-decoration: none;
   color: #8E7BA8;
}
  font-weight: 400;
.nph-hero-title a:hover {
  color: #F5ECD7 !important;
}
}
.nph-hero-tagline {
.nph-hero-subtitle {
  font-family: 'Lora', 'Georgia', serif;
   font-style: italic;
   font-style: italic;
   color: rgba(255,255,255,0.6);
   color: #7A6E5E;
   font-size: 0.95rem;
   font-size: 0.88rem;
   margin-top: 0.2rem;
   margin-bottom: 0.6rem;
}
.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-top: 1rem;
   margin-bottom: 0.4rem;
  font-size: 0.85rem;
}
}
.nph-hero-nav a {
.nph-hero-nav a {
   color: rgba(255,255,255,0.85) !important;
   color: #6B4D8A !important;
   text-decoration: none;
   text-decoration: none;
  font-size: 0.8rem;
  padding: 2px 8px;
  border-radius: 4px;
  transition: color 0.2s, background 0.2s;
}
}
.nph-hero-nav a:hover {
.nph-hero-nav a:hover {
   color: #E8D5A3 !important;
   color: #2D1B4E !important;
  background: rgba(196,154,42,0.15);
  text-decoration: none;
}
}
.nph-hero-sep {
.nph-hero-sep {
   color: rgba(196,154,42,0.5);
   color: #E0D5C0;
   margin: 0 0.4rem;
   margin: 0 1px;
}
}
.nph-hero-stats {
.nph-hero-stats {
  margin-top: 0.6rem;
   font-size: 0.78rem;
   font-size: 0.78rem;
   color: rgba(255,255,255,0.45);
   color: #7A6E5E;
}
}
.nph-hero-stats b,
.nph-hero-stats strong {
.nph-hero-stats strong {
   color: #E8D5A3;
   color: #4A2D6B;
  font-weight: 700;
}
}


Ligne 335 : Ligne 320 :
   display: grid;
   display: grid;
   grid-template-columns: 1fr 340px;
   grid-template-columns: 1fr 340px;
   gap: 1.2rem;
   gap: 0.9rem;
   align-items: start;
   align-items: start;
   max-width: 100%;
   max-width: 100%;
Ligne 353 : Ligne 338 :
   border-radius: 10px;
   border-radius: 10px;
   box-shadow: 0 1px 3px rgba(45,27,78,0.06);
   box-shadow: 0 1px 3px rgba(45,27,78,0.06);
   margin-bottom: 1.1rem;
   margin-bottom: 0.8rem;
   overflow: hidden;
   overflow: hidden;
   border: 1px solid #E0D5C0;
   border: 1px solid #E0D5C0;
Ligne 366 : Ligne 351 :
   align-items: center;
   align-items: center;
   gap: 0.5rem;
   gap: 0.5rem;
   padding: 0.7rem 1rem;
   padding: 0.45rem 1rem;
   border-bottom: 1px solid #E0D5C0;
   border-bottom: 1px solid #E0D5C0;
   background: linear-gradient(to right, #F5ECD7, #FFFFFF);
   background: linear-gradient(to right, #F5ECD7, #FFFFFF);
Ligne 398 : Ligne 383 :


.nph-card-body {
.nph-card-body {
   padding: 0.85rem 1rem;
   padding: 0.5rem 1rem;
   font-size: 0.88rem;
   font-size: 0.88rem;
   line-height: 1.65;
   line-height: 1.45;
}
}


Ligne 414 : Ligne 399 :
.nph-table th {
.nph-table th {
   text-align: left;
   text-align: left;
   padding: 0.45rem 0.7rem;
   padding: 0.3rem 0.7rem;
   font-weight: 600;
   font-weight: 600;
   color: #4A2D6B;
   color: #4A2D6B;
Ligne 423 : Ligne 408 :
}
}
.nph-table td {
.nph-table td {
   padding: 0.4rem 0.7rem;
   padding: 0.25rem 0.7rem;
   border-bottom: 1px solid rgba(224,213,192,0.5);
   border-bottom: 1px solid rgba(224,213,192,0.5);
   vertical-align: top;
   vertical-align: top;
Ligne 457 : Ligne 442 :
}
}
.nph-table-flat td {
.nph-table-flat td {
   padding: 0.4rem 0.7rem;
   padding: 0.25rem 0.7rem;
   border-bottom: 1px solid rgba(224,213,192,0.5);
   border-bottom: 1px solid rgba(224,213,192,0.5);
   vertical-align: top;
   vertical-align: top;
Ligne 506 : Ligne 491 :
/* === BLOCS NOUVEAUTÉS === */
/* === BLOCS NOUVEAUTÉS === */
.nph-news-item {
.nph-news-item {
   padding-bottom: 0.7rem;
   padding-bottom: 0.5rem;
   margin-bottom: 0.7rem;
   margin-bottom: 0.5rem;
   border-bottom: 1px solid rgba(224,213,192,0.4);
   border-bottom: 1px solid rgba(224,213,192,0.4);
}
}
Ligne 799 : Ligne 784 :
   display: none;
   display: none;
}
}


/* === GAMME (G1 — Pastilles d'éditions) === */
/* === GAMME (G1 — Pastilles d'éditions) === */