Stormbound: Kingdom Wars Wiki
Don't have an account?
Register
Advertisement
Register

Fandomdesktop.css

MediaWiki page
Revision as of 15:05, 29 August 2021 by FrozenEarth (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Sign in to edit

CSS and Javascript changes must comply with the wiki design rules.

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Clear the cache in Tools → Preferences
/* Visual editor */
.oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
    background-color: #282828;
    border: 1px solid #383838;
    box-shadow: 0 2px 2px 0 rgba(255,255,255,0.2);
}
.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title,
.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
    color: #e0e0e0;
}

.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover,
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-outlineOptionWidget.oo-ui-outlineOptionWidget-level-0.oo-ui-iconElement.oo-ui-labelElement:hover {
    background-color: rgba(255,255,255,0.2);
}

.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator,
.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-iconElement-icon {
    filter: invert(100%);
}

.oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
    filter: unset;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
    border-color: #ffffff;
}

.oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active {
    background-color: rgba(255,255,255,0.2);
}

.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon,
.oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label,
.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon {
    filter: invert(100%);
}

.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:hover {
    background-color: #282828;
}

.oo-ui-indicator-down {
    background-image: linear-gradient(transparent,transparent),url(https://static.wikia.nocookie.net/commons_hydra/images/0/00/Light_down_arrow.svg);
    filter: unset;
}

.ve-ui-mwSaveDialog-options {
    background-color: #282828;
}

.ve-ui-mwSaveDialog-license {
    color: #e0e0e0;
}

/* Page history tweaks */
td.diff-addedline .diffchange {
    background: none;
    color: #bfd959;
}

td.diff-deletedline .diffchange {
    background: none;
    color: #e62444;
}

td.diff-addedline,
td.diff-deletedline {
    border-color: transparent;
}

/* Interwiki page legend tweak */
.mw-collapsible-toggle.mw-collapsible-toggle-expanded a,
.mw-collapsible-toggle.mw-collapsible-toggle-collapsed a {
    color: #ffffff;
}

/* Notifications */
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper,
.mw-echo-ui-crossWikiNotificationItemWidget-group,
.mw-echo-ui-bundleNotificationItemWidget-group {
    background: inherit;
}

/* for "edit this page" tab and "discussion" tab etc */
.pagetab {
     border-style: solid solid none;
     border-width: thin;
     border-color: #808080;
     padding: 0.25ex 1ex 0ex;
     font-size: 95%;
}

.ambox {
    background-color:rgba(255,255,255,0.1);
    border-right:1px solid #DED7A4;
    border-top:1px solid #DED7A4;
    border-bottom:1px solid #DED7A4;
    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;
}

/* copyright images tweak */
.skin-hydradark .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;
}

.feature {
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    padding: 10px;
}

/* Navbox template style */
table.navbox {
    border: 1px solid #505050;
    clear: both;
    font-size: 88%;
    margin: auto;
    padding: 1px;
    text-align: center;
    width: 100%; 
}

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

.navbox-title,
.navbox-abovebelow,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

.navbox-group {
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

/* Base background */
.navbox, .navbox-subgroup {
    background: rgba(0, 0, 0, 0.1);
}

.navbox-list {
    border-color: rgba(0, 0, 0, 0.1); /* Must match background color */
}

/* Level 1 color */
.navbox-title,
table.navbox th {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

/* Level 2 styling */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

/* Level 3 styling */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
}

/* Even row striping */
.navbox-even {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}
/* End of new Navbox styling */

/*****************
* Base framework *
******************/
/* body {
 background: url(https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/9/98/Bg.jpg/revision/latest); [[File:Bg.jpg]]
 background-repeat:repeat;
 background-size:cover;
 background-color:#213943;
} 

body .theme-fandomdesktop-light {
	background-image: none;
	background-color: var(--theme-body-background-color);
}

body .theme-fandomdesktop-dark {
	background-image: none;
	background-color: var(--theme-body-background-color);
} */

body {
	background-image: none;
	background-color: var(--theme-body-background-color);
}

div#content,
div#content table,
div#footer {
  color:#CEC69C;
}

div#content,
div#footer {
  border:2px solid #e6d7ad;
  border-image:url(https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/a/af/Border_image.png/revision/latest) stretch;
  border-image-slice:19;
  border-image-width:15px;
  background-color:rgba(255,255,255,0.1);
  padding: 15px 25px;
}

div#footer {
  margin-top:4em;
  margin-bottom:2em;
}

.theme-fandomdesktop-dark #content {
  border:2px solid #e6d7ad;
  border-image: url(https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/5/54/Border_image_dark.png/revision/latest?cb=20210602185144) stretch;
  border-image-slice:19;
  border-image-width:15px;
  background-color: rgba(100,100,100,0.05);
  padding: 15px 25px;
}

.theme-fandomdesktop-light #content {
  border:2px solid #e6d7ad;
  border-image:url(https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/a/af/Border_image.png/revision/latest) stretch;
  border-image-slice:19;
  border-image-width:15px;
  background-color:rgba(255,255,255,0.05);
  padding: 15px 25px;
}

div#footer ul li {
  color:#CEC69C;
}

#mw-page-base {
 background:transparent !important 
}

#pageWrapper {
  margin-right: 10px;
}

