User:Mustafar29/global.css

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

/*

.global-navigation { --fandom-global-nav-background-color: #002a32; --fandom-global-nav-link-color: #FFC500; --fandom-global-nav-link-color--hover: white; --fandom-global-nav-icon-color: white; --fandom-global-nav-icon-background-color: rgb(26,64,71); --fandom-global-nav-icon-background-color--hover: rgb(26,64,71); --fandom-global-nav-icon-background-color--active: var(--fandom-global-nav-icon-background-color--hover); --fandom-global-nav-icon-border-color: rgba(255, 255, 255, 0.75); --fandom-global-nav-icon-border-color--hover: rgba(255, 255, 255, 0.3); --fandom-global-nav-icon-border-color--active: var(--fandom-global-nav-icon-border-color--hover); --fandom-global-nav-bottom-icon-color: var(--fandom-global-nav-icon-color); --fandom-global-nav-counter-background-color: #222; --fandom-global-nav-counter-label-color: white; }

/* Dropdowns */ .global-navigation .wds-dropdown:not(.notifications .wds-dropdown) { --fandom-dropdown-background-color: rgb(26,64,71); --fandom-border-color: rgb(26,64,71); --fandom-text-color: white; --fandom-link-color: white; --fandom-link-color--fadeout: rgba(255, 255, 255, 0.1); --fandom-box-shadow-color: rgb(26,64,71); }

.global-navigation .wds-dropdown .wds-dropdown__content { box-shadow: 6px 3px 12px -9px var(--fandom-box-shadow-color); }

/*** Notifications ***/ .global-navigation .notifications { --fandom-border-color: rgb(26,64,71); --fandom-text-color: white; --fandom-text-color--rgb: 255, 255, 255; --fandom-link-color: #FFC500; --fandom-link-color--hover: #997600; --fandom-accent-color: #FFC500; --fandom-accent-color--hover: #997600; --fandom-accent-label-color: #222; --fandom-notifications-background-color: rgb(26,64,71); --fandom-dropdown-background-color: var(--fandom-notifications-background-color); --fandom-notifications-read-card-background-color: var(--fandom-notifications-background-color); --fandom-notifications-unread-card-background-color: #393939; --fandom-notifications-footer-text-color: #CCC; --fandom-notifications-border-color: #555; }

.global-navigation .notifications [class*="NotificationCard-module_card__"] { --fandom-border-color: var(--fandom-notifications-border-color); }

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

/*** Search ***/ .search-modal { --fandom-text-color: white; --fandom-dropdown-background-color: rgb(26,64,71); --fandom-border-color: rgb(26,64,71); --fandom-accent-color: white; --fandom-accent-color--hover: silver; --fandom-accent-label-color: rgb(26,64,71); --fandom-link-color: white; --fandom-link-color--fadeout: rgba(255, 255, 255, 0.1); /* rgba(255, 197, 0, 0.1) */ }

/*** Footer ***/ .wds-global-footer { --fandom-background-color: rgb(26,64,71); --fandom-text-color: white; --fandom-link-color: #EEE; --fandom-link-color--hover: #FFC500; }

.wds-global-footer, .wds-global-footer__section-header { background-color: var(--fandom-background-color); color: var(--fandom-text-color); }

.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:visited { color: var(--fandom-link-color); }

.wds-global-footer__link:hover, .wds-global-footer__bottom-bar a:hover, .wds-global-footer__section.wds-is-follow-us .wds-icon:hover { color: var(--fandom-link-color--hover); }

.wds-global-footer__section.wds-is-follow-us .wds-icon { color: inherit; }

.wds-global-footer__bottom-bar { background-color: inherit; }

/*** Banner notifications ***/ .wds-banner-notification { --wds-banner-notification-background-color: #222; --wds-banner-notification-text-color: white; --wds-banner-notification-link-color: #FFC500; --wds-banner-notification-link-color--hover: #997600; --wds-banner-notification-border-color: #2A2A2A; --wds-banner-notification-close-icon: #EEE; --wds-banner-notification-alert: #bf0017; --wds-banner-notification-warning: #cf721c; --wds-banner-notification-success: #0c742f; --wds-banner-notification-message: #753369; }

.wds-alert .wds-banner-notification__icon { background-color: var(--wds-banner-notification-alert) } .wds-warning .wds-banner-notification__icon { background-color: var(--wds-banner-notification-warning) } .wds-success .wds-banner-notification__icon { background-color: var(--wds-banner-notification-success) } .wds-message .wds-banner-notification__icon { background-color: var(--wds-banner-notification-message) }

/*
 * root {

--navemerald1: #ccc; --navemerald2: #002a32; --navemerald3: #bdcbe2; --navemerald4: #ccc; --navemerald5: red; --emeraldcolor: var(--navemerald1); --emeraldbg: var(--navemerald2); --emeraldtext: var(--navemerald3); --emeraldwar: var(--navemerald4); --emeraldbd: var(--navemerald1); }

@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; }

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

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

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

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