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

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..."
 
 
(2 intermediate revisions by the same user not shown)
Line 59: Line 59:
.infobox-player-character .infobox-pc-banner a,
.infobox-player-character .infobox-pc-banner a,
.infobox-player-character .infobox-sub 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;
   color: #fff;
}
}