#mw-notification-area {
  background-color:rgba(255,255,255,0.1);
}
/*********************
* End base framework *
**********************/

/********
* Links *
*********/
a,
a:visited,
div#content a.extiw,
div#content a.extiw:visited,
div#content a.external,
div#content a.external:visited,
.pseudo-link {
    color:#ddd;
}

div#content a.new {
    color:#E50B0B;
}

#content code a:not(.new) {
    color:#0645ad;
    text-shadow:none;
}

.suggestions a {
  text-shadow:none;
}
/************
* End links *
*************/

/************
* Main logo *
*************/
#p-logo a {
    background-size: contain;
}
/****************
* End main logo *
*****************/

/***********
* headings *
************/
h1#firstHeading, h2, h3, h4, h5, h6, h7, .fakeh2 {
  color:#fff;
}

h2 {
  border-bottom:1px solid #a2a9b1;
}

.fakeh2 {
  border-bottom:1px solid #a2a9b1;
  font-size: 1.5em;
  line-height: 1.3;
  margin-bottom: 0.25em;
  margin-top: 1em;
  padding: 0;
}

h1#firstHeading {
	padding-bottom: 5px;
    border-bottom:1px solid #a2a9b1;
}

h1#firstHeading::before {
   background: url("https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/d/da/Title_decoration_left.png/revision/latest");
   background-size: 0.8em 0.4em;
   display: inline-block;
   width: 0.8em; 
   height: 0.4em;
   content:"";
   vertical-align:middle;
   margin-right:0.4em;
   margin-bottom: 5px;
}

h1#firstHeading::after {
   background: url("https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/8/8d/Title_decoration_right.png/revision/latest");
   background-size: 0.8em 0.4em;
   display: inline-block;
   width: 0.8em; 
   height: 0.4em;
   content:"";
   vertical-align:middle;
   margin-left:0.4em;
   margin-bottom: 5px;
}

div#mw-content-text h2 span.mw-headline::before,
.fakeh2::before {
	background: url(https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/d/da/Title_decoration_left.png/revision/latest);
	background-size: 0.8em 0.4em;
	display: inline-block;
	width: 0.8em;
	height: 0.4em;
	content: "";
	vertical-align: middle;
	margin-right: 0.4em;
	margin-bottom: 5px;
}

div#mw-content-text h2 span.mw-headline::after,
.fakeh2::after {
	background: url(https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/8/8d/Title_decoration_right.png/revision/latest);
	background-size: 0.8em 0.4em;
	display: inline-block;
	width: 0.8em;
	height: 0.4em;
	content: "";
	vertical-align: middle;
	margin-left: 0.4em;
	margin-bottom: 5px;
}

/***************
* End headings *
****************/

/**************
* Vector Tabs *
***************/
div.vectorTabs li span,
div#mw-head div.vectorMenu h3 {
    background:
        url("https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/a/ab/Box_decoration_left.png/revision/latest") no-repeat scroll left border-box, /* [[File:Box decoration left.png]] */
        url("https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/f/fb/Box_decoration_right.png/revision/latest") no-repeat scroll right border-box; /* [[File:Box decoration right.png]] */
    background-size:contain;
    display: inline-block;
    padding:0.16em 0.9em;
    height: 1.3em;
    text-align: center;
    color: #fff;
    text-transform:uppercase;
}

div.vectorTabs li span a {
  border-top:1px solid #DED7A4;
  border-bottom:1px solid #DED7A4;
  margin-top:-0.17em;
  padding-top:0.3em;
  padding-bottom:0.24em;
  height:1.3em;
}

div.vectorTabs li:not(.selected) span a:hover,
div#mw-head div.vectorMenu h3 span:hover {
    text-decoration:none;
    background:radial-gradient(#827E60 1%, #DED7A4 80%);
    color:#212121;
}

div.vectorTabs li.selected span a {
    background-color:#DED7A4;
    color:#000 !important;
    text-shadow:none;
}

div.vectorTabs,
div.vectorMenu {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    padding-top:5px;
}

div.vectorTabs li.selected,
div.vectorTabs ul,
div.vectorTabs ul li {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
}

div.vectorTabs li span {
    margin: 0 3px;
}

div#p-search {
    margin-top:-6px;
    padding-right:10px;
}

div#mw-head div.vectorMenu h3 {
    margin: 0 3px;
}

div#mw-head div.vectorMenu h3 span {
  border-top:1px solid #DED7A4;
  border-bottom:1px solid #DED7A4;
  margin-top:-0.175em;
  margin-right:0;
  padding:0.24em 0.5em
}

div.vectorMenu h3 a {
    display: none;
}

div.vectorTabs li a,
div.vectorTabs li a span,
div.vectorMenu h3 span {
     color: #fff;
     font-weight: bold;
}

div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
    color: #fff;
    font-weight: bold;
}

div#mw-head div.vectorMenu h4,
div#p-variants.vectorMenu #mw-vector-current-variant {
    color: #000;
    font-weight: bold;
    padding-top: 0.2em;
    text-shadow: none;
}

div#mw-head li#ca-watch a,
div#mw-head li#ca-unwatch a {
  margin-top: -0.17em;
  padding-top: 0.3em;
  padding-bottom: 0.24em;
  height: 1.3em;
  text-shadow:none;
  color:transparent;
}

