Encyclopædia Mundus

Template:Infobox player character/styles-old.wikitext: Difference between revisions

Newer edit →
VisualWikitext
Created page with "→Orange Player Character theme: .infobox-player-character { --pc-accent: #f39c12; --pc-accent-strong: #e67e22; --pc-border: rgba(243, 156, 18, 0.65); --pc-surface: rgba(243, 156, 18, 0.06); --pc-surface-2: rgba(243, 156, 18, 0.16); border: 1px solid var(--pc-border); background: var(--pc-surface); } →Dark mode: keep the body of the infobox darker, preserve orange accents: @media (prefers-color-scheme: dark) { .infobox-player-character { --pc..."
 
No edit summary
Line 1: Line 1:
/* Orange Player Character theme */
.infobox.infobox-player-character {
.infobox-player-character {
   border: 1px solid rgba(243, 156, 18, 0.55);
   --pc-accent: #f39c12;
   background: rgba(243, 156, 18, 0.06);
  --pc-accent-strong: #e67e22;
  --pc-border: rgba(243, 156, 18, 0.65);
   --pc-surface: rgba(243, 156, 18, 0.06);
  --pc-surface-2: rgba(243, 156, 18, 0.16);
 
  border: 1px solid var(--pc-border);
  background: var(--pc-surface);
}
}


/* Dark mode: keep the body of the infobox darker, preserve orange accents */
/* Title row: force orange */
@media (prefers-color-scheme: dark) {
.infobox.infobox-player-character .infobox-title {
  .infobox-player-character {
  background: linear-gradient(180deg, #f39c12, #e67e22) !important;
    --pc-border: rgba(243, 156, 18, 0.55);
  color: #fff !important;
    --pc-surface: rgba(0, 0, 0, 0.28);
  border-bottom: 1px solid rgba(243, 156, 18, 0.55) !important;
    --pc-surface-2: rgba(243, 156, 18, 0.14);
  }
}
}


.infobox-player-character .infobox-title {
/* PLAYER CHARACTER strip: force orange, prevent “covered by box” look */
   background: linear-gradient(180deg, var(--pc-accent), var(--pc-accent-strong));
.infobox.infobox-player-character .infobox-pc-banner {
   color: #fff;
   background: linear-gradient(180deg, #f39c12, #e67e22) !important;
   border-bottom: 1px solid var(--pc-border);
   color: #fff !important;
}
   border-bottom: 1px solid rgba(243, 156, 18, 0.55) !important;
 
   text-transform: uppercase;
.infobox-player-character .infobox-pc-banner {
  background: var(--pc-surface-2);
   color: #fff;
  font-weight: 700;
   letter-spacing: 0.08em;
   letter-spacing: 0.08em;
  text-transform: uppercase;
}
.infobox-player-character th[scope="row"] {
  background: rgba(243, 156, 18, 0.08);
}
}


@media (prefers-color-scheme: dark) {
/* Row headers */
  .infobox-player-character th[scope="row"] {
.infobox.infobox-player-character th[scope="row"] {
    background: rgba(243, 156, 18, 0.10);
  background: rgba(243, 156, 18, 0.10);
  }
}
}


.infobox-player-character .infobox-sub {
/* Section headers like “In-game appearance” */
   background: var(--pc-surface-2);
.infobox.infobox-player-character .infobox-sub {
   color: #fff;
   background: rgba(243, 156, 18, 0.16) !important;
   border-top: 1px solid var(--pc-border);
   color: #fff !important;
   border-bottom: 1px solid var(--pc-border);
   border-top: 1px solid rgba(243, 156, 18, 0.55);
   border-bottom: 1px solid rgba(243, 156, 18, 0.55);
}
}


/* Links: keep readable, lightly orange */
/* Links */
.infobox-player-character a {
.infobox.infobox-player-character a {
   color: var(--pc-accent);
   color: #f39c12;
}
}
 
.infobox.infobox-player-character .infobox-title a,
.infobox-player-character .infobox-title a,
.infobox.infobox-player-character .infobox-pc-banner a,
.infobox-player-character .infobox-pc-banner a,
.infobox.infobox-player-character .infobox-sub a {
.infobox-player-character .infobox-sub a {
   color: #fff;
   color: #fff;
}
}
Retrieved from "https://mundus.speakersxiv.com/index.php/Template:Infobox_player_character/styles-old.wikitext"