User:NewAqua/global.css

/* GlobalNavBar */ .fandom-sticky-header { left: 0; }

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

.global-navigation { animation: gnb_up 1s ease; background-color: rgb(var(--theme-page-background-color--rgb),.65); border-radius: 8px 0 0 8px; box-shadow: 0 3px 12px 0 rgb(0 0 0 / 30%); color: var(--theme-link-color); flex-direction: column-reverse; height: max-content; margin: 80px 0 0; left: auto !important; right: 0 !important; }

.global-navigation__logo { display: none; }

.global-navigation__icon:hover, .wds-dropdown.wds-is-active .global-navigation__icon, .wds-dropdown:hover .global-navigation__icon, .global-navigation__icon .wds-avatar__image:hover { background-color: transparent; color: var(--theme-link-color--hover); cursor: pointer; }

.global-navigation__search { color: var(--theme-link-color); margin: 0 0 0 34px; padding-right: 60px; }

.global-navigation__links { display: none !important; }

.navLinksWrapper { animation: gnb_up 1s ease; }

.global-navigation__link-icon { animation: gnb_opacity 1s ease; background-color: rgba(var(--theme-page-text-color--rgb),.08); }

.global-navigation__link:hover .global-navigation__link-icon { background-color: rgba(var(--theme-page-text-color--rgb),.16); }

.global-navigation__bottom { flex-direction: column-reverse; margin: 0; }

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

.global-navigation .notifications__counter { background: var(--theme-page-background-color--secondary); box-shadow: 0 3px 12px 0 rgb(0 0 0 / 30%); color: var(--theme-page-text-color); }

.global-navigation__icon .wds-avatar__image { transition: .3s; }

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

.search-modal:before { background-color: rgb(24 23 36 / 60%); }

.search-modal__content { animation: gnb_up 1s ease; backdrop-filter: blur(20px); background-color: rgb(var(--theme-page-background-color--rgb),.75); border: 1px solid var(--theme-accent-dynamic-color-2); }

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

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

.SearchInput-module_input__1mP-U, .SearchInput-module_input__1mP-U::placeholder, .SearchInput-module_closeIcon__2cDt8 { border-color: var(--theme-page-text-color) !important; color: var(--theme-page-text-color) !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(--theme-page-text-color) !important; transition: .3s; }

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

.SearchResults-module_isSelected__3aynT, .SearchResults-module_results__3oN94.wds-list.wds-is-linked > li > a:hover { background-color: rgba(var(--theme-page-text-color--rgb),.06) !important; }

.global-navigation .notifications .wds-dropdown.is-attached-to-bottom:before, .global-navigation .notifications .wds-dropdown.is-attached-to-bottom:after { border: 6px solid transparent; border-left-color: rgba(var(--theme-page-background-color--rgb),.7); bottom: auto; right: 63px !important; top: 84px; }

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

.global-navigation .notifications .wds-dropdown__content { background-color: rgba(var(--theme-page-background-color--rgb),.7); backdrop-filter: blur(20px); border: none; border-radius: 4px; box-shadow: 0 3px 12px 0 rgb(0 0 0 / 30%); color: var(--theme-page-text-color); }

.NotificationsDropdown-module_contentHeader__2b303 { border-bottom: 1px solid rgba(var(--theme-page-text-color--rgb),.2) !important; height: 63px; justify-content: center !important; margin: 0 12px !important; padding: 12px; }

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

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

.global-navigation .notifications .wds-tabs__tab { transition: .3s; }

.NotificationsDropdown-module_tabTotal__p7gqN { background: var(--theme-page-text-color) !important; color: var(--theme-page-background-color--secondary) !important; transition: .3s; }

.wds-is-current .NotificationsDropdown-module_tabTotal__p7gqN { background: var(--theme-link-color) !important; color: var(--theme-link-label-color) !important; }

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

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

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

.NotificationsDropdown-module_scrollableListWrapper__2m4TQ > ul { background-image: radial-gradient(farthest-side at 50% 0, rgba(var(--theme-border-color--rgb),.25), transparent), radial-gradient(farthest-side at 50% 100%, rgba(var(--theme-border-color--rgb),.25), transparent) !important; }

.NotificationsDropdown-module_scrollableListWrapper__2m4TQ > ul::-webkit-scrollbar { display: none; }

.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(--theme-border-color) !important; color: var(--theme-page-text-color) !important; padding: 12px 3px !important; transition: .3s; }

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

.NotificationCard-module_avatarIcon__3fIsR { background-color: var(--theme-link-color) !important; color: var(--theme-link-label-color) !important; }

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

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

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

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

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

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

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

.NotificationsZeroState-module_icon__NGpTP .wds-icon { fill: var(--theme-link-label-color) !important; }

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

.NotificationsDropdown-module_specialPageLink__o8wv7 { background: rgba(var(--theme-body-background-color--rgb),.2) !important; border: none !important; border-radius: 5px !important; bottom: 9px !important; color: var(--theme-link-color) !important; transition: .3s !important; }

.NotificationsDropdown-module_specialPageLink__o8wv7:hover { background: rgba(var(--theme-body-background-color--rgb),.4) !important; }

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

.global-navigation .notifications + .wds-dropdown.wds-open-to-right:before, .global-navigation .notifications + .wds-dropdown.wds-open-to-right:after { border: 6px solid transparent; border-left-color: rgba(var(--theme-page-background-color--rgb),.7); right: 39px !important; }

.global-navigation .notifications + .wds-dropdown.wds-open-to-right.is-attached-to-bottom > .wds-dropdown__content { background-color: rgb(var(--theme-page-background-color--rgb),.7); backdrop-filter: blur(20px); border: none; 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; }

.wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list:after, .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list:before { background-color: transparent !important; }

.wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list { background-image: none; display:flex; flex-direction: column-reverse; overflow: hidden; }

.wds-dropdown__content .wds-list.wds-is-linked>li>a:not(.wds-button), .wds-is-linked .wds-sign-out__button { color: var(--theme-page-text-color); transition: .3s; }

.wds-dropdown__content .wds-list.wds-is-linked>li>a:not(.wds-button):hover, .wds-is-linked .wds-sign-out__button:hover { color: var(--theme-link-color); background-color: rgba(var(--theme-link-color--rgb),.15); }

@media only screen and (max-height: 650px) { .global-navigation a:nth-of-type(1) .global-navigation__link-icon, .global-navigation a:nth-of-type(2) .global-navigation__link-icon, .global-navigation a:nth-of-type(4) .global-navigation__link-icon { margin-top: 14px; }

.global-navigation__link-icon { height: 36px; width: 36px; }

.global-navigation__bottom { background-color: transparent !important; padding: 0 !important; position: relative; }

.global-navigation .notifications .wds-dropdown.is-attached-to-bottom:before, .global-navigation .notifications .wds-dropdown.is-attached-to-bottom:after { top: 66px; }

.notifications .wds-dropdown__content { height: -webkit-fill-available !important; margin-bottom: 100px !important; } }

@keyframes gnb_up { from { opacity: 0; transform: translateY(10px) }

to { opacity: 1; transform: translateY(0px) } }

@keyframes gnb_opacity { from { opacity: 0; }

to { opacity: 1; } }

/* Snowfall */ /* body.background-dynamic .background-image-gradient, .background-image-gradient { 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; }

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