#ca-unwatch.icon a:hover,
#ca-watch.icon a:hover {
  background-repeat:no-repeat;
}

div.vectorMenu div.menu {
    background-color:#213943;
    font-weight:bold;
    text-shadow:-1px -1px #000000;
    border:2px solid #e6d7ac;
}

div.vectorMenu div.menu ul {
  background-color:transparent;
}

div.vectorMenu div.menu a {
  color:#fff;
  padding:0.625em;
  font-weight:bold;
  text-decoration:none;
}

div.vectorMenu div.menu li:hover {
  background-color:rgba(255,255,255,0.2);
  box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
}

div#p-cactions {
  height: 2.5em;
}

div#p-cactions .menu {
  top: 2.4em;
  left: 0em;
}

div#p-sharing .menu {
  margin-left: .5em;
  min-width: 0px;
  width: 48px;
  top: 2.5em;
}

div.vectorMenu h3 span::after {
    display:none;
}
/******************
* End Vector Tabs *
*******************/

/**********
* Sidebar *
***********/
div#mw-panel div#p-claimWiki {
  margin:0 0.6em 0 0.4em;
}

#mw-panel.collapsible-nav .portal#p-claimWiki {
	margin: 0 0.2em 1em 0;
}

.claimSidebar {
  background-size:contain;
  background-repeat:no-repeat;
  background-position: center;
  width:100%;
}

div#mw-panel div#p-claimWiki.portal div.body {
  width:100%;
}

div#mw-panel div.portal:not(#p-claimWiki):not(#p-socialProfiles):not(#p-sitePromos),
div#mw-panel div.portal.collapsed {
  border:2px solid #e6d7ad;
  border-image:url(https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/a/af/Border_image.png/revision/latest) stretch;
  border-image-slice:19;
  border-image-width:0.5em;
 background-color:rgba(255,255,255,0.1);
 margin-bottom:0.5em;
}

div#mw-panel div.portal div.body ul li a,
div#mw-panel div.portal div.body ul li a:visited,
div#mw-panel div.portal div.body ul li a:link,
#mw-panel.collapsible-nav a:visited,
#mw-panel.collapsible-nav .portal h3 a,
#mw-panel.collapsible-nav .portal h3 a:visited,
#mw-panel.collapsible-nav div.portal h3 a,
#mw-panel.collapsible-nav div.portal h3 a:visited,
#mw-panel.collapsible-nav .portal.collapsed h3 a,
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {
  font-weight:bold;
  color:#CEC69C;;
}

div#mw-panel div.portal div.body ul li a:hover {
  color:#847F64;
  text-decoration:none;
}

#mw-panel.collapsible-nav .portal div.body ul,
#mw-panel .portal div.body ul{
  margin-left: -0.75em; 
  margin-right:0.15em;
  margin-bottom:0.3em;
}

#mw-panel.collapsible-nav .portal div.body ul li,
#mw-panel .portal div.body ul li {
  padding-left:0.2em;
  margin-left:10px;
  margin-right:10px
}

div#mw-panel div.portal h3:not(#p-socialProfiles-label):not(#p-sitePromos-label) {
  margin-top:0.2em;
  padding-top:2px;
  padding-bottom:7px;
  margin-left:0.2em;
  margin-right:0.5em;
  font-weight:bold;
  font-size:0.9em;
}

div#mw-panel div.portal.collapsed h3:not(#p-socialProfiles-label):not(#p-sitePromos-label) {
  border-bottom:0;
  margin-top:-1.5px;
  margin-bottom:-1.5px;
  padding-top:3px;
  padding-bottom:3px;
}

div#mw-panel div.portal.collapsed h3:not(#p-socialProfiles-label):not(#p-sitePromos-label):hover {
  text-decoration:none;
}

.skin-hydradark div#mw-panel div.portal h3 a,
.skin-hydradark div#mw-panel div.portal h3  {
  color:#CEC69C;
  font-weight:bold;
}

div#mw-panel.collapsible-nav .portal h3,
div#mw-panel.collapsible-nav .portal.collapsed h3 {
   background-position: right center;
   padding-left:10px;
}

div#mw-panel div.portal div.body {
    background-image:none;
}
div#mw-panel {
    top:9em;
    padding-top:0;
}

div#mw-panel div.claimSidebar {
    margin-left:0.3em;
}

.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 {
  background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/3/37/Sidebar_collapsed.png");
  background-position: right;
  background-repeat: no-repeat;
}

.skin-hydradark #mw-panel.collapsible-nav .portal h3 {
  background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/7/72/Sidebar_expanded.png");
  background-position: right;
  background-repeat: no-repeat;
}

.skin-hydradark div#mw-panel div.portal div.body {
  background-image:url(https://static.wikia.nocookie.net/commons_hydra/images/3/35/Underline_white.png);
  background-position-x:-3em;
}
/**************
* End Sidebar *
***************/

/***************************
* Table of contents  (TOC) *
****************************/
div#toc {
  background-color:rgba(100,100,100,0.3);
  border:2px solid #e6d7ac;
}
/**********
* End TOC *
***********/

/**************
* Preferences *
***************/
.client-js div#preferences {
    background:rgba(100,100,100,0.1);
    border:3px solid #DED7A4;
}

.client-js #preftoc {
    background-color: rgba(255, 255, 255, 0.5);
    border: 0px;
}

