Template:Machine Child/styles.css

/*
Machine Child common UI styles for MediaWiki TemplateStyles.

Usage (in a template or page):
  

Class naming: all rules are prefixed with .mc- to reduce collision risk.
*/

/* Base chip / badge */
.mc-badge {
  padding: 0 2px;
  border-radius: 2px;
}

/* Stats */
.mc-cha { background-color: #ffccd5; }
.mc-vit { background-color: #ffe8b3; }
.mc-sen { background-color: #cce5ff; }
.mc-int { background-color: #caffca; }
.mc-mor { background-color: #e5ccff; }
.mc-stamina { background-color: #bdf0ef; }

/* Learned-skill "band" (original gradient highlight). */
.mc-cha-known { background-color: transparent; background-image: linear-gradient(to bottom, transparent 0%, transparent 50%, #ffccd5 75%); }
.mc-vit-known { background-color: transparent; background-image: linear-gradient(to bottom, transparent 0%, transparent 50%, #ffe8b3 75%); }
.mc-sen-known { background-color: transparent; background-image: linear-gradient(to bottom, transparent 0%, transparent 50%, #cce5ff 75%); }
.mc-int-known { background-color: transparent; background-image: linear-gradient(to bottom, transparent 0%, transparent 50%, #caffca 75%); }
.mc-mor-known { background-color: transparent; background-image: linear-gradient(to bottom, transparent 0%, transparent 50%, #e5ccff 75%); }

/* Factions */
.mc-aristocracy { background-color: #b5ceff; }
.mc-chivalric   { background-color: #bdf5a6; }
.mc-holysee     { background-color: #ffe480; }
.mc-institute   { background-color: #d3a9ff; }
.mc-underworld  { background-color: #ff9999; }
.mc-independent { background-color: #bebece; }

/* Softer panel colors used by Training + some event summaries */
.mc-holysee-soft    { background-color: #ffd6d6; }
.mc-chivalric-soft  { background-color: #e6ffe6; }
.mc-institute-soft  { background-color: #f3e5ff; }
.mc-underworld-soft { background-color: #fcd6d6; }

/* Outfits */
.mc-season-spring { background-color: #ff9fb3; }
.mc-season-summer { background-color: #7fc8ff; }
.mc-season-autumn { background-color: #ffb266; }
.mc-season-winter { background-color: #9b94ff; }
.mc-tag-dress     { background-color: #bbbbbb; }

/* Tarot / misc */
.mc-love { background-color: #f0aaff; }
.mc-gold { background-color: #ffef80; }

/* Table helpers */
.mc-right { text-align: right; }
.mc-num-nowrap { text-align: right; white-space: nowrap; }
.mc-keepall-anywhere { word-break: keep-all; overflow-wrap: anywhere; }

/* Text helpers */
.mc-muted { opacity: 0.65; }