Grimmwood Wiki

The Bulgarian Grimmwood Wiki is opening for editing.

READ MORE

Grimmwood Wiki
Don't have an account?
Register
Advertisement
Register
Grimmwood Wiki
Grimmwood Wiki
149
pages

Hydradark.css

MediaWiki page
Revision as of 17:03, 22 April 2018 by SBEyes (talk | contribs)
Sign in to edit

In other languages: Български

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-ext */
@font-face {
  font-family: 'Eczar';
  font-style: normal;
  font-weight: 400;
  src: local('Eczar Regular'), local('Eczar-Regular'), url("https://fonts.gstatic.com/s/eczar/v6/BXRlvF3Pi-DLmz0rDO5C8A.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: 'Eczar';
  font-style: normal;
  font-weight: 400;
  src: local('Eczar Regular'), local('Eczar-Regular'), url("https://fonts.gstatic.com/s/eczar/v6/BXRlvF3Pi-DLmz0lDO4.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-ext */
@font-face {
  font-family: 'Eczar';
  font-style: normal;
  font-weight: 700;
  src: local('Eczar Bold'), local('Eczar-Bold'), url("https://fonts.gstatic.com/s/eczar/v6/BXRovF3Pi-DLmzWeKftz0WrNWA.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: 'Eczar';
  font-style: normal;
  font-weight: 700;
  src: local('Eczar Bold'), local('Eczar-Bold'), url("https://fonts.gstatic.com/s/eczar/v6/BXRovF3Pi-DLmzWeKft90Wo.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-ext */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Alegreya Sans Italic'), local('AlegreyaSans-Italic'), url("https://fonts.gstatic.com/s/alegreyasans/v8/5aUt9_-1phKLFgshYDvh6Vwt7V9dsW1Ttm4.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: 'Alegreya Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Alegreya Sans Italic'), local('AlegreyaSans-Italic'), url("https://fonts.gstatic.com/s/alegreyasans/v8/5aUt9_-1phKLFgshYDvh6Vwt7V9dv21T.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-ext */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Alegreya Sans Bold Italic'), local('AlegreyaSans-BoldItalic'), url("https://fonts.gstatic.com/s/alegreyasans/v8/5aUo9_-1phKLFgshYDvh6Vwt7V9VBEhGh09GixI.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: 'Alegreya Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Alegreya Sans Bold Italic'), local('AlegreyaSans-BoldItalic'), url("https://fonts.gstatic.com/s/alegreyasans/v8/5aUo9_-1phKLFgshYDvh6Vwt7V9VBEhGiU9G.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-ext */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Alegreya Sans Regular'), local('AlegreyaSans-Regular'), url("https://fonts.gstatic.com/s/alegreyasans/v8/5aUz9_-1phKLFgshYDvh6Vwt7VRtvXVX.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: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Alegreya Sans Regular'), local('AlegreyaSans-Regular'), url("https://fonts.gstatic.com/s/alegreyasans/v8/5aUz9_-1phKLFgshYDvh6Vwt7VptvQ.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-ext */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Alegreya Sans Bold'), local('AlegreyaSans-Bold'), url("https://fonts.gstatic.com/s/alegreyasans/v8/5aUu9_-1phKLFgshYDvh6Vwt5eFIqER2i1dC.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: 'Alegreya Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Alegreya Sans Bold'), local('AlegreyaSans-Bold'), url("https://fonts.gstatic.com/s/alegreyasans/v8/5aUu9_-1phKLFgshYDvh6Vwt5eFIqEp2iw.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: #121212 url("/media/gora.gamepedia.net/1/13/Skin-Body-Background.jpg") no-repeat fixed center bottom / 100% auto;
  font-family: 'Alegreya Sans', sans-serif;
}

@media ( min-height: 56.25vw ) {
  body {
    background-size: auto 100%;
  }
}

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

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

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

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

div#mw-head {
  border-bottom: none;
  background: transparent;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  height: 123px;
}

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

#right-navigation {
  margin: 93px 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: #d4a055;
  height: 30px;
  line-height: 30px;
  padding: 0 3px 0 3px;
  margin: 0 3px 0 3px;
}

div#mw-head div.vectorTabs span a:visited {
  color: #b59b75 !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: #d7d6d2 !important;
}

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

div#mw-head div.vectorTabs li.new span a:visited {
  color: #c66464 !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: #e9c1c1 !important;
}

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

div.vectorTabs li.new span a:active {
  color: #e9c1c1 !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,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAYAAADe1WXtAAAABmJLR0QAAABpAGmKK5IsAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gMXASUDbQ7utQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAACJ0lEQVRIx+2Vv2sUQRiGn2/29u5yl+RyJ4QDU6SQNFm0NFoEFERQC5tD0sgWadJZWNgLKfwHbLcJFguCEEQEwU7SWC0iopAiRaqLCUnO292Zz8LzuMSYXDB2+dp555nvxzszcB4nRRK1JIla1WH1ZkjdNWAliVrNs4TeV+VeD/7v0CRq1YF5dWwDd5OoJWeR6RVVmtm+Z4DrQPMsoHfUkuZdM6ZKHZg7aYMMlDkNjB9arwDPu7veZLrrNSsXsnXP1w/AsyNY7SCMN/rQJGpNAquqzAI5YPtSJe9s+RM2M55fsTul0bytStrPSqgh1ER4BTwMwjgv9NZ2gZciXHK5bP/YKUypwwCiKmjviGzfjGWdYt+vXkHz8kS2aQwp8PZ3MoPle8BtYNlZXKftTzlrGj3NYO8dKF7JbYxM5E6EdeBJEMZrf/R0AD4DPFVltrPlN21q6geh6opVu14ctSLCKrAchPHmsdMPwvgLsAh8LlZtFfTgZD3wK/aiCCvA48PA4yzVAcrO4n4Vo4qoAqoOUZUusBeEcXoan04Dl21qHKIUq3a7Us/SQtm2UbCpfAduJVGrfBroVcBzVvxKI1srjtot4+uLci3fK9fy9zY1k6rMAFNDQXt3+wZKrVLPvnm+dkVYEGFRhCV/xNVL4/lXoAHMD5tpA5gTg4jhHbAQhPFaEMY2COPXwANj+CRCCbh51APzt/LfAEtHTXfAHY+Aj4B3/o39//gJc2vVz4KVbsUAAAAASUVORK5CYII=") 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,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAYAAADe1WXtAAAABmJLR0QAAABpAGmKK5IsAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gMXASQ2IqYb1wAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAABnklEQVRIx+3VMUhVYRQH8N/LyEwKNAoDQWlqslFzKBIiqCWQfBTiFDUH1eIsgkFQQ0RQuITZ0FQRumQNEbQouYiRRKgQtGRq+qSWc+FLXrwXXHHpLPfjnvP973f+///5buHD8Hl5xw5bENsKWkB93qDH8AhNeYKew9kAzwW0AccxE8CFPECPYj/uo7MaCqoBPYPPGA+xOipt2JmsW7FvU34PTmE02p9ENz6WwfqGLynoQTzBEaxiPSlexWuU8AyXcTfJH8ChyPWhlIEu4SluYBqDWIzcd8zF+iFGEsA23EItxrCRcrqMm+gNta/HCafwCb+irhQfWUI7HsTeIoazulSoDbxAT/AzihNluKvBFdyL013Au0rqz+BSPK9Ga2m0oD9ouJbQVNFSK6jDPH5umv2v8f4H1v7Fp61h+nHsDY6fBzXLmAir7a7k0zTaw1aLuB3cvsIQDodfi2jGbDWgBZwMLu+E0hfxHqcxEA7I7oTZatpvjFFsxNtE3cwdRSzEtHWVu2D+1v7L8OjjMmJk7niDXWGx0h+t/v/x5R6/Af/RX5h+5rv6AAAAAElFTkSuQmCC") no-repeat center center;
}

div.vectorMenu {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAeAQMAAAD5HscWAAAABlBMVEUAAABnZ2cRlW3xAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfiAxcBIi3+mXW9AAAAHElEQVQI12NgIAMw/2NgYPwDZPwA4gIgViDZCADWFAOHBYEsowAAAABJRU5ErkJggg==") 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#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: #8d8f8e;
  margin: 0 0 0 21px;
  padding: 0;
}

div.vectorMenu div.menu {
  border: 1px solid #3b200f;
  background: #312f2d;
  color: #d7d6d2;
  font-family: 'Alegreya Sans', sans-serif;
  margin: 0;
  padding: 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: #d4a055;
  margin: 2px 5px;
  padding: 1px 0;
}

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

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

#p-search {
  position: absolute;
  top: 20px;
  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;
}

