FirefoxCSS VS one-line-firefox

css: https://github.com/Bali10050/FirefoxCSS

You might find something interesting here: https://github.com/Bali10050/FirefoxCSS/releases/download/userContent/userContent.css

I have remathed the math, now you only need to change --NavbarWidth to anything you like and it will calculate itself, the code is on github

Also, how can I decrease the width of the backwards/forwards, reload, and new tab boxes? I am just editing this theme (https://github.com/Bali10050/FirefoxCSS), and see how to decrease some like I did with the minimize/maximize boxes, but don't know how to do it to the others.

I simply switched to this: https://github.com/Bali10050/FirefoxCSS

It all started off when I decided I wanted to try the one-line-firefox: https://github.com/khuedoan/one-line-firefox

https://github.com/khuedoan/one-line-firefox with this one you can open infinite tabs but you might need to change margins to stop visible ui elements from overlapping

The wm is xfce and the theme is b5. I got the walpapers from here(and I set the bg to a vertical gradient). This is the firefox theme, and this is the css I used.

/* One Line Code adapted from https://github.com/khuedoan/one-line-firefox/blob/master/userChrome.css*/ /* Title bar */ .titlebar-buttonbox { display: none !important; } .titlebar-spacer { display: none !important; } /* Tab bar */ #navigator-toolbox { border: 0px !important; } #TabsToolbar { margin-left: 61vw !important; width: 100% !important; } /* Nav bar*/ #urlbar-container { margin-right: 10vw !important; } /* Nav bar*/ #nav-bar { background: transparent !important; margin-top: -36px !important; margin-right: 50vw !important; /*! width 100% !important */ width: 100vw !important; } #urlbar { width: 48vw; } /* URL bar */ #back-button { display: none !important; } #forward-button { display: none !important; } #tracking-protection-icon-container { display: none !important; } #urlbar-container { min-width: 100px !important; } #urlbar { background: transparent !important; border: none !important; box-shadow: none !important; } #page-action-buttons { display: none !important; } #PanelUI-button { display: none !important; } /* User Added */ :root[uidensity="compact"] { --bookmark-block-padding: 3px !important; } :root { --toolbarbutton-border-radius: 0px !important; --toolbarbutton-inner-padding: 0px !important; } #urlbar { --urlbar-height: 36px !important; --urlbar-toolbar-height: 36px !important; } #tabbrowser-arrowscrollbox::part(scrollbutton-up), #tabbrowser-arrowscrollbox::part(scrollbutton-down) { border-radius: 0px; } #scrollbutton-up[disabled="true"] image { opacity: 0%; } #scrollbutton-down[disabled="true"] image { opacity: 0%; } #urlbar[open="true"] { width: 100vw !important; transition: width 50ms !important; } :root { --tab-border-radius: 0px !important; } #urlbar[breakout] { left: -3px !important; } /* AUTOHIDE */ /* Adapted from https://github.com/marmmaz/FirefoxCSS/blob/master/userChrome.css */ /*Auto Hide Top Bar - to disable auto-hide feature delete rows 1 - 86*/ :root { --uc-autohide-toolbox-delay: 200ms; /* Wait 0.1s before hiding toolbars */ --uc-toolbox-rotation: 65deg; /* This may need to be lower on mac - like 75 or so */ } :root[sizemode="maximized"] { --uc-toolbox-rotation: 63deg; } :root[sizemode="fullscreen"] { margin-top: 0px !important; } #navigator-toolbox { position: fixed !important; display: -webkit-box; transition: height 50ms; transform-origin: top; transform: rotateX(var(--uc-toolbox-rotation)); opacity: 0; line-height: 0; z-index: 1; pointer-events: none; } /* #mainPopupSet:hover ~ box > toolbox, /* Uncomment the above line to make toolbar visible if some popup is hovered */ #navigator-toolbox:hover, #navigator-toolbox:focus-within { transition-delay: 50ms !important; transform: rotateX(0); opacity: 1; } #navigator-toolbox > * { line-height: normal; pointer-events: auto; } /* Don't apply transform before window has been fully created */ :root:not([sessionrestored]) #navigator-toolbox { transform: none !important; } :root[customizing] #navigator-toolbox { position: relative !important; transform: none !important; opacity: 1 !important; }