Gloomhaven Wiki

We've Moved! Just as Gamepedia has joined forces with Fandom, this wiki had joined forces with our Fandom equivalent. The wiki has been archived and we ask that readers and editors move to the now combined wiki on Fandom. Click to go to the new wiki.

READ MORE

Gloomhaven Wiki
Don't have an account?
Register
Advertisement
Register
Gloomhaven Wiki
Gloomhaven Wiki
14
pages

Hydradark.css

MediaWiki page
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
/* CSS placed here will affect users of the Hydra Dark skin */

/******************
/* General styles *
/******************/
/* latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 400;
  src: local('Crimson Text Italic'), local('CrimsonText-Italic'), url(https://fonts.gstatic.com/s/crimsontext/v8/wlpogwHKFkZgtmSR3NB0oRJfajhRK_Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 700;
  src: local('Crimson Text Bold Italic'), local('CrimsonText-BoldItalic'), url(https://fonts.gstatic.com/s/crimsontext/v8/wlprgwHKFkZgtmSR3NB0oRJfajDqDuNS_LU.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  src: local('Crimson Text Regular'), local('CrimsonText-Regular'), url(https://fonts.gstatic.com/s/crimsontext/v8/wlp2gwHKFkZgtmSR3NB0oRJfbwhT.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 700;
  src: local('Crimson Text Bold'), local('CrimsonText-Bold'), url(https://fonts.gstatic.com/s/crimsontext/v8/wlppgwHKFkZgtmSR3NB0oRJX1C1GDNNQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: local('Poppins Italic'), local('Poppins-Italic'), url(https://fonts.gstatic.com/s/poppins/v5/pxiGyp8kv8JHgFVrJJLucXtAKPY.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: local('Poppins Italic'), local('Poppins-Italic'), url(https://fonts.gstatic.com/s/poppins/v5/pxiGyp8kv8JHgFVrJJLufntAKPY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: local('Poppins Italic'), local('Poppins-Italic'), url(https://fonts.gstatic.com/s/poppins/v5/pxiGyp8kv8JHgFVrJJLucHtA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: local('Poppins Bold Italic'), local('Poppins-BoldItalic'), url(https://fonts.gstatic.com/s/poppins/v5/pxiDyp8kv8JHgFVrJJLmy15VFteOcEg.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: local('Poppins Bold Italic'), local('Poppins-BoldItalic'), url(https://fonts.gstatic.com/s/poppins/v5/pxiDyp8kv8JHgFVrJJLmy15VGdeOcEg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: local('Poppins Bold Italic'), local('Poppins-BoldItalic'), url(https://fonts.gstatic.com/s/poppins/v5/pxiDyp8kv8JHgFVrJJLmy15VF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v5/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v5/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v5/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
  background: #1f1c1a url("https://static.wikia.nocookie.net/gloomhaven_gamepedia_en/images/1/13/Skin-Body-Background.jpg/revision/latest") no-repeat center 31px / 100% auto;
  font-family: Poppins, sans-serif;
}

div#mw-page-base {
  background: transparent;
  height: 92px;
  margin: 0 0 0 0;
}

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

#p-logo a {
  background-size: 100% 100%;
  width: 160px;
  height: 53px;
  margin: 0;
  padding: 0;
}

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

div#mw-head {
  border-bottom: 2px solid #8a4e2a;
  background: transparent;
  font-family: Poppins, sans-serif;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  height: 90px;
}

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

#right-navigation {
  margin: 60px 20px 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#mw-head div.vectorTabs li span a {
  background: transparent;
  color: #d4d409;
  height: 30px;
  line-height: 30px;
  padding: 0 3px 0 3px;
  margin: 0 3px 0 3px;
}

div#mw-head div.vectorTabs span a:visited {
  color: #c6c609 !important;
}

div#mw-head div.vectorTabs li span a:hover, div.vectorTabs li span a:visited:hover {
}

div#mw-head div.vectorTabs li.selected span a, div.vectorTabs li.selected span a:hover {
  color: #ffffff !important;
}

div#mw-head div.vectorTabs li.new span a {
  color: #fbaeae !important;
}

div#mw-head div.vectorTabs li.new span a:visited {
  color: #fba6a6 !important;
}

div#mw-head div.vectorTabs li.new span a:hover, div.vectorTabs li.new span a:visited:hover {
}

div#mw-head div.vectorTabs li.selected.new span a, div.vectorTabs li.selected.new span a:hover {
  color: #ffd7d7 !important;
}

div#mw-head div.vectorTabs span a:active {
  color: #ffffff !important;
}

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

#p-views {
}

div#mw-head  #ca-unwatch.icon a, div#mw-head #ca-watch.icon a {
  border: none;
  background-color: transparent;
  background-position: center center;
  padding: 30px 3px 0 3px;
  width: 29px;
  height: 0;
}

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

div#mw-head #ca-unwatch.icon a, div#mw-head #ca-unwatch.icon a:hover, div#mw-head #ca-unwatch.icon a:focus {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAMAAADpC5XfAAAAq1BMVEUAAADGxgnU1AnHxwnU1AnU1AnU1AnU1AnJyQnT0wnU1AnU1AnU1AnU1AnU1AnKygnQ0AnU1AnNzQnKygnU1AnT0wnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnKygnU1AnT0wnOzgnMzAnS0gnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnLywnU1AnU1AnR0QnPzwnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnWjNEoAAAAOXRSTlMA/i779t8XA/7t19TPOCb39vDv7OLev6Wdi2ASCfz75+bj39quqZJ4UUoNBvPKyMa+tINybFtAIhx8w2pKAAAAuElEQVQoz7WQxxKCMAAFCYSWEHpXmiCo2Pv/f5kk6kxm4Kh73MObnSf8kvmUJI0yYZNsNZazvR6P7V12kTIeqKWCn3iIA8SoQB2JlCeVyg46uq4XOXADhFAJI5Vmdk6Qa5oGgDRgBXLKFtS1YXgSYCzkkHyXzSX2PrLlOjaNTaUGzz2XoZ6YBU7Hx5r+Fri2B6qQv+hWWgc59o+Wb3I2hjgkQwuGKfcMhq3CWrKIs0nav1uuF1X4Iy//aQwuyiyHZAAAAABJRU5ErkJggg==") no-repeat center center;
}

div#mw-head #ca-watch.icon a, div#mw-head #ca-watch.icon a:hover, div#mw-head #ca-watch.icon a:focus {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAMAAADpC5XfAAAAgVBMVEUAAADU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AnU1AloEMGAAAAAK3RSTlMALb4N4d14JhcE89DDsZ2LUjs3CgPl1cvJqKSTaWBDIhIG/Ozj2XBbSoMcfmXCxgAAALVJREFUKM+1kNkOgyAURNkRFRTqvraubf//Ays2JiT62J4XkkNyZzLgl9yupJbehY2G+CzvRabOtqNL5p0PIEjcEz3cMAETsoKWt5Ve7o9pmlINmjwMw9mvhK3JRtRB2AMgMMa6IC2wJM8A8SNzRua4zMtA7/8NrZ0euJQPmzu97HMgZG13wAUDDpzEmKE4iZA70UqNooqwlXDHqilHZusS+q2zTObv2bwcKsdG7TcbN4sAf+QD1a8J/QLYZwUAAAAASUVORK5CYII=") no-repeat center center;
}

div.vectorMenu {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAeAQMAAAD5HscWAAAABlBMVEUAAADU1Amzb5ycAAAAAXRSTlMAQObYZgAAABtJREFUCNdjIAcw/2NgYPwDZPwA4gIgViDZCADWFAOHSKXj2gAAAABJRU5ErkJggg==") no-repeat left center;
  height: 30px;
  line-height: 27px;
  margin: 0;
  padding: 0 3px;
}

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

div#p-sharing {
  width: auto;
}

div.vectorMenu h4 {
  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 {
  height: 30px;
  line-height: 30px;
  margin: 0 0 0 0;
  background: transparent;
}

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

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

div.vectorMenu div.menu {
  border: 1px solid #8a4e2a;
  background: #2a211c;
  color: #ffffff;
  font-family: Poppins, sans-serif;
  margin: 0;
  padding: 0 0 0 0;
  top: 30px;
  z-index: 3000;
}

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

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: #d4d409;
  margin: 2px 5px;
  padding: 1px 0;
}

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

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

#p-search {
  position: absolute;
  top: 10px;
  right: 20px;
  height: 30px;
  line-height: 27px;
  margin: 15px 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;
}

#searchInput {
  font-family: Poppins, sans-serif;
  border: none;
  background: #8a4e2a;
  color: #ffffff;
}

div#simpleSearch {
  border: none;
  background: #8a4e2a;
  color: #ffffff;
  line-height: 1.4em;
  padding: 2px 2px;
}

div#simpleSearch #searchInput {
  border-radius: 0;
  border: none;
  box-shadow: none;
  background: transparent;
  color: #ffffff;
}

#searchInput::placeholder, div#simpleSearch #searchInput::placeholder {
  color: #d08e65;
}

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;
}

.skin-hydradark div.suggestions, html > body.skin-hydradark div.suggestions {
  margin-top: -31px;
  border: none;
  background: #8a4e2a;
  color: #d4d409;
}

.skin-hydradark .suggestions-results, .skin-hydradark .suggestions-results .suggestions-result, .skin-hydradark .suggestions-special {
  border: none;
  background: #8a4e2a;
  color: #d4d409;
}

.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: #d4d409;
}

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

.skin-hydradark .suggestions-result-current {
  background: #b06536 !important;
  color: #f0f00b;
}

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

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

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

.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: #f0f00b;
}

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

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

#mw-dismissable-notice td > a {
}

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

#localNotice {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.1);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

/***********************
/* Left sidebar styles *
/***********************/
.skin-hydradark div#mw-panel, .skin-hydradark div#mw-panel.collapsible-nav {
  position: static !important;
  float: left;
  top: 0;
  margin-left: -160px;
  margin-right: 0;
  margin-top: -30px;
  margin-bottom: 60px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 20px;
  padding-bottom: 0;
  width: 160px;
  overflow: visible;
}

