MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
(Add bg3wiki-visible-on-hover class.) |
No edit summary |
||
(2 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* | |||
* The CSS here should be moved to Vector.css as much as possible. Currently, | |||
* no other skin is supported for desktop, and mobile doesn't use Common.css | |||
* anyway. Any future skin that we intend to support will need careful | |||
* consideration and porting of CSS to its own skin-specific CSS page. | |||
*/ | |||
/* Global variables used for various things */ | /* Global variables used for various things */ | ||
Line 844: | Line 853: | ||
justify-content: center; | justify-content: center; | ||
gap: 5px; | gap: 5px; | ||
flex-wrap: wrap; | |||
} | } | ||
Line 1,617: | Line 1,627: | ||
.bg3wiki-visible-on-hover:focus { | .bg3wiki-visible-on-hover:focus { | ||
opacity: 1; | opacity: 1; | ||
} | |||
/* Template:WeaponsTableHeader / Template:WeaponsTableRow */ | |||
.bg3wiki-weapons-table td:not(:last-child) { | |||
text-align: center; | |||
} | } |
Latest revision as of 23:00, 7 August 2024
/* CSS placed here will be applied to all skins */
/*
* The CSS here should be moved to Vector.css as much as possible. Currently,
* no other skin is supported for desktop, and mobile doesn't use Common.css
* anyway. Any future skin that we intend to support will need careful
* consideration and porting of CSS to its own skin-specific CSS page.
*/
/* 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;
flex-wrap: wrap;
}
.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;
}
/* Template:WeaponsTableHeader / Template:WeaponsTableRow */
.bg3wiki-weapons-table td:not(:last-child) {
text-align: center;
}