User:DEmersonJMFM/globalnav.css

/************************************************************************************/ /********************* Fixes For A Clumsy Global Navigation Bar *********************/ /** Author(s): DEmersonJMFM (heavily modified from original code by JayJayJohnson) **/ /*** Original Version: 20:01, 2 December 2014 - Latest Update: 13:52, 31 May 2016 ***/ /***** ATTRIBUTION OF FOLLOWING CODE REQUIRED UNDER CC-BY-SA LICENSE IF COPIED ******/ /*                                                                                 */ /*********** To Use Code, Copy/Paste Import at the Top of Your Global.css ***********/ /* @import "http://community.wikia.com/index.php?title=User:DEmersonJMFM/globalnav.css&action=raw&ctype=text/css&smaxage=86400&templates=expand"; */ /*                                                                                 */ /****************************** 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 Size, Increases Transition Time of Bar, & Fixs Positioning Problem For Comments */ .global-navigation { height: 38px; transition-duration: 1s; top: 0 !important; }

/* Remove Top Ad Thus Reducing Space Under Bar */ .WikiaTopAds { display: none; }

/* Remove Completely */ .global-navigation .wikia-logo__subtitle, /* The Home Of Fandom Logo */ .global-navigation .table-cell.hubs-links, /* Hub Cells */ .global-navigation div#exploreWikiaEntryPoint, /* Explore Wikia Dropdown */ .global-navigation .start-wikia-container, /* Start a Wikia Button */ .global-nav-search-input-wrapper .search-button { display: none; } /* Search Button */

/* Changes to Wikia Positioning */ .global-navigation .wikia-logo-container { padding-bottom: 10px; }

/* Enlarge Search Bar to Fill Space & Restyling */ .global-nav-search-input-wrapper .search-input { height: 20px !important; padding-right: 10px; background-color: white; border: 1px solid #949BA5; } .global-navigation #searchInput::-webkit-input-placeholder { color: #767C83; } /* Chrome */ .search-container.table-cell { padding-right: 10px; } .search-form-wrapper .search-form { padding-bottom: 5px; } .global-nav-search-input-wrapper .autocomplete-container { width: 813px; } /* Same Size As Search */

/* Reposition Dropdown Arrow & Magnify Glass */ .search-select-wrapper .chevron { margin-top: 8px; } .global-nav-search-input-wrapper .search-icon { height: 20px; } .search-select-wrapper .search-select-underlay { height: 20px; }

/* Restore Square Avatar & Position */ .AccountNavigation .account-navigation-item .avatar-container.logged-avatar { border-radius: 0; height: 22px; width: 22px; margin-bottom: 6px; } .AccountNavigation .avatar { height: 20px; width: 20px; }

/* Initial Avatar Dropdown Improvements */ .AccountNavigation .account-navigation-item .links-container .chevron { margin-top: 11px; } .AccountNavigation .user-menu { width: 140px; top: 80%; } .AccountNavigation .user-menu > li > a { padding: 8px 15px; } .AccountNavigation .user-menu > li { height: 35px; }

/* Notification Improvements */ .global-navigation #GlobalNavigationWallNotifications { width: 300px; top: 4px; } .notifications-container .notifications-entry-point { height: 17px; width: 55px; margin-bottom: 6px; } .notifications-container .notifications-entry-point:after { margin-left: 43px; margin-top: 8px; } .notifications-container .bubbles { background-color: red; } .notifications-container .bubbles-count { color: red; }
 * 1) GlobalNavigationWallNotifications .notification { line-height: 15px; padding: 10px 0; }
 * 2) GlobalNavigationWallNotifications .notification .avatars .avatar { width: 22px; height: 22px; border-radius: 0%; }

/* Highlighted Notification Improvements */
 * 1) GlobalNavigationWallNotifications .notification.admin-notification { padding: 10px 5px 10px 0; }

/* Remove Black Shadow */ .global-navigation { box-shadow: none; } .search-form-wrapper .autocomplete { border: 1px solid #c8d2d7; border-top-width: 0; margin-top: 1px; }