User:ItsPlantseed/CustomWiki.css

/************************************************************************************************
 * This style sheet redesign the Minecraft Wiki skins into the minecraft.net style       *

/************************************ /* 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, #ffffff00 50%, #c0daf1 50%, #91bfe9 70%, #8dbde9 90%); background-color: unset; background-size: auto; height: 200px; } div#mw-head { top: 54px; } div#mw-panel { top: 200px; }	position: absolute; top: -180px; width: 150px; height: 83px; margin: 0 0 0 0; padding: 0; }
 * Minecraft.net theme       *
 * 1) p-logo {

/* Content styling */ div#content { background-image: url(/media/4/4d/White-Background.png); background-color: #EDEDED; border-top: 6px solid #D3D3D3; } div#content::before { border-left: 6px solid #D3D3D3; } 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; }

background: url(/media/4/46/Personal-Vector-tabs-first.png); height: 100px; }
 * 1) left-navigation div.vectorTabs li:first-child span::before {

/* 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, #ffffff00 50%, #c0daf1 50%, #91bfe9 70%, #8dbde9 90%) !important; background-size: 64px 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 */ position: absolute; top: -32px; right: 1em; height: 30px; vertical-align: middle; margin: 0; padding: 0; }	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: 43px; 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); }	box-shadow: none !important; }	border-top: none; border-left: none; } div#simpleSearch #searchInput { border: none; box-shadow: none; background: #FFF; color: #343C46; padding: 0 1em; line-height: 43px; 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: -30px; 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; } .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; }
 * 1) p-search {
 * 1) p-search form {
 * 1) searchInput:hover,
 * 2) searchInput:focus,
 * 3) searchInput:active {
 * 1) p-search form::before,
 * 2) p-search form::after,
 * 3) simpleSearch::before,
 * 4) simpleSearch::after {

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