mirror of http://CODE.RHODECODE.COM/u/O/O/O
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
159 lines
3.8 KiB
159 lines
3.8 KiB
/* |
|
https://github.com/Arty2/userstyles |
|
@version 0.2.5 |
|
|
|
1. Find your profile folder `about:support > Profile Folder > Open Folder` or locate the exact profile in use by visiting `about:profiles`. |
|
2. Create a folder named `chrome` then create a file named userChrome.css inside it and paste the following code. |
|
3. If userChrome.css doesn’t seem to work, open `about:config` and set `toolkit.legacyUserProfileCustomizations.stylesheets=true`. |
|
4. Restart Firefox. |
|
|
|
Other references: |
|
Firefox Support forum - Tabs below the URL bar: https://support.mozilla.org/en-US/kb/forum-response-tabs-below-url-bar |
|
Custom CSS tweaks for Firefox Quantum: https://github.com/Aris-t2/CustomCSSforFx |
|
*/ |
|
|
|
/*---------------------------------------------------------- |
|
Tabs to Bottom |
|
source: https://github.com/Arty2/userstyles/blob/master/tabs_to_bottom.userchrome.css |
|
|
|
UI model: |
|
#navigator-toolbox-background |
|
#navigator-toolbox |
|
#titlebar |
|
#toolbar-menubar |
|
#TabsToolbar |
|
#nav-bar |
|
#PersonalToolbar |
|
#browser |
|
*/ |
|
|
|
/* bring the browser window to the top */ |
|
#browser { |
|
-moz-box-ordinal-group: 0 !important; |
|
order: 0 !important; |
|
} |
|
|
|
#navigator-toolbox-background { |
|
-moz-box-ordinal-group: 1 !important; |
|
order: 1 !important; |
|
} |
|
|
|
/* adjust paddings */ |
|
*|*:root[sizemode="normal"] #browser { |
|
padding-top: 0 !important; |
|
} |
|
|
|
/* hide tab toolbar when fullscreen */ |
|
#nav-bar[inFullscreen], |
|
#TabsToolbar[inFullscreen] { |
|
display: none; |
|
} |
|
|
|
/* restore top border */ |
|
*|*:root[sizemode="normal"] #browser { |
|
border-top: 0.0px solid AccentColor !important; |
|
} |
|
*|*:root[sizemode="normal"]:-moz-window-inactive #browser { |
|
border-top-color: rgb(238,238,238) !important; |
|
} |
|
|
|
/* make toolbar border persist on fullscreen */ |
|
*|*:root[sizemode="maximized"] #navigator-toolbox { |
|
border-top: 0.0px solid AccentColor !important; |
|
border-bottom: 0.0px solid AccentColor !important; |
|
} |
|
|
|
/* hide titlebar buttons */ |
|
#TabsToolbar > .titlebar-buttonbox-container { |
|
display: none !important; |
|
} |
|
|
|
/*fix pop-ups opening below window*/ |
|
#urlbar[open]{ |
|
display: flex !important; |
|
flex-direction: column-reverse; /* use 'column' if you want to type the URL in center*/ |
|
bottom: -2px !important; |
|
top: auto !important; |
|
} |
|
/*.urlbarView-body-inner { border-top: none !important; }*/ |
|
/*.urlbarView { display: none !important; }*/ /* uncomment this to hidden address bar suggestions */ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
:root{ |
|
--toolbarbutton-outer-padding: 0 !important; |
|
--toolbarbutton-inner-padding: 0 !important; |
|
--bookmark-block-padding: 0 !important; |
|
--toolbar-start-end-padding: 0 !important; |
|
--tab-min-height: 0 !important; |
|
--identity-box-margin-inline: 0 !important; |
|
--tab-border-radius: 256PX !important; |
|
--inline-tab-padding: 0 !important; |
|
--tab-block-margin: 0 !important; |
|
--urlbar-container-padding: 0 !important; |
|
--urlbar-margin-inline: 0 !important; |
|
--urlbar-min-height: max(0px, 0em) !important; |
|
--tabs-navbar-shadow-size: 1px !important; |
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* ROOT - VARS */ |
|
*|*:root { |
|
--tab-min-height: 16px !important; /* adjust */ |
|
--tab-min-width: 16px !important; /* adjust */ |
|
} |
|
|
|
/* TABS: height */ |
|
#tabbrowser-tabs, |
|
#tabbrowser-tabs > #tabbrowser-arrowscrollbox, |
|
.tabbrowser-tabs .tabbrowser-tab { |
|
min-height: var(--tab-min-height) !important; |
|
max-height: var(--tab-min-height) !important; |
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
:root{ |
|
--toolbarbutton-inner-padding:0px !important; |
|
--tab-min-height: 16px !important; |
|
} |
|
.titlebar-button{ padding-block: 0px !important; } |
|
#urlbar-container, #search-container{ padding-block: 0px !important; } |
|
|
|
|
|
|
|
|
|
|
|
/* Removes text from tabs */ |
|
.tabbrowser-tab .tab-label { |
|
display:none !important; |
|
} |
|
|
|
/* Resizes tabs to minimum width */ |
|
.tabbrowser-tab{ |
|
max-width: 16px !important; |
|
min-width: 16px !important; |
|
} |
|
|
|
|
|
|
|
.tabbrowser-tab .tab-close-button { display:none !important; } |