Minecraft Wiki
Advertisement

Documentation may be created at User:Bebiezaza/hydrafication.css/doc.

Note: After saving, you have to bypass your browser's cache to see the changes.

Google Chrome, Firefox, Microsoft Edge, and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button.
For details and instructions about other browsers, see Wikipedia:Bypass your cache.

/* -=-=-=-=-=-=-=- General Styles -=-=-=-=-=-=-=- */
body.skin-fandomdesktop {
    font-family: "Liberation Sans",Arial,Helvetica,FreeSans,sans-serif;
    font-size: 16px;
	--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 ===== */
#mw-panel {
    color: white;
    position: absolute;
    top: 30px;
    width: 10em;
    left: 0;
}

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

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

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

#p-logo img {
    min-width: 100%;
    min-height: 100%
}

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

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

#mw-panel a {
    color: #BFBFBF;
}

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

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

.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;
    background-color: transparent;
}
.tright, .floatright {
    clear: right;
    float: right;
}

.thumb { /* used to be .thumbinner */
    border: 1px solid #c8ccd1;
    padding: 3px;
    background-color: #f8f9fa;
    font-size: 94%;
    text-align: center;
    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;
} */

/* -=-=-=-=-=-=-=- 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-color: #3a3a3a;
    --theme-page-text-color--rgb: 58,58,58;
    --theme-page-text-color--hover: #6d6d6d;
    --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-color: #2c56a0;
    --theme-link-color--rgb: 44,86,160;
    --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-border-color: #bbc2c6;
    --theme-border-color--rgb: 187,194,198;
    --theme-alert-color: #bf0017;
    --theme-alert-color--rgb: 191,0,23;
    --theme-alert-color--hover: #59000a;
    --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-sticky-nav-text-color: #bfbfbf;
    --theme-sticky-nav-text-color--hover: #bfbfbf;
    --theme-page-background-color: #e6eff4;
    --theme-page-text-color: #000;
    --theme-link-color: #0645AD;
    --theme-link-color--hover: #0645AD;
    --theme-page-background-color--secondary: #f8f9fa;
    --theme-border-color: #bbc2c6;
}

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

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

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