MediaWiki:Hydradark.css

/* [[de:MediaWiki:Hydradark.css]] * [[es:MediaWiki:Hydradark.css]] * [[fr:MediaWiki:Hydradark.css]] * [[it:MediaWiki:Hydradark.css]] * [[ja:MediaWiki:Hydradark.css]] * [[pl:MediaWiki:Hydradark.css]] * [[pt-br:MediaWiki:Hydradark.css]] * [[ru:MediaWiki:Hydradark.css]] */
/* CSS placed here will affect users of the Hydra Dark skin */

/* used on the community portal */
.feature {
    background: rgba(200, 200, 200, 0.05);
    border: 1px solid rgba(200, 200, 200, 0.2);
    border-radius: 5px; padding: 10px;
}

/* Base framework */
body {
	background: url(https://static.wikia.nocookie.net/arksurvivalevolved_gamepedia/images/9/95/Bg_dark.jpg/revision/latest) no-repeat; /*[[File:Bg dark.jpg]]*/
	background-size: cover;
	background-attachment: fixed;
	background-color: #0b1212;
}

#mw-page-base {
	background: transparent;
}

#mw-head-base {
	height: 4.3em;
}

div#content,
div#footer {
	position: relative;
	border: 1px solid #7FE7FF;
	background-color: rgba(4, 36, 48, 0.95);
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.75);
	color: #88E9FF;
}

div#content::before,
div#footer::before {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	content: "";
	background: url(https://static.wikia.nocookie.net/arksurvivalevolved_gamepedia/images/b/b7/Hex_grid.png/revision/latest) repeat; /*[[File:Hex grid.png]]*/
	z-index: -1;
	opacity: 0.7;
}

div#footer {
	margin-top: 4em;
	margin-bottom: 2em;
}

#pageWrapper {
	margin-right: 10px;
}

div#content table {
	color: ;
}

div#footer ul li {
	color: #88E9FF;
}

#gamepedia-footer {
	border-top: #f48020 1px solid;
}

fieldset {
	border-color: #000;
}

.oo-ui-panelLayout-framed {
	border: 1px solid #000;
}

#p-logo a {
  background-size: contain;
}

/* End base framework */

/* Front page (FP) styles */
.fpbox {
	color: #88E9FF;
}
/* end front page tweaks */

/* Links */
a,
a:visited,
div#footer a,
div#content a.extiw,
div#content a.extiw:visited,
div#content a.external,
div#content a.external:visited,
#mw-indicator-mw-helplink a,
.pseudo-link,
.jslink,
label.toctogglelabel {
	color: #4FB5FF;
}

.jslink:hover {
    text-decoration: underline;
    cursor: pointer;
}


div#content a.new {
	color: #E51616;
}

/* End links */

/* Sidebar */
div#mw-panel div.portal,
div#mw-panel div.portal div.body {
	background-image: none;
}

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

.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 {
	background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/3/37/Sidebar_collapsed.png");
	background-position: left;
	background-repeat: no-repeat;
}

.skin-hydradark #mw-panel.collapsible-nav .portal h3 {
	background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/7/72/Sidebar_expanded.png");
	background-position: left;
	background-repeat: no-repeat;
}

.skin-hydradark div#mw-panel div.portal div.body {
  background-image:url(https://static.wikia.nocookie.net/breach_gamepedia_en/images/a/a7/Underline.png/revision/latest);
}

div#mw-panel div.portal div.body ul li a,
div#mw-panel div.portal div.body ul li a:link,
div#mw-panel div.portal div.body ul li a:visited,
div#mw-panel div.portal div.body ul li a:hover {
	color: #ffffff;
	font-weight:bold;
	text-shadow:-2px -2px 0px #000, 0 0 1px #000;
}

div#mw-panel div#p-socialProfiles.portal .body {
	margin: auto;
}

.socialSidebar {
	width: auto;
	max-width: 100%;
}

/* end sidebar */

/* Vector tabs */
div.vectorTabs {
	background: none;
	height: 1.6em;
}

#left-navigation {
	margin-left: 10.75em;
}

div#mw-head div.vectorTabs ul li a,
div#mw-head div.vectorTabs ul li.new a,
h3#p-sharing-label span,
h3#p-cactions-label span {
	color: #B1F4F0;
	font-size: 0.8em;
	font-weight: bold;
}

