User:ExampleNottaken/global.css


 * root {

--hydra-revived-sidebar-width: 160px; --hydra-revived-sidebar-width--large: 176px; /* For displays >982px wide */ } body { --fandom-dropdown-background-color: #121212; --fandom-notifications-background-color: #121212; --fandom-notifications-read-card-background-color: #121212; --fandom-notifications-unread-card-background-color: #222; --fandom-notifications-footer-text-color: #d6d0d5; --fandom-global-nav-background-color: #121212; --fandom-global-nav-icon-background-color--hover: #222; --fandom-global-nav-link-color: #fff; --fandom-global-nav-link-color--hover: #fff; --fandom-global-nav-icon-border-color: #fff; --fandom-global-nav-bottom-icon-color: #fff; --fandom-global-nav-counter-background-color: #f5f3f5; --fandom-global-nav-counter-label-color: #121212; } .search-modal, .search-modal:before { left: 0; } .notifications-placeholder { left: 18px; z-index: 700; } .top-ads-container, .gpt-ad, display: none !important; } .fandom-sticky-header { display: none; } /* Global Navigation */ .global-navigation { position: absolute; box-shadow: none; top: 0; left: 0; width: 100%; height: 31px; border-bottom: 1px solid #000; display: flex; flex-direction: row; } .global-navigation .global-navigation__top { padding: 0; display: flex; justify-content: flex-start; } .global-navigation .global-navigation__bottom { position: unset; display: flex; padding: 0; } .global-navigation .global-navigation__bottom, .global-navigation .notifications, .global-navigation .wds-dropdown { margin: 0; height: 30px; } .global-navigation .wds-dropdown:before, .global-navigation .wds-dropdown:after { display: none !important; } .global-navigation .wds-dropdown__toggle { width: auto; } .global-navigation .global-navigation__bottom > * { border-left: 1px solid #353535 } .global-navigation .global-navigation__link .global-navigation__icon, .global-navigation .notifications__toggle .global-navigation__icon { padding: 5px 6px; } .global-navigation .global-navigation__link .global-navigation__icon svg, .global-navigation .notificatons__toggle .global-navigation__icon svg { height: 18px; width: 18px; min-width: unset; margin: 0; padding: 0; } .global-navigation .global-navigation__icon { border-radius: 0; border-width: 0; transition: none; height: 30px; width: auto; padding: 0 5px; } .global-navigation .global-navigation__nav { border-right: 1px solid #353535; } .global-navigation .global-navigation__nav, .global-navigation .global-navigation__links { display: flex; align-items: center; } .global-navigation .global-navigation__logo { position: relative; box-sizing: content-box; width: 96px; height: 100%; padding: 0 0.75em; border-right: 1px solid #353535; } .global-navigation .global-navigation__logo:after { content: ''; position: absolute; top: 0; left: 0.75em;; background: url(https://dev.fandom.com/resources-ucp/dist/svg/wds-brand-fandom-logo-light.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; background-origin: content-box; width: 96px; height: 100%; } .global-navigation .global-navigation__logo > *, .global-navigation .global-navigation__links *[data-tracking-label*="link."], .global-navigation .global-navigation__search { display: none; } .global-navigation .global-navigation__link { position: relative; } .fandom-community-header .wiki-tools .wds-button:after { content: attr(data-title); } .global-navigation .global-navigation__links *[data-tracking-label="start-a-wiki"] .global-navigation__label, .fandom-community-header .wiki-tools .wds-button:after { display: none; line-height: 1.2; position: absolute; top: 110%; margin: 0; white-space: nowrap; max-width: unset; background: #222; padding: 5px 8px; font-size: 12px; border-radius: 6px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); } .global-navigation .global-navigation__links *[data-tracking-label="start-a-wiki"]:hover .global-navigation__label, .fandom-community-header .wiki-tools .wds-button[data-title]:hover:after { display: block; } /** Notifications Dropdown **/ .global-navigation .global-navigation__icon .wds-icon { height: 18px; width: 18px; min-width: unset; } .global-navigation .notifications .wds-dropdown.is-attached-to-bottom .wds-dropdown__content { --wds-dropdown-background-color: #121212; --wds-dropdown-border-color: #000; --wds-dropdown-text-color: #fff; --fandom-text-color: #f5f3f5; --fandom-text-color--rgb: 245, 243, 245; --fandom-border-color: #353535;
 * 1) top_boxad {
 * 1) mixed-content-footer,