#searchInput {
  font-family: 'Alegreya Sans', sans-serif;
  border: 1px solid #353130;
  background: #120f0e;
  background: rgba(0, 0, 0, 0.5);
  color: #d7d6d2;
}

div#simpleSearch {
  border: 1px solid #353130;
  background: #120f0e;
  background: rgba(0, 0, 0, 0.5);
  color: #d7d6d2;
  line-height: 1.4em;
  padding: 2px 2px;
}

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

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: 1px solid #353130;
  background: #120f0e;
  color: #aaaaaa;
}

.skin-hydradark .suggestions-results, .skin-hydradark .suggestions-results .suggestions-result, .skin-hydradark .suggestions-special {
  border: none;
  background: #120f0e;
  color: #aaaaaa;
}

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

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

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

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

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

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

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

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

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

#mw-dismissable-notice td > a {
}

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

#localNotice {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  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: #d7d6d2;
  font-family: 'Alegreya Sans', 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,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHAQMAAAD6aRWtAAAABlBMVEUFAADUoFXKLKwCAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfiAxcBIjMElkjeAAAAFElEQVQI12NwYEhgKGCoAOIEBgcAEjYCmWxNs0wAAAAASUVORK5CYII=") center right no-repeat;
  color: #c78a5d;
  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+AAAABlBMVEVzAGPUoFU+xBozAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfiAxcBJBNpos+QAAAAEElEQVQI12P4x1DDYMEgAAAKHgHDGrfkbwAAAABJRU5ErkJggg==") center right no-repeat;
  color: #c78a5d;
  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: #c78a5d !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: #c78a5d !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: #d4a055;
}

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

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

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: #d7d6d2 !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: #d4a055;
}

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

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

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

