User:Himmalerin/global.css

/**\ #IMPORTS \**/ /* Shrink global navigation */ @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:MiniGlobalNav.css&only=styles"); /* Sleeker, modernized source editor styles */ @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:EditorSourceMinimal/light.css&only=styles");

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

/** * $Search */

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

/* Increase search bar size */ .wds-global-navigation__search-container, .wds-search-is-active .wds-global-navigation__search-container { flex: 1; margin-left: unset; }

/** * $User dropdown */

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

/* Shrink max-width so secondary dropdowns don't get cut off */ .wds-dropdown-level-2__content { max-width: 109px; }

/* Wrap long list item lines so they don't get cut off */ .wds-dropdown__content .wds-list > li { white-space: unset; }

/** * $Notifications */

/* Apply a custom icon to the wds bell */ fill: rgba(0,0,0,0); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300d6d6' d='M18 4h-1v7a2 2 0 01-2 2H4v1a2 2 0 002 2h10l4 4V6a2 2 0 00-2-2z'/%3E%3Cpath fill='%2300d6d6' d='M14 0H2a2 2 0 00-2 2v14l4-4h10a2 2 0 002-2V2a2 2 0 00-2-2z'/%3E%3C/svg%3E%0A"); background-size: 100%; }
 * 1) wds-icons-bell {

/* Apply a custom icon to the wds envelope */ fill: rgba(0,0,0,0); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300d6d6' d='M0 8v8a2 2 0 002 2h16a2 2 0 002-2V8l-10 4z'/%3E%3Cpath fill='%2300d6d6' d='M18 2H2a2 2 0 00-2 2v2l10 4 10-4V4a2 2 0 00-2-2z'/%3E%3C/svg%3E"); background-size: 100%; }
 * 1) wds-icons-message {

/**\ #WIKIABAR \**/

/* Disable gradient and texture */ .WikiaBarWrapper, .WikiaBarWrapper .wikia-bar { background-image: none; }

/* Shrink height, set bg color and fonts */ .WikiaBarWrapper { height: 20px; background-color: #002a32; box-shadow: none; font-family: Rubik, Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; }

/* Remove padding so .WikiaBarWrapper's height isn't increased */ .WikiaBarWrapper .toolbar { padding: 0; }

/* Change divider color for items */ .WikiaFooter .toolbar .tools > li, .WikiaBarWrapper .toolbar .tools > li { border-color: #ff776d; }

/* Change links to use WDS colors */ .WikiaFooter .toolbar .tools > li > a, .WikiaBarWrapper .toolbar .tools > li > a { color: #00d6d6; }

/* Change link hovers to use WDS colors */ .WikiaFooter .toolbar .tools > li > a:hover, .WikiaBarWrapper .toolbar .tools > li > a:hover { text-decoration: none; color: #fff ; }

/* Hide the settings gear */ .sprite.gear { display: none; }

/* Replace the collapse arrows with a custom one */ .WikiaBarWrapper .arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M10.09 2.94L6.05 6.8 2.1 2.94 1.05 4l5 5 5-5z'/%3E%3C/svg%3E"); background-size: 60%; height: 20px; }

/* Replace the uncollapse arrow with a custom one */ .WikiaBarCollapseWrapper { background-color: #002a32; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M10.04 9.03L6 5.17 2.05 9.03 1 7.97l5-5 5 5z'/%3E%3C/svg%3E"); background-size: 75%; }

/* Shrink size of the uncollapse button */ .WikiaBarCollapseWrapper .wikia-bar-collapse { height: 20px; width: 18px; }

/** * $My Tools * Give the "My Tools" popup a more wds-esque appearance */ .WikiaFooter .tools-menu, .WikiaBarWrapper .tools-menu { border-radius: 4px; border: none; box-shadow: 0 0 20px 0 rgba(26, 26, 26, 0.3); }

.WikiaFooter .tools-menu > li > a:hover, .WikiaBarWrapper .tools-menu > li > a:hover { background-color: rgba(164,182,191,0.2); text-decoration: none; }