User:Антаркт/global.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:Responsive_FandomDesktop.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:UCXSearchBar.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:RestoreOldMastheadDesign.css&only=styles"; /*Глоб меню и подвал в стиле Дискорда*/
 * root {

--discord-accent: #5865F2; --discord-accent-secondary: #949cf7; --discord-accent-dark: #4752c4; --discord-link: #00b0f4; --discord-ping: #ed4245; --discord-success: #3ba55d; --discord-text: #eee; --discord-text-muted: #72767d; --discord-background-primary: #36393f; --discord-background-secondary: #2f3136; --discord-background-tertiary: #202225; --discord-background-accent: #4f545c; --discord-background-accent-hover: #5a6069; --discord-background-mentioned: #49443C; --discord-border: #23262A; }

/* Overwrite the color of Fandom's logo colors to Discord colors */ fill: var(--discord-accent); }
 * 1) wds-brand-fandom-logomark > path:nth-of-type(1), #wds-brand-fandom-logo-light > path:nth-of-type(1) {

fill: var(--discord-accent-secondary); }
 * 1) wds-brand-fandom-logomark > path:nth-of-type(2), #wds-brand-fandom-logo-light > path:nth-of-type(2) {

fill: var(--discord-text); } /*** Global navigation ***/ .global-navigation { --fandom-global-nav-background-color: var(--discord-background-secondary); --fandom-global-nav-link-color: var(--discord-text); --fandom-global-nav-link-color--hover: var(--discord-accent); --fandom-global-nav-icon-color: var(--discord-text); --fandom-global-nav-icon-background-color: var(--discord-background-accent); --fandom-global-nav-icon-background-color--hover: var(--discord-accent); --fandom-global-nav-icon-background-color--active: var(--fandom-global-nav-icon-background-color--hover); --fandom-global-nav-icon-border-color: var(--discord-text); --fandom-global-nav-icon-border-color--hover: var(--fandom-global-nav-icon-background-color--hover); --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: var(--discord-ping); --fandom-global-nav-counter-label-color: var(--discord-text); }
 * 1) wds-brand-fandom-logo-light > path:nth-of-type(3) {

/* Make "Start a Wiki" look like Discord's "Add a Server" */ .global-navigation__link[data-tracking-label="start-a-wiki"] .global-navigation__icon { color: var(--discord-success); background-color: var(--discord-background-accent); border: none; }

.global-navigation__link[data-tracking-label="start-a-wiki"] .global-navigation__icon:hover, .global-navigation__link[data-tracking-label="start-a-wiki"]:hover .global-navigation__icon { color: var(--discord-text); background-color: var(--discord-success); }

/* Change border radius on hover, based on Discord server list */ .global-navigation__links .global-navigation__icon { transition: border-color 250ms ease, color 250ms ease, background-color 250ms ease, border-radius 250ms ease; }

.global-navigation__links .global-navigation__icon:hover, .global-navigation__link:hover .global-navigation__icon, .global-navigation__links .wds-dropdown:hover .global-navigation__icon { border-radius: 33%; }

/*** Dropdowns ***/ .global-navigation .wds-dropdown:not(.notifications .wds-dropdown) { --fandom-dropdown-background-color: var(--discord-background-tertiary); --fandom-border-color: var(--fandom-dropdown-background-color); --fandom-text-color: var(--discord-text); --fandom-link-color: var(--discord-text); --fandom-link-color--fadeout: var(--discord-accent-dark); }

/*** Notifications ***/ .global-navigation .notifications { --fandom-border-color: var(--discord-background-primary); --fandom-text-color: var(--discord-text); --fandom-link-color: var(--discord-accent-secondary); --fandom-link-color--hover: var(--discord-accent-secondary); --fandom-accent-color: var(--discord-accent); --fandom-accent-color--hover: var(--discord-accent-secondary); --fandom-accent-label-color: var(--discord-text); --fandom-notifications-background-color: var(--discord-background-primary); --fandom-dropdown-background-color: var(--discord-background-tertiary); --fandom-notifications-read-card-background-color: var(--discord-background-secondary); --fandom-notifications-unread-card-background-color: var(--discord-background-primary); --fandom-notifications-footer-text-color: var(--discord-text); }

/* Tabs */ .global-navigation .notifications .wds-tabber .wds-tabs__tab:not(.wds-is-current) { color: var(--discord-text-muted); }

.global-navigation .notifications .wds-tabs__tab-label > span { background-color: var(--fandom-global-nav-counter-background-color); color: var(--fandom-global-nav-counter-label-color); }

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

.global-navigation .notifications [class*="NotificationCard-module_card__"] [class^="NotificationCard-module_unreadStatusDot__"] { --fandom-link-color: var(--discord-ping); }

/*** Search ***/ .search-modal { --fandom-text-color: var(--discord-text); --fandom-dropdown-background-color: var(--discord-background-primary); --fandom-border-color: var(--fandom-dropdown-background-color); --fandom-accent-color: var(--discord-accent); --fandom-accent-color--hover: var(--discord-accent-dark); --fandom-accent-label-color: var(--discord-text); --fandom-link-color: var(--discord-link); --fandom-link-color--fadeout: var(--discord-background-accent); }

/*** Global footer ***/ .wds-global-footer, .wds-global-footer__section-header { background-color: var(--discord-background-secondary); color: var(--discord-text); }

.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(--discord-accent-secondary); }

.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(--discord-accent-dark); }

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

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

/*** QuickBar ***/ --theme-accent-color: var(--discord-background-primary); --theme-accent-label-color: var(--discord-text); }
 * 1) WikiaBar {

border-color: var(--discord-text-muted); }
 * 1) WikiaBar .tools > li {

--wds-dropdown-background-color: var(--discord-background-tertiary); --wds-dropdown-border-color: var(--wds-dropdown-background-color); --wds-dropdown-text-color: var(--discord-text); --wds-dropdown-linked-item-color: var(--wds-dropdown-text-color); --wds-dropdown-linked-item-background-color: var(--discord-accent-dark); }
 * 1) WikiaBar .wds-dropdown__content {

border-top-color: var(--discord-background-tertiary) }
 * 1) WikiaBar .wds-dropdown:before, #WikiaBar .wds-dropdown:after {

/*** Scrollbar ***/
 * -webkit-scrollbar-track {

background-color: var(--discord-background-primary); }


 * -webkit-scrollbar-thumb {

background-color: var(--discord-background-tertiary); border-radius: 10px; }


 * -webkit-scrollbar {

width: 10px; height: 10px; }


 * -webkit-scrollbar-corner {

background-color: var(--discord-background-primary); }