How to turn Firefox into Widefox?

What we want to achieve - 1680x1050 98 kb

from the author:
I will not say that large-format computers have a huge distribution, but some at work, and some lucky people have such monitors at home. For example, my superiors were generous with Apple Cinema 20 "
Of course, the difference was felt immediately, but in modern web-design, many sites are designed for 1280 maximum points. This article is designed to help optimize the work space of a popular browser and
')
The main advantages of Widefox (as the author called his craft)
Vertical ribbon with tabs (right or left optional)
Compatibility

Firefox 1.5 - 2.0.0.3 (2.0 - 2.0.0.4pre)
all builds (Windows, Mac, Linux, third parties and localized)
all extensions (except for HideTabBar , and those that are incompatible with TabMixPlus )

Increase useful vertical space
Optimization for a large number of tabs (taboos can hold up to 40 or more)
Session manager
More efficient navigation: moving navigation to the upper right corner, effective scrolling, wise hotkey system.
Miscellaneous: the ribbon with tabs moves to the ^2nd monitor (if you have 2 of them).

Vertical TabBar
To do this in Firefox 2, you need to do two things:
1 install the Tab Mix Plus extension and configure it
2 add the file userChrome.css

1 TabMixPlus
install Tab Mix Plus and adjust it according to the picture

* Display-> Tabbar-> bottom (if you want the tabbar to be on the right). Or you can remove the comment from one line of code in userChrome.css
* Display-> Tabbar-> built-in-style
* Display-> Tabbar-> when dont fit-> scrollable

* Display-> Tab-> tabwidth fits-> off

2 userChrome.css
Save the following file as /chrome/userChrome.css For questions, see the Firefox Help.

/* Do not remove the @namespace line -- it's required for correct functioning*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

/* works in in FF2.0 */

#content > tabbox {
-moz-box-orient: horizontal;
}

.tabbrowser-strip {
-moz-box-orient: vertical;
/* note: you can set this to -moz-scrollbars-vertical instead,
but then the scrollbar will *always* be visible. this way
there is never a scrollbar, so it behaves like the tab bar
normally does */
overflow: -moz-scrollbars-none;
}

.tabbrowser-tabs {
-moz-box-orient: horizontal;
/* min-width: 50ex; */ /* >1680 pixels screens */
/* min-width: 40ex; /* =1680,1600 pixels screens */
/* min-width: 35ex; */ /* =1440 pixels screens */
min-width: 30ex; /* <1440 pixels screens */
/* min-width: 20ex; */ /* 1280 pixels screens */
/* min-width: 17ex; */ /* this is almost the minimum to go down to on small screens */
-moz-box-align: start;
}

/*> stack > vbox > hbox*/
.tabbrowser-tabs > stack > vbox > hbox > hbox {
-moz-box-orient: vertical;
-moz-box-align: stretch;
}

.tabbrowser-tabs > stack > vbox > hbox > hbox > tab {
-moz-box-align: start;
-moz-box-orient: horizontal;
}
/* to put the tabs on the right un-comment this line (not needed if using Tab Mix Plus)
#content > tabbox {-moz-box-direction: reverse;} */
/***** Tabbar *****/

/* Background for tabbrowser strip */
tabs.tabbrowser-tabs {
background-color: none !important;
background: url("bkgrd\\topbar.jpg") !important;
}

/* stop refcontrol context menu item */
#refcontrol_options, #refcontrol_options_link, #refcontrol_options_image, #refcontrol_sep
{ display: none !important; }

/* remove the search button (magnifying glass) */
.search-go-button-stack { display: none !important; }
/* remove the search engine drop-down button as this line */
/* .searchbar-engine-button { display: none !important } */

Remove the comment in the “.tabbrowser-tabs” section from the line where your permission is found

The main changes are over
Next is an optional continuation, which you can use at will.

Suitable browsers
* Firefox 2.0-2.0.0.3
* Firefox 2.0.0.4pre

Further configuration TabMixPlus
Display-> Tab-> current, highlight

“Current” is bold; text color is black.

“Unread” text color - red

“Progress Meter” background color is red

Active Tabs
Select the current tab and make the rest less visible.

Aging tabs

Set Aging amount per step to 25% (50% if you are not actively switching over tabs or simultaneously opening many tabs)

Only tabs :)



Single toolbar
First, reduce the size of the search string using the Searchbar Autosizer extension
Now painstakingly drag all the buttons from the toolbar to the line containing the menu, address and search
In principle, it is easy to put everything on one line, including your bookmarks, however there are extreme lovers who completely hide all the buttons of the toolbar.

In the screenshot at the very top of the news you can see how you can conveniently group the tabs.

Scroll
Now the selection of the tab using the scroll has become much more logical, because tabs are arranged vertically

Customize hotkeys
Use the Swifttabs extension
Set it up as shown:

Here is the tabs logic now:
Alt
up tab
back - | --forward
down tab

How to remove the button "go" in the address bar and magnifying glass in the search bar?

To save a certain amount of space horizontally, remove this button, to do this, type in the address bar “about: config”, type in the search bar the name “go” and then the results will be filtered, select browser.urlbar.hideGoButton and install true value.
For the same purpose, you can delete the button with a magnifying glass, to do this, open the file userChrome.css (it was mentioned and was created at the beginning of the article), remove the comment from the line (or add if there is no such line)

/* remove the search button (magnifying glass) */
.search-go-button-stack { display: none !important; }

Vertical space
Use autoHide extension

OMG have I really finished?
Of course not! It’s just that my strength has dried up - security issues, fonts, colors, localization, OS-specific and many others are stated in the original.
Probably, I'm small. I'm still such big articles to translate :)

Opinion of the author about all this disgrace
Not all tricks seemed appropriate and reasonable, and even more so no one argues that the use of such a number of plugins will not slow down the surfing process, but a number of ideas seemed very sensible and worthy of use even on widescreen monitors