.skin-hydradark div#mw-panel div.portal, .skin-hydradark div#mw-panel.collapsible-nav div.portal {
  background: transparent !important;
  margin: 5px 0 0 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 5px !important;
  padding-right: 5px !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-family: Poppins, sans-serif;
  font-weight: bold;
  margin: 0 0 0 0 !important;
  padding: 0 0 5px 0 !important;
  width: auto;
}

.skin-hydradark div#mw-panel.collapsible-nav div.portal.collapsed h3 {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHAQMAAAD6aRWtAAAABlBMVEUAAADU1Amzb5ycAAAAAXRSTlMAQObYZgAAABRJREFUCNdjcGBIYChgqADiBAYHABI2AplsTbNMAAAAAElFTkSuQmCC") center right no-repeat;
  color: #ffffff;
  margin: 0 -2px 0 -2px !important;
  padding: 0 8px 0px 2px !important;
  width: auto !important;
}

.skin-hydradark div#mw-panel.collapsible-nav div.portal.expanded h3 {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEAQMAAAB4CLc+AAAABlBMVEUAAADU1Amzb5ycAAAAAXRSTlMAQObYZgAAABBJREFUCNdj+MdQw2DBIAAACh4Bwxq35G8AAAAASUVORK5CYII=") center right no-repeat;
  color: #ffffff;
  margin: 0 -2px 0 -2px !important;
  padding: 0 11px 5px 2px !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 !important;
}

