Aller au contenu

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

MediaWiki:Common.css (voir la source)

Version du 28 février 2026 à 22:24

1 254 octets enlevés ,  28 février
aucun résumé des modifications
Aucun résumé des modifications
Aucun résumé des modifications
Ligne 3 675 : Ligne 3 675 :


/* ══════════════════════════════════════════════════════
/* ══════════════════════════════════════════════════════
   Arbre de Vie — Modèle:ArbreDeVie
   Arbre de Vie — Modèle:ArbreDeVie — V3
   À ajouter dans MediaWiki:Common.css
  REMPLACE intégralement le CSS ArbreDeVie précédent
   dans MediaWiki:Common.css
   ══════════════════════════════════════════════════════ */
   ══════════════════════════════════════════════════════ */


/* Container */
.arbre-de-vie {
.arbre-de-vie {
   position: relative;
   position: relative;
  width: 700px;
  height: 1100px;
   margin: 20px auto;
   margin: 20px auto;
   font-family: sans-serif;
   font-family: sans-serif;
}
}


.arbre-de-vie .adv-title {
/* Subtitle */
  text-align: center;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--adv-accent-border);
  margin-bottom: 10px;
}
 
.arbre-de-vie .adv-title h2 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 600;
  font-size: 2.2rem;
  color: var(--adv-accent);
  letter-spacing: 0.12em;
  margin: 0 0 2px 0;
  border: none;
}
 
.arbre-de-vie .adv-subtitle {
.arbre-de-vie .adv-subtitle {
   font-size: 0.8rem;
   font-size: 0.85rem;
   color: var(--adv-text-muted);
   color: var(--adv-text-muted);
   letter-spacing: 0.2em;
   letter-spacing: 0.25em;
   text-transform: uppercase;
   text-transform: uppercase;
  text-align: center;
  margin-bottom: 10px;
}
}


/* ── SVG paths background ── */
/* Sentier (path line between sephiroth) */
.arbre-de-vie .adv-paths {
.adv-sentier {
   position: absolute;
   position: absolute;
   top: 0; left: 0;
   height: 0px;
   width: 100%; height: 100%;
  border-top: 2px solid var(--adv-path-color);
  transform-origin: 0 0;
   z-index: 0;
   pointer-events: none;
   pointer-events: none;
  z-index: 0;
}
.arbre-de-vie .adv-paths line {
  stroke: var(--adv-path-color);
  stroke-width: 1.8;
  stroke-linecap: round;
}
}


Ligne 3 733 : Ligne 3 714 :


.adv-sephirah-group:hover {
.adv-sephirah-group:hover {
   z-index: 10;
   z-index: 20;
}
}


Ligne 3 739 : Ligne 3 720 :
.adv-sephirah {
.adv-sephirah {
   position: absolute;
   position: absolute;
  width: 68px;
  height: 68px;
   border-radius: 50%;
   border-radius: 50%;
   background: #FFFFFF;
   background: #FFFFFF;
Ligne 3 750 : Ligne 3 729 :
   box-shadow: 0 2px 8px rgba(0,0,0,0.08);
   box-shadow: 0 2px 8px rgba(0,0,0,0.08);
   transition: all 0.25s ease;
   transition: all 0.25s ease;
   z-index: 5;
   z-index: 10;
}
}


Ligne 3 768 : Ligne 3 747 :
}
}


.adv-sephirah .adv-number {
.adv-sephirah .adv-name {
   font-family: 'Cormorant Garamond', Georgia, serif;
   font-family: 'Cormorant Garamond', Georgia, serif;
   font-size: 9px;
   font-size: 14px;
   color: var(--adv-text-light);
  font-weight: 600;
   line-height: 1;
   color: var(--adv-accent);
  letter-spacing: 0.04em;
   line-height: 1.2;
}
}


.adv-sephirah .adv-name {
.adv-sephirah .adv-name-sm {
   font-family: 'Cormorant Garamond', Georgia, serif;
   font-family: 'Cormorant Garamond', Georgia, serif;
   font-size: 13px;
   font-size: 12px;
   font-weight: 600;
   font-weight: 600;
   color: var(--adv-accent);
   color: var(--adv-accent);
Ligne 3 787 : Ligne 3 768 :
.adv-satellite {
.adv-satellite {
   position: absolute;
   position: absolute;
  width: 60px;
  height: 60px;
   border-radius: 50%;
   border-radius: 50%;
   background: #FFFFFF;
   background: #FFFFFF;
Ligne 3 800 : Ligne 3 779 :
   transition: all 0.2s ease;
   transition: all 0.2s ease;
   z-index: 2;
   z-index: 2;
   padding: 4px;
   padding: 6px;
   text-align: center;
   text-align: center;
  overflow: hidden;
}
}


Ligne 3 823 : Ligne 3 803 :
}
}


.adv-satellite:hover .adv-sat-ordinal {
.adv-sat-text {
   color: var(--adv-accent) !important;
  font-size: 9px;
  font-weight: 400;
   color: #2A2520;
  line-height: 1.2;
  text-decoration: none;
  transition: color 0.2s ease;
}
}


.adv-sat-ordinal {
.adv-sat-text a {
  font-family: 'Cormorant Garamond', Georgia, serif;
   color: inherit;
  font-size: 5.5px;
   text-decoration: none;
  font-weight: 600;
   color: var(--adv-accent-soft);
  line-height: 1;
   margin-bottom: 1px;
}
}


.adv-sat-text {
.adv-sat-text a:hover {
  font-size: 6.8px;
  font-weight: 400;
  color: #2A2520;
  line-height: 1.25;
   text-decoration: none;
   text-decoration: none;
  transition: color 0.2s ease;
}
}


/* ── Connector lines (CSS pseudo-elements won't work well, so we use thin divs) ── */
/* ── Connector lines ── */
.adv-connector {
.adv-connector {
   position: absolute;
   position: absolute;
Ligne 3 929 : Ligne 3 905 :
   --adv-text-muted: #9E6A6A;
   --adv-text-muted: #9E6A6A;
   --adv-text-light: #B08888;
   --adv-text-light: #B08888;
}
/* ── Additions ArbreDeVie V2 ── */
/* Sentier (path line between sephiroth) */
.adv-sentier {
  position: absolute;
  height: 0px;
  border-top: 2px solid var(--adv-path-color);
  transform-origin: 0 0;
  z-index: 0;
  pointer-events: none;
}
/* Smaller name variant for long names (Guebourah, Tiphereth) */
.adv-sephirah .adv-name-sm {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--adv-accent);
  letter-spacing: 0.04em;
  line-height: 1.2;
}
/* Group hover on connectors — make them solid and colored */
.adv-sephirah-group:hover .adv-connector {
  background: var(--adv-sat-hover-border);
  height: 1.5px;
}
}
Récupérée de « https://nephilim-rpg.com/index.php/Spécial:MobileDiff/26208 »