Hydradark.css

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

.skin-hydradark {
    --theme-page-background-color: #212121;
    --theme-page-background-color--secondary: #212121;
    --theme-page-text-color: #e6e6e6;
    --theme-page-text-color--hover: #b3b3b3;
    --theme-link-color: #f37f20;
    --theme-link-color--hover: #a44f09;
    --theme-link-label-color: #3a3a3a;
    --theme-accent-color: #f37f20;
    --theme-accent-color--hover: #a44f09;
    --theme-accent-label-color: #ffffff;
    --theme-border-color: #808080;
}

.theme-special:not(.hydradark){
	display: none;
}

/* darken background */
html{
	background: url("https://static.wikia.nocookie.net/terraria_gamepedia/images/c/c7/Terraria_mushroom_background.jpg/revision/latest") no-repeat fixed center top / cover rgb(0, 0, 0);
}
html body {
	background: rgba(0, 0, 0, 0.5);
}

/* Color for non-existed talk page link (red link) */
#ca-talk.new [rel="discussion"] {
	/*font-style: italic;*/
	color: #F99 !important; /*invert of #600*/
}

/* ------------------------------------------------------------------ */
/* layout style for all page */
/*tab*/
div.vectorTabs li.selected span{
	background: #202020;
	border: 1px solid #505050;
	border-bottom: 1px solid #202020;
}
div.vectorTabs ul li span,
div.vectorMenu{
	border-color: rgba(100,100,100,0.4);
}
/* Sidebar */
div#p-personal h5 {
	color:#FFFFFF;
}
div#p-personal a {
	color: #FFFFFF;
}
div#p-personal a:hover {
	color: #FFFFFF;
}
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 .portal.collapsed h3 a,
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {
	color: #FFFFFF;
}

div#mw-panel div.portal div.body ul li a:visited {
	color: #FFFFFF;
}
div#mw-panel div.portal div.body ul li a {
	color: #FFFFFF;
}
div.vectorTabs li a, div.vectorTabs li a span, div.vectorMenu li a, div#mw-panel div.portal div.body ul li a:link{
	color: #FFFFFF !important;
}

/* Content */
div#content {
	box-shadow: 0 0 2px rgba(200,200,200,0.7);
	background-color: #202020;
	color: #ffffff;
	border-top: 1px solid #303030;
}

h1, h2, h3, h4, h5, h6 {
	color: #ffffff;
}
legend {
	color: white;
}
#toc, .toc, .mw-warning {
	border: 1px solid #808080;
	background-color: #181818;
}
ul#filetoc {
	border: 1px solid #808080;
}
#content a, label.toctogglelabel{
	color:#19999e;
}
div#content a:visited {
	color: #19999e;
}
a:visited,
div#content a.external:visited,
div#content a.extiw:visited{
	color:#19999e;
}
#content a.new {
	color: #CC3366;
}
div#content a.new {
	color: #CC3366;
}
div#content a.new:visited {
	color: #CC3366;
}
#content a.mw-selflink{
	color: #ffffff;
}
/*override overrided color*/
div.vectorTabs li a:hover, div.vectorTabs li a:hover span{
	color: #fff !important;
}
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited{
	color: #fff !important;
}
div#footer ul li{
	color: #fff;
}

/* "terraria" box style. */
.terraria{
	border-color: #606060;
}
.terraria > .heading,
.terraria > .mw-collapsible-content > .heading {
	background: #383838;
}
.terraria > .boxtitle {
    background-color: #202020;
}

/* Highlight (used in Community and Admin noticeboard headers) */
.highlightheader {
	text-align: center;
	font-size: 140%;
	background: #121212;
	color: #ffffff;
	padding: 4px;
}

.highlightbody {
	color: #f0f0f0;
	padding:10px;
	background:#0f0f0f;
}

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

