Vertical Tabs

Firefox Resource Files

Ive recently adopted the MPL 2.0 License, this started off as a project (attempting to fix the Vertical files function from MrOtherGuys CSSHacks) Since then, I've redone the function and leave this as a (a bit outdated) resource. (Click me) for an example of how you can use these files to create your own theme

So.. I attempted to fix MrOtherGuys Vertical Tabs

What remains more/less

• Vert tabs, without taking away your Sidebar.
• Works with custom styles that target tabs, except for sizing, sizing can be modified within the code.
• Full functionality when interacting with tabs. Groups, Containers, multi selecting, middle click closing.

Modifications

Note

a lot of this functionality can be simplified and semi-automated with user.pref adjustments. (Much better than going into the userchrome file to comment out a line.)

(Click me) Autohide tabs (Read the userChrome.css to toggle on/off)

Option 1 - push content to the side.

Option 2 - overlay over content.

(Click me) A Mini Button Bar coded to handle 10 buttons.

Drag and drop functional, drag all buttons out to disable. Easy to modify `function-mini-button-bar.css`.
Adding extensions to the bar doesn't work. The following buttons do without issue.

(Click me) Showing off full functionality

pin unpin, containers, drag to new window, free up sidebar, themes support, repositioning tabs is faulty. (Unless the transformation applied to individual tab elements can be moved from their right/left to top/bottom, I dont see repositioning ever being fixed. But I'm a newb So you may know otherwise.)

(Click me) Lwtheme support

Install (Note: this is not a product release)

► Copy and paste the Install Zip into your chrome folder

(Click me) Reset toolbar to default buttons

► Restart Firefox.

For Debugging

• Reference notes/details are present throughout the files. Custom variables were used to ease future customization for almost every relevant change made.
  • notes further label changes made to things such as tabs in pinned or unpinned states.
  • --uc-ultima-, --uc-all-margins, --uc-all-border-radius, etc, vars related to -► all-global-positioning.css
  • --uc-ultima-, --uc-ultima-tab-background, vars related to color, lwtheme, etc -► all-global-theme.css