MediaWiki:Common.css: Difference between revisions

From bg3.wiki
Jump to navigation Jump to search
No edit summary
(Add bg3wiki-visible-on-hover class.)
Line 1,605: Line 1,605:
.bg3wiki-achievement {
.bg3wiki-achievement {
width: 100%;
width: 100%;
}
/* For visual effect, as of now only used on [[Illithid Powers]]. */
.bg3wiki-visible-on-hover {
    opacity: 0;
    transition-property: opacity;
    transition-duration: .4s;
}
.bg3wiki-visible-on-hover:hover,
.bg3wiki-visible-on-hover:focus {
    opacity: 1;
}
}

Revision as of 23:25, 3 June 2024

/* CSS placed here will be applied to all skins */

/* Global variables used for various things */
:root {
	/* Originally for the "tooltip" style boxes; also used for some other
	 * things now. Should perhaps be renamed or split into different variables.
	 */
	--bg3wiki-tooltip-border: #785000;
	
	/* PortableInfobox configuration */
	--pi-width: 280px;
}

/* Table of contents */
.toc {
	margin: 0.5em 0 0 0.5em;
}

/* Remove [edit] button from h4 to h6 */
:is(h4, h5, h6) .mw-editsection {
	display: none;
}

/* Trick to easily make lists with list-style: none */
/* Wrap a list in <div class="bg3wiki-list-style-none"> */
.bg3wiki-list-style-none > ul {
	list-style: none;
}

/* Some h3 use an alternative style. */
.bg3wiki-tooltip-box h3,
h3.bg3wiki-level-header {
	border-bottom: 1px dashed var(--bg3wiki-tooltip-border);
	font-family: 'Linux Libertine', 'Georgia', 'Times', serif;
	font-weight: normal;
}

h3.bg3wiki-level-header {
	font-size: 140%;
}

/* Book text, shared css */
.bg3wiki-book-text {
	box-shadow:
	rgba(0, 0, 0, 0.14) 3px 3px 6px 0px inset,
	rgba(0, 0, 0, 0.14) -3px -3px 6px 1px inset;
	border: 0.15rem solid #785000;
	border-radius: 10px;
	padding: 30px 40px;
}

.bg3wiki-book-text p {
	font-family: 'Linux Libertine', 'Georgia', serif;
	font-size: 1.2rem;
	max-width: 800px;
	margin: auto;
}

/* Item, spell, etc. properties */
.bg3wiki-property-list > ul {
	margin-left: 0;
	list-style: none;
}
.mw-content-ltr ul.bg3wiki-property-list {
	margin-left: 0;
	list-style: none;
}
.bg3wiki-property-list dd {
	margin-left: 0;
}

/* ItemIcon stuff */

:root {
	--bg3wiki-itemicon-common: 72, 72, 72;
	--bg3wiki-itemicon-uncommon: 1, 189, 57;
	--bg3wiki-itemicon-rare: 1, 191, 255;
	--bg3wiki-itemicon-very-rare: 209, 1, 123;
	--bg3wiki-itemicon-legendary: 183, 134, 29;
	--bg3wiki-itemicon-story: 255, 89, 1;
	
	--bg3wiki-itemicon-gradient-top-opacity: 0%;
	--bg3wiki-itemicon-gradient-bot-opacity: 12.5%;
	
	--bg3wiki-itemicon-border-opacity: 60%;
}

.bg3wiki-itemicon-wrapper {
	text-align: center;
}

/* The value of --bg3wiki-rarity-color will be set per rarity class. */
.bg3wiki-itemicon {
	display: inline-block;
	background: linear-gradient(
		rgba(var(--bg3wiki-rarity-color), var(--bg3wiki-itemicon-gradient-top-opacity)),
		rgba(var(--bg3wiki-rarity-color), var(--bg3wiki-itemicon-gradient-bot-opacity))
	);
	border: solid 1px rgba(var(--bg3wiki-rarity-color), var(--bg3wiki-itemicon-border-opacity));
}

.bg3wiki-itemicon-common {
	--bg3wiki-rarity-color: var(--bg3wiki-itemicon-common);
}

.bg3wiki-itemicon-uncommon {
	--bg3wiki-rarity-color: var(--bg3wiki-itemicon-uncommon);
}

.bg3wiki-itemicon-rare {
	--bg3wiki-rarity-color: var(--bg3wiki-itemicon-rare);
}

.bg3wiki-itemicon-very-rare {
	--bg3wiki-rarity-color: var(--bg3wiki-itemicon-very-rare);
}

.bg3wiki-itemicon-legendary {
	--bg3wiki-rarity-color: var(--bg3wiki-itemicon-legendary);
}

.bg3wiki-itemicon-story {
	--bg3wiki-rarity-color: var(--bg3wiki-itemicon-story);
}

/* Coordinates */

body .bg3wiki-coordinates {
	font-family: 'Linux Libertine', 'Times New Roman', serif;
	text-shadow: 1px 1px 2px #000, -1px -1px 2px #000;
	color: #AB9F89;
	background: #34323285;
	border-radius: 5px;
	padding: 3px 5px;
	box-shadow: 1px 1px 5px #00000030;
}

/* Tooltip box: imitating in-game tooltips and item icons */
body .bg3wiki-tooltip-box {
	background: var(--bg3wiki-tooltip-bg);
	box-shadow:
		rgba(0, 0, 0, 0.14) 3px 3px 6px 0px inset,
		rgba(0, 0, 0, 0.14) -3px -3px 6px 1px inset;
	border: 0.15rem solid var(--bg3wiki-tooltip-border);
	border-radius: 10px;
	padding: 15px;
	margin: 0.5em 0.2em 0 0.2em;
	overflow: hidden;
}