div.vectorTabs li span,
div#mw-head div.vectorMenu h3 {
	border: 1px solid #7FE7FF;
	border-bottom: 0;
	margin: auto 3px;
	padding: 2px;
	padding-top: 5px;
	background-color: #0A130F;
}

div.vectorTabs li.selected span {
	background-color: #1F5F73;
}

div.vectorMenu h3 span,
div.vectorTabs span a {
	padding-top: 0;
}

div.vectorMenu h3 span {
	padding-top: 0.7em;
}

div.vectorMenu h3 a {
	height: 1.3em;
}

h3#p-sharing-label span,
h3#p-cactions-label span {
	margin-top: -0.5em;
}

div.vectorTabs span,
div#mw-head div.vectorMenu h3 {
	height: 1.3em;
	background-image: none;
}

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

#p-search {
	margin-right: 10px;
}

div#right-navigation div#simpleSearch {
	border: 1px solid #7FE7FF;
	border-bottom: 0;
	color: #fff;
	padding-top: 2px;
	padding-bottom: 4.5px;
}

div#simpleSearch #searchInput {
	padding-left: 10px;
}

div#simpleSearch #searchInput::placeholder {
	color: hsla(0, 0%, 100%, .7);
}

div.vectorTabs li.mw-watchlink span {
	padding-top: 3px;
	padding-bottom: 4px;
}

div.vectorMenu div.menu {
	top: 1.15em;
	padding-top: 0.6em;
	border: 0;
	background: 0;
	margin-left: 2px;
}

#p-cactions div.menu ul {
	margin-right: 2px;
}

div.vectorMenu div.menu ul,
div.vectorMenu div.menu div#socialIconImages {
	border: 1px solid #000;
	color: #88E9FF !important;
	background-color: #021d31;
}

div.vectorMenu div.menu a {
	color: #F6F6F6;
	font-weight: bold;
	text-decoration: none;
}

div.vectorMenu div.menu li:hover {
	background: #3191b9fc !important;
	color: #ddd !important;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}

div.vectorMenu div.menu a:hover {
	text-decoration: none;
}

div#p-sharing .menu {
	margin-left: 20px;
	min-width: 0px;
	width: 48px;
}

div#simpleSearch {
	margin-top: -0.5em;
	background: #0A130F;
}

div#mw-head li#ca-watch a,
div#mw-head li#ca-unwatch a {
	padding-top: 1.7em;
	color: transparent
}

/* End Vector Tabs */