.client-js #preftoc {
    margin-bottom:5px;
}

.client-js #preftoc,
.client-js #preftoc li, 
.client-js #preftoc li a,
.client-js #preftoc li {
    background-image: none;
    background-color: rgba(0, 0, 0, 0);
    color:#fff;
    font-weight:bold;
    text-shadow:-1px -1px 0px #000, 1px 1px 0px #000;
}

.client-js ul#preftoc {
    margin-left:-0.1em;
}

.client-js #preftoc li.selected a {
    background-image: none;
    color:#000;
    text-decoration:none;
    background-color:#DED7A4;
    padding-bottom:0;
    padding-top:0.3em;
    margin-top:-5px;
    text-shadow:none;
    padding-left:3px;
    padding-right:3px;
}

.client-js #preftoc li.selected {
  border:0;
  padding-right:0;
  background:
      url("https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/a/ab/Box_decoration_left.png/revision/latest") no-repeat scroll left border-box, /* [[File:Box decoration left.png]] */
      url("https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/f/fb/Box_decoration_right.png/revision/latest") no-repeat scroll right border-box; /* [[File:Box decoration right.png]] */
  background-size:contain;
  display: inline-block;
  padding:2px 13px;
  height: 19px;
  margin-top:2px;
}

.skin-hydradark #preferences legend,
.client-js .htmlform-tip {
  color: #A3A3A3;
}

.skin-hydradark #preferences fieldset.prefsection fieldset {
  border-color:#A3A3A3;
}

/******************
* End Preferences *
*******************/

/***************
* Page History *
****************/
#pagehistory li.selected {
  background-color:rgba(50,50,50,0.2);
}

table.diff,
td.diff-otitle,
td.diff-ntitle {
  background-color:rgba(0,0,0,0.3)
}
/*******************
* End Page History *
********************/

/**************
* diff colors *
***************/
.mw-plusminus-pos {
    color:#009100;
}

.mw-plusminus-neg {
    color:#C60000;
}

td.diff-addedline ins {
    color:#00660A;
}

td.diff-deletedline del{
    color:#7F0000;
}
/******************
* end diff colors *
*******************/

/********************
* wikitable styling *
*********************/
table.wikitable {
    border:3px solid #DED7A4;
    color:#CEC69C;
}

table.wikitable tbody tr th
table.wikitable > tr > th,
table.wikitable > * > tr > th {
    background-color:#213943;
    font-size:1.2em;
    border:1px solid #DED7A4;
}

table.wikitable > tbody > tr > td {
    border:1px solid #DED7A4;
}
/************************
* End wikitable styling *
*************************/

/*****************
* search styling *
******************/
.skin-hydradark div.mw-search-profile-tabs{
    border:1px solid #DED7A4;
    background:none;
}

div.mw-search-profile-tabs ul li.current {
    background-color:rgba(0,0,50,.3);
}

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

div.mw-search-profile-tabs .search-types {
    padding-left:0;
}

.skin-hydradark fieldset#mw-searchoptions {
    background-color:rgba(180,180,180,0.1);
    border:1px solid #DED7A4;
    border-top: 0px;
}
/*********************
* End search styling *
**********************/

/*****************
* Editor Styling *
******************/
div.wikiEditor-ui {
    background: rgba(0, 0, 0, 0);
    border:1px solid #DED7A4;
}
div.wikiEditor-ui-buttons {
    background-color: rgba(0, 0, 0, 0);
    border-top: medium none;
    margin-right: 5px;
}
div.wikiEditor-ui-controls {
    background-color: rgba(0, 0, 0, 0);
}
div.wikiEditor-ui-tabs div {
    font-weight:bold;
    background-color: #213943;
}
div.wikiEditor-ui-tabs div a {
    background-color:rgba(0,0,0,0);
    color:#fff;
}
div.wikiEditor-ui-tabs div.current {
    border: 1px solid #213943;
    background-color: #DED7A4;
}
#content div.wikiEditor-ui-tabs div.current a {
   color:#000;
   text-shadow:none;
}
div.wikiEditor-ui-toolbar {
   background: none;
   background-color:rgba(0,0,0,0.1);
}
div.wikiEditor-ui-toolbar .group {
    border-right: 1px solid #fff;
    
}
div.wikiEditor-ui-toolbar .group-search {
   border-left: 1px solid #fff;
   border-right: none;
}
div.wikiEditor-ui div.menu a, a.label{
    color:#000 !important;
}
.tab {
   border-color: transparent;
}

div.wikiEditor-ui-toolbar .tabs span.tab a,
div.wikiEditor-ui-toolbar .tabs span.tab a:visited {
   color: #E0E0E0;
}

div.wikiEditor-ui-toolbar .tabs span.tab a.current,
div.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
   color: #ffffff;
}

div.wikiEditor-ui-toolbar .group .tool-select .label {
   color: #000000;
}

div.wikiEditor-ui-toolbar .sections .section {
    background-color: rgba(0, 0, 0, 0.15);
    border-top: 1px solid #c6c6c6;
}

div.wikiEditor-ui-toolbar .booklet .index div {
    color: #7AB1CC;
}

div.wikiEditor-ui-toolbar .booklet .index .current {
    background-color: #0A0B0C;
    color: #e0e0e0;
}

div.wikiEditor-ui-toolbar .booklet .pages {
    background-color: #202C42;
}