/* [[Template:Relative location]] */
.relative-location {
	background: var(--bg3wiki-relative-location-bg);
	border: 1px solid var(--bg3wiki-tooltip-border);
	border-spacing: 0;
	box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
	margin: 5px;
	text-align: center;
}
.relative-location-header {
	background: var(--bg3wiki-relative-location-header-bg-dark);
}

/* Some mild styling of the CharacterInfo infobox */
.infobox td.characterinfo {
	padding-left: 38px;
	vertical-align: top;
}

/* Damage Rider As Source (DRS) template */
.bg3wiki-damage-rider-source {
	font-size: 10px;
	vertical-align: top;
	font-style: italic;
}

/* Proficiency abbreviation styling */
.bg3wiki-save-proficiency-abbr  {
	font-size: 10px;
	vertical-align: top;
}

/* For mobile eyes only */
.nodesktop {
	display: none;
}

/* License box */
#mw-license-preview .bg3wiki-license-box-container {
	/* Don't want margin in the preview box because that breaks things */
	margin: auto auto auto 0;
}

.bg3wiki-license-box-container {
  margin: 4px 0 4px 10%;
}

.bg3wiki-license-box {
  border: 2px solid var(--bg3wiki-tooltip-border);
  border-collapse: collapse;
  background: var(--bg3wiki-tooltip-bg);
  color: var(--bg3wiki-license-color);
  width: 100%;
}

.bg3wiki-license-box-image {
	border-right: none;
	padding: 0.4rem 0 0.4rem 0.9rem;
}

.bg3wiki-license-box-text {
	border-left: none;
	vertical-align: top;
	padding: 0.4rem 0 0.4rem 0.9rem;
}

/* Hat note */
.hatnote {
	font-style: var(--bg3wiki-hatnote-font-style);
	font-size: var(--bg3wiki-hatnote-font-size);
	padding: var(--bg3wiki-hatnote-padding);
	margin: var(--bg3wiki-hatnote-margin);
	border: 0;
	display: block;
	background-color: var(--bg3wiki-hatnote-bg);
}

/* Price calculator */ 
#bg3wiki-price-calculator {
  border: 1px solid var(--bg3wiki-tooltip-border);
}

#bg3wiki-price-calculator-form {
  padding: 0.5em;
}

#bg3wiki-price-calculator-form input[type="number"] {
  width: 100%;
}

#bg3wiki-price-calculator-form td {
  padding-right: 0.5em;
}

#bg3wiki-price-calculator-form th {
  text-align: right;
  padding-right: 0.5em;
}

#bg3wiki-price-calculator-form label {
  margin-left: 0.2em;
}

#bg3wiki-price-calculator-result {
  margin: 1em;
}

#bg3wiki-price-calculator-result td, #bg3wiki-price-calculator-result th {
  text-align: right;
}

/**
  Hack to display category trees as a navbox. Only used on NavModding and NavGuides for now.
**/

.navcat div > .CategoryTreeSection::after {
	content: " · ";
	font-weight: bold;
}

.navcat div > .CategoryTreeSection:last-child::after {
	content: none;
}

.navcat div > .CategoryTreeTag,
.navcat div > .CategoryTreePageBullet {
	display: none;
	margin: 0;
	padding: 0;
}

.navcat div {
	display: inline;
	margin: 0;
	padding: 0;
	padding-left: 0;
}

/* UID widget styling. */
.bg3wiki-uid {
	display: inline-block;
}

.bg3wiki-uid summary {
	display: inline-block;
	list-style: none;
	margin: 2px 0;
}

.bg3wiki-uid summary span {
	text-decoration: underline dotted;
	cursor: pointer;
}

.bg3wiki-uid tt, .bg3wiki-uid-box {
	border: 1px dashed var(--bg3wiki-tooltip-border);
	user-select: all;
	padding: 0 0.5rem;
}


/**
  Format for references. For now adds a text for each list. Safe to use, easy to add to and remove from.
**/

.refact1::before {
  content: "Act 1";
  text-decoration: none;
  background: none;
  font-size: 100%;
  font-weight: bold;
  direction: ltr;
}

.refact2::before {
  content: "Act 2";
  text-decoration: none;
  background: none;
  font-size: 100%;
  font-weight: bold;
  direction: ltr;
}

.refact3::before {
  content: "Act 3";
  text-decoration: none;
  background: none;
  font-size: 100%;
  font-weight: bold;
  direction: ltr;
}

.refurl::before {
  content: "External links";
  text-decoration: none;
  background: none;
  font-size: 100%;
  font-weight: bold;
  direction: ltr;
}

.reftext::before {
  content: "Literature";
  text-decoration: none;
  background: none;
  font-size: 100%;
  font-weight: bold;
  direction: ltr;
}

.refnote::before {
  content: "Notes";
  text-decoration: none;
  background: none;
  font-size: 100%;
  font-weight: bold;
  direction: ltr;
}

.notebegin {
	font-size: 95%;
	margin-bottom: 0.5em;
}

div.reflist ol.references {
 list-style-type: inherit; /* Enable custom list style types */
}

/* Documentation css */
.ts-doc-doc {
	background-color: var(--bg3wiki-documentation-bg);
	/* border: 1px solid var(--bg3wiki-documentation-border); */
}

.ts-doc-header {
	background-color: var(--bg3wiki-documentation-header-bg);
}

.ts-doc-footer {
	background-color: var(--bg3wiki-documentation-bg);
	border: 1px solid var(--bg3wiki-documentation-border);
}

/* Info blob */
div.bg3wiki-info-blob {
	display: inline-block;
	padding: 0 1em 0 1em;
	border-radius: 20px;
}
span.bg3wiki-info-blob {
	display: inline-block;
	padding: 0 0.5em 0 0.5em;
	border-radius: 10px;
}