a.stub {
  color: #d68254;
}

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

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

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

a:active {
  color: #d7d6d2;
}

/******************
/* 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;
  border-top: 1px solid #3b200f;
  border-left: 1px solid #3f3f3f;
  background: rgba(18, 18, 18, 0.6);
  color: #d7d6d2;
  margin: 0 0 0 0;
  padding: 0 20px 0 20px;
}

div#content #firstHeading {
  border: none;
  border-bottom: 1px solid #3f3f3f;
  color: #d7d6d2;
  font-family: Eczar, serif;
  margin: 10px 0 10px 0;
  padding: 0 0 5px 0;
}

body.page-Grimmwood_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: Eczar, serif;
  color: #d7d6d2;
  margin: 20px 0 8px 0;
  padding: 0 0 5px 0;
  overflow: hidden;
}

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

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

div#content h3, div#content h4 {
  border-bottom: 1px solid rgba(63, 63, 63, 0.7);
  border-bottom: rgba(63, 63, 63, 0.5);
}

/* 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: #8d8f8e;
}

div.toc, div#toc {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

#toctitle {
}

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

.toctoggle, #toc .toctoggle {
  color: #d7d6d2;
  font-variant: normal;
  text-shadow: none;
}

.toctoggle a, #toc .toctoggle a {
}

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

hr {
  border-bottom: 1px solid #3f3f3f;
}

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

img {
}

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

.skin-hydradark table.wikitable, .skin-hydradark table.dataTable {
  border: none;
  background: transparent;
  color: #d7d6d2;
  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 #3f3f3f;
  background: rgba(63, 63, 63, 0.8);
  color: #c78a5d;
  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 #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  padding: 0 3px 1px 3px;
}

table.dataTable td:hover {
  background: rgba(63, 63, 63, 0.7);
}

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(63, 63, 63, 0.45);
}

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(63, 63, 63, 0.55);
}

.skin-hydradark table.jquery-tablesorter th.headerSort, table.dataTable thead .sorting {
  background: #3f3f3f url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAALAQMAAACqBVQ+AAAABlBMVEUAAADUoFWa4T2xAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfiAxcBJB2OGuKXAAAAH0lEQVQI12NgAAEFIC4A4h8MDIx/wCIQ+gdUXAEsBABvCgULsLYrXQAAAABJRU5ErkJggg==") no-repeat right center !important;
  padding: 0 15px 1px 3px;
}

.skin-hydradark table.jquery-tablesorter th.headerSortDown, table.dataTable thead .sorting_desc {
  background: #3f3f3f url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAGAQMAAAAWm0fgAAAABlBMVEVya3XUoFVuCIeJAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfiAxcBJCY/EQuzAAAAFklEQVQI12NgAAEBILYA4hog/gcWAQAPFAHDmeMz/QAAAABJRU5ErkJggg==") no-repeat right center !important;
  padding: 0 15px 1px 3px;
}

.skin-hydradark table.jquery-tablesorter th.headerSortUp, table.dataTable thead .sorting_asc {
  background: #3f3f3f url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAGAQMAAAAWm0fgAAAABlBMVEUAAADUoFWa4T2xAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfiAxcBJC4xyoOBAAAAGElEQVQI12NgAALGP0DiBxAXALECSIQBACSTAob8rZfiAAAAAElFTkSuQmCC") 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: #8d8f8e;
}

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

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

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  border-radius: 3px;
  border: 1px solid #d7d6d2;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25),
              0 0 0 1px rgba(0, 0, 0, 0.25) inset;
  background: #a79a87;
  color: #d7d6d2;
  padding: 1px 6px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  border-radius: 3px;
  border: 1px solid #d7d6d2;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25),
              0 0 0 1px rgba(0, 0, 0, 0.25) inset;
  background: #feaf62;
  color: #d7d6d2;
}

ul.gallery {
}

li.gallerybox {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

li.gallerybox div.thumb {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: transparent;
  color: #d7d6d2;
}

div.gallerytext {
  text-align: center;
}

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

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

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

div.thumbinner {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  margin: 0 0 10px 0;
  padding: 3px 5px !important;
}

html .thumbimage {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: transparent;
  color: #d7d6d2;
}

.thumbcaption {
}

.gallerytext p, .thumbcaption {
}

.toggle {
}

.sn-small {
}

sub, sup a {
}

sup.reference {
}

pre, .skin-hydradark .mw-code {
  border: 1px dashed #3f3f3f;
  background: #dadada;
  color: #000000;
  padding: 2px 2px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

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

#catlinks {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  margin: 10px 0 10px 0;
  padding: 3px 6px;
}

#catlinks li {
  border-left: 1px solid #3f3f3f;
}

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

/********************
/* Interface styles *
/********************/
input, select {
  font-family: 'Alegreya Sans', sans-serif;
  border: 1px solid #aaaaaa;
  background: #dadada;
  color: #000000;
  padding: 2px 2px;
}

