Hydradark.css

Revision as of 05:05, 6 October 2019

/* CSS placed here will affect users of the Hydra skin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(/media/hydra/fonts/Roboto-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(/media/hydra/fonts/Roboto-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(/media/hydra/fonts/Roboto-Italic.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(/media/hydra/fonts/Roboto-BoldItalic.ttf) format('truetype');
}

/******************
/* General styles *
/******************/
body {
  background: #080a09 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/1/13/Skin-Body-Background.jpg") left top no-repeat;
  font-family: Roboto, sans-serif;
}

body.page-Prismata_Wiki {
}
     
div#mw-page-base {
  background: transparent !important;
  height: 80px;
}

/***************
/* Logo styles *
/***************/
#p-logo {
  position: absolute;
  top: -80px;
  left: 0;
  width: 160px;
  height: 80px;
  margin: 0;
  margin-bottom: 0;
  padding: 0;
}

#p-logo a {
  width: 160px;
  height: 80px;
  margin: 0;
  padding: 0;
}

/*****************
/* Header styles *
/*****************/
div#mw-head-base {
  display: none;
}

div#mw-head {
  background: #0e265a url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/a/ab/Skin-Horizontal-Bar-Background.png") left top repeat-x;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000,
              0 0 0 1px #000000 inset;
  top: 44px;
  left: 160px;
  right: 0;
  width: auto;
  height: 30px;
}

/**************************
/* Article navigation bar *
/**************************/
#left-navigation {
  margin: 0 0 0 11px;
  padding: 0;
}

#right-navigation {
  margin: 0 11px 0 0;
  padding: 0;
}

div.vectorTabs {
  border: none;
  background: transparent;
  height: 30px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

div.vectorTabs ul {
  border: none;
  background: transparent;
}

div.vectorTabs ul li {
  border: none;
  background: transparent;
}

div.vectorTabs ul li, div.vectorTabs ul li.selected {
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
}

div.vectorTabs ul li span, div.vectorTabs ul li.selected span {
  border: none;
  background: transparent;
}

div.vectorTabs li span a {
  background: transparent;
  color: #ecd078;
  text-shadow: 0 1px 0 #000000;
  height: 30px;
  line-height: 30px;
  padding: 0 3px 0 3px;
  margin: 0 3px 0 3px;
}

div.vectorTabs span a:visited {
  color: #dec686;
}

div.vectorTabs li span a:hover, div.vectorTabs li span a:visited:hover {

}

div.vectorTabs li.selected span a, div.vectorTabs li.selected span a:hover {
  background: transparent;
  color: #ffffff !important;
}

div.vectorTabs li.new span a {
  color: #eca178 !important;
}

div.vectorTabs li.new span a:visited {
  color: #dea586 !important;
}

div.vectorTabs li.new span a:hover, div.vectorTabs li.new span a:visited:hover {
}

div.vectorTabs li.selected.new span a, div.vectorTabs li.selected.new span a:hover {
  color: #dddddd !important;
}

div.vectorTabs span a:active {
  color: #ffffff;
}

div.vectorTabs li.new span a:active {
  color: #dddddd !important;
}

#p-views {
}

.vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a {
  background-position: center center;
  padding: 30px 3px 0 3px;
  height: 0;
}

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

.vectorTabs #ca-unwatch.icon a {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAQAAAB03K1mAAAAAmJLR0QACkpYyiwAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfeCgcBEjP1YYwVAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAAGISURBVDjLzZM/SJtRFMV/970Yjf9QwVopCLVY0cUO3xBQ2knB0cXJxS6ViuBUcOpSoc4OgougICIUHEXN4CJCXhH6BxSKECyUgliqxigh73YwKUm/D+zo3d65h3MP594H96+ccQ+icBOG/Ct/6Pr+i/prxjT/eBPGJTT+cf5blTm/aGwK/B2qJy+tgdqG3LM7DSTGASxn05EG3AAPi++m/GJMBE/2smH8LysTpEHA9foDE0dvURUBFI8UAMSI5M+qHgXXBmaa0zFFBUEQKQ6zGGussYgnlRgzYOE4txP4zr7I5JQcc7qwevoBtcBVYe2j/zqQNNUV6XmUDNNXe695i5Z3hlqXV9paypSVz0wdZUf59G9YWx3Jal+5Efs7G5SIFfbe99QZKerd1pN6F4tcwflkKaafKIoQt5kXEVRnGp8Lyg1zOvJ9iQKKITYZcY273fve6YY+vWaCOLP9+W11msq6cIJTg+v+ndYdU7rU4dbTeV3IrdSGZbv4wir1ZUg7m2xSc2++5x+ysn+aqx4+UgAAAABJRU5ErkJggg==") no-repeat center center;
}
 
.vectorTabs #ca-unwatch.icon a:hover, .vectorTabs #ca-unwatch.icon a:focus {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAQAAAB03K1mAAAAAmJLR0QACkpYyiwAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfeCgcBFAeCj98mAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAAFiSURBVDjLzZNPS0JBFMXP+ExekWERUbmpRQQt0kXLwFWF7YKgfW6MvoQboY8RQa76ABJFuyBqKVFg0h8Rk7QyXvlnZk6LZ5a+B7n0DgzM3B935py5A/Rf0MOJHlG5IysM9YQWH8n7w16On60pslKlpzvj2MhuD3gAv98K/1u1kFckNe8OujNeAOAyJlvrQGNaACDGNrjZph7EpX27BVknqe2hSZKaklJKKaXSZL1ME/AAW6NnXoICAgJCAAAEDBiGYRiGEBpHg0stTePmSYJ1SjpD84Mxjf1f+T4k1poFSqo/mKLiNUMWYt0CV4PFQgeqec6RGyy62BSZeVW6A714w7Cro6WoakP2bEkGXF+rsms7qpEHQQiYxm3EtfWeq6TmJ+Pa95Rkg5pk7tgFfZ9vaDLLcA1x+JBcb5ZIli1n22BvJaNT9Ofw06nR4Euap19XQ86yc8gg1aF4CmmkYfbN9/wGswv7boNWnLQAAAAASUVORK5CYII=") no-repeat center center;
}
 
.vectorTabs #ca-watch.icon a {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAQAAAB03K1mAAAAAmJLR0QACkpYyiwAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfeCgcBEivmDRRDAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAAHSSURBVDjLY2AYfOAM4xlubOJMmEJ/rP6sOCNBlNJHWYze9zyJUHpGkN3xEQND1BlGgkrv2jALbn/JY/JDkqDS/1Ev/t9dwMj9xANdhoWBgYHhjAIDH5TP9dLp+LPLy+7kS8WfOQNX9c7kCQMDCwPDGbGfG1mV//36/4eB4T8jA9/9de+uX7gto/N1IQMDAwOLIKvItz1nQkz+sDAwlHJqCYVw3WFb+OnNP4b/X188W8LwZ8n0lemMPxgYdLhzxfnY1koch3qSi7XK7vO6zzvPpfgy6DEoMjAyMDCwMPDy8W30O/xw4UeD5wwJDPDwYGbwUrk+5cXRa2fs4YHGfCrz8NPadxJHGczRPajGv3bC++1HzrBDuLtVD70reMcxlUECM7BuKabwfbskZQJNA/Ucj7gFz/8oZHiBJVx7xGQEL948w/av7M+OM2FvHl97qyd/hglrFDzz/sHKdvDntC9lh1S+T1mU9fYcl/Q9ZYQ8MyLpvW/jkTORe6ZV92vZzruqxqYa3NxiH56sPYJh6ldhfn0e5v1CBffOB/9NPZCY++GOEBsTkz9msmHIUK184/sTycdq/GvD/xaeXcyKmRyFGXoY4hjYkER4GXIYiiCpZFAAAGZXpp2FJbGbAAAAAElFTkSuQmCC") no-repeat center center;
}
 
