Dirty Bomb 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

Dirty Bomb Wiki
Don't have an account?
Register
Advertisement
Register
Dirty Bomb Wiki
Dirty Bomb Wiki
260
pages

Hydradark.css

MediaWiki page
Revision as of 07:36, 4 April 2016 by SBEyes (talk | contribs)
Sign in to edit

Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will affect users of the Hydradark skin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://hydra-media.cursecdn.com/hydra/fonts/OpenSans-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://hydra-media.cursecdn.com/hydra/fonts/OpenSans-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://hydra-media.cursecdn.com/hydra/fonts/OpenSans-Italic.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(http://hydra-media.cursecdn.com/hydra/fonts/OpenSans-BoldItalic.ttf) format('truetype');
}
@font-face {
 font-family: 'Dirty Bomb';
 src: local('Dirtybomb_nx-black-webfont'), local('Dirtybomb_nx-black-webfont'), url(http://hydra-media.cursecdn.com/hydra/fonts/dirtybomb_nx-black-webfont.woff) format('woff');
}


/******************
/* General styles *
/******************/
body {
  background: #12181e;
  font-family: 'Open Sans', sans-serif;
}

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

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

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

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

div#mw-head {
  border: none;
  background: #192331 url("http://hydra-media.cursecdn.com/dirtybomb.gamepedia.com/d/dc/Skin-Header-Background_2.jpg") left bottom no-repeat;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  height: 110px;
}

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

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

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

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

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

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

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

div.vectorTabs li span a {
  background: transparent;
  color: #fcd122;
  text-transform: uppercase;
  text-shadow: 1px -1px 1px rgba(0, 0, 0, 0.6),
               -1px 1px 1px rgba(0, 0, 0, 0.6);
  height: 30px;
  line-height: 30px;
  padding: 0 3px 0 3px;
  margin: 0 3px 0 3px;
}

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

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

}

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

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

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

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

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

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

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

#p-views {
}

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

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

#ca-unwatch.icon a {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAQAAAB03K1mAAAAAmJLR0QAiT7pGLYAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQffAhoWGyN5IoXrAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAAEwSURBVDjLzdM9S5tRGMbx3/PEhNClgdLYLMWCHaxgBnHS1YDgYCnYLsXSIYvfwsWPUfsp7N6hBZPBgIJCh0IdFMGlhdCX5zg8Jy8lETOJ1xkOh/vP4bqv+5ykZVKl7gpNVSdFm47VJ0UfeT8J+swcXo5WRtENJdQs3I6+BYW4D2kKrHgSzxXzEgSvfelT3x2QtHihrSz0CzmayeL9qXMzuikufBaQxJXjBUVFRYnMJ79zr5fW7fjj35jggl+a3slyA7ka9lQlQ41mOPFGJ/oaelk1bdNDaPBVw89xYV0pR6c9dQfg/+iyhxHtpbGkMh7d7Mf0QxAkHlgch6ZWJYKubbN2/RWktgbooK3njhR988ohWPPRY2eexlHEweY61dHsN7Kv7gNKuqNh3ZtveIOuASh2RKYmJFKEAAAAAElFTkSuQmCC") no-repeat center center;
}
 
#ca-unwatch.icon a:hover, #ca-unwatch.icon a:focus {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAYAAADe1WXtAAAABmJLR0QAjACJAIX+Y7FMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wIaFhsXWJZxXgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAABWklEQVRIx+3VsUodURDG8d9ZjYhNBCEYsDCYxgS0kAgSK0ErIUlj0oSEFLfJI9jZ+Ap2+hYGK8FCJNhYCFoIgTQJAZsELkZdm7m4LHuvG9hKMjAws4fz352Z75xN+a7GLeOeQTM8ahrawjGmm4aO4FNT0CeYjPhNnT11oK8xEPFjTDUBfV+I+0p5pfUX4nmMltaH8Rwp8hxvsV/B+oavkOJEPcMhBmNj2YrQ6/Di12f4gXG0O+X/xF4BmEpehPfhQcFTvOQLLoo9/YVlrOEvrmpKLcefkNzHTgWp4kJZwlacoNRlmJ3yT/AOR3dNfwcz0ZJulnCA2TKwl6TOY2ipB7iN3/+i05d4WIKWVfEiJFcbulIho+8R57E2FG2qBc2wGBvzKPMznmIdl/E8w4e60AmMRXyGOWyEBlfxKiQIC1WM/i7ln8ZUWxXD2I57dTPygajmVhr/f3yN2w16V0Vn4tmErgAAAABJRU5ErkJggg==") no-repeat center center;
}
 