/* Used by Template:FP heading */
.fpheading {
	border-bottom: 3px solid #235361;
	border-image: linear-gradient(to right, transparent 1%, #235361 15%, #235361 85%, transparent 99%) 1;
	border-radius: 0.3em;
	text-align: center;
	color: #88E9FF;
	font-size: 130%;
	margin-bottom: 5px;
	padding: 2px;
	text-transform: uppercase;
}

/*end Template:Header */

/* copy to clipboard */
.copy-clipboard {
	background-color: #b5b5b59c;
	color: black;
	font-family: Courier, monospace;
	padding: 0.2em;
}

.copy-clipboard button {
	padding: 0 0 0 1em;
	border: none;
	background: none;
	cursor: pointer;
	font-family: FontAwesome;
}


/* Ambox style */
.ambox {
	max-width: 80%;
	margin: 1em auto;
	background-color: #021d31d6;
	color: #88E9FF !important;
	/*seems to be needed cause table is overwriting it otherwise*/
	border: 1px dashed;
	border-collapse: collapse;
	border-left-style: solid;
	border-left-width: 10px;
}

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

.ambox-DLC-icon {
	width: 115px;
	padding: 2px 0 2px 0.5em;
	text-align: center;
}

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

.ambox-info {
	margin-top: 0.5em;
	font-size: smaller;
}

.ambox-blue {
	border-color: #0429e0;
}
.ambox-gray {
	border-color: #555555;
}
.ambox-green {
	border-color: #2ebf33;
}
.ambox-purple {
	border-color: #a655b2;
}
.ambox-red {
	border-color: #aa0000;
}
.ambox-yellow {
	border-color: #aaaa00;
}
.ambox-cyan { 
	border-color: #00ABA2;
}
.ambox-orange {
	border-color: #ffa500;
}

/* Infobox style */
.infobox {
	float: right;
	width: 24.3em;
	margin-left: 1em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	padding: 2px;
	background-color: #0000;
	border: 1px solid #7FE7FF;
}

.infobox-table {
	width: 100%;
	padding: 0;
	background-color: #021d31d6;
}

.infobox-header {
	border-bottom: 3px solid #235361;
	border-image: linear-gradient(to right, transparent 1%, #235361 15%, #235361 85%, transparent 99%) 1;
	border-radius: 0.3em;
	text-align: center;
	color: #88E9FF;
	font-size: 130%;
	margin-bottom: 5px;
	padding: 2px;
}

.infobox-section {
	border-bottom: 3px solid #235361;
	border-image: linear-gradient(to right, transparent 1%, #235361 15%, #235361 85%, transparent 99%) 1;
	border-radius: 0.3em;
	text-align: center;
	color: #88E9FF;
	margin-bottom: 5px;
	padding: 2px;
}

.infobox-centered {
	text-align: center;
	color: #88E9FF;
	padding: 0 1em;
}

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

.infobox .slideboxlightshow {
  max-width:calc(21em - 4px);
  height:auto;
}

.infobox .slideboxlightshow a,
.infobox .slideboxlightshow img {
  max-width:100%;
}

.infobox-row {
	vertical-align: top;
	color: #88E9FF;
	padding-right: 1em;
}

.infobox-row-name {
	text-align: left;
	white-space: nowrap;
	color: #88E9FF;
	padding-left: 1em;
	font-weight: bold;
}

.infobox-spacer {
	height: 0.5em;
}


/* -------------------------- */

/* "ARKITEXURE"-STYLE INFOBOX */

/* -------------------------- */

.info-arkitex {
	float: center;
}
.info-arkitex-left {
	float: left;
}
.info-arkitex-right {
	float: right;
	align-self: stretch;
}


/* arkitexure full container */
.info-framework {
	float: right;
	width: 410px;
	max-width: 100%;
	background: #021d31d6;
	border: 1px solid #7FE7FF;
	margin: 0 0 8px 8px;
	padding: 5px 5px 0 5px;
	overflow: hidden;
}


/* arkitexure individual module (sub-container) */
.info-module {
	display: inline-block;
	width: 98%;
	text-align: right;
	margin: 0;
	padding: 4px 4px 0 4px;
	overflow: hidden;
	border-bottom: 3px solid #235361;
	border-image: linear-gradient(to right, transparent 1%, #235361 15%, #235361 85%, transparent 99%) 1;
	border-radius: 0.3em;
}


/* arkitexure "sub-module" component */
.info-unit {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.info-unit-row {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.info-unit-comment {
	display: flex;
	align-items: left;
	font-size: 11px;
}

/* arkitexure cell, intended for one total column, 100% width */
.info-X1-100 {
	width: calc(100% - 8px);
	margin: 1px;
	padding: 5px 2px 5px 2px;
}
.info-masthead {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	height: auto;
	font-size: 24px;
}
.info-column {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.info-sound-div {
	margin: 5px 0 -5px 0;
}


/* arkitexure cell, intended for two total columns, 25% width */
.info-X2-25 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25%;
	margin: 1px;
	padding: 5px 8px 5px 8px;
	background: #2d74bea6;
}


/* arkitexure cell, intended for two total columns, 75% width */
.info-X2-75 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 75%;
	margin: 1px;
	padding: 5px 8px 5px 8px;
	background: #6e92c036;
	font-size: 24px;
}


/* arkitexure cell, intended for two total columns, 40% width */
.info-X2-40 {
	width: 40%;
	margin: 1px;
	padding: 5px 8px 5px 8px;
	background: #2d74bea6;
	text-align: right;
}


/* arkitexure cell, intended for two total columns, 60% width */
.info-X2-60 {
	width: 60%;
	margin: 1px;
	padding: 5px 8px 5px 8px;
	background: #6e92c036;
	text-align: left;
}


/* arkitexure cell, intended for three total columns, 33% width */
.info-X3-33 {
	width: 33.33%;
	margin: 1px;
	padding: 5px 8px 5px 8px;
	background: #6e92c036;
	text-align: center;
}


/* arkitexure cell, intended for two total columns, 50% width */
.info-X2-50 {
	width: 50%;
	margin: 1px;
	padding: 5px 8px 5px 8px;
	background: #6e92c036;
	text-align: center;
}

.info-unit-caption {
	text-align: center;
	padding: 0 8px 0 8px;
	background: none;
}

/* arkitexure spawn map tabber */
.info-spawn .tabber {
  display:inline-block;
}

/* END "ARKITEXURE"-STYLE INFOBOX */

/* Navbox template style */
table.navbox {
  clear: both;
  font-size: 88%;
  margin: 1em 0;
  padding: 1px;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #000;
  font-size: 90%;
  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;
  text-align: center;
}

.navbox-list {
  border-bottom:1px solid rgba(0,0,0,0.5);
  color: #88E9FF;
}

.navbox-subgroup > tbody > tr {
  display:flex;
  align-items:stretch;
}

.navbox-subgroup .navbox-group {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-basis:10em;
  flex-grow:1;
  flex-shrink:0;
  white-space:normal;
}

/* Base background */
.navbox {
    background: rgba(255, 255, 255, 0.2);
}

/* Level 1 color */
.navbox-title,
table.navbox th {
  font-weight: bold;
  font-size: 120%;
  color: #88E9FF;
  background: #2768A5;
}

table.navbox .navbox-title .mw-collapsible-toggle {
  font-weight: normal;
}

/* Level 2 styling */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background-color: rgba(0,0,0,0.75);
  color: #80E7FF;
  border: 1px solid #3F737F;
}
 
.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;
}
/* End of new Navbox styling */

/* Template:Navbar */
.va-navbar {
	position: absolute;
	padding-left: .5em;
}

.va-navbar a:link {
	color: #4FB5FF;
}


/* NavBox Creatures */
.navbox.navbox-creature {
	margin-bottom: -1em;
}

.navbox-creature-item {
	display: inline-block;
	margin: 2px;
	overflow: hidden;
	vertical-align: middle;
	width: 50px;
	text-align: center
}

.navbox-creature-item div {
	background-color: #2d74be;
}

.creature_roster li:hover > div {
  box-shadow:inset 0 0 3px #aac, inset 0 0 4px #111;
} 

.navbox-creature-item .nav-white {
  background-color:#D5F2F2;
}

.navbox-creature-item .nav-yellow {
  background-color:#E5DFAC;
}

.navbox-creature-item .nav-brown {
  background-color:#e5c6ac;
}

.navbox-creature-item .nav-purple {
  background-color:#CEACE5;
}

.navbox-creature-item .nav-orange {
  background-color:#FAD6A5;
}

.navbox-creature-item .nav-grey {
  background-color:#C4C4C4
}

.navbox-creature-item .nav-green {
  background-color:#a6ffa9
}

.navbox-creature-item .nav-cyan {
  background-color:#86e0f0
}

.navbox-creature-item .nav-pink {
  background-color:#ffb0eb
}

.navbox-creature-item .nav-red {
  background-color:#e5acb1
}

/* Tabber */
.tabber.tabberlive {
	border-color: #7FE7FF;
        overflow-y: auto;
}

ul.tabbernav {
	border-color: #7FE7FF;
}

ul.tabbernav li a:link {
	font-size: 12px !important;
	background-color: #021d31 ;
	color: #88E9FF ;
	border-color: #7FE7FF;
}
ul.tabbernav li a:hover,
ul.tabbernav li.tabberactive a:hover {
	background: #3191b9fc !important;
	color: #ddd !important;
	border-color: #7FE7FF;
}
ul.tabbernav li.tabberactive a {
	color: #88E9FF !important;
	background-color: #2d74befa;
	border-color: #7FE7FF;
}
ul.tabbernav li a {
	margin-left: 1px;
	background-color: #021d31;
	color: #88E9FF;
	border-color: #7FE7FF;
}
ul.tabbernav li {
	display: inline-block;
	padding-top:0;
	margin-top: 0.55em;
}

.tabberNoTabberNav ul.tabbernav {
	display: none;
}

.tabber .tabbertab {
	border-color: #7FE7FF;
}

.infobox-tabber {
  width:calc(25.3em + 6px);
}

.infobox-tabber-big {
  width:calc(30.7em + 6px);
}

/*Template:Achievement*/
.achieve_container {
	text-align: left;
	margin: .5em 0;
	border: 1px solid #7FE7FF !important;
	background: #6e92c06b !important;
	background: -webkit-linear-gradient(#6e92c06b, #828af38c) !important;
	background: -o-linear-gradient(#6e92c06b, #828af38c) !important;
	background: -moz-linear-gradient(#6e92c06b, #828af38c) !important;
	background: linear-gradient(#6e92c06b, #828af38c) !important;
	color: #88E9FF !important;
}

.achieve_body,
.achieve_name {
	color: #88E9FF !important;
}


/* [[Template:PaintRegions]] */
.paintregion {
	border:1px solid #7FE7FF;
	background:#2d74bea6;
}

/* Tiles (Template:Tile) */
.tile_container {
	background-color: #021d31;
	color: #88E9FF;
	margin: 4px 0px 8px 8px;
	padding: 0;
	position: relative;
	display: inline-block;
	width: 105px;
	height: 105px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #7FE7FF;
}

.tile_container:hover {
	background: #3191b9fc;
	color: #ddd;
	border-color: #7FE7FF;
}

.tile_inner {
	position: relative;
	top: 6px;
	left: 0;
	font-size: 14px;
	font-weight: bold;
}

/* Image-specific tweak to get it to display with a height of 75px */
.tile_inner img[src*="PS.svg"] {
  height: 75px;
}


/* Survivor Profile Table (Template:DTile) */
.dtile a:link,
.dtile a:visited,
.dtile_dlc a:link,
.dtile_dlc a:visited {
	color: #a8b9ba !important;
}

.dtile img {
	-webkit-filter: invert(100%) sepia(100%) hue-rotate(142deg) saturate(5000%) brightness(80%);
	filter: invert(100%) sepia(100%) hue-rotate(142deg) saturate(5000%) brightness(80%);
}

.dtile_dlc img {
	-webkit-filter: invert(100%) sepia(100%) hue-rotate(187deg) saturate(5000%) brightness(80%);
	filter: invert(100%) sepia(100%) hue-rotate(187deg) saturate(5000%) brightness(80%);
}

.pointer {
	cursor: pointer;
}

/*ExplorerNote changelog table fix*/
.explorernot-change-tableend {
	background: #262729ab !important;
	color: #88E9FF;
}


/*Toc styling*/
div#toc,
div.toc,
div.mw-warning {
	background-color: #6e92c036;
	border-color: #7FE7FF;
}


/*Diff styling*/
table.diff,
td.diff-otitle,
td.diff-ntitle {
  background-color:rgba(0,0,0,0.3)
}

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

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

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

td.diff-deletedline .diffchange {
	background: none;
	color: #e62444;
}

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

td.diff-addedline .diffchange {
	background: none;
	color: #bfd959;
}

#pagehistory li {
    background-color: transparent;
    border: none;
    padding: 3px;
}

#pagehistory li.selected {
    background-color: #01060c;
    background-image: none;
    border: 1px dashed rgba(0, 0, 0, 0.6);
    padding: 3px;
}

td.diff-context {
	background-color: #6e92c036;
	color:#e0e0e0;
}

/* Preferences */
.client-js div#preferences {
  background:rgba(0,0,0,0.2);
  border:1px solid #7f7f7f;
  margin-top:1px;
}

.client-js #preftoc,
.client-js #preftoc li,
.client-js #preftoc li a,
.client-js #preftoc li {
  background-image: none;
  background-color: transparent;
  color:#bfbfbf;
  font-size:1em;
}

.client-js #preftoc li a:active {
  font-size:1em;
}

.client-js ul#preftoc {
  margin-left:-0.1em;
  margin-bottom:5px;
}

.client-js #preftoc li.selected a {
  background-image: none;
  color: #fff;
  text-decoration:none;
}