.vectorTabs #ca-watch.icon a:hover, .vectorTabs #ca-watch.icon a:focus {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAQAAAB03K1mAAAAAmJLR0QACkpYyiwAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfeCgcBEzacEEnbAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAAHKSURBVDjLY2AYfOA/439uIpX+sv61+b8EUUqvLv3970oipjgThvWCHI63GBii/jMSVHrFhlVw6UsBk2+ShE2Nevj/6gJG7rse6DIsDAwMDP8VGPigfK7HTjufHV92OV8h/v8ZuKp3jE8YGFgYGP6Lfd/Ipvzv1/8/DAz/GRn4rq17df3IbWWdTwsZGBgY2ARZRb7s+R/C+IeBgSFIvu3xu3+Hfnm/MXpl9Er1IYs1AwNnhsB5geMCx90vnf/+8G/VCWNWqKVsVb6fb31+fq7Wl0GPQZGBkYGBgYWBV4jvnt+Xh6c+2jxnSGCAhwczg5fu9Z0vvl37bw/3HvOfzC9P57yTP8pgju5BNeG1W94/OfKfHcJ9pfr5Xc87rqkM2OLNRvDY0zX3GNghacBT9+zPhXsZ2LCG63oxZcEjN/+z/S37s+N/2LPHZ95ayf9nwqr0gfc3Vs6DP6Z9LNuk8nXK6azn53ilryljTXoX9j/7/eH6pee2T1jmBbx8+uzpjc9/L1RgUfpJ5PG7r//mv5Q/ymDOwMzgpXttx6s//y8dx0w2DE2q098k/ETysZrw2py/vWfPsGIaK8zQwxCH7GMGXoYchiJIKhkUAABz6LsKfhrM7wAAAABJRU5ErkJggg==") no-repeat center center;
}

div.vectorMenu {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAwAgMAAACDGNmAAAAACVBMVEUAADUAAADMzMwUEBrIAAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90DDQIgIpTetnQAAAAmSURBVBjTY2AYFIBr1QoQxbZqCYhiXDUBLJrlAKYkIWpYGIYAAAB+wgSzdrGP7wAAAABJRU5ErkJggg==") no-repeat left 35%;
  height: 30px;
  line-height: 27px;
  margin: 0 3px;
  padding: 0 3px;
}

div#p-cactions {
  width: 21px;
}

div#p-sharing {
  width: auto;
}

div.vectorMenu:hover {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAwAgMAAACDGNmAAAAACVBMVEUAAKIAAAD///9T6Q2VAAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90DDQIhD8ga20AAAAAmSURBVBjTY2AYFIBr1QoQxbZqCYhiXDUBLJrlAKYkIWpYGIYAAAB+wgSzdrGP7wAAAABJRU5ErkJggg==") no-repeat left 35%;
}

div.vectorMenu h4 {
  color: #cccccc;
  text-shadow: 0 1px 0 #000000;
  height: 30px;
  line-height: 30px;
  padding: 0 0 0 12px !important;
  margin: 0 6px 0 6px !important;
}

div.vectorMenu h3 span:after {
  display: none;
}

div#mw-head div#p-cactions h3 {
  display: none;
}

div#mw-head div#p-sharing h3 {
  background: transparent;
  margin: 0 0 0 0;
  height: 30px;
  line-height: 30px;
}

div#mw-head div#p-sharing h3 a {
  height: 30px;
  border: none;
  background: transparent;
}

div#mw-head div#p-sharing h3 span {
  color: #999999;
  margin: 0 0 0 20px;
  padding: 0;
}

div.vectorMenu div.menu {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000,
              0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  top: 30px;
  margin: 0;
  padding: 0;
  z-index: 3000;
}

div.vectorMenu div.menu ul {
  background: transparent;
  border: none
}

div#p-sharing div.menu {
  left: 0;
}

div#p-cactions div.menu {
  left: auto;
  right: 0;
  text-align: right;
}

div#p-cactions div.menu ul li {
  text-align: right;
}

div#p-cactions div.menu ul li a {
  color: #ecd078;
  margin: 2px 5px;
  padding: 1px 0;
}

div#p-cactions div.menu ul li a:visited {
  color: #dea586;
}

div#p-cactions div.menu ul li a:active {
  color: #ffffff;
}

#p-search {
  position: absolute;
  top: -40px;
  right: 20px;
  height: 30px;
  line-height: 27px;
  vertical-align: center;
  margin: 0 2px 0 2px;
  padding: 0;
}

#p-search form {
  line-height: 27px;
  vertical-align: center;
  margin-bottom: 8px;
}

#p-search input {
}

#p-search input[type="submit"], #p-search input[type="button"], #p-search input[type="reset"] {
  font-size: 70%;
  padding: 0 6px;
}

div#simpleSearch { 
  border: 1px solid #ffffff;
  border-radius: 5px;
  background: #c0c5bb;
  color: #000000;
  line-height: 1.4em;
  font-family: Roboto, sans-serif;
  padding: 2px 2px;
}

div#simpleSearch #searchInput {
  border: none;
  background: transparent;
  color: #000000;
}

div#simpleSearch #searchButton, div#simpleSearch #mw-searchButton, div#simpleSearch #searchButton:hover, div#simpleSearch #mw-searchButton:hover, div#simpleSearch #searchButton:active, div#simpleSearch #mw-searchButton:active {
  color: transparent;
  box-shadow: none;
}

#searchInput {
}

.skin-hydradark div.suggestions, html > body div.suggestions {
  margin-top: -28px;
  border: none;
  border-radius: 5px;
  color: #000000;
}

.skin-hydradark .suggestions-results, .skin-hydradark .suggestions-results .suggestions-result, .skin-hydradark .suggestions-special {
  border: none;
  background: #c0c5bb;
  color: #000000;
}

.skin-hydradark .suggestions a.mw-searchSuggest-link, .skin-hydradark .suggestions a.mw-searchSuggest-link:hover, .skin-hydradark .suggestions a.mw-searchSuggest-link:active, .skin-hydradark .suggestions a.mw-searchSuggest-link:focus, .skin-hydradark .suggestions-special .special-query {
  color: #000000;
}

.skin-hydradark .suggestions-results .suggestions-result .highlight {
  color: #69510f;
}

.skin-hydradark .suggestions-result-current {
  border-radius: 5px;
  background: #727b69 !important;
}

.skin-hydradark .suggestions-special {
  border: none;
  border-top: 1px solid #727b69;
}

.skin-hydradark .suggestions-special .special-label {
  color: #999999;
}

.skin-hydradark .suggestions-result-current .special-label {
  color: #cccccc;
}

.skin-hydradark .suggestions-results .suggestions-result-current, .skin-hydradark .suggestions-special.suggestions-result-current .special-query, .skin-hydradark .suggestions-result-current a.mw-searchSuggest-link, .skin-hydradark .suggestions-result-current a.mw-searchSuggest-link:hover, .skin-hydradark .suggestions-result-current a.mw-searchSuggest-link:active, .skin-hydradark .suggestions-result-current a.mw-searchSuggest-link:focus {
  color: #ffffff;
}

.skin-hydradark .suggestions-results .suggestions-result-current .highlight {
  color: #ecd078;
}

/**********************
/* Site notice styles *
/**********************/
#mw-dismissable-notice {
}

#mw-dismissable-notice td > a {
}

#mw-dismissable-notice td > a:hover {
}

#localNotice {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

