User:Graylies/global.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:EmeraldGlobalNav.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:BlurGlobalNav.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:PseudoEuropa.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:Antiborder.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:ThemedFandomBranding.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:ThemedSearch.css&only=styles";


 * -webkit-scrollbar {

background-color: var(--theme-page-background-color--secondary); height: 11px; width: 11px; }
 * -webkit-scrollbar-track {

background: var(--theme-page-background-color--secondary); }
 * -webkit-scrollbar-thumb {

background: var(--theme-accent-color); }
 * -webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active {

background: var(--theme-link-color); }

/* Firefox */
 * root {

scrollbar-color: var(--theme-accent-color) var(--theme-page-background-color--secondary); scrollbar-width: thin; }

@media only screen and (max-width: 1023px) { .sticky-modules-wrapper { display: flex; justify-content: space-between; }

.rail-module__list { grid-template-columns: unset; }

.rail-module, .rail-sticky-module, .mcf-column { flex-basis: 48%; width: 48%; }

.mcf-column:nth-child(2) { display: none; }

.right-rail-wrapper { padding: 0; }

.page__main, .page__right-rail, .mcf-wrapper { padding-left: 26px; padding-right: 26px; }

.page-header__action-button.has-label .wds-icon { margin-right: 6px !important; }

.page-side-tools__wrapper { left: -5px; }

.bottom-ads-container .ad-slot-placeholder, .top-ads-container .ad-slot-placeholder { width: unset !important; max-width: none; min-width: unset !important; overflow: hidden !important; }

.fandom-sticky-header .wiki-tools a.wds-button.wds-is-secondary:not(.is-hidden-on-smaller-breakpoints) { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }

.fandom-sticky-header .wiki-tools a.wds-button.wds-is-secondary:not(.is-hidden-on-smaller-breakpoints) ~ a.wds-button { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.fandom-community-header .wiki-tools a.wds-button.wds-is-secondary:not(.is-hidden-on-smaller-breakpoints) { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }

.fandom-community-header .wiki-tools a.wds-button.wds-is-secondary:not(.is-hidden-on-smaller-breakpoints) ~ a.wds-button { border-top-left-radius: 0; border-bottom-left-radius: 0; } }

@media only screen and (max-width: 785px) {

.main-container { margin-top: 0 !important; }

.fandom-sticky-header, .search-modal, .search-modal:before { left: 0; top: -46px; }

.fandom-sticky-header__sitename { display: block; }

.fandom-sticky-header { min-width: unset; }

.fandom-sticky-header .fandom-community-header__local-navigation { display: none; }

.community-header-wrapper { width: 95%; margin-left: auto; margin-right: auto; display: block; margin-top: 12px; height: auto; }

.fandom-community-header { grid-template-areas: unset; grid-template-columns: min-content 1fr; grid-template-rows: auto auto; }

.fandom-community-header__image { grid-column: 1; }

.fandom-community-header__top-container { grid-column: 2; }

.fandom-community-header__local-navigation { grid-column: 1/3; grid-row: 2; }

.fandom-community-header__image img { max-height: 45px; max-width: 100px; }

.fandom-community-header__background.fullScreen { width: 100%; }

.fandom-community-header__local-navigation .wds-tabs { display: flex; flex-wrap: wrap; }

.fandom-community-header__local-navigation .wds-tabs__tab-label { font-size: 11px; }

.fandom-community-header__local-navigation .wds-dropdown.wds-is-active.is-clicked .wds-dropdown__toggle a:not([href="#"]) { text-decoration: underline; color: var(--theme-link-color); }

.mw-parser-output, .page-content p, .page-content section { font-weight: 300; }

#content { font-size: 16px; }

.page-content #mw-content-text .mw-parser-output > h2 { border-bottom-width: 0.3px; display: flex; justify-content: space-between; font-weight: 430; }

.page-content #mw-content-text .mw-parser-output > h2 .mw-headline { width: 100%; }

.page-content #mw-content-text .mw-parser-output > h2 svg { width: 24px; height: 24px; fill: currentColor; }

.page-content ul, .page-content ol { font-weight: 300; }

.notifications-placeholder { width: fit-content; bottom: 1px; left: unset; width: -moz-available; width: -webkit-fill-available; width: fill-available; }

.notifications-placeholder .wds-banner-notification__container { width: 100%; }

.sitenotice { width: fit-content; }

.unified-search__layout { display: initial !important; }

.unified-search__input__wrapper__inner { flex-wrap: wrap; }

.skin-fandomdesktop .LightboxModal { margin: 0 !important; width: 90% !important; height: 90% !important; }

.LightboxModal .media { overflow-x: visible; justify-content: normal; max-height: 100% !important; }

.page-content .tleft, .page-content .tright { clear: both; float: none; text-align: center; width: 100% !important; margin: 0 0 12px; } .LightboxModal .LightboxHeader .share-button, .LightboxModal .LightboxHeader .more-info-button, .LightboxModal .LightboxHeader .see-full-size-link, .LightboxModal .LightboxHeader .user-details { display: none; }

.resizable-container { width: 95%; }

#userProfileApp .user-identity-header__attributes { min-width: unset; }

.fandom-community-header__local-navigation .explore-menu .wds-dropdown__toggle > a   > span { display: block; }

#WikiaBar, a[data-tracking-label="start-a-wiki"] { display: none; }

.main-container { min-width: unset; margin-left: 0; width: 100%; }

.mcf-mosaic { flex-direction: column; }

.rail-module, .rail-sticky-module, .sticky-modules-wrapper { display: block; width: 100%; max-width: unset; }

.mcf-column { flex-basis: 100%; width: 100%; }

.toc { width: 100%; clear: both; }

.global-footer { z-index: 99999999; padding-top: 1em; }

.global-footer__content { padding-top: 12px; } }

@media only screen and (max-width: 570px) { .resizable-container { width: 98% !important; }

.page-counter { display: none; } .page-side-tools { top: 80%; }

.fandom-sticky-header__sitename { font-size: 14px; }

.fandom-community-header__top-container { justify-content: space-between; }

.fandom-community-header .fandom-community-header__local-navigation .medium-navigation .wds-dropdown:first-child .wds-tabs__tab-label span { display: none; }

.fandom-community-header .fandom-community-header__local-navigation .medium-navigation .wds-dropdown:first-child .wds-dropdown__content { left: 6em; }

.page-header__bottom { display: grid; grid-template-rows: auto auto; grid-template-columns: auto; grid-template-areas: "a" "b"; }

.page-header__title-wrapper { grid-area: a;   text-align: center; }

.page-header .page-header__title { font-size: 32px; font-weight: 500; text-align: center; }

.page-header__title-actions { grid-area: b; }

.page-header__actions { justify-content: center; }

.page__main, .page__right-rail, .mcf-wrapper { padding-left: 20px; padding-right: 20px; }

.page__main { padding: 24px 13px; }

.page-side-tools__wrapper { left: 94%; }

.sticky-toc.toc { right: 48px; left: unset; }

.fandom-community-header .wiki-tools .wds-dropdown .wiki-tools-dropdown-separator { display: block; }

.wiki-tools > .wds-dropdown .wiki-tool-in-dropdown { display: block; }

.wiki-tools > .wds-button.is-hidden-on-smaller-breakpoints { display: none; }

.search-modal__content { height: 90%; width: 90%; }

.search-modal { top: 20px; }

.search-modal .SearchInput-module_form__139GD .wds-button:last-child { width: 30%; }

.search-modal .SearchInput-module_form__139GD .wds-button:last-child::after { content: "Search"; margin: 0 6px; }

#userProfileApp .user-identity-avatar { margin: auto; }

#userProfileApp .user-identity-box { flex-direction: column; }

#userProfileApp .user-identity-header__attributes { clear: both; margin: auto; }

#userProfileApp .user-identity-header { flex-direction: column; }

#userProfileApp .user-identity-header__actions { text-align: center; margin: auto; padding: 10px; }

#userProfileApp .user-profile-navigation { overflow: auto; }

#userProfileApp ul.user-identity-stats, #userProfileApp .user-identity-bio, #userProfileApp .user-identity-social { text-align: center; margin: auto; }

#userProfileApp .user-identity-header__attributes { display: flex; flex-direction: column; text-align: center; min-width: unset; }

body.skin-fandomdesktop #userProfileApp .user-identity-header__tag { width: fit-content; margin: 0.4em auto; }

body.skin-fandomdesktop #userProfileApp .modal-wrapper__main { flex-direction: column; }

body.skin-fandomdesktop #userProfileApp .user-profile-editor__bio-field .wds-input__field { height: 7em !important; }

.curseprofile .leftcolumn, .curseprofile .rightcolumn { width: 100%; } body.skin-fandomdesktop .curseprofile .userinfo { display: flex; flex-direction: column; align-items: center; } body.skin-fandomdesktop .curseprofile .mainavatar { margin-right: 0; } body.skin-fandomdesktop .curseprofile .headline, body.skin-fandomdesktop .curseprofile #profile-user-fields { text-align: center; } .is-gamepedia .comments .avatar { margin-right: 40px; } .curseprofile .rightfloat { float: none; text-align: center; } .is-gamepedia .friends li:not(:last-of-type) { margin-bottom: 10px; } .is-gamepedia .friends li img { height: 42px; width: 42px; margin-right: 5px; }

.page-content ul.gallery { margin-left: 0; }

.WikiaPageContentWrapper .unified-search__result__community, .mw-body-content .unified-search__result__community, .page-content .unified-search__result__community { grid-template-areas: "thumbnail thumbnail" "content content"; grid-template-columns: auto auto; }

.portable-infobox { float: none; margin: auto; clear: both; width: 93% !important; }

.portable-infobox .pi-font, .portable-infobox .pi-data-label { font-size: 14px; }

#mw-htmlform-info > .oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header { display: block; width: 100%; font-weight: 450; } #mw-htmlform-info > .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field { display: block; width: 100%; } .skin-fandomdesktop #preferences { padding: 0; } .skin-fandomdesktop .oo-ui-tabSelectWidget-framed { display: flex; } .skin-fandomdesktop #preferences .mw-prefs-buttons { margin-left: 0; margin-right: 0; } }

@media only screen and (max-width: 570px) { .page-side-tools__wrapper { pointer-events: none; } .page-side-tools { pointer-events: auto; } }

@media only screen and (max-width: 785px) { .sticky-toc.toc { z-index: 9; }

.action-edit .fandom-sticky-header, .action-submit .fandom-sticky-header, .ve-active .fandom-sticky-header { position: relative; top: 9px; }

.action-edit .fandom-sticky-header .is-visible, .action-submit .fandom-sticky-header .is-visible, .ve-active .fandom-sticky-header .is-visible { transform: translateY(0%); }

.fandom-sticky-header { z-index: 400; }

.editButtons { align-items: center; display: flex; flex-flow: row wrap; justify-content: center; }

.oo-ui-windowManager { position: unset; }

.skin-fandomdesktop .ve-init-mw-desktopArticleTarget-originalContent:not(:empty) { height: 50vh !important; }

.ve-fd-header { align-items: center; display: flex; flex-flow: row wrap; grid-template-rows: unset !important; grid-template-columns: unset !important; grid-template-areas: unset !important; justify-content: space-between !important; width: 100% !important; z-index: 8; }

.ve-fe-header > div:first-child { align-items: center; display: flex; } .ve-fd-header .ve-fd-header__title { line-height: 1; word-break: break-word; }

.ve-fd-header a { line-height: 1 !important; }

.ve-fd-header__actions > .ve-header-action-item:first-child { align-items: center; display: flex; } .ve-ui-toolbar .oo-ui-toolbar-bar { top: 0 !important; }

.wikiEditor-ui-toolbar { display: flex; flex-flow: row wrap; }

.wikiEditor-ui .wikiEditor-ui-toolbar .ve-init-mw-editSwitch { display: block; }

.wikiEditor-ui .wikiEditor-ui-toolbar .ve-init-mw-editSwitch .oo-ui-toolbar-bar, .ve-init-mw-editSwitch .oo-ui-popupToolGroup, .ve-init-mw-editSwitch .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle { height: 38px; padding: 0; }

.ve-init-mw-editSwitch .oo-ui-popupToolGroup { padding-left: 6px; padding-right: 6px; }

border-right: 1px solid var(--theme-border-color); margin-right: 3px; }

border-left: 1px solid var(--theme-border-color); margin-left: 3px; }

.wikiEditor-ui .wikiEditor-ui-toolbar .sections #wikiEditor-section-advanced.section.section-visible { display: flex; flex-flow: row wrap; }

.wikiEditor-ui .wikiEditor-ui-toolbar .group-insert .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:last-child { margin: 0; }

.wikiEditor-ui-toolbar .group-search { border-left: none; }

.skin-fandomdesktop .oo-ui-windowManager-modal > .ve-ui-mwSaveDialog > .oo-ui-window-frame { left: unset !important; }

.ve-ui-summaryPanel { position: static !important; }

.ve-ui-summaryPanel-summaryInputField, .ve-ui-summaryPanel .ve-ui-summaryPanel-showChangesOrPreviewGroup, .ve-ui-summaryPanel .ve-ui-summaryPanel-checkboxArea { display: none !important; }

.ve-ui-summaryPanel .ve-ui-summaryPanel-cancelOrSaveGroup { width: 100%; }

.ve-ui-summaryPanel .ve-ui-summaryPanel-saveButton { margin-left: auto; } }

