MediaWiki:Hydradark.css

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

/* For elements which only display in the mobile view */

.mobileonly {
	display: none;
}

/* Hide main page header */

body.page-Razor_Trail_Survivors_Wiki h1.firstHeading {
	display: none;
}

/******************
main styles
******************/

html {
	line-height: 1.15;
}

body {
	background: #01060c url(https://razortrailsurvivors.gamepedia.com/media/a/ac/MPbackground.jpg) no-repeat fixed top center;
	background-size: cover;
	overflow-y: scroll;
}

body, h1, h2, h3, h4, h5, h6, p, div#content, div#content table {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	color: #eeeeee;
}

p {
	line-height: 1.5;
}

a, a:link, div#content a.external, div#content a.extiw,div#mw-panel div.portal div.body ul li a:link {
	color: #406ad6;
}

a:visited, div#content a.external:visited, div#content a.extiw:visited,div#mw-panel div.portal div.body ul li a:visited {
	color: #264bab;
}

a.new, div#content a.new, #quickbar a.new,div#mw-panel div.portal div.body ul li a.new:link {
	color: #e0372c;
}

a.new:visited,div#content a.new:visited, #quickbar a.new:visited,div#mw-panel div.portal div.body ul li a.new:visited{
	color:#9e3731;
}

ul {
	list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%1d212a.5%22%20cy%3D%229.5%22%20r%3D%1d212a.5%22%20fill%3D%22%23264bab%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}

h1, h2, h3, h4, h5, h6 {
	border-bottom-color: #bbbbbb;
}

fieldset {
	border-color: #bbbbbb;
}

/******************
content box
******************/

div#content {
	background: rgba(0,0,0,0.85);
	border: 1px solid rgba(255,255,255,0.5);
	box-shadow: 0 0 35px rgba(1, 6, 12, 0.8);
	padding-top: 1em;
}

/******************
logo
******************/
#p-logo{
	width: 200px;
	height: 121px;
	margin-top: 0.5em;
	margin-left: 0.5em;
}
#p-logo a {
	width: 100%;
	height: 100%;
	display: inline-block;
}

/******************
top navigation
******************/

div#mw-head-base {
	height: calc(200px + 4.5em);
	margin-top: calc(-200px - 4.5em);
}

div#mw-page-base {
	height: calc(100px + 4.5em);
	background: transparent;
}

div#left-navigation, div#right-navigation {
	height: 2em;
	margin-top: calc(100px + 2em);
}

div.vectorTabs {
	background: transparent!important;
	height: 1.75em;
}

div.vectorTabs ul li, div.vectorMenu{
	background: rgba(0,0,0,0.85);
	border: 1px solid rgba(255,255,255,0.5);
	border-radius: 0;
	margin: 0 0.25em;
}

div.vectorTabs span a {
	color: #bbbbbb!important;
}

div.vectorTabs li.selected {
	background: rgba(43, 43, 43, 0.85);
	border: 1px solid rgba(255,255,255,0.5);
	}

div.vectorMenu div.menu {
	background: rgba(0, 0, 0, 0.8);
	border: none;
}

div.vectorMenu:hover {
	background: rgba(0,0,0,0.85);
	}

div.vectorMenu:hover div.menu, div.vectorMenu:hover ul {
	z-index: 1;
	display: block;
	color: #eeeeee!important;
	box-shadow: 0 0 0;
	box-sizing: border-box;
	background: transparent;
	border: 0px;
}

div.vectorMenu:hover div.menu {
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	background: rgba(0,0,0,0.85);
	left: 0px;
	border: 1px solid rgba(255,255,255,0.5);
	top: 1.75em;
}

div.vectorMenu li a, div.vectorMenu span {
	color: #bbbbbb!important;
}

div.vectorMenu:hover li a, div.vectorMenu:hover span {
	color: #eeeeee!important;
}

div#mw-head h5 {
	border-bottom: 0px solid #fff;
}