.client-js #preftoc li.selected {
  border:0;
  padding-right:0;
}

.client-js #preftoc li:not(.selected) a:hover {
  color:#fff;
  text-decoration:none;
  text-shadow:5px 5px 1px rgba(0,0,0,0.25);
}

.skin-hydradark #preferences legend {
  color: #fff;
}

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

.client-js .htmlform-tip {
  color:#BFBFBF;
}
/* End Preferences */

/* tablepager styling */
.skin-hydradark table.TablePager td {
  border:1px solid #000;
}

.skin-hydradark table.TablePager tr th {
  background-color: rgba(0,0,0,0.75);
  color: #80E7FF;
  border:1px solid #3F737F;
}

.skin-hydradark table.TablePager tbody tr td {
  background-color:rgba(0,0,0,0.3)
}

.skin-hydradark table.TablePager tbody tr:hover td {
  background:rgba(75,75,75,0.2);
}
/* end tablepager styling */

/* wikitable styling */
table.wikitable {
  border:1px solid #7f7f7f;
  background-color:rgba(0,0,0,0.2);
}

table.wikitable tbody tr th
table.wikitable > tr > th,
table.wikitable > * > tr > th {
  background-color: rgba(0,0,0,0.75);
  color: #88E9FF;
  border:1px solid #3F737F;
}

