WildStar Wiki
Don't have an account?
Register
Register
WildStar Wiki
WildStar Wiki
5,921
pages

Fandomdesktop.css

MediaWiki page
Back to page
Sign in to edit
No edit summary
No edit summary
Line 192: Line 192:
 
input[type="button"],
  
input[type="button"],
 
input[type="reset"] {
  
input[type="reset"] {
−
background: #3F0B2C;
 +
background: var(--custom-button-background-color);
 
border-radius: 5px;
  
border-radius: 5px;
 
border: rgba(var(--theme-body-background-color--rgb), 0.1);
  
border: rgba(var(--theme-body-background-color--rgb), 0.1);

Revision as of 17:11, 9 July 2021

/* CSS placed here will affect users of the Hydradark skin */
/* For elements which only display in the mobile view */
.mobileonly {
    display: none;
}

.theme-fandomdesktop-dark {
    --theme-page-text-color: #9CCAD2;
    --theme-border-color: #82A8AF;
    --theme-page-dynamic-color-1--inverted: #000000;
    --theme-sticky-nav-dynamic-color-1: #000000;
    --theme-link-dynamic-color-1: #000000;
    --theme-accent-dynamic-color-1: #000000;
    --theme-sticky-nav-text-color: #000000;
    --theme-link-label-color: #000000;
    --theme-accent-label-color: #000000;
    --theme-warning-label: #000000;
    --theme-message-label: #000000;
    --custom-mainpage-text-color: #F4D456;
    --custom-header-text-color: #80FFBA;
    --custom-shadow-color: #687478;
    --custom-border-color: #9a9a9a;
    --custom-border-color-2: #30f9ff;
    --custom-gradient-start-color: #000000;
    --custom-gradient-end-color: #0F1C25;
    --custom-infobox-color: #133337;
    --custom-infobox-color--rgb: 19, 51, 55;
    --custom-tooltip-color:  #0e1e21;
    --custom-button-background-color: #3f0b2c;
    --custom-button-focus-color: #5F1143;
}

.theme-fandomdesktop-light {
    --custom-mainpage-text-color: #F4D456;
    --custom-header-text-color: #35cdbe;
    --custom-shadow-color: #3bc27b;
    --custom-border-color: #a9a9a9;
    --custom-border-color-2: #30f9ff;
    --custom-gradient-start-color: #169f98;
    --custom-gradient-end-color: #2adac5;
    --custom-infobox-color: #133337;
    --custom-infobox-color--rgb: 19, 51, 55;
    --custom-tooltip-color:  #0e1e21;
    --custom-button-background-color: #1e8560;
    --custom-button-focus-color: #31d89b;
}

.main-container {
    background-attachment: fixed;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
}

.theme-fandomdesktop-dark .main-container {
    background-image: url('https://static.wikia.nocookie.net/wildstar_gamepedia/images/b/bd/Body_bg.jpg');
}

.theme-fandomdesktop-light .main-container {
    background-image: url('https://static.wikia.nocookie.net/wildstar_gamepedia/images/4/43/Body_bg_light.jpg');
}

/* Hide main page header */
.page-header__title {
    display:none;
}

/* Front page appearance styles */
.fpbox .heading,
.fpbox .mainheading {
    border: 0;
    border-bottom: 1px solid var(--theme-border-color);
}

.fpbox {
    background: rgba(var(--theme-body-background-color--rgb), 0.05); /* alternative rgba(var(--theme-page-dynamic-color-1--rgb), 0.05) */
    border: 1px solid var(--theme-border-color);
    box-shadow: 0 2px 5px var(--theme-border-color);
}

.fplink:not(.fplink-plain) {
    background: rgba(var(--theme-body-background-color--rgb),0.3); /* alternative rgba(var(--theme-page-dynamic-color-1--rgb), 0.3) */
    border: 1px solid var(--theme-border-color);
}

.fplink-fullwidth .fplink:not(.fplink-plain) {
    background: rgba(var(--theme-body-background-color--rgb), 0.4); /* alternative rgba(var(--theme-page-dynamic-color-1--rgb), 0.4) */
}

.linkslabel {
    border-bottom: 2px solid var(--theme-border-color);
}

/* Content */
.theme-fandomdesktop-dark .page__main {
    background: url('https://static.wikia.nocookie.net/wildstar_gamepedia/images/9/98/Bg.jpg/revision/latest') left top repeat var(--theme-page-background-color);
    border: none;
    box-shadow: 0 2px 12px var(--theme-page-text-color);
}

h1, h2 {
    color: var(--custom-header-text-color);
    border-bottom: 1px solid var(--theme-border-color);
}

h3, h4, h5, h6 {
    color: var(--custom-header-text-color);
}

#catlinks,
div#toc,
div.toc,
.mw-warning,
ul#filetoc {
    background: rgba(var(--theme-body-background-color--rgb), 0.25);
    border: 1px solid var(--theme-border-color);
    box-shadow: 0 2px 5px var(--custom-shadow-color);
}

.CategoryTreeToggle {
    color: var(--theme-link-color);
}

code {
    background: transparent;
}

pre,
.mw-code {
    background-color: var(--theme-border-color);
    border: 1px dashed var(--theme-accent-color--hover)
    color: var(--theme-link-label-color);
    overflow: auto;
}

fieldset {
    background-color: rgba(var(--theme-body-background-color--rgb), 0.25);
    border: 1px solid var(--custom-border-color);
    box-shadow: 0 2px 5px var(--custom-shadow-color);
}

hr {
    border: none;
    border-bottom: 1px solid #629C81;
}

/* Anchors */
a:visited,
label.toctogglelabel {
    color: #00DDE0;
}

.theme-fandomdesktop-dark a.extiw,
.theme-fandomdesktop-dark a.external,
.theme-fandomdesktop-dark .page__main a.extiw,
.theme-fandomdesktop-dark .page__main a.external {
    color: #00FFFF;
}

.theme-fandomdesktop-dark a.extiw:visited,
.theme-fandomdesktop-dark a.external:visited {
    color: #60A09F;
}

/* Site notice styles */
#localNotice {
    background: rgba(var(--theme-body-background-color--rgb), 0.25) none repeat scroll 0 0;
    border: 1px solid var(--theme-border-color);
    color: var(--theme-page-text-color);
    margin: 0 0 10px;
    padding: 3px 6px;
    box-shadow: 0 0 5px var(--theme-page-text-color);
}