/***********************
/* Left sidebar styles *
/***********************/
.skin-hydradark div#mw-panel, .skin-hydradark div#mw-panel.collapsible-nav {
  position: relative;
  float: left;
  top: 0;
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000,
              0 0 0 1px #000000 inset;
  margin-left: -160px;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 60px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-right: 0;
  width: 154px;
  overflow: visible;
}

.skin-hydradark div#mw-panel div.portal, .skin-hydradark div#mw-panel.collapsible-nav div.portal {
  background: transparent;
  margin: 5px 0 0 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
  text-align: center;
  width: 150px;
}

.skin-hydradark div#mw-panel div.portal h3, .skin-hydradark div#mw-panel.collapsible-nav div.portal h3 {
  display: inline-block;
  border: none;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 1px 0 #000000;
  text-align: center;
  margin: 0 auto 0 auto !important;
  padding: 0 0 5px 0 !important;
  width: auto;
  max-width: 150px;
}

.skin-hydradark div#mw-panel.collapsible-nav div.portal.collapsed h3 {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAABmJLR0QACAAKAAm9eM3MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3goGBzYoMt2/iAAAADVJREFUCNd9jLENADAMwpzcxP8X5Kd2QiIdyoQwAMDMHEJtk6CzYVDfuSVph5IAqt8gS+vzAiMkEG0fLkFcAAAAAElFTkSuQmCC") center right no-repeat;
  padding: 0 11px 5px 11px !important;
  width: auto !important;
}

.skin-hydradark div#mw-panel.collapsible-nav div.portal.expanded h3 {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGCAYAAAAPDoR2AAAABmJLR0QACAAKAAm9eM3MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3goGBzMir3+i0wAAADRJREFUCNd9zcEJADAMQtGfzuT+E7hTegmBQFNPwhOET8J2bngkPUESUT1tD4C2HiSw3gy4g5oPAI/hcQoAAAAASUVORK5CYII=") center right no-repeat;
  color: #ffffff;
  padding: 0 11px 5px 11px !important;
  width: auto !important;
}

.skin-hydradark div#mw-panel.collapsible-nav div.portal h3 a, .skin-hydradark div#mw-panel.collapsible-nav div.portal.collapsed h3 a {
  color: #ffffff;
}

.skin-hydradark div#mw-panel div.portal div.body, .skin-hydradark div#mw-panel.collapsible-nav div.portal div.body, .skin-hydradark div#mw-panel.collapsible-nav div.portal.expanded div.body {
  border: none;
  background: transparent;
  text-align: center;
  text-shadow: 0 1px 0 #000000;
  margin: 0 !important;
  padding: 0 0 10px 0 !important;
  width: 150px;
}

.skin-hydradark div#mw-panel.collapsible-nav div.portal.first div.body, .skin-hydradark div#mw-panel.collapsible-nav div.portal.first.expanded div.body, div#mw-panel #p-logo + div.portal {
  background: transparent;
  padding: 0 !important;
  margin: 0 0 0 0 !important;
}

.skin-hydradark div#mw-panel div.portal div.body ul, .skin-hydradark div#mw-panel.collapsible-nav div.portal div.body ul {
  margin: 0;
  padding: 0;
}

.skin-hydradark div#mw-panel div.portal div.body ul li, .skin-hydradark div#mw-panel.collapsible-nav div.portal div.body ul li {
  margin: 0;
  padding: 2px 0;
}
 
div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:link {
  color: #ecd078;
}

div#mw-panel div.portal div.body ul li a:visited {
  color: #c6ad76;
}

div#mw-panel div.portal div.body ul li a:active {
  color: #ffffff;
}

div#mw-panel div#p-sitePromos, div#mw-panel div#p-socialProfiles {
  border: none;
  background: transparent;
  margin: 20px 0 0 0 !important;
  padding: 0;
  width: 150px;
}

div#mw-panel div#p-claimWiki {
  border: none;
  background: transparent;
  margin: 20px 0 20px 0 !important;
  padding: 0;
  width: 150px;
}

div#mw-panel div#p-sitePromos h3, div#mw-panel div#p-socialProfiles h3, div#mw-panel div#p-claimWiki h3 {
  display: none;
}

div#mw-panel div#p-sitePromos div.body, div#mw-panel div#p-socialProfiles div.body, div#mw-panel div#p-claimWiki div.body {
  margin: 0 auto 0 auto !important;
  padding: 0 0 0 0 !important;
  width: auto;
}

div#mw-panel div#p-sitePromos div.body div.promoSidebar, div#mw-panel div#p-socialProfiles div.body div.socialSidebar {
  margin: 0 auto 0 auto !important;
  padding: 0 0 0 0 !important;
  width: auto;
  text-align: center;
}

div#mw-panel div#p-claimWiki div.body div.claimSidebar {
  margin: 0 auto 0 auto !important;
  padding: 0 0 0 0 !important;
}

div.socialLink {
  margin: 1px 0 1px 0;
}

/***************
/* Link styles *
/***************/
.t-netbar a.new, .t-netbar a.new:link, .t-netbar a.new:visited {
  color: #c39999 !important;
}

.t-netbar a:active, .t-footer a:active {
  color: #ffffff !important;
}

.t-netbar a.new:hover, .t-netbar a.new:active {
  color: #ffdddd !important;
}

a, a:link, .skin-hydradark #mw-indicator-mw-helplink a, .skin-hydradark #mw-indicator-mw-helplink a:link {
  color: #ecd078;
}

div#content a:visited, a:visited, .skin-hydradark #mw-indicator-mw-helplink a:visited {
  color: #c6ad76;
}

a.new {
  color: #ec8678 !important;
}

div#content a.new:visited, a.new:visited {
  color: #df9085 !important;
}

a.stub {
  color: #a1ec78;
}

div#content a.stub:visited, a.stub:visited {
  color: #90d765;
}

div#content a.extiw, div#footer a.extiw, div#content a.external, div#footer a.external {
  color: #78d2ec;
}

div#content a.extiw:visited, div#footer a.extiw:visited, div#content a.external:visited, div#footer a.external:visited {
  color: #66c7d8;
}

a:active {
  color: #cccccc !important;
}

/******************
/* Article styles *
/******************/
#pageWrapper {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 160px;
  padding-right: 0;
  padding-bottom: 0;
}

div#content {
  float: right;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: none;
  background: transparent;
  color: #ffffff;
  margin: 0 0 0 0;
  padding: 10px 20px 10px 20px;
}

body.page-Prismata_Wiki div#content {
  background: transparent url("") right top no-repeat;
}

div#content #firstHeading {
  border: none;
  border-bottom: 1px solid #9b7b89;
  color: #9ec6f5;
  text-shadow: 0 1px 0 #000000;
  font-family: Roboto, sans-serif;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

body.page-Prismata_Wiki #firstHeading {
  display: none;
}

div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {
  border: none;
  color: #9ec6f5;
  font-family: Roboto, sans-serif;
  text-shadow: 0 1px 0 #000000;
  margin: 20px 0 8px 0;
  padding: 0 0 5px 0;
  overflow: auto;
}

div#content h1, div#content h2 {
  border-bottom: 1px solid #9b7b89;
}

div#content h3, div#content h4 {
  border-bottom: 1px solid #102641;
}

/* Curse profile: Fixes conflict with overflow:auto; on h1 */
div#content div.headline h1 {
  overflow: visible;
}

span.editsection {
  font-family: sans-serif;
  font-weight: normal;
}

span.editsection a:link {
}

div#content span.editsection a:active {
}

div#content span.editsection a:visited {
}

div#content span.editsection:active:hover:visited {
}

span.editsection a:hover {
}