div.wikiEditor-ui-toolbar .page-characters div span {
    border: 1px solid #404040;
    color: #e0e0e0;
}

div.wikiEditor-ui-toolbar .page-characters div span:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #505050;
    color: #7AB1CC;
}

div.wikiEditor-ui-toolbar div.tool a{
    text-shadow:none !important;
}

div.wikiEditor-ui-toolbar .page-table td {
    border-top: 1px solid #505050;
    color: #E0E0E0;
}

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

div.editOptions {  
    background-color: transparent;
    border-color: -moz-use-text-color #505050 #505050;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    color:#CEC69C;
}
/*********************
* End Editor Styling *
**********************/

/*******************
* Thumbnail tweaks *
********************/
div.thumbinner,
li.gallerybox div.thumb {
  border:1px solid #DED7A4;;
  background-color:#0C0F11;
  box-shadow:inset 0 0 4px 0px rgba(0,0,0,0.5);
}

ul.mw-gallery-nolines li.gallerybox div.thumb {
  border:none;
  background:none;
  box-shadow:none;
}
/***********************
* End thumbnail tweaks *
************************/

/***************************
* Category bar and filetoc *
****************************/
#catlinks,
ul#filetoc {
    border:1px solid #DED7A4;
    background:none;
}
/*******************************
* End Category bar and filetoc *
********************************/

/*********************
* tablepager styling *
**********************/
table.TablePager {
    border:3px solid #DED7A4;
}

table.TablePager th {
    background-color:#213943;
}

table.TablePager td {
    border:1px solid #DED7A4; 
}

.mw-datatable td {
    background-color:rgba(150,150,150,0.3);
}

#content .mw-datatable td a.new {
    color:#ff0000;
}
/*************************
* end tablepager styling *
**************************/

/* mw-warning tweak */
.mw-warning {
  background-color:rgba(50, 50, 100 ,0.4);
  border-color:#DED7A4;
}

/* Makes redirect notice legible */
#contentSub,
#contentSub2 {
	color: #A5A295;
}


/*******************************
* Front page appearance styles *
********************************/
.fpbox .heading,
.fpbox .mainheading {
  border: 0;
  border-bottom: 1px solid #505050;
}

.fpbox {
  background: rgba(0, 0, 0, 0.1);
  border: 2px solid #DED7A4;
  box-shadow: 0 0 0 2px #505050 inset;
}

.fplink:not(.fplink-plain) {
  background:
        url("https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/a/ab/Box_decoration_left.png/revision/latest") no-repeat scroll left border-box,
        url("https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/f/fb/Box_decoration_right.png/revision/latest") no-repeat scroll right border-box;
  background-size:contain;
  padding:0 13px;
  text-align: center;
  color: #fff;
  font-weight:bold;
  margin-bottom:0;
}

.fplink:not(.fplink-plain) a {
  background-color:#DED7A4;
  color:#000 !important;
}