.skin-hydradark div#mw-panel.collapsible-nav div.portal.collapsed h3:hover a, .skin-hydradark div#mw-panel.collapsible-nav div.portal.collapsed h3 a:hover {
  text-decoration: underline;
  text-decoration-color: #ffffff !important;
}

.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 {
  background: transparent;
  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 div.body {
  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: #d4d409;
}

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

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 #p-logo + 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: #d4d409;
}

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

div#content a.new, a.new {
  color: #fbaeae;
}

div#content a.new:visited, a.new:visited {
  color: #fba6a6;
}

a.stub {
  color: #f9b66f;
}

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

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

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

a:active {
  color: #ffffff;
}

/******************
/* 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: 0 20px 0 20px;
}

div#content #firstHeading {
  border: none;
  border-bottom: 1px solid #8a4e2a;
  color: #ffffff;
  font-family: 'Crimson Text', serif;
  margin: 10px 0 10px 0;
  padding: 0 0 5px 0;
}

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

div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {
  border: none;
  font-family: 'Crimson Text', serif;
  color: #ffffff;
  margin: 20px 0 8px 0;
  padding: 0 0 5px 0;
  overflow: hidden;
}

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

div#content .login-intro h2 {
  border-bottom: none;
  background: transparent;
  font-family: Poppins, sans-serif;
  text-shadow: none;
  letter-spacing: normal;
}

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

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

div#content .mw-editsection, div#content .mw-editsection-like {
  font-weight: normal;
  font-variant: normal;
}

div#content .mw-editsection a:link, div#content .mw-editsection-like 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: #d08e65;
}

div.toc, div#toc {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.1);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

#toctitle {
}

div#content #toctitle h2 {
  border: none;
  font-family: Poppins, sans-serif;
  padding: 0 0 5px 0;
}

.toctoggle, #toc .toctoggle {
  color: #ffffff;
  font-family: Poppins, sans-serif;
  font-variant: normal;
  text-shadow: none;
}

.toctoggle a, #toc .toctoggle a {
}

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

hr {
  border-bottom: 1px solid #8a4e2a;
}

ul {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANAQMAAABb8jbLAAAABlBMVEUAAACKTir8hIzEAAAAAXRSTlMAQObYZgAAABJJREFUCNdjQAUFDD9AEEgzAAAakgPJrriBwgAAAABJRU5ErkJggg==");
}

img {
}

.skin-hydradark div#content table {
  color: #ffffff;
}

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

.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 {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.8);
  color: #ffffff;
  font-weight: bold;
  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 {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.1);
  color: #ffffff;
  padding: 0 3px 1px 3px;
}

table.dataTable td:hover {
  background: rgba(138, 78, 42, 0.65);
}

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(176, 101, 54, 0.1);
}

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(97, 56, 30, 0.1);
}

.skin-hydradark table.jquery-tablesorter th.headerSort, table.dataTable thead .sorting {
  background: rgba(138, 78, 42, 0.8) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAALAQMAAACqBVQ+AAAABlBMVEUAAADU1Amzb5ycAAAAAXRSTlMAQObYZgAAAB5JREFUCNdjAAMFIC4A4h8MDIx/QAJQ+gdUXAEsBABvCgULmkeT5gAAAABJRU5ErkJggg==") no-repeat right center !important;
  padding: 0 15px 1px 3px;
}

.skin-hydradark table.jquery-tablesorter th.headerSortDown, table.dataTable thead .sorting_desc {
  background: rgba(138, 78, 42, 0.8) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAGAQMAAAAWm0fgAAAABlBMVEUAAADU1Amzb5ycAAAAAXRSTlMAQObYZgAAABVJREFUCNdjAAMBILYA4hog/gcWAQAPFAHDRtnHWgAAAABJRU5ErkJggg==") no-repeat right center !important;
  padding: 0 15px 1px 3px;
}

.skin-hydradark table.jquery-tablesorter th.headerSortUp, table.dataTable thead .sorting_asc {
  background: rgba(138, 78, 42, 0.8) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAGAQMAAAAWm0fgAAAABlBMVEUAAADU1Amzb5ycAAAAAXRSTlMAQObYZgAAABZJREFUCNdjAAHGP0DiBxAXALECWAgAJJMChuJIGeYAAAAASUVORK5CYII=") no-repeat right center !important;
  padding: 0 15px 1px 3px;
}

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

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

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

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  border-radius: 4px;
  border: 2px solid #8a4e2a;
  background: rgba(3, 2, 0, 0.8);
  color: #cccccc;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  border-radius: 4px;
  border: 2px solid #8a4e2a;
  background: #030200;
  color: #ffffff;
}

ul.gallery {
}

li.gallerybox {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.1);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

li.gallerybox div.thumb {
  border: none;
  background: transparent;
  color: #ffffff;
}

div.gallerytext {
  text-align: center;
}

div.thumb {
  border: none;
  background: transparent;
  color: #ffffff;
}

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

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

div.thumbinner {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.1);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 5px !important;
}

html .thumbimage {
  border: none;
  background: transparent;
  color: #ffffff;
}

.thumbcaption {
}

.gallerytext p, .thumbcaption {
}

.toggle {
}

.sn-small {
}

sub, sup a {
}

sup.reference {
}

pre, .skin-hydradark .mw-code {
  border: 1px dashed #8a4e2a;
  background: #61381e;
  color: #ffffff;
  padding: 2px 2px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

code {
  border: 1px dashed #8a4e2a;
  background: transparent;
  white-space: pre-wrap;
  word-wrap: break-word;
}

#catlinks {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.1);
  color: #ffffff;
  margin: 10px 0 10px 0;
  padding: 3px 6px;
}

#catlinks li {
  border-left: 1px solid #8a4e2a;
}

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

/********************
/* Interface styles *
/********************/
input, select {
  font-family: Poppins, sans-serif;
  border: none;
  background: #8a4e2a;
  color: #ffffff;
  padding: 2px 2px;
}

