Jump to content

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

From Encyclopædia Mundus
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..."
 
 
(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;
}
}

Latest revision as of 02:07, 27 February 2026

/* 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;

}

Retrieved from "https://mundus.speakersxiv.com/index.php?title=Template:Infobox_player_character/styles-old.wikitext&oldid=903"