Hydradark.css

/* Synchronized with revision 1277427 on EN wiki */

/** Re-styles the vector skin to look similar to the http://www.minecraftforum.net skin **/

/* Set page background colour to match main content background colour to reduce visibility of checkerboarding */
html {
	background-color: #202020;
}

/* Give the background the initial stone texture: [[File:Background.png]] */
html body {
	height: auto !important;
	min-height: calc(100% - 30px);
	background-color: #202020;
	background-image: url(/media/2/26/Background.png);
}

/* Add the grass block background: [[File:Nightmode-headerbg.png]] [[File:Clouds-distance2.png]] */
#mw-page-base {
	background-color: #080549;
	background-image: url(/media/4/4a/Nightmode-headerbg.png);
	height: 146px;
	margin-bottom: -142px;
}

div#mw-head {
	background: url(/media/a/ad/Clouds-distance2.png) right 6px repeat-x;
}

/* Remove excess spacing between the sidebar and the logo */
div#mw-panel {
	padding-top: 0;
}
#p-logo,
#p-logo a {
	height: 140px;
}
#p-logo a {
	background-position: center center;
}

/* Set the outer content link colours to light gray and white */
#mw-panel *:not(h3) > a:not(:hover):not(:focus),
#footer a:not(:hover):not(:focus),
.mw-notification a:not(:hover):not(:focus) {
	color: #BFBFBF !important;
}
#mw-panel h3,
#mw-panel a,
#footer li,
#footer a,
.mw-notification a {
	color: #FFF !important;
}

/* Set the tab link colours to black and bold */
#p-namespaces a,
#p-views a,
div#mw-head div.vectorMenu h3,
div#p-variants.vectorMenu #mw-vector-current-variant {
	font-weight: bold;
	text-decoration: none;
}
/* Use black links */
#p-namespaces a,
#p-views a,
div#mw-head div.vectorMenu h3 span {
	color: #ddd;
}
#p-namespaces .new a,
#p-views .new a {
	color: #FA0000;
}

/* Add some margin to help with the 3D effect */
#pageWrapper,
#right-navigation {
	margin-right: 10px;
}

/* Position the tabs */
#left-navigation,
#right-navigation {
	margin-top: 53px;
}
#mw-head-base {
	height: 80px;
}

/* Give the tabs the grass block styling: [[File:Nightmode-tabs.png]] [[File:Nightmode-tabfirst.png]] */
div.vectorTabs,
div.vectorMenu {
	background: none;
	padding: 0;
	height: 36px; 
}

div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs ul li.selected {
	background: none;
}
div.vectorTabs span {
	position: relative;
	background: url(/media/9/98/Nightmode-tabs.png) no-repeat right top;
	margin-right: 8px;
}
div.vectorTabs span::before {
	content: "";
	position: absolute;
	left: 0;
	background: url(/media/9/98/Nightmode-tabs.png) no-repeat left top;
	width: 6px;
	height: 100%;
	pointer-events: none;
}
#left-navigation div.vectorTabs li:first-child span::before {
	background-image: url(/media/a/ab/Nightmode-tabfirst.png);
	height: 93px;
}
div.vectorTabs li.selected span,
div.vectorTabs li span:hover,
div.vectorTabs li span:focus {
	background-position: right bottom;
}

div.vectorTabs li a {
	padding: 15px 14px 0 20px;
	height: 21px;
}

div#mw-head li.new a,
div#mw-head li.new a span {
	color: #DD4444;
}

.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a {
	padding-top: 36px;
	width: 45px;
	background-position: 17px 15px !important;
	transform-origin: 25px 23.5px !important;
}

div.vectorMenu {
	margin: 0 8px 0 6px;
}

div#mw-head div.vectorMenu h3 {
	position: relative;
	background: url(/media/9/98/Nightmode-tabs.png) no-repeat right top;
	padding-right: 14px;
	margin: 0;
	height: 36px;
	overflow: visible;
}
div#mw-head div.vectorMenu h3::before {
	content: "";
	position: absolute;
	top: 0;
	left: -6px;
	background: url(/media/9/98/Nightmode-tabs.png) no-repeat left top;
	width: 6px;
	height: 100%;
}
div#mw-head div.vectorMenu h3:hover,
div#mw-head div.vectorMenu.menuForceShow h3 {
	background-position: right bottom;
}

div.vectorMenu h3 span {
	padding: 15px 16px 0 14px;
	font-weight: bold;
}

div.vectorMenu div.menu {
	top: 36px;
	border-color: #444;
}

div.vectorMenu ul  {
	background-color: #202020;
}

