userChrome.css (2539B)
1 /* chrome://browser/content/browser.xhtml */ 2 3 /* 4 * this theme is a modified version of Jarnot Maciej's essence theme: 5 * https://github.com/JarnotMaciej/Essence 6 * 7 * modified by yari :3 8 * woof woof woof arf awwwruffff etc etc etc. 9 * 10 */ 11 12 #navigator-toolbox * { 13 font-size: 12px; 14 } 15 16 /* Navbar size calc */ 17 :root{ 18 --3tab-border-radius: 6px !important; /* Tab border radius -- Changes the tabs rounding *//* Default: 6px */ 19 --NavbarWidth: 43; /* Default values: 36 - 43 */ 20 --TabsHeight: 36; /* Minimum: 30 *//* Default: 36 */ 21 --TabsBorder: 8; /* Doesnt do anything on small layout *//* Default: 8 */ 22 --NavbarHeightSmall: calc(var(--TabsHeight) + var(--TabsBorder)) /* Only on small layout *//* Default: calc(var(--TabsHeight) + var(--TabsBorder)) *//* Default as a number: 44 */} 23 24 @media screen and (min-width:1325px) /* Only the tabs space will grow from here */ 25 {:root #nav-bar{margin-top: calc(var(--TabsHeight) * -1px - var(--TabsBorder) * 1px)!important; height: calc(var(--TabsHeight) * 1px + var(--TabsBorder) * 1px)} #TabsToolbar{margin-left: calc(1325px / 100 * var(--NavbarWidth)) !important} #nav-bar{margin-right: calc(100vw - calc(1325px / 100 * var(--NavbarWidth))) !important; vertical-align: center !important} #urlbar-container{min-width: 0px !important; flex: auto !important} toolbarspring{display: none !important}} 26 27 @media screen and (min-width:950px) and (max-width:1324px) /* Both the tabs space and the navbar will grow */ 28 {:root #nav-bar{margin-top: calc(var(--TabsHeight) * -1px - var(--TabsBorder) * 1px) !important; height: calc(var(--TabsHeight) * 1px + var(--TabsBorder) * 1px)} #TabsToolbar{margin-left: calc(var(--NavbarWidth) * 1vw) !important} #nav-bar{margin-right: calc(100vw - calc(var(--NavbarWidth) * 1vw)) !important; vertical-align: center !important} #urlbar-container{min-width: 0px !important; flex: auto !important} toolbarspring{display: none !important} #TabsToolbar, #nav-bar{transition: margin-top .25s !important}} 29 30 @media screen and (max-width:949px) /* The window is not enough wide for a one line layout */ 31 {:root #nav-bar{padding: 0 5px 0 5px!important; height: calc(var(--NavbarHeightSmall) * 1px) !important} toolbarspring{display: none !important;} #TabsToolbar, #nav-bar{transition: margin-top .25s !important}} 32 #nav-bar, #PersonalToolbar{background-color: #0000 !important;background-image: none !important; box-shadow: none !important} #nav-bar{margin-left: 3px;} .tab-background, .tab-stack { min-height: calc(var(--TabsHeight) * 1px) !important}