User:Himmalerin/global.css

/** * Special thanks and kisses to Doru for getting me through these trying times * of dealing with Firefox and css * * Happy? */

/**\ #IMPORTS \**/ /** * In order of importing, * MiniGlobalNav     - * MiniVisualEditorUI - * ModernizedChanges - * VanillaCodeMirror - */ @import url('/load.php?mode=articles&articles=u:dev:MediaWiki:MiniGlobalNav.css|u:dev:MediaWiki:MiniVisualEditorUI.css|u:dev:MediaWiki:VanillaCodeMirror.css&only=styles'); /* Reduce top margin */ .WikiaSiteWrapper { margin-top: 37px; }

/**\ #GLOBAL-NAVIGATION \**/

/** * Minimal Navigation */

/* Hide elements */ .wds-global-navigation__content-bar-left, /* Hide the FANDOM logo and topic links */ .wds-global-navigation__start-a-wiki, /* Hide the Start a Wiki button */ .wds-global-navigation__search-container.search-scope-is-loaded .wds-global-navigation__search-scope, /* Hide the search scope dropdown */ .wds-search-is-active .wds-global-navigation__search-close, /* Hide the search close button */ .wds-search-is-active .wds-global-navigation__search-submit /* Hide the search submit button */ { display: none; }

/* Have the search bar take up all available width */ .wds-global-navigation__search-container, /* Screens 1500px or larger */ .wds-search-is-active .wds-global-navigation__search-container /* Screens smaller than 1500px */ { flex: 1; margin-left: unset; }

/* Unbreak the global navigation on screens smaller than 768px wide */ .wds-global-navigation .wds-global-navigation__dropdown-controls { display: flex; }

/** * User dropdown */

/* Shove the user dropdown over to the left so there's enough room for secondary dropdowns */ .wds-global-navigation__user-menu .wds-dropdown__content { left: -90%; }

/* Shove the Notifications dropdown over so you can see the entire thing */ .wds-notifications__dropdown-content { left: -590%; }

/** * Notifications */

/* Apply a custom icon to the wds bell */ width: 18px; min-width: 18px; height: 18px; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.882 19.472a.998.998 0 0 0-.05-1.026C21.814 18.418 20 15.656 20 12V8c0-4.411-3.59-8-8-8-4.411 0-8 3.589-8 8v4c0 3.628-1.815 6.419-1.832 6.446a1.003 1.003 0 0 0-.05 1.026c.175.325.514.528.882.528h18a1 1 0 0 0 .882-.528M12 24c1.474 0 2.75-.81 3.444-2H8.556c.694 1.19 1.97 2 3.444 2'/%3E%3C/svg%3E"); mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.882 19.472a.998.998 0 0 0-.05-1.026C21.814 18.418 20 15.656 20 12V8c0-4.411-3.59-8-8-8-4.411 0-8 3.589-8 8v4c0 3.628-1.815 6.419-1.832 6.446a1.003 1.003 0 0 0-.05 1.026c.175.325.514.528.882.528h18a1 1 0 0 0 .882-.528M12 24c1.474 0 2.75-.81 3.444-2H8.556c.694 1.19 1.97 2 3.444 2'/%3E%3C/svg%3E"); background-color: currentColor; }
 * 1) onSiteNotificationsDropdown .wds-icon:first-of-type {

/* Bring the notification counter above the bell */ .wds-global-navigation__notifications-counter { z-index: 1; }

/**\ #WIKIABAR \**/

body.wikia-bar-visible { padding-bottom: 20px; }

.WikiaBarWrapper { height: 20px; background-image: unset; }

.WikiaBarWrapper .arrow { padding-bottom: 1px; }


 * 1) WikiaBar .toolbar { padding: unset; }

/* Rotate svg, move svg, attempt to sharpen svg*/ .WikiaBarWrapper .toolbar .tools .arrow-icon { transform: rotate(180deg) translate3d(1px, -3px, 0) scale(1.02); }

/* Move svg, attempt to sharpen svg*/ .tools-customize svg { transform: translate3d(-1px, 2px, 0) scale(0.99); }

/**\ #PAGE \**/

/* Set redlink categories to red so they stand out */ .newcategory { color: #e81a3f; } .newcategory:hover { color: #8e0e25; }

/** * For use with the MiniToolbar styles */ .wikia-bar-visible .ve-ui-summaryPanel { bottom: 20px; }