User:Soronos/global.css

/*Imports*/ @import "/load.php?mode=articles&articles=u:dev:MediaWiki:AdRailRemove/code.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:BalancedUCX.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:OrganizedNotifs.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:EmeraldGlobalNav.css&only=styles";
 * root {

--emeraldcolor: var(--theme-link-color); --emeraldtext: var(--theme-page-text-color); --emeraldbg: rgb(var(--navemeraldblur--rgb),var(--navemeraldbg--rgb)); --emeraldbd: var(--theme-page-accent-mix-color); --navemeraldblur--rgb: var(--theme-page-background-color--rgb); /* for page back color */ --navemeraldblur: 80px; /* your blur coef */ --navemeraldbg--rgb: .8; /* opacity coef */ } .global-navigation { --fandom-notifications-unread-card-background-color: rgb(var(--theme-link-color--rgb),.1);

--fandom-global-nav-icon-background-color: rgb(var(--theme-link-color--rgb),.1); /* icon bg */ --fandom-global-nav-icon-background-color--hover: rgb(var(--theme-link-color--rgb),.2); /* icon bg hover */ }

/* Arrière-plan */ .global-navigation, .global-navigation__bottom, .global-navigation__top {background: none;}

/* Pad */ .global-navigation__top:before { content: ''; position: absolute; top: 0; width: 100%; height: 100%; border-radius: 8px 0px 0px 8px; background-color: var(--emeraldbg); backdrop-filter: blur(var(--navemeraldblur)); } /* Listes */ .global-navigation .wds-open-to-right .wds-dropdown__content { box-shadow: 0 3px 12px 0 rgb(0 0 0 / 30%) !important; backdrop-filter: blur(var(--navemeraldblur)); } .global-navigation .wds-dropdown__content li:hover { --wds-dropdown-linked-item-background-color: rgb(var(--theme-link-color--rgb),.15); --fandom-link-color--fadeout: rgb(var(--theme-link-color--rgb),.15); } .NotificationCard-module_card__2YXOh { transition: background-color .2s !important; } .NotificationCard-module_card__2YXOh:not(.NotificationCard-module_isUnread__25iz-):hover { background-color: rgb(250,250,250,.1); }

/* Drapeaux */ .global-navigation .wds-dropdown.wds-open-to-right:after, .global-navigation .wds-dropdown.wds-open-to-right:before { --navemerald2: var(--theme-page-background-color--secondary); } .NotificationsDropdown-module_specialPageLink__o8wv7 { color: var(--theme-link-color)!important; }

/* Scrollbar */ .global-navigation .wds-dropdown__content ::-webkit-scrollbar-thumb { background: var(--theme-page-accent-mix-color); }