O-/◯ᔓᔕᴥᗱᗴᙁᗩ✤ᔓᔕИNꖴ◯⚪◯ꖴИNᔓᔕ✤ᗩᙁᗱᗴᴥᔓᔕ◯ⵙ◯ᔓᔕᴥᗱᗴᙁᗩ✤ᔓᔕИNꖴ◯⚪◯ꖴИNᔓᔕ✤ᗩᙁᗱᗴᴥᔓᔕ◯/◯ᗩIᗝI8◯ⵙ◯8IᗝIᗩ◯/◯✤ᗱᗴИNᴥᗱᗴ✤ИNꖴ◯ⵙ◯ꖴИN✤ᗱᗴᴥИNᗱᗴ✤◯/◯ᴥᗱᗴᔓᔕᗯⓄᴥ⚭◯ⵙ◯⚭ᴥⓄᗯᔓᔕᗱᗴᴥ◯/ⵙꕤⵙⓄⵙꗳⵙᗱᗴⵙᴥⵙꖴⵙꗳⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⚪ⵙ◯ⵙ◯ⵙ⚪ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙꗳⵙꖴⵙᴥⵙᗱᗴⵙꗳⵙⓄⵙꕤⵙ/ⵙᔓᔕⵙᕤᕦⵙИNⵙꖴⵙ✤ⵙᗱᗴⵙᔓᔕⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⚪ⵙ◯ⵙ◯ⵙ⚪ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙᔓᔕⵙᗱᗴⵙ✤ⵙꖴⵙИNⵙᕤᕦⵙᔓᔕⵙ/ⵙƧƧϽ..ƎMOЯHϽЯƎƧUⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⚪ⵙ◯ⵙ◯ⵙ⚪ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙUSERCHROME..CSSⵙ

159 lines
3.8 KiB
Plaintext
Raw Normal View History

/*
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<73>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; }