User:LuxorPL/global.css

/* DarkGlobalNav v2 - dark transparent global navigation bar theme */ /* make dark and transparent */ .wds-global-navigation { background-color: rgba(0,0,0,0.65); box-shadow: 0 1px 0 0 #39424d; } /* adjust some sizes so background colour shows better */ .wds-global-navigation__links { margin: 0 15px; } .wds-global-navigation__link { margin: 0; padding: 0 15px; } .wds-global-navigation__search-toggle { height: 100%; padding: 0 6px; } .wds-global-navigation__user-menu, .wds-global-navigation__notifications-dropdown { padding: 0 6px; } .wds-global-navigation__start-a-wiki { margin-left: 10px; } /* remove adjusted sizes when search is active */ .wds-search-is-active .wds-global-navigation__links { margin: 0; } .wds-search-is-active .wds-global-navigation__link, .wds-search-is-active .wds-global-navigation__link-group, .wds-search-is-active .wds-global-navigation__search-toggle { padding: 0; } /* default item colour */ .wds-global-navigation__link, .wds-global-navigation__link-group, .wds-global-navigation__search-toggle, .wds-global-navigation__user-menu, .wds-global-navigation__notifications-dropdown, .wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled) { color: #f6f6f6; } /* hover item colour */ .wds-global-navigation__link:hover, .wds-global-navigation__link-group:hover, .wds-global-navigation__search-toggle:hover, .wds-global-navigation__user-menu:hover, .wds-global-navigation__notifications-dropdown:hover, .wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled):hover { background-color: #656e78; } /* use text colour for chevrons */ .wds-global-navigation .wds-dropdown__toggle-chevron { fill: currentcolor; } /* use text colour for border */ .wds-global-navigation .wds-avatar .wds-avatar__image, .wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled) { border-color: currentcolor; } /* aqua background for notifications counter (default white blends with icon) */ .wds-global-navigation__avatar-notifications-counter, .wds-global-navigation__notifications-counter { background-color: #00d6d6; }