#footer{
	background: rgba(0,0,0,0.5);
	box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
	box-shadow: 0 0 2px rgba(200,200,200,0.3);
}
#mw-panel .portal{
	background: rgba(0,0,0,0.5);
	box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
	box-shadow: 0 0 2px rgba(200,200,200,0.3);
}
#mw-head{
	background: rgba(0,0,0,0.5);
	box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
	box-shadow: 0 0 2px rgba(200,200,200,0.3);
}
/* Desktop view for mobile screen. */
@media(max-width: 980px) {
	#menu-toggle-button {
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xhc3M9Imhlcm9pY29uLXVpIiBzdHJva2U9IndoaXRlIiBmaWxsPSJ3aGl0ZSIgZD0iTTQgNWgxNmExIDEgMCAwIDEgMCAySDRhMSAxIDAgMSAxIDAtMnptMCA2aDE2YTEgMSAwIDAgMSAwIDJINGExIDEgMCAwIDEgMC0yem0wIDZoMTZhMSAxIDAgMCAxIDAgMkg0YTEgMSAwIDAgMSAwLTJ6Ii8+PC9zdmc+);
	}
	div#mw-navigation div#mw-panel {
		background: rgba(0, 0, 0, 0.9);
	}
}

/* ------------------------------------------------------------------ */
/* Wiki editor fixes */
.wikiEditor-ui-tabs div a {
	background: #303030;  /* you can use a gradient here if you want to get fancy */
}
.wikiEditor-ui-tabs div.current {
	background-color: #303030;
}
textarea {
background: #101010 !important;
color: white !important;
}
/* ------------------------------------------------------------------ */


/* ------------------------------------------------------------------ */
/* Tables */
table {
	color: #ffffff;
	/* we don't want the bottom borders of <h2>s to be visible through floated tables */
	background-color: #202020;
}
/* "terraria"-classed tables */
table.terraria {
	background: #383838;
	border-color: #808080;
}
.terraria th {
	background: #606060;
	color: fff;
}
.terraria caption {
	background: #606060;
}
.terraria > caption {
	border-color: #383838;
	box-shadow: 0 0 0 1px #808080;
}
.terraria > caption:after {
	background: #383838;
	border-left-color: #383838;
	border-right-color: #383838;
}
/* Auto line separators for tables */
table.lined td {
	border-bottom-color:#808080;
}
table tr.bottomline td {
	border-bottom-color:#808080;
}
table tr.topline td {
	border-top-color:#808080;
}
table.inner th {
	border:2px solid #606060;
}
/* ------------------------------------------------------------------ */


/* ------------------------------------------------------------------ */
/* Other "plaincollapse" styling */
.plaincollapse .mw-collapsible-toggle  a,
.plaincollapse .mw-collapsible-toggle  a:link,
.plaincollapse .mw-collapsible-toggle  a:visited,
.plaincollapse .mw-collapsible-toggle  a:hover {
	color:#19999e;
}
/* ------------------------------------------------------------------ */

/* ------------------------------------------------------------------ */
/* banner box */
.notice-banner>div{
	border-color:#808080;
	background-color: #383838;
	color: #fff;
}
/* {{christmas only}} link color fix */
#content .common-only.christmas a {
	color: #0645ad;
}
/* ------------------------------------------------------------------ */


/* ================================================================== */
/* Template-related styles */
/* ================================================================== */

/* ------------------------------------------------------------------ */
/* For Template:Heading, mainly used in main page. */
div.heading{
	background: #505050;
	color: #ccc;
}
/* ------------------------------------------------------------------ */

/* Template:guide header, Template:historical content */
.guide-header, .historical-content {
	background: #606060;
	border-color: #808080;
}

/* Template:transclude */
.transclude-box {
	background: #606060;
	border-color: #808080;
}

/* Template:protected */
.protected-box {
	background-color: #404040;
}
.protected-box .notice-banner div {
	background: #606060;
}

/* Template:living preferences */
.living-preferences .love {
    background-color: #3896386b;
}
.living-preferences .like {
    background-color: #89ab4170;
}
.living-preferences .dislike {
    background-color: #b1924170;
}
.living-preferences .hate {
    background-color: #c44b4870;
}

/* Template:editcopy notice */
.editcopy-notice > div {
    border-color: #808080;
    background-color: #424242;
}

/* -- item link ----------------------------------------------------- */
.i .id{
	background-color:#606060;
}

.i .note {
	color: #fff;
}
/* ------------------------------------------------------------------ */


