MediaWiki:DarkGlobalNav.css

/* DarkGlobalNav - inverse global navigation bar colour */

/* inversed colours */ .wds-global-navigation { background-color: rgba(0,0,0,0.65); box-shadow: 0 1px 0 0 #333; }

/* make all globalnav items transparent */ /* background-color is set on .wds-global-navigation and will show through, so no need to set it here too */ .wds-global-navigation__logo, .wds-global-navigation__link, .wds-global-navigation__wikis-menu, .wds-global-navigation__search, .wds-global-navigation__search-label, .wds-global-navigation__search-input, .wds-global-navigation__user-menu, .wds-global-navigation__notifications-menu, .wds-global-navigation__start-a-wiki, .wds-button.wds-is-text, .wds-button.wds-is-text:hover:not(:disabled), .wds-button.wds-is-secondary { background-color: transparent; }

/* link/menu default colour */ .wds-global-navigation__logo, .wds-global-navigation__link, .wds-global-navigation__wikis-menu, .wds-global-navigation__search, .wds-global-navigation__search-input, .wds-global-navigation__user-menu, .wds-global-navigation__notifications-menu, .wds-global-navigation__start-a-wiki, .wds-button.wds-is-secondary { color: #fff; }

/* link/menu hover colour */ .wds-global-navigation__link:hover, .wds-global-navigation__wikis-menu:hover, .wds-global-navigation__user-menu:hover, .wds-global-navigation__notifications-menu:hover { color: #00b7e0; }

/* link active colour */ .wds-global-navigation__link:active, .wds-global-navigation__link.wds-is-active { color: #fff; }

/* menu active colour */ .wds-global-navigation__wikis-menu:active, .wds-global-navigation__wikis-menu.wds-is-active, .wds-global-navigation__user-menu:active, .wds-global-navigation__user-menu.wds-is-active, .wds-global-navigation__notifications-menu:active, .wds-global-navigation__notifications-menu.wds-is-active { background-color: #656e78; border-color: #363b41; color: #fff; }

/* logo colour */ .wds-global-navigation__logo-wikia-icon { fill: #fff; }

/* start wiki button hover/active colour */ .wds-button.wds-is-secondary:hover:not(:disabled), .wds-button.wds-is-secondary:active, .wds-button.wds-is-secondary.wds-is-active { color: #00647a; }

/* search box default colour */ .wds-global-navigation__search-input::-webkit-input-placeholder { color: #fff; } .wds-global-navigation__search-input::-moz-placeholder { color: #fff; } .wds-global-navigation__search-input:-ms-input-placeholder { color: #fff; } .wds-global-navigation__search-input::placeholder { color: #fff; } @media (min-width:1024px) { .wds-global-navigation__search-input-wrapper { border-bottom-color: #c5ced9; } }

/* search box active colour */ .wds-search-is-active .wds-global-navigation__search-input::-webkit-input-placeholder { color: #bbb; } .wds-search-is-active .wds-global-navigation__search-input::-moz-placeholder { color: #bbb; } .wds-search-is-active .wds-global-navigation__search-input:-ms-input-placeholder { color: #bbb; } .wds-search-is-active .wds-global-navigation__search-input::placeholder { color: #bbb; } .wds-global-navigation.wds-search-is-active .wds-global-navigation__search-input-wrapper { border-bottom-color: #c5ced9; }