#ca-watch.icon a {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAQAAAB03K1mAAAAAmJLR0QAiT7pGLYAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQffAhoWGyzpnZh6AAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAAFaSURBVDjLzdM/SNRhGAfwz8+Tzj8YqBQKDuLkpKPaoGiIkEsgeOjQJDk4G+1hgYNgiEiEuIh/hiYT0UVzEOEWBZejICRUEFzU0ryDhrP7qVd4k/jdXt4PL8/7vM8bxOWaPHdFA8W50ibTKnKjz3VqyoWWapbQKbid1iv3wZPsErLpM7tWFGu8uZEPqj28XBdpNydhS5dvGXXkR5o+Nq/WmQtw5oukBS+Ng0cqLXghmY8Tn7yy450DHPuOSTOgzoioZSmCOER0eOvQgMS1p3hqzL7XNsNrpSzqdmROSwZG9JuwrCcN/56aTomPomLOQY01U974/a9m/VJoz/nlDBzacxrC67RavRUlBn3W7ac17Qpu9jWdBhcOjGqxaliNLTFVvmbTQKuo9070iusw5Fip5pCGBZRpVGZDj00pi2L2FWkLx+ZqAUu2zWYuktBn3QMRyexm3Ztv+J/8ASxOWFkGsE1hAAAAAElFTkSuQmCC") no-repeat center center;
}
 
#ca-watch.icon a:hover, #ca-watch.icon a:focus {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAYAAADe1WXtAAAABmJLR0QAjACJAIX+Y7FMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wIaFhs1jfYwugAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAABkklEQVRIx+3VP0hWYRTH8c/N6M8bBSpFQYM4NdVYNhgmEtQSBEkNTWJDc9EeFTgIRYiESEukDU0VosurDRG0GLSIgYioILRoZfVKLeeFB7nmJe4Unenhnnu/nN85v/Pc7FdV6bGDfwyaYV/Z0DY8xeEyoRdxIeClQBvRjpkAZ2VAT6AZj3G6SAuKQM9jHhMxrFPbfbAzObfgwKZ8BV0YDfnTuIRPOazPWEihh/Acx7COn8nL65hCDS/Ri4EkfxBHIncNtTp0DS9wCx9xH8uRW8VcnIfxLAEeRz92YxwbkCW734BzuIcV3AjJWy1DJx5hCbfxLm9QG3iNy9GfUZzJATbgOgajuispcHOlaezHUMjqxvck14pJPMEd/ChqqW/Yi8UApru/Es+/5AH/BG0J009E1TfxKlrzNSrtwp7tfJrGybDVMh5Eb6voC/nT0ZajmC0CzdAR/XwYdruK9+GOu2Gz+p0wW0R+U6xiE94m0627oztsVMHZvAtmK/lj+ICRnGHMoAdvsCssVitiqf8/vr+P3wv+XCUKm8QeAAAAAElFTkSuQmCC") no-repeat center center;
}

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

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

div#p-sharing {
  width: auto;
}

div.vectorMenu:hover {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAwAQMAAADEuKNQAAAABlBMVEVvcnT/wABO6GOHAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQffAhoWEhL5Pj6YAAAAHUlEQVQI12NgoCJg/sfAwPgHyPgBxAVArMBAawAAf4sDhwwhihYAAAAASUVORK5CYII=") no-repeat left 35%;
}

div#mw-head div#p-sharing h3 {
  background: transparent;
  color: #cccccc;
  text-transform: uppercase;
  text-shadow: 1px -1px 1px rgba(0, 0, 0, 0.6),
               -1px 1px 1px rgba(0, 0, 0, 0.6);
  height: 30px;
  line-height: 30px;
  padding: 0 0 0 12px !important;
  margin: 0 6px 0 6px !important;
}

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

div#mw-head div#p-cactions h3 {
  background: transparent;
  height: 30px;
  width: 0;
}

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

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