.bg3wiki-info-blob {
	font-family: monospace;
}

/* number inside AC shield */
.bg3wiki-ac-value {
	display: grid;
	justify-items:start;
	align-items: start
}

.bg3wiki-ac-value > div {
	grid-column-start: 1;
	grid-row-start: 1;
}

.bg3wiki-ac-value .ac-value {
	text-align:center;
	width: 40px;
	align-self: center;
	padding-bottom: 0.5ch
}

.bg3wiki-ac-value .ac-value-comment {
	grid-column-start: 2;
	grid-row-start: 1;
	align-self: center
}

/* Tab bar */
.bg3wiki-tabbar {
	background-color: var(--bg3wiki-tabbar-bg);
	margin: 0.5em 0 0 0;
	border: 1px solid #141414;
}

.bg3wiki-tabbar .bg3wiki-tab {
	padding:0 10px;
	display: inline-block;
}

.bg3wiki-tabbar .bg3wiki-tab-active {
	background-color: var(--bg3wiki-tabbar-active-bg);
	color: var(--bg3wiki-tabbar-active-color);
}

/* Spoiler warning */
.bg3wiki-spoiler-warning {
	background: linear-gradient(to right, var(--bg3wiki-spoiler-warning-start), var(--bg3wiki-spoiler-warning-end));
	align-items:center;
	border-radius:10px;
	padding: 5px;
	display: flex;
	flex-wrap: wrap;
}

.bg3wiki-spoiler-warning.bg3wiki-spoiler-warning-no-grad {
	background: transparent;
}

.bg3wiki-spoiler-warning strong {
	color: var(--bg3wiki-spoiler-warning-strong-color);
}

/* Widget: Interactive map */
.bg3wiki-lower-city-map {
	background-color: var(--bg3wiki-lower-city-map-bg);
	border: 1px solid var(--bg3wiki-tooltip-border);
}

.bg3wiki-lower-city-map-svg {
	background-color: var(--bg3wiki-lower-city-map-inner-bg);
}

/** Suppress fallback MathML implementation: most browsers support it natively. **/
/* -*- Mode: CSS; tab-width: 2; indent-tabs-mode:nil; c-basic-offset: 2 -*- */
/* vim: set ts=2 et sw=2 tw=80: */
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
/* Retrieved from https://github.com/fred-wang/webextension-native-mathml/blob/master/content-scripts/mediawiki.css */

/* Reset some CSS properties set by MediaWiki and hide the image fallback */
.mwe-math-mathml-a11y {
	clip: auto;
	overflow: visible;
	position: static;
	width: auto;
	height: auto;
	opacity: 1;
	display: inherit;
}

body.mediawiki .ve-ce-mwLatexNode .mwe-math-mathml-a11y {
	/* override https://phabricator.wikimedia.org/diffusion/EMAT/browse/master/modules/ve-math/ve.ce.MWLatexNode.css */
	display: inherit;
}
/* Support where MediaWiki lazy loaded images */
.mwe-math-mathml-inline ~ .lazy-image-placeholder,
.mwe-math-mathml-display ~ .lazy-image-placeholder,
/* Support where MediaWiki doesn't lazy load images */
.mwe-math-mathml-inline + .mwe-math-fallback-image-inline,
.mwe-math-mathml-display + .mwe-math-fallback-image-display {
	display: none;
}

/* Tablelist template */

.bg3wiki-tablelist dt {
	font-weight: bold;
	font-size: 100%;
	margin: 0; 
	display: inline;
}

.bg3wiki-tablelist dt::after {
	content: ":";
	font-weight: normal;
	font-size: 100%;
}

/* No colon style */
.bg3wiki-tablelist.nocolon dt::after {
	content: none;
}