.fplink a:hover {
  text-decoration:none;
  background:#827E60;/*fallback if the browser does not support gradient */
  background:radial-gradient(#827E60, #DED7A4);
}

.linkslabel {
    border-bottom: 2px solid #505050;
}

/***********************************
* End front page appearance styles *
************************************/


/**************************************
* Extra styles for Template:Card list *
***************************************/
td.cargo-card-table-mana,
td.cargo-card-table-strength,
td.cargo-card-table-movement{
  text-align:center;
}

table.cargo-card-table tr td {
  padding-top:0.4em;
  padding-bottom:0.3em;
}
/*************************
* end Template:Card list *
**************************/

/*****************************
* Tweaks to mw border colors *
******************************/
fieldset{
  border-color:#e6d7ac;
}

div.mw-warning-with-logexcerpt {
  border:1px solid #e6d7ac;
}
/*****************************
* end mw border color tweaks *
******************************/

/******************
* Infobox styling *
*******************/
.infobox {
  float: right;
  width: 23em;
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 0.5em;
  padding: 2px;
  background-color:#000;
  border:3px ridge #DED7A4
}

.infobox-table {
  width: 100%;
  padding: 0;
  background-color: #213943;
}

.infobox-table i {
  color:#DED7A4;
}

.infobox-header {
  padding: 0.1em;
  color: #fff;
  background-color:rgba(0,0,0,0.5);
  font-size: 140%;
  text-align: center;
  text-transform:uppercase;
}

.infobox-header::before {
   background: url("https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/d/da/Title_decoration_left.png/revision/latest");
   background-size: 0.8em 0.4em;
   display: inline-block;
   width: 0.8em; 
   height: 0.4em;
   content:"";
   vertical-align:middle;
   margin-right:0.4em;
   margin-bottom: 5px;
}

.infobox-header::after {
   background: url("https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/8/8d/Title_decoration_right.png/revision/latest");
   background-size: 0.8em 0.4em;
   display: inline-block;
   width: 0.8em; 
   height: 0.4em;
   content:"";
   vertical-align:middle;
   margin-left:0.4em;
   margin-bottom: 5px;
}

.infobox-section {
  background-color: rgba(0,0,0,0.3);
  border-radius: 2px;
  color:#fff;
  text-transform:uppercase;
  font-weight:bold;
  text-align:center;
}

.infobox-section::before {
   background: url("https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/d/da/Title_decoration_left.png/revision/latest");
   background-size: 0.8em 0.4em;
   display: inline-block;
   width: 0.8em; 
   height: 0.4em;
   content:"";
   vertical-align:middle;
   margin-right:0.4em;
   margin-bottom: 5px;
}

.infobox-section::after {
   background: url("https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/8/8d/Title_decoration_right.png/revision/latest");
   background-size: 0.8em 0.4em;
   display: inline-block;
   width: 0.8em; 
   height: 0.4em;
   content:"";
   vertical-align:middle;
   margin-left:0.4em;
   margin-bottom: 5px;
}

.infobox-centered {
  text-align: center;
  padding: 0 5px;
}

.infobox-centered img {
  max-width:100%;
  height:auto;
}

.infobox-row {
  color: #DED7A4;
  vertical-align: top;
}

.infobox-row-name {
  text-align: left;
  white-space: nowrap;
  padding-left: 5px;
}

.infobox-spacer {
  height: 0.5em;
}

.infobox.ironclad .infobox-table {
  background-color:#824649;
}

.infobox.ironclad.hero .infobox-table {
  background-color:#26151F;
}

.infobox.ironclad.spell .infobox-table {
  background-color:#9F6569;
}

.infobox.ironclad.structure .infobox-table {
  background-color:#451F2E;
}

.infobox.tribes .infobox-table {
  background-color:#30655F;
}

.infobox.tribes.hero .infobox-table {
  background-color:#011A17;
}

.infobox.tribes.spell .infobox-table {
  background-color:#4C8A81;
}

.infobox.tribes.structure .infobox-table {
  background-color:#153E36;
}

.infobox.swarm .infobox-table {
  background-color:#62462F;
}

.infobox.swarm.hero .infobox-table {
  background-color:#1A1403;
}

.infobox.swarm.spell .infobox-table {
  background-color:#906F4E;
}

.infobox.swarm.structure .infobox-table {
  background-color:#362613;
}

.infobox.winter .infobox-table {
  background-color:#27364D;
}

.infobox.winter.hero .infobox-table {
  background-color:#001624;
}

.infobox.winter.spell .infobox-table {
  background-color:#425377;
}

.infobox.winter.structure .infobox-table {
  background-color:#16212F;
}

.infobox.neutral .infobox-table {
  background-color:#4D565B;
}

.infobox.neutral.hero .infobox-table {
  background-color:#121315;
}

.infobox.neutral.spell .infobox-table {
  background-color:#767E83;
}

.infobox.neutral.structure .infobox-table {
  background-color:#2D3739;
}
/**********************
* End Infobox styling *
***********************/

/**************************
* Gamepedia footer tweaks *
***************************/
footer {
  border-top:#f48020 1px solid;
}

/* prevents the footer from breaking at narrow widths */
footer#curse-footer .footer-box {
  flex:unset;
}

footer#curse-footer ul li {
  white-space:nowrap;
}
/********************
* End footer tweaks *
*********************/

/********************************************
* Improved responsiveness for narrow widths *
*********************************************/
.mw-body,
#footer {
  margin-left:11em;
}

.level img { /* wikipoints level on profile */
  max-width:100%;
}

@media screen and (max-width:720px) {
  div#content {
    border-left:none;
    border-right:none;
    margin-top:1em;
  }
  
  div#footer {
    border:none;
  }
  
  #pageWrapper {
    margin-right:0;
    background-position:unset;
  }
  
  div#left-navigation,
  div#right-navigation {
    top:1em;
  }

  div#left-navigation {
    margin-left:5px;
  }
  
  div#right-navigation {
    margin-right:5px;
  }

  div#right-navigation div#p-search {
    margin-right:0;
  }
  
  div#p-sharing {
    display:none;
  }

  div#mw-navigation div#mw-panel .portal {
    width:auto;
    text-align:center;
  }
  
  div#mw-navigation div#mw-panel {
    width:100%;
    margin: 0;
    padding:0;
    top:0;
  }

  .curseprofile .leftcolumn,
  .curseprofile .rightcolumn {
    width:unset;
  }

  .headline ul {
    clear:left
  }
  
  .infobox {
    float:none;
    margin:auto;
  }
}
/******************************
* end improved responsiveness *
*******************************/

/* Classes permitting setting of alignment on desktop only or differently on desktop and mobile */
/* (See .mobileleft, .mobilecenter, .mobileright in MediaWiki:Mobile.css for the mobile equivalents */
.desktopleft {
    text-align: left;
}

.desktopcenter {
    text-align: center;
}

.desktopright {
    text-align: right;
}

/* Front page structure */
.fpbox {
    margin: 5px;
    padding: 5px;
    overflow: auto;
    width: calc(100% - 2px);
}

.fpbox.plain {
    background: transparent;
    border: none;
    box-shadow: none;
}

.fpbox .heading,
.fpbox .mainheading,
.fpbox .welcome {
    margin: 0 0 10px;
    padding: 0 0 5px;
    overflow: auto;
}

.fpbox .mainheading,
.fpbox .welcome {
    font-size: 150%;
    font-weight: bold;
}

.fpbox .heading {
    text-align: center;
    font-size: 132%;
}

.linkslabel {
    margin: 15px 5px 5px;
    padding: 0 0 5px;
}

/* Template:FP links styles */
.fplinks {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: stretch;
    text-align: center;
}

