User:Huillam/global.css

/* DarkScrollingGlobalNav - inverse global navigation bar colour while scrolling + always show global navigation */ /* fade between background colours */ .wds-global-navigation { transition: background-color 0.5s; } /* inversed colours while scrolling + show while scrolling */ .wds-global-navigation.headroom--not-top { background-color: rgba(0,0,0,0.65); box-shadow: 0 1px 0 0 #333; transform: none; } /* 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-global-navigation .wds-button.wds-is-text, .wds-global-navigation .wds-button.wds-is-text:hover:not(:disabled), .wds-global-navigation .wds-button.wds-is-secondary { background-color: transparent; } /* link/menu default colour */ .headroom--not-top .wds-global-navigation__link, .headroom--not-top .wds-global-navigation__wikis-menu, .headroom--not-top .wds-global-navigation__search, .headroom--not-top .wds-global-navigation__search-input, .headroom--not-top .wds-global-navigation__user-menu, .headroom--not-top .wds-global-navigation__notifications-menu, .headroom--not-top .wds-global-navigation__start-a-wiki, .headroom--not-top .wds-button.wds-is-secondary { color: #fff; } /* link/menu hover colour */ .headroom--not-top .wds-global-navigation__link:hover, .headroom--not-top .wds-global-navigation__wikis-menu:hover, .headroom--not-top .wds-global-navigation__user-menu:hover, .headroom--not-top .wds-global-navigation__notifications-menu:hover { color: #00b7e0; } /* link active colour */ .headroom--not-top .wds-global-navigation__link:active, .headroom--not-top .wds-global-navigation__link.wds-is-active { color: #fff; } /* menu active colour */ .headroom--not-top .wds-global-navigation__wikis-menu:active, .headroom--not-top .wds-global-navigation__wikis-menu.wds-is-active, .headroom--not-top .wds-global-navigation__user-menu:active, .headroom--not-top .wds-global-navigation__user-menu.wds-is-active, .headroom--not-top .wds-global-navigation__notifications-menu:active, .headroom--not-top .wds-global-navigation__notifications-menu.wds-is-active { background-color: #656e78; border-color: #363b41; color: #fff; } /* logo colour */ .headroom--not-top .wds-global-navigation__logo-fandom > g > path[fill="#39414D"], .headroom--not-top .wds-global-navigation__logo-fandom > g > path[fill="#0B2343"] { fill: #fff; } .headroom--not-top .wds-global-navigation__logo-fandom > g > path[fill="#7E90A2"] { fill: #bbb; } /* start wiki button hover/active colour */ .headroom--not-top .wds-button.wds-is-secondary:hover:not(:disabled), .headroom--not-top .wds-button.wds-is-secondary:active, .headroom--not-top .wds-button.wds-is-secondary.wds-is-active { color: #00647a; } /* search box default colour */ .headroom--not-top .wds-global-navigation__search-input::-webkit-input-placeholder { color: #fff; } .headroom--not-top .wds-global-navigation__search-input::-moz-placeholder { color: #fff; } .headroom--not-top .wds-global-navigation__search-input:-ms-input-placeholder { color: #fff; } .headroom--not-top .wds-global-navigation__search-input::placeholder { color: #fff; } @media (min-width:1024px) { .headroom--not-top .wds-global-navigation__search-input-wrapper { border-bottom-color: #c5ced9; }   .headroom--not-top .wds-global-navigation__search-label-icon:hover { color: #fff; } } /* search box active colour */ .headroom--not-top.wds-search-is-active .wds-global-navigation__search-input::-webkit-input-placeholder { color: #bbb; } .headroom--not-top.wds-search-is-active .wds-global-navigation__search-input::-moz-placeholder { color: #bbb; } .headroom--not-top.wds-search-is-active .wds-global-navigation__search-input:-ms-input-placeholder { color: #bbb; } .headroom--not-top.wds-search-is-active .wds-global-navigation__search-input::placeholder { color: #bbb; } .headroom--not-top.wds-search-is-active .wds-global-navigation__search-input-wrapper { border-bottom-color: #c5ced9; } .headroom--not-top.wds-search-is-active .wds-global-navigation__search-label-icon:hover { color: #fff; } /* fix for banner notifications disappearing behind global navigation */ .banner-notifications-wrapper.float { top: initial !important; }