MediaWiki:Common.css

:root {
	--border-color: #3A3A3A;
	--text-color: #FFFFFF;
	--link-color: #EDC618;
	--background: #171616;

	--ui-background: #17161680;
	--ui-border: 1px solid var(--border-color);
	--toc-number-color: #8A8A8A;

	--bright-red: #a78c17;
	--bright-green: #005C00;
	--light-blue: #267396;

	--accent1-th: #0D0D0D;
	--accent1-td: #171010;
	
	/* */
	--quirk-positive: #c8b46e;
	--quirk-negative: #b11900;
	--virtue: #e0ddce;
	--affliction: #b11900;
	
	/* Skills */
	--stun: #c99c45;
	--move: #4c8ba2;
	--blight: #bdc241;
	--bleed: #b10000;
	--mark: #b10000;
	--deathblow: #b10000;
	--buff: #5ec9d6;
	--guard: #5ec9d6;
	--debuff: #c3630f;
	--riposte: #c3630f;
	--disease: #798d45;
	--symptom: #aecb65;
	--trap: #8860b2;
	--stealth: #756DDF; /* #443f86 */
	--surprise: #55998b;
	--scout: #55998b;
	--heal: #87c241;
	
	--expiate: #f1eede;
	--amberblight: #f5e670;
	--enrage: #ed3300;
	--frantic: #9f92ad;
	--leeching: #3E8C36; /* #204f1b */
	
	/* trinkets */
	--common: #c6c6c6;
	--uncommon: #60954b;
	--rare: #3b61a7;
	--very-rare: #c24500;
	--ghoul-mother: #e02700;
	
	--spoils: #a37e1f;
	--flameseeker: #dbce25;
	--contraband: #dbb425;
	--twilight: #756639;
	
	--perfumer1: #723911;
	--perfumer2: #724521;
	--perfumer3: #865b2e;
	--perfumer4: #ada674;
	
	--yngolian1: #323056;
	--yngolian2: #3c3e61;
	--yngolian3: #4e536a;
	--yngolian4: #485062;
	--yngolian5: #555f68;
	
	/* Light */
	--daylight: #d9ab3d;
	--moonlight: #5270ba;
	--eclipse: #cf3c1e;
	
	/* Affiliation */
	--faithless: #859aa3;
	--religious: #ffff8c;
	--pagan: #7d729b;
	
	/* Currency */
	--amber: #bf7c03;
	--lost-tek: #8175a7;
	
	/* Difficulty */
	--apprentice: #7d9132;
	--veteran: #fbbf1a;
	--champion: #b43c28;
	--darkest: #ff7b5d;
	
	/* Diseases */
	--disease-ghoul: #f2f4fe;
	--implant: #fdc2fd;
	--rictus: #ffa9be;
	
	/* Musk Ammo */
	--standard: #ff7f46;
	--shrapnel: #ff5446;
	--concussive: #ffcb46;
	--live: #d6e771;
	
	--vestige: #b653ba;
	--prep-round: #4B87ED;
	--hexer-vial: #941435;
	
	--attack-type: #8d7b5f;
}


.positive {
    color: #FAFF90;
}

.great {
	color: #88db88;
}

.better {
	color: #a3dba3;
}

.good {
	color: #badbba;
}

.poor {
	color: #dba3a3;
}

.bad {
	color: #db7575;
}


/* Rarity and status colors */
.verycommon,
.common {
    color: var(--common);
}

.uncommon {
    color: var(--uncommon);
}

.rare {
    color: var(--rare);
}

.veryrare {
    color: var(--very-rare);
}

.contraband {
	color: var(--contraband);
}

.spoils {
	color: var(--spoils);
}

.flameseeker {
	color: var(--flameseeker);
}

.perfumer {
	color: var(--perfumer1);
}

.perfumer2 {
	color: var(--perfumer2);
}

.perfumer3 {
	color: var(--perfumer3);
}

.perfumermax {
	color: var(--perfumer4);
}

.celestial1 {
	color: var(--yngolian1);
}

.celestial2 {
	color: var(--yngolian2);
}

.celestial3 {
	color: var(--yngolian3);
}

.celestial4 {
	color:  var(--yngolian4);
}

.celestial5 {
	color: var(--yngolian5);
}

.twilight {
	color: var(--twilight);
}

.memento {
	color: var(--quirk-negative);
}

.trophy {
    color: #deb669;
}



.pagan {
	color: var(--pagan);
}

.religious {
	color: var(--religious);
}

.faithless {
	color: var(--faithless);
}

.vestige {
	color: var(--vestige);
}

