User:Aeywoo/global.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:Modern2010Editor.css&only=styles";

/** Global Navigation Customisation **/
 * root {

--fandom-global-nav-background-color: #002A32; --fandom-global-nav-text-color: #3A3A3A; --fandom-global-nav-link-color: #00D6D6; --fandom-global-nav-icon-color: #FA005A; --fandom-global-nav-icon-background-color: #F9EDD8; --fandom-global-nav-icon-background-color--hover: #F9EDD8; --fandom-global-nav-icon-border-color: #3A3A3A; --fandom-global-nav-icon-border-color--hover: rgba(82,0,68,0.5); --fandom-global-nav-icon-border-color--active: #3A3A3A; --fandom-global-nav-bottom-icon-color: #3A3A3A; --fandom-global-nav-counter-background-color: #3A3A3A; --fandom-global-nav-search-active-link-border-color: #3A3A3A; --fandom-global-nav-logo-separator-color: #3A3A3A; --fandom-global-nav-search-separator-color: rgba(30, 12, 27, 0.25); }

.wds-global-navigation .wds-dropdown { --wds-dropdown-background-color: rgb(255, 255, 255); --wds-dropdown-border-color: #C5CED9; --wds-dropdown-text-color: #3A3A3A; --wds-dropdown-linked-item-color: rgb(0, 214, 214); --wds-dropdown-linked-item-background-color: rgb(82, 0, 68, 0.1); --wds-dropdown-scrollable-shadow-color: rgba(30, 12, 27, 0.1); }

.wds-global-navigation__search-input::placeholder { color: #FFF !important; opacity: 1 !important; }

.wds-global-navigation { background-color: rgb(0, 42, 50) !important; }

.wds-global-navigation__link, .wds-global-navigation__start-a-wiki { color: rgb(0, 214, 214) !important; }

.wds-global-navigation__link:active, .wds-global-navigation__link:focus, .wds-global-navigation__link:hover, .wds-global-navigation__start-a-wiki:active, .wds-global-navigation__start-a-wiki:focus, .wds-global-navigation__start-a-wiki:hover { color: rgb(255, 255, 255) !important; }

.wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled) { --wds-secondary-button-label-color: #BED1CF !important; --wds-secondary-button-label-color--hover: #82A7A3 !important; }

.wds-global-navigation__search { color: rgb(0, 214, 214) !important; }

.wds-global-navigation .wds-avatar { --wds-avatar-border-color: #00D6D6 !important; --wds-avatar-border-color--hover: #FFF !important; }

.wds-global-navigation :not(.wds-community-bar__navigation) > .wds-dropdown { --wds-dropdown-background-color: #FFF !important; --wds-dropdown-border-color: #BED1CF !important; --wds-dropdown-text-color: #3A3A3A !important; --wds-dropdown-linked-item-color: #088488 !important; --wds-dropdown-linked-item-background-color: rgba(8, 132, 136, 0.1) !important; --wds-dropdown-scrollable-shadow-color: rgba(58, 58, 58, 0.1) !important; }

.wds-global-navigation__notifications-dropdown { color: rgb(0, 214, 214) !important; }

.wds-global-navigation__notifications-dropdown:hover { color: rgb(255, 255, 255) !important; }

.wds-global-navigation__link-group .wds-dropdown__toggle-chevron, .wds-global-navigation__notifications-dropdown .wds-dropdown__toggle-chevron, .wds-global-navigation__user-menu .wds-dropdown__toggle-chevron { fill: rgb(255, 119, 109) !important; }

.wds-notification-card__icon-wrapper .wds-icon { fill: rgb(127, 153, 152) !important; }

.wds-notification-card__text { color: rgb(14, 25, 26) !important; }

.wds-global-navigation .wds-dropdown .wds-button.wds-is-secondary { --wds-secondary-button-label-color: #BED1CF !important; --wds-secondary-button-label-color--hover: #82A7A3 !important; }

.wds-global-navigation__search-input { color: rgb(255, 255, 255) !important; }

.wds-global-navigation__search-input-wrapper { width: 100% !important; border-bottom: 2px solid rgb(0, 214, 214) !important; }

.wds-global-navigation .wds-button { --wds-primary-button-background-color: rgb(0, 214, 214) !important; --wds-primary-button-background-color--hover: #007070 !important; --wds-primary-button-label-color: rgb(255, 255, 255) !important; }

.wds-global-navigation .wds-button.wds-is-text { --wds-text-button-label-color: rgb(0, 214, 214) !important; --wds-text-button-label-color--hover: rgb(255, 255, 255) !important; }

.wds-button.wds-is-text.wds-is-active, .wds-button.wds-is-text:active, .wds-button.wds-is-text:focus, .wds-button.wds-is-text:hover { color: rgb(255, 255, 255) !important; }

.wds-global-navigation__search-close.wds-button.wds-is-text { color: rgb(255, 255, 255) !important; transition: color 0s ease 0s, all 0.3s ease 0s !important; }

.wds-global-navigation__search-close.wds-button.wds-is-text:hover { background-color: transparent !important; color: rgb(217, 217, 217) !important; }

.wds-global-navigation__search-toggle { color: rgb(0, 214, 214) !important; }

.wds-global-navigation__search, .wds-global-navigation__search-dropdown { -webkit-box-flex: 1 !important; flex: 1 1 auto !important; }

.wds-global-navigation .wds-sign-out__button { --wds-sign-out-button-background-color--hover: rgba(8, 132, 132, 0.1); --wds-sign-out-button-label-color--hover: 088488; }

.wds-sign-out__button:hover { background-color: rgba(8, 132, 136, 0.1) !important; color: #088488 !important; }

.wds-sign-out__button { color: #3A3A3A !important; }

.wds-notification-card__last-actor { color: rgb(14, 25, 26) !important; }

.wds-notification-card__context-list { color: rgb(95, 122, 123) !important; }

/** Footer Customisation **/ .wds-global-footer { background-color: rgb(0, 42, 50) !important; color: rgb(255, 255, 255) !important; }

.wds-global-footer__link, .wds-global-footer__link:active, .wds-global-footer__link:focus, .wds-global-footer__link:visited { color: rgb(0, 214, 214) !important; }

.wds-global-footer__bottom-bar { background: rgba(38, 38, 38, 0.5) !important; }

.wds-global-footer__bottom-bar a, .wds-global-footer__bottom-bar a:visited { color: rgb(0, 214, 214) !important; }

/** Banner Notifications **/ .wds-banner-notification { --wds-banner-notification-background-color: #FFF !important; --wds-banner-notification-text-color: #3A3A3A !important; --wds-banner-notification-link-color: var(--theme-link-color) !important; --wds-banner-notification-link-color--hover: var(--theme-link-color--hover) !important; --wds-banner-notification-border-color: #C5CED9 !important; --wds-banner-notification-close-icon: #595358 !important; background-color: #FFF !important; color: #3A3A3A !important; }

.wds-message .wds-banner-notification__icon { background-color: rgb(0, 158, 158) !important; }

/** The Purple Logo Sucks **/ /** Fandom logo size **/ .wds-global-navigation__logo { height: 27px !important; width: 126px !important; margin: 0 0 -10px 0 !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='wds-company-logo-fandom-white' viewBox='0 0 164 35'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M32.003 16.524c0 .288-.115.564-.32.768L18.3 30.712c-.226.224-.454.324-.738.324-.292 0-.55-.11-.77-.325l-.943-.886a.41.41 0 0 1-.01-.59l15.45-15.46c.262-.263.716-.078.716.29v2.46zm-17.167 10.12l-.766.685a.642.642 0 0 1-.872-.02L3.01 17.362c-.257-.25-.4-.593-.4-.95v-1.858c0-.67.816-1.007 1.298-.536l10.814 10.56c.188.187.505.57.505 1.033 0 .296-.068.715-.39 1.035zM5.73 7.395L9.236 3.93a.421.421 0 0 1 .592 0l11.736 11.603a3.158 3.158 0 0 1 0 4.5l-3.503 3.462a.423.423 0 0 1-.59 0L5.732 11.89a3.132 3.132 0 0 1-.937-2.25c0-.85.332-1.65.935-2.246zm13.89 1.982l3.662-3.62a3.232 3.232 0 0 1 2.737-.897c.722.098 1.378.47 1.893.978l3.708 3.667a.41.41 0 0 1 0 .585l-5.64 5.576a.419.419 0 0 1-.59 0l-5.77-5.704a.411.411 0 0 1 0-.585zm14.56-.687L26.014.475a.869.869 0 0 0-1.228-.002L18.307 6.94c-.5.5-1.316.5-1.82.004l-6.48-6.4A.87.87 0 0 0 8.793.542L.447 8.67C.16 8.95 0 9.33 0 9.727v7.7c0 .392.158.77.44 1.048l16.263 16.072a.87.87 0 0 0 1.22 0l16.25-16.073c.28-.278.438-.655.438-1.048V9.73c0-.39-.153-.763-.43-1.04z' fill='%2300D6D6'%3E%3C/path%3E%3Cpath d='M62.852 20.51l2.58-6.716a.468.468 0 0 1 .87 0l2.58 6.717h-6.03zm5.856-12.428c-.184-.48-.65-.8-1.17-.8h-3.342c-.52 0-.986.32-1.17.8l-7.083 18.5c-.21.552.2 1.14.796 1.14h2.753c.353 0 .67-.215.796-.542l.738-1.922a.849.849 0 0 1 .795-.542h8.088a.85.85 0 0 1 .796.542l.74 1.922c.125.327.44.543.795.543h2.754a.843.843 0 0 0 .796-1.14l-7.082-18.5zm93.504-.8h-2.715a1.86 1.86 0 0 0-1.677 1.047l-5.393 11.162-5.393-11.163a1.858 1.858 0 0 0-1.677-1.047h-2.715a.889.889 0 0 0-.893.883V26.84c0 .487.4.883.892.883h2.608a.889.889 0 0 0 .893-.883v-9.686l4.945 10.072c.15.304.46.497.803.497h1.073a.893.893 0 0 0 .803-.497l4.945-10.072v9.686c0 .487.4.883.894.883h2.608a.889.889 0 0 0 .893-.883V8.166c0-.487-.4-.883-.893-.883zm-106.972 8.8h-8.63V11.49h10.918a.88.88 0 0 0 .83-.578l.888-2.464a.872.872 0 0 0-.83-1.163h-15.18c-.486 0-.88.39-.88.87v18.7c0 .48.394.87.88.87h2.492c.486 0 .88-.39.88-.87V20.29h7.743a.88.88 0 0 0 .83-.578l.89-2.464a.872.872 0 0 0-.83-1.163zm51.76 7.61h-3.615V11.315H107c3.828 0 6.41 2.517 6.41 6.188 0 3.672-2.582 6.19-6.41 6.19zm-.124-16.41h-7.128c-.486 0-.88.39-.88.872v18.698c0 .48.394.87.88.87h7.128c6.453 0 10.912-4.44 10.912-10.16v-.117c0-5.72-4.46-10.162-10.912-10.162zm-11.947.03h-2.642a.87.87 0 0 0-.876.866v12.36l-8.755-12.72a1.242 1.242 0 0 0-1.023-.535H78.32a.873.873 0 0 0-.876.867v18.706c0 .48.393.867.877.867h2.64a.872.872 0 0 0 .878-.867V14.71l8.608 12.478c.23.334.613.535 1.022.535h3.46a.872.872 0 0 0 .877-.867V8.178a.87.87 0 0 0-.876-.867zm40.71 10.3c0 3.323-2.712 6.016-6.056 6.016-3.345 0-6.056-2.693-6.056-6.015v-.22c0-3.322 2.71-6.015 6.056-6.015 3.344 0 6.055 2.693 6.055 6.015v.22zm-6.056-10.44c-5.694 0-10.31 4.576-10.31 10.22v.22c0 5.646 4.616 10.22 10.31 10.22 5.693 0 10.308-4.574 10.308-10.22v-.22c0-5.644-4.615-10.22-10.308-10.22z' fill='%23FFF'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat center; display: block !important; }

/** Pay no Attention to this **/ /** Cancel Button **/ .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { background-color: #91001A; border-color: #91001A; color: #FFF; width: 130px; }

.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { background-color: #FF002D; border-color: #FF002D; color: #FFF; }