User:Khanetho417/global.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:Modern2010Editor.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:NoCustomCursors.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:GlobalNavDarkTheme.css&only=styles"; /* NoGlobalNav */ .user-navigation-moved { --fandom-global-nav-link-color: var(--theme-community-header-color); --fandom-global-nav-icon-background-color: none; --fandom-global-nav-icon-background-color--hover: rgba(255, 255, 255, 0.25); --fandom-global-nav-icon-background-color--active: rgba(255, 255, 255, 0.4); } .fandom-sticky-header .user-navigation-moved { --fandom-global-nav-link-color: var(--theme-sticky-nav-text-color); } .user-navigation-moved .wds-avatar { --wds-avatar-border-color: var(--theme-community-header-color); --wds-avatar-border-color--hover: var(--theme-link-color); } .fandom-sticky-header .user-navigation-moved .wds-avatar { --wds-avatar-border-color: var(--theme-sticky-nav-text-color); } .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; border: none; } .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; } /* 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; }

/* Fix sign out button color */ /* From User:Sophiedp */ .wds-sign-out__button { color: var(--wds-dropdown-text-color); } .wds-sign-out__button:hover { background-color: var(--wds-dropdown-linked-item-background-color); color: var(--wds-dropdown-linked-item-color); }

/* UCX Search Bar */

.wiki-tools { width: 55%; } .wiki-tools__search-container { display: inline-flex; height: auto; width: 100%; } .wiki-tools__search-container::before, .wiki-tools__search-container::after { display: none !important; } .wiki-tools__search-input { width: 100%; padding: 5px; border: 1px solid; background-color: transparent; } .ltr .wiki-tools__search-input { border-right: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .rtl .wiki-tools__search-input { border-left: 0; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .fandom-community-header__top-container .wiki-tools__search-input, .fandom-community-header__top-container .wiki-tools__search-input::placeholder { color: var(--theme-body-text-color); } .fandom-sticky-header .wiki-tools__search-input, .fandom-sticky-header .wiki-tools__search-input::placeholder { color: var(--theme-sticky-nav-text-color); } .wiki-tools__search-input:focus { outline: none; } .fandom-community-header__top-container .wiki-tools__search-input:focus { border-color: var(--theme-body-text-color--hover); } .fandom-community-header__top-container .wiki-tools__search-input:focus::placeholder { color: var(--theme-body-text-color--hover); } .fandom-sticky-header .wiki-tools__search-input:focus { border-color: var(--theme-sticky-nav-text-color--hover); } .fandom-sticky-header .wiki-tools__search-input:focus::placeholder { color: var(--theme-sticky-nav-text-color--hover); } .wiki-tools__search-button { border-radius: 0 !important; } .ltr .wiki-tools__search-button { border-right: 0; } .rtl .wiki-tools__search-button { border-left: 0; } .wiki-tools__search-linksuggest-list { width: 125%; } .wiki-tools__search-linksuggest-list > ul > li > a { text-overflow: ellipsis; overflow: hidden; } .wiki-tools__search-linksuggest-list-see-all { font-style: italic; }

/* Fake element to prevent content shift */ .wiki-tools.wds-button-group:not(.wiki-tools__ucxsearch)::before { border-right: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; content: "Search..."; width: 100%; padding: 0 10px; border: 1px solid; padding: 6px 5px 4px 5px; border-right: none; background-color: transparent; text-overflow: inherit; line-height: initial; white-space: pre; overflow-wrap: normal; font: 400 13.3333px Arial; cursor: text; } .wiki-tools__search.wds-button.wds-is-secondary { border-radius: 0; }