Difference between revisions of "Common.css"

(reduced motion settings)
(wikitables paste)
Line 28: Line 28:
 
.paladin { background-color: var(--hero-paladin); }
 
.paladin { background-color: var(--hero-paladin); }
 
.warmonger { background-color: var(--hero-warmonger); }
 
.warmonger { background-color: var(--hero-warmonger); }
 +
 +
/* WIKITABLES */
 +
.wikitable > tr > th, .wikitable > * > tr > th {
 +
background-color: #ffffff1a;
 +
text-align: left;
 +
}
 +
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
 +
border: none;
 +
border-bottom: 1px solid #1b1c23;
 +
padding: 0.5rem 0.75rem;
 +
}
 +
.wikitable {
 +
background: var(--background-color--primary);
 +
color: #f0f2f5;
 +
width: auto;
 +
border: none;
 +
font-size: 0.9rem;
 +
margin: 0;
 +
}
  
 
/* REDUCED MOTION SETTINGS */
 
/* REDUCED MOTION SETTINGS */

Revision as of 20:42, 27 February 2023

/* DARK THEMES */
body.skin-darkbootstrap, body.skin-dark {
	/* NPC colors */
	--NPC--ally: #169011;
	--NPC--neutral: #df8234;
	--NPC--enemy: #af211d;
	
	/* class colors */
	--hero--bomber: #fb5f5f;
	--hero--champion: #9557cc;
	--hero--mercenary: #b23f1d;
	--hero--pain-reaper: #381539;
	--hero--paladin: #b46f08; /* adjusted */
	--hero--warmonger: #b8312f;
	
	/* quality colors */
	--quality--common: #9e98a0; /* adjusted */
	--quality--uncommon: #af211d;
	--quality--rare: #187c9d;
	--quality--epic: #93408c;
	--quality--legendary: #c4a00f; /* adjusted */
}

/* CLASS COLORS */
.bomber { background-color: var(--hero--bomber); }
.champion { background-color: var(--hero--champion); }
.pain.reaper { background-color: var(--hero--pain-reaper); }
.paladin { background-color: var(--hero-paladin); }
.warmonger { background-color: var(--hero-warmonger); }

/* WIKITABLES */
.wikitable > tr > th, .wikitable > * > tr > th {
	background-color: #ffffff1a;
	text-align: left;
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
	border: none;
	border-bottom: 1px solid #1b1c23;
	padding: 0.5rem 0.75rem;
}
.wikitable {
	background: var(--background-color--primary);
	color: #f0f2f5;
	width: auto;
	border: none;
	font-size: 0.9rem;
	margin: 0;
}

/* REDUCED MOTION SETTINGS */
@media (prefers-reduced-motion: reduce)
{
  *, ::before, ::after
  {
    animation-delay: -1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    background-attachment: initial !important;
    scroll-behavior: auto !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
  }
}