User:NewAqua/global.css

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

/* GlobalNavBar */
 * 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-40: rgba(var(--theme-link-color--rgb), .4); --gnb-link-80: rgba(var(--theme-link-color--rgb), .8); --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-08: rgba(var(--theme-page-text-color--rgb), .08); --gnb-text-10: rgba(var(--theme-page-text-color--rgb), .10); --gnb-text-16: rgba(var(--theme-page-text-color--rgb), .16); --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: transparent !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-08) !important; --fandom-global-nav-icon-background-color--hover: var(--gnb-text-16) !important; --fandom-global-nav-icon-background-color--active: var(--gnb-text-24) !important; --fandom-global-nav-icon-border-color: var(--gnb-link) !important; --fandom-global-nav-icon-border-color--hover: var(--gnb-link-40) !important; --fandom-global-nav-icon-border-color--active: var(--gnb-link-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; }

.fandom-sticky-header { left: 0; }

.main-container { margin-left: 0; width: 100%; }

.global-navigation { background-color: var(--gnb-bg1-70); backdrop-filter: blur(50px); border-radius: 10px 0 0 10px; flex-direction: column-reverse; height: max-content; left: unset; margin-top: 60px; padding: 10px 0; right: 0; }

.global-navigation__top { padding: 0 0 9px; }

.global-navigation__bottom { display: flex; flex-direction: column-reverse; padding: 9px 0 5px; }

.global-navigation__logo, .global-navigation__links { display: none; }

.global-navigation__search { color: var(--theme-link-color); }

.wds-tooltip { display: none; }

.global-navigation .notifications { margin-top: 9px; }

.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 .notifications .wds-dropdown.is-attached-to-bottom:before { border: 6px solid transparent; border-left-color: var(--gnb-border); left: -9px; top: 89px; }

.global-navigation .notifications .wds-dropdown.is-attached-to-bottom:after { border: 6px solid transparent; border-left-color: var(--gnb-bg1); left: -10px; top: 89px; }

.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); }

.notifications .wds-dropdown__content { height: 555px !important; left: calc(100% - 394px) !important; position: fixed; top: 59px !important; }

.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-16) !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-24) !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); }

.global-navigation .notifications+.wds-dropdown.wds-open-to-right.is-attached-to-bottom>.wds-dropdown__toggle { margin-left: -23px; padding-left: 23px; }

.global-navigation .notifications+.wds-dropdown.wds-open-to-right:before { border: 6px solid transparent; border-left-color: var(--gnb-border); right: 63px !important; }

.global-navigation .notifications+.wds-dropdown.wds-open-to-right:after { border: 6px solid transparent; border-left-color: var(--gnb-bg1); right: 64px !important; }

.global-navigation .notifications+.wds-dropdown.wds-open-to-right.is-attached-to-bottom>.wds-dropdown__content { border-radius: 4px; bottom: auto; box-shadow: 0 3px 12px 0 rgb(0 0 0 / 30%); left: auto !important; margin: -54px 0 0; right: 74px; }

.global-navigation .notifications+.wds-dropdown.wds-open-to-right.is-attached-to-bottom>.wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list { background: none; display: flex; flex-direction: column-reverse; overflow-y: hidden; position: relative; z-index: 1; }

.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); }

/* 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;} }