textarea {
  border: none;
  background: #8a4e2a;
  color: #ffffff;
  padding: 2px 2px;
}

.oo-ui-dropdownWidget, .oo-ui-dropdownWidget-handle, .oo-ui-menuSelectWidget, .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea {
  border: none;
  background: #8a4e2a;
  color: #ffffff;
}

.oo-ui-dropdownWidget .oo-ui-selectWidget {
  border: none;
  background: #8a4e2a;
  color: #ffffff;
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
  background-color: #b06536;
  color: #ffffff;
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
  background-color: #b06536;
  color: #ffffff;
}

.oo-ui-dropdownWidget .oo-ui-indicator-down, .oo-ui-menuOptionWidget .oo-ui-indicator-down {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEAQMAAAB4CLc+AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAABBJREFUCNdj+MdQw2DBIAAACh4Bwxq35G8AAAAASUVORK5CYII=");
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
  font-family: Poppins, sans-serif;
  border-radius: 4px;
  border: 2px solid #8a4e2a;
  background: rgba(3, 2, 0, 0.8);
  color: #cccccc;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
  background: #030200;
  color: #ffffff;
}

.oo-ui-panelLayout-framed {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.1);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.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 {
  font-family: Poppins, 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 {
  font-family: Poppins, sans-serif;
  border-radius: 4px;
  border: 2px solid #8a4e2a;
  background: rgba(3, 2, 0, 0.8);
  color: #cccccc;
  padding: 3px 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: #030200;
  color: #ffffff;
}

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, .skin-hydradark .mw-ui-button.mw-ui-progressive:disabled, .skin-hydradark .mw-ui-button.mw-ui-primary:disabled {
  background: rgba(138, 78, 42, 0.8);
  color: #8a4e2a;
}

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

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

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

.usermessage {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.1);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

body.skin-hydradark .mw-notification {
  border: 1px solid #8a4e2a;
  background: #2a211c;
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

body.skin-hydradark .mw-notification.postedit {
  box-shadow: none;
  border-radius: 0;
  border: 1px solid #8a4e2a;
  background: #1f1c1a;
  color: #ffffff;
  text-shadow: none;
  margin: 0 0 10px 0;
  padding: 3px 3em 3px 6px;
}

body.skin-hydradark .postedit-close, body.skin-hydradark .postedit-close:hover {
  color: #ffffff;
  text-shadow: none;
}

div.mw-warning {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.1);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div.mw-warning-with-logexcerpt {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.1);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div#content fieldset {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.1);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div#content fieldset fieldset {
  border: 1px solid #8a4e2a;
  background: transparent;
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div#content fieldset legend {
  border: none;
  background: transparent;
  color: #ffffff;
  font-family: Poppins, sans-serif;
  margin: 0 0 8px 0;
  padding: 3px 6px;
}

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

.mw-plusminus-pos {
  color: #00fb00;
}

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

.autocomment {
  color: #d08e65;
}

.mw-changeslist-legend {
  border: 1px solid #8a4e2a;
  background: transparent;
  color: #ffffff;
  margin: 0 0 10px 20px;
  padding: 3px 6px;
}

.skin-hydradark .mw-search-profile-tabs {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.1);
  color: #ffffff;
  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;
  color: #ffffff;
  margin: 1px;
  padding: 0;
}

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

