User:DEmersonJMFM/globalnav.css

/**************************************************************************************/ /*                    FIXES FOR A CLUMSY GLOBAL NAVIGATION BAR                       */ /*                              Author: DEmersonJMFM                                 */ /*              Extremely Modified From Original Code By JayJayJohnson               */ /* Original Version: 20:01, 2 December 2014 - Latest Update: 19:21, 13 February 2019 */ /*                                                                                   */ /*       ATTRIBUTION OF FOLLOWING CODE REQUIRED UNDER CC-BY-SA LICENSE IF COPIED      */ /*                                                                                   */ /*                                   FUNCTIONAILTY                                    */ /*       Simplifies Bar to Highlight Logo, Search, & User Menu/Notifications         */ /*        Retains Aboslute Positioning (Moves Down The Page With Scrolling)          */ /*          Restores Previous Fandom Inversion Logo Using the Dark Theme             */ /*                                                                                   */ /*                                        USE                                         */ /*                 Copy/Paste Import at the Top of Your Global.css                   */ /* @import url ("/load.php?mode=articles&articles=u:c:User:DEmersonJMFM/globalnav.css&only=styles&ctype=text/css"); */ /*                                                                                   */ /*                               ADDITIONAL INFORMATION                               */ /* Code in Use: http://community.wikia.com/wiki/File:Global_Header_DEmersonJMFM.png  */ /*   Moves/History: User:JayJayJohnson/common.css -> User:DEmersonJMFM/common.css    */ /*        -> User:DEmersonJMFM/global.css -> User:DEmersonJMFM/globalnav.css         */ /**************************************************************************************/

/* Reduces Bar Size */ .wds-global-navigation { height: 38px; padding: 0 340px; }

.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: 45px; }

/* 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 */

/* Revert Stupid Bar Spread */ .wds-global-navigation__dropdown-controls, .wds-global-navigation__modal-controls { justify-content: flex-start; }

/* 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; border-bottom: none; } /* 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: 34px; margin-left: 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 img.wds-avatar__image { border: none; } /* Remove Blue Inner Border */ .wds-dropdown.wds-global-navigation__user-menu.wds-has-shadow.wds-global-navigation__user-logged-in { margin-bottom: 17px; }

/* Initial Dropdown Improvements */ .wds-global-navigation .wds-icon { fill: #ffffff; } .wds-global-navigation #wds-icons-dropdown-tiny { height: 10px; width: 10px; min-width: 10px; } .wds-global-navigation .wds-dropdown::after { border: none; }

/* 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 */

/* Discussions/Announcment Improvements */
 * 1) wds-icons-bell { height: 20px; width: 20px; min-width: 20px; }

.wds-notifications__mark-all-as-read-button { margin-top: -1px; height: 40px; } .wds-notifications__mark-all-as-read { /* Match Notifications "Mark All As Read" */ background-color: #092344; color:#ffffff; font-weight: normal; padding: 12px 115px; border-bottom: 1px solid #c5ced9; border-top: 1px solid #c5ced9; }

.wds-dropdown.wds-has-dark-shadow .wds-dropdown__content, .wds-dropdown.wds-has-shadow .wds-dropdown__content { border: 1px solid #c7d1d8; }

li.wds-notification-card:hover { background-color: rgba(164,182,191,0.2); } /* Match Notification Hover */

.wds-is-unread .wds-notification-card__icon-wrapper .wds-icon { fill: red; } /* Unread Mic */ .wds-notification-card__icon-wrapper .wds-icon { fill: green; } /* Read Mic */

.wds-notification-card__text { font-weight: bold; opacity: 0.7; } /* Read Announcement Text */

li.wds-notification-card:hover .wds-notification-card__text, /* Read Announcement Text on Hover */ .wds-is-unread .wds-notification-card__text { opacity: 1; } /* Unread Announcement Text */

.wds-notification-card__context-list { color: rgba(57,66,77,0.5); padding: 4px 0 0;} .wds-notification-card__last-actor { color: #092140; font-weight: normal; margin: 4px 0 0; }

/* Notification Improvements */
 * 1) wds-icons-message { height: 20px; width: 20px; min-width: 20px ;}

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


 * 1) 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; }