div.vectorMenu div.menu {
  background: #192331;
  color: #ffffff;
  text-transform: uppercase;
  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: #fcd122;
  margin: 2px 5px;
  padding: 1px 0;
}

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

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

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

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

#p-search input {
}

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

div#simpleSearch { 
  border: 1px solid #ffc000;
  background: #ffffff;
  color: #161b24;
  font-family: 'Open Sans', sans-serif;
  padding: 2px 2px;
  line-height: 1.4em;
}

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

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

#searchInput {
}

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

.skin-hydradark .suggestions-results, .skin-hydradark .suggestions-results .suggestions-result, .skin-hydradark .suggestions-special {
  border: none;
  background: #ffffff;
  color: #161b24;
}

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

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

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

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

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

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

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

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

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

#mw-dismissable-notice td > a {
}

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

#localNotice {
  border: none;
  background: rgba(0, 0, 0, 0.2);
  color: #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

/***********************
/* Left sidebar styles *
/***********************/
div#mw-panel, div#mw-panel.collapsible-nav {
  position: relative;
  float: left;
  border: none;
  background: transparent;
  top: 0;
  margin-left: -160px;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 60px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-right: 0;
  width: 160px;
  overflow: visible;
}

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

div#mw-panel div.portal h3, div#mw-panel.collapsible-nav div.portal h3 {
  display: inline-block;
  border: none;
  color: #ffcc00;
  text-shadow: 1px -1px 1px rgba(0, 0, 0, 0.6),
               -1px 1px 1px rgba(0, 0, 0, 0.6);
  font-weight: bold;
  font-style: italic;
  text-align: center;
  margin: 0 auto 0 auto !important;
  padding: 0 0 5px 0 !important;
  width: auto;
  max-width: 160px;
}

div#mw-panel.collapsible-nav div.portal.collapsed h3 {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAALCAYAAACtWacbAAAABmJLR0QAjACJAIX+Y7FMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wIaFgg55a89AwAAAJVJREFUGNN10DEOAWEUBOBv19IpRJSaLRxBlCoUHMAZFC7hYFs6ALVeJwqSFav5V/4VO8285E1mJkMTGQaBv+hEd4IhFnjihjeksUNVuCLHOnBWi5IQsYKqcAiCTS2MnfI6tyrsMMYM/TTq0yhbFfY44p5qQTI3xQWvtEWwxAmln4gycjjj4WefEbaYoNdWoV66++/5AV2IGS4DUpvGAAAAAElFTkSuQmCC") center right no-repeat;
  padding: 0 11px 5px 11px !important;
  width: auto !important;
}

div#mw-panel.collapsible-nav div.portal.expanded h3 {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAABmJLR0QAjACJAIX+Y7FMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wIaFgg17BlxKAAAAJBJREFUGNOd0DEKwlAQBND3JbEQLLyChTmB1ikEb+ElbL2EhXexzAXsrLW3sUgjGPg2PxADQXSaWXZnZ5fhB4ROnWGWuI8Gj+5gijXmaSEgJuEVp6x1jJX74PlSgXrUOobSfkC4wg3NCDXOeIbSsSfc4IJXt5+jwA6HWIlYYjL0Wo4FtonH36LMU3z5P9l/4A2RdRh3JOsS9AAAAABJRU5ErkJggg==") center right no-repeat;
  padding: 0 11px 5px 11px !important;
  width: auto !important;
}

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

div#mw-panel div.portal div.body, div#mw-panel.collapsible-nav div.portal div.body, div#mw-panel.collapsible-nav div.portal.expanded div.body {
  border: none;
  background: transparent;
  font-weight: bold;
  text-shadow: 1px -1px 1px rgba(0, 0, 0, 0.6),
               -1px 1px 1px rgba(0, 0, 0, 0.6);
  text-align: center;
  margin: 0 !important;
  padding: 0 0 10px 0 !important;
  width: 160px;
}

div#mw-panel.collapsible-nav div.portal.first div.body, 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;
}

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

div#mw-panel div.portal ul li, div#mw-panel.collapsible-nav div.portal ul li {
  margin: 0;
  padding: 0;
}
 
div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:link {
  color: #ffffff;
}

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

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

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

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

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

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

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

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: #c3b799!important;
}

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

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

a, a:link {
  color: #ffc814;
}

