MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search

MediaWiki:Common.css (view source)

Revision as of 16:16, 24 April 2024

4,828 bytes added ,  24 April
no edit summary
No edit summary
No edit summary
(45 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */


/** Temporary hide class
/* Global variables used for various things */
*/
:root {
.bg3wiki-sp-only {
/* Originally for the "tooltip" style boxes; also used for some other
display: none;
* things now. Should perhaps be renamed or split into different variables.
}
*/
 
--bg3wiki-tooltip-border: #785000;
#mw-indicator-approval,
#mw-indicator-romance,
/* PortableInfobox configuration */
#mw-indicator-banter,
--pi-width: 280px;
#mw-indicator-transcript,
#mw-indicator-combat,
#mw-indicator-article {
display: none;
}
}


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


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


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


/* Not is for specificity reasons. */
/* Some h3 use an alternative style. */
h2:not(.bg3wiki-h2-bordered) {
.bg3wiki-tooltip-box h3,
font-size: 150%;
h3.bg3wiki-level-header {
}
border-bottom: 1px dashed var(--bg3wiki-tooltip-border);
 
font-family: 'Linux Libertine', 'Georgia', 'Times', serif;
h3:not(.bg3wiki-h3-bordered) {
font-weight: normal;
border: none;
font-size: 120%;
    font-family: sans-serif;
    font-weight: bold;
}
 
h4:not(.bg3wiki-h4-bordered) {
font-size: 100%;
}
 
h5:not(.bg3wiki-h5-bordered) {
font-size: 90%;
}
 
h6:not(.bg3wiki-h6-bordered) {
font-size: 82%;
}
}


.bg3wiki-h3-bordered > h3 {
h3.bg3wiki-level-header {
border-bottom: 1px dashed var(--bg3wiki-tooltip-border);
font-size: 140%;
    font-family: serif;
    font-weight: normal;
}
}


Line 76: Line 58:


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


/* ItemIcon rarity colors */
:root {
:root {
--bg3wiki-itemicon-common: 72, 72, 72;
--bg3wiki-itemicon-common: 72, 72, 72;
Line 97: Line 79:
--bg3wiki-itemicon-legendary: 183, 134, 29;
--bg3wiki-itemicon-legendary: 183, 134, 29;
--bg3wiki-itemicon-story: 255, 89, 1;
--bg3wiki-itemicon-story: 255, 89, 1;
--bg3wiki-itemicon-gradient-top-opacity: 0%;
--bg3wiki-itemicon-gradient-top-opacity: 0%;
--bg3wiki-itemicon-gradient-bot-opacity: 12.5%;
--bg3wiki-itemicon-gradient-bot-opacity: 12.5%;
--bg3wiki-itemicon-border-opacity: 60%;
--bg3wiki-itemicon-border-opacity: 60%;
--bg3wiki-tooltip-border: #785000;
}
}


Line 159: Line 140:
background: var(--bg3wiki-tooltip-bg);
background: var(--bg3wiki-tooltip-bg);
box-shadow:
box-shadow:
rgba(0, 0, 0, 0.14) 3px 3px 6px 0px inset,
rgba(0, 0, 0, 0.14) 3px 3px 6px 0px inset,
rgba(0, 0, 0, 0.14) -3px -3px 6px 1px inset;
rgba(0, 0, 0, 0.14) -3px -3px 6px 1px inset;
border: 0.15rem solid var(--bg3wiki-tooltip-border);
border: 0.15rem solid var(--bg3wiki-tooltip-border);
border-radius: 10px;
border-radius: 10px;
padding: 15px;
padding: 15px;
    margin: 0.5em 0.2em 0 0.2em;
margin: 0.5em 0.2em 0 0.2em;
overflow: hidden;
}
}


