userstyles.org - StackExchange™ MultiCollider SuperDropdown™ Fixes

In December 2013, the new black StackExchange™ MultiCollider SuperDropdown™ (the bar on top) was rolled out. Many of us felt the black too distracting, and other things missing. I've collected some ideas from Gallery of custom styles and/or scripts for the top-bar and decided to publish it here as UserScript to share.

To use this style, install Firefox and Stylish. If you already have Stylish, make sure this site is allowed to run JavaScript.

(Though installing Stylish is recommended, if your browser supports user scripts, you can also install this style as a user script.)

StackExchange™ MultiCollider SuperDropdown™ Fixes
12769
95794
stackexchange
Advertisement
Author Izzy
License CC-NC-SA
Created Dec 5, 2013
Updated Jan 16, 2014
Installs (this week) 4
Installs (total) 49
Show CSS

Notes

Please note that all credits go to the original contributors. While this includes me partly, my contribution is rather minor. Most of the work was done by phils!

What it does:
  • light color of the topbar
  • fix the topbar location (always floating on the top of the page, even when you scroll down)
  • adjust the size of the dropdown-boxes (inbox, achievements) plus search-box and their font-size
What is contained, but commented out:
I've included some additional CSS which you can simply enable by removing the surrounding comment enclosures. To not have that reverted with each style update, you alternatively can copy it to your own UserStyle:
  • Completely hide the avatar
  • Alternatively: have it replaced by your username
  • Hide achievements icon when there are no news
  • Use a colorized SE logo instead of the gray one
  • Shrink the search box, and let it expand automatically when it's focused
I'd prefer to have it in a way you could elegantly toggle it via some menu, but that's not possible with CSS unfortunately, and thus would require a UserScript.

What sites it supports:
  • AskUbuntu
  • StackOverflow (incl. Meta)
  • *.stackexchange.com (not completely tested; works fine on Android.SE and dba.SE at least)
  • Super User
  • Server Fault
  • StackApps
I've added some comments to the CSS to make it easier for you to adjust to your personal preferences, e.g. hide some elements or use a colored SE logo.

I cannot promise to keep it updated...

Feedback

Discussions

No discussions posted yet. Be the first to ask a question or review this style.