#contentSub {
  color: #999999;
}

.toc, #toc {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.toc td, #toc td {
}

#toctitle {
}

div#content #toctitle h2 {
  border: none;
}

.toctoggle, #toc .toctoggle {
}

.toctoggle a, #toc .toctoggle a {
}

.toctoggle a:hover, #toc .toctoggle a:hover {
}

hr {
  border: none;
  border-bottom: 1px solid #9b7b89;
}

ul {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANCAYAAABhPKSIAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gkXEwQj/FVz9wAAACxJREFUGNNjYBh0gJGBgYEhO+nefpjA1HlKjoxQAQckhQeYsGlnItpMrLYDAJgaC3J+7fp+AAAAAElFTkSuQmCC");
}

img {
}

.skin-hydradark table.wikitable, .skin-hydradark table.dataTable {
  border: none;
  background: transparent;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.skin-hydradark table.wikitable th, .skin-hydradark table.wikitable tr th, .skin-hydradark table.wikitable > tr > th, .skin-hydradark table.wikitable > * > tr > th, table.dataTable thead th, table.dataTable tfoot th {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 1px 0 #000000;
  padding: 0 3px 1px 3px;
}

.skin-hydradark table.wikitable td, .skin-hydradark table.wikitable tr td, .skin-hydradark table.wikitable > tr > td, .skin-hydradark table.wikitable > * > tr > td, table.dataTable td {
  background: transparent;
  border: 1px solid #9b7b89;
  color: #ffffff;
  padding: 0 3px 1px 3px;
}

table.dataTable td:hover {
  background: background: #081321;;
}

table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background: rgba(255, 255, 255, 0.05);
}

table.dataTable.display tbody tr.even, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background: rgba(0, 0, 0, 0.5);
}

.skin-hydradark table.jquery-tablesorter th.headerSort, table.dataTable thead .sorting {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAALCAYAAACQy8Z9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QMNAjU4XgmpGgAAAFVJREFUKM9jYBhIcObMmf/EqmUk1UATExNGig3F5kJCBjOS62V8BhNy6X9yHMRCwKUMeFyKU44Jn6G4NOIzkNjY/4/sYqiBjNRIpv+hkfaf2umfaAMB8b0fB724l/wAAAAASUVORK5CYII=") no-repeat right center,
              #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  padding: 0 18px 1px 3px;
}

.skin-hydradark table.jquery-tablesorter th.headerSortDown, table.dataTable thead .sorting_desc {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAGCAYAAAAsVdWjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QMNAjQyp8dxRQAAAC5JREFUGNNjYBhocObMmf/EqGMkx0ATExNGig3F5kJ8BjNS4mVcBhPj0v+k+hQAOdwQaGsHXPgAAAAASUVORK5CYII=") no-repeat right center,
              #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  padding: 0 18px 1px 3px;
}

.skin-hydradark table.jquery-tablesorter th.headerSortUp, table.dataTable thead .sorting_asc {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAGCAYAAAAsVdWjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QMNAjMvi4CLWwAAADxJREFUGNNjYKABYMQneebMmf+45ExMTHDqZcJnqImJCUniRLkUCv6fOXMG3UBGagTTf2hQ/Kd2+BNtIAC+Dg+ddmzV/wAAAABJRU5ErkJggg==") no-repeat right center,
              #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  padding: 0 18px 1px 3px;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  color: #999999;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  border: 1px solid transparent;
  background: transparent;
  color: #999999 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  border: none;
  background: transparent;
  color: #ffffff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  border: 1px solid #ffffff;
  border-radius: 2px;
  background: #727b69;
  color: #ffffff;
  padding: 1px 6px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  border: 1px solid #ffffff;
  border-radius: 2px;
  background: #858f7b;
  color: #ffffff;
  padding: 1px 6px;
}

ul.gallery {
}

li.gallerybox {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

li.gallerybox div.thumb {
  background: transparent;
  border: 1px solid #9b7b89;
  border-radius: none;
}

div.gallerytext {
  text-align: center;
}

.thumb {
  border: none;
  border-radius: 5px;
  background: transparent;
  color: #ffffff;
  border: none;
  background: transparent;
}

.thumb.tleft {
  margin: 0 20px 10px 0;
}

.thumb.tright {
  margin: 0 0 10px 20px;
}

div.thumbinner {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 0 10px 0;
  padding: 3px 5px !important;
}

html .thumbimage {
  background: transparent;
  border: 1px solid #9b7b89;
}

.thumbcaption {
}

.gallerytext p, .thumbcaption {
}

.toggle {
}

.sn-small {
}

sub, sup a {
}

sup.reference {
}

pre, .skin-hydradark .mw-code {
  border: 1px dashed #ffffff;
  border-radius: 5px;
  background: #c0c5bb;
  text-shadow: none;
  color: #000000;
  padding: 2px 2px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

code {
  background: transparent;
  white-space: pre-wrap;
  word-wrap: break-word;
}

pre a, pre a:link {
  color: #69510f;
}

div#content pre a:visited, pre a:visited {
  color: #3f341b;
}

pre a:active, code a:active {
  color: #777777 !important;
}

#catlinks {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 10px 0 10px 0;
  padding: 3px 6px;
}

#catlinks li {
  border-left: 1px solid #9b7b89;
}

#catlinks li:first-child {
  border-left: none;
}

/********************
/* Interface styles *
/********************/
input, select {
  border: 1px solid #ffffff;
  border-radius: 5px;
  background: #c0c5bb;
  color: #000000;
  font-family: Roboto, sans-serif;
  padding: 2px 2px;
}

textarea {
  border: 1px solid #ffffff;
  border-radius: 5px;
  background: #c0c5bb;
  color: #000000;
  padding: 2px 2px;
}

.mw-ui-vform input:not([type="button"]):not([type="submit"]):not([type="file"]), .mw-ui-vform input:not([type="button"]):not([type="submit"]):not([type="file"]):hover, .mw-ui-vform input:not([type="button"]):not([type="submit"]):not([type="file"]):focus {
  border: 1px solid #ffffff;
  border-radius: 5px;
  background: #c0c5bb;
  color: #000000;
  font-family: Roboto, sans-serif;
  padding: 2px 2px;
  box-shadow: none !important;
}

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {
}

button, input[type="submit"], input[type="button"], input[type="reset"], #mw-createaccount-join, .mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-primary {
  border: 1px solid #ffffff;
  border-radius: 2px;
  background: #727b69;
  color: #ffffff;
  padding: 1px 6px;
}

button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, #mw-createaccount-join:hover, .mw-ui-button.mw-ui-progressive:hover, .mw-ui-button.mw-ui-primary:hover {
  background: #858f7b;
}

button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active, #mw-createaccount-join:active, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-primary:active {
  background: #5C6355;
  color: #dddddd;
}

.mw-ui-vform label {
  color: #cccccc;
}

a.cta-button, a:link.cta-button, a:visited.cta-button {
  color: #000000;
}

div.editOptions {
  border: none;
  background: transparent;
}

