MediaWiki: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) */ /*font-style: italic;*/ color: #F99 !important; /*invert of #600*/ }
 * 1) ca-talk.new [rel="discussion"] {

/* -- */ /* 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, color: #FFFFFF; }
 * 1) mw-panel.collapsible-nav .portal h3 a,
 * 2) mw-panel.collapsible-nav .portal h3 a:visited,
 * 3) mw-panel.collapsible-nav .portal.collapsed h3 a,
 * 4) mw-panel.collapsible-nav .portal.collapsed h3 a:visited {

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; }	border: 1px solid #808080; background-color: #181818; } ul#filetoc { border: 1px solid #808080; }	color:#19999e; } div#content a:visited { color: #19999e; } a:visited, div#content a.external:visited, div#content a.extiw:visited{ color:#19999e; }	color: #CC3366; } div#content a.new { color: #CC3366; } div#content a.new:visited { color: #CC3366; }	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; }
 * toc, .toc, .mw-warning {
 * 1) content a, label.toctogglelabel{
 * 1) content a.new {
 * 1) content a.mw-selflink{

/* "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; }

/* -- */

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); }	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); }	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); } }
 * 1) footer{
 * 1) mw-panel .portal{
 * 1) mw-head{

/* -- */ /* 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 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; } /* link color fix */ color: #0645ad; } /* -- */
 * 1) content .common-only.christmas a {

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

/* 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 */ border-color: #606060; background-color: #383838; }
 * 1) mw-indicator-translation-project.expanded {

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