User blog:Lonesome Courier/Thal-bar Solution (Hopefully...)

'''So, unless you've been hiding in Alinor or stuck in Dagoth Ur, all of you have probably heard of or seen the eyesore that is Wikia's new Global Navigation Bar, or the "Thal-bar" as i like to call it. for the past hour or so, i was hunting for a solution. After snooping around and, erm, stealing code, I came up with the following code solution.'''

/* Global Navigation */ .global-navigation, .global-navigation .autocomplete { background: rgb(5,5,5); background: rgba(0,0,0, 0.8) !important; color: rgb(230,230,230) !important; border: none !important; } .global-navigation-item, .global-navigation-link, .global-navigation-link:hover { border: none !important; } .search-input { background: rgb(10,10,10); background: rgba(100,100,100, 0.2) !important; border: 1px solid rgb(27,27,27) !important; color: rgb(230,230,230) !important; font-weight: normal !important; } .search-input:focus { background: rgb(15,15,15); background: rgba(0,0,0, 0.7) !important; } .global-navigation .autocomplete div { border: none !important; } .global-navigation .autocomplete.selected { background: rgb(5,5,5); background: rgba(100,100,100, 0.2) !important; color: rgb(230,230,230) !important; }   width: calc(100% - 515px); } @media only screen and (min-width: 1024px) and (max-width: 1496px) { width: calc(100% - 452px); } } @media only screen and (max-width: 1023px) { width: calc(100% - 355px); } }
 * 1) globalNavigation .search-container {
 * 1) globalNavigation .search-container {
 * 1) globalNavigation .search-container {

'''This code will make the Thal-bar a less eye-piercing black, and improve the notification box. paste the code in this page, then reload your cache.'''