div#content a:visited, a:visited {
  color: #b88e01;
}

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

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

a.stub {
  color: #005000;
}

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

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

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

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

/******************
/* Article styles *
/******************/
#pageWrapper {
  background: #13181e url("http://hydra-media.cursecdn.com/dirtybomb.gamepedia.com/c/c7/Skin-Body-Background-2.jpg") left top no-repeat;
  margin-top: -110px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: 110px;
  padding-left: 160px;
  padding-right: 0;
  padding-bottom: 0;
  overflow: hidden;
}

div#content {
  float: right;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: none;
  background: rgba(0, 0, 0, 0.70);
  color: #ffffff;
  margin-top: 0;
  margin-left: 0;
  padding: 10px 20px 10px 20px;
}

body.page-Dirty_Bomb_Wiki div#content {
}

div#content #firstHeading {
  border: none;
  background: url('http://hydra-media.cursecdn.com/dirtybomb.gamepedia.com/0/07/Main_Header.png');
  background-repeat: no-repeat;
  color: #ffffff;
  font-family: 'Dirty Bomb', sans-serif;
  margin: 0 0 10px 0;
  padding: 0 0 20px 60px;
}

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

div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {
  border: none;
  color: #deaf04;
  font-family: 'Dirty Bomb', sans-serif;
  margin: 20px 0 8px 0;
  padding: 0 0 5px 0;
  overflow: auto;
}

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

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

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

span.editsection {
  font-weight: normal;
}

span.editsection a:link {
}

div#content span.editsection a:active {
}

div#content span.editsection a:visited {
}

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

span.editsection a:hover {
}

#contentSub {
  color: #b89e60;
}

.toc, #toc {
  border: none;
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.toc td, #toc td {
}

#toctitle {
}

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

.toctoggle, #toc .toctoggle {
}

.toctoggle a, #toc .toctoggle a {
}

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

hr {
  border: none;
  border-bottom: 1px solid #2d4363;
  color: #000000;
}

ul {
  list-style-image: url("http://hydra-media.cursecdn.com/dirtybomb.gamepedia.com/1/17/Bullet.gif");
}

img {
}

.skin-hydradark table.wikitable {
  border: none;
  background: transparent;
  border-collapse: separate;
  border-spacing: 1px;
  margin: -1px -1px 9px -1px;
  padding: 3px 6px;
}

