User:NewAqua/global.css

/* AdaptiveGlobalNavBar */
 * root {

--gnb-bg1: var(--theme-page-background-color); --gnb-bg1-70: rgba(var(--theme-page-background-color--rgb),.70); --gnb-bg2: var(--theme-page-text-mix-color-95); --gnb-bg3: var(--theme-page-background-color--secondary); --gnb-link: var(--theme-link-color); --gnb-link-10: rgba(var(--theme-link-color--rgb),.1); --gnb-link-20: rgba(var(--theme-link-color--rgb),.2); --gnb-link-text: var(--theme-link-label-color); --gnb-link--hover: var(--theme-link-color--hover); --gnb-text: var(--theme-page-text-color); --gnb-text-06: rgba(var(--theme-page-text-color--rgb),.06); --gnb-text-10: rgba(var(--theme-page-text-color--rgb),.10); --gnb-text-12: rgba(var(--theme-page-text-color--rgb),.12); --gnb-text-18: rgba(var(--theme-page-text-color--rgb),.18); --gnb-text-20: rgba(var(--theme-page-text-color--rgb),.20); --gnb-text-24: rgba(var(--theme-page-text-color--rgb),.24); --gnb-text-40: rgba(var(--theme-page-text-color--rgb),.40); --gnb-text-70: rgba(var(--theme-page-text-color--rgb),.70); --gnb-text-80: rgba(var(--theme-page-text-color--rgb),.80); --gnb-text--hover: var(--theme-page-text-color--hover); --gnb-border: var(--theme-border-color); }


 * root {

--fandom-global-nav-background-color: var(--gnb-bg1) !important; --fandom-global-nav-link-color: var(--gnb-link) !important; --fandom-global-nav-link-color--hover: var(--gnb-link--hover) !important; --fandom-global-nav-icon-color: var(--gnb-text-70) !important; --fandom-global-nav-icon-background-color: var(--gnb-text-06) !important; --fandom-global-nav-icon-background-color--hover: var(--gnb-text-12) !important; --fandom-global-nav-icon-background-color--active: var(--gnb-text-06) !important; --fandom-global-nav-icon-border-color: var(--gnb-text) !important; --fandom-global-nav-icon-border-color--hover: var(--gnb-text-40) !important; --fandom-global-nav-icon-border-color--active: var(--gnb-text-80) !important; --fandom-global-nav-bottom-icon-color: var(--gnb-link) !important; --fandom-global-nav-counter-background-color: var(--gnb-link) !important; --fandom-global-nav-counter-label-color: var(--gnb-link-text) !important; }

