User:HM100/navbar-customization.css

/* */ /* Header customization by HM100. It retains the big size of Navigation but it makes customizations so as to be clean and better. Also makes link decapitalized as well as in both light and dark theme. Note that the CSS file is not maintained alone. */

body:not(.skin-monobook) .wds-global-navigation { background-color: transparent; border-bottom: 1px solid #656e78; font-family: inherit; }

body:not(.skin-monobook) .wds-global-navigation:after { width: 100%; height: 100%; position: absolute; content: ""; display: block; background-color: #c5ced9; top: 0; left: 0; opacity: 0.7; z-index: -1; }

body:not(.skin-monobook) .wds-global-navigation__links { font-size: 17px; }

body:not(.skin-monobook) .wds-global-navigation__user-menu .wds-avatar__image { border-radius: 50% 100%; color: #39424d; fill: currentcolor; border-color: currentcolor; border-style: double; border-width: 3px; transition: none; background-color: transparent; }

body:not(.skin-monobook) .wds-global-navigation__user-menu:hover .wds-avatar__image { color: #656e78; fill: currentcolor; border-color: currentcolor; border-style: double; border-radius: 100% 50%; }

body:not(.skin-monobook) .wds-global-navigation__link, body:not(.skin-monobook) .wds-global-navigation__notifications-dropdown, body:not(.skin-monobook) .wds-global-navigation__user-menu { text-transform: none; font-weight: 500; color: #39424d !important; transition: none!important; text-shadow: none!important; }

body:not(.skin-monobook) .wds-global-navigation__link:hover, body:not(.skin-monobook) .wds-global-navigation__notifications-dropdown:hover, body:not(.skin-monobook) .wds-global-navigation__user-menu:hover { color: #656e78 !important; }

body:not(.skin-monobook) .wds-global-navigation__link .wds-dropdown__toggle-chevron, body:not(.skin-monobook) .wds-global-navigation__notifications-dropdown .wds-dropdown__toggle-chevron, body:not(.skin-monobook) .wds-global-navigation__user-menu .wds-dropdown__toggle-chevron { fill: #002a32; }

body:not(.skin-monobook) .wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled) { transition: none; border-color: #39424d; color: #39424d; border-radius: 0; padding-left: 15px; padding-right: 15px; font-size: 11px; }

body:not(.skin-monobook) .wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled):hover { border-color: #39424d; color: #656e78; }

body:not(.skin-monobook) .wds-global-navigation .wds-dropdown:before, body:not(.skin-monobook) .wds-global-navigation .wds-dropdown:after { border-bottom-color: #ffffff !important; }

body:not(.skin-monobook) .wds-global-navigation .wds-dropdown__content, body:not(.skin-monobook) .wds-global-navigation .wds-dropdown-level-2__content { background-color: #ffffff; color: #39424d; border: 0!important; box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.3); border-radius: 0!important; }

body:not(.skin-monobook) .wds-global-navigation .wds-dropdown__content .wds-list, body:not(.skin-monobook) .wds-global-navigation .wds-dropdown-level-2__content .wds-list { background-image: none; }

body:not(.skin-monobook) .wds-global-navigation .wds-dropdown__content .wds-list:before, body:not(.skin-monobook) .wds-global-navigation .wds-dropdown-level-2__content .wds-list:before, body:not(.skin-monobook) .wds-global-navigation .wds-dropdown__content .wds-list:after, body:not(.skin-monobook) .wds-global-navigation .wds-dropdown-level-2__content .wds-list:after { display: none; }

body:not(.skin-monobook) .wds-global-navigation .wds-dropdown__content .wds-list > li, body:not(.skin-monobook) .wds-global-navigation .wds-dropdown-level-2__content .wds-list > li { color: #39424d; }

body:not(.skin-monobook) .wds-global-navigation .wds-dropdown__content .wds-list > li .wds-button, body:not(.skin-monobook) .wds-global-navigation .wds-dropdown-level-2__content .wds-list > li .wds-button { transition: none; border-color: #39424d; color: #39424d; border-radius: 0; padding-left: 15px; padding-right: 15px; font-size: 11px; }

body:not(.skin-monobook) .wds-global-navigation .wds-dropdown__content .wds-list > li .wds-button:hover, body:not(.skin-monobook) .wds-global-navigation .wds-dropdown-level-2__content .wds-list > li .wds-button:hover { border-color: #39424d; color: #656e78; background-color: transparent; }

body:not(.skin-monobook) .wds-global-navigation .wds-dropdown__content .wds-list > li > a:not(.wds-button), body:not(.skin-monobook) .wds-global-navigation .wds-dropdown-level-2__content .wds-list > li > a:not(.wds-button), body:not(.skin-monobook) .wds-global-navigation .wds-dropdown__content .wds-list > li .wds-sign-out__button, body:not(.skin-monobook) .wds-global-navigation .wds-dropdown-level-2__content .wds-list > li .wds-sign-out__button { transition: none; color: inherit; }

body:not(.skin-monobook) .wds-global-navigation .wds-dropdown__content .wds-list > li:hover > a:not(.wds-button), body:not(.skin-monobook) .wds-global-navigation .wds-dropdown-level-2__content .wds-list > li:hover > a:not(.wds-button), body:not(.skin-monobook) .wds-global-navigation .wds-dropdown__content .wds-list > li:hover .wds-sign-out__button, body:not(.skin-monobook) .wds-global-navigation .wds-dropdown-level-2__content .wds-list > li:hover .wds-sign-out__button { background-color: transparent; color: #656e78; transition: none; }

body:not(.skin-monobook) .wds-global-navigation svg#wds-company-logo-fandom-white path:first-child { fill: #00d6d6 !important; }

body:not(.skin-monobook) .wds-global-navigation svg#wds-company-logo-fandom-white path:last-child { fill: #39424d !important; }

body:not(.skin-monobook) .wds-global-footer { background-color: transparent; border-top: 1px solid #656e78; color: #39424d; font-family: inherit; }

body:not(.skin-monobook) .wds-global-footer:after { width: 100%; height: 100%; position: absolute; content: ""; display: block; background-color: #c5ced9; top: 0; left: 0; opacity: 0.7; z-index: -1; }

body:not(.skin-monobook) .wds-global-footer * { transition: none!important; }

body:not(.skin-monobook) .wds-global-footer .wds-global-footer__header-logo g path:first-child { fill: #00d6d6 !important; }

body:not(.skin-monobook) .wds-global-footer .wds-global-footer__header-logo g path:last-child { fill: #39424d !important; }

body:not(.skin-monobook) .wds-global-footer .wds-global-footer__section-header { font-size: 14px; color: #002a32; }

body:not(.skin-monobook) .wds-global-footer .wds-global-footer__link, body:not(.skin-monobook) .wds-global-footer .wds-global-footer__link:active, body:not(.skin-monobook) .wds-global-footer .wds-global-footer__link:focus, body:not(.skin-monobook) .wds-global-footer .wds-global-footer__link:visited { color: #39424d !important; text-shadow: none!important; }

body:not(.skin-monobook) .wds-global-footer .wds-global-footer__link:hover, body:not(.skin-monobook) .wds-global-footer .wds-global-footer__link:active:hover, body:not(.skin-monobook) .wds-global-footer .wds-global-footer__link:focus:hover, body:not(.skin-monobook) .wds-global-footer .wds-global-footer__link:visited:hover { color: #656e78 !important; }

body:not(.skin-monobook) .wds-global-footer .wds-global-footer__section.wds-is-follow-us .wds-global-footer__link-image { opacity: 1!important; color: inherit!important; }

body:not(.skin-monobook) .wds-global-footer .wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link div { border-bottom-color: #002a32; }

body:not(.skin-monobook) .wds-global-footer .wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__image { color: #39424d; }

body:not(.skin-monobook) .wds-global-footer .wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__image:hover { color: #656e78; }

body:not(.skin-monobook) .wds-global-footer .wds-global-footer__section-description { color: inherit; }

body:not(.skin-monobook) .wds-global-footer .wds-global-footer__wikia-section.wds-is-create-wiki .wds-global-footer__link { border-color: #39424d !important; border-radius: 0; width: 140px; font-size: 11px; }

body:not(.skin-monobook) .wds-global-footer .wds-global-footer__bottom-bar { background-color: #ffffff; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-navigation { border-bottom-color: #ffffff; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-navigation:after { background-color: #39424d; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-navigation__user-menu .wds-avatar__image { color: #c5ced9; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-navigation__user-menu:hover .wds-avatar__image { color: #ffffff; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-navigation__link, .oasis-dark-theme:not(.skin-monobook) .wds-global-navigation__notifications-dropdown, .oasis-dark-theme:not(.skin-monobook) .wds-global-navigation__user-menu { color: #c5ced9 !important; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-navigation__link:hover, .oasis-dark-theme:not(.skin-monobook) .wds-global-navigation__notifications-dropdown:hover, .oasis-dark-theme:not(.skin-monobook) .wds-global-navigation__user-menu:hover { color: #ffffff !important; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-navigation__link .wds-dropdown__toggle-chevron, .oasis-dark-theme:not(.skin-monobook) .wds-global-navigation__notifications-dropdown .wds-dropdown__toggle-chevron, .oasis-dark-theme:not(.skin-monobook) .wds-global-navigation__user-menu .wds-dropdown__toggle-chevron { fill: #c5ced9; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled) { border-color: #c5ced9; color: #c5ced9; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled):hover { border-color: #c5ced9; color: #ffffff; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-navigation .wds-dropdown:before, .oasis-dark-theme:not(.skin-monobook) .wds-global-navigation .wds-dropdown:after { border-bottom-color: #656e78 !important; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-navigation .wds-dropdown__content, .oasis-dark-theme:not(.skin-monobook) .wds-global-navigation .wds-dropdown-level-2__content { background-color: #656e78 !important; color: #c5ced9 !important; box-shadow: 0 8px 12px 0 rgba(255, 255, 255, 0.3); }

.oasis-dark-theme:not(.skin-monobook) .wds-global-navigation .wds-dropdown__content .wds-list > li, .oasis-dark-theme:not(.skin-monobook) .wds-global-navigation .wds-dropdown-level-2__content .wds-list > li { color: #c5ced9; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-navigation .wds-dropdown__content .wds-list > li .wds-button, .oasis-dark-theme:not(.skin-monobook) .wds-global-navigation .wds-dropdown-level-2__content .wds-list > li .wds-button { border-color: #c5ced9; color: #c5ced9; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-navigation .wds-dropdown__content .wds-list > li .wds-button:hover, .oasis-dark-theme:not(.skin-monobook) .wds-global-navigation .wds-dropdown-level-2__content .wds-list > li .wds-button:hover { border-color: #c5ced9; color: #ffffff; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-navigation .wds-dropdown__content .wds-list > li:hover > a:not(.wds-button), .oasis-dark-theme:not(.skin-monobook) .wds-global-navigation .wds-dropdown-level-2__content .wds-list > li:hover > a:not(.wds-button), .oasis-dark-theme:not(.skin-monobook) .wds-global-navigation .wds-dropdown__content .wds-list > li:hover .wds-sign-out__button, .oasis-dark-theme:not(.skin-monobook) .wds-global-navigation .wds-dropdown-level-2__content .wds-list > li:hover .wds-sign-out__button { color: #ffffff; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-navigation svg#wds-company-logo-fandom-white path:last-child { fill: #c5ced9 !important; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-footer { border-top-color: #ffffff !important; color: #c5ced9; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-footer:after { background-color: #39424d; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-footer .wds-global-footer__header-logo g path:last-child { fill: #c5ced9 !important; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-footer .wds-global-footer__section-header { color: #c5ced9; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-footer .wds-global-footer__link, .oasis-dark-theme:not(.skin-monobook) .wds-global-footer .wds-global-footer__link:active, .oasis-dark-theme:not(.skin-monobook) .wds-global-footer .wds-global-footer__link:focus, .oasis-dark-theme:not(.skin-monobook) .wds-global-footer .wds-global-footer__link:visited { color: #c5ced9 !important; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-footer .wds-global-footer__link:hover, .oasis-dark-theme:not(.skin-monobook) .wds-global-footer .wds-global-footer__link:active:hover, .oasis-dark-theme:not(.skin-monobook) .wds-global-footer .wds-global-footer__link:focus:hover, .oasis-dark-theme:not(.skin-monobook) .wds-global-footer .wds-global-footer__link:visited:hover { color: #ffffff !important; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-footer .wds-global-footer__fandom-section.wds-is-fandom-overview .wds-global-footer__link div { border-bottom-color: #c5ced9; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-footer .wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__image { color: #c5ced9; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-footer .wds-global-footer__fandom-section.wds-is-follow-us .wds-global-footer__image:hover { color: #ffffff; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-footer .wds-global-footer__wikia-section.wds-is-create-wiki .wds-global-footer__link { border-color: #c5ced9 !important; }

.oasis-dark-theme:not(.skin-monobook) .wds-global-footer .wds-global-footer__bottom-bar { background-color: #656e78; }