User:Mustafar29/global.css

.skin-theme-toggle-temporal { display: none }

/* Variables */ :root { --navemerald1: #ccc; --navemerald2: #002a32; --navemerald3: #bdcbe2; --navemerald4: #ccc; --navemerald5: red; --emeraldcolor: var(--navemerald1); /* color */ --emeraldbg: var(--navemerald2); /* background */ --emeraldtext: var(--navemerald3); /* text */ --emeraldwar: var(--navemerald4); /* warning */ --emeraldbd: var(--navemerald1); /* border */ }

/* Смещение инструментов */ @media only screen and (max-width: 1278px) { .wiki-tools { margin-right: 50px; } } .wiki-tools { transition: 0.4s; } .is-content-expanded .wiki-tools { margin-right: 40px; }

/* Убирает элементы */ /* Поддержка GNavButton */

.global-navigation ~ .wds-tooltip, .global-navigation__label, .global-navigation__link[data-tracking-label="link.games"], .global-navigation__link[data-tracking-label="link.movies"], .global-navigation__link[data-tracking-label="link.tv"], .global-navigation__search, .global-navigation__link[data-tracking-label="link.video"], .wds-dropdown__toggle[data-tracking-label="link.wikis"], .global-navigation__link.start-a-wiki { display: none!important; }

/* Расположение */ .fandom-sticky-header { left: 0; } .main-container { margin-left: unset; width: 100%; }

/* Глобальное меню */ .global-navigation, .global-navigation__bottom, .global-navigation__top, .NotificationCard-module_card__2YXOh:not(.NotificationCard-module_isUnread__25iz-), .NotificationsDropdown-module_scrollableListWrapper__2m4TQ ul:after, .NotificationsDropdown-module_scrollableListWrapper__2m4TQ ul:before { --notification-card-background-color: transparent; background-color: transparent; } .global-navigation {

--fandom-global-nav-bottom-icon-color: var(--emeraldcolor); --fandom-global-nav-icon-border-color: var(--emeraldcolor);

--fandom-global-nav-link-color: var(--emeraldcolor);

--fandom-dropdown-background-color: var(--emeraldbg); --fandom-text-color: var(--emeraldtext); --fandom-link-color: var(--emeraldcolor); --fandom-notifications-footer-text-color: var(--emeraldcolor); --fandom-border-color: var(--emeraldbd); --fandom-global-nav-counter-background-color: var(--emeraldwar);

/* icon bg */ --fandom-global-nav-icon-background-color--hover: rgba(204, 204, 204,0.2); left: unset; right: 0; height: max-content; margin-top: 50px; border-radius: 10px 0 0 10px; background-color: var(--emeraldbg); padding: 10px 0; margin-top: 60px; }

/* */ .global-navigation__icon { border: 0; } .global-navigation__label { font-weight: 500; }

/* Отступы и выравнивание */ .global-navigation__links { grid-row-gap: 10px; } .global-navigation .wds-dropdown__toggle .global-navigation__label { padding: 0; } .global-navigation > div, .global-navigation__links > div, .global-navigation__bottom .wds-dropdown { margin: 0 !important; padding: 0; } .global-navigation__links .wds-dropdown__toggle, .global-navigation__bottom .wds-dropdown { width: 66px; } .global-navigation__links .wds-open-to-right .wds-dropdown__toggle, .global-navigation__bottom :is(.wds-dropdown, .wds-dropdown__toggle) { display: grid; justify-content: center; }

/* - Выпадающие списки - */ /* Дропдаун профиля */ .global-navigation .wds-open-to-right .wds-dropdown__content { bottom: unset !important; left: unset !important; right: 66px; width: 200px; } /* Уведомления */ .global-navigation .is-attached-to-bottom .wds-dropdown__content { top: unset !important; transform: translatey(-10px); }

/* Флажки */ .global-navigation .wds-dropdown.wds-open-to-right:after, .global-navigation .wds-dropdown.wds-open-to-right:before { top: 25px; left: unset; right: 100%; transform: translateY(-85%) translateX(100%) rotate(180deg); border-right-color: var(--emeraldbg); z-index: 0; } .global-navigation .notifications .wds-dropdown.wds-open-to-right:after, .global-navigation .notifications .wds-dropdown.wds-open-to-right:before { top: 40px; bottom: unset; }

.global-navigation__bottom .wds-dropdown__content .wds-list { display: flex; flex-direction: column-reverse; height: auto; } .NotificationsDropdown-module_scrollableListWrapper__2m4TQ > ul:before, .NotificationsDropdown-module_scrollableListWrapper__2m4TQ > ul:after, .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list:after, .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list:before { background: transparent !important; }

/* = Перекрас = */ /* При наведении на пункты списка */ .global-navigation .wds-dropdown__content li:hover { --wds-dropdown-linked-item-background-color: rgba(204, 204, 204,0.2); --fandom-link-color--fadeout: rgba(204, 204, 204,0.2); } /* Уведомления */ .NotificationsDropdown-module_scrollableListWrapper__2m4TQ { height: 600px !important; }

/* Счётчик */ .NotificationsDropdown-module_tabTotal__p7gqN, .NotificationsDropdown-module_tabber__1qKxW .NotificationsDropdown-module_tabTotal__p7gqN { color: white!important; }

.global-navigation .notifications__counter { color: white; padding: 10px; margin: -5px 0 0 -5px; box-shadow: 0 0 15px 1px var(--emeraldwar); } .global-navigation .wds-tabs__tab:not(.wds-is-current) { color: var(--emeraldtext); } .NotificationsDropdown-module_tabTotal__p7gqN, .NotificationCard-module_card__2YXOh .NotificationCard-module_avatarIcon__3fIsR { box-shadow: 0 0 15px 1px var(--emeraldwar); background: var(--emeraldwar) !important; } .NotificationCard-module_card__2YXOh:not(.NotificationCard-module_isUnread__25iz-) .NotificationCard-module_avatarIcon__3fIsR { box-shadow: none; background: var(--emeraldbd) !important; } /* Аватарки */ .NotificationsDropdown-module_scrollableListWrapper__2m4TQ img.wds-avatar__image { border-color: var(--emeraldcolor) !important; } /* Скроллбар */ .global-navigation .wds-dropdown__content ::-webkit-scrollbar { width: 10px; } .global-navigation .wds-dropdown__content ::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgb(0,0,0,.3); } .global-navigation .wds-dropdown__content ::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgb(0,0,0,.16); background: var(--emeraldcolor); } /* firefox */ .wds-dropdown__content { scrollbar-color: var(--emeraldcolor) #000; scrollbar-width: thin; }

/* Окно поиска */ .search-modal, .search-modal:before { left: 0; }

/* Фикс для маленького размера */ @media only screen and (max-height: 650px) { .global-navigation__bottom { position: relative; }   .notifications .wds-dropdown__content { height: -webkit-fill-available !important; margin-bottom: 100px !important; } }

/* HideGlobalNav */ .global-navigation .emerald-toggler, .global-navigation .emerald-links-toggler { position: absolute; width: fit-content; padding: 0.5em; top: 0; right: 100%; opacity: 0.0; transition: transform 0.2s 0.8s, opacity 0.3s; cursor: pointer; } .global-navigation .emerald-links-toggler { top: 100%; left: 50%; padding: 0.5em 1em; transform: translateX(-50%); } .global-navigation .emerald-toggler { top: 1em; transition: opacity 0.3s, background 0.1s, box-shadow 0.1s, transform 0.4s 0.1s; } .global-navigation .emerald-toggler:after, .global-navigation .emerald-links-toggler:before { content: '\f054'; font-family: FontAwesome; font-size: 1.3em; } .global-navigation .emerald-links-toggler:before { content: '\f077'; } .global-navigation :hover :is(.emerald-toggler, .emerald-links-toggler) { opacity: 0.2; } .global-navigation:is(.emerald-toggler, .emerald-links-toggler):hover { opacity: 1 !important; }

.global-navigation .global-navigation__links { max-height: 100vh; transition: max-height 2.2s ease-out; } .global-navigation.emerald-is-collapsed .global-navigation__links { max-height: 0; overflow: hidden; transition: max-height 1.2s ease-out; } .global-navigation.emerald-is-hidden .emerald-toggler { transform: translateX(0%) rotate3d(0,1,0,-180deg); background: var(--theme-page-background-color); opacity: 0.2; border-radius: 0 8px 8px 0; box-shadow: 0 3px 12px 0 rgb(0 0 0 / 30%); transition: opacity 0.3s, background 0.2s 0.2s, box-shadow 0.2s 0.2s, transform 0.4s 0.1s; } .global-navigation.emerald-is-collapsed .emerald-links-toggler { transform: translateX(-50%) rotate3d(1,0,0,180deg); transition: transform 0.2s 1s; }

/* Скрытие панели */ .global-navigation.emerald-is-hidden { transform: translateX(100%); }

/* Смещение иконок */ .global-navigation { --links-transition: 0.1s; --links-transition2: 0.5s; --translatex: translatex(66px); transition: transform 0.3s; } .global-navigation.emerald-is-collapsed .global-navigation__links > *:nth-child(1) { transform: translatex(66px); transition: var(--links-transition2); transition-delay: 0.8s; } .global-navigation.emerald-is-collapsed .global-navigation__links > *:nth-child(2) { transform: translatex(66px); transition: var(--links-transition2); transition-delay: 0.7s; } .global-navigation.emerald-is-collapsed .global-navigation__links > *:nth-child(3) { transform: translatex(66px); transition: var(--links-transition2); transition-delay: 0.6s; } .global-navigation.emerald-is-collapsed .global-navigation__links > *:nth-child(4) { transform: translatex(66px); transition: var(--links-transition2); transition-delay: 0.5s; } .global-navigation.emerald-is-collapsed .global-navigation__links > *:nth-child(5) { transform: translatex(66px); transition: var(--links-transition2); transition-delay: 0.4s; } .global-navigation.emerald-is-collapsed .global-navigation__links > *:nth-child(6) { transform: translatex(66px); transition: var(--links-transition2); transition-delay: 0.3s; } .global-navigation.emerald-is-collapsed .global-navigation__links > *:nth-child(7) { transform: translatex(66px); transition: var(--links-transition2); transition-delay: 0.2s; } .global-navigation.emerald-is-collapsed .global-navigation__links > *:nth-child(8) { transform: translatex(66px); transition: var(--links-transition2); transition-delay: 0.1s; }

/* */ .global-navigation__links > *:nth-child(1) { transition: var(--links-transition); transition-delay: 0.1s; } .global-navigation__links > *:nth-child(2) { transition: var(--links-transition); transition-delay: 0.2s; } .global-navigation__links > *:nth-child(3) { transition: var(--links-transition); transition-delay: 0.3s; } .global-navigation__links > *:nth-child(4) { transition: var(--links-transition); transition-delay: 0.4s; } .global-navigation__links > *:nth-child(5) { transition: var(--links-transition); transition-delay: 0.5s; } .global-navigation__links > *:nth-child(6) { transition: var(--links-transition); transition-delay: 0.6s; } .global-navigation__links > *:nth-child(7) { transition: var(--links-transition); transition-delay: 0.7s; } .global-navigation__links > *:nth-child(8) { transition: var(--links-transition); transition-delay: 0.8s; }

.wds-dropdown.wds-is-active .global-navigation__icon { background-color: rgba(204, 204, 204,0.2); }

.wds-global-footer, .search-modal__content { background-color: #002a32; border: 0; } .wds-global-footer__bottom-bar { background-color: rgb(19, 40, 44); } .wds-global-footer__link { color: #ccc !important; } .wds-global-footer__bottom-bar a { color: #ccc; } .search-modal__content a, .search-modal__content input { color: #bdcbe2 !important; } :root { --fandom-accent-color: #ccc; }

.SearchInput-module_form__EJU8j .wds-button[type=button] { --wds-text-button-label-color: #ccc !important; --wds-text-button-label-color--hover: #ccc !important; }

.SearchInput-module_form__EJU8j .wds-button { --wds-primary-button-background-color--hover: #bdcbe2 !important; }