User:Jomney/global.css

@-moz-document domain('wikia.com')

{

/** &lt;nowiki&gt;

*

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

}

}

/* &lt;/nowiki&gt; */

.WikiaPage,

.wds-community-header

{

border: none !important;

margin: 0 auto;

width: initial;

}

/* Full width for Global Navigation and toolbar - optional */

.wds-global-navigation__content-bar,

.WikiaBarWrapper .wikia-bar

{

width: 100%;

}

}