div.vectorTabs, div.vectorTabs ul, div.vectorTabs li a, div.vectorTabs span, #mw-head div.vectorMenu h5, div.vectorMenu h5 a, div.vectorTabs span, div#mw-head div.vectorMenu h3 {
	background: transparent;
}

div.vectorTabs li a, div.vectorTabs li a span, div.vectorTabs li a:hover, div.vectorTabs li a:hover span {
	cursor: pointer;
	font-weight: bold;
	padding: 0.5em 0.5em;
	height: 1em;
}

div.vectorTabs li.selected a {
	color: #eeeeee!important;
}

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

/* adjusts the share button */

div#mw-head div.vectorMenu h4, div#p-variants.vectorMenu #mw-vector-current-variant {
	border: none;
	display: block;
	float: left;
	font-size: 0.8em;
	font-weight: normal;
	padding-left: 0.5em;
	padding-top: 1.25em;
}

#p-sharing #socialIconImages>a {
	margin: 0;
	box-sizing: border-box;
	width: 50%;
	padding: 1px;
	float: left;
}

#p-sharing #socialIconImages img {
	width: 100%;
}

div.vectorMenu h3 span {
	display: block;
	font-size: 0.8em;
	font-weight: normal;
	margin-right: 20px;
	padding-left: 0.7em;
	padding-top: 0.65em;
}

div.vectorMenu h3 a, div.vectorMenu h3 a:active {
	background: url(https://commons.gamepedia.com/media/commons.gamepedia.com/8/80/Vector_menu_downarrow_white.png) 50% 65% no-repeat;
	border: none;
	height: 1.75em;
}

#p-search form, #p-search input {
	margin: 0;
	margin-top: -0.4em;
}

div#p-search {
	background: transparent;
	margin: 0 0.25em;
	padding: 0;
	height: 1.75em;
}
div#simpleSearch {
	margin: 0.4em 0 0;
	background: rgba(0,0,0,0.85);
	border: 1px solid rgba(255,255,255,0.5);
	height: 1.75em;
	}

div#mw-head div.vectorMenu h3 {
	height: 1.75em;
}

#ca-unwatch.icon a, #ca-watch.icon a {
	padding-top: 2em;
}

/* for "edit this page" tab and "discussion" tab etc */

.pagetab {
	border-style: solid solid none;
	border-width: thin;
	border-color: #343841;
	padding: 0.25ex 1ex 0ex;
	font-size: 95%;
}

@media screen and (max-width: 720px) {
	.vectorMenu,.vectorTabs{
		top:0!important;
	}

	div#p-search{
		width:auto;
		top:2em
	}
}

/******************
amboxes
******************/

.ambox {
	background: #bbbbbb;
	background: rgba(187, 187, 187, 0.85);
	border-bottom-color: #383838;
	border-right-color: #383838;
	border-top-color: #383838;
	border-collapse: collapse;
	font-size: 95%;
	margin: 0 auto 2px auto;
	width: 80%;
}

.ambox * {
	color: #01060c;
}

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

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

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

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

.ambox-tiny .ambox-image {
	padding: 2px 0.5em;
	text-align: left;
	width: auto;
}

.ambox-blue {
	border-left: 10px solid #0e6ecd;
}

.ambox-red {
	border-left: 10px solid #cd0e0e;
}

.ambox-orange {
	border-left: 10px solid #cd770e;
}

.ambox-yellow {
	border-left: 10px solid #cd9d0e;
}

.ambox-purple {
	border-left: 10px solid #8d0ecd;
}

.ambox-gray {
	border-left: 10px solid #383838;
}

.ambox-green {
	border-left: 10px solid #0ecd0e;
}

.amsmalltext {
	font-size: smaller;
	margin-left: 0.8em;
	margin-top: 0.5em;
}

.copyright-icon {
	background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat;
	background-size: 100%;
	width: 32px;
	height: 32px;
}

/******************
infoboxes
******************/

.infoboxtable {
	background-color: rgba(0,0,0,0.85);
	border: 1px solid #bbbbbb;
	color: #000000;
	float: right;
	font-size: 89%;
	margin-bottom: 0.5em;
	margin-left: 1em;
	padding: 0.25em;
	width: 300px;
}