body.mw-notification {
    background: var(--theme-page-background-color);
    border: 1px solid var(--theme-border-color);
    color: var(--theme-page-text-color);
}

/* Interface styles */
input,
select,
textarea {
    background: var(--theme-border-color);
    border: 1px solid var(--theme-accent-color--hover);
    color: var(--theme-link-label-color);
}

button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
    background: var(--custom-button-background-color);
    border-radius: 5px;
    border: rgba(var(--theme-body-background-color--rgb), 0.1);
    border-bottom: rgba(var(--theme-body-background-color--rgb), 0.25);
    box-shadow: 0 1px 0 rgba(var(--theme-page-dynamic-color-1--rgb), 0.1) inset, 0 1px 2px rgba(var(--theme-body-background-color--rgb), 0.05);
    color: var(--theme-page-dynamic-color-1);
    margin: 0 3px;
    padding: 1px 5px;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
    background: var(--custom-button-focus-color);
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
    background: #2A081E;
    border: rgba(var(--theme-body-background-color--rgb), 0.1);
    border-top: rgba(var(--theme-body-background-color--rgb), 0.25);
}

/* Thumbnails and galleries and image file history */
div.thumb {
    background: transparent !important;
    border: none !important;
}

div.thumbinner {
    background: transparent;
    border: 1px solid var(--theme-page-text-color);
    box-shadow: 0 2px 5px var(--custom-shadow-color);
    margin: 0 0 10px 0;
    padding: 3px 5px !important;
}

li.gallerybox {
    border: 2px solid #02535A;
    box-shadow: 0 2px 5px var(--custom-shadow-color);
    margin: 0 0 10px 0;
    padding: 3px 6px;
}

li.gallerybox div.thumb {
    background: transparent;
    border: 1px solid var(--theme-page-text-color);
}

html .thumbimage {
    border: 1px solid var(--theme-page-text-color);
}

div.tright {
    clear: right;
    float: right;
}

/* Preferences */
#preferences {
    background: rgba(var(--theme-body-background-color--rgb), 0.25);
    border: 1px solid var(--theme-border-color);
    box-shadow: 0 2px 5px var(--custom-shadow-color);
}

#preftoc li:first-child {
    margin-left: 5px;
    margin-bottom: 1px;
}

