Jump to content

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

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

Revision as of 01:57, 27 February 2026

.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;

}