table.wikitable tbody tr td {
  border:1px solid #000;
  color: #88E9FF;
}
/* End wikitable styling */

/* search styling */
.skin-hydradark div.mw-search-profile-tabs {
  background-color: rgba(0,0,0,0.75);
  color: #80E7FF;
  border:1px solid #3F737F;
}

.skin-hydradark fieldset#mw-searchoptions {
  border:1px solid #3F737F;
  background-color:rgba(0,0,0,0.2);
}

.skin-hydradark .mw-search-profile-tabs .search-types {
  padding-left:0;
}

.skin-hydradark div#content .mw-search-profile-tabs .search-types ul li a {
  color:#88E9FF;
  border-right: 1px solid #7f7f7f;
}

.skin-hydradark div#content .mw-search-profile-tabs .search-types ul li:not(.current) a {
  color:#4FB5FF;
}

.skin-hydradark .mw-search-profile-tabs ul li.current {
  background-color: rgba(64,64,64,0.1);
  text-shadow:none;
}

.skin-hydradark .mw-search-profile-tabs ul li:last-child {
  border-bottom:0;
}

/* end search styling */


/* Editor Styling */
div.wikiEditor-ui .wikiEditor-ui-view {
  border:1px solid #7FE7FF;
}

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

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

div.wikiEditor-ui-controls,
div.wikiEditor-ui-tabs {
  background-color: transparent;
  border:0;
  margin-bottom:0.5px;
}