.usermessage {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

body.skin-hydradark .mw-notification {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

body.skin-hydradark .mw-notification.postedit {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 0 10px 0;
  padding: 3px 3em 3px 6px;
}

div.mw-warning {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div.mw-warning-with-logexcerpt {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div#content fieldset {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div#content fieldset legend {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 0 8px 0;
  padding: 3px 6px;
}

.mw-plusminus-null {
  color: #cccccc;
}

.mw-plusminus-pos {
  color: #99ff99;
}

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

.mw-changeslist-legend {
  background: transparent;
  border: 1px solid #9b7b89;
  border-radius: none;
  margin: 0 0 10px 20px;
  padding: 3px 6px;
}

.skin-hydradark .mw-search-profile-tabs {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a {
  color: #ffffff !important;
}

#pagehistory li {
  border: none;
  background: transparent;
  margin: 1px;
  padding: 0;
}

#pagehistory li.selected {
  border: 1px solid #9b7b89;
  background: transparent;
  margin: 0;
  padding: 0;
}

.skin-hydradark table.diff {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.skin-hydradark td.diff-otitle, .skin-hydradark td.diff-ntitle {
  border: none;
  background: transparent;
}

td.diff-addedline {
  border: none;
  background: #005000;
  color: #cccccc;
}

td.diff-deletedline {
  border: none;
  background: #505000;
  color: #cccccc;
}

td.diff-context {
  border: none;
  background: #282828;
  color: #cccccc;
}

td.diff-addedline .diffchange, td.diff-deletedline .diffchange {
  background: rgba(0, 0, 0, 0.2);
  color: #ff6666;
}

fieldset#mw-searchoptions {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac !important;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: -10px 0 10px 0 !important;
  padding: 3px 6px;
}

body.skin-hydradark fieldset#mw-searchoptions h4 {
  border: none;
  border-bottom: 1px solid #9b7b89;
  color: #9ec6f5;
  text-shadow: 0 1px 0 #000000;
  font-family: Roboto, sans-serif;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

body.skin-hydradark fieldset#mw-searchoptions div.divider {
  border: none;
  border-bottom: 1px solid #9b7b89;
}

.skin-hydradark div#preferences {
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
}

.skin-hydradark div#preferences fieldset {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.skin-hydradark div#preferences fieldset legend {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 0 8px 0;
  padding: 3px 6px;
}

.skin-hydradark div#preferences fieldset fieldset {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 5px;
  padding: 10px;
}

.skin-hydradark div#preferences fieldset fieldset legend {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 0 8px 0;
  padding: 3px 6px;
}

.skin-hydradark #preferences td.htmlform-tip {
  color: #999999;
}

.skin-hydradark #preftoc {
  border: none;
  background: transparent;
}

.skin-hydradark #preftoc ul {
  border: none;
  background: transparent;
}

.skin-hydradark #preftoc li {
  border: none;
  background: transparent;
}

.skin-hydradark #preftoc li a {
  color: #ecd078;
  height: 25px;
  line-height: 25px;
  padding: 3px 0 0 0;
  margin: 0 4px;
}

.skin-hydradark #preftoc li a:visited {
  color: #ecd078;
}

.skin-hydradark #preftoc li.selected a {
  background: transparent;
  color: #ffffff;
}

.skin-hydradark #preftoc li a:active {
  color: #bbbbbb;
}

.errorbox {
  background: #3f1313;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
}

.warningbox {
  background: #3f3f13;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
}

.successbox {
  background: #133f13;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
}

ul#filetoc {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.skin-hydradark table.mw_metadata {
  border: none;
  background: transparent;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.skin-hydradark table.mw_metadata th {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 1px 0 #000000;
  padding: 0 3px 1px 3px;
}

.skin-hydradark table.mw_metadata td {
  background: transparent;
  border: 1px solid #9b7b89;
  color: #ffffff;
  padding: 0 3px 1px 3px;
}

.skin-hydradark .TablePager, .skin-hydradark .mw-datatable, .skin-hydradark table.cargoTable {
  border: none;
  background: transparent;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.skin-hydradark table.cargoTable tr:nth-child(2n+1), .skin-hydradark table.cargoTable tr:nth-child(2n) {
  background: transparent;
}

.skin-hydradark .TablePager th, .skin-hydradark .mw-datatable th, .skin-hydradark table.cargoTable th {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 1px 0 #000000;
  padding: 0 3px 1px 3px;
}

.skin-hydradark .TablePager td, .skin-hydradark .mw-datatable td, .skin-hydradark table.cargoTable td {
  background: transparent;
  border: 1px solid #9b7b89;
  color: #ffffff;
  padding: 0 3px 1px 3px;
}

.skin-hydradark table.cargoTable tr:nth-child(2n+1) {
  background: rgba(255, 255, 255, 0.05);
}

.skin-hydradark table.cargoTable tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0.05);
}

.skin-hydradark .TablePager tr:hover td, .skin-hydradark .mw-datatable tr:hover td {
  background: #081321;
}

#other_options div {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.skin-hydradark .smw-editpage-help {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
  overflow: auto;
}

table.smwtable {
  border: none;
  background: transparent;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

table.smwtable th {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 1px 0 #000000;
  padding: 0 3px 1px 3px;
}

table.smwtable td {
  background: transparent;
  border: 1px solid #9b7b89;
  color: #ffffff;
  padding: 0 3px 1px 3px;
}

.smwrdflink {
  color: #999999;
}

div.smwfact {
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
}

#bodyContent span.swmfactboxheadbrowse a, #bodyContent span.swmfactboxheadbrowse a:hover {
  color: #ecd078;
}

#bodyContent span.swmfactboxheadbrowse a:visited, #bodyContent span.swmfactboxheadbrowse a:visited:hover {
  color: #7cadc4;
}