.symptom {
	color: var(--symptom);
}

.disease {
    color: var(--disease);
}

.prep {
	color: var(--prep-round);
}

.bleed,
.death,
.mark,
.dd,
.afflict {
    color: var(--bleed);
}

.blight {
    color: var(--blight);
}

.debuff,
.riposte {
    color: var(--debuff);
}

.stun {
    color: var(--stun);;
}

.shuffle,
.move,
.push,
.pull,
.back,
.forward {
    color: var(--move);
}

.trap {
    color: var(--trap);
}

.death {
    color: #c41c1c;
}

.heal,
.restore {
    color: var(--heal);
}

.attacktype {
	color: var(--attack-type);
}

.buff,
.guard,
.guarding,
.guarded,
.bypass {
    color: var(--buff);
}

.scout,
.surprise {
    color: var(--surprise);
}

.stealth {
    color: var(--stealth);
}

.duration,
.modifier {
    color: #a8a8a8;
}

.negative,
.afflicted {
    color: var(--quirk-negative);
}

.positive,
.virtue {
    color: var(--quirk-positive);
}

.imperfectus {
	color: var(--rictus);
}

.implant {
	color: var(--implant);
}

.amberblight {
	color: var(--amberblight);
}

.expiate {
	color: var(--expiate);
}

.leeching {
	color: var(--leeching);
}

.frantic {
	color: var(--frantic);
}

.enrage {
	color: var(--enrage);
}

.amber {
	color: var(--amber);
}

body {
	background: #000000
		url(https://blackreliquary.wiki.gg/images/9/99/Testbg.png)
		top/100%
		no-repeat
		fixed;
}

.vector-body p {
	margin: 1em 0;
}

.vector-body {
	font-size: 1rem;
}

#content {
	background: #000000C0;
	/*backdrop-filter: blur(3px);*/
	border: var(--ui-border);
	border-radius: 3px;
	overflow-x: auto;
	/* Fix margins to match other UI elements. */
	margin-right: 0.5em;
}

#mw-page-base,
.vector-menu-tabs, .vector-menu-tabs li, .vector-menu-tabs .selected, .vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-portal .vector-menu-heading,
.catlinks {
	background: 0 0;
}

.vector-menu-dropdown .vector-menu-content {
	background: #171616C0;
	border-color: var(--border-color);
}

#p-logo + .mw-portlet .vector-menu-heading {
	display: block;
}

.vector-menu-portal {
	background: var(--ui-background);
	border: var(--ui-border);
	border-radius: 3px;
	margin-bottom: 0.6em;
	color:#FFF;
}

body,
#content,
h1, h2, h3, h4, h5, h6,
.vector-menu-portal .vector-menu-heading,
.mw-footer li {
	color: var(--text-color);
}

/* Dark theme link color */
a, a:visited,
.vector-menu-portal .vector-menu-content li a,
.vector-menu-portal .vector-menu-content li a:visited,
.vector-menu-tabs-legacy li a,
.vector-menu-tabs-legacy li a:visited,
.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited,
.vector-menu-dropdown .mw-list-item a {
	color: var(--link-color);
}

/* Search box */
.vector-search-box-input {
	background: #44444440;
	backdrop-filter: blur(10px);
	border-color: var(--border-color);
	border-radius: 3px;
	color: var(--text-color);
}

.searchButton[name="go"] {
	filter: invert();
}

/* Table of contents */
.toc, #filetoc {
	background: 0 0;
	border: var(--ui-border);
	border-radius: 3px;
}

.toctogglelabel {
	text-decoration: none;
	color: var(--link-color);
}

.tocnumber {
	color: var(--toc-number-color);
}

.tocnumber:after {
	content: ".";
}

/*
Currently the default stylesheet messes with table layouts and
colours in an undesirable way. here we manually reset them and/or
set them to the desired values.
*/
table {
	display: table;
	white-space: initial;
}

th, td {
	padding: 0.2em 0.4em;
}

/* Wikitable styles */
.wikitable {
	background: unset;
	color: unset;
	border: none;
}

.wikitable > tr > th,
.wikitable > tr > td,
.wikitable > * > tr > th,
.wikitable > * > tr > td {
	background: #171010;
	color: unset;
	border-color: var(--border-color);
}

/* Lists */
ul {
	list-style: disc;
}

ul > li > ul {
	list-style: circle;
}

/* Thumbnails and Image Galleries */
div.thumbinner, .thumbimage {
	background: 0 0;
	border: none;
}

li.gallerybox div.thumb {
	background-color: #0C0C0C;
	border: var(--ui-border);
	border-radius: 3px;
}

