User:Minermatt122514/common.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:HydraRevived/main.css|u:dev:MediaWiki:HydraRevived/preload.css&only=styles";

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

/* Give the background the initial stone texture: */ html body { height: auto !important; min-height: calc(100% - 30px); background-color: #202020; background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/2/26/Background.png/revision/latest?format=original); }

/* Add the grass block background:  */ background-color: #8DBDE9; background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/2/2c/Header-background-altsearch.png/revision/latest?format=original); height: 146px; margin-bottom: -142px; }
 * 1) mw-page-base {

div#mw-head { background: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/a/ad/Clouds-distance2.png/revision/latest?format=original) right 6px repeat-x; }

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

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

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

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

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

/* Give the tabs the grass block styling:  */ 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(https://static.wikia.nocookie.net/minecraft_gamepedia/images/1/1a/Vector-tabs.png/revision/latest?format=original) no-repeat right top; margin-right: 8px; } div.vectorTabs span::before { content: ""; position: absolute; left: 0; background: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/1/1a/Vector-tabs.png/revision/latest?format=original) no-repeat left top; width: 6px; height: 100%; pointer-events: none; }	background-image: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/4/49/Vector-tabs-first.png/revision/latest?format=original); height: 93px; } div.vectorTabs li.selected span, div.vectorTabs li span:hover, div.vectorTabs li span:focus { background-position: right bottom; }
 * 1) left-navigation div.vectorTabs li:first-child span::before {

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

.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(https://static.wikia.nocookie.net/minecraft_gamepedia/images/1/1a/Vector-tabs.png/revision/latest?format=original) 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(https://static.wikia.nocookie.net/minecraft_gamepedia/images/1/1a/Vector-tabs.png/revision/latest?format=original) 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; }

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

position: relative; background-color: rgba(0, 0, 0, 0.365); border-right: 4px solid #538631; border-bottom: 4px solid #382314; margin-top: -14px; padding: 0 4px 0 5px; height: 27px; }	content: ""; position: absolute; top: 0; left: -4px; border-top: 4px solid rgba(0, 0, 0, 0.365); border-left: 4px solid transparent; }	content: ""; position: absolute; top: 0; right: -4px; border-top: 4px solid #80BA5A; border-left: 4px solid #538631; }
 * 1) p-search form {
 * 1) p-search form::before {
 * 1) p-search form::after {

div#simpleSearch { top: -3px; border: 0; border-top: 3px solid #E6E6E6 !important; border-left: 3px solid #B0B0B0 !important; background-color: #D0CFCF; background-image: -webkit-linear-gradient(#C3C3C3, #DCDBDB); background-image: linear-gradient(#C3C3C3, #DCDBDB); }	content: ""; position: absolute; bottom: 0; left: -3px; border-top: 3px solid #B0B0B0; border-left: 3px solid #79553A; z-index: 1; }	content: ""; position: absolute; top: -3px; right: 0; border-top: 3px solid #80BA5A; border-left: 3px solid #E6E6E6; }
 * 1) simpleSearch::before {
 * 1) simpleSearch::after {

/* Fix placeholder text being too light in chrome */
 * -webkit-input-placeholder {

color: inherit; opacity: 0.54; }

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