position: absolute; top: 31px; right: 0; left: unset; bottom: unset; max-height: 80vh; border-radius: 0; border-top: none; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); } .global-navigation .notifications .wds-dropdown .wds-dropdown__content { --fandom-link-color: #ffc500; } .global-navigation .notifications .wds-dropdown.is-attached-to-bottom .wds-tabs { --wds-tab-color--active: #ffc500; --wds-tab-color--hover: var(--fandom-text-color); } /** User Dropdown **/ .global-navigation .global-navigation__icon .wds-avatar { --wds-avatar-border-width: 0; height: 20px; width: 20px; min-width: unset; } .global-navigation .global-navigation__bottom > .wds-dropdown .global-navigation__icon { padding: 0 1em; } .global-navigation .global-navigation__bottom > .wds-dropdown .global-navigation__icon .wds-avatar { display: flex; align-items: center; width: auto; } .global-navigation .global-navigation__bottom > .wds-dropdown .global-navigation__icon .wds-avatar img { min-width: unset; width: 20px; } .global-navigation .global-navigation__bottom > .wds-dropdown .global-navigation__icon .wds-avatar:after { content: attr(title); font-size: 0.9em; display: block; margin-left: 5px; } .global-navigation .global-navigation__bottom > .wds-dropdown .wds-dropdown__content .wds-list { transform: scaleY(-1); } .global-navigation .global-navigation__bottom > .wds-dropdown .wds-dropdown__content li { transform: scaleY(-1); } /** Wiki Tools **/ .fandom-community-header__top-container { position: absolute; top: 0; left: 143px; padding: 0; margin: 0; height: 30px; z-index: 500; } .fandom-community-header__top-container .fandom-community-header__community-name-wrapper { align-items: center; height: 100%; margin-left: 0.3em; } .fandom-community-header__top-container .wiki-tools { height: 30px; order: -1; } .fandom-community-header__top-container .wiki-tools .wds-button { --wds-secondary-button-label-color: #fff; --wds-secondary-button-label-color--hover: #fff; transition: none; border-radius: 0 !important; border: none; border-right: 1px solid #353535; margin: 0; height: 100%; box-sizing: border-box; box-shadow: none; } .fandom-community-header__top-container .wiki-tools .wds-dropdown:hover .wds-button, .fandom-community-header__top-container .wiki-tools > .wds-button:hover, .global-navigation__logo:hover { background: #222 !important; } .fandom-community-header__top-container .wiki-tools .wds-dropdown { z-index: 600; } body .fandom-community-header .wiki-tools .wds-dropdown .wds-dropdown__content { left: 0; right: unset; } body.hydra-revived-ready .fandom-community-header__top-container .wiki-tools .wiki-tools__search { display: none; } /** Dropdown Styling **/ .global-navigation .global-navigation__bottom > .wds-dropdown .wds-dropdown__content, .fandom-community-header .wiki-tools .wds-dropdown .wds-dropdown__content { position: absolute; top: 30px; right: 0; left: unset; bottom: unset; padding: 0; background: #121212; border-radius: 0; border: 1px solid #000; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); } .global-navigation .global-navigation__bottom > .wds-dropdown .wds-dropdown__content li, .fandom-community-header .wiki-tools > .wds-dropdown .wds-dropdown__content li { margin: 0; } .global-navigation .global-navigation__bottom > .wds-dropdown .wds-dropdown__content li a, .global-navigation .global-navigation__bottom > .wds-dropdown .wds-dropdown__content li button, .fandom-community-header .wiki-tools > .wds-dropdown .wds-dropdown__content li a, .fandom-community-header .wiki-tools > .wds-dropdown .wds-dropdown__content li button { --wds-dropdown-linked-item-color: #fff; --wds-dropdown-text-color: #fff; font-size: 14px; padding-right: calc(1.5em + 5px); padding-left: calc(0.75em + 5px); border-radius: 0; transition: none; } .global-navigation .global-navigation__bottom > .wds-dropdown .wds-dropdown__content li:hover a, .global-navigation .global-navigation__bottom > .wds-dropdown .wds-dropdown__content li:hover button, .fandom-community-header .wiki-tools > .wds-dropdown .wds-dropdown__content li:hover a, .fandom-community-header .wiki-tools > .wds-dropdown .wds-dropdown__content li:hover button { background: #222; color: var(--wds-dropdown-linked-item-color); } .global-navigation .global-navigation__bottom > .wds-dropdown .wds-list:before, .global-navigation .global-navigation__bottom > .wds-dropdown .wds-list:after, .fandom-community-header .wiki-tools > .wds-dropdown:before, .fandom-community-header .wiki-tools > .wds-dropdown:after { display: none !important; } /* Page Background */ .fandom-community-header__background { height: 100vh; opacity: 0.4; margin-bottom: 0; position: -webkit-fixed; position: fixed; } .fandom-community-header__background:before { display: none; }