User:Welpington/global.css

/** * * @title           PseudoMonobook * @description    Introduces Monobook visual design cues to the Oasis skin. * @author         Speedit * @version        1.2.7 * @license        CC-BY-SA 3.0 * */ /** * @section        Skin container styling * @element        .WikiaSiteWrapper */ .skin-oasis:not(.editor) .WikiaSiteWrapper { padding-left: 150px; } .skin-oasis #WikiaPage, .skin-oasis .wds-global-footer { margin: 0; min-width: 758px; width: 100%; } .skin-oasis:not(.editor) #WikiaPage { box-sizing: border-box; padding: 0 20px; } .skin-oasis #WikiaPage .WikiaPageContentWrapper { padding-top: 38px; } @media only screen and (max-width: 1313px) { .skin-oasis:not(.editor) .wds-global-footer { padding: 0 25px; } } @media only screen and (max-width: 1243px) { .skin-oasis .WikiaMainContent { width: 100%; }   .skin-oasis .WikiaRail, .skin-oasis .main-page-tag-rcs { box-sizing: border-box; clear: both; column-count: 2; float: none; padding: 13px 10px 0; width: auto; } } /** * @section        Ad & recirculation removal * @element        .wikia-ad */ .skin-oasis .WikiaSiteWrapper #WikiaTopAds, .skin-oasis .wds-global-navigation .wds-global-navigation__link, .skin-oasis .mw-content-text .home-top-right-ads, .skin-oasis .WikiaPage #WikiaArticleBottomAd, .skin-oasis .WikiaPage #mixed-content-footer, .skin-oasis .WikiaRail #WikiaAdInContentPlaceHolder, .skin-oasis .WikiaRail .side-articles.fandom-stories, .skin-oasis .wikia-ad, .skin-oasis .wds-global-footer .wds-global-footer__fandom-sections, .skin-oasis .wds-global-footer .wds-global-footer__wikia-section.wds-is-follow-us { display: none !important; } /** * @section        Global navigation styling * @element        .wds-global-navigation */ .skin-oasis .wds-global-navigation { left: 0; right: 0; } .skin-oasis .wds-global-navigation:not(.wds-search-is-active) .wds-global-navigation__wikis-menu { flex: 0 1 auto; padding: 0 17px; } .skin-oasis .wds-global-navigation .wds-global-navigation__search { flex: 1; } .skin-oasis .wds-global-navigation .wds-global-navigation__search-input-wrapper { border-bottom: 1px solid currentColor; } /** * @section        Community header styling * @element        .wds-community-header * @modifier       wordmark * @type           descendant */ .skin-oasis .wds-community-header { background-image: none !important; background-size: auto; display: flex; flex-flow: column nowrap; height: calc(100% - 55px); margin: 0; top: 55px; left: 0; position: absolute; width: 150px; } .skin-oasis .wds-community-header .wds-community-header__wordmark { float: none; height: auto; margin: 68px auto 20px; max-width: 110px; } /** * @subsection     Community header wiki styling * @element        .wds-community-header * @modifier       top-container * @type           descendant */ .skin-oasis .wds-community-header .wds-community-header__top-container { flex-flow: column; height: auto; } .skin-oasis .wds-community-header .wds-community-header__sitename { margin: 0 20px 20px; text-align: center; text-overflow: initial; white-space: normal; } .skin-oasis .wds-community-header .wds-community-header__sitename a { font-size: 14px; } .skin-oasis .wds-community-header .wds-community-header__counter { display: none; } /** * @subsection     Community header navigation styling * @element        .wds-community-header * @modifier       local-navigation * @type           descendant */ .skin-oasis .wds-community-header .wds-community-header__local-navigation { flex-flow: column nowrap; margin-top: 0; padding: 0; position: sticky; top: 55px; } .skin-oasis .wds-community-header .wds-community-header__local-navigation .wds-tabs { flex-flow: column; } .skin-oasis .wds-community-header .wds-community-header__local-navigation .wds-tabs__tab, .skin-oasis .wds-community-header .wds-community-header__local-navigation .wds-dropdown { width: 100%; } .skin-oasis .wds-community-header .wds-community-header__local-navigation .wds-tabs__tab-label { font-size: 12px; justify-content: center; margin: 0 auto; white-space: normal; width: 100%; } .skin-oasis .wds-community-header .wds-community-header__local-navigation .wds-dropdown__toggle-chevron { position: absolute; right: 8px; transform: rotate(270deg); } .skin-oasis .wds-community-header .wds-community-header__local-navigation .wds-dropdown:hover .wds-dropdown__toggle-chevron { transform: rotate(90deg); } /** * @subsection     Community header dropdown styling * @element        .wds-community-header .wds-dropdown * @type           descendant */ .skin-oasis .wds-community-header .wds-dropdown::after, .skin-oasis .wds-community-header .wds-dropdown::before { bottom: auto; top: 12px; transform: rotate(270deg); } .skin-oasis .wds-community-header .wds-dropdown::after { left: calc(100% - 7px); } .skin-oasis .wds-community-header .wds-dropdown::before { left: calc(100% - 8px); top: 11px; } .skin-oasis .wds-community-header .wds-dropdown__content { top: 0; right: auto; left: 100%; } /** * @subsection     Community header tool styling * @element        .wds-community-header * @modifier       wiki-buttons * @type           descendant */ .skin-oasis .wds-community-header .wds-community-header__wiki-buttons { justify-content: stretch; margin: 1px; position: absolute; top: 0; width: 150px; } .skin-oasis .wds-community-header .wds-community-header__wiki-buttons .wds-button { border-top: none; flex: 1; padding: 9px 0; margin: 0 0 0 -1px; } .skin-oasis .wds-community-header .wds-community-header__wiki-buttons .wds-button:first-child { border-left: none; } .skin-oasis .wds-community-header .wds-community-header__wiki-buttons .wds-button svg { margin: 0; } .skin-oasis .wds-community-header .wds-community-header__wiki-buttons .wds-button span { display: none; } .skin-oasis .wds-community-header .wds-community-header__wiki-buttons .wds-dropdown { display: flex; flex: 1; position: static; } .skin-oasis .wds-community-header .wds-community-header__wiki-buttons .wds-dropdown::after, .skin-oasis .wds-community-header .wds-community-header__wiki-buttons .wds-dropdown::before { display: none; } .skin-oasis .wds-community-header__wiki-buttons .wds-dropdown__content { border-radius: 0; left: calc(100% - 1px); padding: 0; top: -1px; width: calc(100vw - 150px); } .skin-oasis.ns--1 .wds-community-header__wiki-buttons .wds-dropdown__content, .skin-oasis.ns-3 .wds-community-header__wiki-buttons .wds-dropdown__content, .skin-oasis.ns-500:not(.MiniEditor) .wds-community-header__wiki-buttons .wds-dropdown__content, .skin-oasis.ns-1200 .wds-community-header__wiki-buttons .wds-dropdown__content, .skin-oasis.ns-1201 .wds-community-header__wiki-buttons .wds-dropdown__content, .skin-oasis.ns-2000 .wds-community-header__wiki-buttons .wds-dropdown__content { display: inline-block; } .skin-oasis .wds-community-header .wds-community-header__wiki-buttons .wds-list { display: flex; } .skin-oasis .wds-community-header .wds-community-header__wiki-buttons .wds-list > li { margin: 0; } .skin-oasis .wds-community-header .wds-community-header__wiki-buttons .wds-list > li > a { font-size: 10px; font-weight: bold; line-height: 1em; padding: 13px 12px; text-transform: uppercase; } /** * Page header contribution button styling * @element        .page-header * @modifier       contribution-buttons * @type           descendant */ .skin-oasis #WikiaPage .page-header { position: static; } .skin-oasis #WikiaPage .page-header .page-header__contribution-buttons .wds-button-group { position: absolute; top: 0; left: -20px; right: -24px; } .skin-oasis #WikiaPage .page-header .page-header__contribution-buttons .wds-dropdown__content { padding: 0; position: static; display: flex; flex: 1; border-radius: 0; } .skin-oasis #WikiaPage .page-header .page-header__contribution-buttons .wds-dropdown { display: flex; flex: 1; } .skin-oasis #WikiaPage .page-header .page-header__contribution-buttons .wds-dropdown__toggle, .skin-oasis #WikiaPage .page-header .page-header__contribution-buttons .wds-dropdown:before, .skin-oasis #WikiaPage .page-header .page-header__contribution-buttons .wds-dropdown:after { display: none; } .skin-oasis #WikiaPage .page-header .page-header__contribution-buttons .wds-list { display: flex; flex-flow: row nowrap; overflow: hidden; } .skin-oasis #WikiaPage .page-header .page-header__contribution-buttons .wds-list > li { margin: 0; } .skin-oasis #WikiaPage .page-header .page-header__contribution-buttons .wds-list > li > a { padding: 11px 12px; font-size: 10px; text-transform: uppercase; font-weight: bold; } /** * @section        Global footer modifications * @element        .wds-global-footer */ .skin-oasis .wds-global-footer__main { flex-direction: row; margin: 0 auto; padding-bottom: 5px; zoom: 0.85; } .skin-oasis .wds-global-footer .wds-global-footer__header { height: 36px; display: flex; zoom: .85; padding: 40px 0; } .skin-oasis .wds-global-footer .wds-global-footer__header-logo { height: 36px; } .skin-oasis .wds-global-footer__fandom-sections, .skin-oasis .wds-global-footer__wikia-sections { align-content: flex-start; order: 4; width: 720px; margin: 0 auto; } .skin-oasis .wds-global-footer .wds-global-footer__bottom-bar { min-height: 3em; } .skin-oasis .wds-global-footer .wds-global-footer__bottom-bar-row { padding: 10px 0; } .skin-oasis:not(.editor) .wds-global-footer .wds-global-footer__bottom-bar { margin: 0 -25px; } @media only screen and (max-width: 1313px) { .skin-oasis .wds-global-footer .wds-global-footer__wikia-section { margin-right: 25px; flex: 1; width: 25%; }   .skin-oasis .wds-global-footer .wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__links-list { flex-direction: column; }   .skin-oasis .wds-global-footer .wds-global-footer__wikia-section.wds-is-community-apps .wds-global-footer__links-list-item { margin: 0; }   .skin-oasis .wds-global-footer .wds-global-footer__wikia-section.wds-is-create-wiki, .skin-oasis .wds-global-footer .wds-global-footer__wikia-section.wds-is-advertise { display: none !important; }   .skin-oasis .wds-global-footer__wikia-sections .wds-global-footer__links-list-item { margin-bottom: 8px; } } /* */

/* Stop header and footer from scrolling with the page */ .headroom--pinned { transform: none; } .headroom { transition: none; } .wds-global-navigation { position: relative; } .WikiaBarWrapper { position: absolute; transition: none; -webkit-transition: none; box-shadow: none; }