/* Relative Location stuff */
/* [[Template:Relative location]] */
.relative-location {
.relative-location {
background: var(--bg3wiki-relative-location-bg);
background: var(--bg3wiki-relative-location-bg);
border: 1px solid var(--bg3wiki-tooltip-border);
border: 1px solid var(--bg3wiki-tooltip-border);
    border-spacing: 0;
border-spacing: 0;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    margin: 5px;
margin: 5px;
    text-align: center;
text-align: center;
}
}
.relative-location-header {
.relative-location-header {
background: var(--bg3wiki-relative-location-header-bg-dark);
background: var(--bg3wiki-relative-location-header-bg-dark);
Line 189: Line 170:
/* Damage Rider As Source (DRS) template */
/* Damage Rider As Source (DRS) template */
.bg3wiki-damage-rider-source {
.bg3wiki-damage-rider-source {
font-size:10px;
font-size: 10px;
vertical-align: top;
vertical-align: top;
font-style: italic;
font-style: italic;
Line 196: Line 177:
/* Proficiency abbreviation styling */
/* Proficiency abbreviation styling */
.bg3wiki-save-proficiency-abbr  {
.bg3wiki-save-proficiency-abbr  {
font-size:10px;
font-size: 10px;
vertical-align: top;
vertical-align: top;
}
}
Line 202: Line 183:
/* For mobile eyes only */
/* For mobile eyes only */
.nodesktop {
.nodesktop {
display: none;
display: none;
}
}


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


Line 236: Line 218:
.hatnote {
.hatnote {
font-style: var(--bg3wiki-hatnote-font-style);
font-style: var(--bg3wiki-hatnote-font-style);
    font-size: var(--bg3wiki-hatnote-font-size);
font-size: var(--bg3wiki-hatnote-font-size);
padding: var(--bg3wiki-hatnote-padding);
padding: var(--bg3wiki-hatnote-padding);
margin: var(--bg3wiki-hatnote-margin);
margin: var(--bg3wiki-hatnote-margin);
    border: 0;
border: 0;
    display: block;
display: block;
    background-color: var(--bg3wiki-hatnote-bg);
background-color: var(--bg3wiki-hatnote-bg);
}
}


Line 454: Line 436:
.bg3wiki-tabbar {
.bg3wiki-tabbar {
background-color: var(--bg3wiki-tabbar-bg);
background-color: var(--bg3wiki-tabbar-bg);
    margin: 0.5em 0 0 0;
margin: 0.5em 0 0 0;
    border: 1px solid #141414;
border: 1px solid #141414;
}
}


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


body.mediawiki .ve-ce-mwLatexNode .mwe-math-mathml-a11y {
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 */
/* override https://phabricator.wikimedia.org/diffusion/EMAT/browse/master/modules/ve-math/ve.ce.MWLatexNode.css */
    display: inherit;
display: inherit;
}
}
/* Support where MediaWiki lazy loaded images */
/* Support where MediaWiki lazy loaded images */
Line 525: Line 507:
.mwe-math-mathml-inline + .mwe-math-fallback-image-inline,
.mwe-math-mathml-inline + .mwe-math-fallback-image-inline,
.mwe-math-mathml-display + .mwe-math-fallback-image-display {
.mwe-math-mathml-display + .mwe-math-fallback-image-display {
    display: none;
display: none;
}
}


Line 531: Line 513:


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


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


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


Line 551: Line 533:
margin: 0;
margin: 0;
padding: 0;
padding: 0;
    font-size: 100%;
font-size: 100%;
}
}


.bg3wiki-tablelist dd {
.bg3wiki-tablelist dd {
    font-size: 100%;
font-size: 100%;
margin: 0;  
margin: 0;  
display: inline;
display: inline;
Line 562: Line 544:
.bg3wiki-tablelist dd::after {
.bg3wiki-tablelist dd::after {
content: "\a";
content: "\a";
    white-space: pre;
white-space: pre;
}
}


Line 608: Line 590:


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


Line 681: Line 663:


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


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


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


Line 711: Line 693:
padding: 0 0 0.16em 0;
padding: 0 0 0.16em 0;
border-bottom: 2px solid #3d3d3d;
border-bottom: 2px solid #3d3d3d;
    font-size: 90%;
font-size: 90%;
}
}


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


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


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


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


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


Line 753: Line 735:
table.ambox {
table.ambox {
background-color: var(--bg3wiki-ambox-bg);
background-color: var(--bg3wiki-ambox-bg);
    border: var(--bg3wiki-wikitable-border);
border: var(--bg3wiki-wikitable-border);
}
}


Line 763: Line 745:


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


Line 776: Line 758:
.wraplinks a {
.wraplinks a {
white-space: normal !important;
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 */
/* Character info template styling */
.infobox {
.infobox {
    background-color: var(--bg3wiki-box-detail-bg);  
background-color: var(--bg3wiki-box-detail-bg);  
    color: var(--fg);
color: var(--fg);
    border: var(--bg3wiki-wikitable-border);
border: var(--bg3wiki-wikitable-border);
    font-size: 90%;
font-size: 90%;
    float: right;
float: right;
margin: 0.5em 0 0.5em 1em;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em 0.2em 0.6em 0.2em;
padding: 0.2em 0.2em 0.6em 0.2em;
Line 794: Line 887:


.infobox-title {
.infobox-title {
    border: 0;
border: 0;
}
}


Line 800: Line 893:
background: var(--bg3wiki-box-header-bg);
background: var(--bg3wiki-box-header-bg);
color: var(--fg);
color: var(--fg);
    font-size: 130%;
font-size: 130%;
    border: var(--bg3wiki-box-accent-dark-border);
border: var(--bg3wiki-box-accent-dark-border);
}
}


Line 807: Line 900:
background: var(--bg3wiki-box-header-bg);
background: var(--bg3wiki-box-header-bg);
color: var(--fg);
color: var(--fg);
    border: none;
border: none;
}
}


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


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


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


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


Line 844: Line 941:
background: var(--bg3wiki-box-header-bg);
background: var(--bg3wiki-box-header-bg);
color: var(--fg);
color: var(--fg);
    border: none;
border: none;
}
}


