Template:Infobox player character/styles-old.wikitext

/* 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-border: rgba(243, 156, 18, 0.55);
   --pc-surface: rgba(0, 0, 0, 0.28);
   --pc-surface-2: rgba(243, 156, 18, 0.14);
 }

}

.infobox-player-character .infobox-title {

 background: linear-gradient(180deg, var(--pc-accent), var(--pc-accent-strong));
 color: #fff;
 border-bottom: 1px solid var(--pc-border);

}

.infobox-player-character .infobox-pc-banner {

 background: var(--pc-surface-2);
 color: #fff;
 font-weight: 700;
 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) {

 .infobox-player-character th[scope="row"] {
   background: rgba(243, 156, 18, 0.10);
 }

}

.infobox-player-character .infobox-sub {

 background: var(--pc-surface-2);
 color: #fff;
 border-top: 1px solid var(--pc-border);
 border-bottom: 1px solid var(--pc-border);

}

/* Links: keep readable, lightly orange */ .infobox-player-character a {

 color: var(--pc-accent);

}

.infobox-player-character .infobox-title a, .infobox-player-character .infobox-pc-banner a, .infobox-player-character .infobox-sub a {

 color: #fff;

}

.infobox.infobox-player-character {

 border: 1px solid rgba(243, 156, 18, 0.55);
 background: rgba(243, 156, 18, 0.06);

}

/* Title row: force orange */ .infobox.infobox-player-character .infobox-title {

 background: linear-gradient(180deg, #f39c12, #e67e22) !important;
 color: #fff !important;
 border-bottom: 1px solid rgba(243, 156, 18, 0.55) !important;

}

/* PLAYER CHARACTER strip: force orange, prevent “covered by box” look */ .infobox.infobox-player-character .infobox-pc-banner {

 background: linear-gradient(180deg, #f39c12, #e67e22) !important;
 color: #fff !important;
 border-bottom: 1px solid rgba(243, 156, 18, 0.55) !important;
 text-transform: uppercase;
 letter-spacing: 0.08em;

}

/* Row headers */ .infobox.infobox-player-character th[scope="row"] {

 background: rgba(243, 156, 18, 0.10);

}

/* Section headers like “In-game appearance” */ .infobox.infobox-player-character .infobox-sub {

 background: rgba(243, 156, 18, 0.16) !important;
 color: #fff !important;
 border-top: 1px solid rgba(243, 156, 18, 0.55);
 border-bottom: 1px solid rgba(243, 156, 18, 0.55);

}

/* Links */ .infobox.infobox-player-character a {

 color: #f39c12;

} .infobox.infobox-player-character .infobox-title a, .infobox.infobox-player-character .infobox-pc-banner a, .infobox.infobox-player-character .infobox-sub a {

 color: #fff;

}