diff options
Diffstat (limited to 'home-config/firefox/userChrome.css')
-rw-r--r-- | home-config/firefox/userChrome.css | 73 |
1 files changed, 39 insertions, 34 deletions
diff --git a/home-config/firefox/userChrome.css b/home-config/firefox/userChrome.css index b6c9502..af302c5 100644 --- a/home-config/firefox/userChrome.css +++ b/home-config/firefox/userChrome.css @@ -1,22 +1,22 @@ /* TOP BAR */ -#navigator-toolbox{ +#navigator-toolbox { --uc-navigationbar-width: 40vw; } /* Remove overflow button */ #nav-bar-overflow-button { display: none; } - + /* remove alltabs button */ #alltabs-button { display: none; } /* Change background color of toolbar */ -#navigator-toolbox-background { - background: var(--toolbar-field-border-color) !important; +#navigator-toolbox-background { + background: var(--toolbar-field-border-color) !important; } /* Fix vertical spacing of tabs */ -#TabsToolbar { - margin-top: -1px; +#TabsToolbar { + margin-top: -1px; } /* Move new tab to far right */ @@ -24,24 +24,29 @@ margin-left: auto; } +/* Fix spacing around tabs by removing nav bar top border */ +#nav-bar { + border: none !important; +} + /* Media queries for width of nav bar */ -@media screen and (max-width: 1000px){ - #navigator-toolbox{ +@media screen and (max-width: 1000px) { + #navigator-toolbox { --uc-navigationbar-width: 50vw; } } -@media screen and (max-width: 800px){ - #navigator-toolbox{ +@media screen and (max-width: 800px) { + #navigator-toolbox { --uc-navigationbar-width: 60vw; } } /* Change look of tabs in smaller view */ -@media screen and (max-width: 800px){ - .tab-background { +@media screen and (max-width: 800px) { + .tab-background { margin-block: .2em !important; } - #TabsToolbar{ + #TabsToolbar { margin-left: 5px; } } @@ -49,41 +54,41 @@ /* COMBINE TOP BAR */ /* Combine top bar into single line if width >= 800px */ -@media screen and (min-width: 800px){ +@media screen and (min-width: 800px) { :root { --uc-toolbar-height: 36px; /* Half height bar */ } /* Modify these to change relative widths or default height */ - #navigator-toolbox{ + #navigator-toolbox { margin-bottom: 0px; } - + #titlebar { margin-top: 2px; } - #TabsToolbar{ + #TabsToolbar { margin-left: calc(var(--uc-navigationbar-width) + 2px); /* Resize tab bar */ margin-top: -4px; margin-bottom: 2px; } /* Tabs extend to bottom of bar */ - .tab-background { + .tab-background { margin-bottom: 0 !important; margin-top: 2px !important; /* See above navbox rule */ } /* Center tab buttons */ - #tabs-newtab-button, + #tabs-newtab-button, #alltabs-button - { - margin-top: 4px !important; + { + margin-top: 4px !important; } /* Integrate url / nav bar */ - #nav-bar{ + #nav-bar { margin-right:calc(100vw - var(--uc-navigationbar-width)); margin-top: calc(0px - var(--uc-toolbar-height)); border-radius: 0 var(--tab-border-radius) var(--tab-border-radius) 0; @@ -92,25 +97,25 @@ } /* 1px margin on touch density causes tabs to be too high */ - .tab-close-button{ - margin-top: 0 !important + .tab-close-button { + margin-top: 0 !important } /* Make opened urlbar overlay the toolbar */ - #urlbar[open]:focus-within{ - min-width: 50vw !important; + #urlbar[open]:focus-within { + min-width: 50vw !important; } - + /* Remove min and max width of urlbar */ - #urlbar-container { + #urlbar-container { width: 0 !important; } - + /* Fix customization view */ - #customization-panelWrapper .panel-arrowbox .panel-arrow{ - margin-inline-end: initial !important; + #customization-panelWrapper .panel-arrowbox .panel-arrow { + margin-inline-end: initial !important; } - + /* Shorten findbar */ findbar { width: 600px !important; @@ -178,7 +183,7 @@ findbar .findbar-container hbox { /* BOOKMARK BAR */ -@-moz-document url(chrome://browser/content/browser.xhtml){ +@-moz-document url(chrome://browser/content/browser.xhtml) { #PersonalToolbar { background: -moz-headerbar Field !important; border-top: 1px solid ThreeDShadow !important; @@ -187,4 +192,4 @@ findbar .findbar-container hbox { .bookmark-item .toolbarbutton-text { padding: 2.5px 4px; } -}
\ No newline at end of file +} |