User:ItsPlantseed/CustomWiki.css - minecraft.fandom.com

/************************************************** ****************
*        This style sheet redesign the Minecraft Wiki skins        *
*******************************************************************/

/******************************
*        Generic theme        *
******************************/
/* Body styling */
html body {
	background-color: #FFFFFF;
	background-image: url(/media/b/bf/Black-Background.png);
	background-size: auto;
	font-family: 'Noto Sans', Arial, Helvetica, FreeSans, sans-serif;
}
div#mw-page-base {
	background-image: url(/media/f/fb/Personal-Header-background.png), linear-gradient(0deg, rgba(255, 255, 255, 0) 50%, rgb(192, 218, 241) 50%, rgb(145, 191, 233) 70%, rgb(141, 189, 233) 90%);
	background-color: unset;
	background-size: auto;
	height: 200px;
}
div#mw-head {
	top: 54px;
}
div#mw-panel {
	top: 200px;
}
.mw-wiki-logo {
	background-image: url(//gamepedia.cursecdn.com/minecraft_pl_gamepedia/b/bc/Wiki.png);
}
#p-logo {
	position: absolute;
	top: -180px;
	width: 150px;
	height: 83px;
	margin: 0 0 0 0;
	padding: 0;
}

/* Content styling */
div#content {
	background-image: url(/media/4/4d/White-Background.png);
	background-color: #EDEDED;
	border-top: 6px solid #D3D3D3;
	margin-top: 0;
}
div#content::before {
    border-left: 6px solid #D3D3D3;
    top: 138px;
}
div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6,
div#content #firstHeading {
	font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
}

/* Vector styling */
div.vectorTabs li a {
	font-family: 'Noto Sans';
}
div.vectorMenu li a {
	font-family: 'Noto Sans';
	color: #FFF;
}
div.vectorMenu div.menu {
	background: url(/media/b/bf/Black-Background.png);
	border: 1px solid #D3D3D3;
}
div.vectorTabs span,
div#mw-head div.vectorMenu h3{
	background: url(/media/6/63/Personal-Vector-tabs.png) no-repeat right top;
}
div.vectorTabs span::before,
div#mw-head div.vectorMenu h3::before {
	background: url(/media/6/63/Personal-Vector-tabs.png) no-repeat left top;
}
#left-navigation div.vectorTabs li:first-child span::before {
	background: url(/media/4/46/Personal-Vector-tabs-first.png);
	height: 98px;
}
#left-navigation, #right-navigation {
    margin-top: 54px;
}

/* HiDPI images */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
	body {
		background-image: url(/media/4/40/Black-Background-HiDPI.png) !important;
		background-size: 400px auto !important;
	}
	
	#mw-page-base {
		background-image: url(/media/3/30/Personal-Header-background-HiDPI.png), linear-gradient(0deg, rgba(255, 255, 255, 0) 50%, rgb(192, 218, 241) 50%, rgb(145, 191, 233) 70%, rgb(141, 189, 233) 90%) !important;
		background-size: 64px auto, auto !important;
	}
	
	.mw-wiki-logo {
	background-image: url(//gamepedia.cursecdn.com/minecraft_pl_gamepedia/8/81/Wiki_HiDPI.png) !important;
	background-size: 160px auto !important;
	}

	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/7/7c/Personal-Vector-tabs-HiDPI.png) !important;
		background-size: 264px auto !important;
	}
	
	#left-navigation div.vectorTabs li:first-child span::before {
		background-image: url(/media/0/0f/Personal-Vector-tabs-first-HiDPI.png) !important;
		background-size: 6px auto !important;
	}
}

/* Search bar styling */
#p-search {
	position: absolute;
	top: -36px;
	right: 1em;
	margin: 0;
}
#p-search form {
	display: inline-block;
	height: 0;
	vertical-align: middle;
	margin: 0;
	position: relative;
	background-color: unset;
	border-right: unset;
	border-bottom: unset;
	margin-top: unset;
	padding: unset;
}
div#simpleSearch {
	border: none;
	background-color: #FFF;
	color: #343C46;
	line-height: 1.4em;
	width: 500px;
	max-width: 500px;
	height: 42px;
	margin: 0;
	padding-right: 1.4em;
	margin-top: 0;
	background-image: none;
}
div#simpleSearch:hover,
div#simpleSearch:focus,
div#simpleSearch:active {
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
#searchInput:hover,
#searchInput:focus,
#searchInput:active {
	box-shadow: none !important;
}
#p-search form::before,
#p-search form::after,
#simpleSearch::before,
#simpleSearch::after {
	border-top: none;
	border-left: none;
}
div#simpleSearch #searchInput {
	border: none;
	box-shadow: none;
	background: #FFF;
	color: #343C46;
	padding: 0 1em;
	line-height: 42px;
	font-family: 'Noto Sans', Arial, Helvetica, FreeSans, sans-serif;
}
div#simpleSearch #searchButton,
div#simpleSearch #mw-searchButton,
div#simpleSearch #searchButton:hover,
div#simpleSearch #mw-searchButton:hover,
div#simpleSearch #searchButton:active,
div#simpleSearch #mw-searchButton:active {
	box-sizing: content-box;
	background-origin: content-box;
	color: transparent;
	box-shadow: none;
	padding-right: 0.5em;
}
.suggestions.searchbar {
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	margin-top: -32px;
	margin-right: 0;
}
.suggestions.searchbar > .suggestions-results, .suggestions.searchbar > .mw-searchSuggest-link {
	margin-left: 0;
}
.suggestions.searchbar .suggestions-results,
.suggestions.searchbar .suggestions-special {
	background-color: #FFF;
	border: none;
	border-top: 1px solid #CCC;
	border-left: 3px solid #B0B0B0;
}
.suggestions-results {
	cursor: default;
}
.suggestions-result,
.suggestions-special {
	padding: 0.25em 0.25em;
	padding-left: 1em;
	font-weight: bold;
	cursor: default;
}
.highlight {
	font-weight: normal;
}
.suggestions.searchbar .suggestions-result-current,
.suggestions-result-current .special-query {
	background-color: #EEE;
	color: #000;
}
.suggestions-result-current .special-label {
	color: #808080;
}

/* Sprite Editor */
.spriteedit-toolbar {
	background-color: #309930;
	border-bottom-color: #2c6c2c;
	background-image: url(/media/a/aa/Green-Background.png);
}

/* Profile section */
.activity,
.stats,
.friends,
.achievements,
.comments {
	border: 1px solid #ddd;
	background-color: #ECECEC;
	padding: 15px;
}
.favorite {
	text-align: center;
	display: inline-block;
	width: 100%;
	padding: 5px;
	font-variant: small-caps;
	font-weight: bold;
}
.favorite a {
	display: inline-block;
	border: 1px solid #ddd;
	background-color: #ECECEC;
	padding: 15px;
}
textarea {
	width: 100%;
	padding: .5em;
	border-color: rgb(169, 169, 169);
}