Jump to content

MediaWiki:Common.css: Difference between revisions

From THS Wiki
← Older edit
Closesttopurple (talk | contribs)
Bureaucrats, Interface administrators, Administrators
311 edits
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
 
(55 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */


 
.mw-logo-wordmark {
/*
    display: none !important;
* 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;
}
 
/* 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;
}
 
/* [[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);
}
 
/* 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;
}
 
/* 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;
}
 
/* 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
}
 
/* 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 */
.mw-anon-user #vector-page-tools-dropdown,
.bg3wiki-characterinfo {
.mw-anon-user #p-tb,
background-color: var(--bg3wiki-characterinfo-bg);
.mw-anon-user .vector-column-end {
border: var(--bg3wiki-characterinfo-border);
    display: none !important;
color: var(--bg3wiki-characterinfo-color);
width: 20em;
margin: 0.5em 0 0 2em;  
}
}


.bg3wiki-characterinfo th:not(.bg3wiki-characterinfo-subheader) {
.mw-page-container,
background: var(--bg3wiki-characterinfo-header-bg);
.mw-content-container,
color: var(--bg3wiki-characterinfo-header-color);
.vector-sticky-header {
    max-width: none !important;
}
}


.bg3wiki-characterinfo-subheader {
.mw-logo-icon {
padding-left: 38px;
    width: 160px !important;
vertical-align: top;
    height: 160px !important;
background-color: var(--bg3wiki-characterinfo-subheader-bg);;
border: 0;
color: var(--bg3wiki-characterinfo-subheader-color);  
}
}


/* Message boxes including ambox and mbox */
/* Full-width banner at the absolute top, behind everything */
table.ombox,
body {
table.ambox {
    background-image: url('https://wiki.thehumanserver.org/images/9/9e/Wiki_background_top.png');
background-color: var(--bg3wiki-ambox-bg);
    background-repeat: no-repeat;
border: var(--bg3wiki-wikitable-border);
    background-position: center top;
    background-size: 100% auto; /* Forces image to fit screen width */
    background-attachment: scroll; /* Use 'fixed' if you want it to stay when scrolling */
}
}


table.ambox-speedy {
/* Vector-2022 Specific: Make the skin's main containers transparent to reveal the banner */
/* Pink */
.mw-page-container,
background-color: #400805 !important;
.mw-header,
.vector-sticky-header {
    background-color: transparent !important;
}
}




.div-col-rules {
.mw-header {
column-rule: 1px solid #805608 !important;
    margin-top: 10px;
}
}
 
#content {
/**
    background-color: #2f2f2f;
  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%;
}
}
 
.vector-user-links {
.mw-parser-output .navbox-list-with-group, {
    position: fixed;
  color: var(--bg3wiki-navbox-header-text);
    top: 10px;       
  background-color: var(--bg3wiki-navbox-bg);
    right: 20px;   
    z-index: 1000;   
    transform: scale(1.2);
    transform-origin: top right;  
    background: rgba(0, 0, 0, 0.5);
    padding: 5px 10px;
    border-radius: 8px;
}
}


.bg3wiki-navbox-header {
.vector-user-links .vector-icon {
font-weight: bold;
    width: 24px;
font-size: 105%;
    height: 24px;
background-color: var(--bg3wiki-navbox-header-bg);
border: 0px none;
}
}


.bg3wiki-navbox-side-header {
a {
background-color: var(--bg3wiki-navbox-header-bg);
    color: #d1d1d1 !important;
}
}


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


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


.navbox-group {
a:hover {
font-weight: bold;
    color: #e0e0e0 !important;
background-color: var(--bg3wiki-navbox-label-bg);
    text-decoration: underline;
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);
}


@media screen and (max-width: 1919px) {


.navbox-list {
    .mobile-card-table,
  border:1px solid var(--bg3wiki-tooltip-border);
    .mobile-card-table tbody,
  background-color: var(--bg3wiki-navbox-data-bg);
    .mobile-card-table tr,
}
    .mobile-card-table td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
        border: none !important;
    }


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


.navbox-even {
        padding: 10px;
background-color: var(--bg3wiki-navbox-data-row-even-bg);
        background: rgba(255, 255, 255, 0.05);  
border: none !important;
                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 */
.portable-infobox {
.bg3wiki-navbox-content p {
    float: right;       
  color: var(--bg3wiki-navbox-header-text);
    clear: right;         
    margin-top: 1% !important; 
    margin-right: 2.5% !important;
    margin-left: 20px;           
    margin-bottom: 10px;
    border-radius: 1.2%; 
    border: 6px solid #aaa;
    overflow: hidden;     
    width: 350px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    background-color: 232323 !important;
}
}


/* Classes for gameplay navboxes */
.portable-infobox .pi-title {
.bg3wiki-gameplay-navbox {
    border-top-left-radius: 15px;
  color: var(--bg3wiki-navbox-header-text);
    border-top-right-radius: 15px;
  background-color: var(--bg3wiki-gameplay-navbox-bg);
  margin-top: 1rem;
  border: 1px solid var(--bg3wiki-tooltip-border);
  width: 100%;
}
}
 
@media screen and (max-width: 1219px) {
.bg3wiki-gameplay-navbox-header {
.portable-infobox {
  background-color: var(--bg3wiki-gameplay-navbox-header-bg);
    float: none !important;
  text-align: center;
    width: 100% !important;
}
    max-width: 100% !important;
 
    margin: 1em 0 !important;
.bg3wiki-gameplay-navbox-row-header {
    box-sizing: border-box !important;
  font-size: 95%;
    display: block !important;
  padding: 0.75rem;
}
}


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


table.wikitable td {
.portable-infobox .wds-tabs__wrapper {
background-color: var(--bg3wiki-wikitable-bg) !important;
    overflow-x: auto !important;
border: var(--bg3wiki-wikitable-border) !important;
    white-space: nowrap !important;
    width: 100% !important;
}
}


.wikitable th {
.portable-infobox .pi-image img {
background-color: var(--bg3wiki-wikitable-header-bg) !important;
    max-width: 100% !important;
border: var(--bg3wiki-wikitable-border) !important;
    height: auto !important;
    width: auto !important;
}
}


.wikitable th[scope=row],
@media screen and (max-width: 450px) {
.wikitable th[scope=rowgroup] {
    .portable-infobox .pi-data {
font-weight: normal;
        display: block !important;
text-align: left;
    }
    .portable-infobox .pi-data-label {
        width: 100% !important;
        text-align: left !important;
        padding-bottom: 2px;
    }
    .portable-infobox .pi-data-value {
        width: 100% !important;
        text-align: left !important;
        padding-left: 10px;
    }
}
}
/* 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;
}
.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;
}
}

Latest revision as of 20:22, 24 February 2026


.mw-logo-wordmark {
    display: none !important;
}

.mw-anon-user #vector-page-tools-dropdown,
.mw-anon-user #p-tb, 
.mw-anon-user .vector-column-end {
    display: none !important;
}

.mw-page-container, 
.mw-content-container, 
.vector-sticky-header {
    max-width: none !important;
}

.mw-logo-icon {
    width: 160px !important;
    height: 160px !important;
}

/* Full-width banner at the absolute top, behind everything */
body {
    background-image: url('https://wiki.thehumanserver.org/images/9/9e/Wiki_background_top.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto; /* Forces image to fit screen width */
    background-attachment: scroll; /* Use 'fixed' if you want it to stay when scrolling */
}

/* Vector-2022 Specific: Make the skin's main containers transparent to reveal the banner */
.mw-page-container, 
.mw-header, 
.vector-sticky-header {
    background-color: transparent !important;
}


.mw-header {
    margin-top: 10px;
}
#content {
    background-color: #2f2f2f;
}
.vector-user-links {
    position: fixed; 
    top: 10px;        
    right: 20px;     
    z-index: 1000;     
    transform: scale(1.2); 
    transform-origin: top right; 
    background: rgba(0, 0, 0, 0.5); 
    padding: 5px 10px;
    border-radius: 8px;
}

.vector-user-links .vector-icon {
    width: 24px;
    height: 24px;
}

a {
    color: #d1d1d1 !important;
}


a:visited {
    color: #A8A9AD !important;
}

a:hover {
    color: #e0e0e0 !important;
    text-decoration: underline;
}


@media screen and (max-width: 1919px) {

    .mobile-card-table, 
    .mobile-card-table tbody, 
    .mobile-card-table tr, 
    .mobile-card-table td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
        border: none !important;
    }

    .mobile-card-table tr {

        padding: 10px;
        background: rgba(255, 255, 255, 0.05); 
                border: none !important;
    }

}

.portable-infobox {
    float: right;         
    clear: right;           
    margin-top: 1% !important;  
    margin-right: 2.5% !important; 
    margin-left: 20px;             
    margin-bottom: 10px;
    border-radius: 1.2%;   
    border: 6px solid #aaa;
    overflow: hidden;      
    width: 350px !important; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    background-color: 232323 !important;
}

.portable-infobox .pi-title {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
@media screen and (max-width: 1219px) {
.portable-infobox {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 1em 0 !important;
    box-sizing: border-box !important;
    display: block !important;
}


.portable-infobox .wds-tabs__wrapper {
    overflow-x: auto !important;
    white-space: nowrap !important;
    width: 100% !important;
}

.portable-infobox .pi-image img {
    max-width: 100% !important;
    height: auto !important;
    width: auto !important;
}

@media screen and (max-width: 450px) {
    .portable-infobox .pi-data {
        display: block !important;
    }
    .portable-infobox .pi-data-label {
        width: 100% !important;
        text-align: left !important;
        padding-bottom: 2px;
    }
    .portable-infobox .pi-data-value {
        width: 100% !important;
        text-align: left !important;
        padding-left: 10px;
    }
}
}
Retrieved from "https://wiki.thehumanserver.org/index.php?title=MediaWiki:Common.css&oldid=479"