Archiwum:Mediawiki:PseudoMonobook

/** * * @title PseudoMonobook * @description Introduces Monobook visual design cues to the Oasis skin. * @author Speedit * @version 1.1.2 * @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; padding: 0 20px; width: 100%; } .skin-oasis:not(.editor) #WikiaPage { box-sizing: border-box; } @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 * @type descendant */ .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 * @type descendant */ .skin-oasis .wds-global-navigation { left: 0; right: 0; } .skin-oasis .wds-global-navigation .wds-global-navigation__wikis-menu { flex: 0.2 1 auto; } /** * @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: 20px auto; 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: 20px; 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; } /** * @subsection Community header dropdown styling * @element .wds-community-header .wds-dropdown */ .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 auto; padding: 5px; position: relative; width: 130px; } .skin-oasis .wds-community-header .wds-community-header__wiki-buttons .wds-button { padding: 7px 0; margin: 0 0 0 -1px; flex: 1; } .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__wiki-buttons .wds-dropdown { position: static; } .skin-oasis .wds-community-header__wiki-buttons .wds-dropdown__content { top: 5px; left: calc(100% + 6px); } .skin-oasis .wds-community-header__wiki-buttons .wds-dropdown::after { left: calc(100% - 1px); } .skin-oasis .wds-community-header__wiki-buttons .wds-dropdown::before { left: calc(100% - 2px); } /** * @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; } } /* */