.skin-hydradark table.wikitable th, .skin-hydradark table.wikitable tr th, .skin-hydradark table.wikitable > tr > th, .skin-hydradark table.wikitable > * > tr > th {
  border: none;
  background: rgba(24, 52, 73, 0.7);
  color: #deaf04;
  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 {
  border: none;
  background: rgba(0, 0, 0, 0.12);
  color: #ffffff;
  padding: 0 3px 1px 3px;
}

.skin-hydradark table.jquery-tablesorter th.headerSort {
  background: rgba(24, 52, 73, 0.7) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAALAQMAAACqBVQ+AAAABlBMVEVvcnSAYwCUb6PAAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQffAhoWKTuHPknMAAAAH0lEQVQI12NgAAEFIC4A4h8MDIx/wCIQ+gdUXAEsBABvCgULsLYrXQAAAABJRU5ErkJggg==") no-repeat right center;
  padding: 0 15px 1px 3px;
}

.skin-hydradark table.jquery-tablesorter th.headerSortDown {
  background: rgba(24, 52, 73, 0.7) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAGAQMAAAAWm0fgAAAABlBMVEVvcnSAYwCUb6PAAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQffAhoWKTOJ5cH+AAAAFklEQVQI12NgAAEBILYA4hog/gcWAQAPFAHDmeMz/QAAAABJRU5ErkJggg==") no-repeat right center;
  padding: 0 15px 1px 3px;
}

.skin-hydradark table.jquery-tablesorter th.headerSortUp {
  background: rgba(24, 52, 73, 0.7) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAGAQMAAAAWm0fgAAAABlBMVEVvcnSAYwCUb6PAAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQffAhoWKSuaiVmoAAAAGElEQVQI12NgAALGP0DiBxAXALECSIQBACSTAob8rZfiAAAAAElFTkSuQmCC") no-repeat right center;
  padding: 0 15px 1px 3px;
}

ul.gallery {
}

li.gallerybox {
  border: none;
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

li.gallerybox div.thumb {
  border: none;
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

div.gallerytext {
  text-align: center;
}

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

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

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

div.thumbinner {
  border: none;
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 5px !important;
}

html .thumbimage {
  border: none;
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

.thumbcaption {
}

.gallerytext p, .thumbcaption {
}

.toggle {
}

.sn-small {
}

sub, sup a {
}

sup.reference {
}

pre, .skin-hydradark .mw-code {
  border: 1px dashed #ffcc00;
  background: #eeeeee;
  color: #161b24;
  padding: 2px 2px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

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

#catlinks {
  border: none;
  background: rgba(0, 0, 0, 0.2);
  color: #000000;
  margin: 10px 0 10px 0;
  padding: 3px 6px;
}

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

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

/********************
/* Interface styles *
/********************/
input, select {
  border: 1px solid #ffc000;
  background: #ffffff;
  color: #161b24;
  font-family: 'Open Sans', sans-serif;
  padding: 2px 2px;
}

textarea {
  border: 1px solid #ffc000;
  background: #ffffff;
  color: #161b24;
  padding: 2px 2px;
}

.mw-ui-vform input:not([type="button"]):not([type="submit"]):not([type="file"]), .mw-ui-vform input:not([type="button"]):not([type="submit"]):not([type="file"]):hover, .mw-ui-vform input:not([type="button"]):not([type="submit"]):not([type="file"]):focus {
  border: 1px solid #ffffff;
  background: #c0c5bb;
  color: #161b24;
  font-family: 'Open 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 {
  border: 1px outset #ffcc00;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);
  background: #ffcc00;
  color: #000000;
  text-shadow: 0 0 5px #ffd541;
  text-transform: uppercase;
  padding: 1px 6px;
}

button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, #mw-createaccount-join:hover, .mw-ui-button.mw-ui-progressive:hover, .mw-ui-button.mw-ui-primary:hover {
  text-shadow: 0 0 5px #ffe381;
}

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 {
  border: 1px inset #c09500;
  background: 1px inset #c09500;
  text-shadow: 0 0 5px #ffcc00;
}

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

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

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

.usermessage {
  border: none;
  background: rgba(32, 32, 0, 0.2);
  color: #000000;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

body..skin-hydradark .mw-notification {
  border: none;
  background: #eeeeff;
  color: #0d131d;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div.mw-warning {
  border: none;
  background: rgba(0, 0, 32, 0.2);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div.mw-warning-with-logexcerpt {
  border: none;
  background: rgba(0, 0, 32, 0.2);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div#content fieldset {
  border: none;
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

div#content fieldset legend {
  border: none;
  background: transparent;
  color: #deaf04;
  font-weight: bold;
  margin: 0 0 8px 0;
  padding: 3px 6px;
}

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

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

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

.mw-search-profile-tabs {
  border: none;
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

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

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

#pagehistory li.selected {
  border: none;
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  margin: 0;
  padding: 0;
}

.skin-hydradark table.diff {
  border: none;
  background: rgba(0, 0, 0, 0.2);
  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: none;
  background: rgba(255, 255, 0, 0.2);
  color: #ffffff;
}

td.diff-deletedline {
  border: none;
  background: rgba(0, 255, 0, 0.2);
  color: #ffffff;
}

td.diff-context {
  border: none;
  background: rgba(128, 128, 128, 0.2);
  color: #cccccc;
}

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

body.skin-hydradark fieldset#mw-searchoptions {
  border: none !important;
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  margin: -10px 0 10px 0 !important;
  padding: 3px 6px;
}

body.skin-hydradark fieldset#mw-searchoptions h4 {
  border: none;
  border-bottom: 1px solid #deaf04;
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

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

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

.skin-hydradark div#preferences fieldset {
  border: none;
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.skin-hydradark div#preferences fieldset legend {
  border: none;
  background: transparent;
  color: #ffffff;
  font-weight: bold;
  margin: 0 0 8px 0;
  padding: 3px 6px;
}

.skin-hydradark div#preferences fieldset fieldset {
  border: none;
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  margin: 5px;
  padding: 10px;
}

.skin-hydradark div#preferences fieldset fieldset legend {
  border: none;
  background: transparent;
  color: #ffffff;
  font-weight: bold;
  margin: 0 0 8px 0;
  padding: 3px 6px;
}

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

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

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

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

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

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

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

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

.errorbox {
  border: none;
  background: rgba(32, 0, 0, 0.2);
  color: #ffffff;
}

.warningbox {
  border: none;
  background: rgba(32, 16, 0, 0.2);
  color: #ffffff;
}

.successbox {
  border: none;
  background: rgba(0, 32, 0, 0.2);
  color: #ffffff;
}

ul#filetoc {
  border: none;
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

.skin-hydradark table.mw_metadata {
  border: none;
  background: transparent;
  border-collapse: separate;
  border-spacing: 1px;
  margin: -1px -1px 9px -1px;
  padding: 3px 6px;
}

.skin-hydradark table.mw_metadata th {
  border: none;
  background: rgba(24, 52, 73, 0.7);
  color: #deaf04;
  font-weight: bold;
  padding: 0 3px 1px 3px;
}

.skin-hydradark table.mw_metadata td {
  border: none;
  background: rgba(0, 0, 0, 0.12);
  color: #000000;
  padding: 0 3px 1px 3px;
}

.skin-hydradark .TablePager, .skin-hydradark .mw-datatable {
  border: none;
  background: transparent;
  border-collapse: separate;
  border-spacing: 1px;
  margin: -1px -1px 9px -1px;
  padding: 3px 6px;
}

.skin-hydradark .TablePager th, .skin-hydradark .mw-datatable th {
  border: none;
  background: rgba(24, 52, 73, 0.7);
  color: #deaf04;
  font-weight: bold;
  padding: 0 3px 1px 3px;
}

.skin-hydradark .TablePager td, .skin-hydradark .mw-datatable td {
  border: none;
  background: rgba(0, 0, 0, 0.12);
  color: #ffffff;
  padding: 0 3px 1px 3px;
}

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

#other_options div {
  border: none;
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

table.smwtable {
  border: none;
  background: transparent;
  border-spacing: 1px;
  margin: -1px -1px 9px -1px;
  padding: 3px 6px;
}

table.smwtable th {
  border: none;
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  font-weight: bold;
  padding: 0 3px 1px 3px;
}

table.smwtable td {
  border: none;
  background: rgba(0, 0, 0, 0.12);
  color: #ffffff;
  padding: 0 3px 1px 3px;
}

.smwrdflink {
  color: #999999;
}

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

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

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

div.smwfact table {
  border: none;
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  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;
  border-collapse: separate;
  border-spacing: 1px;
  margin: -1px -1px 9px -1px;
  padding: 0;
}

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

table.smwb-factbox tr th, table.smwb-ifactbox tr th {
  border: none;
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  font-weight: bold;
  padding: 0 3px 1px 3px;
}

table.smwb-factbox tr td, table.smwb-ifactbox tr td {
  border: none;
  background: rgba(0, 0, 0, 0.12);
  color: #ffffff;
  padding: 0 3px 1px 3px;
}

.ui-widget-content, .ui-menu {
  border: none;
  background: #333333;
  color: #ffffff;
  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;
  border-collapse: separate;
  border-spacing: 1px;
  margin: -1px -1px 9px -1px;
  padding: 3px 6px;
}

table.mw-abuselog-details tr th {
  border: none;
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  font-weight: bold;
  padding: 0 3px 1px 3px;
}

table.mw-abuselog-details tr td {
  border: none;
  background: rgba(0, 0, 0, 0.12);
  color: #ffffff;
  padding: 0 3px 1px 3px;
}

.mw-abusefilter-history-changed {
}

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

/*****************
/* Footer styles *
/*****************/
div#footer {
  float: right;
  clear: right;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: none;
  background: rgba(54, 54, 58, 0.75);
  color: #63592d;
  margin: 0 0 0 0;
  padding: 10px 20px 10px 20px;
  overflow: hidden;
}

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

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

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