.fplink-outer {
    padding: 5px;
    flex-basis: calc(25% - 10px);
    width: calc(25% - 15px);
    min-width: 115px;
    display: inline-block;
    vertical-align: middle;
}

.fplink-wide {
    flex-basis: calc(33% - 10px);
    width: calc(33% - 15px);
}

.fplink-fullwidth {
    flex-basis: 100%;
    width: calc(100% - 15px);
    font-weight: bold;
}

.fplink {
    padding: 0.5em;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: table;
}

.fplink-plain {
    background: transparent;
    border-radius: 0;
    border: 0;
    box-shadow: none;
}

.fplink-inner {
    display: table-row;
}

.fplink a {
    display: table-cell;
    vertical-align: middle;
}

.fplink img {
    max-width: 150px;
    width: 100%;
    height: auto;
}
/* Auto-resize front page video to fit smaller columns */
.fpbox .embedvideowrap {
    width: 100%!important;
    max-width: 480px;
    margin: 0 auto;
}

.fpbox .embedvideowrap iframe {
    width: 100%!important;
}

/* Multi-column box support */
.fp-container main .columns .leftcol,
.fp-container .columns .rightcol {
    width: 100%;
    margin: 0;
    padding: 0;
}

@media (min-width: 990px) {
    .fp-container .columns .leftcol {
        float: left;
        width: 50%;
    }

    .fp-container .columns .rightcol {
        float: right;
        width: 50%;
    }
}

.fp-section {
    display: flex;
    flex-wrap: wrap;
}

#fptwitter,
#fptweets {
  min-height:calc(325px + 2.3em);
}

/* this CSS governs the responsive 2 column main page layout */
#fp-2column.fp-container {
    display: grid;
    grid-template-areas: "a" "b" "c";
    grid-template-columns: 100%;
}
@media screen and (min-width:990px) {
    #fp-2column.fp-container {
        grid-template-areas: "a b" "c c";
        grid-template-columns: 50% 50%;
    }
}
@media screen and (min-width:1350px) {
    #fp-2column.fp-container {
        grid-template-areas: "a b" "c b";
        grid-template-columns: auto 520px;
    }
}

#fp-top {
    grid-area: a;
}

#fp-flex {
    grid-area: b;
}

#fp-bottom {
    grid-area: c;
}

/* end responsive 2 column main page layout */

/* ******************** */
/* End main page layout */
/* ******************** */

/* used by Template:Mana */
.mana {
 background: url("https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/e/ed/Mana.png/revision/latest") center no-repeat;
 background-size:1.8em;
 padding:0.8em;
 padding-top:0.5em;
 color:#fff;
 margin:0px 0.2em;
}
/* end Template:Mana */

/* used by Template:Strength */
.strength-hero {
 background:url("media/stormboundkingdomwars.gamepedia.com/b/b2/Strength-Hero.png") center no-repeat;
 background-size:1.5em;
 padding:0.8em;
 padding-top:1em;
 color:#fff;
 margin:0px 0.2em
}

.strength-structure {
 background:url("media/stormboundkingdomwars.gamepedia.com/a/aa/Strength-Structure.png") center no-repeat;
 background-size:1.5em;
 padding:0.8em;
 padding-top:1em;
 color:#fff;
 margin:0px 0.2em
}

.strength-unit {
 background:url("media/stormboundkingdomwars.gamepedia.com/2/2a/Strength-Unit.png") center no-repeat;
 background-size:1.5em;
 padding:0.8em;
 padding-top:1em;
 color:#fff;
 margin:0px 0.2em
}
/* end Template:Strength */

/* used by Template:Movement */
.movement {
 background:url("https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/b/b0/Movement.png/revision/latest") center no-repeat;
 background-size:1.5em;
 padding:0.8em;
 padding-top:0.7em;
 color:#fff;
 margin:0px 0.2em
}

.movement-fixedly-forward {
 background:url("https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/2/25/Movement-fixedly-forward.png/revision/latest") center no-repeat;
 background-size:1.5em;
 background-position: top;
 padding:0.8em;
 padding-top:0.7em;
 color:#fff;
 margin:0px 0.2em
}
/* end Template:Movement */

/* fp box tweaks */
.fplink .box .row .cell {
  background:
        url("https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/a/ab/Box_decoration_left.png/revision/latest") no-repeat scroll left border-box,
        url("https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/f/fb/Box_decoration_right.png/revision/latest") no-repeat scroll right border-box;
  background-size:contain;
  padding:4px 13px;
  text-align: center;
  color: #fff;
  text-transform:uppercase;
  border:0;
  font-weight:bold;
  margin-bottom:0;
}

.fplink .box .row .cell a{
  margin-left:0.5em;
  margin-right:0.5em;
  background-color:#DED7A4;
  color:#000 !important;
  text-shadow:none !important;
  padding:0px 5px;
}