textarea {
  border: 1px solid #aaaaaa;
  background: #dadada;
  color: #000000;
  padding: 2px 2px;
}

.oo-ui-dropdownWidget, .oo-ui-dropdownWidget-handle, .oo-ui-menuSelectWidget, .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea {
  border: 1px solid #aaaaaa;
  background-color: #dadada;
  color: #000000;
}

.oo-ui-dropdownWidget .oo-ui-selectWidget {
  border: 1px solid #aaaaaa;
  background-color: #dadada;
  color: #000000;
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
  background-color: #aaaaaa;
  color: #000000;
}

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

.oo-ui-indicator-down {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEAQMAAAB4CLc+AAAABlBMVEVzAGPUoFU+xBozAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfiAxcBJBNpos+QAAAAEElEQVQI12P4x1DDYMEgAAAKHgHDGrfkbwAAAABJRU5ErkJggg==");
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
  font-family: 'Alegreya Sans', sans-serif;
  border: 1px ridge #5e5e5e;
  background: #312f2d;
  color: #d7d6d2;
  font-weight: bold;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
  border: 1px ridge #5e5e5e;
  background: #3f3f3f;
  color: #ffffff;
}

.oo-ui-panelLayout-framed {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  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: 'Alegreya Sans', 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: 'Alegreya Sans', sans-serif;
  border: 1px ridge #5e5e5e;
  background: #312f2d;
  color: #d7d6d2;
  font-weight: bold;
  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 {
  border: 1px ridge #5e5e5e;
  background: #3f3f3f;
  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 {
  border: 1px ridge #3f3f3f;
  background: #282828;
  color: #3f3f3f;
}

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

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

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

.usermessage {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

body.skin-hydradark .mw-notification {
  border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: #312f2d;
  color: #d7d6d2;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div.mw-warning {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div.mw-warning-with-logexcerpt {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div#content fieldset {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div#content fieldset legend {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: #312f2d;
  color: #aaaaaa;
  font-family: Eczar, serif;
  margin: 0 0 8px 0;
  padding: 3px 6px;
}

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

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

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

.mw-changeslist-legend {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  margin: 0 0 10px 20px;
  padding: 3px 6px;
}

.skin-hydradark .mw-search-profile-tabs {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

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

#pagehistory li {
  border: none;
  background: transparent;
  color: #d7d6d2;
  margin: 2px;
  padding: 0;
}

#pagehistory li.selected {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  margin: 0;
  padding: 0;
}

.skin-hydradark table.diff {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  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 #aaaaaa;
  background: #004400;
  color: #ccffcc;
}

td.diff-deletedline {
  border: 1px solid #aaaaaa;
  background: #444400;
  color: #ffffcc;
}

td.diff-context {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: #222222;
  color: #d7d6d2;
}

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

body.skin-hydradark fieldset#mw-searchoptions {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  margin: -10px 0 10px 0 !important;
  padding: 3px 6px;
}

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

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

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

.skin-hydradark div#preferences fieldset {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.skin-hydradark div#preferences fieldset legend {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: #312f2d;
  color: #aaaaaa;
  font-family: Eczar, serif;
  margin: 0 0 8px 0;
  padding: 3px 6px;
}

