User:AquariumBlocks/global.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:HydraRevived/main.css|u:dev:MediaWiki:HydraRevived/preload.css&only=styles";

/* * Additional CSS for HydraRevived that prevents elements from jumping * around as much when JS loads */ body:not(.hydra-revived-ready) .resizable-container .page:before { content: ''; height: 45px; width: 100%; display: block; background: var(--theme-page-background-color--secondary); border-radius: 3px 3px 0 0; grid-column: 1 / 3; } .fandom-community-header__top-container .wiki-tools .wiki-tools__search { display: none; } /* * NoGlobalNav * * @description Removes the FandomDesktop global navigation and moves user and notification dropdowns to top right * @author Joritochip * * Make sure you also import the JS at MediaWiki:NoGlobalNav.js */ .user-navigation-moved { -fandom-global-nav-link-color: var(--theme-community-header-color); -fandom-global-nav-icon-background-color: none; -fandom-global-nav-icon-background-color--hover: rgba(255, 255, 255, 0.25); -fandom-global-nav-icon-background-color--active: rgba(255, 255, 255, 0.4); } .fandom-sticky-header .user-navigation-moved { -fandom-global-nav-link-color: var(--theme-sticky-nav-text-color); } .user-navigation-moved .wds-avatar { -wds-avatar-border-color: var(--theme-community-header-color); -wds-avatar-border-color--hover: var(--theme-link-color); } .fandom-sticky-header .user-navigation-moved .wds-avatar { -wds-avatar-border-color: var(--theme-sticky-nav-text-color); }