/* -- crafts table -------------------------------------------------- */
div.crafts .wrap{
	background: #303030;
	border-color: #808080;
}
div.crafts .wrap::after{
	background: #383838;
}
div.crafts table::after {
	background: #383838;
}
div.crafts caption{
	background: #606060;
}
div.crafts th{
	background: #606060;
	border-right-color: #383838;
	border-left-color: #383838;
}
div.crafts td{
	border-left-color: #808080;
	border-bottom-color: #808080;
}

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


/* ------------------------------------------------------------------ */
/* navbox */
.navbox{
	border-color: 1px solid #808080;
}
.navbox > .header{
	background: #383838;
}
.navbox > .vde {
	color: #ccc;
}
.navbox > .mw-collapsible-toggle:before{
	border-left-color: #E4F0F7;
	border-top-color: #E4F0F7;
}
.navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before{
	border-right-color: #E4F0F7;
	border-bottom-color: #E4F0F7;
}
.navbox .navbox > .mw-collapsible-toggle:before{
	border-left-color: #E4F0F7;
	border-top-color: #E4F0F7;
}
.navbox .navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before{
	border-right-color: #E4F0F7;
	border-bottom-color: #E4F0F7;
}
.navbox .h1::after{
	border-bottom-color: #808080;
}
/* ------------------------------------------------------------------ */


/* -- Infobox & infobox wrapper template style ---------------------- */
/* some rules just kept for "old" template. */
.portable-infobox {
	border-color: #808080;
	background-color: #383838;
	color: #fff;
}
.portable-infobox .pi-title, .portable-infobox .pi-secondary-background {
	background-color: #606060;
	color: #ccc;
}
.infobox.bordered td,
.infobox.bordered th {
	border-color: #808080;
}
/* styles for latest template */
.infobox{
	border-color: #808080;
	background-color: #383838;
}
.infobox table th{
	border-right-color: #383838;
}
.infobox .title, .drop.infobox th{
	background-color: #606060;
	color: #fff;
}
.infobox > .title > span, .infobox > .title > span.ename{
	color: #ccc;
}
.infobox .variant{
	background-color: #606060;
	color: #ccc;
}
.infobox tr.buff th, .infobox tr.buff td{
	background-color: #606060;
	border-color: #383838;
}
.infobox .section.ids{
	border-top-color: #999;
	background-color: #606060;
	color: #ccc;
}
.infobox .section.ids li{
	border-bottom-color: #808080;
}
.infobox .tags .tag {
	border-color: #606060;
}

.infobox .drops.items li:first-child {
	background-color: #606060;
	color: #ccc;
}
.infobox .drops.items li {
	border-bottom-color: #808080;
}
.infobox .drops.items li.caption {
	border-top-color: #606060;
	color:#fff;
	background:#606060;
}
.infobox .drops.items li.group_end {
	border-bottom-color:#808080;
}
.infobox .drops.items li.group_end::after {
	background-color: #383838;
}
.infobox .drops.items:after {
    background-color: #383838;
}
/* for item infobox */
.item.infobox .images ul.inline li::before{
	background: #666;
}
.item.infobox .images ul.block li::before{
	background: #666;
}
/* for npc infobox */
.npc.infobox .section.debuff:after, .infobox .section.buff:after {
	background: #383838;
}
.infobox.npc .modetabs .tab, .infobox .modetabs .tab {
	background-color: #282828;
}
.infobox.npc .modetabs .tab.current, .infobox .modetabs .tab.current {
	background: #383838;
	border-bottom-color: #383838;
}

.drop.infobox.c-expert th,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-expert .drops.items li:first-child,
.npc.infobox.c-expert .drops.items li.caption{
	background-color: #9B7049;
	color: #F7C699;
}

.drop.infobox.c-master th,
.npc.infobox.c-master .section .title,
.npc.infobox.c-master .drops.items li:first-child,
.npc.infobox.c-master .drops.items li.caption{
	background-color: #996669;
	color: #EFBFC2;
}
.npc.infotable .modetabs .tab {
	background-color: #282828;
}
.npc.infotable .modetabs .tab.current {
	background: #383838;
	border-bottom-color: #383838;
}

.item.infobox ul.toolpower img{
	object-position: 0 100%;
}
/* ------------------------------------------------------------------ */

