MediaWiki:PseudoMonobook.css

/* * * PseudoMonobook stylesheet * Introduces Monobook visual design cues to the Oasis skin. * * @author Speedit * @version 0.9 * @license CC-BY-SA 3.0 * @todo modify edit dropdown? * */

/* * @section Skin container styling * @element .WikiaSiteWrapper */ .skin-oasis:not(.editor) .WikiaSiteWrapper { padding-left: 150px; } .skin-oasis .wds-global-navigation { left: 0; right: 0; } .skin-oasis .WikiaTopAds { display: none; } .skin-oasis #WikiaPage, .skin-oasis .wds-global-footer { min-width: 718px; } .skin-oasis #WikiaPage, .skin-oasis .wds-global-footer { margin: 0; width: 100%; } .skin-oasis:not(.editor) #WikiaPage { box-sizing: border-box; } @media only screen and (max-width: 1083px) { .skin-oasis:not(.editor) .wds-global-footer { padding: 0 25px; }   .skin-oasis:not(.editor) .wds-global-footer .wds-global-footer__bottom-bar { margin: 0 -25px; } } @media only screen and (max-width: 1023px) { .skin-oasis .WikiaRail, .skin-oasis .main-page-tag-rcs { width: 100%; box-sizing: border-box; } }

/* * @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; 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-label { white-space: normal; }

/* * @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 .wds-global-footer__fandom-sections, .skin-oasis .wds-global-footer .wds-is-community-apps, .skin-oasis .wds-global-footer .wds-is-advertise { display: none; } .skin-oasis .wds-global-footer .wds-global-footer__wikia-sections { width: 100%; } .skin-oasis .wds-global-footer .wds-global-footer__wikia-section { flex: 1; margin: 0; width: auto; } .skin-oasis .wds-global-footer .wds-global-footer__wikia-section:nth-child(n+2) { margin-left: 50px; } @media only screen and (max-width: 1083px) { .skin-oasis .wds-global-footer .wds-global-footer__wikia-section:nth-child(n+2) { margin-left: 25px; } } /* */