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

@media only screen and (max-width: 1023px) {
    .fandom-sticky-header__sitename {
        display: initial;
    }
}

/* ===== 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);
}

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);
    margin-left: 9em;
    margin-right: 10px;
}

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

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

.page__main {
    padding: 1.25em 1.5em 1.5em;
    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" header rendering ---------- */
/* ========== move header into place ========== */
#mw-head {
    position: absolute;
    top: 30px;
    right: 0;
    width: 100%;
    height: 89px;
}

#left-navigation, #right-navigation {
    margin-top: 53px;
    margin-bottom: -2.5em;
}

#left-navigation {
    float: left;
    margin-left: 10em;
}

@media screen and (min-width: 982px) {
    #left-navigation {
        float: left;
        margin-left: 11em;
    }
}

#right-navigation {
    float: right;
    margin-right: 15px;
}

/* edit page is confusion */
.page.page-is-edit, .ve-active .page {
    margin-top: 0;
}

/* ========== buttons ========== */
.vector-menu-tabs {
    float: left;
}
.vector-menu-tabs ul {
    float: left;
    height: 100%;
    list-style: none none;
    margin: 0;
    padding: 0;
}

.vector-menu-tabs li {
    position: relative;
    /* background: url(https://static.wikia.nocookie.net/minecraft_gamepedia/images/1/1a/Vector-tabs.png) no-repeat right top;
    background-size: 262px 72px; */
    background: url(https://web.archive.org/web/20210102035912im_/https://minecraft.gamepedia.com/media/1/1a/Vector-tabs.png) no-repeat right top;
    margin-right: 8px;
    float: left;
    display: block;
    line-height: 1.125em;
}

.vector-menu-tabs li.selected, .vector-menu-tabs li:hover, .vector-menu-tabs li:focus {
    background-position: right bottom;
}

.vector-menu-tabs li a {
    display: block;
    padding: 15px 14px 0 20px;
    height: 21px;

    font-size: 13px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

.vector-menu-tabs li::before {
    content: "";
    position: absolute;
    left: 0;
    background: url(https://web.archive.org/web/20210102035912im_/https://minecraft.gamepedia.com/media/1/1a/Vector-tabs.png) no-repeat left top;
    width: 5.9px;
    height: 100%;
    pointer-events: none;
}

#left-navigation .vector-menu-tabs li:first-child::before {
    content: "";
    background-image: url(https://web.archive.org/web/20210102035912im_/https://minecraft.gamepedia.com/media/4/49/Vector-tabs-first.png);
    height: 93px;
}

/* ========== make dropdown ========== */
.vector-menu-dropdown {
    float: left;
    line-height: 1.125em;
    margin-right: 8px;
}

.vector-menu-dropdown h3 {
    position: relative;
    background: url(https://web.archive.org/web/20210102035912im_/https://minecraft.gamepedia.com/media/1/1a/Vector-tabs.png) no-repeat right top;
    margin: 0;
    height: 36px;
    overflow: visible;

    display: block;
    padding: 15px 24px 0 20px;
    height: 21px;

    font-size: 13px;
    font-weight: bold;
    color: #000;
}

.vector-menu-dropdown h3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://web.archive.org/web/20210102035912im_/https://minecraft.gamepedia.com/media/1/1a/Vector-tabs.png) no-repeat left top;
    width: 5.9px;
    height: 100%;
    pointer-events: none;
}

.vector-menu-dropdown h3::after {
    content: "";
    position: absolute;
    top: 1.25em;
    right: 8px;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5%22 fill=%22%23222%22/%3E %3C/svg%3E");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    opacity: 0.85;
}

/* move dropdown to the right place */
.vector-menu-dropdown ul {
    position: absolute;
    display: none;
	margin-left: 5px;
	z-index: 10;
    min-width: 69.16px;
    padding: 0 1px 1px;
    background-color: gray;
}

.vector-menu-dropdown:hover ul {
    display: block;
}

.vector-menu-dropdown li {
    background-color: #fff;
    margin: 0;
}

.mw-list-item a {
    padding: 0.5078125em;
    display: block;

    font-size: 0.8125em;
}

/* ===== checkbox thingy ===== */
/* :not(:checked) > .vector-menu-checkbox {
    display: block;
}
.vector-menu-checkbox {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: none;
} */

/* ========== Search ========== */
#simpleSearch {
    line-height: 0;
    display: block;
    width: 12.6em;
    width: 20vw;
    min-width: 5em;
    max-width: 20em;
    padding-right: 1.4em;
    height: 1.4em;
    margin-top: 0.65em;
    position: relative;
    min-height: 1px;
    border-radius: 2px;
    -webkit-transition: border-color 250ms;
    -moz-transition: border-color 250ms;
    transition: border-color 250ms;
}

.vector-search-box {
    float: left;
    margin-right: 0.5em;
}

.vector-search-box-form {
    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;
}

.vector-search-box-form::before {
    content: "";
    position: absolute;
    top: 0;
    left: -4px;
    border-top: 4px solid rgba(0,0,0,0.365);
    border-left: 4px solid transparent;
}

.vector-search-box-form::after {
    content: "";
    position: absolute;
    top: 0;
    right: -4px;
    border-top: 4px solid #80BA5A;
    border-left: 4px solid #538631;
}

.vector-search-box-inner {
    position: relative;
    top: -3px;
    border: 0;
    border-top: 3px solid #E6E6E6 !important;
    border-left: 3px solid #B0B0B0 !important;
    background-color: #D0CFCF;
    background-image: linear-gradient(#C3C3C3,#DCDBDB);
}

.vector-search-box-inner input {
    background-color: transparent;
    color: #000;
    margin: 0;
    padding: 0;
    border: 0;
}

.vector-search-box-inner .vector-search-box-input {
    width: 100%;
    padding: 0.2em 0 0.2em 0.2em;
    font-size: 0.8125em;
    direction: ltr;
    -webkit-appearance: textfield;
}

#simpleSearch #searchButton {
    background-image: url(/web/20210101181022im_/https://minecraft.gamepedia.com/skins-ucp/Vector/images/search-ltr.png?39f97);
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213%22%3E %3Cg fill=%22none%22 stroke=%22%2354595d%22 stroke-width=%222%22%3E %3Cpath d=%22M11.29 11.71l-4-4%22/%3E %3Ccircle cx=%225%22 cy=%225%22 r=%224%22/%3E %3C/g%3E %3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
}

#simpleSearch #searchButton, #simpleSearch #mw-searchButton {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.65em;
    height: 100%;
    cursor: pointer;
    text-indent: -99999px;
    direction: ltr;
    white-space: nowrap;
    overflow: hidden;
}

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

.page {
    margin: 0;
}

.resizable-container {
    width: 100%;
    margin: 113px 0 0; /* 30px for netbar; 89px for normal headspace; -6px for 3D "border" */
    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;
}

.toc .toctitle h2 .wds-icon {
    display: none;
}

/* ===== 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: "";
}

/* ---------- 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;
}
Advertisement