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:BalancedScrollbarV2.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"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:AdBlock.css&only=styles"; @import url("/load.php?articles=u:dev:MediaWiki:ResponsiveMobile/editor.css&only=styles&mode=articles"); /*** CUSTOM FONTS ***/ @import url('https://fonts.googleapis.com/css2?family=Lexend&family=Noto+Sans+JP&display=swap'); @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:FontAwesome.css|u:dev:MediaWiki:FandomIcons.css"); @import url(https://fonts.googleapis.com/css?family=Tangerine|Chango); @import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css); /* Lexend */ @font-face { font-family: "Lexend"; src: url(https://fonts.googleapis.com/css2?family=Lexend) format('truetype'); font-display: swap; }

/* Noto Sans JP */ @font-face { font-family: "Noto Sans JP"; src: url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP) format('truetype'); font-display: swap; } body, .category-gallery-item, .snippet, .text, a.wikia-button, .wikia-single-button a, .wikia-menu-button, input, .button, button, select, ul.tabbernav, .WikiaArticle, #WikiaArticle, .WikiaRail, #WikiaRail, .mw-headline, .WikiaPageHeader h1 { font-family: 'Lexend', Helvetica, Arial, sans-serif; } .notice b { font-family: 'Alegreya Sans SC', Helvetica, Arial, sans-serif; } .article-table caption, .wikitable caption { font-weight: bold; font-family: 'Alegreya Sans SC', Helvetica, Arial, sans-serif; text-align: center; }

.article-table th, .wikitable th { font-family: 'Alegreya Sans SC', Helvetica, Arial, sans-serif; text-align: center !important; border-bottom: none !important; } .page-header__title, .page-content h2, .page-content h3, .page-content h4 .page-content h5, .page-content h6 { font-family: 'Lexend', Helvetica, Arial, sans-serif; } .d-poll__question { font-weight: bold; text-align: center; font-family: 'Lexend', Helvetica, Arial, sans-serif; } .WikiaPage h2 { width: 100%; padding: 4px 0; border-image-slice: 2; text-align: center; font-family: 'Lexend', Helvetica, Arial, sans-serif; } .notice-icon { font-family: 'FontAwesome'; } .page-content .portable-infobox h2, .page-content .portable-infobox h3 { font-family: 'Lexend', 'Work Sans', Helvetica, Arial, sans-serif; font-weight: 500; } .portable-infobox .pi-navigation { /* Font */ font-family: 'Lexend', 'Work Sans', Helvetica, Arial, sans-serif; } .page-content .portable-infobox .pi-data-label { /* Font */ font-family: 'Lexend', 'Work Sans', Helvetica, Arial, sans-serif; font-weight: 400; } .article-table caption, .fandom-table caption, .wikitable caption, .article-table th, .fandom-table th, .wikitable th { /* Font */ font-family: 'Lexend', 'Work Sans', Helvetica, Arial, sans-serif; } .UserProfileMasthead .wikis span, .UserProfileMasthead .details span { font-family: 'Lexend'; } .UserProfileMasthead .details li, .UserProfileMasthead .wikis ul li a { font-weight: 400; font-family: 'Lexend'; } .UserProfileMasthead .tally a { font-weight: 700; font-family: 'Lexend'; } .UserProfileMasthead .masthead-info-lower:before { font-family: 'Lexend'; } /* Customize Modules */ .WikiaRail .rail-module, .insights-module.insights-light.module, .insights-module.insights-dark.module, .RelatedVideosModule, .CommunityCornerModule, .LatestPhotosModule, .ChatModule, .WikiaPagesOnWikiModule, .WikiaImageModule, .WikiaArticleCategories, .FollowedPagesModule, .FollowedPagesModule.module, .HotSpotsModule.module, .CommunityCornerModule.module, .WikiaActivityModule.module, .WikiaActivityModule, .content-review-module.module, .templatedraft-module.module, .WikiaArticle .thumbinner, .WikiaArticle.pre, .recirculation-rail.module.group-CONTROL, .toc.show, .WikiaRail.module, .module.AchievementsModule.UserProfileAchievementsModule, .WikiaLatestEarnedBadgesModule.module, .UserProfileAchievementsModule, .AchievementsModule, .recirculation-rail.module.group-LATERAL_BOTH, .WikiaBlogListingBox.module, .community-page-entry-point-module.module, .module.contributors-module, .module.community-policy-module, .module.recent-activity-module, .module.help-module, .rail-module.activity-module { font-family: "Segoe UI", 'Helvetica Neue', Helvetica, Arial, sans-serif; } /* Customize Modules */ .right-rail-wrapper .rail-module, .content-review-module.module, .templatedraft-module.module, .page-content .thumbinner, .page-content.pre, .recirculation-rail.module.group-CONTROL, .toc.show, .right-rail-wrapper.module, .recirculation-rail.module.group-LATERAL_BOTH, .WikiaBlogListingBox.module, .community-page-entry-point-module.module, .module.contributors-module, .module.community-policy-module, .module.recent-activity-module, .module.help-module, .rail-module.activity-module { font-family: "Segoe UI", 'Helvetica Neue', Helvetica, Arial, sans-serif; } /* Change the page fonts to something better suited for screen reading. */ .page-content { font-family: "Segoe UI", 'Helvetica Neue', Helvetica, Arial, sans-serif; } .page-content .mw-headline, .page-header h1 { font-family: 'Droid Serif', Verdana, Helvetica, Arial, serif; } .portable-infobox .pi-item.wds-tabber .wds-tabs__tab-label { font-family: "Segoe UI",'Helvetica Neue',Helvetica,Arial,sans-serif; } .pi-image-collection .wds-tabs__tab-label { font-family: "Segoe UI",'Helvetica Neue',Helvetica,Arial,sans-serif !important; }
 * 1) WikiaSpotlightsModule,

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

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

.page-counter { display: none; }

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