#preftoc,
#preftoc li,
#preftoc li a {
    background: transparent !important;
}

#preftoc li a {
    color: var(--theme-link-color);
}

#preftoc li.selected {
    background: rgba(var(--theme-body-background-color--rgb), 0.25) !important;
    border: 1px solid var(--theme-border-color);
}

#preftoc li.selected a,
#preftoc li a:hover,
#preftoc li.selected a:hover {
    color: #99FEFF;
}

#preferences legend {
    color: var(--theme-border-color);
}

#preferences fieldset {
    background: transparent;
    border: none;
    box-shadow: none;
    border-top: 1px solid var(--custom-border-color);
}

/* Page history */
#pagehistory li {
    background: transparent;
    border: none;
    padding: 1px 4px;
}

#pagehistory li.selected {
    background: rgba(var(--theme-body-background-color--rgb), 0.25);
    border: 1px solid var(--theme-border-color);
    padding: 0 3px;
}

table.diff,
td.diff-otitle,
td.diff-ntitle {
    background: transparent !important;
}

/* Color fix for advanced search options box */
.mw-search-profile-tabs {
    background: rgba(var(--theme-body-background-color--rgb), 0.25);
    border: 1px solid var(--theme-border-color);
    box-shadow: 0 2px 5px var(--custom-shadow-color);
}

.mw-search-profile-tabs div.search-types ul li.current a {
    color: #99FEFF;
}

fieldset#mw-searchoptions {
    background: rgba(var(--theme-body-background-color--rgb), 0.25);
    border-color: var(--theme-border-color) !important;
    box-shadow: 0 2px 5px var(--custom-shadow-color);
}

fieldset#mw-searchoptions div.divider {
    border-color: var(--theme-border-color);
}

/* Tables */
table.wikitable {
    background: transparent;
    border: none;
    box-shadow: 0 2px 5px var(--custom-shadow-color);
}

table.wikitable > tr > th,
table.wikitable > * > tr > th {
    background: rgba(var(--theme-body-background-color--rgb), 0.25);
    border: 1px solid var(--theme-page-text-color);
    color: var(--theme-border-color);
}

table.wikitable > tr > td,
table.wikitable > * > tr > td {
    border: 1px solid var(--theme-page-text-color);
}

.wikitable th {
    background: rgba(var(--theme-body-background-color--rgb), 0.25);
    border: 1px solid var(--theme-page-text-color);
    color: var(--theme-border-color);
    padding: 0.2em;
}

.wikitable td {
    border: 1px solid var(--theme-page-text-color);
    padding: 0.2em;
}

table.mw_metadata {
    background: transparent;
    border: none;
    box-shadow: 0 2px 5px var(--custom-shadow-color);
}

table.mw_metadata th {
    background: rgba(var(--theme-body-background-color--rgb), 0.25);
    border: 1px solid var(--theme-page-text-color);
    color: var(--theme-border-color);
}

table.mw_metadata td {
    background: transparent;
    border: 1px solid var(--custom-border-color);
}

.TablePager {
    background: transparent;
    border: none;
    box-shadow: 0 2px 5px var(--custom-shadow-color);
    padding: 0 0.15em;
}

.TablePager th {
    background: rgba(var(--theme-body-background-color--rgb), 0.25);
    border: 1px solid var(--theme-page-text-color);
    color: var(--theme-border-color);
    padding: 0 0.15em;
}

.TablePager tr:hover td {
    background-color: rgba(var(--theme-page-dynamic-color-1--rgb), 0.15) !important;
}
 
.TablePager td {
    background: transparent !important;
    border: 1px solid var(--theme-page-text-color);
}

table.jquery-tablesorter th.headerSort {
    background: url("https://static.wikia.nocookie.net/commons_hydra/images/3/36/Sort_both_white.gif") right center no-repeat rgba(var(--theme-body-background-color--rgb), 0.25) !important;
}

table.jquery-tablesorter th.headerSortUp {
    background: url("https://static.wikia.nocookie.net/commons_hydra/images/8/82/Sort_up_white.gif") right center no-repeat rgba(var(--theme-body-background-color--rgb), 0.25) !important;
}

table.jquery-tablesorter th.headerSortDown {
    background: url("https://static.wikia.nocookie.net/commons_hydra/images/5/56/Sort_down_white.gif") right center no-repeat rgba(var(--theme-body-background-color--rgb), 0.25) !important;
}