span.templateexample span.paramname {
}

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

/********************
/* Notice templates *
/********************/
.topNotice {
  border: none;
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
  overflow: auto;
}

.topNotice .heading {
  border: none;
  color: #ffffff;
  font-size: 132%;
  margin: 0 0 8px 0;
  padding: 0;
}

.topNotice.delete {
  border: none;
  background: rgba(32, 0, 0, 0.2);
  color: #ffffff;
}

.topNotice.outofdate, .topNotice.cleanup {
  border: none;
  background: rgba(16, 32, 0, 0.2);
  color: #ffffff;
}

.topNotice.move, .topNotice.merge, .topNotice.split {
  border: none;
  background: rgba(32, 16, 0, 0.2);
  color: #ffffff;
}

.topNotice.pagestub, .topNotice.imagerequest, .topNotice.nowalkthrough {
  border: none;
  background: rgba(0, 32, 0, 0.2);
  color: #ffffff;
}

/******************
/* Image licenses *
/******************/
table.imageLicense {
  border: none;
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
  width: 100%;
}

table.imageLicense.nolicense {
  background: rgba(32, 0, 0, 0.2);
}

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

.fpmaybecols {
  overflow: hidden;
  margin: -5px 0 -5px 0;
}

.fpmaybecols + .fpmaybecols {
  margin: 0 0 -5px 0;
}

