Annoying default design of Firefox tab location

As of late, Firefox version 29 in its infinite wisdom decided the default location for tabs is above the url toolbar. It's in my opinion and many others agree that having the tabs immediate above the main html section is functionally correct, productive and makes sense.

Here is the solution : https://support.mozilla.org/en-US/questions/991043

But instead of giving a clear answer, you need to read the thread figure it out and decide which course of action.

Here's the skinny.

You should also be able to do this with code in userChrome.css by specifying a value for -moz-box-ordinal-group higher than the default 1, so the Tab bar is moved to a lower position than its current position in the DOM.

Manual steps to update firefox configuration

1. Find the equivalent directory to the following:
•  Windows
• C:\Users\[username]\AppData\Roaming\Mozilla\Firefox\Profiles\xxxxxxxx.default  
•  Mac
• ./Library/Application Support/Firefox/Profiles/xxxxxx.default/chrome/userChrome.css

• Linux
• /home/[username]/.mozilla/firefox/xxxxxx.default/chrome/userChrome.css

1. mkdir chrome 
• C:\Users\[username]\AppData\Roaming\Mozilla\Firefox\Profiles\xxxxxxxx.default\chrome  
2. cd chrome
3. Add code to file userChrome.css (case-sensitive )

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
 #TabsToolbar{ -moz-box-ordinal-group: 100 !important; }

5. Restart Firefox

One liner update for linux

1. cd /home/[username]
    
2. chromeprofile=`cat .mozilla/firefox/profiles.ini  | awk '/Path/{split($0,a,"=");print a[2]}'`;userchromepath=.mozilla/firefox/$chromeprofile/chrome;mkdir -p $userchromepath;echo '@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */'$'\n#TabsToolbar{ -moz-box-ordinal-group: 100 !important; }' > $userchromepath/userChrome.css
3. Restart Firefox