.infoboxtable td {
	vertical-align: top;
}

.infoboxtable td>div {
	background-color: #343841;
	border-right: 1px solid #bbbbbb;
	font-weight: bold;
	padding: 1px 7px;
	text-align: right;
}

.infoboxname {
	font-size: 110%;
	font-weight: bold;
	padding: 0.5em;
	border-bottom: 1px solid #bbbbbb;
}

.infoboxdetails {
	padding: 0em;
}

/******************
community portal
******************/

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

/******************
navboxes
******************/

table.navbox {
	border: 1px solid #1d212a;
	clear: both;
	font-size: 88%;
	margin: auto;
	padding: 1px;
	text-align: center;
	width: 100%;
}

/* Border between adjacent navboxes */

table.navbox+table.navbox {
	margin-top: -1px;
}

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

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

/* Base background */

.navbox, .navbox-subgroup {
	background: rgba(0,0,0,0.75);
}

.navbox-list {
	border: 0;
	/* Must match background color */
	border-spacing: 0;
}

/* Level 1 color */

.navbox-title, table.navbox th {
	background: rgba(1, 6, 12, 0.5);
	color: #bbbbbb;
}

/* Level 2 styling */

.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
	background: rgba(1, 6, 12, 0.3);
	color: #bbbbbb;
}

/* Level 3 styling */

.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
	background: rgba(0, 0, 0, 0.05);
	color: #333;
}

/* Even row striping */

.navbox-even {
	background: rgba(187, 187, 187, 0.1);
	color: #eeeeee;
}

/* Odd row striping */

.navbox-odd {
	background: transparent;
}

.collapseButton {
	font-weight: normal;
	width: auto;
}

.navbox .collapseButton {
	width: 6em;
}

.navbar {
	font-size: 88%;
	font-weight: normal;
}

.navbox .navbar {
	font-size: 100%;
}

table.collapsed tr.collapsible {
	display: none;
}


/* this CSS governs the responsive 2 column main page layout */

.fpcontent {
    width: 100%;
    overflow: hidden;
    z-index: 1;
}

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

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

.fpbox {
	background: rgba(0,0,0,0.5);
	border: 1px solid rgba(255,255,255,0.5);
    box-shadow: 0 0 0 2px #505050 inset;
    color: #e0e0e0; /* change for hydra (light) wikis */
    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-bottom: 1px solid #505050;
    color: #e0e0e0; /* change for hydra (light) wikis */
    font-size: 150%;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    text-transform: uppercase;
    text-align: center;
}

.fpbox .heading {
    border-bottom: 1px solid #505050;
    color: #e0e0e0; /* change for hydra (light) wikis */
    font-size: 132%;
    font-variant: small-caps;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
}

.fpbox .heading .smalllink {
    color: #e0e0e0; /* change for hydra (light) wikis */
    font-size: 75%;
    font-weight: bold;
}

.fpbox hr {
    border: none;
    border-bottom: 2px solid #505050;
}

.fplinks {
    margin: -5px;
}

.fplinks .linkslabel {
    background: rgba(0, 0, 0, 0);
    border-bottom: 2px solid #505050;
    margin: 15px 5px 5px 5px;
    padding: 0 0 5px 0;
}

.fplink {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    box-sizing: border-box;
    padding: 1px 5px;
}

.fplink .box {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
	background: rgba(0,0,0,0.5);
	border: 1px solid rgba(255,255,255,0.5);
    border-radius: 4px;
    color: #000000;
    width: 100%;
    font-weight: bold;
}

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

.fplink.image .box {
    width: 100px;
}

.fplink.image .image a {
  width: 100px;
  height: 100px;
  line-height: 100px;
}

.fplink.image .box .image img {
    max-height: 100px;
    height: auto;
    width: 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: 134px;
    min-height: 134px;
  }

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

  #fptopsection .fplink.image .image a, #fpbottomsection .fplink.image .image a {
    width: 120px;
    height: 120px;
    line-height: 120px;
  }

  #fptopsection .fplink.image .box .image img, #fpbottomsection .fplink.image .box .image img {
    max-height: 120px;
    height: auto;
    width: 120px;
  }
}