.global-navigation .notifications .wds-dropdown__content { left: inherit !important; right: 0; } .user-navigation-moved { display: flex; margin-left: 10px; flex-direction: row; } .user-navigation-moved .wds-dropdown__toggle { width: 30px; height: 30px; } .user-navigation-moved .wds-dropdown { margin-left: 0; } .user-navigation-moved .moved-notifications { line-height: 1; } .user-navigation-moved .global-navigation__icon { width: 30px; height: 30px; border: none; } .user-navigation-moved .moved-notifications__counter { align-items: center; background: #fff; border-radius: 50%; color: #5f7a7b; display: flex; font-size: 10px; font-weight: 500; height: 18px; justify-content: center; left: 0; line-height: 1; position: absolute; top: 0; width: 18px; } .user-navigation-moved .moved-notifications__counter:empty { display: none; } .wiki-tools.wds-button-group > .wds-dropdown .wds-button { border-right: 1px solid; } .global-navigation { position: absolute; left: -500vw; box-shadow: none; } .main-container { width: 100%; margin-left: 0; } .fandom-sticky-header { left: 0; } .notifications-placeholder { left: 18px; } .global-navigation .notifications .wds-dropdown .wds-dropdown__content { border-radius: 3px 3px 0 0; } .fandom-sticky-header.is-visible ~ .global-navigation .notifications .wds-dropdown .wds-dropdown__content { top: 46px; } .fandom-sticky-header:not(.is-visible) ~ .global-navigation .notifications .wds-dropdown .wds-dropdown__content { top: 113px; right: calc((100% - 1236px)/2); } .is-content-expanded .fandom-sticky-header:not(.is-visible) ~ .global-navigation .notifications .wds-dropdown .wds-dropdown__content { right: 2.5%; } @media only screen and (max-width: 785px) { .global-navigation { top: -500vw; position: absolute !important; } } @media only screen and (min-width: 1280px) and (max-width: 1454px) { body:not(.is-content-expanded) .fandom-sticky-header:not(.is-visible) ~ .global-navigation .notifications .wds-dropdown .wds-dropdown__content { right: 7.5%; } } @media only screen and (max-width: 1279px) { .fandom-sticky-header:not(.is-visible) ~ .global-navigation .notifications .wds-dropdown .wds-dropdown__content { right: 2.5%; } } .global-navigation .notifications .wds-dropdown:before, .global-navigation .notifications .wds-dropdown:after { display: none; } /* Hacky method to flip the dropdown items in the user dropdowns TODO: Find a better way to do this */ .user-navigation-moved > .wds-dropdown .wds-list { transform: scaleY(-1); } .user-navigation-moved > .wds-dropdown .wds-list li { transform: scaleY(-1); }

/* Make search background fadeout cover area where global nav used to be */ .search-modal, .search-modal:before { left: 0; }

/* Add some space before JS loads so that buttons don't jump around */ body:not(.noglobalnav-loaded) .wiki-tools.wds-button-group::after { content: ''; margin-left: 10px; width: 60px; display: block; background-color: rgba(0, 0, 0, 0.3); border-radius: 8px; }

/* Fix sign out button color */ /* From User:Sophiedp */ .global-navigation__signout-button { line-height: 1; } .global-navigation__signout-button:hover { background-color: rgba(var(--theme-link-color--rgb),0.1); }

/* Make fullscreen background expand to full width */ .fandom-community-header__background.fullScreen { width: 100%; }

/* Fix Map editor thinking that global nav is still there */ .interactive-map-editor { margin-left: unset; width: 100vw; }

/* * HydraRevived * * Introduces some elements from the legacy Hydra skin to FandomDesktop * * This script is NOT intended to re-create Hydra pixel for pixel, but rather to  * provide an experience similar to Hydra while retaining useful and important * features from FandomDesktop. * * Uses * * @author Joritochip * * @maintainer TreeIsLife */


 * root {

-hydra-revived-sidebar-width: 160px; -hydra-revived-sidebar-width--large: 176px; /* For displays >982px wide */ } body { -fandom-dropdown-background-color: #121212; -fandom-notifications-background-color: #121212; -fandom-notifications-read-card-background-color: #121212; -fandom-notifications-unread-card-background-color: #222; -fandom-notifications-footer-text-color: #d6d0d5; -fandom-global-nav-background-color: #121212; -fandom-global-nav-icon-background-color--hover: #222; -fandom-global-nav-link-color: #fff; -fandom-global-nav-link-color--hover: #fff; -fandom-global-nav-icon-border-color: #fff; -fandom-global-nav-bottom-icon-color: #fff; -fandom-global-nav-counter-background-color: #f5f3f5; -fandom-global-nav-counter-label-color: #121212; } .search-modal, .search-modal:before { left: 0; } .notifications-placeholder { left: 18px; z-index: 700; } .top-ads-container, .gpt-ad, display: none !important; } .fandom-sticky-header { display: none; }
 * 1) top_boxad {
 * 1) mixed-content-footer,

/* Global Navigation */ .global-navigation { position: absolute; box-shadow: none; top: 0; left: 0; width: 100%; height: 31px; border-bottom: 1px solid #000; display: flex; flex-direction: row; } .global-navigation .global-navigation__top { padding: 0; display: flex; justify-content: flex-start; } .global-navigation .global-navigation__bottom { position: unset; display: flex; padding: 0; } .global-navigation .global-navigation__bottom, .global-navigation .notifications, .global-navigation .wds-dropdown { margin: 0; height: 30px; } .global-navigation .wds-dropdown:before, .global-navigation .wds-dropdown:after { display: none !important; } .global-navigation .wds-dropdown__toggle { width: auto; } .global-navigation .global-navigation__bottom > * { border-left: 1px solid #353535 } .global-navigation .global-navigation__link .global-navigation__icon, .global-navigation .notifications__toggle .global-navigation__icon { padding: 5px 6px; } .global-navigation .global-navigation__link .global-navigation__icon svg, .global-navigation .notificatons__toggle .global-navigation__icon svg { height: 18px; width: 18px; min-width: unset; margin: 0; padding: 0; } .global-navigation .global-navigation__icon { border-radius: 0; border-width: 0; transition: none; height: 30px; width: auto; padding: 0 5px; } .global-navigation .global-navigation__nav { border-right: 1px solid #353535; } .global-navigation .global-navigation__nav, .global-navigation .global-navigation__links { display: flex; align-items: center; } .global-navigation .global-navigation__logo { position: relative; box-sizing: content-box; width: 30px; height: 100%; padding: 0 0.75em; border-right: 1px solid #353535; } .global-navigation .global-navigation__logo:after { content: ''; position: absolute; top: 0; left: 0.75em;; background: url(https://static.wikia.nocookie.net/central/images/b/bc/Wiki.png/revision/latest/scale-to-width-down/30); background-size: contain; background-repeat: no-repeat; background-position: center center; background-origin: content-box; width: 30px; height: 100%; }

@media (min-width:720px) { .global-navigation .global-navigation__logo { width: 96px; }

.global-navigation .global-navigation__logo:after { background: url(https://static.wikia.nocookie.net/6a181c72-e8bf-419b-b4db-18fd56a0eb60); width: 96px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-origin: content-box; } }

.global-navigation .global-navigation__logo > *, .global-navigation .global-navigation__links *[data-tracking-label*="link."] >*, .global-navigation .global-navigation__search { display: none; }

.global-navigation .global-navigation__link { position: relative; } .fandom-community-header .wiki-tools .wds-button:after { content: attr(data-title); } .global-navigation .global-navigation__links *[data-tracking-label="start-a-wiki"] .global-navigation__label, .fandom-community-header .wiki-tools .wds-button:after { display: none; line-height: 1.2; position: absolute; top: 110%; margin: 0; white-space: nowrap; max-width: unset; background: #222; padding: 5px 8px; font-size: 12px; border-radius: 6px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); } .global-navigation .global-navigation__links *[data-tracking-label="start-a-wiki"]:hover .global-navigation__label, .fandom-community-header .wiki-tools .wds-button[data-title]:hover:after { display: block; } /** Notifications Dropdown **/ .global-navigation .global-navigation__icon .wds-icon { height: 18px; width: 18px; min-width: unset; } .global-navigation .notifications .wds-dropdown.is-attached-to-bottom .wds-dropdown__content { -wds-dropdown-background-color: #121212; -wds-dropdown-border-color: #000; -wds-dropdown-text-color: #fff; -fandom-text-color: #f5f3f5; -fandom-text-color--rgb: 245, 243, 245; -fandom-border-color: #353535;

position: absolute; top: 31px; right: 0; left: unset; bottom: unset; max-height: 80vh; border-radius: 0; border-top: none; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); } .global-navigation .notifications .wds-dropdown .wds-dropdown__content { -fandom-link-color: #ffc500; } .global-navigation .notifications .wds-dropdown.is-attached-to-bottom .wds-tabs { -wds-tab-color--active: #ffc500; -wds-tab-color--hover: var(--fandom-text-color); } /** User Dropdown **/ .global-navigation .global-navigation__icon .wds-avatar { -wds-avatar-border-width: 0; height: 20px; width: 20px; min-width: unset; } .global-navigation .global-navigation__bottom > .wds-dropdown .global-navigation__icon { padding: 0 1em; } .global-navigation .global-navigation__bottom > .wds-dropdown .wds-dropdown__toggle:not(.notifications__toggle) .global-navigation__icon { display: flex; align-items: center; width: auto; } .global-navigation .global-navigation__bottom > .wds-dropdown .global-navigation__icon .wds-avatar img { min-width: unset; width: 20px; } .global-navigation .global-navigation__bottom > .wds-dropdown .wds-dropdown__toggle:not(.notifications__toggle) .global-navigation__icon:after { content: attr(title); font-size: 0.9em; display: block; margin-left: 7px; } .global-navigation .global-navigation__bottom > .wds-dropdown .wds-dropdown__content .wds-list { transform: scaleY(-1); } .global-navigation .global-navigation__bottom > .wds-dropdown .wds-dropdown__content li { transform: scaleY(-1); } /** Wiki Tools **/ .fandom-community-header__top-container { position: absolute; top: -32px; left: 77px; padding: 0; margin: 0; height: 30px; z-index: 800; }

@media (min-width: 720px) { .fandom-community-header__top-container { left: 143px; } }

.fandom-community-header__top-container .fandom-community-header__community-name-wrapper { align-items: center; height: 100%; margin-left: 0.3em; } .fandom-community-header__top-container .wiki-tools { height: 30px; order: -1; } .fandom-community-header__top-container .wiki-tools .wds-button { -wds-secondary-button-label-color: #fff; -wds-secondary-button-label-color--hover: #fff; transition: none; border-radius: 0 !important; border: none; border-right: 1px solid #353535; margin: 0; height: 100%; box-sizing: border-box; box-shadow: none; } .fandom-community-header__top-container .wiki-tools .wds-dropdown:hover .wds-button, .fandom-community-header__top-container .wiki-tools > .wds-button:hover, .global-navigation__logo:hover { background: #222 !important; } .fandom-community-header__top-container .wiki-tools .wds-dropdown { z-index: 600; } body .fandom-community-header .wiki-tools .wds-dropdown .wds-dropdown__content { left: 0; right: unset; } body.hydra-revived-ready .fandom-community-header__top-container .wiki-tools .wiki-tools__search { display: none; } /** Dropdown Styling **/ .global-navigation .global-navigation__bottom > .wds-dropdown .wds-dropdown__content, .fandom-community-header .wiki-tools .wds-dropdown .wds-dropdown__content { position: absolute; top: 30px; right: 0; left: unset; bottom: unset; padding: 0; background: #121212; border-radius: 0; border: 1px solid #000; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); } .global-navigation .global-navigation__bottom > .wds-dropdown .wds-dropdown__content li, .fandom-community-header .wiki-tools > .wds-dropdown .wds-dropdown__content li { margin: 0; } .global-navigation .global-navigation__bottom > .wds-dropdown .wds-dropdown__content li a, .global-navigation .global-navigation__bottom > .wds-dropdown .wds-dropdown__content li button, .fandom-community-header .wiki-tools > .wds-dropdown .wds-dropdown__content li a, .fandom-community-header .wiki-tools > .wds-dropdown .wds-dropdown__content li button { -wds-dropdown-linked-item-color: #fff; -wds-dropdown-text-color: #fff; font-size: 14px; padding-right: calc(1.5em + 5px); padding-left: calc(0.75em + 5px); border-radius: 0; transition: none; } .global-navigation .global-navigation__bottom > .wds-dropdown .wds-dropdown__content li:hover a, .global-navigation .global-navigation__bottom > .wds-dropdown .wds-dropdown__content li:hover button, .fandom-community-header .wiki-tools > .wds-dropdown .wds-dropdown__content li:hover a, .fandom-community-header .wiki-tools > .wds-dropdown .wds-dropdown__content li:hover button { background: #222; color: var(--wds-dropdown-linked-item-color); } .global-navigation .global-navigation__bottom > .wds-dropdown .wds-list:before, .global-navigation .global-navigation__bottom > .wds-dropdown .wds-list:after, .fandom-community-header .wiki-tools > .wds-dropdown:before, .fandom-community-header .wiki-tools > .wds-dropdown:after { display: none !important; }

/* Page Background */ .fandom-community-header__background { height: 100vh; opacity: 50; margin-bottom: 0; position: -webkit-fixed; position: fixed; } .fandom-community-header__background:before { }

/* Content Layout */ .main-container { margin: 0; padding-top: 32px; width: 100%; } .main-container .resizable-container { margin: 0; padding: 0; max-width: 100%; width: 100%; display: grid; grid-template-columns: var(--hydra-revived-sidebar-width) calc(100% - var(--hydra-revived-sidebar-width) - 1em) 1em; } @media screen and (min-width: 982px) { .main-container .resizable-container { grid-template-columns: var(--hydra-revived-sidebar-width--large) calc(100% - var(--hydra-revived-sidebar-width--large) - 1em) 1em; } } /** Sidebar Collapsing **/ body.action-edit .community-header-wrapper.wds-is-hidden, body.action-submit .community-header-wrapper.wds-is-hidden, html.ve-activated .community-header-wrapper { display: block !important; opacity: 0; } body.is-content-expanded .main-container .resizable-container, body.action-edit .main-container .resizable-container, body.action-submit .main-container .resizable-container, html.ve-activated .main-container .resizable-container { grid-template-columns: 0px calc(100% - 50px); justify-content: center; } body.is-content-expanded .main-container .resizable-container .fandom-community-header__image, body.is-content-expanded .main-container .resizable-container .fandom-community-header__local-navigation { display: none; }

/* Page Tools */ .page-side-tools__wrapper { transform: translateX(-40%); } .page-side-tools { top: 20px; } .page-side-tool { height: 27px; width: 27px; } .page-side-tool .wds-icon { height: 14px; width: 14px; min-width: unset; } body.action-edit .page-side-tool.content-size-toggle { display: none; }

/* Community Header */ .community-header-wrapper, .fandom-community-header { min-height: 100%; height: auto; } .fandom-community-header { padding: 12px 0.55em 0.5em 0.55em; display: flex; flex-direction: column; align-items: center; } /** Image **/ .fandom-community-header__image { margin: 0; margin-bottom: 0.5em; } .fandom-community-header:not(.has-no-logo) .fandom-community-header__image img { height: auto; max-height: 155px; max-width: 100%; } /** Tabs **/ .fandom-community-header__local-navigation { width: 100%; padding: 0em 0.3em 0.5em 0.5em; } .fandom-community-header__community-name, .fandom-community-header .page-counter, .fandom-community-header__local-navigation .wds-tabs { display: none; } .community-header-wrapper .fandom-community-header__local-navigation .wds-tabs { display: flex; flex-flow: column; align-items: flex-start; } .community-header-wrapper .fandom-community-header__local-navigation .wds-tabs .wds-dropdown__toggle > a > .wds-icon { -webkit-transform: rotate(0); transform: rotate(0); } .community-header-wrapper .fandom-community-header__local-navigation .extra-large-navigation { display: flex; background: none; position: unset; flex-direction: column; -webkit-box-align: start; align-items: flex-start; } .community-header-wrapper .fandom-community-header__local-navigation .extra-large-navigation > * { display: block; } /** Tab Toggles **/ .community-header-wrapper .extra-large-navigation .first-level-item { display: flex; justify-content: space-between; margin-right: 0.25em; height: 30px; } .community-header-wrapper .extra-large-navigation .first-level-item svg:not(.wds-collapsible-panel__chevron) { display: none; } .community-header-wrapper .extra-large-navigation .first-level-item span { margin: 0; } /** Tab Content **/ .community-header-wrapper .extra-large-navigation > .wds-tabs__tab { width: 100%; } .community-header-wrapper .extra-large-navigation .wds-dropdown { font-size: 12px; width: 100%; max-width: 100%; border: none; } .community-header-wrapper .extra-large-navigation .wds-dropdown:not(:first-child) { margin-top: 1em; } .community-header-wrapper .extra-large-navigation .wds-dropdown > .wds-dropdown__content { display: block; position: inherit; left: unset; right: unset; transform: none; max-width: unset; width: 100%; padding: 0; background: none; border: none; } .community-header-wrapper .extra-large-navigation .wds-dropdown.wds-is-collapsed > .wds-dropdown__content { display: none; } .community-header-wrapper .extra-large-navigation .wds-dropdown:before, .community-header-wrapper .extra-large-navigation .wds-dropdown:after { display: none !important; } .community-header-wrapper .extra-large-navigation .wds-dropdown .wds-dropdown__content > .wds-list > li { font-size: 12px; padding: 0; padding-left: 14px; } .community-header-wrapper .extra-large-navigation .wds-dropdown .wds-dropdown__content > .wds-list > li > a { color: var(--theme-community-header-color); line-height: 1.7; padding: 2px 2px 2px 6px; } .community-header-wrapper .extra-large-navigation .wds-dropdown__content > .wds-list > .wds-dropdown-level-nested > .wds-dropdown-level-nested__toggle .wds-dropdown-chevron { transition: fill 0.5s; fill: var(--theme-community-header-color); } .community-header-wrapper .extra-large-navigation .wds-dropdown__content > .wds-list > .wds-dropdown-level-nested:hover > .wds-dropdown-level-nested__toggle .wds-dropdown-chevron { fill: var(--wds-dropdown-linked-item-color); } .community-header-wrapper .extra-large-navigation .wds-dropdown__content > .wds-list > .wds-dropdown-level-nested .wds-dropdown-level-nested__content, .page__head .wds-dropdown .wds-dropdown__content { background: #222; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); padding: 4px; z-index: 1100; } .theme-fandomdesktop-light .community-header-wrapper .extra-large-navigation .wds-dropdown__content > .wds-list > .wds-dropdown-level-nested .wds-dropdown-level-nested__content, .theme-fandomdesktop-light .page__head .wds-dropdown .wds-dropdown__content { background: #ddd; } .community-header-wrapper .extra-large-navigation .wds-dropdown__content > .wds-list > .wds-dropdown-level-nested .wds-list > li, .page__head .wds-dropdown .wds-dropdown__content .wds-list > li { margin: 0; padding: 0; } .community-header-wrapper .extra-large-navigation .wds-dropdown__content > .wds-list > .wds-dropdown-level-nested .wds-list > li > a, .page__head .wds-dropdown .wds-dropdown__content .wds-list > li > a { padding: 2px 6px; }

/* Page Content */ /** Page Head **/ .resizable-container .page .page__head .page-tabs__left, .resizable-container .page .page__head .page-tabs__right { display: flex; align-items: flex-end; margin: 0; padding: 0; } .resizable-container .page .page__head { grid-column: 1 / 3; width: 100%; height: 45px; display: flex; justify-content: space-between; align-items: flex-end; padding: 0 1em; border-radius: 4px 4px 0 0; background: var(--theme-page-background-color--secondary); } .resizable-container .page .page__head .head-tab { background: rgba(var(--theme-page-background-color--rgb), 0.7); border-radius: 3px 3px 0 0; padding: 0.5em 0.75em; margin: 0; transition: background 0.2s; line-height: 1; height: auto; width: auto; display: block; } .resizable-container .page .page__head > * > *:not(:first-child) { margin-left: 0.5em; } .resizable-container .page .page__head .head-tab:before { display: none; } .resizable-container .page .page__head .head-tab:hover, .resizable-container .page .page__head .head-tab.selected { text-decoration: none; background: var(--theme-page-background-color); } html:not(.ve-activated) .resizable-container .page { grid-template-rows: max-content max-content; } .resizable-container .page .page__head ~ .page__main { border-radius: 0 0 3px 3px; } /*** Share Dropdown ***/ display: flex; flex-direction: column; }   width: 40px; } /*** Search (derived from original Hydra CSS) ***/ position: relative; margin-left: 1em; height: 2em; }   font-size: 16px; background-color: #fff; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAAJUlEQVQIHQXBsQEAAAjDoND/73UWdnerhmHVsDQZJrNWVg3Dqge6bgMe6bejNAAAAABJRU5ErkJggg==); background-position: top left; background-repeat: repeat-x; color: #000; display: block; width: 12.6em; width: 20vw; min-width: 5em; max-width: 20em; padding-right: 1.4em; height: 1.4em; line-height: 1; position: relative; min-height: 1px; border: 1px solid #a2a9b1; border-radius: 2px; -webkit-transition: border-color 250ms; -moz-transition: border-color 250ms; transition: border-color 250ms; }   width: 100%; padding: 0.2em 0 0.2em 0.2em; font-size: 0.8125em; direction: ltr; -webkit-appearance: textfield; }   background-color: transparent; color: #000; margin: 0; padding: 0; border: 0; }   background-image: 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; }   position: absolute; top: 0; right: 0; width: 1.65em; height: 100%; cursor: pointer; text-indent: -99999px; direction: ltr; white-space: nowrap; overflow: hidden; }
 * 1) ca-share #socialIconImages {
 * 1) ca-share #socialIconImages a {
 * 1) searchform {
 * 1) simpleSearch {
 * 1) simpleSearch #searchInput {
 * 1) simpleSearch input {
 * 1) simpleSearch #searchButton {
 * 1) simpleSearch #searchButton,
 * 2) simpleSearch #mw-searchButton {

