MediaWiki:Oasis M.css

/** * A responsive mobile interface for Oasis. */ @media only screen and (max-width: 768px) { /* General interface fixes */ #WikiaPage { margin:0 auto; max-width:calc(100% - 52px); } footer.wds-global-footer, .WikiaRail .module { width: auto; display:block; } .WikiaRail, .main-page-tag-rcs { -moz-column-count: 1; column-count: 1; } header.wds-community-header, .UserProfileMasthead .masthead-info > div { width: auto; margin:0 auto; max-width:calc(100% - 4px); } #globalNavigation .wds-global-navigation__logo-image g path:last-of-type { display:none; } /* Profile */ .UserProfileMasthead .masthead-avatar { position:relative; text-align:center; margin:0; width:auto; left:auto; } .UserProfileMasthead .masthead-info-lower:before { display:none; } .UserProfileMasthead .masthead-info { margin:0; } .UserProfileMasthead .masthead-avatar .avatar { max-width:80px; max-height:80px; } .UserProfileMasthead .masthead-info h1 { font-size:24px; } .UserProfileMasthead .masthead-info h2 { font-size:20px; } /* Community header */ header.wds-community-header, .wds-community-header__local-navigation { height: auto; } nav .wds-tabs { display: block; } nav .wds-tabs__tab { display: inline-block; } /* Page header wrap */ .WikiaPage #PageHeader { flex-flow: row wrap; } .wds-global-navigation .wds-global-navigation__links { display: none; } .wds-community-header .wds-community-header__wiki-buttons, .wds-community-header .wds-community-header__counter { display: none; } .wds-global-navigation, .wds-global-navigation-wrapper { width: 100%; } header.wds-community-header { background-image: none !important; } /* Page contents should expand to full width */ .portable-infobox { float: none; margin: 0; width: 100%; } /* Fieldsets */ #mw-content-text fieldset { min-inline-size: unset; } }