/* Wiki editor fixes */
div.wikiEditor-ui,
div.wikiEditor-ui-buttons,
div.wikiEditor-ui-controls,
div.wikiEditor-ui-tabs,
div.wikiEditor-ui-tabs div {
    background: transparent;
    border: none;
}

div.wikiEditor-ui-tabs div a,
div.wikiEditor-ui-toolbar .tabs span.tab a,
div.wikiEditor-ui-toolbar .booklet .index div {
    color: var(--theme-link-color);
}

div.wikiEditor-ui-tabs {
    margin-bottom: 1px;
}

div.wikiEditor-ui-tabs div.current {
    background: var(--theme-page-background-color);
    border: 1px solid var(--theme-page-text-color);
}

div.wikiEditor-ui-tabs div.current a {
    color: var(--theme-page-text-color);
}

div.wikiEditor-ui .wikiEditor-ui-view,
div.wikiEditor-ui-toolbar .group,
div.wikiEditor-ui-toolbar .sections .section,
div.wikiEditor-ui-toolbar .page-characters div span,
div.wikiEditor-ui-toolbar .page-table td {
    border-color: var(--theme-page-text-color);
}

div.wikiEditor-ui-toolbar,
div.wikiEditor-ui-toolbar .sections .section,
div.wikiEditor-ui-toolbar .booklet .pages {
    background: transparent;
}

div.wikiEditor-ui-toolbar .booklet .index .current,
div.wikiEditor-ui-toolbar .page-characters div span:hover {
    background: var(--theme-page-background-color);
    border-color: var(--theme-page-text-color);
    color: var(--theme-border-color);
}
div.wikiEditor-ui-toolbar .page-table th {
    color: var(--custom-header-text-color);
}

div.wikiEditor-preview-contents {
    background: transparent;
}

div.editOptions {
    background: var(--theme-page-background-color);
    border-color: var(--theme-page-text-color);
}

/* Interwiki table bg fix for active entries */
.mw-interwikitable-local,
.mw-interwikitable-trans {
    text-shadow: 1px 1px 1px var(--theme-link-label-color);
}

/* Copyright images tweak */
.theme-fandomdesktop-dark .copyright-icon {
    background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/thumb/5/58/Copyright_darkwiki.png/32px-Copyright_darkwiki.png");
    background-size: 100%;
    height: 32px;
    width: 32px;
}