/** Rail (does not hide on MediaWiki JS pages) **/ body:not.ns-8[class*="_js "] .resizable-container .page__right-rail { display: none; } .resizable-container .page .page__head ~ .page__right-rail .right-rail-toggle { top: 78px; }

/** Header Categories **/ .page-header .page-header__categories { display: none; }

/** Footer Categories **/ .page-footer .page-footer__categories { border: none; } .page-footer .page-footer__categories .wds-collapsible-panel__header { display: none; } .page-footer .page-footer__categories .wds-collapsible-panel__content { display: block; padding: 10px; border: 1px solid var(--theme-border-color); } .page-footer .page-footer__categories .container { padding: 0; } .page-footer .page-footer__categories .container .categories { line-height: 1; } .page-footer .page-footer__categories .container .categories .last { margin: 0; }

.fandom-community-header__local-navigation .wds-tabs .wds-dropdown { width: 100%; } .fandom-community-header__local-navigation ul.wds-tabs li.wds-dropdown.wds-collapsible-panel div.wds-tabs__tab-label.wds-dropdown__toggle { display: flex; }

.fandom-community-header__local-navigation .wds-dropdown.wds-collapsible-panel .wds-dropdown__toggle.wds-collapsible-panel__header { height: unset; }

.fandom-community-header__local-navigation ul.wds-tabs .wds-collapsible-panel .wds-collapsible-panel__content ul.wds-list li { font-size: 12.5px; }

