MediaWiki:CustomToolbar.css

/** * * @title      CustomToolbar * @description Makes toolbar more consistent with FANDOM Design System. * @author     Americhino * @version    0.9.0 * @license    CC-BY-SA 3.0 * */ .WikiaBarWrapper .wikia-bar { background-image: none !important; box-shadow: none; } .WikiaBarWrapper { background: var(--modtb-background) !important; background-image: none !important; padding: 5px; box-shadow: none !important; } .WikiaFooter .toolbar .tools > li, .WikiaBarWrapper .toolbar .tools > li { border-right: none; } .WikiaFooter .toolbar .tools > li > a:hover, .WikiaBarWrapper .toolbar .tools > li > a:hover, .WikiaBarWrapper .toolbar .tools > .overflow:hover { text-decoration: none !important; } .WikiaFooter .toolbar .tools > li > a, .WikiaBarWrapper .toolbar .tools > li > a, .WikiaBarWrapper .toolbar .tools > .overflow, .WikiaBarWrapper .toolbar .tools > .overflow span { font-size: var(--modtb-font-size-main) !important; font-weight: var(--modtb-font-weight-main); text-transform: var(--modtb-text-transform-main); font-family: var(--modtb-font) !important; background-color: var(--modtb-background) !important; color: var(--modtb-color) !important; } .WikiaBarWrapper .toolbar .tools > .overflow span { color: var(--modtb-color-disabled) !important; } .WikiaBarWrapper .toolbar .tools > li { border-right: 0 !important; } .WikiaFooter .toolbar .tools > li > a, .WikiaBarWrapper .toolbar .tools > li > a { padding: 4px; } .WikiaBarWrapper .toolbar .tools .mytools.menu .arrow-icon { transform: rotate(180deg); top: 6px; } .WikiaBarWrapper .toolbar .tools .mytools.menu:hover .arrow-icon { transform: rotate(0deg) !important; top: 1px; } .overflow a, .overflow span { font-size: var(--modtb-font-weight-main); font-weight: var(--modtb-font-weight-main); text-transform: uppercase; background-color: var(--modtb-background) !important; } .tools-menu { background-color: var(--modtb-background) !important; box-shadow: none !important; border: none !important; padding: 7px !important; border-radius: var(--modtb-border-radius); } .tools-menu li a, .tools-menu li span { font-weight: var(--modtb-font-weight-secondary) !important; text-transform: var(--modtb-text-transform-secondary) !important; border-radius: 0 !important; font-size: var(--modtb-font-weight-secondary) !important; font-family: var(--modtb-font) !important; color: var(--modtb-color) !important; } .tools-menu li span { color: var(--modtb-color-disabled) !important; }

.tools-menu li.overflow a:hover { background: var(--modtb-background-hover) !important; }

.WikiaBarWrapper .tools-menu > li { border-top: none !important; }

animation: rotator .5s linear infinite; background: url('https://images.wikia.nocookie.net/speedit/images/0/0b/Spinner.svg') no-repeat center / 64px; } /* Toolbar Arrow */ .WikiaBarWrapper a.arrow { background: none; box-shadow: none !important; transform: translateX(-10px) translateY(6px) scale(1.5) !important; margin-top: 10px !important; content: url("data:image/svg+xml;utf8,  "); } a.wikia-bar-collapse { background-image: none !important; background-color: var(--modtb-show-background) !important; padding: 1px 0px 0px 10px; box-shadow: none !Important; border-radius: 3px; transform: rotate(180deg); content: url("data:image/svg+xml;utf8,  "); } .WikiaBarCollapseWrapper { background: var(--modtb-show-background) !important; background-image: none !important; border-radius: var(--modtb-show-border-radius) !important; box-shadow: none; right: 5px; } /* Variables */ .WikiaBarWrapper { --modtb-background: #1a1b33; --modtb-show-background: rgba(26,27,51,0.5); --modtb-show-border-radius: 50%; --modtb-background-hover: #212241; --modtb-color: #eee; --modtb-color-disabled: #888; --modtb-font: Rubik, sans-serif; --modtb-font-weight-main: bold; --modtb-font-weight-secondary: normal; --modtb-text-transform-main: uppercase; --modtb-text-transform-secondary: uppercase; --modtb-font-size-main: 11px; --modtb-border-radius: 3px; }
 * 1) MyToolsConfigurationWrapper .wikiaThrobber {