@media screen and (max-width: 500px) { body.mainpage.wiki-dev #mw-content-text .introduction, body.mainpage.wiki-dev #mw-content-text .what-we-do, body.mainpage.wiki-dev #mw-content-text .foci, body.mainpage.wiki-dev #mw-content-text .things-to-remember { overflow-y: unset; width: unset; }

body.mainpage.wiki-dev #mw-content-text > div > div.main-page-tag-lcs.main-page-tag-lcs-exploded > div > div.center > div > img { height: auto; width: 100%; }

body.mainpage.wiki-dev #mw-content-text .header { line-height: 1.5; }

body.mainpage.wiki-dev .what-we-do .header, body.mainpage.wiki-dev .introduction .header { width: unset; }

body.mainpage.wiki-dev .foci .module-container { flex-direction: column }

body.mainpage.wiki-dev .foci .module { width: 90%; }

body.mainpage.wiki-dev #mw-content-text .things-to-remember { margin: 0; } }

@media screen and (max-width: 500px) { body.mainpage.wiki-wikia #mw-content-text>div>div.main-page-tag-lcs.main-page-tag-lcs-exploded>div>div:nth-child(1)>div>div>img { height: auto; width: 100%; }

body.mainpage.wiki-wikia #mw-content-text > div > div.main-page-tag-lcs.main-page-tag-lcs-exploded > div > div:nth-child(2) { flex-direction: column; }

body.mainpage.wiki-wikia #mw-content-text #mainpage-blogs { align-items: center; flex-direction: column; }

body.mainpage.wiki-wikia #mw-content-text #mainpage-blogs .blog { width: 85%; }

body.mainpage.wiki-wikia #mw-content-text #mainpage-blogs .blog.featured { width: 100%; }

body.mainpage.wiki-wikia #mw-content-text #mainpage-blogs .blog .blog-info { height: unset; }

body.mainpage.wiki-wikia #mw-content-text #mainpage-blogs .blog .hero-imags { border: 1px solid rgba(109, 109, 109, .4); }

body.mainpage.wiki-wikia #mw-content-text #mainpage-faq .faqs { flex-direction: column }

body.mainpage.wiki-wikia #mw-content-text #mainpage-faq .faqs .faq-section { width: 100% }

body.mainpage.wiki-wikia #mw-content-text #mainpage-faq .faqs .faq-section h4 { text-align: center; } body.ns-12.wiki-wikia #mw-content-text div.helpbox-wrapper { display: flex; flex-direction: column; } body.ns-12.wiki-wikia #mw-content-text div.helpbox-wrapper .helpbox { margin: 1em 0; } body.ns-12.wiki-wikia #mw-content-text div.helpbox-wrapper .helpbox:nth-child(even) { margin-left: 0 } }

/* SEARCH */ .SearchInput-module_searchIcon__MSgls, .SearchInput-module_closeIcon__2cDt8 { fill: var(--theme-link-color) !important; } .SearchInput-module_form__EJU8j { border-bottom: 2px solid var(--theme-link-color) !important; } .search-modal__content .wds-button { background: var(--theme-accent-color); border: none; color: var(--theme-accent-label-color); } .search-modal__content .wds-button:hover { background: var(--theme-accent-color--hover); border: none; color: var(--theme-accent-label-color); } .SearchInput-module_input__1mP-U, .SearchResults-module_results__3oN94 span, .SearchResults-module_results__3oN94 a { color: var(--theme-page-text-color) !important; } a.SearchResults-module_seeAllResults__2vfOF { color: var(--theme-link-color) !important; } .SearchResults-module_results__3oN94 li { transition: .3s; border-radius: 4px; } .SearchResults-module_results__3oN94 li:hover { background-color: rgba(var(--theme-link-color--rgb), .15) !important; } .SearchResults-module_results__3oN94 li:hover a, .SearchResults-module_results__3oN94 li:hover span { color: var(--theme-link-color) !important; } /* FOOTER */ .global-footer { background: rgba(var(--theme-page-background-color--rgb),.7); backdrop-filter: blur(30px); } .global-footer h3 { color: var(--theme-page-text-color) !important; font-weight: bold; } .global-footer a { color: var(--theme-link-color) !important; font-weight: bold; } .global-footer a:hover { color: var(--theme-link-color--hover) !important; } .global-footer__bottom-bar { background: none !important; color: var(--theme-page-text-color) !important; } .global-footer__bottom-bar-row { font-weight: bold; } .global-footer__bottom-bar-row:not(:first-child) { border-top: 1px solid var(--theme-page-text-color); } .global-footer__links-list svg { color: var(--theme-page-text-color) !important; } .wds-is-fandom-apps { color: var(--theme-page-text-color) !important; } /* DROPDOWNS */

.wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2.wds-is-sticked-to-parent>.wds-dropdown-level-2__content { background: var(--theme-page-background-color--secondary); border-color: var(--theme-border-color) !important; }

/* NOTIFICATIONS */ .NotificationCard-module_card__3kKIi { background-color: var(--theme-page-background-color--secondary) !important; color: var(--theme-page-text-color) !important; transition: .3s; } .NotificationsZeroState-module_container__3Y2qX, .NotificationsDropdown-module_contentHeader__2b303 { color: var(--theme-page-text-color) !important; } .NotificationsDropdown-module_tabTotal__p7gqN { background: var(--theme-link-color) !important; } .notifications .wds-tabs__tab.wds-is-current { box-shadow: inset 0 -2px 0 0 var(--theme-link-color); } .NotificationCard-module_footer__3bwSJ, .NotificationsDropdown-module_markAllAsRead__2yUse, .notifications .wds-tabs__tab-label { color: var(--theme-link-color) !important; } .NotificationCard-module_side__2ld-m svg { fill: var(--theme-link-color) !important; } .NotificationCard-module_avatarIcon__3fIsR .wds-icon { fill: Black !important; } .NotificationCard-module_card__3kKIi, .NotificationsContent-module_contentHeader__3QfN2, .NotificationsContent-module_tabber__3gSyl .wds-tabs { border-bottom-color: var(--theme-border-color) !important; } .NotificationCard-module_card__3kKIi:hover { box-shadow: none !important; background-color: rgba(var(--theme-link-color--rgb), .15) !important; } .NotificationCard-module_unreadStatusDot__q1FDX { border-color: var(--theme-link-color) !important; background-color: var(--theme-link-color) !important; } .NotificationsDropdown-module_tabTotal__p7gqN { color: var(--theme-page-background-color) !important; } .notifications ul::-webkit-scrollbar { width: 10px; } .notifications ul::-webkit-scrollbar-track { background: var(--theme-page-background-color--secondary); } .notifications ul::-webkit-scrollbar-thumb { background: #888; } .notifications ul::-webkit-scrollbar-thumb:hover { background: #888; } .NotificationsDropdown-module_scrollableListWrapper__2m4TQ { padding-bottom: 0; } .notifications .wds-tabs__tab-label { text-transform: uppercase; font-weight: bold; font-size: 12px !important; height: 36px; } .notifications .wds-tabs__tab.wds-is-current { box-shadow: none; } .notifications .wds-tabs__tab-label { padding: 0 20px; border-radius: 50px; transition: .3s; } .notifications .wds-tabs__tab-label:hover, .notifications .wds-is-current .wds-tabs__tab-label  { background: rgba(var(--theme-link-color--rgb), .15) !important; } .NotificationsDropdown-module_contentHeader__2b303 { border-bottom: none !important; } .notifications .wds-tabs { padding-bottom: .5em; }

/* 2022 footer fix */ .global-footer { background: rgba(var(--theme-page-background-color--rgb),.7); backdrop-filter: blur(30px) !important; } a.global-footer__link svg { color: var(--theme-page-text-color) !important; } .global-footer__bottom { background: none; } .global-footer__section-fandom-apps { color: var(--theme-page-text-color); }

.global-footer__bottom div:first-of-type { color: var(--theme-page-text-color); font-weight: bold; border-bottom: 2px solid var(--theme-page-text-color); }