User:Joritochip/common.css

/* * NoGlobalNav * * @description Removes the FandomDesktop global navigation and moves user and notification dropdowns to top right * @author Joritochip */ .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 { /* Page top, normal width */ top: calc(clamp(70px, var(--theme-icon-height), 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 (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)) + 35px); } } .fandom-sticky-header .user-navigation-moved > .wds-dropdown .wds-dropdown__content { position: fixed; min-width: 0; max-width: 150px; left: inherit; right: -60px; top: 39px; } .global-navigation .notifications .wds-dropdown:before, .global-navigation .notifications .wds-dropdown:after { display: none; }