User:Roberad/global.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:NoGlobalNav.css&only=styles";

/* * NoGlobalNav * * @description Removes the FandomDesktop global navigation and moves user and notification dropdowns to top right * @author Joritochip * * Make sure you also import the JS at MediaWiki:NoGlobalNav.js */ .global-navigation .notifications .wds-dropdown__content { left: inherit !important; right: 0; } .user-navigation-moved { display: flex; margin-left: 10px; flex-direction: row; } .user-navigation-moved .wds-dropdown__toggle { width: 30px; height: 30px; } .user-navigation-moved .wds-dropdown { margin-left: 0; } .user-navigation-moved .moved-notifications { line-height: 1; } .user-navigation-moved .global-navigation__icon { width: 30px; height: 30px } .user-navigation-moved .moved-notifications__counter { align-items: center; background: #fff; border-radius: 50%; color: #5f7a7b; display: flex; font-size: 10px; font-weight: 500; height: 18px; justify-content: center; left: 0; line-height: 1; position: absolute; top: 0; width: 18px; } .user-navigation-moved .moved-notifications__counter:empty { display: none; } .wiki-tools.wds-button-group > .wds-dropdown .wds-button { border-right: 1px solid; } .global-navigation { position: absolute; left: -66px; box-shadow: none; } .main-container { width: 100%; margin-left: 0; } .fandom-sticky-header { left: 0; } .global-navigation .notifications .wds-dropdown__content { border-radius: 3px 3px 0 0; } .fandom-sticky-header:not(.is-visible) + .global-navigation .notifications .wds-dropdown__content { top: calc(clamp(70px, var(--theme-icon-height, 0px), 100px) - 5px); right: calc((100% - 1236px)/2); } .is-content-expanded .fandom-sticky-header:not(.is-visible) + .global-navigation .notifications .wds-dropdown__content { right: 2.5%; } @media only screen and (min-width: 1280px) and (max-width: 1454px) { body:not(.is-content-expanded) .fandom-sticky-header:not(.is-visible) + .global-navigation .notifications .wds-dropdown__content { right: 7.5%; } } @media only screen and (max-width: 1279px) { .fandom-sticky-header:not(.is-visible) + .global-navigation .notifications .wds-dropdown__content { right: 2.5%; }   .user-navigation-moved__has-header-image .fandom-sticky-header:not(.is-visible) + .global-navigation .notifications .wds-dropdown__content { top: calc(min(80px, var(--theme-icon-height, 0px)) + 35px); } } .global-navigation .notifications .wds-dropdown:before, .global-navigation .notifications .wds-dropdown:after { display: none; }

/* Hacky method to flip the dropdown items in the user dropdowns TODO: Find a better way to do this */ .user-navigation-moved > .wds-dropdown .wds-list { transform: scaleY(-1); } .user-navigation-moved > .wds-dropdown .wds-list li { transform: scaleY(-1); }

/* Make search background fadeout cover area where global nav used to be */ .search-modal, .search-modal:before { left: 0; }

/* Change notification icon color */ .global-navigation__icon, .global-navigation__icon:active, .global-navigation__icon:focus, .global-navigation__icon:hover, .global-navigation__icon:visited { color: #FFF; }

.category-gallery, .wds-banner-notification, .WikiaPage .page-header .wds-button.wds-is-secondary, .license-description, .WikiaFooter, .WikiaTopAds, .home-top-right-ads, .wds-global-footer-wikia-org, .wds-global-footer { display: none } .TemplateClassificationEditModal { width: 1100px; } .template-classification-edit-form-label div p { margin-bottom: 10px; } .template-classification-edit-modal .tc-instructions { margin-bottom: 20px; }
 * 1) WikiaAdInContentPlaceHolder.rail-sticky-module,
 * 1) watch-show-rail-module,

/* Page content */ .page-content h2 { font-size: 21px; font-weight: normal; line-height: 1; }

.page-content h3 { margin: 12px 0; }

/* Section edit links */ .mw-editsection .wds-icon { display: none }

.mw-editsection .mw-editsection-bracket { display: none }

.global-navigation__icon { border: 2px solid #FFF; }

/* Infobox gallery tabs */ .mw-parser-output .wds-tabs { justify-content: center; flex-wrap: wrap; }

/* Quotations */ .quote { background-color: var(--content-color); border: 0px solid var(--theme-border-color); border-radius: 3px; font-size: 95%; font-style: italic; margin-bottom: 0.5em; padding: 0.75em; display: none; }

.quote p { margin: 0; } .quote__source { font-style: normal; margin-left: 0.4em; }

/* Templates */ .main { display: none; }

.see { display: none; }

.for { display: none; }

/* ToC */ background-color: var(--content-color); display: none; } .toclimit-1 .toclevel-1 ol, .toclimit-2 .toclevel-2 ol, .toclimit-3 .toclevel-3 ol, .toclimit-4 .toclevel-4 ol, .toclimit-5 .toclevel-5 ol, .toclimit-6 .toclevel-6 ol { display: none; }
 * 1) toc {

/* Anchor targets */
 * target {

animation: highlight 3s ease; background-color: var(--secondary-color); } @keyframes highlight { 0% { background-color: var(--theme-color); color: var(--theme-text-color); } 100% { background-color: var(--secondary-color); color: var(--theme-page-text-color); } }

/* Staff */ .page-Special_RecentChanges a[title="User:RB1196"], .page-Special_RecentChanges a[title="User:Technobliterator"], .page-Special_RecentChanges a[title="User:Tim H"], .page-Special_RecentChanges a[title="User:Thatawesomecat"], .page-Special_RecentChanges a[title="User:Jak Himself"], .page-Special_RecentChanges a[title="User:Steamblust"], .page-Special_RecentChanges a[title="User:FireSlug"], .page-Special_RecentChanges a[title="User:Shrev64"], .page-Special_RecentChanges a[title="User:Jim Logan"] { font-weight: bold;}

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .watchlistredir { font-style: italic; }

/* Removed features */ .filehistory th:last-child, .filehistory td:last-child, .mw-logline-upload .comment, .mw-htmlform-field-Licenses, .mw-upload-editlicenses, .oo-ui-toolbar-bar .oo-ui-tool-name-multiUploadBar, display: none; }
 * 1) msupload-container {

/* Fonts */ .mw-content-ltr { font-weight: inherit; text-transform: inherit; }

.page-content h2 { font-weight: lighter; text-transform: inherit; }

.page-content h3 { font-weight: lighter; text-transform: inherit; }

.page-content h4 { font-weight: lighter; text-transform: inherit; }

.page-header__title { font-weight: lighter; text-transform: inherit; }