User:EsmeCakes/common.css

/** Global Navigation Customisation **/
 * root {

--fandom-global-nav-background-color: #002A32; --fandom-global-nav-text-color: #00D6D6; --fandom-global-nav-link-color: #00D6D6; --fandom-global-nav-icon-color: #FFFFFF; --fandom-global-nav-icon-background-color: #194047; --fandom-global-nav-icon-background-color--hover: #194047; --fandom-global-nav-icon-border-color: #00D6D6; --fandom-global-nav-icon-border-color--hover: rgba(82,0,68,0.5); --fandom-global-nav-icon-border-color--active: #00D6D6; --fandom-global-nav-bottom-icon-color: #00D6D6; --fandom-global-nav-counter-background-color: #00D6D6; --fandom-global-nav-search-active-link-border-color: #00D6D6; --fandom-global-nav-logo-separator-color: #00D6D6; --fandom-global-nav-search-separator-color: rgba(30, 12, 27, 0.25); }

.wds-global-navigation .wds-dropdown { --wds-dropdown-background-color: rgb(255, 255, 255); --wds-dropdown-border-color: #C5CED9; --wds-dropdown-text-color: #00D6D6; --wds-dropdown-linked-item-color: rgb(0, 214, 214); --wds-dropdown-linked-item-background-color: rgb(39, 86, 87, 0.1); --wds-dropdown-scrollable-shadow-color: rgba(12, 27, 30 0.1); }

.wds-global-navigation { background-color: rgb(0, 42, 50) !important; }

.wds-global-navigation__link, .wds-global-navigation__start-a-wiki { color: rgb(0, 214, 214) !important; }

.wds-global-navigation__link:active, .wds-global-navigation__link:focus, .wds-global-navigation__link:hover, .wds-global-navigation__start-a-wiki:active, .wds-global-navigation__start-a-wiki:focus, .wds-global-navigation__start-a-wiki:hover { color: rgb(255, 255, 255) !important; }

.wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled) { --wds-secondary-button-label-color: #BED1CF !important; --wds-secondary-button-label-color--hover: #82A7A3 !important; }

.wds-global-navigation__search { color: rgb(0, 214, 214) !important; }

.wds-global-navigation .wds-avatar { --wds-avatar-border-color: #00D6D6 !important; --wds-avatar-border-color--hover: #FFF !important; }

.wds-global-navigation :not(.wds-community-bar__navigation) > .wds-dropdown { --wds-dropdown-background-color: #FFF !important; --wds-dropdown-border-color: #BED1CF !important; --wds-dropdown-text-color: #00D6D6 !important; --wds-dropdown-linked-item-color: #088488 !important; --wds-dropdown-linked-item-background-color: rgba(8, 132, 136, 0.1) !important; --wds-dropdown-scrollable-shadow-color: rgba(29, 58, 64, 0.1) !important; }

.wds-global-navigation__notifications-dropdown { color: rgb(0, 214, 214)!important; }

.wds-global-navigation__notifications-dropdown:hover { color: rgb(255, 255, 255) !important; }

.wds-global-navigation__link-group .wds-dropdown__toggle-chevron, .wds-global-navigation__notifications-dropdown .wds-dropdown__toggle-chevron, .wds-global-navigation__user-menu .wds-dropdown__toggle-chevron { fill: rgb(255, 119, 109) !important; }

.wds-notification-card__icon-wrapper .wds-icon { fill: rgb(127, 153, 152) !important; }

.wds-notification-card__text { color: rgb(14, 25, 26) !important; }

.wds-global-navigation .wds-dropdown .wds-button.wds-is-secondary { --wds-secondary-button-label-color: #BED1CF !important; --wds-secondary-button-label-color--hover: #82A7A3 !important; }

.wds-global-navigation__search-input { color: rgb(255, 255, 255) !important; }

.wds-global-navigation__search-input-wrapper { width: 100% !important; border-bottom: 2px solid rgb(0, 214, 214) !important; }

.wds-global-navigation .wds-button { --wds-primary-button-background-color: rgb(0, 214, 214) !important; --wds-primary-button-background-color--hover: #007070 !important; --wds-primary-button-label-color: rgb(255, 255, 255) !important; }

.wds-global-navigation .wds-button.wds-is-text { --wds-text-button-label-color: rgb(0, 214, 214) !important; --wds-text-button-label-color--hover: rgb(255, 255, 255) !important; }

.wds-button.wds-is-text.wds-is-active, .wds-button.wds-is-text:active, .wds-button.wds-is-text:focus, .wds-button.wds-is-text:hover { color: rgb(255, 255, 255) !important; }

.wds-global-navigation__search-close.wds-button.wds-is-text { color: rgb(255, 255, 255) !important; transition: color 0s ease 0s, all 0.3s ease 0s !important; }

.wds-global-navigation__search-close.wds-button.wds-is-text:hover { background-color: transparent !important; color: rgb(190, 209, 207) !important; }

.wds-global-navigation__search-toggle { color: rgb(0, 214, 214) !important; }

.wds-global-navigation__search, .wds-global-navigation__search-dropdown { -webkit-box-flex: 1 !important; flex: 1 1 auto !important; }

.wds-global-navigation .wds-sign-out__button { --wds-sign-out-button-background-color--hover: rgba(8, 132, 132, 0.1); --wds-sign-out-button-label-color--hover: 088488; }

.wds-sign-out__button:hover { background-color: rgba(8, 132, 136, 0.1) !important; color: #088488 !important; }

.wds-sign-out__button { color: #00D6D6 !important; }

.wds-notification-card__last-actor { color: rgb(14, 25, 26) !important; }

.wds-notification-card__context-list { color: rgb(95, 122, 123) !important; }

/** Footer Customisation **/ .wds-global-footer { background-color: rgb(0, 42, 50) !important; color: rgb(255, 255, 255) !important; }

.wds-global-footer__link, .wds-global-footer__link:active, .wds-global-footer__link:focus, .wds-global-footer__link:visited { color: rgb(0, 214, 214) !important; }

.wds-global-footer__bottom-bar { background: rgba(38, 38, 38, 0.5) !important; }

.wds-global-footer__bottom-bar a, .wds-global-footer__bottom-bar a:visited { color: rgb(0, 214, 214) !important; }

/** Banner Notifications **/ .wds-banner-notification { --wds-banner-notification-background-color: #FFF !important; --wds-banner-notification-text-color: #00D6D6 !important; --wds-banner-notification-link-color: var(--theme-link-color) !important; --wds-banner-notification-link-color--hover: var(--theme-link-color--hover) !important; --wds-banner-notification-border-color: #C5CED9 !important; --wds-banner-notification-close-icon: #44545c !important; background-color: #FFF !important; color: #00D6D6 !important; }

.wds-message .wds-banner-notification__icon { background-color: rgb(0, 158, 158) !important; }

/** Cancel Button **/ .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { background-color: #d6293a; border-color: #d6293a; color: #FFF; width: 130px; }