Coder Social home page Coder Social logo

vertical-tabs-firefox-css's Introduction

Vertical Tabs

Firefox Resource Files

preview

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 themes

So.. I attempted to fixed MrOtherGuys Vertical Tabs

  • Vert tabs, without taking away your Sidebar.
  • Works with color themes, addons, because its just the regular tab bar.
  • Works with custom CSS that targets tabs, except for sizing, sizing can be modified within the code.
  • Full functionality when interacting with tabs. Groups, Containers, multi selecting, middle click closing, etc.
(Click me) Showing off full functionality pin unpin, containers, drag to new window, free up sidebar, themes support

functionality

(Click me) Showing off Color Theme support

Screenshot_5 (Custom) Screenshot_6 (Custom)

Modifications

Note: a lot of this functionality can be simplified with user preferences instead of having to edit the file.
(Click me) Autohide tabs (Delete 1 line in userChrome.css to disable)

autohide 1 autohide 2

(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`.
NO EXTENSIONS! THE FOLLOWING BUTTONS WORK.

313502235-037051e3-158c-4bd0-a8c8-d91cb6acf30a

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

Untitled

► Restart Firefox.

Modifications

  • Reference notes and custom variables to easily customize all tabs, borders, spacing, etc
    • pinned , not pinned , 'if one is pinned do this' , buttons, etc
    • --uc-ultima-, --uc-ultima-tab-background, --uc-all-border-radius, etc -► all-global-positioning.css
  • Support to create/use your own color scheme for when theme addons are not used.
  • Create a theme live, with Live Debugger, my --uc-ultima- variables will target everything.

vertical-tabs-firefox-css's People

Contributors

soulhotel avatar

Stargazers

 avatar  avatar Sean Perry avatar Kayla Firestack avatar Federico Damián Schonborn avatar Chloe Arciniega avatar Bell avatar Jake Hamilton avatar  avatar Anon avatar Thành Đạt avatar  avatar Vu Nguyen avatar Gabriel Zuñiga avatar  avatar Akmal avatar Redacted avatar Yakov Till avatar  avatar Krrish avatar Viet Thanh  avatar

Watchers

 avatar  avatar

vertical-tabs-firefox-css's Issues

Right side tabbar

hi, this is the best vertical tab I have tried so far.

any chance you can make a right side version, tabs vertically listed on the right side after the scroll bar.

thank you very much!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.