User:Asd988/global.css

.fandom-sticky-header.is-visible { -webkit-transform: translateY(0%); transform: translateY(0%); }

.fandom-sticky-header { -webkit-box-shadow: 0 3px 12px 0 rgba(0,0,0,0); box-shadow: 0 3px 12px 0 rgba(0,0,0,0); }

.global-navigation { -webkit-box-orient: horizontal; flex-direction: row; left: 0; top: 0; z-index: 800; height: 66px; right: 0; bottom: unset; width: unset; }

.global-navigation__bottom, .global-navigation__top { padding: 0 9px; }

.global-navigation__logo { display: grid; }

.global-navigation__nav { grid-column-gap: 12px; } .global-navigation__bottom, .global-navigation__nav, .global-navigation__top { display: grid; grid-template-columns: repeat(3,auto); align-items: center; grid-column-gap: 5px; }

.global-navigation__links { grid-column-gap: 15px; display: grid; grid-template-columns: repeat(6,auto); align-items: center; }

.search-modal, .search-modal::before { left: 0px; top: 66px; }

.global-navigation .wds-dropdown__toggle { width: unset; }

.wds-dropdown.wds-open-to-right::before { border-bottom-color: var(--wds-dropdown-border-color); }

.wds-dropdown.wds-open-to-right::after { border-bottom-color: var(--wds-dropdown-background-color); }

.wds-dropdown.wds-open-to-right::after, .wds-dropdown.wds-open-to-right::before { border-right-color: transparent; left: auto; margin-left: 0; top: auto; /* -webkit-transform: translateY(-50%); */ transform: translateX(50%); bottom: -1px; right: 50%; }

.global-navigation .wds-dropdown__toggle .global-navigation__label { padding-right: unset; }

.global-navigation .wds-dropdown { margin-left: unset; }

.global-navigation__label { max-width: unset; }

.wds-dropdown.wds-open-to-right .wds-dropdown__content { left: unset; top: unset; }

.global-navigation .wds-dropdown.is-attached-to-bottom .wds-dropdown__content { bottom: unset; left: unset; }

.page-side-tools { top: 70px; } .fandom-sticky-header.is-visible + .global-navigation .notifications .wds-dropdown.is-attached-to-bottom .wds-dropdown__content { top: 66px; right: 0px; bottom: 0; } .global-navigation .notifications .wds-dropdown.is-attached-to-bottom.wds-is-active .wds-dropdown__content { top: 66px; right: 0px; bottom: 0; }

.global-navigation__link:last-child { width: 100px; position: absolute; right: 10px; }

.global-navigation__search.global-navigation__icon { position: absolute; left: 368px; }

.wds-dropdown.wds-open-to-right.is-attached-to-bottom:not(.wds-is-not-hoverable) { margin-right: 100px; }

.global-navigation .notifications .wds-dropdown.is-attached-to-bottom::after, .global-navigation .notifications .wds-dropdown.is-attached-to-bottom::before { bottom: -1px; right: 168px; }

.global-navigation .notifications { margin-bottom: unset; }


 * root {

--fandom-global-nav-background-color: var(--theme-sticky-nav-background-color); --fandom-global-nav-text-color: var(--theme-sticky-nav-text-color); --fandom-global-nav-link-color: var(--theme-sticky-nav-text-color); --fandom-global-nav-link-color--hover: var(--theme-sticky-nav-text-color--hover); --fandom-global-nav-icon-color: var(--theme-sticky-nav-text-color); --fandom-global-nav-icon-border-color: var(--theme-sticky-nav-text-color); --fandom-global-nav-icon-border-color--hover: var(--theme-sticky-nav-text-color); --fandom-global-nav-icon-border-color--active: var(--theme-sticky-nav-text-color); --fandom-global-nav-bottom-icon-color: var(--theme-sticky-nav-text-color); --fandom-global-nav-counter-background-color: var(--theme-sticky-nav-text-color); --fandom-global-nav-counter-label-color: var(--theme-sticky-nav-background-color); --fandom-global-nav-icon-background-color--hover: hsla(0,0%,78%,0.5); }