.theme-fandomdesktop-light .copyright-icon {
    background: url("https://static.wikia.nocookie.net/commons_hydra/images/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px;
}

.theme-fandomdesktop-dark .feature {
    background: rgba(var(--theme-accent-dynamic-color-1--rgb), 0.01);
    border: 1px solid rgba(var(--theme-accent-dynamic-color-1--rgb), 0.05);
    border-radius: 5px;
    padding: 10px;
}

.theme-fandomdesktop-light .feature {
    background: rgba(var(--theme-page-dynamic-color-1--rgb), 0.05);
    border: 1px solid rgba(var(--theme-page-dynamic-color-1--rgb), 0.2);
    border-radius: 5px;
    padding: 10px;
}

/* The following section is necessary for most of the Notice templates */
/* for "edit this page" tab and "discussion" tab etc */
.pagetab {
     border-style: solid solid none;
     border-width: thin;
     border-color: var(--theme-border-color);
     padding: 0.25em 1em 0;
     font-size: 95%;
}

.ambox {
    background-color: var(--theme-page-text-mix-color-95);
    border-bottom-color: var(--theme-link-dynamic-color-2);
    border-right-color: var(--theme-link-dynamic-color-2);
    border-top-color: var(--theme-link-dynamic-color-2);
    border-collapse: collapse;
    font-size: 95%;
    margin: 0 auto 2px auto;
    width: 80%;
}

.ambox-gray {
    border-left-color: #383838;
}

.ambox.ambox-tiny {
    font-size: 90%;
    margin: 2px 0;
    width: auto;
}

.ambox + .ambox {
     margin-top: -2px;
}

.ambox-text {
     padding: 0.25em 0.5em;
}

.ambox-image {
     padding: 2px 0px 2px 0.5em;
     text-align: center;
     width: 60px;
}

.ambox-tiny .ambox-image {
     padding: 2px 0.5em;
     text-align: left;
     width: auto;
}

/* Ambox colors */
.ambox-blue {
     border-left: 10px solid #1e90ff;
}

.ambox-red {
     border-left: 10px solid #b22222;
}

.ambox-orange {
     border-left: 10px solid #f28500;
}

.ambox-yellow {
     border-left: 10px solid #f4c430;
}

.ambox-purple {
     border-left: 10px solid #9932cc;
}

.ambox-gray {
     border-left: 10px solid #bba;
}

.ambox-green {
     border-left: 10px solid #228b22;
}

/* Ambox small text */
.amsmalltext {
     font-size: smaller;
     margin-left: 0.8em;
     margin-top: 0.5em;
}


/* Navbox template style */
/* Navbox container style */
.navbox {
    width: 100%;
    margin: auto;
    padding: 1px;
    clear: both;
    font-size: 88%;
    text-align: center;
    border: 1px solid var(--theme-border-color);
}

.navbox-inner,
.navbox-subgroup {
    width: 100%;
}

/* Title, group and above/below styles */
.navbox-group,
.navbox-title,
.navbox-abovebelow {
    padding: 0.25em 1em;
    line-height: 1.5em;
    text-align: center;
}

/* Group style */
th.navbox-group {
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}

.navbox,
.navbox-subgroup {
    background-color: transparent;
}

.navbox-list {
    line-height: 1.8em;
    border-color: transparent;	/* Must match background color */
}

/* Level 1 color */
.navbox th,
.navbox-title {
    background-color: rgba(var(--theme-body-background-color--rgb), 0.25);
    border: 0 solid var(--theme-link-color);
    box-shadow: 0 0.1em 0.3em rgba(104, 116, 120, 1);
    color: var(--custom-mainpage-text-color);
}

/* Level 2 color */
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    background: rgba(var(--theme-body-background-color--rgb), 0) linear-gradient(to bottom, var(--custom-gradient-start-color) 0px, var(--custom-gradient-end-color) 100%) repeat scroll 0 0;
}

/* Level 3 color */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #C6AD81;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}

/* Even row striping */
.navbox-even {
    background-color: rgba(var(--theme-page-dynamic-color-1--rgb), 0.1);
}

/* Single pixel border between adjacent navboxes */
table.navbox + table.navbox {
    margin-top: -1px;
}

/* Default styling for Navbar template */
.navbar {
    font-size: 88%;
    font-weight: normal;
}

/* Navbar styling when nested in infobox and navbox */
.navbox .navbar {
    display: block;
    font-size: 100%;
}

.navbox-title .navbar {
    float: left;
    text-align: left;
    margin-right: 0.5em;
    width: 6em;
}

/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}

.navbox .mw-collapsible-toggle {
    width: 6em;
}

/* .navbox .mw-collapsible-toggle a, */
.wikitable .mw-collapsible-toggle a {
    color: var(--theme-link-color) !important;
}

/* Infobox styles */
#bodyContent .stdinfobox {
    background: rgba(var(--theme-body-background-color--rgb), 0.25);
    border: 1px solid var(--theme-border-color);
    box-shadow: 0 2px 5px var(--custom-shadow-color);
    color: var(--theme-page-text-color);
    float: right;
    margin: 0 0 10px 20px;
    padding: 3px 6px;
    vertical-align: top;
    width: 280px;
}

#bodyContent .stdinfobox2 {
    clear: right;
    margin-top: 10px;
}

#bodyContent .stdinfobox .title {
    background: transparent; 
    border: none;
    border-bottom: 1px solid var(--theme-border-color);
    color: var(--theme-border-color);
    font-size: 150%;
    text-align: left;
    margin: 0 0 8px 0;
    padding: 0 0 5px 0;
    overflow: auto;
}

#bodyContent .stdinfobox .caption {
    text-align: center;
}

#bodyContent .stdinfobox .caption {
    background: transparent;
    color: var(--theme-page-text-color);
    font-size: 94%;
    text-align: center;
    padding: 0 3px 1px 3px;
    margin: 0 0 8px 0;
}

#bodyContent .stdinfobox .body {
    margin: 0;
    padding: 0 5px 5px 5px;
}

#bodyContent .stdinfobox .image {
    text-align: center;
    padding: 10px 0 0 0;
    margin: 0;
}