/* Style the simple search */
#p-search {
	margin-left: 0;
}

#p-search form {
	position: relative;
	background-color: rgba(0, 0, 0, 0.365);
	border-right: 4px solid #427520;
	border-bottom: 4px solid #20160f;
	margin-top: -14px;
	padding: 0 4px 0 5px;
	height: 27px;
}
#p-search form::before {
	content: "";
	position: absolute;
	top: 0;
	left: -4px;
	border-top: 4px solid rgba(0, 0, 0, 0.365);
	border-left: 4px solid transparent;
}
#p-search form::after {
	content: "";
	position: absolute;
	top: 0;
	right: -4px;
	border-top: 4px solid #477a25;
	border-left: 4px solid #427520;
}

#right-navigation div#simpleSearch {
	top: -3px;
	border: 0;
	border-top: 3px solid #333333;
	border-left: 3px solid #1d1d1d;
	background-color: #4d4c4c;
	background-image: -webkit-linear-gradient(#222222, #4c4c4c);
	background-image: linear-gradient(#222222, #4c4c4c);
}
#simpleSearch::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: -3px;
	border-top: 3px solid #1d1d1d;
	border-left: 3px solid #37271B;
	z-index: 1;
}
#simpleSearch::after {
	content: "";
	position: absolute;
	top: -3px;
	right: 0;
	border-top: 3px solid #477a25;
	border-left: 3px solid #333333;
}

/* The suggestions shown under the search bar */
.suggestions.searchbar {
	margin-top: -29px;
	margin-right: -1px;
}
.suggestions.searchbar > .suggestions-results,
.suggestions.searchbar > .mw-searchSuggest-link {
	display: block;
	margin-left: 1px;
}
.suggestions.searchbar .suggestions-results,
.suggestions.searchbar .suggestions-special {
	background-color: #202020;
	border-color: #3C3B3B;
}
.suggestions.searchbar .suggestions-result-current {
	background-color: highlight;
}

/* Replace divider with a similar image that has proper transparency: [[File:Panel-divider.png]] */
div#mw-panel div.portal div.body {
	background-image: url(/media/b/bf/Panel-divider.png);
}

/* Give the main content area its healthy blue glow and add a border */
div#content {
	position: relative;
	background-color: #202020;
	border-top: 6px solid #171717;
	border-bottom: 0;
	border-left: 6px solid #171717;
}

/* Add the 3D corners to the main content */
div#content::before {
	content: "";
	position: absolute;
	border-top: 6px solid #37271B;
	border-left: 6px solid #171717;
	top: -6px;
	right: 0;
}
/* Have to use the footer as #content::after is already used to clear the content float */
#footer {
	position: relative;
}
#footer::before {
	content: "";
	position: absolute;
	border-top: 6px solid #171717;
	border-left: 6px solid #202020;
	top: -6px;
	left: 0;
}

/* Use black bullet points, instead of blue circles: [[File:Nightmode-list-bullet.svg]] */
ul {
	list-style-image: url(/media/8/8f/Nightmode-list-bullet.svg);
}

/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */
div.mw-warning-with-logexcerpt,
.errorbox {
	background-color: #100;
	border: 2px solid #500;
}
.warningbox {
	background-color: #110;
	border: 2px solid #550;
}
.successbox {
	background-color: #010;
	border: 2px solid #050;
}
.successbox strong p {
	margin: 0;
}
div.mw-warning-with-logexcerpt,
.errorbox,
.warningbox,
.successbox {
	padding: 3px 12px;
}

/* Add white background to some areas */
#asirra_ChallengeTableDiv {
	background-color: #FFF;
}

/* Fix diff area styling */
table.diff {
	background-color: transparent;
}
td.diff-addedline,
td.diff-deletedline {
	background-color: #383838;
}
td.diff-context {
	background-color: #282828;
}
td.diff-addedline,
td.diff-deletedline,
td.diff-context,
td.diff-addedline .diffchange,
td.diff-deletedline .diffchange {
	border-radius: 0;
}

td.diff-addedline .diffchange {
	color: #44DD44;
}

td.diff-deletedline .diffchange {
	color: #DD4444;
}

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

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

/* Get rid of stupid white borders on page history */
#pagehistory li {
	border-color: transparent;
}

/* Same as the default preference tab images, but with the blue background colour instead of white
   [[File:Nightmode-pref-tab-border.png]] [[File:Nightmode-pref-tab-bg.png]] */
.client-js #preftoc,
.client-js #preftoc li {
	background-image: url(/media/2/21/Nightmode-pref-tab-border.png);
}
.client-js #preftoc li.selected a {
	background-image: url(/media/8/84/Nightmode-pref-tab-bg.png);
}