@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: 164px;
    min-height: 164px;
  }

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

  #fptopsection .fplink.image .image a, #fpbottomsection .fplink.image .image a {
    width: 150px;
    height: 150px;
    line-height: 125px;
  }

  #fptopsection .fplink.image .box .image img, #fpbottomsection .fplink.image .box .image img {
    max-height: 150px;
    height: auto;
    width: 150px;
  }
}

.fplink.image .image {
  font-size: 75%;
}

.fplink a {
  display: block;
}

.fplink.image .image a {
  padding: 0;
}

.fplink.image .link a {
  background: rgba(0, 0, 0, 0.1);
  border-top: 2px solid #505050;
}

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

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

#catlinks, .catlinks {
	background: rgba(0,0,0,0.75);
		border: 0;
	border-top: 1px solid #bbbbbb;
}

/******************
page diffs
******************/

td.diff-marker {
	color: #eeeeee;
}

td.diff-addedline {
	background: #114511;
	background: rgba(17, 69, 17, 0.75);
	border-color: #9dc56d;
}

td.diff-addedline .diffchange {
	color: #9dc56d;
	background: transparent;
}

td.diff-deletedline {
	background: #4501060c1;
	background: rgba(69, 17, 17, 0.75);
	border-color: #db7070;
}

td.diff-deletedline .diffchange {
	color: #db7070;
	background: transparent;
}

table.diff, td.diff-otitle, td.diff-ntitle {
	background: transparent;
}

td.diff-context {
	background: rgba(0,0,0,0.75);
	color: #eeeeee;
	border-color: #eeeeee;
}

/******************
search and code tags
******************/

pre, .mw-code, code, .skin-hydradark fieldset#mw-searchoptions, .skin-hydradark .mw-search-profile-tabs {
	background: rgba(0,0,0,0.75);
	color: #bbbbbb;
	border-color: #1d212a;
}

div#simpleSearch #searchInput {
	color: #eeeeee;
	margin: 0.25em;
}

div#simpleSearch #searchInput::placeholder {
	color: #bbbbbb;
	color: rgba(187, 187, 187, 0.75);
}

.errorbox, .warningbox, .successbox {
	background: #9e3731;
	background: rgba(224, 55, 44, 0.3);
	border-color: #e0372c;
	color: #eeeeee;
}

/******************
template:doc
******************/

.doc, .doc-footer {
	border: 1px solid #bbbbbb;
	border-radius: 7px;
	background: rgba(0,0,0,0.75);
}

/******************
preferences
******************/

.skin-hydradark #preftoc a, .skin-hydradark #preferences legend, .htmlform-tip {
	color: #bbbbbb;
}

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

.skin-hydradark #preftoc li.selected a:hover {
	color: #eeeeee;
	text-decoration: none;
}

.skin-hydradark #preftoc li {
	border-right: 1px solid rgba(187, 187, 187, 0.4);
	border-left: 1px solid rgba(187, 187, 187, 0.4);
	border-top: 1px solid rgba(187, 187, 187, 0.4);
	margin: 0 2px;
	background: rgba(0,0,0,0.85);
	background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.85));
}

.client-js #preftoc li:first-child {
	margin-left: 0;
}

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

.skin-hydradark #preferences {
	background: rgba(0,0,0,0.85);
	border: 1px solid #bbbbbb;
}

.skin-hydradark #preftoc li.selected {
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;
}

.skin-hydradark #preftoc li.selected a {
	padding-bottom: 0.29em;
	border-bottom: 1px solid #1d212a;
}

/******************
footer
******************/

div#footer {
	background: rgba(0,0,0,0.8);
	margin-top: 1em;
	border: 1px solid rgba(255,255,255,0.5);
	}

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

/******************
history
******************/

#pagehistory li.selected {
	background: rgba(0,0,0,0.75);
	border-color: rgba(255,255,255,0.5);
}

