User blog comment:Dopp/New Profile Design Now Live Across All Wikis/@comment-3450419-20110820163707

Hi guys, if anyone is looking to shrink the Masthead down, I did another iteration of CSS at Kirby Wiki and managed to make the tabs float and flow around the elements, besides merging the search box. What it does is that if someone's profile is completely empty like this, everything compacts to within 140px height - the height of your avatar; that's about as thin as the profile section previously is before the update. If it's not empty, like this, it comes down and expands as normal.

It's a pure CSS solution. Tested and works fully for IE9, Firefox, Chrome, Safari, and Opera, and shouldn't violate ToU since it does not remove function. Anon CSS is still wonky since it's freshly coded, but it should display properly for logged-in users.

I managed to shrink the admin dashboard menu down to just over the thickness of the floating bottom toolbar too, since that's all the space that's really needed, but that's unrelated.

Edit: Since the floats use z-indices around 1,000 it obscures the drop-down lists from .WikiHeader. You'll need to add a z-index of over 1,000 to .WikiHeader .subnav to make it cover the Masthead using the CSS example above.