Line 906: Line 1,003:


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


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


Line 955: Line 1,052:


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


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


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


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


Line 986: Line 1,083:
background: var(--bg3wiki-box-header-bg);
background: var(--bg3wiki-box-header-bg);
color: var(--fg);
color: var(--fg);
    border: var(--bg3wiki-box-accent-dark-border);
border: var(--bg3wiki-box-accent-dark-border);
}
}


Line 992: Line 1,089:
background: var(--bg3wiki-box-header-bg);
background: var(--bg3wiki-box-header-bg);
color: var(--fg);
color: var(--fg);
    border: var(--bg3wiki-box-accent-dark-border);
border: var(--bg3wiki-box-accent-dark-border);
    display: block;
display: block;
    margin-bottom: 0.5em;
margin-bottom: 0.5em;
}
}


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


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


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


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


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


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


Line 1,040: Line 1,137:
background: var(--bg3wiki-box-header-bg);
background: var(--bg3wiki-box-header-bg);
color: var(--fg);
color: var(--fg);
    border: var(--bg3wiki-box-accent-dark-border);
border: var(--bg3wiki-box-accent-dark-border);
}
}


Line 1,049: Line 1,146:


.ui-menu .ui-menu-item a {
.ui-menu .ui-menu-item a {
color: var(--bg3wiki-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);
}
}


/* Damage colour template classes. Class names aren't ideal but ensures compatability with current template usage. */
.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,
.physical,
.weapon,
.weapon,
Line 1,058: Line 1,243:
.bludgeoning,
.bludgeoning,
.slashing {
.slashing {
    color: var(--bg3wiki-damage-colour-physical-fg);
color: var(--bg3wiki-damage-colour-physical-fg);
}
}
 
.acid {
.bg3wiki-info-blob .physical,
color: var(--bg3wiki-damage-colour-acid-fg);
.bg3wiki-info-blob .weapon,
.bg3wiki-info-blob .piercing,
.bg3wiki-info-blob .bludgeoning,
.bg3wiki-info-blob .slashing {
    color: var(--bg3wiki-damage-colour-physical-fg-bright);
}
}
 
.cold {
 
color: var(--bg3wiki-damage-colour-cold-fg);
.acid {
    color: var(--bg3wiki-damage-colour-acid-fg);
}
}
 
.fire {
.bg3wiki-info-blob .acid {
color: var(--bg3wiki-damage-colour-fire-fg);
    color: var(--bg3wiki-damage-colour-acid-fg-bright);
}
}
 
.force {
 
color: var(--bg3wiki-damage-colour-force-fg);
.cold {
    color: var(--bg3wiki-damage-colour-cold-fg);
}
}
 
.healing {
.bg3wiki-info-blob .cold {
color: var(--bg3wiki-damage-colour-healing-fg);
    color: var(--bg3wiki-damage-colour-cold-fg-bright);
}
}
 
.lightning {
 
color: var(--bg3wiki-damage-colour-lightning-fg);
.fire {
    color: var(--bg3wiki-damage-colour-fire-fg);
}
}
 
.necrotic {
.bg3wiki-info-blob .fire{
color: var(--bg3wiki-damage-colour-necrotic-fg);
    color: var(--bg3wiki-damage-colour-fire-fg-bright);
}
}
 
.poison {
 
color: var(--bg3wiki-damage-colour-poison-fg);
.force {
    color: var(--bg3wiki-damage-colour-force-fg);
}
}
 
.radiant {
.bg3wiki-info-blob .force {
color: var(--bg3wiki-damage-colour-radiant-fg);
    color: var(--bg3wiki-damage-colour-force-fg-bright);
}
}
 
.thunder {
 
color: var(--bg3wiki-damage-colour-thunder-fg);
.healing {
    color: var(--bg3wiki-damage-colour-healing-fg);
}
}
 
.psychic {
.bg3wiki-info-blob .healing{
color: var(--bg3wiki-damage-colour-psychic-fg);
    color: var(--bg3wiki-damage-colour-healing-fg-bright);
}
}


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


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


Line 1,175: Line 1,328:
.bg3wiki-red-1,
.bg3wiki-red-1,
th.red {
th.red {
    background-color: var(--bg3wiki-box-dark-red);
background-color: var(--bg3wiki-box-dark-red);
}
}


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


Line 1,436: Line 1,589:
font-size: 0.875em;
font-size: 0.875em;
   font-weight: bold;
   font-weight: bold;
}
/** Hide for anon users
*/
.bg3wiki-group-autoconfirmed {
display: none;
}
/** Prereq
*/
.bg3wiki-prereq {
color: var(--bg3wiki-preqreq-color);
}
.bg3wiki-achievement {
width: 100%;
}
}
Retrieved from "https://bg3.wiki/wiki/Special:MobileDiff/152074...176217"

Navigation menu