Gadget-LegacyColors.css Star Wars Fanonpedii
| Zawartość skopiowano z Dev Wiki. Zobacz oryginalny skrypt i jego autorów. | The contents copied from Dev Wiki. See also the orginal script and the authors. |
Uwaga: Aby zobaczyć zmiany po opublikowaniu, może zajść potrzeba wyczyszczenia pamięci podręcznej przeglądarki.
- Firefox / Safari: Przytrzymaj Shift podczas klikania Odśwież bieżącą stronę lub naciśnij klawisze Ctrl+F5, lub Ctrl+R (⌘-R na komputerze Mac)
- Google Chrome: Naciśnij Ctrl-Shift-R (⌘-Shift-R na komputerze Mac)
- Internet Explorer / Edge: Przytrzymaj Ctrl, jednocześnie klikając Odśwież, lub naciśnij klawisze Ctrl+F5
- Opera: Naciśnij klawisze Ctrl+F5.
/*** Navigation bar ***/
.global-navigation {
--fandom-global-nav-background-color: #111;
--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: #222;
--fandom-global-nav-icon-background-color--hover: rgba(255, 255, 255, 0.3);
--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: #252525;
--fandom-border-color: #2A2A2A;
--fandom-text-color: white;
--fandom-link-color: white;
--fandom-link-color--fadeout: rgba(255, 255, 255, 0.1);
--fandom-box-shadow-color: hsl(0deg 0% 30% / 50%);
}
.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: #222;
--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: #222;
--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: #222;
--fandom-border-color: #222;
--fandom-accent-color: #FFC500;
--fandom-accent-color--hover: #997600;
--fandom-accent-label-color: #222;
--fandom-link-color: #FFC500;
--fandom-link-color--fadeout: rgba(255, 255, 255, 0.1); /* rgba(255, 197, 0, 0.1) */
}
/*** Footer ***/
.wds-global-footer {
--fandom-background-color: #1D1D1D;
--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) }