User:Superliga007/global.css

/* GlobalNavBar - Shwin Edition */
 * root {

--fandom-global-nav-background-color: #161616; --fandom-global-nav-link-color: #FF8000; --fandom-global-nav-link-color--hover: #FFB265; --fandom-global-nav-icon-color: #A1A1A1; --fandom-global-nav-icon-background-color: #FFF1; --fandom-global-nav-icon-background-color--hover: #FFF2; --fandom-global-nav-icon-background-color--active: #FFF1; --fandom-global-nav-icon-border-color: #FF8000; --fandom-global-nav-icon-border-color--hover: #FFF2; --fandom-global-nav-icon-border-color--active: #FFF1; --fandom-global-nav-bottom-icon-color: #FF8000; --fandom-global-nav-counter-background-color: #FFB265; --fandom-global-nav-counter-label-color: #050505; }

.global-navigation__logo { -webkit-animation: spin 15s linear infinite; -moz-animation: spin 15s linear infinite; animation: spin 15s linear infinite; background-image: url(https://shwin.fandom.com/wiki/Special:FilePath/Shwin_logo_orange_glowing.svg); background-size: contain; height: 30px; margin-top: 6px; width: 30px; }

.global-navigation__logo span { display: none; }
 * 1) wds-brand-fandom-logomark,

/* Поиск */ .search-modal__content { backdrop-filter: blur(20px); background-color: #05050599; border-color: #161616; }

.SearchInput-module_form__EJU8j { border-bottom: 2px solid #FF8000 !important; color: #FF8000 !important; }

.SearchInput-module_searchIcon__MSgls { color: #FF8000 !important; }

.SearchInput-module_input__1mP-U, .SearchInput-module_input__1mP-U::placeholder, .SearchInput-module_closeIcon__2cDt8 { border-color: #E6E6E6 !important; color: #E6E6E6 !important; }

.SearchInput-module_form__EJU8j .wds-button { --wds-primary-button-background-color: #FF8000 !important; --wds-primary-button-background-color--hover: #FFB265 !important; --wds-primary-button-label-color: #1E0C1B !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: #E6E6E6 !important; transition: .3s !important; }

.SearchResults-module_results__3oN94.wds-list.wds-is-linked>li>a.SearchResults-module_seeAllResults__2vfOF { color: #FF8000 !important; }

.SearchResults-module_isSelected__3aynT, .SearchResults-module_results__3oN94.wds-list.wds-is-linked>li>a:hover { background-color: #E6E6E611 !important; }

/* Дропдауны */ .global-navigation .wds-dropdown { --wds-dropdown-background-color: #272727; --wds-dropdown-border-color: #383838; --wds-dropdown-text-color: #E6E6E6; --wds-dropdown-linked-item-color: #FF8000; --wds-dropdown-linked-item-background-color: #FF800019; --wds-dropdown-scrollable-shadow-color: rgba(30, 12, 27, .1); }

/* Окно уведомлений */ .NotificationsDropdown-module_contentHeader__2b303 { border-bottom: 1px solid #E6E6E633 !important; height: 63px; justify-content: center !important; margin: 0 12px !important; padding: 12px; }

.NotificationsDropdown-module_markAllAsRead__2yUse { color: #FF8000 !important }

.NotificationsDropdown-module_markAllAsRead__2yUse:hover { color: #FFB265 !important }

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

.global-navigation .notifications .wds-tabs { --wds-tab-color: #E6E6E6; --wds-tab-color--active: #FF8000; --wds-tab-color--hover: #E6E6E6; border: none !important; }

.NotificationsDropdown-module_tabTotal__p7gqN { background: #E6E6E6 !important; color: #1E0C1B !important; transition: .3s; }

.global-navigation .wds-is-current .NotificationsDropdown-module_tabTotal__p7gqN { background: #FF8000 !important; color: #1E0C1B !important; }

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

.global-navigation .wds-tabs__tab:after { background: #FF8000; 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: 35%; }

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

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

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

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

.NotificationsDropdown-module_scrollableListWrapper__2m4TQ>ul::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.1) !important; border-radius: 20px; }

.NotificationsDropdown-module_scrollableListWrapper__2m4TQ>ul::-webkit-scrollbar-thumb:hover { background-color: rgba(255, 255, 255, 0.2) !important; }

.NotificationsDropdown-module_scrollableListWrapper__2m4TQ>ul::-webkit-scrollbar-thumb:active { background-color: rgba(255, 255, 255, 0.3) !important; }

.NotificationsDropdown-module_scrollableListWrapper__2m4TQ>ul::-webkit-scrollbar-track { background-color: #0003 !important; border-radius: 20px; }

.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 #E6E6E633 !important; color: #E6E6E6 !important; margin-right: 5px; padding: 12px 3px !important; transition: .3s; }

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

.NotificationCard-module_avatarIcon__3fIsR { background-color: #FF8000 !important; color: #1E0C1B !important; }

.NotificationCard-module_side__2ld-m .wds-avatar { --wds-avatar-background-color: transparent !important; --wds-avatar-border-color: #E6E6E6 !important; --wds-avatar-border-color--hover: #B3B3B3 !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: #B3B3B3 !important; }

.NotificationCard-module_footer__1DLVG { color: #B3B3B3 !important; }

.NotificationCard-module_unreadStatusDot__q1FDX { background-color: #FF8000 !important; border: 1px solid #FF8000 !important; }

.NotificationCard-module_unreadStatusDot__q1FDX:hover { background-color: #FFB265 !important; border: 1px solid #FFB265 !important; }

.NotificationsZeroState-module_icon__NGpTP { background-color: #FF8000 !important; }

.NotificationsZeroState-module_icon__NGpTP .wds-icon { fill: #1E0C1B !important; }

.global-navigation .fandom-spinner>svg circle { stroke: #FF8000; }

.NotificationsDropdown-module_specialPageLink__o8wv7 { background: #24242433 !important; border: none !important; border-radius: 5px !important; bottom: 9px !important; color: #FF8000 !important; transition: .3s !important; }

.NotificationsDropdown-module_specialPageLink__o8wv7:hover { background: #24242466 !important; }

/* Кнопка "Выйти" в меню пользователя */ .wds-sign-out__button { color: #E6E6E6; transition: .3s; }

.wds-sign-out__button:hover { background-color: #FF800019; color: #FF8000; }

/* Анимация сворачивания */ .global-navigation { left: -65px; z-index: 600; }

.search-modal, .search-modal:before, .global-navigation:hover { left: 0; }

.global-navigation, .global-navigation:hover { transition: 1s; }

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

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

.skin-fandomdesktop .global-navigation__bottom .wds-dropdown.is-attached-to-bottom .wds-dropdown__content { left: 1px; transition: 1s; }

.skin-fandomdesktop .global-navigation:hover .global-navigation__bottom .wds-dropdown.is-attached-to-bottom .wds-dropdown__content { left: 66px; transition: 1s; }

/* Подвал */ .wds-global-footer { background-color: #161616; }

.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: #FF8000; }

.wds-global-footer__link:hover, .wds-global-footer__bottom-bar a:hover { color: #FFB265; }

.wds-global-footer__bottom-bar { background: #050505; }