.skin-hydradark div#preferences fieldset.prefsection fieldset {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  margin: 5px;
  padding: 10px;
}

.skin-hydradark div#preferences fieldset.prefsection fieldset legend {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: #312f2d;
  color: #aaaaaa;
  font-family: Eczar, serif;
  margin: 0 0 8px 0;
  padding: 3px 6px;
}

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

.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: #d4a055;
  height: 25px;
  line-height: 25px;
  padding: 3px 0 0 0;
  margin: 0 4px;
}

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

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

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

.errorbox {
  border-radius: 3px;
  border: 1px solid #5e2020;
  background: rgba(94, 32, 32, 0.5);
  color: #d7d6d2;
  margin: 0 0 10px 0;
  padding: 3px 6px 3px 16px;
}

.warningbox {
  border-radius: 3px;
  border: 1px solid #5e5e20;
  background: rgba(94, 94, 32, 0.5);
  color: #d7d6d2;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.successbox {
  border-radius: 3px;
  border: 1px solid #205e20;
  background: rgba(32, 94, 32, 0.5);
  color: #d7d6d2;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.skin-hydradark table.mw-interwikitable.body td.mw-interwikitable-local-yes {
  background: rgba(32, 94, 32, 0.5);
}

ul#filetoc {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

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

.skin-hydradark table.mw_metadata th {
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.8);
  color: #c78a5d;
  font-weight: bold;
  padding: 0 3px 1px 3px;
}

.skin-hydradark table.mw_metadata td {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  padding: 0 3px 1px 3px;
}

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

.skin-hydradark .TablePager th, .skin-hydradark .mw-datatable th, .skin-hydra table.cargoTable th {
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.8);
  color: #c78a5d;
  font-weight: bold;
  padding: 0 3px 1px 3px;
}

.skin-hydradark .TablePager td, .skin-hydradark .mw-datatable td {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  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(63, 63, 63, 0.45);
}

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

.skin-hydradark .TablePager tr:hover td, .skin-hydradark .mw-datatable tr:hover td {
  background: rgba(63, 63, 63, 0.7);
}

#other_options div {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

table.smwtable {
  border: none;
  background: transparent;
  color: #d7d6d2;
  margin: 0 0 10px 0;
  padding: 0;
}

table.smwtable th {
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.8);
  color: #c78a5d;
  font-weight: bold;
  padding: 0 3px 1px 3px;
}

table.smwtable td {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  padding: 0 3px 1px 3px;
}

.smwrdflink {
  color: #8d8f8e;
}

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

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

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