/* Center */
.ctr {
	text-align: center;
}

/* Ensure that icons are grouped together with text */
.nowrap {
	white-space: nowrap;
}

/* Custom Horizontal Rules */
hr {
	background: left/contain url(/images/1/10/Separator.png) no-repeat;
	height: 7px;
	margin: 1em 0;
}

/* Responsive Float */
.responsive-float { float: right; }
@media (max-width: 600px) {
	.responsive-float {
		width: 100%;
		float: none;
	}
}

/* Page Tabber */
.page-tabs {
	list-style: none;
	width: 100%;
	margin: 0 0 0.3em 0 !important;
	padding: 0 0 2px 0 !important;
	overflow-x: auto;
	white-space: nowrap;
	box-shadow: var(--border-color) 0 -1px inset;
}

.page-tab, .page-tab-highlight {
	display: inline-block;
	padding: 0 0.3em;
	margin: 0 0.2em;
}

.page-tab-highlight {
	font-weight: bold;
	box-shadow: currentcolor 0 2px;
}

/* Template documentation styles */
/* If modifying these styles, be sure to update the mobile skin! */
.doc {
    margin: 0em auto 1em;
    background-color: #000000;
    border: 2px solid #BDCAC3;
    border-radius: 1em;
    padding: 1em;
}

.doc-header {
    padding-bottom: 3px;
    border-bottom: 1px solid #BDCAC3;
    margin-bottom: 1ex;
}

.doc-footer {
    margin: 0;
    background-color: #000000;
    border: 2px solid #BDCAC3;
    border-radius: 1em;
    padding: 1em;
}

.infoboxmajorheader,
.wikitable > * > tr > .infoboxmajorheader {
    background: var(--bright-red);
}

.infoboxminorheader,
.wikitable > * > tr > .infoboxminorheader {
    background: #787878;
}

.infoboxproheader,
.wikitable > * > tr > .infoboxproheader {
    background: #008000;
}

.infoboxconheader,
.wikitable > * > tr > .infoboxconheader {
    background: #9d160c;
}

.infoboxcellaccent,
.wikitable > * > tr > .infoboxcellaccent {
    background: var(--accent1-th);
}

.tablebg,
.wikitable.tablebg,
.wikitable > * > tr > .tablebg {
    background-color: #000000;
}

.tabletitle,
.wikitable > * > tr > .tabletitle{
	background-color: #312424;
}
.majortableheader,
.wikitable > * > tr > .majortableheader {
	background-color: #312424;
}

.tabletitle2,
.wikitable > * > tr > .tabletitle2,
.majortableheader2,
.wikitable > * > tr > .majortableheader2 {
    background-color: #000;
}

.healtitle,
.wikitable > * > tr > .healtitle {
    background-color: var(--bright-green);
}

.bufftitle,
.wikitable > * > tr > .bufftitle {
    background-color: var(--light-blue);
}

.destroytitle,
.wikitable > * > tr > .destroytitle {
    background-color: var(--bright-red);
}

.accent1tableheader,
.wikitable > * > tr > .accent1tableheader {
    background-color: var(--accent1-th);
}

.accent1tablecell,
.wikitable > * > tr > .accent1tablecell {
    background-color: var(--accent1-td);
}

.accent2tablecell,
.wikitable > * > tr > .accent2tablecell {
    background-color: #222222;
}

.accent3tablecell,
.wikitable > * > tr > .accent3tablecell {
    background-color: #787878;
}

.darkiconcell,
.wikitable > * > tr > .darkiconcell {
    background-color: #000000;
}

#mw-panel {
	position: fixed;
	float: left;
	width: 10em;
    left: 0;
    top: auto;
}

.fpbox .heading,
.fpbox .mainheading,
.fpbox .welcome {
    margin: 0 0 10px;
    padding: 0 0 5px;
    overflow: auto;
}

.fpbox .mainheading,
.fpbox .welcome {
    font-size: 150%;
    font-weight: bold;
}

/* Curio Hover Stuff */
.curiott {
	position: relative;
}

.curiohidden {
	visibility: hidden;
	position: absolute;
}

.curiohidden .show {
	visibility: visible;
}

[data-tooltip]::before {
	position: absolute;
	content : attr(data-tooltip);
	visibility: hidden;
	pointer-events: none;
	border-radius: 6px;
	padding: 8px 0;
	margin-left: -40px;
	margin-top: 80px;
	max-width: 11em;
}

[data-tooltip]:hover::before {
	visibility: visible;
    background: #000;
}

h3, h4 > .mw-headline {
	text-decoration: underline;
}