Firefox 5 - Tabs at bottom of Window - userChrome.css

Question

On Firefox 3.x, I simply added a single line to a new theme file (userChrome.css):

#content > tabbox { -moz-box-direction: reverse !important; background:#492492;}

This works great for 3.x, but since I read the DOM has changed for Firefox, this trick wont work. The containers are all different in FF 4+. Here is a post describing the new DOM for the interface:

http://forums.mozillazine.org/viewtopic.php?f=18&t=1949789

I tried messing aroung with moving #navigator-toolbox around, but nothing was what I'm looking for.

I'm able to make changes to the tabs and such, but can't seem to get the toolbox to move to the bottom. Worse, the tabs are within the toolbox, so possibly the only CSS based solution will move the entire toolbox rather than just the tabs.

Again, I'm looking to move the tabs to the bottom of the window, so that the are easier to access from the taskbar area.

Answer 1

Sorry, but it's impossible to do this from userChrome.css, and even doing this in an extension could be tricky; I don't know how much of the Firefox UI assumes that the tabs live inside a toolbar in the toolbox.

Answer 2

I recommend the Tree Style Tab extension. It's 100 times better than just moving the tabs to the bottom - it converts the tabs into a tree-like list down the side, which allows you to group tabs by subject, as well as open bookmarked folders into their own branches.

I often keep a group of tabs bookmarked for a specific project - just middle click, and that topic is ready to work. Plus, I can collapse a group as I need to.

(I still believe this should be on the other StackExchange, but, if you can't beat'em...)