div.smwfact table {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  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 {
  font-weight: bold;
  padding: 0 3px 1px 3px;
}

table.smwb-factbox tr td, table.smwb-ifactbox tr td {
  padding: 0 3px 1px 3px;
}

.ui-widget-content, .ui-menu {
  border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: #312f2d;
  color: #d7d6d2;
  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;
  color: #d7d6d2;
  margin: 0 0 10px 0;
  padding: 0;
}

table.mw-abuselog-details tr th {
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.8);
  color: #c78a5d;
  font-weight: bold;
  padding: 0 3px 1px 3px;
}

table.mw-abuselog-details tr td {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  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;
  border-bottom: 1px solid #3b200f;
  border-left: 1px solid #3f3f3f;
  background: rgba(18, 18, 18, 0.6);
  color: #d7d6d2;
  margin: 0 0 0 0;
  padding: 10px 20px 10px 20px;
  overflow: hidden;
}

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

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

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

span.templateexample span.paramname {
}

span.templateexample span.paramvalue {
  color: #8d8f8e;
  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 {
  border-radius: 0 3px 3px 0;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  font-size: 95%;
  margin: 0 auto 10px auto;
  padding: 3px 6px 3px 6px;
  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: #d7d6d2;
}

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

/****************************
/* Flexbox main page styles *
/****************************/
.fmpsections {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-flow: row wrap;
}

.fmpsection {
  flex-basis: 100%;
}

.fmpblock {
  margin: 5px;
  padding: 3px 6px;
  flex: 1 0 auto;
  text-align: center;
}

.fmpblock.noresize {
  flex: 0 0 auto;
}

.fmpblock.box {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  margin: 5px;
  padding: 3px 6px;
}

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

#fmpwelcome {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.25);
  color: #d7d6d2;
  margin: 5px;
  padding: 3px 6px;
}

.fmpblock .heading.main {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(16, 16, 16, 0.5);
  font-family: Eczar, serif;
  color: #d7d6d2;
  font-weight: bold;
  font-size: 132%;
  text-align: center;
  margin: -4px -7px 10px -7px;
  padding: 5px 6px 5px 6px;
}

.fmpblock .heading {
  border-radius: 3px;
  border-bottom: 1px solid #3f3f3f;
  background: rgba(192, 192, 192, 0.25);
  font-family: Eczar, serif;
  font-weight: bold;
  color: #000000;
  font-size: 132%;
  margin: -3px -6px 10px -6px;
  padding: 5px 6px 5px 6px;
}

.fmpblock .links ul {
  display: flex;
  flex-flow: row wrap;
  text-align: center;
  margin: 0 -10px 10px -10px;
  padding: 0;
}

.fmpblock .links ul li {
  display: flex;
  list-style: none;
  flex-flow: column wrap;
  flex: 1 0 15em;
  margin: 0;
  padding: 2px 10px;
}

.fmpblock .iconlinks {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: flex-start;
  text-align: center;
  margin: -10px -10px 0 -10px;
  padding: 0;
}

.fmpblock .iconlinks .iconlink {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  border: none;
  background: transparent;
  margin: 0;
  padding: 10px;
  flex: 0 0 15em;
}

.fmpblock .iconlinks .iconlink .icon {
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  min-width: 100px;
  width: 100%;
  height: 100px;
}

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

.fmpblock .iconlinks .iconlink .text {
  color: #d7d6d2;
  width: 100%;
  text-align: center;
}

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

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

.fmpblock .videos .video {
  display: inline-block;
  margin: 0 5px;
}

@media (min-width: 820px) {
  .fmpsections .fmpsection {
    display: flex;
    flex-flow: column nowrap;
    flex-basis: 50%;
    max-width: 50%;
  }

  .fmpsections .fmpsectiongroup {
    display: flex;
    flex-flow: column nowrap;
    flex-basis: 50%;
    max-width: 50%;
  }

  .fmpsections .fmpsectiongroup .fmpsection {
    flex-basis: auto;
    flex-grow: 1;
    max-width: 100%;
  }
}