.skin-hydradark table.diff {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.1);
  color: #ffffff;
  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: 1px solid #004300;
  background: rgba(0, 59, 0, 0.25);
  color: #c0c0c0;
}

td.diff-deletedline {
  border: 1px solid #343400;
  background: rgba(66, 66, 0, 0.25);
  color: #c0c0c0;
}

td.diff-context {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.1);
  color: #868686;
}

td.diff-addedline .diffchange {
  background: rgba(0, 137, 0, 0.25);
  color: #e6ffe6;
}

td.diff-deletedline .diffchange {
  background: rgba(106, 106, 0, 0.25);
  color: #ffff9e;
}

body.skin-hydradark fieldset#mw-searchoptions {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.1);
  color: #ffffff;
  margin: -10px 0 10px 0 !important;
  padding: 3px 6px;
}

body.skin-hydradark fieldset#mw-searchoptions h4 {
  border: none;
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

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

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

.skin-hydradark div#preferences fieldset.prefsection {
  border: none;
  box-shadow: none;
  background: transparent;
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 0;
}

.skin-hydradark div#preferences fieldset.prefsection legend {
  border: none;
  background: transparent;
  color: #ffffff;
  font-family: Poppins, sans-serif;
  margin: 0 0 8px 0;
  padding: 3px 6px;
}

