User:SuperSajuuk/header.css

/**
 * Fixes the new Wikia Header to be narrower and less intrusive.
 * Source: http://community.wikia.com/wiki/User:DEmersonJMFM/global.css
 * Last Modified: 27th September 2016 @ 18:10
 * To use this, simply add the following code to the top of your
 * global.css:
 * @import "http://community.wikia.com/index.php?title=User:SuperSajuuk/header.css&action=raw&ctype=text/css&smaxage=86400&templates=expand";
 * DO NOT COPY/PASTE THIS, YOU WON'T RECEIVE THE LATEST UPDATES
 * AND IT WON'T GIVE PROPER ATTRIBUTION TO MYSELF OR THE ORIGINAL
 * AUTHOR OF THESE FIXES!
 * DO NOT COPY/PASTE THIS, YOU WON'T RECEIVE THE LATEST UPDATES
 * AND IT WON'T GIVE PROPER ATTRIBUTION TO MYSELF OR THE ORIGINAL
 * AUTHOR OF THESE FIXES!

/* Fix This */ .wds-global-navigation { border-top: 0 !important; }

/* Fix Wrapper Position */ .wds-global-navigation-wrapper { height: 38px !important; }

/* Media Definitions */ @media only screen and (min-width: 1596px) { .wds-global-navigation__content-bar { width: 1475px !important; } }

/* Content Bar Height */ .wds-global-navigation__content-bar { height: 37px !important; }

/* Fix Icon Height */ .wds-global-navigation__logo-wikia-icon { height: 85% !important; margin-top: 4px !important; }

/* No Pointless Hover Colours */ .wds-icon { fill: #39424d; }

/* Hide All This Junk */ .wds-global-navigation__logo-wikia-caption, .wds-is-games, .wds-is-movies, .wds-is-tv, .wds-global-navigation__wikis-menu, .wds-global-navigation__start-a-wiki { display: none !important; }

/* Height Fix */ .wds-global-navigation__logo, .wds-global-navigation__link, .wds-global-navigation__wikis-menu, .wds-global-navigation__search, .wds-global-navigation__account-menu, .wds-global-navigation__user-menu, .wds-global-navigation__notifications-menu, .wds-global-navigation__start-a-wiki { height: 37px !important; }

/* Fix Avatar Depiction */ .wds-avatar.wds-is-circle { border: solid 1px currentColor !important; border-radius: 0 !important; }

/* Notification counter fix */ .wds-global-navigation__notifications-menu-counter { background-color: red; font-size: 11px; }

/* Inversion Classes for JS */ .inverse { background-color: #3591cc; background-color: rgba(53,145,204,0.75); -webkit-transition: background-color 1s; transition: background-color 1s; }

.plain { background-color: transparent; -webkit-transition: background-color 1s; transition: background-color 1s; }