div.wikiEditor-ui-tabs div {
  font-weight:bold;
	background-color: #0A130F;
	border: 1px solid #7FE7FF;
  border-bottom:0;
  margin-right:5px;
}

#content div.wikiEditor-ui-tabs div a {
  background-color:transparent;
  color: #B1F4F0;
  font-weight: bold;
  text-decoration: none;
}

div.wikiEditor-ui-tabs div:not(.current):hover {
  background-color:rgba(0,0,0,0.25);
}

div.wikiEditor-ui-tabs div.current {
  border-bottom:0;
  background-color:#1F5F73;
  padding-bottom:1px;
}

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

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

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

.tab {
   border-color: transparent;
}

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

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

#content div.wikiEditor-ui-toolbar .group .tool-select .label,
#content div.wikiEditor-ui-toolbar .menu .options a.option {
   color: #000000;
}

div.wikiEditor-ui-toolbar .sections .section {
  background:transparent;
  border-top: 1px solid #7FE7FF;
}

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

div.wikiEditor-ui-toolbar .booklet .index .current {
  background-color:rgba(64,64,64,0.5);
  color: #f7f7f7;
}

div.wikiEditor-ui-toolbar .booklet .pages {
  background-color:#0A130F;
}

div.wikiEditor-ui-toolbar .page-characters div span {
  border: 1px solid #3F737F;
  color: #e5e5e5;
  background:transparent;
}

div.wikiEditor-ui-toolbar .page-characters div span:hover {
  background-color:#3F737F;
}

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

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

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

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

div#wpTextbox0 {
  background-color:#C3DFE5 !important;
}
/* End Editor Styling */

/* thumnbail tweaks */
div.thumbinner {
  background-color:rgba(48,101,116,0.2);
  border:2px solid rgba(48,101,116,0.75);
  border-image:linear-gradient(-45deg, rgba(48,101,116,0.1), rgba(48,101,116,0.8)) 1;
}

li.gallerybox div.thumb {
  background-color:rgba(48,101,116,0.2);
  border:2px solid rgba(48,101,116,0.75);
  border-image:linear-gradient(-45deg, rgba(48,101,116,0.1), rgba(48,101,116,0.8)) 1;
}
/* end thumbnail tweaks */

