User:Uu matter/hydradark.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* darken background */
html{
background: url("/media/c/c7/Terraria_mushroom_background.jpg") no-repeat fixed center top / cover rgb(0, 0, 0);
}
html body {
background: rgba(0, 0, 0, 0.5);
}
/* ------------------------------------------------------------------ */
/* layout style for all page */
/*tab*/
div.vectorTabs li.selected span{
background: #323232;
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: #323232;
color: #ffffff;
border-top: 1px solid #727981;
}
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{
color:#4CB7FF;
}
div#content a:visited{
color:#4CB7FF;
}
a:visited,
div#content a.external:visited,
div#content a.extiw:visited{
color:#4CB7FF;
}
#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: #354148;
}
/* 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: #323232;
}
/* "terraria"-classed tables */
table.terraria {
background: #383838;
border-color: #808080;
}
.terraria th {
background: #606060;
color: fff;
}
.terraria caption {
background: #354148;
}
.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:#4CB7FF;
}
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* 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;
}
/* -- item link ----------------------------------------------------- */
.item-link .id{
background-color:#606060;
}
.item-link .note {
color: #fff;
font-size: 85.7142%;
/*12px/14px*/
}
/* ------------------------------------------------------------------ */
/* -- crafts table -------------------------------------------------- */
div.crafts .wrap{
background: #323232;
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. */
.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{
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 .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;
}
/* for item infobox */
.item.infobox .images ul.inline li::before{
background: #666;
}
.item.infobox .images ul.block li::before{
background: #666;
}
/* ------------------------------------------------------------------ */
/* {{infocard}} */
.infocard{
border: 1px solid #808080;
background: #323232;
color: #fff;
}
.infocard > .card .image{
background: #808080;
border-left: 1px solid #323232;
border-right: 1px solid #323232;
}
.infocard > .card .content{
border: 1px solid #808080;
background: #323232;
}
.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: #323232;
}
/* ========================================================================== */
/* === 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: #4CB7FF;
}
#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;
}
/* Special:Preferences */
.skin-hydradark #preftoc a, .skin-hydradark #preftoc a:active {
color: #19999e;
}
/* Thumbnail background for images */
html .thumbimage {
background-color: #323232;
}
/* Input box (from Extension:InputBox) */
.mw-ui-input {
border: 1px solid #404040;
color: #e0e0e0;
background: transparent;
box-shadow: none;
}
/* 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"]{
filter: hue-rotate(180deg) invert(100%);
}
img[src*="Amazon.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 */
/* ================================================================== */
/* ------------------------------------------------------------------ */
/* [[Terraria Wiki:Projects]] and subpages */
.projects-wrapper {
border-color: #606060;
}
.projects-header {
background: #383838;
color: #fff;
}