I have had hardly any time at the desktop this week! I tried your code and I like it because it generally looks good. I like mine because it uses the full use of space and has strong delineations. I'd like to combine them when I can. Dial down the hideous by about 50%.

Here is my code https://gist.github.com/btyaa/36a1743e7a0ae95b5aa8178722650b9e

I hope I am not disparaging you by giving you credit. I can remove it if you want. I do not feel this deserves to be in a repo at the moment. It is hideous at the front and the back.

The Stylus extension exported it with this @-moz-document and tbh I do not exactly know what that is; it isn't how it shows up when I edit it. I didnt look into it.

Also I apologize for my various bad css habits such as preceding lines with x or other letters to comment them out instead of using comments. And I use border, outlines, backgrounds to help me locate things. Forgive me I learned CSS before web developer tools, before firebug, and only had intermittent practice since that time. I always fallback to my old ways. Only roughly grok CSS3. Usually I hide these but sometimes i miss. If I would properly share, I'd run a script to remove all the junk.

But if it works easily in your userstyle extension you should try it out. It might hurt your eyes. I make effort to describe what I am doing in comments, because otherwise I get even more lost, but the way it exported isn't great.

Oh also it hides some stuff I am not interested in. So, uh, careful.