.skin-hydradark div#preferences fieldset, .skin-hydradark div#preferences fieldset.prefsection fieldset {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.1);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.skin-hydradark div#preferences fieldset legend, .skin-hydradark div#preferences fieldset.prefsection fieldset legend {
  border: none;
  background: transparent;
  color: #ffffff;
  font-family: Poppins, sans-serif;
  margin: 0 0 8px 0;
  padding: 3px 6px;
}

.skin-hydradark div#preferences fieldset fieldset, .skin-hydradark div#preferences fieldset.prefsection fieldset fieldset {
  border: 1px solid #8a4e2a;
  background:  transparent;
  color: #ffffff;
  margin: 5px;
  padding: 10px;
}

.skin-hydradark div#preferences fieldset fieldset legend, .skin-hydradark div#preferences fieldset.prefsection fieldset fieldset legend {
  border: none;
  background: transparent;
  color: #ffffff;
  font-family: Poppins, sans-serif;
  margin: 0 0 8px 0;
  padding: 3px 6px;
}

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

.skin-hydradark #preftoc {
  border: none;
  border-bottom: 1px solid #8a4e2a;
  background: transparent;
}

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

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

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

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

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

.error, .previewnote {
  color: #ff9f9f;
}

.warning {
  color: #cfcf00;
}

.errorbox {
  border: 1px solid #960000;
  background: rgba(225, 0, 0, 0.25);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px 3px 16px;
}

.warningbox {
  border: 1px solid #222200;
  background: rgba(52, 52, 0, 0.25);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.successbox {
  border: 1px solid #002d00;
  background: rgba(0, 67, 0, 0.25);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.skin-hydradark table.mw-interwikitable.body td.mw-interwikitable-local-yes {
  background: rgba(0, 67, 0, 0.25);
}

ul#filetoc {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.1);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.skin-hydradark table.mw_metadata {
  border: none;
  background: transparent;
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 0;
}

.skin-hydradark table.mw_metadata th {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.8);
  color: #ffffff;
  font-weight: bold;
  padding: 0 3px 1px 3px;
}

.skin-hydradark table.mw_metadata td {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.1);
  color: #ffffff;
  padding: 0 3px 1px 3px;
}

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

.skin-hydradark .TablePager th, .skin-hydradark .mw-datatable th, .skin-hydra table.cargoTable th {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.8);
  color: #ffffff;
  font-weight: bold;
  padding: 0 3px 1px 3px;
}

.skin-hydradark .TablePager td, .skin-hydradark .mw-datatable td {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.1);
  color: #ffffff;
  padding: 0 3px 1px 3px;
}

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

.skin-hydradark table.cargoTable tr:nth-child(2n+1) {
  background: rgba(176, 101, 54, 0.1);
}

.skin-hydradark table.cargoTable tr:nth-child(2n) {
  background: rgba(97, 56, 30, 0.1);
}

.skin-hydradark .TablePager tr:hover td, .skin-hydradark .mw-datatable tr:hover td {
  background: rgba(138, 78, 42, 0.65);
}

.ui-widget-content, .ui-menu {
  border: 1px solid #8a4e2a;
  background: #2a211c;
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.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;
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 0;
}

table.mw-abuselog-details tr th {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.8);
  color: #ffffff;
  font-weight: bold;
  padding: 0 3px 1px 3px;
}

table.mw-abuselog-details tr td {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.1);
  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;
}

/* Visual editor */
.oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
  background-color: #282828;
  border: 1px solid #8a4e2a;
  box-shadow: 0 2px 2px 0 rgba(255,255,255,0.2);
}

.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
  color: #ffffff;
}

.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: #ffffff;
}

/*****************
/* Footer styles *
/*****************/
div#footer {
  float: right;
  clear: 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;
  overflow: hidden;
}

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

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

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

span.templateexample span.paramname {
}

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