/* Category bar and filetoc */
#catlinks,
ul#filetoc {
 background-color:rgba(0,0,0,0.75);
 border:1px solid #3F737F;
}
/* end Category bar */

/*status effect styling*/
table.status-effect-backg {
	text-align: left;
	margin-top:1em;
	margin-bottom:1em;
	border: 1px solid #7FE7FF;
	background: #6e92c06b;
	background: -webkit-linear-gradient(#6e92c06b, #828af38c);
	background: -o-linear-gradient(#6e92c06b, #828af38c);
	background: -moz-linear-gradient(#6e92c06b, #828af38c);
	background: linear-gradient(#6e92c06b, #828af38c);
	color: #88E9FF;
}


/* Patch Notes */
.PN-normal {
	font-weight: bold;
	text-align: center;
	width: 35px;
}


/* Template:Photo*/
.photo-nav,
.photo-nav a:link,
.photo-nav a:visited {
	color: black !important;
	font-weight: bold;
	text-shadow: 1px 1px 4px #fff, 0 0 1em #fff, 0 0 0.2em #fff;
}

.photo-gallery,
.photo-gallery a:link,
.photo-gallery a:visited {
	color: #000 !important;
}

.photo-gallery img {
	-webkit-filter: opacity(.8);
	filter: opacity(.8);
	opacity(.9);
}

.photo-gallery img:hover {
	-webkit-filter: opacity(1);
	filter: opacity(1);
	opacity(1);
}

.photo-nav li:hover img {
	-webkit-filter: brightness(120%);
	filter: brightness(120%);
}

li.photo-bg {
	margin: 8px 6px;
	padding: 5px;
	position: relative;
	display: inline-block;
	width: 200px;
	min-height: 152px;
	vertical-align: top;
	text-align: center;
	background: #c4c4c4;
	border: 1px solid #b7b7b7;
	box-shadow: 0 0 8px #333;
	/* For IE 7 */
	zoom: 1;
	*display: inline;
}

div.photo-text {
	position: relative;
	top: 4px;
	padding: 6px 0 6px 0;
	font-size: 16px;
}


.redish-background{
	background-color:#cf4c4c8a;
}

/*Template:Dossier & Template:Quote*/
table.dossier-background{
	background:#6e92c036;
	border:2px solid #2d74bea6;
	border-radius:0.5em;
	border-left-width:1em;
	margin-bottom:1em;
	color:#88E9FF !important;
}
.dossier-cite-left, .quote-left{
	color: #2d74bed9;
	font-size: 3.3em; 
	font-family: 'Times New Roman',serif; 
	font-weight: bold; 
	padding: 4px 2px 2px; 
	width: 0.5em; 
	vertical-align: top;
}

.dossier-cite-right, .quote-right{
	color: #2d74bed9;
	font-size: 3.3em; 
	font-family: 'Times New Roman',serif; 
	font-weight: bold; 
	padding: 4px 2px 2px; 
	width: 0.5em; 
	vertical-align: bottom;
}

/*Template:Explorer Note*/
.explorer-note{
	display:inline-block;
	vertical-align:top;
	width:47%;
	margin:1em;
	color: #88E9FF !important;
}

.explorer-note-main{
	border:2px solid #2d74bea6;
	border-radius:0.25em;
	border-left-width:1em;
	background: #00000040
}

/*MapStyles override*/
.notice{
	border: 1px dashed #7FE7FF !important;
	background: #6e92c06b !important;
	background: -webkit-linear-gradient(#6e92c06b, #828af38c) !important;
	background: -o-linear-gradient(#6e92c06b, #828af38c) !important;
	background: -moz-linear-gradient(#6e92c06b, #828af38c) !important;
	background: linear-gradient(#6e92c06b, #828af38c) !important;
	color: #88E9FF !important;
}

td.top-notice-text{
	color: #88E9FF !important;
}

div.full-container{
	background: #6e92c036 !important;
	border: 2px solid #2d74bea6 !important; 
}

.map-legend input[type=checkbox] + label {
  color: #b70303 !important;
  text-shadow: 0 0 0.3em darkred !important;
}
.map-legend input[type=checkbox]:checked + label {
  color: #05bb25 !important;
  text-shadow: 0 0 0.3em darkgreen !important;
}

/*styling for kibble tables*/
.kibble-table{
	text-align: center;
	font-size: .9em;
	border-left: solid #2d74bea6;
	border-left-width: 0.5em ;
	border-bottom: solid #2d74bea6;
	border-bottom-width: 0.5em;
	background-color: #6e92c036;
	float: left;
	margin: 0 .5em .5em 0;
}
.kibble-table-new{
	text-align: left;
        font-size: .9em;
	border-left: solid #2d74bea6;
	border-left-width: 0.5em ;
	border-bottom: solid #2d74bea6;
	border-bottom-width: 0.5em;
	background-color: #6e92c036;
	padding: .5em;
	margin: 0 .5em .5em 0;
}


/* fake <h2> - looks identical but no edit link and doesn't show up in the ToC */
.fakeh2 {
  font-size: 1.5em;
  margin-top:1em;
  line-height:1.3;
  margin-bottom:0.25em;
  padding:0;
  color:#e0e0e0;
  border-bottom:1px solid #505050;
  overflow:hidden;
}

/* used by some templates for graying table cells */
.gray {
  background-color:#262626;
}

/*Admin noticeboard header adminlist styling*/
.adminlist-background{
	float: right; 
	width: 300px; 
	margin-left: 20px; 
	margin-bottom: 20px; 
	padding-right: 5px; 
	padding-left: 5px; 
	background: #0A130F; 
	border: 1px solid #7FE7FF; 
	font-family: Tahoma, Arial, sans-serif;
  font-size: 80%;
}

/* Used on [[Beacon IDs]] */
.beacon-caption {
  color:#000;
}

/* Used by [[Template:WildStatCalc]], used on most creature pages */
#wildStatCalc tr[style^="background-color:"] {
  color:#000;
}

#wildStatCalc a {
  color:#2F6E99;
}

/* Used by [[Table of Tekgrams]] and [[CreatureTableRow]] */
.cell-green {
  background-color:#004C07 !important;
}

.cell-yellow {
  background-color:#7F6A00 !important;
}

.cell-pink {
  background-color:#7F0000 !important;
}

.cell-grey {
  background-color:#454545 !important;
}

.ctc-notice{
  display:inline-block; 
  border:1px dashed yellow; 
  background:#0000007a; 
  padding:10px;
}

/* Tweak for illegible css code highlighting */
.mw-highlight .nc,
.mw-highlight .nn {
  color:#8E8ECC;
}

/* Used by [[Template:PurchaseTableRow]], [[Template:Infobox item section]], [[Template:Infobox item section mod]], and [[Template:Infobox purchase section]] */
.text-white {
  color:#FFFFFF
}

.text-green {
  color:#0F0
}

.text-blue {
  color:#0059FF
}

.text-purple {
  color:#F0F
}

.text-yellow {
  color:#FF0
}

.text-red {
  color:#F00
}

.text-cyan {
  color:#0FF
}

.text-orange {
  color:#F90
}

/* Narrow width skin-specific tweaks */
@media screen and (max-width:720px) {
  div#right-navigation div#simpleSearch {
    border-bottom:1px solid #7FE7FF;
  }
  
  div.vectorTabs li span,
  div#mw-head div.vectorMenu h3 {
    margin:0;
  }
  
  div#mw-navigation div#mw-panel {
    border: 1px solid #7FE7FF;
    border-left:0;
    background-color: rgba(4,36,48,0.95);
    box-shadow: inset 0 0 10px rgba(0,0,0,0.75);
  }
}

/* Coloring for [[Template:Mission]] */
.mission {
  border:2px solid #00cefa;
  background: #003E4C;
  color:#BCEEFA;
}

.mission-dif-gamma {
  color:#4edb17;
}

.mission-dif-beta {
  color:#19cff9;
}

.mission-dif-alpha {
  color:#f76450;
}

.mission-dif-none {
  color:#BCEEFA;
}

/* Used by [[Template:HoverText]] */
.hover-text {
  cursor:help;
  border-bottom:1px dotted #4FB5FF;
}

/* Styling for collapsible toggle */
.mw-collapsible-toggle.mw-collapsible-toggle-expanded a, 
.mw-collapsible-toggle.mw-collapsible-toggle-collapsed a {
    color: #4FB5FF;
}

/* Invert [[File:PS.svg]] colors for better visibility */
img[src*="/PS.svg/"] {
  -webkit-filter:
    invert(100%);
  filter:
    invert(100%);
}