/* {{infocard}} */
.infocard{
	border: 1px solid #808080;
	background: #202020;
	color: #fff;
}
.infocard > .card .image{
	background: #808080;
	border-left: 1px solid #202020;
	border-right: 1px solid #202020;
}
.infocard > .card .content{
	border: 1px solid #808080;
	background: #202020;
}
.infocard .main-heading{
	background:#606060;
	border-right-color:#606060;
}
.infocard .main-heading .hgroup{
	background: #202020;
	color: #fff;
}
.infocard .main-heading .hgroup > .main{
	color: #fff;
}
.infocard .main-heading .hgroup > .main span{
	color: #ccc;
}
.infocard .box{
	border: 1px solid #606060;
	background: #383838;
}
.infocard.terraria{
	background: #202020;
	border-color: #505050;
}
.infocard.terraria .main-heading{
	background: #383838;
	border-right-color: #383838;
}
.infocard.terraria .main-heading .hgroup{
	background: #202020;
}


/* ========================================================================== */
/* === New flex mainpage styles ============================================= */
/* ========================================================================== */
#mainpage-global-wrapper {
	background:#202020;
}
#mf-wikiheader{
	color: #E4F0F7;
	background: #202020;
	border-color: #606060;
	box-shadow: 0 0 0 1px #808080;
}
#mf-wikiheader-toggle-link :first-child::before{
	border-right-color: #E4F0F7;
	border-bottom-color: #E4F0F7;
}
#mf-wikiheader-toggle-link :last-child::before{
	border-left-color: #E4F0F7;
	border-top-color: #E4F0F7;
}
#mf-wikiheader .related-info{
	background: #202020;
}
#latest-version a.external{
	color: #19999e;
}
#latest-version ul li > div > small{
	color: #bbb;
}
body.rootpage-Terraria_Wiki #mainpage-wrapper .footer > div {
	border-color: #808080;
	background-color: #606060;
}
/* ========================================================================== */
/* === New flex mainpage styles end ========================================= */
/* ========================================================================== */

/* Page history */
div#pagehistory li.selected {
	background-color: transparent;
	border: none;
}
div#pagehistory li {
	background-color: transparent;
	border: none;
}
table.diff {
	background: transparent;
}
td.diff-context {
	background: none repeat scroll 0 0 transparent;
	color: #ffffff;
}
td.diff-deletedline {
	background-color: #FFE49C;
	border-color: #FFE49C;
	color: #000000;
}
td.diff-addedline {
	background-color: #0085ff;
	border-color: #0085ff;
	color: #000000;
}
/* ------------------------------------------------------------------ */

/* Expert */
.expert {
	color:#FFBA75;
	cursor:pointer;
}

.feature, .documentation {
	background: #383838;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 5px; padding: 10px;
}
/* ------------------------------------------------------------------ */

/* note text, Template:note, Template:item, etc. */
.note-text {
	color: #fff;
}

/* Highlight fields inside code class (eg. Template:Code) */
.code .mw-highlight{
	background: #282828 !important;
	color: #fff !important;
}

/* Special:Preferences */
.skin-hydradark #preftoc a, .skin-hydradark #preftoc a:active {
	color: #19999e;
}

/* Thumbnail background for images */
html .thumbimage {
		background-color: #181818;
}

/* Input box (from Extension:InputBox) */
.mw-ui-input {
	border: 1px solid #999;
	color: #e0e0e0;
	background: transparent;
	box-shadow: none;
}
.mw-ui-input:focus {
    border-color: #2673BF;
    box-shadow: inset 0 0 0 1px #2673BF;
}
.mw-ui-input:not(:focus):hover {
    border-color: #e0e0e0;
}

/* Template:Archive-box */
.archive-box {
	background: #505050;
}

/* Template:Archive_header */
.terraria.archive-header {
	background: #383838;
}

/* Template:translation projects */
#mw-indicator-translation-project.expanded {
	border-color: #606060;
	background-color: #383838;
}

