ⵙᔓᔕⵙᕤᕦⵙИNⵙꖴⵙ✤ⵙᗱᗴⵙᔓᔕⵙ◯ⵙꕤⵙⓄⵙꗳⵙᗱᗴⵙᴥⵙꖴⵙꗳⵙ⊚ⵙ◌ⵙ⊚ⵙ◌ⵙ⚪ⵙ◯ⵙ◯ⵙ⚪ⵙ◌ⵙ⊚ⵙ◌ⵙ⊚ⵙꗳⵙꖴⵙᴥⵙᗱᗴⵙꗳⵙⓄⵙꕤⵙ◯ⵙᔓᔕⵙᗱᗴⵙ✤ⵙꖴⵙИNⵙᕤᕦⵙᔓᔕⵙ
Signed-off-by: O <oooooooooooooooo@skiff.com>
This commit is contained in:
O
parent
e4ebcb5733
commit
7e0bdf982b
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
|
|
@ -1,159 +1,129 @@
|
|||
/*
|
||||
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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
/*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: -1px !important;
|
||||
top: auto !important;
|
||||
}
|
||||
.urlbarView-body-inner { border-top: none !important; }
|
||||
|
||||
: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;
|
||||
--urlbarView-row-gutter: 0px !important;
|
||||
--urlbarView-favicon-width: 16px !important;
|
||||
--tab-shadow-max-size: 0px !important;
|
||||
}
|
||||
toolbar .toolbaritem-combined-buttons { margin-inline: 0px !important;}
|
||||
|
||||
.toolbarbutton-badge {
|
||||
box-sizing: content-box !important;
|
||||
overflow: hidden !important;
|
||||
white-space: nowrap !important;
|
||||
background-color: #FFFFFFFF !important;
|
||||
font-size: 8px !important;
|
||||
font-weight: initial !important;
|
||||
padding: 0px 0px 0px 0px !important;
|
||||
color: #A8A8A8 !important;
|
||||
text-shadow: black !important;
|
||||
border-radius: 2px !important;
|
||||
box-shadow: 0 1px 0 hsla(0, 100%, 100%, .2) inset,
|
||||
0 -1px 0 hsla(0, 0%, 0%, .1) inset,
|
||||
0 1px 0 hsla(206, 50%, 10%, .2);
|
||||
margin: 0px 0px 0px !important;
|
||||
margin-inline-end: 0px !important;
|
||||
min-width: 0px !important;
|
||||
max-width: 16px !important;
|
||||
line-height: -moz-block-height !important;
|
||||
text-align: center !important;
|
||||
align-self: center !important;
|
||||
justify-self: center !important;
|
||||
}
|
||||
|
||||
toolbar {
|
||||
min-height: 0px !important;
|
||||
max-height: 16px !important;
|
||||
}
|
||||
.titlebar-spacer[type="pre-tabs"],.titlebar-spacer[type="post-tabs"]{width:0px !important;}
|
||||
|
||||
|
||||
/* Status panel */
|
||||
|
||||
#statuspanel-label {
|
||||
margin: 0px !important;
|
||||
padding: 0px 0px !important;
|
||||
background-color: #FFFFFFFF !important;
|
||||
border: 1px none RGBA(247,247,247,1.0) !important;
|
||||
border-top-style: solid !important;
|
||||
color: RGBA(167,167,167,1.0) !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab {
|
||||
margin: 0 !important;
|
||||
padding: 0 0px !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; }
|
||||
Loading…
Reference in New Issue