.fandom-community-header__local-navigation ul.wds-tabs .wds-collapsible-panel .wds-collapsible-panel__content ul.wds-list li > a { padding: 6px 0; }

.fandom-community-header__local-navigation ul.wds-tabs li.wds-dropdown:before, .fandom-community-header__local-navigation ul.wds-tabs li.wds-dropdown:after { border-bottom-color: transparent; }

body:not(.hydra-revived-ready) .fandom-community-header__local-navigation .wds-dropdown__toggle.first-level-item { display: flex; justify-content: space-between; }

body:not(.hydra-revived-ready) .fandom-community-header__local-navigation .wds-dropdown .wds-dropdown__content { left: 0; transform: none; }

.fandom-community-header__local-navigation .wds-collapsible-panel .wds-dropdown__toggle.first-level-item.wds-collapsible-panel__header { padding-bottom: 8px; }

/* Use old Gamepedia Official Wiki badge */ svg.official-wiki-badge { background-image: url(https://static.wikia.nocookie.net/dev/images/e/e9/Hydra_Official_Wiki_Badge.svg/revision/latest?cb=20230318073718&format=original) } svg.official-wiki-badge > * { display: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding-top: 0.5em; padding-bottom: 0.17em; overflow: hidden; } .theme-fandomdesktop-dark h1,.theme-fandomdesktop-dark h2,.theme-fandomdesktop-dark h3,.theme-fandomdesktop-dark h4,.theme-fandomdesktop-dark h5,.theme-fandomdesktop-dark h6 { color: rgb(232, 230, 227); } body, .page-content, .page-content p { line-height: 1.6; } .main-container { font-family: sans-serif; padding-top:0; } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { margin-bottom: 0.25em; padding: 0; font-family: 'Linux Libertine', 'Georgia', 'Times', serif; line-height: 1.3; color: var(--theme-page-dynamic-color-1) } .page-content h3, .page-content h4, .page-content h5, .page-content h6 { margin-top: 0.3em; margin-bottom: 0; padding-bottom: 0; line-height: 1.6; } .page-content h3 { font-size: 1.2em; } .page-content h3, .page-content h4, .page-content h5, .page-content h6 { margin-top: 0.3em; margin-bottom: 0; padding-bottom: 0; line-height: 1.6; } .page-content p { margin: 0.5em 0; }

.global-navigation { display: inline-block; left: initial; width: initial; right: 0; box-shadow:none; border:0; margin-right:1em } .global-navigation,.global-navigation__bottom.is-overflowing { box-shadow:none; } .global-navigation .global-navigation__top { display:none; } .fandom-community-header__top-container { top:0; }

.global-navigation .global-navigation__bottom > .wds-dropdown .wds-dropdown__content, .fandom-community-header .wiki-tools .wds-dropdown .wds-dropdown__content { background: var(--theme-page-background-color); border: 1px solid var(--theme-border-color); } .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list { background-image:none; } .global-navigation .wds-dropdown,.global-navigation .global-navigation__bottom > .wds-dropdown .wds-dropdown__content li a,.global-navigation .global-navigation__bottom > .wds-dropdown .wds-dropdown__content li button,.fandom-community-header .wiki-tools > .wds-dropdown .wds-dropdown__content li a,.global-navigation .notifications .wds-dropdown.is-attached-to-bottom .wds-dropdown__content { -wds-dropdown-background-color: var(--theme-page-background-color); -wds-dropdown-border-color: var(--theme-border-color); -wds-dropdown-text-color: var(--theme-page-text-color); -wds-dropdown-linked-item-color: var(--theme-link-color); -wds-dropdown-linked-item-background-color: rgba(var(--theme-link-color--rgb),0.1); -wds-dropdown-scrollable-shadow-color: rgba(var(--theme-page-text-color--rgb),0.1); -fandom-text-color:var(--theme-page-text-color); -fandom-border-color:var(--theme-border-color); -fandom-text-color--rgb:var(--theme-page-text-color--rgb) } .global-navigation .notifications .wds-dropdown.is-attached-to-bottom .wds-dropdown__content { position: absolute; top: 31px; right: 0; left: unset; bottom: unset; max-height: 80vh; border-radius: 0; border-top: none; box-shadow: 0 2px 6px rgba(0,0,0,0.3); } .global-navigation .notifications .wds-dropdown .wds-dropdown__content { -fandom-link-color:var(--theme-link-color) } .fandom-community-header__top-container { left:var(--hydra-revived-sidebar-width--large) } .fandom-community-header__top-container .wiki-tools .wds-button { padding:8px; } .fandom-community-header__top-container .wiki-tools .wds-button { -wds-secondary-button-label-color: var(--theme-page-text-color); -wds-secondary-button-label-color--hover:var(--theme-page-text-color) } .fandom-community-header__top-container .wiki-tools .wds-dropdown:hover .wds-button, .fandom-community-header__top-container .wiki-tools > .wds-button:hover, .global-navigation__logo:hover { background: var(--theme-page-background-color--secondary)!important;

} .fandom-community-header__top-container .wiki-tools .wds-button { border-right:1px solid rgba(var(--theme-border-color--rgb),.5) } .global-navigation .global-navigation__links *[data-tracking-label="start-a-wiki"] .global-navigation__label, .fandom-community-header .wiki-tools .wds-button:after { background: var(--theme-page-background-color); }

.page__main { direction: ltr; padding: 1em; } @media screen and (min-width: 982px) { .page__main { padding: 1.25em 1.5em 1.5em 1.5em } } .theme-fandomdesktop-light .page { margin-top: -1px; } .theme-fandomdesktop-light .page__main { border: 1px solid #a7d7f9; } .theme-fandomdesktop-light .resizable-container .page .page__head .page-tabs__left { border-left: 1px solid #a7d7f9 } .page-footer .wds-collapsible-panel { border: 0 } .page-footer .wds-collapsible-panel__header,.marketing-notifications { display: none; } .page-footer .wds-collapsible-panel__content, .page-footer .wds-collapsible-panel.wds-is-collapsed .wds-collapsible-panel__content { display: block; } .page-footer .wds-collapsible-panel__content .CategorySelect.articlePage, .page-footer__languages .wds-collapsible-panel__content { background-image: none; font-size: 14px; line-height: normal; margin: 10px 0; position: relative; border: 1px solid var(--theme-border-color); background-color: rgba(var(--theme-page-background-color--secondary--rgb), .4); padding: 6px; margin-top: 1em; clear: both; } .theme-fandomdesktop-light .community-header-wrapper .extra-large-navigation .wds-dropdown__content > .wds-list > .wds-dropdown-level-nested .wds-dropdown-level-nested__content, .theme-fandomdesktop-light .page__head .wds-dropdown .wds-dropdown__content, .skin-fandomdesktop .oo-ui-popupWidget-popup { background: var(--theme-page-background-color); } .wds-collapsible-panel__content .CategorySelect.articlePage .container { padding: 0; } .CategorySelect.articlePage .category, .CategorySelect.articlePage .special-categories-label, .CategorySelect.articlePage .last { margin: 0; padding: 0 } .CategorySelect.articlePage .add { padding: 0; background-color: transparent; border: 0; height: initial; min-height: initial; text-transform: none; color: var(--theme-link-color); font-size: 14px; font-weight: inherit; } .CategorySelect.articlePage .category { padding-right: 6px; } .CategorySelect.articlePage .category:not(:first-of-type), .CategorySelect.articlePage .last { padding-left: 6px; } .CategorySelect.articlePage .special-categories-label a { line-height:initial; } .page-footer__languages .wds-collapsible-panel__content::before { content: "Languages     :" } .page-footer .catlinks { border: 1px solid var(--theme-border-color); background-color: rgba(var(--theme-page-background-color--secondary--rgb), .4); padding: 5px; margin-top: 1em; clear: both; }

.page-content .portable-infobox h2, .page-content .portable-infobox h3 { padding: 0 } .fandom-community-header__local-navigation .wds-collapsible-panel .wds-collapsible-panel__header .wds-icon { cursor: pointer } .fandom-community-header__local-navigation .wds-collapsible-panel__header, .fandom-community-header__local-navigation .wds-collapsible-panel .wds-dropdown__toggle.first-level-item.wds-collapsible-panel__header { padding: 6px; } .fandom-community-header__local-navigation .wds-list { padding: 0 0 0 6px } .fandom-community-header .fandom-community-header__local-navigation { background-color: rgba(var(--theme-page-dynamic-color-1--rgb), .2); border-radius: 10px; padding: 10px; backdrop-filter: blur(5px) }

.page-footer .page-footer__categories .wds-collapsible-panel__content { padding: 0; border: 0 }

.global-footer, display: none }
 * 1) WikiaBar {

.theme-fandomdesktop-light .resizable-container .page .page__head .head-tab, .theme-fandomdesktop-light .resizable-container .page .page__head .head-tab:not(.selected):hover { background: linear-gradient(to bottom, rgba(167, 215, 249, 0) 0, rgba(218, 239, 255, .6) 100%); background-repeat: no-repeat; font-size: 0.9125em; border-right:1px solid #a7d7f9; } .theme-fandomdesktop-light .resizable-container .page .page__head .head-tab.selected { text-decoration: none; background: linear-gradient(to top, var(--theme-page-background-color) 60%, transparent); color: var(--theme-page-text-color); border-right:1px solid #a7d7f9; margin-bottom: -1px; position: relative; z-index: 1; padding-top: calc(1.1em - 1px); } .resizable-container .page .page__head > * > :not(:first-child) { margin-left: 0 }

background-color: var(--theme-page-background-color); color: var(--theme-page-text-color); width: 100%; height: 2.15384615em; box-sizing: border-box; border: 1px solid var(--theme-border-color); border-radius: 2px; padding: 5px 2.15384615em 5px 0.4em; box-shadow: inset 0 0 0 1px transparent; font-family: inherit; direction: ltr; transition-property: border-color,box-shadow; transition-duration: 250ms; -webkit-appearance: none; -moz-appearance: textfield; }	outline: 0; border-color: var(--theme-accent-color); box-shadow: inset 0 0 0 1px var(--theme-accent-color); }	border:0; position:relative; height:100%; min-width: 5em; width: 20vw; padding:0; max-width: 20em; }	background-color: transparent; position: absolute; top: 1px; bottom: 1px; right: 1px; min-width: 28px; width: 2.15384615em; border: 0; padding: 0; cursor: pointer; font-size: 0.8125em; direction: ltr; text-indent: -99999px; white-space: nowrap; overflow: hidden; z-index: 1; }	margin: 0.5em 0 0.3em 0.5em; float: left; }
 * 1) simpleSearch #searchInput {
 * 1) simpleSearch #searchInput:focus, #simpleSearch #searchInput:hover #simpleSearch #searchInput:focus {
 * 1) simpleSearch {
 * 1) simpleSearch #searchButton, #simpleSearch #mw-searchButton {
 * 1) searchform {

.wds-dropdown .wds-dropdown__content, .page__head .wds-dropdown .wds-dropdown__content, .ve-ui-pageActionsPopupButtonWidget.oo-ui-widget .ve-ui-pageActionsPopupButtonWidget-popup { padding: 0 } .wds-dropdown__content .wds-list > li { margin: 0 } .wds-dropdown__content .wds-list.wds-is-linked > li > a:not(.wds-button), .global-navigation .global-navigation__bottom > .wds-dropdown .wds-dropdown__content li button, .ve-ui-modeSwitchPopupButtonWidget.oo-ui-widget .ve-ui-modeSwitchPopupButtonWidget-popup .ve-ui-modeSwitchPopupButtonWidget-member, .ve-ui-modeSwitchPopupButtonWidget.oo-ui-widget .ve-ui-modeSwitchPopupButtonWidget-popup .ve-ui-pageActionsPopupButtonWidget-member, .ve-ui-modeSwitchPopupButtonWidget.oo-ui-widget .ve-ui-pageActionsPopupButtonWidget-popup .ve-ui-modeSwitchPopupButtonWidget-member, .ve-ui-modeSwitchPopupButtonWidget.oo-ui-widget .ve-ui-pageActionsPopupButtonWidget-popup .ve-ui-pageActionsPopupButtonWidget-member, .ve-ui-pageActionsPopupButtonWidget.oo-ui-widget .ve-ui-modeSwitchPopupButtonWidget-popup .ve-ui-modeSwitchPopupButtonWidget-member, .ve-ui-pageActionsPopupButtonWidget.oo-ui-widget .ve-ui-modeSwitchPopupButtonWidget-popup .ve-ui-pageActionsPopupButtonWidget-member, .ve-ui-pageActionsPopupButtonWidget.oo-ui-widget .ve-ui-pageActionsPopupButtonWidget-popup .ve-ui-modeSwitchPopupButtonWidget-member, .ve-ui-pageActionsPopupButtonWidget.oo-ui-widget .ve-ui-pageActionsPopupButtonWidget-popup .ve-ui-pageActionsPopupButtonWidget-member { min-height: 31px; min-width: 4em; max-width: unset; padding: 0.612em; transition: 0s; line-height: 1.2em; } .global-navigation .wds-dropdown__content .wds-list.wds-is-linked > li > a:not(.wds-button) { color:var(--theme-page-text-color); } .global-navigation .global-navigation__bottom > .wds-dropdown .wds-dropdown__content li:hover a, .global-navigation .global-navigation__bottom > .wds-dropdown .wds-dropdown__content li:hover button, .fandom-community-header .wiki-tools > .wds-dropdown .wds-dropdown__content li:hover a, .fandom-community-header .wiki-tools > .wds-dropdown .wds-dropdown__content li:hover button { background-color: var(--wds-dropdown-linked-item-background-color); color: var(--wds-dropdown-linked-item-color); } .oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { line-height: 1.2em; text-transform: none; } .resizable-container .page .page__head { background-color: rgba(255, 255, 255, .1); padding: 0; height: 5em; } .resizable-container .page .page__head .head-tab { background-position: right bottom; box-sizing: border-box; display: block; float: left; position: relative; padding-top: 1.1em; padding-left: 8px; padding-right: 8px; cursor: pointer; line-height: 1.8; padding-bottom: 2px; height: 3.07692308em; } html:not(.ve-activated) .page.has-right-rail .page__main { border-radius: 0 } .fandom-community-header__local-navigation .wds-dropdown.wds-collapsible-panel { border-color: rgba(var(--theme-page-dynamic-color-1--rgb), .2) } .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { margin: 0.3em 0 0 1.6em; padding: 0; } li { margin-bottom: 0.1em; } li.wds-tabs__tab { margin: 0; } li.wds-tabs__tab a:focus { text-decoration: none } .page-haeder h1, .page-header__title-wrapper h1 { margin-bottom: 0.25em; padding: 0; font-family: 'Linux Libertine', 'Georgia', 'Times', serif; line-height: 1.3; font-size: 1.8em; border-bottom: 1px solid var(--theme-border-color); color: var(--theme-page-dynamic-color-1) } .oo-ui-popupWidget-popup { padding: 16px; } .ve-ui-pageToolsPopupTool-popup { padding: 0; overflow-x: hidden!important } .ve-ui-pageToolsPopupTool-popup .oo-ui-buttonWidget, .ve-ui-pageActionsPopupButtonWidget.oo-ui-widget .ve-ui-pageActionsPopupButtonWidget-popup .oo-ui-buttonWidget { margin: 0 }

.page-footer .license-description { margin: 12px 0 0; }	margin-top:24px; } .wikia-bar-visible #preferences .mw-prefs-buttons { bottom: 0; }
 * 1) mw-data-after-content {

.skin-fandomdesktop.theme-fandomdesktop-light .wikitable, .skin-fandomdesktop.theme-fandomdesktop-light .fandom-table { background-color: #f8f9fa; color: #202122; margin: 1em 0; border: 1px solid #a2a9b1; border-collapse: collapse } .skin-fandomdesktop.theme-fandomdesktop-light .wikitable > tr > th, .skin-fandomdesktop.theme-fandomdesktop-light .wikitable > tr > td, .skin-fandomdesktop.theme-fandomdesktop-light .wikitable > * > tr > th, .skin-fandomdesktop.theme-fandomdesktop-light .wikitable > * > tr > td, .skin-fandomdesktop.theme-fandomdesktop-light .fandom-table > tr > th, .skin-fandomdesktop.theme-fandomdesktop-light .fandom-table > tr > td, .skin-fandomdesktop.theme-fandomdesktop-light .fandom-table > * > tr > th, .skin-fandomdesktop.theme-fandomdesktop-light .fandom-table > * > tr > td, .skin-fandomdesktop.theme-fandomdesktop-light .article-table > tr > th, .skin-fandomdesktop.theme-fandomdesktop-light .article-table > tr > td, .skin-fandomdesktop.theme-fandomdesktop-light .article-table > * > tr > th, .skin-fandomdesktop.theme-fandomdesktop-light .article-table > * > tr > td { border: 1px solid #a2a9b1; padding: 0.2em 0.4em } .skin-fandomdesktop.theme-fandomdesktop-light .wikitable > tr > th, .skin-fandomdesktop.theme-fandomdesktop-light .wikitable > * > tr > th, .skin-fandomdesktop.theme-fandomdesktop-light .fandom-table > tr > th, .skin-fandomdesktop.theme-fandomdesktop-light .fandom-table > * > tr > th, .skin-fandomdesktop.theme-fandomdesktop-light .article-table > tr > th, .skin-fandomdesktop.theme-fandomdesktop-light .article-table > * > tr > th { background-color: #eaecf0; text-align: center } .skin-fandomdesktop.theme-fandomdesktop-light .wikitable > caption, .skin-fandomdesktop.theme-fandomdesktop-light .fandom-table > caption, .skin-fandomdesktop.theme-fandomdesktop-light .article-table > caption { font-weight: bold } .resizable-container .page .page__head .head-tab:hover, .resizable-container .page .page__head .head-tab.selected { text-decoration: underline; }

/**TABS**/ .wds-tabs, .wds-tabs__wrapper { -wds-tab-color--active: var(--theme-accent-color); } .wds-tabs__tab-label { height: auto; margin: 0; box-sizing: border-box; vertical-align: bottom; padding:0 8px; border-color: transparent; border-style: solid; font-weight: bold; line-height: 1; transition: background-color 100ms, color 100ms, border-color 100ms; } span.wds-tabs__tab-label { padding: 8px 8px; } .wds-tabs__tab-label > a { color: inherit; padding: 5px 5px; line-height: 1.42857143em; text-decoration: inherit; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .wds-tabs__tab.wds-is-current { -webkit-box-shadow: inset 0 -2px 0 0px currentColor; box-shadow: inset 0 -2px 0 0px currentColor; } .wds-tabs__tab:not(:last-of-type) { margin-right: 6px } .wds-tabs__tab:hover { color: #447ff5; box-shadow: inset 0 -2px 0 0px currentColor; }

/** SITENOTICE **/ .sitenotice::before { display:none; }

/** page section edit button **/ .mw-editsection a svg { display:none; } .mw-editsection a[href*="?veaction=edit"]:before { content:"edit" } .mw-editsection a[href*="?action=edit"]:before { content:"edit source" } .catlinks-allhidden, .mw-editsection-bracket, .mw-editsection-divider, .mw-hidden-cats-hidden { display: initial!important; } .mw-content-ltr .mw-editsection, .mw-content-rtl .mw-content-ltr .mw-editsection, .mw-content-ltr .mw-editsection-like, .mw-content-rtl .mw-content-ltr .mw-editsection-like { margin-left: 1em; margin-right: 0; } .mw-editsection, .mw-editsection-like { font-size: small; font-weight: normal; margin-left: 1em; vertical-align: baseline; line-height: 1em; }

/** sticky toc **/ .sticky-toc.toc .toctitle h2 { margin: 0; } /** community header **/ .fandom-community-header__local-navigation .first-level-item a { padding: 0; } .fandom-community-header__local-navigation ul.wds-tabs .wds-collapsible-panel .wds-collapsible-panel__content ul.wds-list li > a { margin: 0; padding: 0.25em 0; line-height: 1.125em; word-wrap: break-word; color: var(--theme-link-color); background-color: var(--theme-color); } .fandom-community-header__local-navigation .wds-list { padding: 0 0 0 8px; } .fandom-community-header .fandom-community-header__local-navigation { background-color: transparent; border-radius: 0; padding: 0 0.6em 0 0.7em } .fandom-community-header__background { background: transparent } .theme-fandomdesktop-dark .fandom-community-header__background { background: transparent; opacity:1 } .fandom-community-header__local-navigation .navigation-item-icon,.fandom-community-header__local-navigation ul.wds-tabs .wds-collapsible-panel .wds-collapsible-panel__content ul.wds-list li > a.wds-dropdown-level-nested__toggle .wds-icon-tiny { display: none } .fandom-community-header:not(.has-no-logo) .fandom-community-header__image img { width: 10em; margin-bottom: 1em; object-position: center } .fandom-community-header__local-navigation ul.wds-tabs li.wds-dropdown.wds-collapsible-panel div.wds-tabs__tab-label.wds-dropdown__toggle { background-image: transparent; background-position: center; background-repeat: repeat; background-size: 100% 1px; color: var(--theme-page-text-mix-color); text-transform: none; margin: 0.5em 0 0 0.66666667em; padding: 0.25em 0; font-weight: normal; cursor: default; border: none; } .fandom-community-header .wds-dropdown.wds-collapsible-panel .wds-collapsible-panel__content { margin: 0.5em 0 0; } .fandom-community-header__local-navigation .wds-dropdown.wds-collapsible-panel { border:1; } .resizable-container .page .page__head { background-color: transparent; padding: 0; height: 5.5em; background: transparent; border-left: 1px solid var(--theme-border-color); } .theme-fandomdesktop-dark .resizable-container .page .page__head { background:transparent } .skin-fandomdesktop .resizable-container .page .page__head .head-tab, .skin-fandomdesktop .resizable-container .page .page__head .head-tab:not(.selected):hover { background:transparent; background-repeat: no-repeat; font-size: 0.9125em; border-right: 1px solid var(--theme-border-color); } .skin-fandomdesktop.theme-fandomdesktop-dark .resizable-container .page .page__head .head-tab, .skin-fandomdesktop.theme-fandomdesktop-dark .resizable-container .page .page__head .head-tab:not(.selected):hover { background:transparent; } .skin-fandomdesktop .resizable-container .page .page__head .head-tab.selected { text-decoration: none; background:transparent; color: var(--theme-page-text-color); border-right: 1px solid var(--theme-border-color);; margin-bottom: -1px; position: relative; z-index: 1; padding-top: calc(1.1em - 1px); } .skin-fandomdesktop .resizable-container .page .page__head .page-tabs__left { border-left: 0; } .skin-fandomdesktop .resizable-container .page .page__head .page-tabs__right { border-left: 1px solid var(--theme-border-color); } .skin-fandomdesktop .resizable-container .page .page__head .more-actions .head-tab { color: var(--theme-page-text-mix-color); } .skin-fandomdesktop .page__main { border: 1px solid var(--theme-border-color); } .page-content p + p,.page-content p { margin: 0.5em 0; } .skin-fandomdesktop .page { margin-top: -1px; }

.skin-fandomdesktop .ve-ui-toolbar.ve-init-mw-desktopArticleTarget-toolbar > .oo-ui-toolbar-bar { padding: 0; }

/** MediaWikify **/ /* partially rolls back Fandom changes to Mediawiki UI */ .oo-ui-panelLayout-padded { padding: 12px; } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { box-shadow: inset 2.75em 0 0 rgba(var(--theme-page-dynamic-color-1--rgb),0.05); } .oo-ui-panelLayout-padded { padding: 12px 16px 16px; } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { border-style: solid; border-width: 1px; border-radius: 2px; padding-left: 12px; padding-right: 12px; height: auto!important; } .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button { padding-top: 5px; padding-bottom: 5px; } .oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { line-height: 1.42857143em; text-transform: none; } .oo-ui-buttonElement > .oo-ui-buttonElement-button { font-size: 14px; height:auto; }

.createboxInput[type="text"]:placeholder-shown ~ .createboxButton, .mw-inputbox-createbox:required:invalid ~ .mw-ui-button { background-color: var(--theme-border-color); color: var(--theme-page-text-color); border-color: var(--theme-border-color); cursor: default; } .mw-ui-button.mw-ui-progressive:not(:disabled),.mw-ui-button.mw-ui-progressive:not(:disabled), .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--theme-accent-color); border-color: var(--theme-accent-color); color: var(--theme-accent-label-color) } .mw-ui-button.mw-ui-progressive:not(:disabled):hover,.mw-ui-button.mw-ui-progressive:not(:disabled):focus { background-color: var(--theme-accent-color--hover); border-color: var(--theme-accent-color--hover); color: var(--theme-accent-label-color) } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow:inset 0 0 0 1px var(--theme-accent-color),inset 0 0 0 2px var(--theme-border-color) } .mw-ui-button:not(.mw-ui-icon-element) { min-height: 32px; min-width: 4em; max-width: 28.75em; padding: 5px 12px!important; } .mw-ui-button { display: inline-block; box-sizing: border-box; margin: 0; border-radius: 2px; cursor: pointer; vertical-align: middle; font-family: inherit; font-size: 1em; font-weight: bold; line-height: 1.28571429em; text-align: center; -webkit-appearance: none; text-transform: none; } .page-content p { margin: 0 } .page-content p + p { margin-top: 12px } .editOptions #editpage-copywarn p { margin-top: 12px; } .oo-ui-inputWidget { margin-right: 10px; } /** Thumb Images **/ /* Changes the styles of thumb images to match how they look on vanilla mediawiki */ .page-content :not(.wikia-gallery-item) > .thumbcaption { padding: 3px; border-top: 0; } .page-content :not(.wikia-gallery-item) > .thumb { padding: 3px; border: 1px solid var(--theme-border-color); background-color: rgba(var(--theme-page-background-color--secondary--rgb),0.5); font-size: 94%; text-align: center; overflow: hidden; box-sizing: content-box; } .thumbcaption { text-align: left; line-height: 1.4em; padding: 3px; } .page-content :not(.wikia-gallery-item) > .thumbimage { background-color: var(--theme-page-background-color); border: 1px solid var(--theme-border-color); width: auto; display: block; position: relative; box-sizing: border-box; } .page-content .tright { margin: 0.5em 0 1.3em 1.4em; } a.image { line-height: 0 } .page-content :not(.wikia-gallery-item) > .thumb .thumbcaption::before { display: block; text-indent: 15px; white-space: nowrap; overflow: hidden; width: 15px; height: 11px; content: "Magnify"; background: url('https://en.wikipedia.org/w/resources/src/mediawiki.skinning/images/magnify-clip-ltr.svg'); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: right; } .theme-fandomdesktop-dark .thumb .thumbcaption::before { filter:invert(1) } .thumb.show-info-icon:hover .info-icon { display: none; } /** TOC **/ .main-container .toc .toctitle h2 svg { display:none } .main-container .toc { display: table; padding: 7px; margin: 2.5px 0; border-radius: 0; font-size: 95%; background-color: var(--theme-page-background-color); border: 1px solid var(--theme-border-color); } .main-container .toc .toctitle,.main-container .toc ul,.main-container .toc ul li a { padding:0 } .main-container .toc ul { list-style: none; margin: 0.3em 0; text-align: left; } .main-container .toc ul li { margin:0 } .main-container .toc .toctitle { border: 0; text-align: center; display: block; min-width: auto !important; } .main-container .toc .toctitle h2 { display: initial; margin-top: 1em; margin-bottom: 0.25em; line-height: 1.6; } .main-container .toctogglespan .toctogglelabel { font-size: 12px; margin: 0; } .main-container .toc ul li a { line-height: 1.6; padding: 0; color: var(--theme-link-color); } .toc ul li a:hover { color: var(--theme-link-color); text-decoration:underline } .toc ul li a:hover .tocnumber { color:rgba(var(--theme-page-text-color--rgb),.6); } .toc ul li a:hover { background-color: transparent; } .main-container .toctogglespan { margin-left: 1px; } .sticky-toc.toc .toctitle .wds-icon { margin-left:6px; } .sticky-toc.toc > ul::after, .sticky-toc.toc > ul::before { display:none; }

.ve-ui-overlay { font: 12px arial,sans-serif; line-height: inherit; }

.page-header .page-header__bottom { display:block; } .mw-editsection a { white-space: nowrap; font-family: sans-serif; } body { font-size: 0.875em; font-size: calc(1em * 0.875)!important; line-height: 1.6; }

.oo-ui-popupWidget-popup { background-color: var(--theme-page-background-color); border: 1px solid var(--theme-border-color); border-radius: 3px; box-sizing: border-box; color: var(--theme-page-text-color); filter: none; padding: 0.7em 0.9375em; } .oo-ui-popupWidget { filter: drop-shadow(0 2px 1px rgba(0,0,0,0.3)); -webkit-transform: translateZ(0); transform: translateZ(0); }

.oo-ui-menuSelectWidget { position: absolute; width: 100%; z-index: 4; margin-top: -1px; background:var(--theme-page-background-color); margin-bottom: -1px; border-radius: 0 0 2px 2px; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.25); padding:0; } .mw-rcfilters-ui-filterMenuHeaderWidget-title { display: inline-block; font-size: 1.4em; padding: 0.75em 0 0.75em 0.5em; } .mw-rcfilters-ui-filterMenuHeaderWidget-header-invert, .mw-rcfilters-ui-filterMenuHeaderWidget-header-highlight { min-width: 1em; vertical-align: middle; padding-right: 0.85714286em; } .ooui-theme-fandomooui .mw-rcfilters-ui-menuSelectWidget { font-size: 13px; } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--theme-page-background-color--secondary) !important; padding-bottom: 0.57142857em !important; padding-left: 0.85714286em !important; padding-right: 0.85714286em !important; margin: 0; } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom: 1px solid var(--theme-page-background-color--secondary) !important; } .oo-ui-optionWidget { position: relative; display: block; margin: 0; line-height: 1; } .mw-rcfilters-ui-filterMenuSectionOptionWidget ~ .mw-rcfilters-ui-filterMenuOptionWidget { padding-left: 0.85714286em; padding-right: 0.85714286em; } .mw-rcfilters-ui-itemMenuOptionWidget .mw-rcfilters-ui-table { padding-top: 0.42857143em; padding-bottom: 0.42857143em; } .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color:rgba(var(--theme-border-color--rgb),0.20); color:var(--theme-page-text-color) } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color:rgba(var(--theme-link-color--rgb),0.15); color:var(--theme-link-color) } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { background-color:rgba(var(--theme-link-color--rgb),0.10); color:var(--theme-page-text-color) }