#bodyContent .stdinfobox .image .image {
    padding: 0;
    margin: 0;
}

#bodyContent .stdinfobox .image img {
    margin: 0;
    padding: 0;
}

#bodyContent .stdinfobox .image .image img {
    margin: 0;
    padding: 0;
}

#bodyContent .stdinfobox table {
    width: 100%;
}

#bodyContent .stdinfobox table tr th {
    color: var(--custom-mainpage-text-color);
    text-align: left;
    vertical-align: top;
    padding: 0 3px 1px 0;
    white-space: nowrap;
    width: 1%;
}

#bodyContent .stdinfobox table tr th.wide {
    padding: 0 0 1px 0;
}

#bodyContent .stdinfobox table tr td {
    color: var(--theme-page-text-color);
    text-align: left;
    vertical-align: center;
    padding: 0 0 1px 3px;
}

#bodyContent .stdinfobox table tr td.wide {
    padding: 0 0 1px 0;
}

#bodyContent .stdinfobox table tr td.wide.indent {
    padding: 0 0 1px 2em;
}

#bodyContent .stdinfobox table tr th.header {
    background: transparent; 
    border: none;
    border-bottom: 1px solid var(--theme-border-color);
    color: var(--theme-border-color);
    font-size: 132%;
    text-align: center;
    margin: 0 0 8px 0;
    padding: 0 0 5px 0;
}

#bodyContent .stdinfobox table tr td.listlabel {
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--theme-border-color);
    color: var(--theme-border-color);
    font-size: 116%;
    text-align: center;
    margin: 0 0 8px 0;
    padding: 0 0 5px 0;
}

#bodyContent .stdinfobox table tr td.listentries {
    color: var(--theme-page-text-color);
    text-align: center;
    margin: 0 0 1px 0;
    padding: 0 0 0 0; 
}

.property-page-results .value-row:hover {
    background-color: rgba(255,255,255,0.1);
}

table.cargoTable {
    color: #E0E0E0;
    background: #181818;
    border: 1px solid #383838;
    padding: 5px;
    margin: 0.5em 0em 1em 0.5em;
}

table.cargoTable tr:nth-child(even), table.cargoTable td.even {
    background: transparent;
}

table.cargoTable > tbody > tr:nth-child(2n+1), table.cargoTable td.odd {
    background-color: #202020;
}

table.cargoTable td {
    border: 0;
}

.wildstar {
    background: -moz-linear-gradient(top, var(--custom-gradient-start-color) 0, var(--custom-gradient-end-color) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--custom-gradient-start-color)), color-stop(100%, var(--custom-gradient-end-color)));
    background: -webkit-linear-gradient(top, var(--custom-gradient-start-color) 0, var(--custom-gradient-end-color) 100%);
    background: -o-linear-gradient(top, var(--custom-gradient-start-color) 0, var(--custom-gradient-end-color) 100%);
    background: -ms-linear-gradient(top, var(--custom-gradient-start-color) 0, var(--custom-gradient-end-color) 100%);
    background: linear-gradient(to bottom, var(--custom-gradient-start-color) 0, var(--custom-gradient-end-color) 100%);
    border: 0px solid var(--custom-border-color-2);
    box-shadow: var(--custom-shadow-color) 0 0.1em 0.3em;
}

.header {
    color: var(--custom-mainpage-text-color);
    font-size: 130%;
    padding: 8px;
    text-align: center;
}

#sidebar .infobox {
    background: var(--theme-link-label-color);
    border: 1px solid var(--theme-page-text-color);
    clear: right;
}

/* Infobox template style */
.infobox {
    background-color: rgba(var(--custom-infobox-color--rgb), 0.4);
    border: 2px solid var(--custom-infobox-color);
    border-radius: 4px;
    box-shadow: 0 0.5em 1em var(--custom-infobox-color);
    color: var(--theme-page-text-color);
    margin-bottom: 0.5em;
    margin-left: 1em;
    padding: 0.2em;
    float: right;
    clear: right;
}

.infobox td,
.infobox th {
   vertical-align: top;
}

.infobox caption {
   font-size: larger;
   margin-left: inherit;
}

.infobox.bordered {
   border-collapse: collapse;
}

.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid var(--theme-page-text-color);
}

.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

.tooltip-content {
    background-color: #0e1e21;
}
Community content is available under CC BY-NC-SA unless otherwise noted.