.fplink .box .row .cell a:hover {
  text-decoration:none;
  background:#827E60;/*fallback if the browser does not support gradient */
  background:radial-gradient(#827E60, #DED7A4);
}

.fplink {
  margin-bottom:0.5em;
}
/* end fp box tweaks */

/* navbox tweaks */
table.navbox tbody tbody tr td,
table.navbox tbody tbody tr th {
  border: 1px solid #DED7A4;
}

table.navbox tr td .navbox-group {
  text-align:left;
}

table.navbox th.navbox-title span:nth-child(3) {
  text-transform:uppercase;
}

table.navbox th.navbox-title span:nth-child(3):before {
   background: url("https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/d/da/Title_decoration_left.png/revision/latest");
   background-size: 0.8em 0.4em;
   display: inline-block;
   width: 0.8em; 
   height: 0.4em;
   content:"";
   vertical-align:middle;
   margin-right:0.4em;
   margin-bottom: 5px;
}

table.navbox th.navbox-title span:nth-child(3):after {
   background: url("https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/8/8d/Title_decoration_right.png/revision/latest");
   background-size: 0.8em 0.4em;
   display: inline-block;
   width: 0.8em; 
   height: 0.4em;
   content:"";
   vertical-align:middle;
   margin-left:0.4em;
   margin-bottom: 5px;
}
/* end navbox tweaks */

/* Used for [[Template:Doc]] */
.doc {
    margin: 0em auto 1em;
    background-color: rgba(0, 0, 0, 0.1);
    border: 2px solid #BDCAC3;
    border-radius: 1em;
    padding: 1em;
}

.doc-header {
    padding-bottom: 3px;
    border-bottom: 1px solid #BDCAC3;
    margin-bottom: 1ex;
}

.doc-footer {
    margin: 0;
    background-color: rgba(0, 0, 0, 0.1);
    border: 2px solid #BDCAC3;
    border-radius: 1em;
    padding: 1em;
}

/* tooltips */
.tooltip-loading {
   border: 2px solid #DED7A4;
   background: #213943;
   color: #DED7A4;
   width: 24.5em;
   max-width: 24.5em;
}

div.tooltip-hover {
  display:inline-block;
}

div.tooltip-content {
  position:absolute;
  display:none;
}

div.tooltip-hover:hover + div.tooltip-content {
  display:block;
  pointer-events:none;
}
/* end tooltips */

/* custom bullet image 
ul {
  list-style-image:url("https://static.wikia.nocookie.net/stormboundkingdomwars_gamepedia_en/images/7/7a/Bullet.png/revision/latest");
}
/* end custom bullet image */

/* Removes redundant purge button in menu */
div.menu li#ca-cargo-purge {
  display:none;
}

/* Used by [[Template:Card]] and [[Template:Deck]] */
table.card {
  text-align:center;
  border-radius:15px;
  padding:3px;
  padding-bottom:5px;
  margin:5px;
  border:3px ridge #DED7A4;
  display:inline-table;
  width:167px;
}

table.card.ironclad  {
  background-color:#824648;
}

table.card.ironclad.hero  {
  background-color:#291419;
}

table.card.ironclad.spell  {
  background-color:#A56063;
}

table.card.ironclad.structure  {
  background-color:#4E2426;
}

table.card.tribes  {
  background-color:#30655D;
}

table.card.tribes.hero  {
  background-color:#031916;
}

table.card.tribes.spell  {
  background-color:#4B8880;
}

table.card.tribes.structure  {
  background-color:#153E38;
}

table.card.swarm  {
  background-color:#604830;
}

table.card.swarm.hero  {
  background-color:#191401;
}

table.card.swarm.spell  {
  background-color:#8E6F52;
}

table.card.swarm.structure  {
  background-color:#352818;
}

table.card.winter  {
  background-color:#27364D;
}

table.card.winter.hero  {
  background-color:#001623;
}

table.card.winter.spell  {
  background-color:#405477;
}

table.card.winter.structure  {
  background-color:#161F2E;
}

table.card.neutral  {
  background-color:#4E5659;
}

table.card.neutral.hero  {
  background-color:#131313;
}

table.card.neutral.spell  {
  background-color:#787F85;
}

table.card.neutral.structure  {
  background-color:#2F363C;
}



.card-name {
  text-transform:uppercase;
  color:#fff;
  font-size:85%;
  vertical-align:bottom;
}

.card-unit {
  color:#999;
  text-transform:uppercase;
  font-size:80%;
  height:1.6em;
  line-height:1.6em;
  vertical-align:top;
}

.card-description {
  font-size:90%;
  line-height:1em;
  height:5em;
  padding-bottom:5px;
}

.card-bottom {
  line-height:1.6em
}

.card-bottom td {
  width:33%;
}

.deck {
  display:flex;
  flex-direction:column;
}

.card.compressed {
  position:relative;
  width:16em;
  margin:2px 1.1em;
  border-width:2px;
}

.card.compressed .card-mana {
  position:absolute;
  left:-1.6em;
  top: calc(50% - 1.4em)
}

.card.compressed .card-name {
  vertical-align:middle;
  text-align:left;
  padding-left:1.5em;
}

.card.compressed .card-image {
  text-align:right;
}

/* end Template:Cards */
 /* selflinks */
 .theme-fandomdesktop-light a.mw-selflink.selflink {
	color: #e6e6e6;
	font-weight: bolder;
}

.theme-fandomdesktop-dark a.mw-selflink.selflink {
	color: #e6e6e6;
	font-weight: bolder;
}

.selflink:hover {
	text-decoration: none;
}
 /* page action box */
 div#p-cactions {
 	height: fit-content;
 }
Community content is available under CC BY-NC-SA unless otherwise noted.
Advertisement