/* Fix side-by-side editor background colour */
.wikiEditor-ui-controls {
	background-color: #E6EFF4;
	border-right: 1px solid #E6EFF4;
}

/* Style notifications to look like achievements: [[File:Achievement background.png]] */
body .mw-notification-area-layout {
	top: 20px;
}
body .mw-notification-area-floating {
	right: 10px;
}
body .mw-notification {
	border: 8px solid #555;
	border-radius: 0;
	-webkit-border-image: url(/media/a/ae/Achievement_background.png) 8 repeat;
	-moz-border-image: url(/media/a/ae/Achievement_background.png) 8 repeat;
	-o-border-image: url(/media/a/ae/Achievement_background.png) 8 repeat;
	border-image: url(/media/a/ae/Achievement_background.png) 8 fill repeat;
	box-shadow: none;
	background-color: #212121;
	background-clip: padding-box;
	color: #FFF;
	padding: 0.2em 0.4em;
}

/* HiDPI images
 * [[File:Background HiDPI.png]], [[File:Nightmode-headerbg-hires.png]],
 * [[File:Nightmode-tabs-hires.png]], [[File:Nightmode-tabfirst-hires.png]]
 */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
	body {
		background-image: url(/media/d/de/Background_HiDPI.png);
		background-size: 48px auto;
	}
	
	#mw-page-base {
		background-image: url(/media/9/9c/Nightmode-headerbg-hires.png);
		background-size: 48px auto;
	}
	
	div.vectorTabs span,
	div.vectorTabs span::before,
	div #mw-head div.vectorMenu > h3,
	div #mw-head div.vectorMenu > h4,
	div#p-variants.vectorMenu #mw-vector-current-variant,
	div #mw-head div.vectorMenu > h3:first-child::before,
	div #mw-head div.vectorMenu > h4:first-child::before,
	div#p-variants.vectorMenu #mw-vector-current-variant::before {
		background-image: url(/media/a/a6/Nightmode-tabs-hires.png);
		background-size: 262px auto;
	}
	
	#left-navigation div.vectorTabs li:first-child span::before {
		background-image: url(/media/5/59/Nightmode-tabfirst-hires.png);
		background-size: 6px auto;
	}
}

/** Template stylings **/

/* Alternating cell background */
.alternatecells:nth-child(odd) {
	background-color: #222;
}
/* Alternating table rows, primarily used with [[Vorlage:InfoboxZeile]] */
.alternaterows tr:nth-child(even),
.infobox-rows tr:nth-child(even) {
	background-color: #222;
}

/* Highlight clicked reference in blue to help navigation */
ol.references li:target,
sup.reference:target,
span.citation:target { 
	background-color: #C1DAF2;
}

/* Style the sitenotice */
#siteNotice #localNotice,
#siteNotice .globalNotice,
.page-MediaWiki_Sitenotice .mw-content-ltr .mw-parser-output {
	background-color: #282828;
	border: 1px solid #444;
	margin-bottom: 12px;
	padding: 7px 10px;
	text-align: center;
}

/* Simulate link styling for JS only links */
.jslink {
	color: #5a93cc;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.jslink:hover {
	text-decoration: underline;
	cursor: pointer;
}
.jslink:active {
	color: #FAA700;
}

/* Make external links the same colour as internal links, the icon is enough to differentiate them */
.mw-body a.external,
.mw-body a.extiw {
	color: #5a93cc;
}
.mw-body a.external:visited,
.mw-body a.extiw:visited {
	color: #2673BF;
}
.mw-body a.external:active,
.mw-body a.extiw:active {
	color: #faa700;
}

/* table */
.skin-hydradark .mw-datatable,
.skin-hydradark table.mw_metadata,
.skin-hydradark .mw-datatable th,
.skin-hydradark table.mw_metadata th,
.skin-hydradark .mw-datatable td,
.skin-hydradark table.mw_metadata td,
table.wikitable,
table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td {
	border-color: #444;
}

.skin-hydradark .mw-datatable th,
.skin-hydradark table.mw_metadata th,
table.wikitable > tr > th,
table.wikitable > * > tr > th {
background-color: #111;
}

.skin-hydradark .mw-datatable,
.skin-hydradark table.mw_metadata,
.skin-hydradark .mw-datatable td,
.skin-hydradark table.mw_metadata td,
table.wikitable,
table.wikitable > tr > td,
table.wikitable > * > tr > td {
	background-color: #282828;
}

.skin-hydradark #mw-allmessagestable tbody:hover td,
.skin-hydradark .mw-datatable tr:hover td {
	background-color: #222;
}

