MediaWiki:Common.css

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

/* Give the background the initial stone texture: [[File:Background.png]] */
body {
	background-color: #202020;
	background-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/2/26/Background.png);
}

/* Add the grass block background: [[File:Header-background-altsearch.png]] [[File:Clouds-distance2.png]] */
#mw-page-base {
	background-color: #8DBDE9;
	background-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/2/2c/Header-background-altsearch.png);
	height: 146px;
	margin-bottom: -142px;
}

div#mw-head {
	background: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/a/ad/Clouds-distance2.png) right 6px repeat-x;
	margin-right: 10px;
	z-index: 1;
}

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

/* Set the tab link colours to black and bold */
#left-navigation a,
#right-navigation #p-views a,
div#mw-head div.vectorMenu h4 {
	font-weight: bold;
	text-decoration: none;
}
/* Use black links */
#left-navigation a,
#right-navigation #p-views a,
div#mw-head div.vectorMenu h4 {
	color: #000;
}
#left-navigation .new a,
#right-navigation #p-views .new a {
	color: #BA0000;
}

/* Position the tabs */
#left-navigation {
	top: 53px;
	margin-left: 10px;
}

#right-navigation {
	margin-top: 53px;
}

/* Give the tabs the grass block styling: [[File:Vector-tabs.png]] [[File:Vector-tabs-first.png]] */
div.vectorTabs,
div.vectorMenu,
div.vectorMenu h5 a {
	padding: 0;
	height: 36px;
}
.vectorTabs ul,
.vectorTabs li,
.vectorMenu h5 a {
	background: none !important;
}
.vectorTabs li > span,
.vectorMenu {
	margin-right: 8px;
}

.vectorTabs li a,
.vectorTabs li a:before,
div.vectorMenu,
.vectorMenu:before {
	background: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/1/1a/Vector-tabs.png) no-repeat;
}
div.vectorTabs li a,
div.vectorMenu {
	position: relative;
	background-position: right top;
}
div.vectorTabs li a {
	padding: 15px 14px 0 20px;
	height: 21px;
}
.vectorTabs li.selected a,
.vectorTabs li a:hover,
.vectorTabs li a:focus,
.vectorMenu:hover,
.vectorMenu:focus {
	background-position: right bottom;
}
.vectorTabs li a:before,
.vectorMenu:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 6px;
	height: 36px;
	pointer-events: none;
}

div.vectorMenu div.menu {
	position: absolute;
	left: 6px;
	bottom: 0;
}
div.vectorMenu ul {
	background-color: #E6EFF4;
}
div#mw-head div.vectorMenu h4 {
	margin: 16px 0 0 20px;
	padding: 0;
}
div#mw-head div.vectorMenu h5 {
	background: url(/extensions/Vector/modules/images/open.svg) center no-repeat;
	margin: 16px 7px 0 13px;
	width: 24px;
	height: 16px;
}
div#mw-head div.vectorMenu h4 + h5 {
	margin-left: 0;
}

#left-navigation > .vectorTabs li:first-child a:before {
	background: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/4/49/Vector-tabs-first.png);
	height: 93px;
}

/* Hide watch tab's text and put an icon in
   [[File:Watch-icons.png]] [[File:Watch.gif]]
#ca-watch.icon a,
#ca-unwatch.icon a {
	background-image: url("http://hydra-media.cursecdn.com/minecraft.gamepedia.com/c/ce/Watch-icons.png");
	-webkit-background-clip: content-box;
			background-clip: content-box;
}
#ca-watch.icon a,
#ca-watch.icon a:focus {
	background-position: 13px 15px;
}
#ca-unwatch.icon a,
#ca-unwatch.icon a:focus {
	background-position: -3px 15px;
}
#ca-watch.icon a:hover {
	background-position: 13px -1px;
}
#ca-unwatch.icon a:hover {
	background-position: -3px -1px;
}
#ca-watch.icon a,
#ca-unwatch.icon a,
#ca-unwatch.icon a.loading,
#ca-watch.icon a.loading {
	text-indent: 40px;
	height: 16px;
	width: 16px;
	padding: 15px 14px 6px;
}
#ca-unwatch.icon a.loading,
#ca-watch.icon a.loading {
	background-image: url("http://hydra-media.cursecdn.com/minecraft.gamepedia.com/4/49/Watch.gif");
	background-position: 13px 15px;
}*/