fill: var(--gnb-link); }
 * 1) wds-brand-fandom-logomark path[fill="#FA005A"] {

fill: var(--gnb-bg1); }
 * 1) wds-brand-fandom-logomark path[fill="#FFC500"] {

.search-modal__content { backdrop-filter: blur(20px); background-color: var(--gnb-bg1-70); border-color: var(--gnb-bg1); }

.SearchInput-module_form__EJU8j { border-bottom: 2px solid var(--gnb-link) !important; color: var(--gnb-link) !important; }

.SearchInput-module_searchIcon__MSgls { color: var(--gnb-link) !important; }

.SearchInput-module_input__1mP-U, .SearchInput-module_input__1mP-U::placeholder, .SearchInput-module_closeIcon__2cDt8 { border-color: var(--gnb-text) !important; color: var(--gnb-text) !important; }

.SearchInput-module_form__EJU8j .wds-button { --wds-primary-button-background-color: var(--gnb-link) !important; --wds-primary-button-background-color--hover: var(--gnb-link--hover) !important; --wds-primary-button-label-color: var(--gnb-bg1) !important; }

.SearchResults-module_results__3oN94.wds-list.wds-is-linked { margin-top: 8px; }

.SearchResults-module_results__3oN94.wds-list.wds-is-linked>li>a { color: var(--gnb-text) !important; transition: .3s !important; }

.SearchResults-module_results__3oN94.wds-list.wds-is-linked>li>a.SearchResults-module_seeAllResults__2vfOF { color: var(--gnb-link) !important; }

.SearchResults-module_isSelected__3aynT, .SearchResults-module_results__3oN94.wds-list.wds-is-linked>li>a:hover { background-color: var(--gnb-text-10) !important; }

.global-navigation .wds-dropdown { --wds-dropdown-background-color: var(--gnb-bg2); --wds-dropdown-border-color: var(--gnb-border); --wds-dropdown-text-color: var(--gnb-text); --wds-dropdown-linked-item-color: var(--gnb-link); --wds-dropdown-linked-item-background-color: var(--gnb-link-10); --wds-dropdown-scrollable-shadow-color: rgba(30, 12, 27, .1); }

.global-navigation .wds-dropdown .wds-dropdown__content { -webkit-box-shadow: none; box-shadow: none; }

.notifications .wds-dropdown.is-attached-to-bottom:before { left: 49px; }

.notifications .wds-dropdown.is-attached-to-bottom:after { left: 51px; }

.notifications .wds-dropdown__content { bottom: 18px !important; }

.NotificationsDropdown-module_contentHeader__2b303 { border-bottom: 1px solid var(--gnb-text-20) !important; height: 63px; justify-content: center !important; margin: 0 8px !important; }

.NotificationsDropdown-module_markAllAsRead__2yUse { color: var(--gnb-link) !important }

.NotificationsDropdown-module_markAllAsRead__2yUse:hover { color: var(--gnb-link--hover) !important }

.NotificationsDropdown-module_tabber__1qKxW { margin: 0 8px 8px !important; }

.global-navigation .notifications .wds-tabs { --wds-tab-color: var(--gnb-text); --wds-tab-color--active: var(--gnb-text); --wds-tab-color--hover: var(--gnb-text); border: none !important; }

.NotificationsDropdown-module_tabTotal__p7gqN, .global-navigation .wds-is-current .NotificationsDropdown-module_tabTotal__p7gqN { background: var(--gnb-text) !important; color: var(--gnb-bg1) !important; }

.global-navigation .wds-is-current { box-shadow: none; }

.global-navigation .wds-tabs__tab:after { background: var(--gnb-text--hover); border-radius: 5px; content: ""; display: block; height: 3px; margin: -5px auto 0 auto; opacity: 1; transition: .3s; width: 0; }

.global-navigation .wds-tabs__tab:hover::after, .global-navigation .wds-is-current:after { width: 25%; }

.global-navigation .wds-is-current:hover::after { width: 35%; }

.NotificationsDropdown-module_scrollableListWrapper__2m4TQ { padding-bottom: 0 !important; }

.NotificationsDropdown-module_scrollableListWrapper__2m4TQ>ul { background-image: radial-gradient(farthest-side at 50% 0, var(--gnb-text-06), transparent), radial-gradient(farthest-side at 50% 100%, var(--gnb-text-06), transparent) !important; }

.NotificationsDropdown-module_scrollableListWrapper__2m4TQ>ul::-webkit-scrollbar { height: 6px; width: 6px; }

.NotificationsDropdown-module_scrollableListWrapper__2m4TQ>ul::-webkit-scrollbar-thumb, .NotificationsDropdown-module_scrollableListWrapper__2m4TQ>ul::-webkit-scrollbar-track { background-color: var(--gnb-text-12) !important; border-radius: 20px; }

.NotificationsDropdown-module_scrollableListWrapper__2m4TQ>ul::-webkit-scrollbar-thumb:hover, .NotificationsDropdown-module_scrollableListWrapper__2m4TQ>ul::-webkit-scrollbar-thumb:active { background-color: var(--gnb-text-18) !important; }

.NotificationsDropdown-module_scrollableListWrapper__2m4TQ>ul::after, .NotificationsDropdown-module_scrollableListWrapper__2m4TQ>ul::before { background: none !important; }

.NotificationCard-module_card__2YXOh { background: transparent !important; border-bottom: 1px solid var(--gnb-text-20) !important; color: var(--gnb-text) !important; margin-right: 5px; padding: 12px 3px !important; transition: .3s; }

.NotificationCard-module_card__2YXOh:hover { background: var(--gnb-text-06) !important; box-shadow: none !important; }

.NotificationCard-module_card__2YXOh>a { font-size: 13px; }

.NotificationCard-module_avatarIcon__3fIsR { background-color: var(--gnb-text--hover) !important; color: var(--gnb-bg1) !important; }

.NotificationCard-module_side__2ld-m .wds-avatar { --wds-avatar-background-color: transparent !important; --wds-avatar-border-color: var(--gnb-text--hover) !important; --wds-avatar-border-color--hover: var(--gnb-text--hover) !important; }

.NotificationCard-module_side__2ld-m .wds-avatar img.wds-avatar__image, .NotificationCard-module_side__2ld-m .wds-avatar .NotificationCard-module_avatarIcon__3fIsR { border-color: var(--gnb-text--hover) !important; }

.NotificationCard-module_side__2ld-m .wds-avatar:hover img.wds-avatar__image, .NotificationCard-module_side__2ld-m .wds-avatar:hover .NotificationCard-module_avatarIcon__3fIsR { border-color: var(--gnb-text--hover) !important; }

.NotificationCard-module_footer__1DLVG { color: var(--gnb-text--hover) !important; }

.NotificationCard-module_unreadStatusDot__q1FDX { background-color: var(--gnb-link) !important; border: 1px solid var(--gnb-link) !important; }

.NotificationsZeroState-module_icon__NGpTP { background-color: var(--gnb-link) !important; }

.NotificationsZeroState-module_icon__NGpTP .wds-icon { fill: var(--gnb-link-text) !important; }

.global-navigation .fandom-spinner>svg circle { stroke: var(--gnb-link); }

.NotificationsDropdown-module_specialPageLink__o8wv7 { background: var(--gnb-link-10) !important; border: none !important; border-radius: 5px !important; bottom: 9px !important; color: var(--gnb-link) !important; transition: .3s !important; }

.NotificationsDropdown-module_specialPageLink__o8wv7:hover { background: var(--gnb-link-20) !important; }

.wds-sign-out__button { color: var(--gnb-text); transition: .3s; }

.wds-sign-out__button:hover { background-color: var(--gnb-link-10); color: var(--gnb-link); }

.wds-global-footer { background-color: var(--gnb-bg2); }

fill: var(--gnb-link); }
 * 1) wds-brand-fandom-logo-light path[fill="#FA005A"] {

fill: var(--gnb-bg1); }
 * 1) wds-brand-fandom-logo-light path[fill="#FFC500"] {

fill: var(--gnb-text); }
 * 1) wds-brand-fandom-logo-light path[fill="#F9EDD8"] {

.wds-global-footer__section-header, .wds-global-footer__section.wds-is-fandom-apps, .wds-global-footer__bottom-bar-row.wds-has-padding { color: var(--gnb-text); }

.wds-global-footer__link, .wds-global-footer__link:active, .wds-global-footer__link:focus, .wds-global-footer__link:visited, .wds-global-footer__bottom-bar a, .wds-global-footer__bottom-bar a:active, .wds-global-footer__bottom-bar a:focus, .wds-global-footer__bottom-bar a:visited { color: var(--gnb-link); }

.wds-global-footer__link:hover, .wds-global-footer__bottom-bar a:hover { color: var(--gnb-link--hover); }

.wds-global-footer .wds-is-fandom-stores:after { border-bottom: 1px solid var(--gnb-text-20); }

.wds-global-footer__bottom-bar { background: var(--gnb-bg3); }

.wds-global-footer__bottom-bar-row:not(:first-child) { border-top: 1px solid var(--gnb-text-20); }

/* AutoCollapsing */ .fandom-sticky-header { left: 0; padding: 0 78px; }

.global-navigation { background: none; box-shadow: none; padding-right: 1px; transform: translateX(-66px); transition: .3s; width: 67px; z-index: 600; }

.global-navigation:hover { transform: translateX(0); }

.global-navigation~.main-container { margin-left: 0; transition: .3s; width: 100%; }

.global-navigation:hover~.main-container { margin-left: 66px; width: calc(100% - 66px); }

.global-navigation__bottom { display: flex; flex-direction: column; justify-content: flex-end; height: 100vh; z-index: -1; }

.search-modal, .search-modal:before { left: 0 }

/* Fixes */ border: none; background: none; }
 * 1) menu-portal_slider.ui-widget-content {

/* Snowfall */ /* .main-container:before { animation: snowfall 20s linear infinite; background-color: transparent; background-image: url('https://dev.fandom.com/wiki/Special:FilePath/Snow.png'), url('https://dev.fandom.com/wiki/Special:FilePath/Snow2.png'), url('https://dev.fandom.com/wiki/Special:FilePath/Snow3.png'); height: 100%; margin: 0; left: 0; pointer-events: none; position: fixed; width: 100%; z-index: -1; content: ""; }

@keyframes snowfall { 0%  {background-position: 0px 0px;} 100% {background-position: 500px 1000px, 300px 300px, 400px 400px;} }