User:Bebiezaza/hydrafication.css

/* -=-=-=-=-=-=-=- General Styles -=-=-=-=-=-=-=- */ body.skin-fandomdesktop { font-family: "Liberation Sans",Arial,Helvetica,FreeSans,sans-serif; font-size: 16px; line-height: 1.6; --mcw-deepslate: url(https://web.archive.org/web/20210316093214im_/https://static.wikia.nocookie.net/minecraft_gamepedia/images/2/26/Background.png/revision/latest) !important; --mcw-deepslate-transition: url(https://web.archive.org/web/20210316093214im_/https://static.wikia.nocookie.net/minecraft_gamepedia/images/2/26/Background.png/revision/latest) !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); }

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

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

/* -- 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; } /* somehow it crashed into another unexpected element */ .fandom-sticky-header ul a { border: none; }

.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% + 11em + 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: 9em; margin-right: 10px; }

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

@media screen and (min-width: 982px) { .resizable-container { padding: 1.25em 0 0 2em; 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 {

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

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

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

/* ===== page body changes ===== */ /* page header */ .page-header { margin-bottom: 0; } .page-header__title { font-family: sans-serif; font-size: 28.8px; font-weight: 400; letter-spacing: normal; line-height: 1.3; margin-bottom: 0.25em; padding: 0; }

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

/* ===== section title changes ===== */ .page-content h2 { font-family: sans-serif; font-size: 21px; font-weight: 400; line-height: 1.3; margin: 1em 0 0.25em; padding: 0; } .page-content h3 { font-family: sans-serif; font-size: 1.2em; font-weight: bold; line-height: 1.6; margin: 0.3em 0 0 0; padding: 0.5em 0 0 0; } .page-content h4, .page-content h5, .page-content h6 { font-family: sans-serif; font-size: 100%; font-weight: bold; line-height: 1.6; margin: 0.3em 0 0 0; padding: 0.5em 0 0 0; }

.page-content p, .page-content p+p { margin: 0.5em 0; }

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

.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; margin: 0; padding: 7px; }

.page-content #toc ul { background-color: transparent; margin: 0.3em 0; padding: 0; }

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

.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: ""; }

.toctogglespan { display: none; }

/* -- from table thingy -- */ body.theme-fandomdesktop-dark .tc-no { background-color: #FFC7CE !important; } body.theme-fandomdesktop-dark .tc-yes { background-color: #C6EFCE !important; }

/* -- Content lists -- */ .page-content ol, .page-content ul { margin-top: 0.3em; margin-bottom: 0; }

li { margin-bottom: 0.1em; }

/* -- Infobox -- */ .notaninfobox > .infobox-title { font-weight: bold; text-align: center; font-size: 120%; }

.mcwiki-header { background: #729FCF; border: 1px solid #CCC !important; border-bottom: 4px groove #999 !important; border-right: 4px groove #999 !important; padding: 5px; }

/* -- Edit section thing -- */ .mw-editsection-bracket, .mw-editsection-divider { display: inline; }

/* -- pictures -- */ .tright { margin: 0.5em 0 1.3em 1.4em; } .thumb { position: relative; z-index: 1; margin-bottom: 0.5em; width: auto; } .tright, .floatright { clear: right; float: right; }

.thumb, .thumbinner { /* used to be just .thumbinner */ border: 1px solid #c8ccd1; padding: 3px; background-color: #f8f9fa; font-size: 94%; overflow: hidden; }

/* -- categories -- */ .page-footer__categories { border: 1px solid #a2a9b1; background-color: #f8f9fa; padding: 5px; margin-top: 1em; clear: both; }

.page-footer__categories.wds-is-collapsed .wds-collapsible-panel__content { display: initial; }

/* ===== text and text sizing ===== */ .CategorySelect.articlePage .container { padding: 0; }

.CategorySelect.articlePage .container li { margin: 0.125em 0; padding: 0 0.5em; }

.CategorySelect.articlePage .container li.special-categories-label { padding: 0; }

/* this is just pure stupid */ .wds-collapsible-panel:last-child { border-bottom: 1px solid #a2a9b1; }

li.special-categories-label { border-right: 0px !important; }

li.special-categories-label::after { content: ":"; }

/* -=-=-=-=-=-=-=- Weird theming thingy by Fandom, for light and dark mode to be Hydra -=-=-=-=-=-=-=- */


 * 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; --fandom-link-color: #000; --fandom-link-color--hover: #000; --fandom-link-color--rgb: 0,0,0; --fandom-link-color--fadeout: #eaecf0; --wds-avatar-border-color: #f37f20; --theme-body-background-image: url(https://web.archive.org/web/20210316093214im_/https://static.wikia.nocookie.net/minecraft_gamepedia/images/2/26/Background.png/revision/latest);

/* below is copied from light mode to apply to dark mode */ --theme-body-dynamic-color-1: #fff; --theme-body-dynamic-color-1--rgb: 255,255,255; --theme-body-dynamic-color-2: #e6e6e6; --theme-body-dynamic-color-2--rgb: 230,230,230; --theme-page-dynamic-color-1: #000; --theme-page-dynamic-color-1--rgb: 0,0,0; --theme-page-dynamic-color-1--inverted: #fff; --theme-page-dynamic-color-1--inverted--rgb: 255,255,255; --theme-page-dynamic-color-2: #3a3a3a; --theme-page-dynamic-color-2--rgb: 58,58,58; --theme-sticky-nav-dynamic-color-1: #000; --theme-sticky-nav-dynamic-color-1--rgb: 0,0,0; --theme-sticky-nav-dynamic-color-2: #3a3a3a; --theme-sticky-nav-dynamic-color-2--rgb: 58,58,58; --theme-link-dynamic-color-1: #fff; --theme-link-dynamic-color-1--rgb: 255,255,255; --theme-link-dynamic-color-2: #e6e6e6; --theme-link-dynamic-color-2--rgb: 230,230,230; --theme-accent-dynamic-color-1: #000; --theme-accent-dynamic-color-1--rgb: 0,0,0; --theme-accent-dynamic-color-2: #3a3a3a; --theme-accent-dynamic-color-2--rgb: 58,58,58; --theme-body-background-color: #11100e; --theme-body-background-color--rgb: 17,16,14; --theme-body-text-color: #fff; --theme-body-text-color--rgb: 255,255,255; --theme-body-text-color--hover: #cccccc; --theme-sticky-nav-background-color: #80b959; --theme-sticky-nav-text-color: #000; --theme-sticky-nav-text-color--hover: #333333; --theme-page-background-color: #e6eff4; --theme-page-background-color--rgb: 230,239,244; --theme-page-background-color--secondary: #dbe3e8; --theme-page-text-mix-color: #909597; --theme-page-text-mix-color-95: #dde6eb; --theme-page-accent-mix-color: #b3d4a7; --theme-page-headings-font: 'Rubik'; --theme-link-label-color: #fff; --theme-accent-color: #80b959; --theme-accent-color--rgb: 128,185,89; --theme-accent-color--hover: #4f7833; --theme-accent-label-color: #000; --theme-alert-label: #fff; --theme-warning-color: #ca6f1b; --theme-warning-color--rgb: 202,111,27; --theme-warning-label: #000; --theme-success-color: #0c742f; --theme-success-color--rgb: 12,116,47; --theme-success-label: #fff; --theme-message-color: #753369; --theme-message-label: #fff; --theme-community-header-color: #000000; --theme-community-header-color--hover: #333333; --theme-background-image-opacity: 100%; --theme-page-text-opacity-factor: 0.85; --theme-body-text-opacity-factor: 0.7;

/* global navigation thingy i guess */ --fandom-text-color: #1e0c1b; --fandom-text-color--rgb: 30,12,27; --fandom-text-color--hover: #67295d; --fandom-accent-color: #520044; --fandom-accent-color--hover: #b80099; --fandom-accent-label-color: #fff; --fandom-border-color: #c5ced9; --fandom-secondary-button-color: #291927; --fandom-secondary-button-color--hover: #684063; --fandom-dropdown-background-color: #fff; --fandom-notifications-background-color: #fff; --fandom-notifications-read-card-background-color: #fff; --fandom-notifications-unread-card-background-color: #eee6ec; --fandom-notifications-footer-text-color: #291927; --fandom-banner-notification-background-color: #fff; --fandom-banner-notifications-close-icon: #595358; }

body.theme-fandomdesktop-light, body.theme-fandomdesktop-dark { --theme-alert-color: #D33; --theme-alert-color--rgb: 221,51,51; --theme-alert-color--hover: #FF4242; --theme-border-color: #eaecf0; --theme-border-color--rgb: 187, 194, 201; --theme-link-color: #0645AD; --theme-link-color--hover: #0645AD; --theme-page-background-color: #e6eff4; --theme-page-background-color--secondary: #f8f9fa; --theme-page-text-color: #000; --theme-page-text-color--rgb: 0,0,0; --theme-page-text-color--hover: #000; --theme-sticky-nav-text-color: #bfbfbf; --theme-sticky-nav-text-color--hover: #bfbfbf; }

/* from table thingy */ body.theme-fandomdesktop-light, body.theme-fandomdesktop-dark { --custom-background-blue: hsl(215,75%,92%); --custom-background-blue-highlight: rgb(114, 159, 207); --custom-background-green: hsl(120,75%,92%); --custom-background-green-highlight: hsl(120,75%,85%); --custom-background-grey: hsl(0,0%,92%); --custom-background-grey-highlight: hsl(0,0%,85%); --custom-background-magenta: hsl(310,75%,92%); --custom-background-magenta-highlight: hsl(310,75%,85%); --custom-background-orange: hsl(40,75%,92%); --custom-background-orange-highlight: hsl(40,75%,85%); --custom-background-purple: hsl(260,75%,92%); --custom-background-purple-highlight: hsl(260,75%,85%); --custom-background-red: hsl(0,75%,92%); --custom-background-red-highlight: hsl(0,75%,85%); --custom-background-yellow: hsl(60,75%,92%); --custom-background-yellow-highlight: hsl(60,75%,85%); --custom-border-blue: hsl(215,25%,65%); --custom-border-blue-highlight: hsl(215,50%,68%); --custom-border-green: hsl(120,25%,65%); --custom-border-green-highlight: hsl(120,50%,68%); --custom-border-grey: hsl(0,0%,65%); --custom-border-magenta: hsl(310,25%,65%); --custom-border-magenta-highlight: hsl(310,50%,68%); --custom-border-orange: hsl(40,25%,65%); --custom-border-orange-highlight: hsl(40,50%,68%); --custom-border-purple: hsl(260,25%,65%); --custom-border-purple-highlight: hsl(260,50%,68%); --custom-border-red: hsl(0,25%,65%); --custom-border-red-highlight: hsl(0,50%,68%); --custom-border-yellow: hsl(60,25%,65%); --custom-border-yellow-highlight: hsl(60,50%,68%); --custom-main-page-background: #fcfcfc; --custom-main-page-border: #ccc; --custom-main-page-edition-subheader: #333; --custom-table-background: #fff; --custom-table-alternate-background: #F9F9F9; --custom-table-header-background: #eaecf0; --custom-load-page-background: rgba(255,255,255,.5); --custom-load-page-border: #ccc; }

.mw-highlight { --pygments-background: #dce4e9; --pygments-err: #ea0000; --pygments-c: #408080; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #408080; --pygments-cm: #408080; --pygments-cp: #a26900; --pygments-cpf: #408080; --pygments-c1: #408080; --pygments-cs: #408080; --pygments-gd: #a00000; --pygments-gr: #ea0000; --pygments-gh: #000080; --pygments-gi: #008600; --pygments-go: #767676; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #6b7c23; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a2f; --pygments-ni: #757575; --pygments-ne: #d2413a; --pygments-nf: #00f; --pygments-nl: #777700; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a2f; --pygments-w: #767676; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #b26120; --pygments-sh: #ba2121; --pygments-si: #b4577d; --pygments-sx: #008000; --pygments-sr: #b4577d; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; }

/* -=-=-=-=-=-=-=- 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 */

header.wds-collapsible-panel__header, .page-side-tools__wrapper, .wds-global-footer { display: none; }
 * 1) WikiaBar,
 * 2) mixed-content-footer,

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