.skin-hydradark .notaninfobox,
.skin-hydradark .versionsgeschichte,
.skin-hydradark .abkuerzung,
.skin-hydradark #catlinks,
.skin-hydradark #toc,
.skin-hydradark .toc,
.skin-hydradark .mw-warning,
.skin-hydradark .lizenzbox,
.skin-hydradark .director-table,
.skin-hydradark .mcwiki-projekt,
.skin-hydradark .msgbox-plain {
	background-color: #282828;
	border-color: #444;
}

/* recent changes filter menu */
.skin-hydradark .oo-ui-textInputWidget .oo-ui-inputWidget-input,
.skin-hydradark .mw-rcfilters-ui-savedLinksListItemWidget:hover,
.skin-hydradark .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
	background-color: black;
	color: white;
}

/* mainpage */
.skin-hydradark .fp-section,
.skin-hydradark .mcwiki-cp {
    background-color: #282828;
    border-color: #444;
}

/* mainpage editions */
.skin-hydradark .edition-box-java {
    background-color: #202020;
    border-top: 1px solid #ffcd99;
    border-left: 1px solid #ffcd99;
    border-right: 1px solid #ffcd99;
    border-bottom: 1px solid #ffcd99;
}
.skin-hydradark .edition-box-bedrock {
    background-color: #202020;
    border-top: 1px solid #ff99be;
    border-left: 1px solid #ff99be;
    border-right: 1px solid #ff99be;
    border-bottom: 1px solid #ff99be;
}
.skin-hydradark .edition-box-earth {
    background-color: #202020;
    border-top: 1px solid #0ad117;
    border-left: 1px solid #0ad117;
    border-right: 1px solid #0ad117;
    border-bottom: 1px solid #0ad117;
}
.skin-hydradark .edition-box-education {
    background-color: #202020;
    border-top: 1px solid #ffdd26;
    border-left: 1px solid #ffdd26;
    border-right: 1px solid #ffdd26;
    border-bottom: 1px solid #ffdd26;
}
.skin-hydradark .edition-box-other {
    background-color: #202020;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/* navboxes */
.skin-hydradark .navbox,
.skin-hydradark .historybox {
	background: #282828;
	border: 1px solid #444;
}

.skin-hydradark .navbox table,
.skin-hydradark .historybox table {
	background: #282828;
}

.skin-hydradark .navbox-top,
.skin-hydradark .historybox-top {
	background-color: #111;
	padding: 0 3px;
}

.skin-hydradark .navbox th,
.skin-hydradark .historybox th {
	background-color: #222;
	padding: 0 10px;
}

#content .loadbox-navbox > p {
	background-color: #282828;
}

.skin-hydradark #bodyContent .hlist li:not(:last-child)::after {
	background-color: #FFF;
}

/* header */
.mcwiki-header {
	background: #15212e;
	border: 1px solid #242424;
	border-bottom: 4px groove #525252;
	border-right: 4px groove #525252;
}

/* archive box and shortcuts */
.skin-hydradark .archive-box,
.skin-hydradark .shortcut {
	background: #282828;
	border: 1px solid #444;
}

/* ? */
.skin-hydradark #bodyContent .hlist li:not(:last-child)::after {
	background-color: #FFF;
}

/* Module:Keys */
.skin-hydradark .keys {
	border: 1px solid #5e5e5e;
	background-color: #080808;
	background-image: -webkit-linear-gradient(#262626, #080808, #262626);
	background-image: -o-linear-gradient(#262626, #080808, #262626);
	background-image: linear-gradient(#262626, #080808, #262626);
}

/* Module:Documentation */
.skin-hydradark .documentation,
.skin-hydradark .documentation-header.documentation-docpage {
    border-color: #444;
}

.skin-hydradark .documentation,
.skin-hydradark .documentation-header,
.skin-hydradark .documentation-footer {
    background-color: #202020;
}

.skin-hydradark .documentation-nodoc {
    background-color: #360101;
}

.skin-hydradark .documentation-baddoc {
    background-color: #102336;
}

.skin-hydradark .documentation-trad {
    background-color: #2f4f30;
}

/* dark mode for msgboxes */
.skin-hydradark .msgbox-default {
	background-color: #403000;
	border: 2px solid #444;
}

.skin-hydradark .msgbox-license {
	background-color: #282828;
	border: 2px solid #5c5c5c;
}

.skin-hydradark .msgbox-warningpink {
	background-color: #4a1e1e;
	border: 2px solid #a88383;
}

.skin-hydradark .msgbox-warningred {
	background-color: #4a0000
	border: 2px solid #b80000;
}