div.smwfact table {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div.smwfact table tr {
  border: none;
  background: none;
}

div.smwfact table tr td {
  border: none;
  background: none;
}

.smw-ask-options table, .smw-ask-options table tr, .smw-ask-options table tr td {
  border: none !important;
  background: transparent !important;
}

table.smwb-factbox, table.smwb-ifactbox {
  border: none;
  background: transparent;
  margin: 0 0 10px 0;
  padding: 0;
}

table.smwb-factbox tr, table.smwb-ifactbox tr {
  border: none;
  background: none;
}

table.smwb-factbox tr th, table.smwb-ifactbox tr th {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 1px 0 #000000;
  padding: 0 3px 1px 3px;
}

table.smwb-factbox tr td, table.smwb-ifactbox tr td {
  background: transparent;
  border: 1px solid #9b7b89;
  color: #ffffff;
  padding: 0 3px 1px 3px;
}

.ui-widget-content, .ui-menu {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div#content fieldset.smw-ask-options legend {
  padding-left: 20px;
}

.ui-menu-item, .ui-menu-item a, .ui-widget-content a {
}

.ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-hover a, .ui-menu .ui-state-hover, .ui-menu .ui-state-hover a {
}

table.mw-abuselog-details {
  border: none;
  background: transparent;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

table.mw-abuselog-details tr th {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 1px 0 #000000;
  padding: 0 3px 1px 3px;
}

table.mw-abuselog-details tr td {
  background: transparent;
  border: 1px solid #9b7b89;
  color: #ffffff;
  padding: 0 3px 1px 3px;
}

.mw-abusefilter-history-changed {
}

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

/*****************
/* Footer styles *
/*****************/
div#footer {
  float: right;
  clear: right;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: none;
  background: transparent;
  color: #999999;
  margin: 0 0 0 0;
  padding: 10px 20px 10px 20px;
  overflow: hidden;
}

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

/***************************
/* Template example styles *
/***************************/
span.templateexample {
  font-family: monospace;
}

span.templateexample span.templatelink {
  font-weight: bold;
}

span.templateexample span.paramname {
}

span.templateexample span.paramvalue {
  color: #999999;
  font-style: italic;
}

/******************
/* Image licenses *
/******************/
/* copyright images tweak */
.skin-hydradark .copyright-icon {
  background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/5/58/Copyright_darkwiki.png/32px-Copyright_darkwiki.png");
  background-size: 100%;
  height: 32px;
  width: 32px;
}

.ambox {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  font-size: 95%;
  margin: 0 auto 10px auto;
  padding: 3px 6px 3px 16px;
  width: 80%;
}

.ambox-gray {
  box-shadow: 10px 0 0 #383838 inset;
}

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

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

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

.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 {
  box-shadow: 10px 0 0 #1e90ff inset;
}

.ambox-red {
  box-shadow: 10px 0 0 #b22222 inset;
}

.ambox-orange {
  box-shadow: 10px 0 0 #f28500 inset;
}

.ambox-yellow {
  box-shadow: 10px 0 0 #f4c430 inset;
}

.ambox-purple {
  box-shadow: 10px 0 0 #9932cc inset;
}

.ambox-gray {
  box-shadow: 10px 0 0 #bba inset;
}

.ambox-green {
  box-shadow: 10px 0 0 #228b22 inset;
}

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

/********************
/* Notice templates *
/********************/
.topNotice {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
  overflow: auto;
}

.topNotice .heading {
  border: none;
  border-bottom: 1px solid #9b7b89;
  color: #9ec6f5;
  text-shadow: 0 1px 0 #000000;
  font-size: 132%;
  margin: 0 0 8px 0;
  padding: 0;
}

.topNotice.delete {
  background: #3f1313;
}

.topNotice.outofdate {
  background: #3f2913;
}

.topNotice.move, .topNotice.merge, .topNotice.split {
  background: #3f3f13;
}

.topNotice.pagestub, .topNotice.imagerequest, .topNotice.nowalkthrough {
  background: #133f13;
}

/******************
/* Image licenses *
/******************/
div.imageLicense {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div.imageLicense.nolicense {
  border: 2px solid #e20000;
}

/***********************
/* Flex text link list *
/***********************/
.flextextlinks ul {
  display: flex;
  flex-flow: row wrap;
  text-align: center;
  margin: 0 -20px 10px -20px;
  padding: 0;
}

.flextextlinks ul li {
  list-style: none;
  flex: 1 0 15em;
  margin: 0;
  padding: 4px 20px;
}

/***********************
/* Flex icon link list *
/***********************/
.flexiconlinks {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: flex-start;
  text-align: center;
  margin: -10px -10px 0 -10px;
  padding: 0;
}

.flexiconlinks.horizontal {
  margin: 0 -20px 10px -20px;
}

.flexiconlinks .iconlink {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  border: none;
  background: transparent;
  margin: 0;
  padding: 10px;
  flex: 0 0 8rem;
  min-width: 128px;
}

.flexiconlinks.horizontal .iconlink {
  padding: 4px 20px;
}

.flexiconlinks.iconsize24 .iconlink {
  flex: 0 0 1.5rem;
  min-width: 24px;
}

.flexiconlinks.linksize24 .iconlink {
  flex: 0 0 1.5rem;
  min-width: 24px;
}

.flexiconlinks.iconsize64 .iconlink {
  flex: 0 0 4rem;
  min-width: 64px;
}

.flexiconlinks.linksize64 .iconlink {
  flex: 0 0 4rem;
  min-width: 64px;
}

.flexiconlinks.iconsize96 .iconlink {
  flex: 0 0 6rem;
  min-width: 96px;
}

.flexiconlinks.linksize96 .iconlink {
  flex: 0 0 6rem;
  min-width: 96px;
}

.flexiconlinks.iconsize128 .iconlink {
  flex: 0 0 8rem;
  min-width: 128px;
}

.flexiconlinks.linksize128 .iconlink {
  flex: 0 0 8rem;
  min-width: 128px;
}

.flexiconlinks.iconsize192 .iconlink {
  flex: 0 0 12rem;
  min-width: 192px;
}

.flexiconlinks.linksize192 .iconlink {
  flex: 0 0 12rem;
  min-width: 192px;
}

.flexiconlinks.iconsize256 .iconlink {
  flex: 0 0 16rem;
  min-width: 256px;
}

.flexiconlinks.linksize256 .iconlink {
  flex: 0 0 16rem;
  min-width: 256px;
}

.flexiconlinks.horizontal .iconlink {
  flex-flow: row nowrap;
  align-items: flex-start;
  flex: 0 0 15rem;
}

.flexiconlinks .iconlink .icon {
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  min-width: 128px;
  width: 128px;
  height: 128px;
}

.flexiconlinks.horizontal .iconlink .icon {
  min-width: 24px;
  width: 24px;
  height: 24px;
}

.flexiconlinks.linksize24 .iconlink .icon {
  min-width: 24px;
  width: 24px;
  height: 24px;
}

.flexiconlinks.linksize64 .iconlink .icon {
  min-width: 64px;
  width: 64px;
  height: 64px;
}

.flexiconlinks.linksize96 .iconlink .icon {
  min-width: 96px;
  width: 96px;
  height: 96px;
}

.flexiconlinks.linksize128 .iconlink .icon {
  min-width: 128px;
  width: 128px;
  height: 128px;
}

.flexiconlinks.linksize192 .iconlink .icon {
  min-width: 192px;
  width: 192px;
  height: 192px;
}

.flexiconlinks.linksize256 .iconlink .icon {
  min-width: 256px;
  width: 256px;
  height: 256px;
}

.flexiconlinks.iconsize64 .iconlink .icon {
  min-width: 64px;
  width: 64px;
  height: 64px;
}

.flexiconlinks.iconsize96 .iconlink .icon {
  min-width: 96px;
  width: 96px;
  height: 96px;
}

.flexiconlinks.iconsize128 .iconlink .icon {
  min-width: 128px;
  width: 128px;
  height: 128px;
}

.flexiconlinks.iconsize192 .iconlink .icon {
  min-width: 192px;
  width: 192px;
  height: 192px;
}

.flexiconlinks.iconsize256 .iconlink .icon {
  min-width: 256px;
  width: 256px;
  height: 256px;
}

.flexiconlinks .iconlink .icon a {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  align-items: center;
  flex: 0 0 100%;
}

.flexiconlinks .iconlink .text {
  color: #ffffff;
  width: 100%;
  text-align: center;
}

.flexiconlinks.horizontal .iconlink .text {
  width: auto;
  text-align: left;
}

.flexiconlinks .iconlink .text a {
  display: block;
  width: auto;
}

.flexiconlinks.horizontal .iconlink .text a {
  padding-left: 0.5rem !important;
}

/*******************************
/* Responsive flex page layout *
/*******************************/
.rfpelements {
  display: flex;
  flex-flow: row wrap;
  margin: -5px;
}

.rfpshelf,
.rfpstack {
  display: flex;
  flex-flow: column nowrap;
  margin: 0;
  padding: 0;
  flex: 0 0 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.rfpblock {
  margin: 5px;
  padding: 3px 6px;
  flex: 0 0 calc( 100% - 10px );
  max-width: calc( 100% - 10px );
  text-align: center;
  box-sizing: border-box;
}

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

.rfpstack .rfpstack,
.rfpstack .rfpshelf,
.rfpshelf .rfpshelf,
.rfpshelf .rfpstack {
  flex: 1 0 auto;
  max-width: 100%;
}

.rfpstack .rfpblock,
.rfpshelf .rfpblock {
  flex: 1 0 auto;
  max-width: calc( 100% - 10px );
}

.rfpstack .rfpnoresize {
  flex: 0 0 auto;
}

@media (min-width: 820px) {
  .rfp100-50-67size,
  .rfp100-50-50size,
  .rfp100-50-33size {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .rfpblock.rfp100-50-67size,
  .rfpblock.rfp100-50-50size,
  .rfpblock.rfp100-50-33size {
    flex: 0 0 calc( 50% - 10px );
    max-width: calc( 50% - 10px );
  }
}

@media (min-width: 1440px) {
  .rfp100-100-67size,
  .rfp100-50-67size {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .rfpblock.rfp100-100-67size,
  .rfpblock.rfp100-50-67size {
    flex: 0 0 calc( 66.666667% - 10px );
    max-width: calc( 66.666667% - 10px );
  }

  .rfp100-100-50size,
  .rfp100-50-50size {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .rfpblock.rfp100-100-50size,
  .rfpblock.rfp100-50-50size {
    flex: 0 0 calc( 50% - 10px );
    max-width: calc( 50% - 10px );
  }

  .rfp100-100-33size,
  .rfp100-50-33size {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .rfpblock.rfp100-100-33size,
  .rfpblock.rfp100-50-33size {
    flex: 0 0 calc( 33.333333% - 10px );
    max-width: calc( 33.333333% - 10px );
  }

  .rfpshelf {
    flex-flow: row wrap;
  }

  .rfpshelf > .rfpstack {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .rfpshelf > .rfpblock {
    flex: 0 0 calc( 50% - 10px );
    max-width: calc( 50% - 10px );
  }

  .rfpshelf > .rfpstack.rfpkeepwide {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .rfpshelf > .rfpblock.rfpkeepwide {
    flex: 0 0 calc( 100% - 10px );
    max-width: calc( 100% - 10px );
  }
}

/****************************
/* Responsive flex specials *
/****************************/
.rfptwitter {
  display: flex;
  flex-flow: column nowrap;
}

.rfptwitter .body,
.rfptwitter .body .twitter-timeline-wrapper {
  border: none;
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 410px;
}

.rfptwitter .body .twitter-timeline-wrapper iframe {
  border: none;
  width: auto !important;
  height: auto !important;
  flex: 0 0 400px;
}

@media (min-width: 820px) {
  .rfptwitter .body,
  .rfptwitter .body .twitter-timeline-wrapper,
  .rfptwitter .body .twitter-timeline-wrapper iframe {
    flex: 1 0 auto;
  }
}

.rfpblock div.slideboxlightshow, 
.rfpblock div.slideboxlightshow a {
  max-width: 100%;
  height: auto;
}

/******************************
/* Responsive flex appearance *
/******************************/
.rfpbox,
.rfpdesktopbox {
  background: #102641 url("/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 5px;
  padding: 3px 6px;
}

.rfpblock .heading {
  border-bottom: 1px solid #9b7b89;
  background: transparent;
  color: #9ec6f5;
  font-family: Roboto, sans-serif;
  font-size: 132%;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

/******************************************
/* Responsive flex documentation examples *
/******************************************/
.rfpdoclabel {
  border: 1px solid #9b7b89;
  padding: 3px 6px;
  text-align: center;
}

.rfpdocexample {
  display: flex;
  flex-flow: row wrap;
  text-align: center;
  margin: 0 0 10px 0;
}

.rfpdocnarrow {
  border: 1px solid #9b7b89;
  padding: 3px 0 0 0;
  width: 16.666667%;
  box-sizing: border-box;
}

.rfpdocmedium {
  border: 1px solid #9b7b89;
  padding: 3px 0 0 0;
  width: 33.333333%;
  box-sizing: border-box;
}

.rfpdocwide {
  border: 1px solid #9b7b89;
  padding: 3px 0 0 0;
  width: 50%;
  box-sizing: border-box;
}

.rfpdocelements {
  display: flex;
  flex-flow: row wrap;
}

.rfpdocshelf,
.rfpdocstack {
  display: flex;
  flex-flow: column nowrap;
  margin: 0;
  padding: 0;
  flex: 0 0 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.rfpdocblock {
  margin: 5px;
  padding: 3px 6px;
  flex: 0 0 calc( 100% - 10px );
  max-width: calc( 100% - 10px );
  text-align: center;
  box-sizing: border-box;
}

.rfpdocstack .rfpdocstack,
.rfpsdoctack .rfpdocshelf,
.rfpdocshelf .rfpdocshelf,
.rfpdocshelf .rfpdocstack {
  flex: 1 0 auto;
  max-width: 100%;
}

.rfpdocstack .rfpdocblock,
.rfpdocshelf .rfpdocblock {
  flex: 1 0 auto;
  max-width: calc( 100% - 10px );
}

.rfpdocstack .rfpdocnoresize {
  flex: 0 0 auto;
}

.rfpdocmedium .rfpdoc100-50-67size,
.rfpdocmedium .rfpdoc100-50-50size,
.rfpdocmedium .rfpdoc100-50-33size {
  flex: 0 0 50%;
  max-width: 50%;
}

.rfpdocmedium .rfpdocblock.rfpdoc100-50-67size,
.rfpdocmedium .rfpdocblock.rfpdoc100-50-50size,
.rfpdocmedium .rfpdocblock.rfpdoc100-50-33size {
  flex: 0 0 calc( 50% - 10px );
  max-width: calc( 50% - 10px );
}

.rfpdocwide .rfpdoc100-100-67size,
.rfpdocwide .rfpdoc100-50-67size {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.rfpdocwide .rfpdocblock.rfpdoc100-100-67size,
.rfpdocwide .rfpdocblock.rfpdoc100-50-67size {
  flex: 0 0 calc( 66.666667% - 10px );
  max-width: calc( 66.666667% - 10px );
}

.rfpdocwide .rfpdoc100-100-50size,
.rfpdocwide .rfpdoc100-50-50size {
  flex: 0 0 50%;
  max-width: 50%;
}

.rfpdocwide .rfpdocblock.rfpdoc100-100-50size,
.rfpdocwide .rfpdocblock.rfpdoc100-50-50size {
  flex: 0 0 calc( 50% - 10px );
  max-width: calc( 50% - 10px );
}

.rfpdocwide .rfpdoc100-100-33size,
.rfpdocwide .rfpdoc100-50-33size {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.rfpdocwide .rfpdocblock.rfpdoc100-100-33size,
.rfpdocwide .rfpdocblock.rfpdoc100-50-33size {
  flex: 0 0 calc( 33.333333% - 10px );
  max-width: calc( 33.333333% - 10px );
}

.rfpdocwide .rfpdocshelf {
  flex-flow: row wrap;
}

.rfpdocwide .rfpdocshelf > .rfpdocstack {
  flex: 0 0 50%;
  max-width: 50%;
}

.rfpdocwide .rfpdocshelf > .rfpdocblock {
  flex: 0 0 calc( 50% - 10px );
  max-width: calc( 50% - 10px );
}

.rfpdocwide .rfpdocshelf > .rfpdocstack.rfpdockeepwide {
  flex: 0 0 100%;
  max-width: 100%;
}

.rfpdocwide .rfpdocshelf > .rfpdocblock.rfpdockeepwide {
  flex: 0 0 calc( 100% - 10px );
  max-width: calc( 100% - 10px );
}

/******************
/* Infobox styles *
/******************/
#bodyContent .stdinfobox {
  float: right;
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 0 10px 20px;
  padding: 3px 6px;
  vertical-align: top;
  width: 280px;
}

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

#bodyContent .stdinfobox .title {
  border: none;
  border-bottom: 1px solid #9b7b89;
  color: #9ec6f5;
  text-shadow: 0 1px 0 #000000;
  font-size: 150%;
  text-align: center;
  margin: 0 0 8px 0;
  padding: 0 0 5px 0;
}

#bodyContent .stdinfobox .subtitle {
  border: none;
  border-bottom: 1px solid #9b7b89;
  color: #ffffff;
  text-align: center;
  margin: 0 0 8px 0;
  padding: 0 0 5px 0;
  overflow: auto;
}

#bodyContent .stdinfobox .box {
  border: 1px solid #9b7b89;
  background: transparent;
  color: #ffffff;
  text-align: left;
  margin: 0 0 10px 0;
  padding: 3px 6px;
  overflow: auto;
}

#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 {
  margin: 0 auto;
}

#bodyContent .stdinfobox table tr th {
  border: none;
  background: transparent;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 1px 0 #000000;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  padding: 0 3px 1px 0;
}

#bodyContent .stdinfobox table tr td {
  border: none;
  background: transparent;
  color: #ffffff;
  text-align: left;
  vertical-align: center;
  padding: 0 0 1px 3px;
}

#bodyContent .stdinfobox table tr th.wide, #bodyContent .stdinfobox table tr td.wide {
  text-align: center;
  padding: 0 3px 1px 3px;
}

/*********************
/* Navigation tables *
/*********************/
table.nav {
  border: none;
  border-collapse: collapse;
  color: #ffffff;
  margin: 0 auto 10px auto;
  padding: 0;
  clear: both;
}

table.nav th, table.nav tr th, table.nav > tr > th, table.nav > * > tr > th {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 1px 0 #000000;
  text-align: center;
  vertical-align: top;
  margin: 0;
  padding: 0 5px 5px 5px;
}

table.nav td, table.nav tr td, table.nav > tr > td, table.nav > * > tr > td {
  background: transparent;
  border: 1px solid #9b7b89;
  color: #ffffff;
  text-align: left;
  margin: 0;
  padding: 3px 11px 8px 11px;
}

table.nav td.list, table.nav tr td.list, table.nav > tr > td.list, table.nav > * > tr > td.list {
  padding: 0;
}

table.nav td .item {
  display: inline-block;
  border-left: 1px solid #9b7b89;
  margin: 3px 0 6px 0;
  padding: 0 11px 2px 11px;
  vertical-align: top;
}

table.nav td .item:first-child {
  border: none;
}

/******************
/* General styles *
/******************/
.contentbox {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
  overflow: auto;
}

span.bullet {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANCAYAAABhPKSIAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gkXEwQj/FVz9wAAACxJREFUGNNjYBh0gJGBgYEhO+nefpjA1HlKjoxQAQckhQeYsGlnItpMrLYDAJgaC3J+7fp+AAAAAElFTkSuQmCC") no-repeat center 60%;
  width: 9px;
  font-size: 11px;
  vertical-align: baseline;
}

.dablink {
  padding: 2px 36px 10px 36px;
  font-style: italic;
}

span.ghost {
  color: #999999; /* For any text that appear fainter for some reason */
}

.columns {
  padding: 0;
  margin: 10px 0 0 0;
  overflow: hidden;
}

.columns .leftcol {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
}

.columns .centercol {
  float: left;
  margin: 0;
  padding: 0;
}

.columns .rightcol {
  float: right;
  width: 50%;
  margin: 0;
  padding: 0;
}



/*********************
/* Front page styles *
/*********************/
.fpmain {
  width: 100%;
  overflow: hidden;
  z-index: 1;
}

.fpbanner {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 0 5px 5px 5px;
  padding: 5px;
  min-height: 80px;
}

.fpbannertable {
  display: table;
  border: none;
  background: transparent;
  width: 100%; 
  min-height: 75px;
  margin: 0;
  padding: 5px;
}

.fpbannercell {
  display: table-cell; 
  text-align: center; 
  vertical-align: middle;
}

.fpbannerblock {
  border: none;
  color: #ffffff;
  font-weight: bold;
  font-size: 132%;
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

.fpbanner1 .fpbannertable {
  background: url("https://strife.gamepedia.com/media/strife.gamepedia.com/f/f2/Fpbox_left_1.png") left center no-repeat, 
              #ffffff url("https://strife.gamepedia.com/media/strife.gamepedia.com/5/5c/Fpbox_right_1.png") right center no-repeat;
}

.fpmidsections {
  float: left;
  width: 100%;
  overflow: hidden;
}

.fpbox {
  background: #102641 url("https://prismata.gamepedia.com/media/prismata.gamepedia.com/0/03/Skin-Element-Background.png") left top repeat;
  border: 3px ridge #b8a3ac;
  box-shadow: 0 0 0 1px #000000 inset;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
}

.fpbox .welcome {
  border: none;
  border-bottom: 1px solid #9b7b89;
  color: #9ec6f5;
  text-shadow: 0 1px 0 #000000;
  font-size: 150%;
  font-weight: bold;
  text-align: center;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

.fpbox .heading {
  border: none;
  border-bottom: 1px solid #9b7b89;
  color: #9ec6f5;
  text-shadow: 0 1px 0 #000000;
  font-size: 132%;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

.fpbox .heading .smalllink {
  float: right;
  color: #ffffff;
  font-weight: bold;
  font-size: 75%;
  width: 50%;
}

.fpmain .columns .leftcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

.fpmain .columns .rightcol {
  width: 100%;
  margin: 0;
  padding: 0;
}

.fpsection1, .fpsection2, .fpsection3, .fpsection4 {
  float: left;
  clear: both; 
  width: 100%;
}

div.fp2columnonly, div.fp3columnonly {
  display: none; 
}

@media (min-width: 790px) {
  .fpsection1 {
    float: left;
    clear: none;
    width: 50%;
  }

  .fpmidsections {
    clear: none;
    float: right;
    width: 50%;
  }

  .fpsection4 {
    float: left;
    clear: none;
    width: 50%;
  }

  div.fp2columnonly {
    display: block; 
  }
}

@media (min-width: 990px) {
  .fpmain .columns .leftcol {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
  }

  .fpmain .columns .rightcol {
    float: right;
    width: 50%;
    margin: 0;
    padding: 0;
  }
}

@media (min-width: 1390px) {
  .fpmidsections {
    clear: none;
    float: right;
    width: 66.667%;
  }

  .fpsection1 {
    clear: none;
    width: 33.333%;
  }

  .fpsection2 {
    clear: none;
    width: 50%;
  }

  .fpsection3 {
    clear: none;
    width: 50%;
  }
 
  .fpsection4 {
    clear: left;
    width: 33.333%;
  }

  div.fp2columnonly {
    display: none; 
  }

  div.fp3columnonly {
    display: block; 
  }
}

.fpplainbox {
  padding: 5px 8px 10px 8px;
  margin: 0 5px 10px 5px;
  vertical-align: top;
}

.fpimagelinks {
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}

.fpimagelinkrow {
  padding-left: 112px;
}

.fpimagelink {
  float: left;
  background: transparent;
  border: 1px solid #9b7b89;
  position: relative;
  margin: 0 5px 10px 5px;
  padding: 0;
  width: 100px;
  height: 100px;
}

.fpimagelink.main {
  margin-left: -115px;
}

.fpimagelink .image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 60px;
  z-index: 0;
}

.fpimagelink .text {
  position: absolute;
  left: 0;
  bottom: 0;
  font-weight: bold;
  color: #cccccc;
  text-shadow: -1px -1px 2px #000000,
               1px 1px 2px #000000,
               0 1px 0 #000000;
  text-align: center;
  width: 100px;
  z-index: 1;
}

.fpimagelink .text a {
  color: #ffffff;
}

div#content .fpimagelink .text a:visited {
  color: #ede5d3;
}

.fpimagebulletlist .item {
  padding-left: 1.6em;
  overflow: hidden;
}

.fpimagebulletlist .image {
  float: left;
  margin-left: -1.6em;
}

.fpimagebulletlist .text {
  overflow: hidden;
}

.fpvideos {
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
}

.fpvideo {
  display: inline-block;
  margin: 0 5px;
}