#pagehistory li {
	border-color: rgba(255,255,255,0.5);
}

/******************
tablepager
******************/

.skin-hydradark .TablePager th, .skin-hydradark .mw-datatable th, .skin-hydradark table.mw_metadata th {
	background: rgba(0,0,0,0.75);
	color: #bbbbbb;
	border-color: rgba(255,255,255,0.5);
}

.skin-hydradark .TablePager td, .skin-hydradark .mw-datatable td, .skin-hydradark table.mw_metadata td {
	color: #eeeeee;
	border-color: rgba(255,255,255,0.5);
}

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

/******************
wikitables
******************/

table.wikitable>tr>th, table.wikitable>*>tr>th {
	background: rgba(0,0,0,0.75);
	color: #bbbbbb;
	border-color: rgba(255,255,255,0.5)
}

table.wikitable>tr>th, table.wikitable>tr>td, table.wikitable>*>tr>th, table.wikitable>*>tr>td {
	border-color: rgba(255,255,255,0.5)
}

/******************
thumbnails
******************/

li.gallerybox div.thumb, div.thumbinner {
	background: rgba(0,0,0,0.75);
	color: #bbbbbb;
	border-color: rgba(255,255,255,0.5)
}

div.thumb {
	border-color: transparent;
}

html .thumbimage {
	border-color: transparent;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	background: transparent;
}

/******************
source editor
******************/

div.wikiEditor-ui {
	background: transparent;
	border: 0;
}

div.wikiEditor-ui-buttons {
	background-color: transparent;
	border-top: 0;
}

div.wikiEditor-ui-controls {
	background-color: transparent;
	border-bottom: 0;
}

div.wikiEditor-ui-tabs {
	background-color: transparent;
	border: 0;
}

div.wikiEditor-ui-tabs div {
		border-right: 1px solid rgba(187, 187, 187, 0.4);
		border-left: 1px solid rgba(187, 187, 187, 0.4);
		border-top: 1px solid rgba(187, 187, 187, 0.4);
		margin: -1px 2px;
		background-color: transparent;
		border-bottom: 0;
}

div.wikiEditor-ui-tabs div a {
	background: rgba(0,0,0,0.85);
	/* you can use a gradient here if you want to get fancy */
	color: #bbbbbb;
}

div.wikiEditor-ui-tabs div.current {
	border-left: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #000;
}

div.wikiEditor-ui-tabs div.current a {
	color: #eeeeee;
	font-weight: bold;
}

div.wikiEditor-ui .wikiEditor-ui-top {
	border-bottom: 1px solid #bbbbbb;
}

div.wikiEditor-ui-toolbar {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

div.wikiEditor-ui-toolbar .group {
	border-right: 1px solid #bbbbbb;
}

div.wikiEditor-ui-toolbar .group-search {
	border-left: 1px solid #bbbbbb;
	border-right: none;
}

div.wikiEditor-ui-toolbar .group .label {
	color: #eeeeee;
}

.tab {
	border-color: transparent;
}

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

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

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

div.wikiEditor-ui-toolbar .booklet .index div {
	color: #406ad6;
}

div.wikiEditor-ui-toolbar .booklet .index .current, div.wikiEditor-ui-toolbar .booklet .pages {
	background-color: #343841;
	color: #eeeeee;
}

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

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

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

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

div.wikiEditor-preview-contents {
	border: 0;
}

div.editOptions {
	border: 1px solid #bbbbbb;
	background: rgba(0,0,0,0.85);
	border-top: 0;
}

div.wikiEditor-ui .wikiEditor-ui-view {
	border: 1px solid #bbbbbb;
	background: transparent;
}

div.wikiEditor-ui-tabs div:first-child {
	margin-left: 0;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive>.oo-ui-buttonElement-button {
	background: #406ad6;
	border-color: #406ad6;
	color: #eeeeee;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive>.oo-ui-buttonElement-button:hover {
	background: #264bab;
	border-color: #406ad6;
}

.skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
	background: #01060c;
	border-color: #bbbbbb;
	color: #bbbbbb;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus {
	box-shadow: inset 0 0 0 1px #264bab;
}

.oo-ui-popupWidget .oo-ui-popupWidget-popup .oo-ui-buttonWidget:hover, .skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover {
	border-color: #bbbbbb;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button>.oo-ui-labelElement-label {
	color: #eeeeee!important;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked+span {
	background-color: #406ad6;
	border-color: #406ad6;
}

/******************
msupload
******************/

#msupload-list .file {
	border: 0;
}

