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: 12th June 2018 @ 13:08
*
* To use this, simply add the following code to the top of your
* global.css:
* @import "https://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!
*
**/

/* Reduces Bar Size */
.wds-global-navigation { height: 38px; background-color: dimgrey; }

.wds-global-navigation__logo,
.wds-global-navigation__search,
.wds-global-navigation__account-menu,
.wds-global-navigation__user-menu,
.wds-global-navigation__notifications-menu { height: 38px; }

.wds-global-navigation-wrapper { height: 38px; }

/* Remove Top Ad Thus Reducing Space Under Bar */
.WikiaTopAds { display: none; }
body.mediawiki.ltr.ns-0 { padding-top: 0 !important; }

/* Remove Completely */
.wds-global-navigation__link, /* Hub Cells */
.wds-global-navigation__link-group, /* Wiki Dropdown */
.wds-global-navigation__start-a-wiki, /* Start a Wikia Button */
button.wds-button.wds-global-navigation__search-submit { display: none; } /* Search Button */

/* Search Bar Restyling */
.wds-global-navigation__search.wds-dropdown { display: inherit; } /* Expands Toggle */

.wds-global-navigation__search-toggle { /* Invisible Toggle Needed For Search Suggests */
    position: absolute;
    z-index: 1;
    opacity: 0;
    width: 93%;
    height: 25px;
    margin: 6px 30px 0;
    cursor: text;
}

.wds-global-navigation__search-input-wrapper { padding: 6px 30px 0; } /* Repositioned with Toggle Removal */

.wds-global-navigation__search-input {
    border: 1px solid #9aa3af; /* .wds-global-navigation__search-input::-webkit-input-placeholder */
    padding: 0 7px 2px;
    height: 25px;
}

.wds-search-is-active .wds-dropdown.wds-global-navigation__search.wds-no-chevron.wds-has-dark-shadow,
.wds-search-is-active .wds-dropdown.wds-global-navigation__search.wds-no-chevron.wds-has-dark-shadow.is-clicked { margin-left: -34px; } /* What? Prevents Movement */

.wds-search-is-active .wds-global-navigation__search-input-wrapper { border-bottom: none; } /* Removed Blue Line */
.wds-search-is-active .wds-global-navigation__search-close { display: none; } /* Removed 'x' Icon to Prevent Jump */

.wds-global-navigation__search-suggestions.wds-dropdown__content { right: 30px; left: 30px; top: 30px; }
.wds-dropdown.wds-has-dark-shadow .wds-dropdown__content, .wds-dropdown.wds-has-shadow .wds-dropdown__content {
    box-shadow: none;
    border: 1px solid #9aa3af;
    border-top: none;
}

@media only screen and (min-width: 1024px) { .wds-global-navigation__search-container { margin-right: 0; } }

.wds-dropdown__content.wds-global-navigation__search-suggestions,
.wds-global-navigation__search-suggestions.wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::after,
.wds-global-navigation__search-suggestions.wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list::before { background-color: #fff; } /* First/Last Search Suggestions */

.wds-dropdown__content .wds-list.wds-is-linked>li.wds-is-selected>a,
.wds-dropdown__content .wds-list.wds-is-linked>li:hover>a { background-color: rgba(164,182,191,0.2); } /* Removed Blue Hover When Mouse Leaves Search Suggestions */

/* Restore Square Avatar & Position */
.wds-global-navigation .wds-avatar { 
    height: 22px;
    width: 22px;
    min-width: 22px;
    border: solid 1px #9aa3af;
}
.wds-global-navigation__user-menu .wds-avatar__image { border-radius: 0; } /* Square */
.wds-global-navigation .wds-avatar .wds-avatar__image { border: 0; } /* Remove Blue Inner Border */
.wds-dropdown.wds-global-navigation__user-menu.wds-has-shadow.wds-global-navigation__user-logged-in { padding-bottom: 17px; }

/* Initial Dropdown Improvements */
.wds-global-navigation .wds-icon { fill: #ffffff; }

/* Avatar Dropdown Improvements */
.wds-global-navigation__user-menu { padding-left: 0; }
.wds-global-navigation__user-menu .wds-dropdown__content { min-width: 100px; top: 38px; left: -29px; }
.wds-global-navigation .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list { max-height: 500px; }
.wds-global-navigation .wds-dropdown__content { box-shadow: none; padding: 0; border-radius: 0; }
.wds-global-navigation__dropdown-content { top: 38px; }
.wds-global-navigation .wds-dropdown__content .wds-list>li { margin: 0; } /* Hover Background Across Dropdown */
.wds-global-navigation .wds-dropdown__content .wds-list.wds-is-linked>li>a,
.wds-global-navigation .wds-is-linked .wds-sign-out__button { padding: 11px 15px; color: #092140 !important; opacity: .9; } /* !important For Wikis With Careless Site Styling */
.wds-global-navigation .wds-dropdown__content .wds-list.wds-is-linked>li:hover>a,
.wds-global-navigation .wds-is-linked .wds-sign-out__button:hover { background-color: rgba(164,182,191,0.2); color: #092140; opacity: 1; } /* Prevent Blue Hover Of Text */
.wds-global-navigation .wds-dropdown.wds-is-active::after, .wds-global-navigation .wds-dropdown.wds-is-active::before, .wds-global-navigation .wds-dropdown:hover::after, .wds-global-navigation .wds-dropdown:hover::before { display: none; } /* Remove Triangle on Dropdowns */

/* Notification Improvements */
.wds-global-navigation__notifications-dropdown .wds-dropdown__content { top: 46px; } /* Bell Notification Menu */
.wds-global-navigation__notifications-dropdown { padding-bottom: 17px; } /* Bell & Comment Icons */
.wds-global-navigation__avatar-notifications-counter,
.wds-global-navigation__notifications-counter { background-color: red; font-size: 12px; color: #ffffff; }
#GlobalNavigationWallNotifications { border-radius: 0; }
#GlobalNavigationWallNotifications .notification:first-child { border-top: 0; }

/* #GlobalNavigationWallNotifications .notification.admin-notification { padding: 12px 0; }  Highlighted Threads  */

/* Previous Fandom Inversion Logo */
/* https://vignette1.wikia.nocookie.net/alvin/images/4/4b/Fandom_Powered_By_Wikia_Logo.png/revision/latest?cb=20170518223833 */
.wds-global-navigation__logo-image { width: 230px; }

svg#wds-company-logo-fandom-white { opacity: 0; }
.wds-global-navigation__logo {
    background-image: URL(https://vignette1.wikia.nocookie.net/alvin/images/7/7c/Fandom_Powered_By_Wikia_Inverse_Logo.png/revision/latest?cb=20161007191256);
    background-repeat: no-repeat;
    background-size: 230px 24px;
    margin-bottom: 4px;
}