/* image filter for icons to make them more readable */
img[src*="3DS.svg"]{
	filter: hue-rotate(180deg) invert(100%) saturate(300%) contrast(150%);
}
img[src*="Playstation"], img[src*="Amazon.svg"], img[src*="Android.svg"], img[src*="Axe_mask.svg"]{
	filter: hue-rotate(180deg) invert(100%);
}
img[src*="Tux.svg"]{
	filter: drop-shadow(0 0 1px #f2f2f2);
}

/* Gadget-sound */
.sound-title::after {
	filter: hue-rotate(180deg) invert(67%) saturate(300%);
}

/* ------------------------------------------------------------------ */
/* Template:dpl3 */

.dpl3{
	background-color:#2a2a2a;
}


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


/* ================================================================== */
/* Specific page styles */
/* ================================================================== */


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

/* [[Accessories]] and its related pages */
.table-accessories .incell-border {
	background-color: #808080 !important;
}

/* [[Terraria Wiki:Projects]] and subpages */
.projects-wrapper {
	border-color: #606060;
}
.projects-header {
	background: #383838;
	color: #fff;
}
/* [[Death#Death messages]] */
.deathmessages-groupicon {
	background-color: #303030;
	border-color: #606060;
}

.math-image{
	filter:invert(100%);
}


/* ====== Visual Editor fixes ====== */
/* Page image preview in link dropdown */
.oo-ui-iconElement-icon.oo-ui-icon-page-existing.mw-widget-titleOptionWidget-hasImage {
    filter: hue-rotate();
}

/* Dropdown arrow in the top bar */
.oo-ui-indicatorElement-indicator.oo-ui-indicator-down {
    filter: invert(100%);
}


/* ================================================= */
/*          Reference Tooltips specific CSS          */
/*    For more info see [[mw:Reference Tooltips]]    */
/* ================================================= */
 
.referencetooltip {
    position: absolute;
    list-style: none;
    list-style-image: none;
    opacity: 0;
    font-size: 10px;
    margin: 0;
    z-index: 5;
    padding: 0;
}
.referencetooltip a, .referencetooltip a:visited{
	color: #19999e;
}
.referencetooltip li {
    border: #19999e 2px solid;
    max-width: 260px;
    padding: 10px 8px 13px 8px;
    margin: 0px;
    color: #ffffff;
    background-color: #0f0f0f;
    box-shadow: 2px 4px 2px rgba(255,255,255,0.3);
    -moz-box-shadow: 2px 4px 2px rgba(255,255,255,0.3);
    -webkit-box-shadow: 2px 4px 2px rgba(255,255,255,0.3);
}
.referencetooltip li+li {
    margin-left: 7px;
    margin-top: -2px;
    border: 0;
    padding: 0;
    height: 3px;
    width: 0px;
    background-color: transparent;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-top: 12px #19999e solid;
    border-right: 7px transparent solid;
    border-left: 7px transparent solid;
}
ol.references li:target, sup.reference:target{
	background-color: #121212;
}
.referencetooltip>li+li::after {
    content: '';
    border-top: 8px #0f0f0f solid;
    border-right: 5px transparent solid;
    border-left: 5px transparent solid;
    margin-top: -12px;
    margin-left: -5px;
    z-index: 1;
    height: 0px;
    width: 0px;
    display: block;
}
.client-js body .referencetooltip li li {
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    height: auto;
    width: auto;
    margin: auto;
    padding: 0;
    position: static;
}
.RTflipped {
    padding-top: 13px;
}
.referencetooltip.RTflipped li+li {
    position: absolute;
    top: 2px;
    border-top: 0;
    border-bottom: 12px #19999e solid;
}
.referencetooltip.RTflipped li+li::after {
    border-top: 0;
    border-bottom: 8px #0f0f0f solid;
    position: absolute;
    margin-top: 7px;
}
.RTsettings {
    float: right;
    height: 16px;
    width: 16px;
    cursor: pointer;
    background-image: url(//upload.wikimedia.org/wikipedia/commons/e/ed/Cog.png);
    margin-top: -9px;
    margin-right: -7px;
    -webkit-transition: opacity 0.15s;
    -moz-transition: opacity 0.15s;
    -o-transition: opacity 0.15s;
    -ms-transition: opacity 0.15s;
    transition: opacity 0.15s;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.RTsettings:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.RTTarget {
    border: #19999e 2px solid;
}

/* multi-columns horizontal toc */
.horizontal-toc{
   /* to match styles of .toc */
   border: 1px solid #080808;
   background: #181818;
}

.message-box {
   color: white;
}