.oo-ui-dropdownWidget-handle { position: relative; width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; box-sizing: border-box; min-height: 32px; border: 1px solid #a2a9b1; border-radius: 2px; padding: 5px 2.14285714em 5px 12px; line-height: 1; } .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle { padding-right: 2.57142857em; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { transition: background-color 100ms,border-color 100ms,box-shadow 100ms; background:rgba(var(--theme-page-background-color--secondary--rgb),0.5) } .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label { line-height: 1.42857143em; }

.oo-ui-decoratedOptionWidget { padding: 6px 12px!important; line-height: 1; } .oo-ui-decoratedOptionWidget.oo-ui-iconElement { padding-left: 2.64285714em!important; } .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon { left: 0.78571429em; } .mw-rcfilters-ui-savedLinksListWidget-placeholder .oo-ui-iconElement-icon { opacity: 0.5; top: 0.7em !important; height: inherit !important; } .mw-rcfilters-ui-filterTagMultiselectWidget-views-input { width: 100%; background: var(--theme-page-background-color); }

background-image: url(/w/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; height: 20px; padding-left: 25px; line-height: 20px; } .oo-ui-tabOptionWidget { display: inline-block; box-sizing: border-box; vertical-align: bottom; color: #404244; margin: 6px 0 0 6px!important; padding: 0 8px; border-color: transparent; border-style: solid; font-weight: bold; line-height: 1; transition: background-color 100ms,color 100ms,border-color 100ms; height: auto !important; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget .oo-ui-labelElement-label { border-bottom: 2px solid transparent; padding: 5px 5px 3px; transition: border-color 100ms; } .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout { border: 1px solid var(--theme-page-background-color--secondary) !important; border-radius: 2px; } .oo-ui-tabSelectWidget-framed { background-color: var(--theme-page-background-color--secondary); border-bottom: 0 } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { background-color: var(--theme-page-background-color)!important; color: var(--theme-page-text-color)!important; } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { background: rgba(var(--theme-page-background-color--rgb),0.3); color: var(--theme-link-color); }
 * 1) mw-indicator-mw-helplink a {

.ve-activating .skin-fandomdesktop .page__main, .ve-active .skin-fandomdesktop .page__main { min-height: calc(100% - 24px); padding-bottom: 10px; } .ve-activating .skin-fandomdesktop .resizable-container, .ve-active .skin-fandomdesktop .resizable-container { width: 95%; margin: 0 auto; }