/******************
/* Image licenses *
/******************/
/* copyright images tweak */
.skin-hydradark .copyright-icon {
  display: inline-block;
  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;
}

.ambox {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.1);
  color: #ffffff;
  font-size: 95%;
  margin: 0 auto 10px auto;
  padding: 0;
  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: 3px 6px;
}

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

.ambox-tiny .ambox-image {
  padding: 2px 6px;
  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;
}

/***********************
/* 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 {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.1);
  color: #ffffff;
  margin: 5px;
  padding: 3px 6px;
}

.rfpblock .heading {
  border-bottom: 1px solid #8a4e2a;
  background: transparent;
  font-family: 'Crimson Text', serif;
  color: #ffffff;
  font-weight: bold;
  font-size: 132%;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

/******************************************
/* Responsive flex documentation examples *
/******************************************/
.rfpdoclabel {
  border: 1px solid #292d32;
  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 #292d32;
  padding: 3px 0 0 0;
  width: 16.666667%;
  box-sizing: border-box;
}

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

.rfpdocwide {
  border: 1px solid #292d32;
  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 *
/******************/
.infoboxtable {
  float: right;
  border: none;
  background: transparent;
  color: #ffffff;
  margin: 0 0 10px 20px;
  padding: 3px 6px;
  width: 300px;
}

.infoboxtable th {
  border: 1px solid #8a4e2a;
  background: rgba(176, 101, 54, 0.1);
  color: #ffffff;
  font-weight: bold;
  text-align: right;
  vertical-align: top;
  padding: 0.5px 7px;
}

.infoboxtable td {
  border: 1px solid #8a4e2a;
  background: rgba(97, 56, 30, 0.1);
  color: #ffffff;
  text-align: left;
  vertical-align: top;
  padding: 0.5px 3px 0.5px 3px;
}

.infoboxtable th.infoboxname {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.8);
  font-size: 110%;
  color: #ffffff;
  font-family: 'Crimson Text', serif;
  font-weight: normal;
  text-align: center;
  padding: 8px;
}

.infoboxtable th.infoboxdetails {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.65);
  text-align: center;
  color: #ffffff;
  font-family: Poppins, sans-serif;
  font-weight: normal;
  padding: 0;
}

/********************
/* Navbox templates *
/********************/
table.navbox {
  border: none;
  background: transparent;
  color: #ffffff;
  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: transparent;
}

.navbox-list {
  background: transparent; /* Must match background color */
}

/* Level 1 color */
.navbox-title, table.navbox th {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.8);
  color: #ffffff;
  font-weight: bold;
}

/* Level 2 styling */
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.65);
  color: #ffffff;
}

/* Level 3 styling */
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.5);
  color: #ffffff;
}

/* Even row striping */
.navbox-even {
  border: 1px solid #8a4e2a;
  background: rgba(97, 56, 30, 0.1);
  color: #ffffff;
}

/* Odd row striping */
.navbox-odd {
  border: 1px solid #8a4e2a;
  background: rgba(176, 101, 54, 0.1);
  color: #ffffff;
}

.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;
}

/******************
/* General styles *
/******************/
.contentbox {
  border: 1px solid #8a4e2a;
  background: rgba(138, 78, 42, 0.1);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
  overflow: auto;
}

.contentbox .contentbox {
  border: 1px solid #8a4e2a;
  background: transparent;
  color: #ffffff;
}

.headerlike {
  border-bottom: 1px solid #8a4e2a;
  background: transparent;
  color: #ffffff;
  font-family: 'Crimson Text', serif;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

span.bullet {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANAQMAAABb8jbLAAAABlBMVEUAAACKTir8hIzEAAAAAXRSTlMAQObYZgAAABJJREFUCNdjQAUFDD9AEEgzAAAakgPJrriBwgAAAABJRU5ErkJggg==") no-repeat center 60%;
  width: 9px;
  font-size: 11px;
  vertical-align: baseline;
}

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

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

.mark {
  color: #8a4e2a;
}

.constrain_image {
  overflow: hidden;
}

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

.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;
}

.desktopleft {
  text-align: left;
}

.desktopcenter {
  text-align: center;
}

.desktopright {
  text-align: right;
}

/* For elements which only display in the mobile view */
.mobileonly {
  display: none;
}
Community content is available under CC BY-NC-SA unless otherwise noted.
Advertisement