@media (min-width: 1440px) {
  .fmpsections .fmpsectiongroup {
    display: flex;
    flex-flow: row wrap;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .fmpsections .fmpsection {
    display: flex;
    flex-flow: column nowrap;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .fmpsections .fmpsectiongroup .fmpsection.fullwhenwide {
    width: auto;
    flex-basis: 100%;
    flex-grow: 0;
    max-width: 100%;
  }

  .fmpsections .fmpsectiongroup .fmpsection.halfwhenwide {
    width: auto;
    flex-basis: 50%;
    flex-grow: 0;
    max-width: 50%;
  }
}

.fmpexamples {
  display: flex;
  align-items: self-start;
}

.fmpexample {
  margin: 0 3em;
  text-align: center;
}

.fmpexample.narrow {
  width: 5em;
}

.fmpexample.medium {
  width: 10em;
}

.fmpexample.wide {
  width: 15em;
}

.fmpexample .body {
  margin: -5px;
}

.fmpexample.medium .body {
  display: flex;
  flex-flow: row wrap;
}

.fmpexample.medium .body .fmpsection {
  display: flex;
  flex-flow: column nowrap;
  flex-basis: 50%;
}

.fmpexample.medium .body .fmpsectiongroup {
  display: flex;
  flex-flow: column nowrap;
  flex-basis: 50%;
}

.fmpexample.medium .body .fmpsectiongroup .fmpsection {
  flex-basis: 100%;
}

.fmpexample.wide .body {
  display: flex;
  flex-flow: row wrap;
}

.fmpexample.wide .body .fmpsectiongroup {
  display: flex;
  flex-flow: row wrap;
  flex-basis: 66.667%;
}

.fmpexample.wide .body .fmpsection {
  display: flex;
  flex-flow: column nowrap;
  flex-basis: 33.333%;
}

.fmpexample.wide .body .fmpsectiongroup .fmpsection.fullwhenwide {
  width: auto;
  flex-basis: 100%;
}

.fmpexample.wide .body .fmpsectiongroup .fmpsection.halfwhenwide {
  width: auto;
  flex-basis: 50%;
}

/******************
/* Infobox styles *
/******************/
.infoboxtable {
  float: right;
  border: none;
  background: transparent;
  color: #d7d6d2;
  margin: 0 0 10px 20px;
  padding: 3px 6px;
  width: 300px;
}

.infoboxtable th {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.55);
  color: #d7d6d2;
  font-weight: bold;
  text-align: right;
  vertical-align: top;
  padding: 0.5px 7px;
}

.infoboxtable td {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.45);
  color: #d7d6d2;
  text-align: left;
  vertical-align: top;
  padding: 0.5px 3px 0.5px 3px;
}

.infoboxtable th.infoboxname {
  background: #3f3f3f;
  font-size: 110%;
  color: #d7d6d2;
  font-family: Eczar, serif;
  font-weight: normal;
  text-align: center;
  padding: 8px;
}

.infoboxtable th.infoboxdetails {
  background: rgba(63, 63, 63, 0.7);
  text-align: center;
  color: #d7d6d2;
  font-family: 'Alegreya Sans', sans-serif;
  font-weight: normal;
  padding: 0;
}

/********************
/* Navbox templates *
/********************/
table.navbox {
  border-radius: 3px;
  border: 1px solid #3f3f3f;
  background: transparent;
  color: #d4a055;
  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 #3f3f3f;
  background: rgba(63, 63, 63, 0.8);
  color: #c78a5d;
  font-weight: bold;
}

/* Level 2 styling */
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
  background: rgba(63, 63, 63, 0.7);
  color: #d7d6d2;
}

/* Level 3 styling */
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background: rgba(63, 63, 63, 0.7);
  color: #d7d6d2;
}

/* Even row striping */
.navbox-even {
  background: rgba(63, 63, 63, 0.55);
  color: #d7d6d2;
}

/* Odd row striping */
.navbox-odd {
  background: rgba(63, 63, 63, 0.45);;
  color: #d7d6d2;
}

.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-radius: 3px;
  border: 1px solid #3f3f3f;
  background: rgba(63, 63, 63, 0.5);
  color: #d7d6d2;
  margin: 0 0 10px 0;
  padding: 3px 6px;
  overflow: auto;
}

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

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

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

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


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

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

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

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

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

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

.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 {
    filter: unset;
}

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

.ve-ui-mwSaveDialog-license {
    color: #e0e0e0;
}
Community content is available under CC BY-NC-SA unless otherwise noted.
Advertisement