User:Bebiezaza/hydrafication.css

/* -=-=-=-=-=-=-=- General Styles -=-=-=-=-=-=-=- */ body.skin-fandomdesktop { font-family: "Liberation Sans",Arial,Helvetica,FreeSans,sans-serif; font-size: 16px; --mcw-deepslate: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/2/26/Background.png/revision/latest?cb=20120105164525) !important; --mcw-deepslate-transition: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/2/26/Background.png/revision/latest?cb=20120105164525) !important; }

/* -- navbar alter in case JS is broken -- */ .global-navigation { margin-top: 30px; -webkit-box-shadow: none; box-shadow: none; }

.global-navigation__top nav, .global-navigation__top a { display: none; }

.wds-avatar__image, .wds-avatar__image:hover, .global-navigation__icon svg, .global-navigation__icon svg:hover { fill: var(--fandom-link-color--fadeout); }

.wds-dropdown__content { margin-top: 30px; }

.global-navigation .wds-dropdown { --wds-dropdown-text-color: #000; --wds-dropdown-linked-item-color: #000; }

/* -- Converts sticky header into netbar -- */ /* ===== makes it always visible ===== */ .fandom-sticky-header { top: 0px; font-family: 'Open Sans',sans-serif !important; font-size: 12px !important; }

.fandom-sticky-header.is-visible { -webkit-transform: inherit; transform: inherit; }

/* ===== make it shows properly ===== */ .fandom-sticky-header { background: #121212; left: 0; width: 100%; height: 30px; padding: 0; box-shadow: none; }

.fandom-sticky-header a { border-right: 1px solid #353535; padding: 0 6px; font-size: 12px !important; font-weight: normal; height: inherit; line-height: 2.5em; }

.fandom-sticky-header a:hover { background-color: #222; text-decoration: none; }

/* ===== gamepedia logo ===== */ .fandom-sticky-header__logo { background-image: url(https://web.archive.org/web/20180220221319im_/https://minecraft.gamepedia.com/skins/Hydra/images/netbar/logo.svg?ded94); background-position: center center; background-repeat: no-repeat; height: 30px; width: 104px; padding: 0 6px; }

.fandom-sticky-header__logo img { display: none; }

/* ===== "remove" all the "sidebar" menus ===== */ .fandom-sticky-header .fandom-community-header__local-navigation { display: none; }

/* -- Header text color in case JS is broken -- */ .fandom-community-header, .wds-tabs__tab-label a span, .fandom-community-header__community-name-wrapper a { color: #fff; }

.wiki-tools .wds-button.wds-is-secondary { --wds-secondary-button-label-color: #fff; --wds-secondary-button-label-color--hover: var(--theme-sticky-nav-text-color--hover); }

/* -- Header background -- */ .fandom-community-header__background { background: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/2/2c/Header-background-altsearch.png); background-position: top left !important; background-repeat: repeat-x !important; top: 30px; left: -10em; width: calc(100% + 10em + 10px); }

body.theme-fandomdesktop-light .fandom-community-header__background, body.theme-fandomdesktop-dark .fandom-community-header__background { background-size: 3em 9.0625em !important; }

/* -- shift size of stuffs in the page, giving way to vector leftnav -- */ .main-container { width: calc(100% - 10em - 10px); margin-left: 10em; margin-right: 10px; }

.resizable-container { box-sizing: border-box; padding: 1em 0 1em 1em; }

@media screen and (min-width: 982px) { .resizable-container { padding: 1.25em 0 0 1.5em; margin-left: 11em; } }

.page__main { padding: 1em; border-top: 6px solid #B4BEC3; border-bottom: 0; border-left: 6px solid #171717; }

.page__main::before { content: ""; position: absolute; border-top: 6px solid #B9855C; border-left: 6px solid #B4BEC3; top: -6px; right: 0; }

/* curved border bruhness */ .page__main, .page__right-rail { border-radius: 0 !important; }

/* - new "vector" leftnav rendering -- */ /* ===== mw-panel ===== */ color: white; position: absolute; top: 30px; width: 10em; left: 0; }
 * 1) mw-panel {

@media screen and (min-width: 982px){ #mw-panel { padding-left: 0.5em; width: 10.5em; } }

/* ===== logo ===== */ margin-bottom: 1em; }
 * 1) p-logo {

width: 10em; height: 136px; display: flex; /* for img */ }
 * 1) p-logo a {

min-width: 100%; min-height: 100% }
 * 1) p-logo img {

/* ===== menu header ===== */ display: none }
 * 1) p-logo+.sidebar-header h3 {

.vector-menu-portal h3 { display: block; background-image: linear-gradient(to right,rgba(200,204,209,0) 0,#FFF 33%,#FFF 66%,rgba(200,204,209,0) 100%); background-position: center bottom; background-repeat: no-repeat; background-size: 100% 1px; color: #FFF; border: 0; padding: 0.25em 0; font-size: 0.75em; font-weight: normal; cursor: default; }

/* ===== menu ===== */ .vector-menu-portal { margin: 0 0.6em 0 0.7em; padding: 0.25em 0; }

.vector-menu-portal .vector-menu-content ul { list-style: none none; margin: 0; padding-top: 0.3em; }

.vector-menu-portal .vector-menu-content li { margin: 0; padding: 0.25em 0; font-size: 0.75em; line-height: 1.125em; word-wrap: break-word; }

color: #BFBFBF; }
 * 1) mw-panel a {

color: #FFF; }
 * 1) mw-panel a:hover {

/* -=-=-=-=-=-=-=- Content -=-=-=-=-=-=-=- */ -webkit-box-sizing: revert; box-sizing: revert; }
 * , :after, :before {


 * root {

--fandom-global-nav-background-color: transparent; --fandom-global-nav-icon-background-color--hover: #f37f20; --fandom-global-nav-icon-background-color--active: #f37f20; --fandom-global-nav-icon-border-color: #f37f20; --fandom-global-nav-icon-border-color--hover: #f37f20; --fandom-global-nav-icon-border-color--active: #f37f20; --wds-avatar-border-color: #f37f20; --fandom-link-color: #000; --fandom-link-color--fadeout: #eaecf0; }

body.theme-fandomdesktop-light, body.theme-fandomdesktop-dark { --theme-sticky-nav-text-color: #bfbfbf; --theme-sticky-nav-text-color--hover: #bfbfbf; }

.resizable-container { width: 100%; margin: 40px 0 0; max-width: 100%; }

/* overwrite the stupidly larger font */ @media only screen and (min-width: 1500px) { .page-content { font-size: 14px; } } /* also do it to smaller screen size */ .page-content { font-size: 14px; }

/* some dumb svg fluffs */ .page-header__actions a svg { display: none; }

/* page title */ .page-header__title { font-size: 28.8px; }

/* page and section title lines */ h1, h2 { margin-bottom: 0.25em; border-bottom: 1px solid #a2a9b1; }

/* -- Table of Contents -- */ /* ===== Table of Contents header ===== */ .toc .toctitle { border-bottom: none; justify-content: center; padding: 0; }

.page-content #toc .toctitle { background-color: transparent; }

.toc .toctitle h2 { color: black; font-weight: bold; line-height: 1.3; }

/* ===== Table of Contents content ===== */ .toc, .toccolours { border: 1px solid #a2a9b1; background-color: #f8f9fa; padding: 5px; font-size: 95%; }

.toc { display: table; padding: 7px; }

.page-content #toc ul { background-color: transparent; }

.toc ul li { margin-left: 0; }

li { margin-bottom: 0.1em; }

.toc ul ul { margin: 0 0 0 2em !important; }

.toc ul li a { color: #0645ad; line-height: 1.6; padding: 0; }

.toc ul li a:hover { background-color: transparent; }

.toc ul li a .tocnumber { color: #202122; padding-left: 0; padding-right: 0.5em; }

.toc ul li a .tocnumber:after { content: ""; }

/* -=-=-=-=-=-=-=- In case JS is broken -=-=-=-=-=-=-=- */ /* there are equivalent functions inside JS code that remove elements in here completely, or styles inside this alter elements to make it seemless */

display: none; }
 * 1) WikiaBar, .page-side-tools__wrapper, .wds-global-footer {

.bottom-ads-container { border-left: 6px solid #171717; width: calc(100% - 6px); border-radius: 0 !important; }