.bg3wiki-tablelist dl {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

.bg3wiki-tablelist dd {
	font-size: 100%;
	margin: 0; 
	display: inline;
}

.bg3wiki-tablelist dd::after {
	content: "\a";
	white-space: pre;
}

/* Unbulleted lists */
.bg3wiki-ublist ul,
.bg3wiki-ublist ol {
	margin: 0;
	padding: 0;
	line-height: inherit;
	list-style: none;
}

/* Horizontal lists */
.bg3wiki-horizontlist dl,
.bg3wiki-horizontlist ul {
	margin: 0;
	padding: 0;
}

.bg3wiki-horizontlist dl ul,
.bg3wiki-horizontlist dl dl,
.bg3wiki-horizontlist ul dl,
.bg3wiki-horizontlist ul ul {
	display: inline;
}

.bg3wiki-horizontlist dd,
.bg3wiki-horizontlist dt,
.bg3wiki-horizontlist li {
	margin: 0;
	display: inline;
}

.bg3wiki-horizontlist dd::after,
.bg3wiki-horizontlist li::after {
	content: " · ";
	font-weight: bold;
}

.bg3wiki-horizontlist dd:last-child::after,
.bg3wiki-horizontlist dt:last-child::after,
.bg3wiki-horizontlist li:last-child::after {
	content: none;
}

.bg3wiki-horizontlist dt::after {
	content: ":";
	font-weight: normal;
	font-size: 100%;
}

.bg3wiki-horizontlist dd dd:first-child::before,
.bg3wiki-horizontlist dd dt:first-child::before,
.bg3wiki-horizontlist dd li:first-child::before,
.bg3wiki-horizontlist dt dd:first-child::before,
.bg3wiki-horizontlist dt dt:first-child::before,
.bg3wiki-horizontlist dt li:first-child::before,
.bg3wiki-horizontlist li dd:first-child::before,
.bg3wiki-horizontlist li dt:first-child::before,
.bg3wiki-horizontlist li li:first-child::before {
	content: " (";
	font-weight: normal;
}

.bg3wiki-horizontlist dd dd:last-child::after,
.bg3wiki-horizontlist dd dt:last-child::after,
.bg3wiki-horizontlist dd li:last-child::after,
.bg3wiki-horizontlist dt dd:last-child::after,
.bg3wiki-horizontlist dt dt:last-child::after,
.bg3wiki-horizontlist dt li:last-child::after,
.bg3wiki-horizontlist li dd:last-child::after,
.bg3wiki-horizontlist li dt:last-child::after,
.bg3wiki-horizontlist li li:last-child::after {
	content: ")";
	font-weight: normal;
}

/* Resource list */
.bg3wiki-resource-list dl {
	margin: 0;
	padding: 0;
}

.bg3wiki-resource-list dd,
.bg3wiki-resource-list dt {
	margin: 0;
	display: inline;
}

.bg3wiki-resource-list dd dd,
.bg3wiki-resource-list dd ddt,
.bg3wiki-resource-list dt dd,
.bg3wiki-resource-list dt dt {
	margin: 0 0 0 2.1em;
	display: block;
}

.bg3wiki-resource-list dd:last-child::after,
.bg3wiki-resource-list dt:last-child::after {
	content: none;
}

/* Quotes */
.bg3wiki-quoteinline {
	overflow: hidden;
	margin: 0 0 -0.5em;
}

/* Important is a bad idea */
blockquote {
	border-left: 2px solid #3d3d3d !important;
}

.bg3wiki-bquote {
	overflow: hidden;
	margin: 1em 0;
}

.bg3wiki-quotesource {
	line-height: 1.5em;
	padding-left: 1.5em;
	margin-top: 0;
}

.bg3wiki-blockquote-marks {
	color: var(--bg3wiki-blockquote-marks);
	font-size: 120%;
	font-family: serif;
	font-weight: bold;
}

/* Shortcut */
.bg3wiki-template-shortcut {
	display: inline-block;
	background-color: var(--bg3wiki-documentation-header-bg);
	border: 1px solid var(--bg3wiki-documentation-border);
	text-align: center;
	margin: 1em;
	padding: 0 0.33em 0 0.33em;
	vertical-align: top;
	width: fit-content;
	font-size: 85%;
}

.bg3wiki-template-shortcut-top {
	text-align: center;
	margin: 0;
	padding: 0 0 0.16em 0;
	border-bottom: 2px solid #3d3d3d;
	font-size: 90%;
}

/* Resistance colours */
.bg3wiki-imagetext-text-resistant {
	color: var(--bg3wiki-imagetext-text-resistant-color);
}

.bg3wiki-imagetext-text-immune{
	color: var(--bg3wiki-imagetext-text-immune-color);
}

.bg3wiki-imagetext-text-vulnerable {
	color: var(--bg3wiki-imagetext-text-vulnerable-color);
}

/* Character info template styling */
.bg3wiki-characterinfo {
	background-color: var(--bg3wiki-characterinfo-bg); 
	border: var(--bg3wiki-characterinfo-border); 
	color: var(--bg3wiki-characterinfo-color);
	width: 20em; 
	margin: 0.5em 0 0 2em; 
}

.bg3wiki-characterinfo th:not(.bg3wiki-characterinfo-subheader) {
	background: var(--bg3wiki-characterinfo-header-bg);
	color: var(--bg3wiki-characterinfo-header-color);
}

.bg3wiki-characterinfo-subheader {
	padding-left: 38px;
	vertical-align: top;
	background-color: var(--bg3wiki-characterinfo-subheader-bg);;
	border: 0; 
	color: var(--bg3wiki-characterinfo-subheader-color); 
}

/* Message boxes including ambox and mbox */
table.ombox,
table.ambox {
	background-color: var(--bg3wiki-ambox-bg);
	border: var(--bg3wiki-wikitable-border);
}

table.ambox-speedy {
	/* Pink */
	background-color: #400805 !important;
}


.div-col-rules {
	column-rule: 1px solid #805608 !important;
}

/* Nowrap class, when we don't want wrapping. */
.nowrap,
.nowraplinks a {
	white-space: nowrap;
}

/* When we want wrapping */
.wrap,
.wraplinks a {
	white-space: normal !important;
}

/* PortableInfobox */

.portable-infobox {
	background-color: var(--bg3wiki-box-detail-bg);
	border: var(--bg3wiki-wikitable-border);
	padding: 4px;
}
.portable-infobox .pi-item-spacing {
	padding: 0;
}
.portable-infobox .pi-group {
	border: none;
}

.portable-infobox .pi-data {
	border: none;
	margin: 2px 0;
}

.portable-infobox .pi-title {
	background: var(--bg3wiki-box-header-bg);
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
}

.portable-infobox .pi-data[data-source="title"] {
	text-align: center;
	font-style: italic;
	font-size: 1.2em;
	margin-top: 2px;
	margin-bottom: 2px;
}

.portable-infobox .pi-tab-link,
.portable-infobox .pi-section-tab {
	color: var(--link);
	border: none;
	flex-grow: 1;
}

.portable-infobox .pi-tab-link.current,
.portable-infobox .pi-section-tab.pi-section-active {
	background: none;
	border-bottom: 1px solid var(--link);
}

.portable-infobox .pi-header {
	background: var(--bg3wiki-box-label-bg);
	text-align: center;
	font-size: 1.05em;
	padding: 5px 0;
}

.portable-infobox .pi-data-label,
.portable-infobox .pi-data-value {
	padding: 3px 5px 3px 5px;
}

.portable-infobox .pi-data-label {
	background-color: var(--bg3wiki-box-label-bg);
	font-weight: normal;
}

.portable-infobox table {
	background: none;
}
.pi-horizontal-group .pi-horizontal-group-item:not(:first-child) {
	border-left: 2px solid var(--bg3wiki-box-detail-bg);
}
.pi-horizontal-group th.pi-horizontal-group-item {
	border-top: 2px solid var(--bg3wiki-box-detail-bg);
	padding-top: 5px;
}
.pi-horizontal-group thead + tbody .pi-data-value {
	padding: 5px 0;
}

.pi-type-creature [data-item-name="resistances"] ul {
	margin: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	gap: 5px;
}

.pi-type-creature li:first-child .bg3wiki-pi-creature-detail {
	margin-top: 5px;
}
.pi-type-creature li:not(:last-child) .bg3wiki-pi-creature-detail {
	margin-bottom: 12px;
}
.pi-type-creature .bg3wiki-pi-creature-detail .bg3wiki-icontext-text {
	margin-top: -16px;
	padding-left: 5px;
}
.pi-type-creature .bg3wiki-pi-creature-detail-text {
	margin-top: -12px;
	padding-left: 34px;
}
.pi-type-creature .bg3wiki-pi-creature-detail p {
	margin: 0;
}
.pi-type-creature .bg3wiki-pi-creature-detail-text a {
	color: unset;
	text-decoration: underline dotted var(--link);
}
.pi-type-creature .bg3wiki-pi-creature-detail-text a:hover {
	text-decoration: underline solid var(--link);
}

/* Character info template styling */
.infobox {
	background-color: var(--bg3wiki-box-detail-bg); 
	color: var(--fg);
	border: var(--bg3wiki-wikitable-border);
	font-size: 90%;
	float: right;
	margin: 0.5em 0 0.5em 1em;
	padding: 0.2em 0.2em 0.6em 0.2em;
	clear: right;
	line-height: 1.5em;
	width: 23em;
	vertical-align: top;
}

.infobox-title {
	border: 0;
}

.infobox-above {
	background: var(--bg3wiki-box-header-bg);
	color: var(--fg);
	font-size: 130%;
	border: var(--bg3wiki-box-accent-dark-border);
}

.infobox-header {
	background: var(--bg3wiki-box-header-bg);
	color: var(--fg);
	border: none;
}

.infobox-subheader,
.infobox-image,
.infobox-caption {
	background-color: var(--bg3wiki-box-detail-bg); 
	border: var(--bg3wiki-box-detail-border);
	color: var(--fg);
}

.infobox-label {
	background-color: var(--bg3wiki-box-label-bg);
	border: none;
	color: var(--fg);
	text-align: left;
	padding: 0.2em 0.4em 0.2em 0.4em;
	vertical-align: top;
	font-weight: normal;
}

.infobox-label:has(.bg3wiki-icontext-block) {
	vertical-align: middle;
}

.infobox-data {
	background-color: transparent;
	color: var(--fg);
	border: none;
	text-align: center;
	padding: 0.2em 0.4em 0.2em 0.4em;
}

/* Will remove this when I re-do the themes variables */
.infobox-data-last {
	border-bottom: none !important;
}

.infobox-below {
	background: var(--bg3wiki-box-header-bg);
	color: var(--fg);
	border: none;
}

/**
  Navbox classes
**/
.navbox,
.mw-parser-output .navbox-list-with-group,
.bg3wiki-navbox {
  text-align: center;
  border:1px solid var(--bg3wiki-tooltip-border);
  color: var(--fg);
  width: 100%;
}

.mw-parser-output .navbox-list-with-group, {
  color: var(--bg3wiki-navbox-header-text);
  background-color: var(--bg3wiki-navbox-bg);
}

.bg3wiki-navbox-header {
	font-weight: bold;
	font-size: 105%;
	background-color: var(--bg3wiki-navbox-header-bg);
	border: 0px none;
}

.bg3wiki-navbox-side-header {
	background-color: var(--bg3wiki-navbox-header-bg);
}

.bg3wiki-navbox-side-secondary-header {
	background-color: var(--bg3wiki-navbox-header-secondary-bg);
}

/* These important tags will be removed, emergency fix */
.navbox-title {
	font-weight: bold;
	background-color: var(--bg3wiki-navbox-header-bg);
	border: none !important;
}

.navbox-group {
	font-weight: bold;
	background-color: var(--bg3wiki-navbox-label-bg);
	border-top: var(--bg3wiki-navbox-label-border);
}

.navbox-subgroup .navbox-group {
	font-weight: bold;
	background-color: var(--bg3wiki-navbox-sublabel-bg);
	border-top: var(--bg3wiki-navbox-label-border);
	border-left: var(--bg3wiki-navbox-label-border);
}


.navbox-list {
  border:1px solid var(--bg3wiki-tooltip-border);
  background-color: var(--bg3wiki-navbox-data-bg);
}

.navbox-odd {
	background-color: var(--bg3wiki-navbox-data-row-odd-bg);
	border: none !important;
	color: var(--fg);
}

.navbox-even {
	background-color: var(--bg3wiki-navbox-data-row-even-bg);
	border: none !important;
	border-top: var(--bg3wiki-navbox-label-border);
	color: var(--fg);
}

/* The actual contents of the navbox. */
.bg3wiki-navbox-content {
	text-align: left;
	padding: 0 4px;
}

/* Wikitext sometimes inserts implicit <p>s */
.bg3wiki-navbox-content p {
  color: var(--bg3wiki-navbox-header-text);
}

/* Classes for gameplay navboxes */
.bg3wiki-gameplay-navbox {
  color: var(--bg3wiki-navbox-header-text);
  background-color: var(--bg3wiki-gameplay-navbox-bg);
  margin-top: 1rem;
  border: 1px solid var(--bg3wiki-tooltip-border);
  width: 100%;
}

.bg3wiki-gameplay-navbox-header {
  background-color: var(--bg3wiki-gameplay-navbox-header-bg);
  text-align: center;
}

.bg3wiki-gameplay-navbox-row-header {
  font-size: 95%;
  padding: 0.75rem;
}

.bg3wiki-gameplay-navbox-content {
  border: 0px none;
  font-size: 95%;
  padding-left: 1ch;
}

.wikitable {
	margin: 1em 0 !important;
	border-collapse: collapse !important;
}

table.wikitable td {
	background-color: var(--bg3wiki-wikitable-bg) !important;
	border: var(--bg3wiki-wikitable-border) !important;
}

.wikitable th {
	background-color: var(--bg3wiki-wikitable-header-bg) !important;
	border: var(--bg3wiki-wikitable-border) !important;
}

.wikitable th[scope=row],
.wikitable th[scope=rowgroup] {
	font-weight: normal;
	text-align: left;
}

/* Sidebar styling */
table.sidebar {
	background-color: var(--bg3wiki-box-detail-bg); 
	color: var(--fg);
	border: var(--bg3wiki-box-border); 
}

.sidebar-title,
.sidebar-navbar {
	background: var(--bg3wiki-box-header-bg);
	color: var(--fg);
	border: var(--bg3wiki-box-accent-dark-border);
}

.sidebar-above {
	background: var(--bg3wiki-box-header-bg);
	color: var(--fg);
	border: var(--bg3wiki-box-accent-dark-border);
	display: block;
	margin-bottom: 0.5em;
}

.sidebar-image,
.sidebarcaption {
	background-color: var(--bg3wiki-box-detail-bg); 
	border: var(--bg3wiki-box-detail-border);
	color: var(--fg);
}

.sidebar-list-title {
	background-color: var(--bg3wiki-box-label-bg);
	border: var(--bg3wiki-box-label-border);
	color: var(--fg);
	text-align: left;
}

.sidebar-content {
	background-color: var(--bg3wiki-box-data-bg);
	color: var(--fg);
	border: 1px solid var(--bg3wiki-box-data-border);
}

.sidebar-list {
	background-color: var(--bg3wiki-box-data-bg);
	color: var(--fg);
	border: 1px solid var(--bg3wiki-box-data-border);
}

.sidebar-list-content {
	background-color: var(--bg3wiki-box-data-bg);
	color: var(--fg);
	border: 1px solid var(--bg3wiki-box-data-border);
}

.sidebar-heading {
	background-color: var(--bg3wiki-box-label-bg);
	border: var(--bg3wiki-box-label-border);
	color: var(--fg);
	display: block;
	margin-bottom: 0.5em;
}

.sidebar-below {
	background: var(--bg3wiki-box-header-bg);
	color: var(--fg);
	border: var(--bg3wiki-box-accent-dark-border);
}

.bg3wiki-sheet {
 max-width: none;
 width: 100%;
}

.ui-menu .ui-menu-item a {
	color: var(--bg3wiki-ui-menu-item-a);
}

/* Damage type colors, primarily used by [[Template:Damage colour]]. */

.bg3wiki-damage-type-physical,
.bg3wiki-damage-type-weapon,
.bg3wiki-damage-type-piercing,
.bg3wiki-damage-type-bludgeoning,
.bg3wiki-damage-type-slashing {
	color: var(--bg3wiki-damage-colour-physical-fg);
}
.bg3wiki-damage-type-acid {
	color: var(--bg3wiki-damage-colour-acid-fg);
}
.bg3wiki-damage-type-cold {
	color: var(--bg3wiki-damage-colour-cold-fg);
}
.bg3wiki-damage-type-fire {
	color: var(--bg3wiki-damage-colour-fire-fg);
}
.bg3wiki-damage-type-force {
	color: var(--bg3wiki-damage-colour-force-fg);
}
.bg3wiki-damage-type-healing {
	color: var(--bg3wiki-damage-colour-healing-fg);
}
.bg3wiki-damage-type-lightning {
	color: var(--bg3wiki-damage-colour-lightning-fg);
}
.bg3wiki-damage-type-necrotic {
	color: var(--bg3wiki-damage-colour-necrotic-fg);
}
.bg3wiki-damage-type-poison {
	color: var(--bg3wiki-damage-colour-poison-fg);
}
.bg3wiki-damage-type-radiant {
	color: var(--bg3wiki-damage-colour-radiant-fg);
}
.bg3wiki-damage-type-thunder {
	color: var(--bg3wiki-damage-colour-thunder-fg);
}
.bg3wiki-damage-type-psychic {
	color: var(--bg3wiki-damage-colour-psychic-fg);
}

.bg3wiki-info-blob .bg3wiki-damage-type-physical,
.bg3wiki-info-blob .bg3wiki-damage-type-weapon,
.bg3wiki-info-blob .bg3wiki-damage-type-piercing,
.bg3wiki-info-blob .bg3wiki-damage-type-bludgeoning,
.bg3wiki-info-blob .bg3wiki-damage-type-slashing {
	color: var(--bg3wiki-damage-colour-physical-fg-bright);
}
.bg3wiki-info-blob .bg3wiki-damage-type-acid {
	color: var(--bg3wiki-damage-colour-acid-fg-bright);
}
.bg3wiki-info-blob .bg3wiki-damage-type-cold {
	color: var(--bg3wiki-damage-colour-cold-fg-bright);
}
.bg3wiki-info-blob .bg3wiki-damage-type-fire {
	color: var(--bg3wiki-damage-colour-fire-fg-bright);
}
.bg3wiki-info-blob .bg3wiki-damage-type-force {
	color: var(--bg3wiki-damage-colour-force-fg-bright);
}
.bg3wiki-info-blob .bg3wiki-damage-type-healing {
	color: var(--bg3wiki-damage-colour-healing-fg-bright);
}
.bg3wiki-info-blob .bg3wiki-damage-type-lightning {
	color: var(--bg3wiki-damage-colour-lightning-fg-bright);
}
.bg3wiki-info-blob .bg3wiki-damage-type-necrotic {
	color: var(--bg3wiki-damage-colour-necrotic-fg-bright);
}
.bg3wiki-info-blob .bg3wiki-damage-type-poison {
	color: var(--bg3wiki-damage-colour-poison-fg-bright);
}
.bg3wiki-info-blob .bg3wiki-damage-type-radiant {
	color: var(--bg3wiki-damage-colour-radiant-fg-bright);
}
.bg3wiki-info-blob .bg3wiki-damage-type-thunder {
	color: var(--bg3wiki-damage-colour-thunder-fg-bright);
}
.bg3wiki-info-blob .bg3wiki-damage-type-psychic {
	color: var(--bg3wiki-damage-colour-psychic-fg-bright);
}

/* The following single-word variants of the damage type class names are
 * obsolete and should be removed once we've confirmed that they aren't still
 * used somewhere.
 */

.physical,
.weapon,
.piercing,
.bludgeoning,
.slashing {
	color: var(--bg3wiki-damage-colour-physical-fg);
}
.acid {
	color: var(--bg3wiki-damage-colour-acid-fg);
}
.cold {
	color: var(--bg3wiki-damage-colour-cold-fg);
}
.fire {
	color: var(--bg3wiki-damage-colour-fire-fg);
}
.force {
	color: var(--bg3wiki-damage-colour-force-fg);
}
.healing {
	color: var(--bg3wiki-damage-colour-healing-fg);
}
.lightning {
	color: var(--bg3wiki-damage-colour-lightning-fg);
}
.necrotic {
	color: var(--bg3wiki-damage-colour-necrotic-fg);
}
.poison {
	color: var(--bg3wiki-damage-colour-poison-fg);
}
.radiant {
	color: var(--bg3wiki-damage-colour-radiant-fg);
}
.thunder {
	color: var(--bg3wiki-damage-colour-thunder-fg);
}
.psychic {
	color: var(--bg3wiki-damage-colour-psychic-fg);
}

.bg3wiki-info-blob .physical,
.bg3wiki-info-blob .weapon,
.bg3wiki-info-blob .piercing,
.bg3wiki-info-blob .bludgeoning,
.bg3wiki-info-blob .slashing {
	color: var(--bg3wiki-damage-colour-physical-fg-bright);
}
.bg3wiki-info-blob .acid {
	color: var(--bg3wiki-damage-colour-acid-fg-bright);
}
.bg3wiki-info-blob .cold {
	color: var(--bg3wiki-damage-colour-cold-fg-bright);
}
.bg3wiki-info-blob .fire {
	color: var(--bg3wiki-damage-colour-fire-fg-bright);
}
.bg3wiki-info-blob .force {
	color: var(--bg3wiki-damage-colour-force-fg-bright);
}
.bg3wiki-info-blob .healing {
	color: var(--bg3wiki-damage-colour-healing-fg-bright);
}
.bg3wiki-info-blob .lightning {
	color: var(--bg3wiki-damage-colour-lightning-fg-bright);
}
.bg3wiki-info-blob .necrotic {
	color: var(--bg3wiki-damage-colour-necrotic-fg-bright);
}
.bg3wiki-info-blob .poison {
	color: var(--bg3wiki-damage-colour-poison-fg-bright);
}
.bg3wiki-info-blob .radiant {
	color: var(--bg3wiki-damage-colour-radiant-fg-bright);
}
.bg3wiki-info-blob .thunder {
	color: var(--bg3wiki-damage-colour-thunder-fg-bright);
}
.bg3wiki-info-blob .psychic {
	color: var(--bg3wiki-damage-colour-psychic-fg-bright);
}

/* WTF is this? */
.fire-radiant {
	color: #db7d02;
}

/* Colour classes for templates */
.bg3wiki-red-1,
th.red {
	background-color: var(--bg3wiki-box-dark-red);
}

.bg3wiki-red-2 {
	background-color: var(--bg3wiki-box-mid-red);
}

.bg3wiki-red-3 {
	background-color: var(--bg3wiki-box-bright-red);
}

.bg3wiki-red-border {
	border: var(--bg3wiki-box-border-red);
}

.bg3wiki-red-border-faded {
	border: var(--bg3wiki-box-border-faded-red);
}

.bg3wiki-orange-1,
th.orange {
	background-color: var(--bg3wiki-box-dark-orange);
}

.bg3wiki-orange-2 {
	background-color: var(--bg3wiki-box-mid-orange);
}

.bg3wiki-orange-3 {
	background-color: var(--bg3wiki-box-bright-orange);
}

.bg3wiki-orange-border {
	border: var(--bg3wiki-box-border-orange);
}

.bg3wiki-orange-border-faded {
	border: var(--bg3wiki-box-border-faded-orange);
}

.bg3wiki-yellow-1,
th.yellow {
	background-color: var(--bg3wiki-box-dark-yellow);
}

.bg3wiki-yellow-2 {
	background-color: var(--bg3wiki-box-mid-yellow);
}

.bg3wiki-yellow-3 {
	background-color: var(--bg3wiki-box-bright-yellow);
}

.bg3wiki-yellow-border {
	border: var(--bg3wiki-box-border-yellow);
}

.bg3wiki-yellow-border-faded {
	border: var(--bg3wiki-box-border-faded-yellow);
}

.bg3wiki-yellow-green-1,
th.yellow-green {
	background-color: var(--bg3wiki-box-dark-yellow-green);
}

.bg3wiki-yellow-green-2 {
	background-color: var(--bg3wiki-box-mid-yellow-green);
}

.bg3wiki-yellow-green-3 {
	background-color: var(--bg3wiki-box-bright-yellow-green);
}

.bg3wiki-yellow-green-border {
	border: var(--bg3wiki-box-border-yellow-green);
}

.bg3wiki-yellow-green-border-faded {
	border: var(--bg3wiki-box-border-faded-yellow-green);
}

.bg3wiki-green-1,
th.green {
	background-color: var(--bg3wiki-box-dark-green);
}

.bg3wiki-green-2 {
	background-color: var(--bg3wiki-box-mid-green);
}

.bg3wiki-green-3 {
	background-color: var(--bg3wiki-box-bright-green);
}

.bg3wiki-green-border {
	border: var(--bg3wiki-box-border-green);
}

.bg3wiki-green-border-faded {
	border: var(--bg3wiki-box-border-faded-green);
}

.bg3wiki-cyan-green-1,
th.cyan-green {
	background-color: var(--bg3wiki-box-dark-cyan-green);
}

.bg3wiki-cyan-green-2 {
	background-color: var(--bg3wiki-box-mid-cyan-green);
}

.bg3wiki-cyan-green-3 {
	background-color: var(--bg3wiki-box-bright-cyan-green);
}

.bg3wiki-cyan-green-border {
	border: var(--bg3wiki-box-border-cyan-green);
}

.bg3wiki-cyan-green-border-faded {
	border: var(--bg3wiki-box-border-faded-cyan-green);
}

.bg3wiki-cyan-1,
th.cyan {
	background-color: var(--bg3wiki-box-dark-cyan);
}

.bg3wiki-cyan-2 {
	background-color: var(--bg3wiki-box-mid-cyan);
}

.bg3wiki-cyan-3 {
	background-color: var(--bg3wiki-box-bright-cyan);
}

.bg3wiki-cyan-border {
	border: var(--bg3wiki-box-border-cyan);
}

.bg3wiki-cyan-border-faded {
	border: var(--bg3wiki-box-border-faded-cyan);
}

.bg3wiki-blue-1,
th.blue {
	background-color: var(--bg3wiki-box-dark-blue);
}

.bg3wiki-blue-2 {
	background-color: var(--bg3wiki-box-mid-blue);
}

.bg3wiki-blue-3 {
	background-color: var(--bg3wiki-box-bright-blue);
}

.bg3wiki-blue-border {
	border: var(--bg3wiki-box-border-blue);
}

.bg3wiki-blue-border-faded {
	border: var(--bg3wiki-box-border-faded-blue);
}

.bg3wiki-indigo-1,
th.indigo {
	background-color: var(--bg3wiki-box-dark-indigo);
}

.bg3wiki-indigo-2 {
	background-color: var(--bg3wiki-box-mid-indigo);
}

.bg3wiki-indigo-3 {
	background-color: var(--bg3wiki-box-bright-indigo);
}

.bg3wiki-indigo-border {
	border: var(--bg3wiki-box-border-indigo);
}

.bg3wiki-indigo-border-faded {
	border: var(--bg3wiki-box-border-faded-indigo);
}

.bg3wiki-violet-1,
th.violet {
	background-color: var(--bg3wiki-box-dark-violet);
}

.bg3wiki-violet-2 {
	background-color: var(--bg3wiki-box-mid-violet);
}

.bg3wiki-violet-3 {
	background-color: var(--bg3wiki-box-bright-violet);
}

.bg3wiki-violet-border {
	border: var(--bg3wiki-box-border-violet);
}

.bg3wiki-violet-border-faded {
	border: var(--bg3wiki-box-border-faded-violet);
}


.bg3wiki-magenta-1,
th.magenta {
	background-color: var(--bg3wiki-box-dark-magenta);
}

.bg3wiki-magenta-2 {
	background-color: var(--bg3wiki-box-mid-magenta);
}

.bg3wiki-magenta-3 {
	background-color: var(--bg3wiki-box-bright-magenta);
}

.bg3wiki-magenta-border {
	border: var(--bg3wiki-box-border-magenta);
}

.bg3wiki-magenta-border-faded {
	border: var(--bg3wiki-box-border-faded-magenta);
}

/** Edit notice
*/

.bg3wiki-edit-notice {
  max-width: 30em;
  margin: 0 auto;
}


.bg3wiki-edit-notice ul {
padding: 0;
background-color: var(--bg3wiki-box-data-bg);
  border: 1px solid;
border-color: var(--bg3wiki-box-data-border);
  text-align: center;
}

.bg3wiki-edit-notice li {
padding: 0 0.4em;
}

.bg3wiki-edit-notice-help {
font-weight: bold;
background-color: var(--bg3wiki-box-header-bg);
border-color: var(--bg3wiki-box-header-border);
  text-align: center;
}

.bg3wiki-edit-notice-list {
font-size: 0.875em;
  font-weight: bold;
}

/** Hide for anon users
*/
.bg3wiki-group-autoconfirmed {
display: none;
}

/** Prereq 
*/
.bg3wiki-prereq {
color: var(--bg3wiki-preqreq-color);
}

.bg3wiki-achievement {
width: 100%;
}

/* For visual effect, as of now only used on [[Illithid Powers]]. */

.bg3wiki-visible-on-hover {
    opacity: 0;
    transition-property: opacity;
    transition-duration: .4s;
}
.bg3wiki-visible-on-hover:hover,
.bg3wiki-visible-on-hover:focus {
    opacity: 1;
}