.fpbox {
  border: none;
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
}

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

.fpbox .welcome {
  border: none;
  border-bottom: 1px solid #3c5984;
  color: #deaf04;
  font-size: 150%;
  text-align: center;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

.fpbox .heading {
  border: none;
  border-bottom: 1px solid #3c5984;
  color: #deaf04;
  font-size: 132%;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

.fpbox .heading .smalllink {
  color: #e7d3ce;
  font-weight: bold;
  font-size: 75%;
}

.fpbox hr {
  border: none;
  border-bottom: 1px solid #3c5984;
}

.fplinks {
  margin: -5px;
}

.fplinks .linkslabel {
  border: none;
  border-bottom: 1px solid #a8bbd8;
  color: #ffffff;
  background: transparent;
  margin: 15px 5px 5px 5px;
  padding: 0 0 5px 0;
}

.fplink {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

/* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */
.fplink .box {
  display: table;
  width: 100%;
  border-spacing: 5px;
  border-collapse: separate;
}

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

.fplink .box .row .cell {
  display: table-cell;
  position: relative;
  border: none;
  background: rgba(255, 255, 255, 0.2);
  color: #000000;
  text-align: center;
  vertical-align: middle;
}

.fplink.wide .box .row .cell {
  padding: 0 5px;
}

.fplink.image {
  width: 110px;
  height: 120px;
}

.fplink.image .box .row .cell {
  background: transparent;
  font-weight: bold;
  font-size: 90%;
  width: 100px;
  height: 110px;
  vertical-align: bottom;
}

.fplink.image .box .row .cell .image img {
  width: 100px;
  height: 100px;
}

@media (min-width: 470px) {
  .fplink {
    width: 50%;
  }

  .fplink.wide {
    width: 100%;
  }
}

@media (min-width: 580px) {
  .fplink {
    width: 33.333%;
  }

  .fplink.wide {
    width: 66.666%;
  }
}

@media (min-width: 690px) {
  .fplink {
    width: 25%;
  }

  .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 800px) {
  .fplink {
    width: 20%;
  }

  .fplink.wide {
    width: 40%;
  }
}

@media (min-width: 910px) {
  .fplink {
    width: 16.666%;
  }

  .fplink.wide {
    width: 33.333%;
  }
}

@media (min-width: 990px) {
  .fpcontent { 
    padding-right: 520px; 
    width: auto; 
  }

  #fptopsection { 
    float: left; 
    width: 100%; 
  }

  #fpflexsection { 
    float: right;
    width: 520px;
    margin-right: -520px 
  }

  #fpbottomsection { 
    float: left; 
    width: 100%; 
    margin-top: -5px; 
  }

  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 50%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 100%;
  }

  #fpflexsection .fplink {
    width: 25%;
  }

  #fpflexsection .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 1100px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 33.333%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 66.666%;
  }
}

@media (min-width: 1210px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 25%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 1320px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 20%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 40%;
  }
}

@media (min-width: 1430px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 16.666%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 33.333%;
  }

  .fplink a {
    padding: 3px 5px;
  }
}

@media (min-width: 1540px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 14.285%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 28.571%;
  }

  #fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox {
    background-image: none;
  }

  .fpmaybelcol {
    float: left;
    width: 70.886%;
  }

  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 20%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 40%;
  }

  .fpmaybercol {
    float: right;
    width: 29.113%;
  }

  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
    width: 50%;
  }

  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
    width: 100%;
  }
}