#msupload-div #msupload-list .file .file-title, #msupload-div #msupload-list .file .file-size, #msupload-div #msupload-list .file .file-warning {
	color: #eeeeee;
}

#msupload-dropzone {
	border-color: #bbbbbb;
	color: #eeeeee;
}

#msupload-div {
	background: #406ad6;
	border: 1px solid #406ad6;
	border-top: 1px solid #bbbbbb;
}

/******************
claim wiki button
******************/

.claimSidebar, .claimSidebar a, .claimSidebar a:hover {
	background-image: url(/extensions/ClaimWiki/images/claimwiki.svg?5c7bf);
	background-size: 123px 34px;
	height: 34px;
	width: 123px;
}

/******************
sidebar
******************/

div#mw-panel{
	padding-top:0;
}

div#mw-panel div.portal, #mw-panel.collapsible-nav .portal {
	border: 1px solid rgba(255,255,255,0.5);
		background: rgba(0,0,0,0.85);
		margin-right: 0.6em;
		margin-bottom: 0.7em;
		padding: 0.5em;
}

div#mw-panel div.portal div.body ul li, #mw-panel.collapsible-nav .portal .body ul li {
	padding-bottom: 0.3em;
}

.skin-hydradark div#mw-panel div.portal h3, .skin-hydradark #mw-panel.collapsible-nav .portal h3, .skin-hydradark #mw-panel.collapsible-nav .portal h3:hover {
	margin: 0;
	font-size: 100%;
	text-decoration: none;
	color: #bbbbbb;
}

.skin-hydradark div#mw-panel div.portal div.body {
	background: transparent;
}

.skin-hydradark #mw-panel.collapsible-nav .portal h3 a {
	font-size: 100%;
	color: #bbbbbb;
}

.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAdUlEQVQ4T2P4//8/Awh//vmbIIapJUYP2NBRg0HBijMoZs2a9Z8BDVAljCsrK/+jG041g9ENRzcYn0U4gwJkKAzDXE51g0EWbNy4EWguJGniwsh5gWouRs9gBA1GjkBiXAqzAK/BNEkVNEvH2AolqqTjQWswAHw/xQMAnZaHAAAAAElFTkSuQmCC");
	color: #fff;
}

.skin-hydradark #mw-panel.collapsible-nav .portal h3, .skin-hydradark #mw-panel.collapsible-nav div.portal h3 {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOvwAADr8BOAVTJAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAVUlEQVQ4T2NgGAWjIYA3BGbNmvW/srISJwbJkxyE//9D9OAynCxDQQbCDMZmONmGohuMbDhFhmIzGCS2ceNG0sMUORJAwUAJxhuhxBhMcooY1QAKAQBL4ZbE1eFRMgAAAABJRU5ErkJggg==");
}

#mw-panel.collapsible-nav .portal#p-sitePromos, div#mw-panel.collapsible-nav div.portal#p-socialProfiles, #mw-panel.collapsible-nav .portal#p-claimWiki {
	margin: 0 0.6em 0.7em 0.7em;
	background: transparent;
}

.skin-hydradark div#mw-panel div.portal.persistent h3, #mw-panel.collapsible-nav .portal.persistent h3 {
	padding: 0;
}

.skin-hydradark div#mw-panel div.portal.persistent{
	border:0;
}
/******************
table of contents
******************/

div#toc, div.toc, div.mw-warning {
	background: rgba(0,0,0,0.75);
	border-color: rgba(255,255,255,0.5)
}