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;
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 0 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;
}
/* ===== footer ===== */
.page-footer .license-description::after, .footer_gamepedia .license-description::after {
content: "\aMinecraft content and materials are trademarks and copyrights of Mojang and its licensors. All rights reserved.\aThis site is a part of Curse/Fandom, Inc. and is not affiliated with Mojang.";
white-space: pre;
}
.footer_gamepedia a:not(:hover):not(:focus) {
color: #BFBFBF !important;
}
.footer_gamepedia a {
color: #fff;
}
.footer_gamepedia {
margin-left: 1em;
padding: 0.75em;
}
@media screen and (min-width: 982px) {
.footer_gamepedia {
margin-left: 2.25em;
padding: 1.25em;
}
}
.footer_gamepedia div {
padding: 0.5em 0 !important;
font-size: 0.7em;
line-height: 1.4;
color: #fff;
}
.footer_gamepedia ul li {
float: left;
margin-right: 1em;
line-height: 2em;
padding: 0;
padding-top: 0.5em;
padding-bottom: 0.5em;
color: #333;
font-size: 0.7em;
}
.footer_gamepedia #footer-icons {
float: right;
}
/* ===== 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: #a2a9b1;
--theme-border-color--rgb: 162, 169, 177;
--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,
#WikiaBar,
#mixed-content-footer,
.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;
}