@media (min-width: 1650px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 12.5%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 25%;
  }
}

@media (min-width: 1697px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 16.666%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 33.333%;
  }
}

@media (min-width: 1760px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 11.111%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 22.222%;
  }
}

@media (min-width: 1850px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 14.285%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 28.571%;
  }
}

@media (min-width: 1870px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 10%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 20%;
  }

  #fptopsection .fplink.image, #fpbottomsection .fplink.image {
    width: 130px;
    height: 130px;
  }

  #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell {
    width: 120px;
    height: 120px;
  }

  #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img {
    padding: 10px;
  }
}

@media (min-width: 1918px) {
  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
    width: 33.333%;
  }

  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
    width: 66.666%;
  }
}

@media (min-width: 1980px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 9.09%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 18.181%;
  }
}

@media (min-width: 2006px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 12.5%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 25%;
  }
}

@media (min-width: 2090px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 8.33%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 16.666%;
  }
}

@media (min-width: 2161px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 11.111%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 22.222%;
  }
}

@media (min-width: 2200px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 7.692%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 15.384%;
  }
}

@media (min-width: 2296px) {
  #fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
    width: 25%;
  }

  #fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
    width: 50%;
  }
}

@media (min-width: 2310px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 7.142%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 14.285%;
  }
}

@media (min-width: 2316px) {
  #fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
    width: 10%;
  }

  #fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
    width: 20%;
  }
}

@media (min-width: 2420px) {
  #fptopsection .fplink, #fpbottomsection .fplink {
    width: 6.666%;
  }

  #fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
    width: 13.333%;
  }

  .fplink a {
    padding: 5px 5px;
  }

  #fptopsection .fplink.image, #fpbottomsection .fplink.image {
    width: 160px;
    height: 160px;
  }

  #fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell {
    width: 150px;
    height: 150px;
  }

  #fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img {
    padding: 25px;
  }
}

.fplink.image .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 75%;
  z-index: 1;
}

.fplink.image a {
  z-index: 2;
}

.fplink a {
  display: block;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1px 5px;
}

.fplink.wide a {
  margin: 0 -5px;
}

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

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

/******************
/* Infobox styles *
/******************/
#bodyContent .stdinfobox {
  float: right;
  border: none;
  background: rgba(48, 59, 68, 0.5);
  color: #ffffff;
  margin: 0 0 10px 20px;
  padding: 3px 6px;
  vertical-align: top;
  width: 280px;
}

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

#bodyContent .stdinfobox .title {
  border: none;
  border-bottom: 1px solid #3c5984;
  color: #ffffff;
  font-size: 150%;
  text-align: center;
  margin: 0 0 8px 0;
  padding: 0 0 5px 0;
}

#bodyContent .stdinfobox .subtitle {
  border: none;
  border-bottom: 1px solid #3c5984;
  color: #ffffff;
  margin: 0 0 8px 0;
  padding: 0 0 5px 0;
  overflow: auto;
}

#bodyContent .stdinfobox .box {
  border: none;
  background: rgba(48, 58, 68, 0.5);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
  overflow: auto;
}

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

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

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

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

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

#bodyContent .stdinfobox table {
  margin: 0 auto;
}

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

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

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

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

table.nav th, table.nav tr th, table.nav > tr > th, table.nav > * > tr > th {
  border: none;
  background: rgba(48, 59, 69, 0.5);
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  vertical-align: top;
  margin: 0;
  padding: 0 5px 5px 5px;
}

table.nav td, table.nav tr td, table.nav > tr > td, table.nav > * > tr > td {
  border: none;
  background: rgba(0, 0, 0, 0.12);
  color: #000000;
  text-align: left;
  margin: 0;
  padding: 3px 11px 8px 11px;
}

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

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

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

/******************
/* General styles *
/******************/
.contentbox {
  border: none;
  background: rgba(35, 43, 49, 0.7);
  color: #ffffff;
  margin: 0 0 10px 0;
  padding: 3px 6px;
  overflow: auto;
}

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

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

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

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

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

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

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

.mobileonly {
  display: none;
}
Community content is available under CC BY-NC-SA unless otherwise noted.
Advertisement