/* Only the simple search is styled, as there is no unique ids for the default search: [[File:Search-button.svg]] */
#simpleSearch,
#searchInput {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div#simpleSearch {
	background-image: none;
	background-position: top right;
	background-repeat: no-repeat, repeat;
	background-color: rgba(0, 0, 0, 0.365);
	border: 0;
	border-right: 4px solid #538631;
	border-bottom: 4px solid #382314;
	margin: -11px 4px 0 0;
	padding: 0 4px 0 5px;
	height: 31px;
	width: 218px;
}
#simpleSearch:before {
	content: "";
	position: absolute;
	border-top: 4px solid rgba(0, 0, 0, 0.365);
	border-left: 4px solid transparent;
	top: 0;
	left: -4px;
}
#simpleSearch:after {
	content: "";
	position: absolute;
	border-top: 3px solid #B0B0B0;
	border-left: 3px solid #79553A;
	bottom: 5px;
	left: 5px;
	z-index: 1;
}

div#simpleSearch input#searchInput {
	position: relative;
	border-top: 3px solid #E6E6E6;
	border-left: 3px solid #B0B0B0;
	background-color: #D0CFCF;
	background-image: -webkit-linear-gradient(#C3C3C3, #DCDBDB);
	background-image: linear-gradient(#C3C3C3, #DCDBDB);
	padding: 0 27px 0 3px;
	top: -4px;
	width: 100%;
	height: 26px;
}

div#simpleSearch button#searchButton {
	background: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/0/0e/Search-button.svg) center 8px no-repeat;
	margin-top: -4px;
	margin-right: 4px;
	padding: 0;
	height: 26px;
	width: 24px;
}
#simpleSearch button:before {
	content: "";
	position: absolute;
	border-top: 3px solid #80BA5A;
	border-left: 3px solid #E6E6E6;
	top: 0;
	right: 0;
}
#simpleSearch button:after {
	content: "";
	position: absolute;
	border-top: 4px solid #80BA5A;
	border-left: 4px solid #538631;
	top: 4px;
	right: -8px;
}

#simpleSearch button img {
	display: none;
}

/* The suggestions shown under the search bar */
.suggestions.searchbar {
	margin-top: -38px;
	margin-right: 7px;
}
.suggestions.searchbar > * {
	display: block;
	margin-left: 14px;
}
.suggestions.searchbar .suggestions-results,
.suggestions.searchbar .suggestions-special {
	background-color: #DBDADA;
	border-color: #3C3B3B;
}
.suggestions.searchbar .suggestions-result-current {
	background-color: highlight;
}

/* Correct position of sidebar */
div#mw-panel {
	margin-top: -180px;
}

/* Replace divider with a similar image that has proper transparency: [[File:Panel-divider.png]] */
#mw-panel.collapsible-nav div.portal {
	background-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/b/bf/Panel-divider.png);
}

/* Give the main content area its healthy blue glow and add a border and some margin to help with the 3D effect */
div#content {
	position: relative;
	background-color: #E6EFF4;
	border-top: 6px solid #B4BEC3;
	border-bottom: 0;
	border-left: 6px solid #171717;
	margin-right: 10px;
}

/* Add the 3D corners to the main content */
div#content:before {
	content: "";
	position: absolute;
	border-top: 6px solid #B9855C;
	border-left: 6px solid #B4BEC3;
	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:List bullet.svg]] */
ul {
	list-style-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/3/39/List_bullet.svg);
}

/* Various styling for message boxes, based on colours/styling from [[Template:Msgbox]] */
div.mw-warning-with-logexcerpt,
.errorbox {
	background-color: #FCC;
	border: 2px solid #FAA;
}
.warningbox {
	background-color: #FFC;
	border: 2px solid #FFA;
}
.successbox {
	background-color: #CFC;
	border: 2px solid #AFA;
}
.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: #F9F9F9;
}
td.diff-context {
	background-color: #F3F3F3;
}
td.diff-addedline,
td.diff-deletedline,
td.diff-context,
td.diff-addedline .diffchange,
td.diff-deletedline .diffchange {
	border-radius: 0;
}

/* 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:Pref-tab-border.png]] [[File:Pref-tab-bg.png]] */
#preftoc,
#preftoc li {
	background-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/f/f9/Pref-tab-border.png);
}
#preftoc li.selected a {
	background-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/5/57/Pref-tab-bg.png);
}

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