User:NewAqua/global.css

/* Global Nav Bar */ .fandom-sticky-header { left: 0; }

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

.global-navigation { animation: profile_up 1s ease; backdrop-filter: blur(5px); background-color: rgb(var(--theme-page-background-color--rgb),.6); border-radius: 8px 0 0 8px; box-shadow: 0 0 8px 0 rgba(var(--theme-page-text-color--rgb),.12); color: var(--theme-link-color); 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-top: 0; }

.wds-tooltip { display: none; }

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

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

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

.global-navigation__bottom { margin-top: 18px; }

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

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

.search-modal__content { animation: profile_up 1s ease; backdrop-filter: blur(5px); background-color: rgb(var(--theme-page-background-color--rgb),.75); border: none; }

.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_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-left-color: rgba(var(--theme-page-text-color--rgb),.3); border-right-color: transparent; }

.global-navigation .notifications .wds-dropdown.is-attached-to-bottom:before { right: 52px !important; }

.global-navigation .notifications .wds-dropdown.is-attached-to-bottom:after { right: 54px !important; }

.notifications .wds-dropdown__content { height: 555px!important; left: -324px!important; position: fixed; top: 0px!important; }

.global-navigation .notifications .wds-dropdown__content { background-color: var(--theme-page-background-color); border: 1px solid rgba(var(--theme-page-text-color--rgb),.3); border-radius: 5px; box-shadow: 0 0 12px 0 rgba(var(--theme-page-text-color--rgb),.12); color: var(--theme-page-text-color); }

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

.global-navigation .notifications .wds-tabs__wrapper { margin: 0 8px !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_scrollableListWrapper__2m4TQ { margin: 0 8px !important; padding-bottom: 0 !important; }

.NotificationsDropdown-module_scrollableListWrapper__2m4TQ > ul { background-image: radial-gradient(farthest-side at 50% 0, rgba(var(--theme-page-text-color--rgb),.3), transparent), radial-gradient(farthest-side at 50% 100%, rgba(var(--theme-page-text-color--rgb),.3), 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-link-color) !important; color: var(--theme-page-text-color) !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) !important; --wds-avatar-border-color--hover: var(--theme-link-color) !important; }

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

.NotificationCard-module_side__2ld-m .wds-avatar img.wds-avatar__image:hover { border-color: var(--theme-link-color) !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 .notifications + .wds-dropdown.wds-open-to-right.is-attached-to-bottom > .wds-dropdown__toggle { margin-left: -40px; padding-left: 20px; }

.global-navigation .notifications + .wds-dropdown.wds-open-to-right:before, .global-navigation .notifications + .wds-dropdown.wds-open-to-right:after { border-left-color: rgba(var(--theme-page-text-color--rgb),.3); border-right-color: transparent; }

.global-navigation .notifications + .wds-dropdown.wds-open-to-right:before { right: 32px !important; }

.global-navigation .notifications + .wds-dropdown.wds-open-to-right:after { right: 34px !important; }

.global-navigation .notifications + .wds-dropdown.wds-open-to-right.is-attached-to-bottom > .wds-dropdown__content { background-color: var(--theme-page-background-color); border: 1px solid rgba(var(--theme-page-text-color--rgb),.3); border-radius: 5px; bottom: auto; box-shadow: 0 0 12px 0 rgba(var(--theme-page-text-color--rgb),.12); left: auto !important; margin: -43px 0 0; right: 70px; }

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

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