User:Persondudes/common.css

/* DarkGlobalNav v2 - dark transparent global navigation bar theme */ /* make dark and transparent */ .wds-global-navigation { background-color: rgba( 0, 0, 0, 0.65 ); } /* 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 */ @media (max-width: 1499px) { .wds-search-is-active .wds-global-navigation__links, .wds-search-is-active .wds-global-navigation__link, .wds-search-is-active .wds-global-navigation__search-toggle { margin: 0; padding: 0; } } /* default item colour */ .wds-global-navigation__link, .wds-global-navigation__search, .wds-global-navigation__user-menu, .wds-global-navigation__notifications-dropdown, .wds-global-navigation__start-a-wiki .wds-button, .wds-global-navigation__start-a-wiki:hover .wds-button { color: #f6f6f6; } /* hover item background 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:hover .wds-button { background-color: #656e78; } /* use text colour for chevrons */ .wds-global-navigation .wds-dropdown__toggle-chevron { fill: currentcolor; } /* underline colour for search box */ .wds-global-navigation__search-input-wrapper { border-color: #f6f6f6; } .wds-search-is-focused .wds-global-navigation__search-input-wrapper { border-color: #00d6d6; } /* colours for default avatar */ .wds-global-navigation .wds-avatar .wds-avatar__image { border-color: currentcolor; color: currentcolor; } /* aqua background for notifications counter (default white blends with icon) */ .wds-global-navigation__notifications-counter { background-color: #00d6d6; } /* override wikia's important rule for link colour */ .wds-global-navigation__link:visited, .wds-global-navigation__link:hover { color: #f6f6f6 !important; } /* wikia.org fixes */ .wds-global-navigation.wds-is-wikia-org { background-color: rgba( 0, 0, 0, 0.65 ); border-bottom: 0; } .wds-global-navigation.wds-is-wikia-org > * { margin: 0; } .wds-global-navigation.wds-is-wikia-org .wds-global-navigation__logo { filter: grayscale(1) brightness(10); } .wds-global-navigation.wds-is-wikia-org .wds-global-navigation__search, .wds-global-navigation.wds-is-wikia-org .wds-global-navigation__search-toggle:hover, .wds-global-navigation.wds-is-wikia-org .wds-global-navigation__search-input, .wds-global-navigation.wds-is-wikia-org .wds-global-navigation__search-close.wds-button.wds-is-text { color: #f6f6f6; } .wds-global-navigation.wds-is-wikia-org .wds-global-navigation__user-menu:hover .wds-avatar__image, .wds-global-navigation.wds-is-wikia-org .wds-dropdown .wds-dropdown__toggle .wds-icon, .wds-global-navigation.wds-is-wikia-org .wds-dropdown:hover .wds-dropdown__toggle .wds-icon { fill: #f6f6f6; } .wds-global-navigation.wds-is-wikia-org .wds-global-navigation__search-input::placeholder { color: #f6f6f6; }