|
|
@@ -1,159 +1,129 @@
|
|
1
|
|
-/*
|
|
2
|
|
-https://github.com/Arty2/userstyles
|
|
3
|
|
-@version 0.2.5
|
|
4
|
|
-
|
|
5
|
|
-1. Find your profile folder `about:support > Profile Folder > Open Folder` or locate the exact profile in use by visiting `about:profiles`.
|
|
6
|
|
-2. Create a folder named `chrome` then create a file named userChrome.css inside it and paste the following code.
|
|
7
|
|
-3. If userChrome.css doesn’t seem to work, open `about:config` and set `toolkit.legacyUserProfileCustomizations.stylesheets=true`.
|
|
8
|
|
-4. Restart Firefox.
|
|
9
|
|
-
|
|
10
|
|
-Other references:
|
|
11
|
|
-Firefox Support forum - Tabs below the URL bar: https://support.mozilla.org/en-US/kb/forum-response-tabs-below-url-bar
|
|
12
|
|
-Custom CSS tweaks for Firefox Quantum: https://github.com/Aris-t2/CustomCSSforFx
|
|
13
|
|
-*/
|
|
14
|
|
-
|
|
15
|
|
-/*----------------------------------------------------------
|
|
16
|
|
-Tabs to Bottom
|
|
17
|
|
-source: https://github.com/Arty2/userstyles/blob/master/tabs_to_bottom.userchrome.css
|
|
18
|
|
-
|
|
19
|
|
-UI model:
|
|
20
|
|
- #navigator-toolbox-background
|
|
21
|
|
- #navigator-toolbox
|
|
22
|
|
- #titlebar
|
|
23
|
|
- #toolbar-menubar
|
|
24
|
|
- #TabsToolbar
|
|
25
|
|
- #nav-bar
|
|
26
|
|
- #PersonalToolbar
|
|
27
|
|
- #browser
|
|
28
|
|
-*/
|
|
29
|
|
-
|
|
30
|
|
-/* bring the browser window to the top */
|
|
31
|
|
-#browser {
|
|
32
|
|
- -moz-box-ordinal-group: 0 !important;
|
|
33
|
|
- order: 0 !important;
|
|
34
|
|
-}
|
|
35
|
|
-
|
|
36
|
|
-#navigator-toolbox-background {
|
|
37
|
|
- -moz-box-ordinal-group: 1 !important;
|
|
38
|
|
- order: 1 !important;
|
|
39
|
|
-}
|
|
40
|
|
-
|
|
41
|
|
-/* adjust paddings */
|
|
42
|
|
-*|*:root[sizemode="normal"] #browser {
|
|
43
|
|
- padding-top: 0 !important;
|
|
44
|
|
-}
|
|
45
|
|
-
|
|
46
|
|
-/* hide tab toolbar when fullscreen */
|
|
47
|
|
-#nav-bar[inFullscreen],
|
|
48
|
|
-#TabsToolbar[inFullscreen] {
|
|
49
|
|
- display: none;
|
|
50
|
|
-}
|
|
51
|
|
-
|
|
52
|
|
-/* restore top border */
|
|
53
|
|
-*|*:root[sizemode="normal"] #browser {
|
|
54
|
|
- border-top: 0.0px solid AccentColor !important;
|
|
55
|
|
-}
|
|
56
|
|
-*|*:root[sizemode="normal"]:-moz-window-inactive #browser {
|
|
57
|
|
- border-top-color: rgb(238,238,238) !important;
|
|
58
|
|
-}
|
|
59
|
|
-
|
|
60
|
|
-/* make toolbar border persist on fullscreen */
|
|
61
|
|
-*|*:root[sizemode="maximized"] #navigator-toolbox {
|
|
62
|
|
- border-top: 0.0px solid AccentColor !important;
|
|
63
|
|
- border-bottom: 0.0px solid AccentColor !important;
|
|
64
|
|
-}
|
|
65
|
|
-
|
|
66
|
|
-/* hide titlebar buttons */
|
|
67
|
|
-#TabsToolbar > .titlebar-buttonbox-container {
|
|
68
|
|
- display: none !important;
|
|
69
|
|
-}
|
|
70
|
|
-
|
|
71
|
|
-/*fix pop-ups opening below window*/
|
|
72
|
|
-#urlbar[open]{
|
|
73
|
|
- display: flex !important;
|
|
74
|
|
- flex-direction: column-reverse; /* use 'column' if you want to type the URL in center*/
|
|
75
|
|
- bottom: -2px !important;
|
|
76
|
|
- top: auto !important;
|
|
77
|
|
-}
|
|
78
|
|
-/*.urlbarView-body-inner { border-top: none !important; }*/
|
|
79
|
|
-/*.urlbarView { display: none !important; }*/ /* uncomment this to hidden address bar suggestions */
|
|
80
|
|
-
|
|
81
|
|
-
|
|
82
|
|
-
|
|
83
|
|
-
|
|
84
|
|
-
|
|
85
|
|
-
|
|
86
|
|
-
|
|
87
|
|
-:root{
|
|
88
|
|
---toolbarbutton-outer-padding: 0 !important;
|
|
89
|
|
---toolbarbutton-inner-padding: 0 !important;
|
|
90
|
|
---bookmark-block-padding: 0 !important;
|
|
91
|
|
---toolbar-start-end-padding: 0 !important;
|
|
92
|
|
---tab-min-height: 0 !important;
|
|
93
|
|
---identity-box-margin-inline: 0 !important;
|
|
94
|
|
---tab-border-radius: 256PX !important;
|
|
95
|
|
---inline-tab-padding: 0 !important;
|
|
96
|
|
---tab-block-margin: 0 !important;
|
|
97
|
|
---urlbar-container-padding: 0 !important;
|
|
98
|
|
---urlbar-margin-inline: 0 !important;
|
|
99
|
|
---urlbar-min-height: max(0px, 0em) !important;
|
|
100
|
|
---tabs-navbar-shadow-size: 1px !important;
|
|
101
|
|
-}
|
|
102
|
|
-
|
|
103
|
|
-
|
|
104
|
|
-
|
|
105
|
|
-
|
|
106
|
|
-
|
|
107
|
|
-
|
|
108
|
|
-
|
|
109
|
|
-
|
|
110
|
|
-
|
|
111
|
|
-
|
|
112
|
|
-
|
|
113
|
|
-
|
|
114
|
|
-/* ROOT - VARS */
|
|
115
|
|
-*|*:root {
|
|
116
|
|
- --tab-min-height: 16px !important; /* adjust */
|
|
117
|
|
- --tab-min-width: 16px !important; /* adjust */
|
|
118
|
|
-}
|
|
119
|
|
-
|
|
120
|
|
-/* TABS: height */
|
|
121
|
|
-#tabbrowser-tabs,
|
|
122
|
|
-#tabbrowser-tabs > #tabbrowser-arrowscrollbox,
|
|
123
|
|
-.tabbrowser-tabs .tabbrowser-tab {
|
|
124
|
|
- min-height: var(--tab-min-height) !important;
|
|
125
|
|
- max-height: var(--tab-min-height) !important;
|
|
126
|
|
-}
|
|
127
|
|
-
|
|
128
|
|
-
|
|
129
|
|
-
|
|
130
|
|
-
|
|
131
|
|
-
|
|
132
|
|
-
|
|
133
|
|
-
|
|
134
|
|
-
|
|
135
|
|
- :root{
|
|
136
|
|
- --toolbarbutton-inner-padding:0px !important;
|
|
137
|
|
- --tab-min-height: 16px !important;
|
|
138
|
|
- }
|
|
139
|
|
- .titlebar-button{ padding-block: 0px !important; }
|
|
140
|
|
- #urlbar-container, #search-container{ padding-block: 0px !important; }
|
|
141
|
|
-
|
|
142
|
|
-
|
|
143
|
|
-
|
|
144
|
|
-
|
|
145
|
|
-
|
|
146
|
|
-/* Removes text from tabs */
|
|
147
|
|
-.tabbrowser-tab .tab-label {
|
|
148
|
|
- display:none !important;
|
|
149
|
|
-}
|
|
150
|
|
-
|
|
151
|
|
-/* Resizes tabs to minimum width */
|
|
152
|
|
-.tabbrowser-tab{
|
|
153
|
|
- max-width: 16px !important;
|
|
154
|
|
- min-width: 16px !important;
|
|
155
|
|
-}
|
|
156
|
|
-
|
|
157
|
|
-
|
|
158
|
|
-
|
|
|
1
|
+/* bring the browser window to the top */
|
|
|
2
|
+#browser{-moz-box-ordinal-group:0!important;order:0!important;}
|
|
|
3
|
+#navigator-toolbox-background{-moz-box-ordinal-group: 1 !important;order: 1 !important;
|
|
|
4
|
+}
|
|
|
5
|
+
|
|
|
6
|
+/*fix pop-ups opening below window*/
|
|
|
7
|
+#urlbar[open]{
|
|
|
8
|
+ display: flex !important;
|
|
|
9
|
+ flex-direction: column-reverse; /* use 'column' if you want to type the URL in center*/
|
|
|
10
|
+ bottom: -1px !important;
|
|
|
11
|
+ top: auto !important;
|
|
|
12
|
+}
|
|
|
13
|
+.urlbarView-body-inner { border-top: none !important; }
|
|
|
14
|
+
|
|
|
15
|
+:root{
|
|
|
16
|
+--toolbarbutton-outer-padding: 0 !important;
|
|
|
17
|
+--toolbarbutton-inner-padding: 0 !important;
|
|
|
18
|
+--bookmark-block-padding: 0 !important;
|
|
|
19
|
+--toolbar-start-end-padding: 0 !important;
|
|
|
20
|
+--tab-min-height: 0 !important;
|
|
|
21
|
+--identity-box-margin-inline: 0 !important;
|
|
|
22
|
+--tab-border-radius: 256PX !important;
|
|
|
23
|
+--inline-tab-padding: 0 !important;
|
|
|
24
|
+--tab-block-margin: 0 !important;
|
|
|
25
|
+--urlbar-container-padding: 0 !important;
|
|
|
26
|
+--urlbar-margin-inline: 0 !important;
|
|
|
27
|
+--urlbar-min-height: max(0px, 0em) !important;
|
|
|
28
|
+--tabs-navbar-shadow-size: 1px !important;
|
|
|
29
|
+--urlbarView-row-gutter: 0px !important;
|
|
|
30
|
+--urlbarView-favicon-width: 16px !important;
|
|
|
31
|
+--tab-shadow-max-size: 0px !important;
|
|
|
32
|
+}
|
|
|
33
|
+toolbar .toolbaritem-combined-buttons { margin-inline: 0px !important;}
|
|
|
34
|
+
|
|
|
35
|
+.toolbarbutton-badge {
|
|
|
36
|
+ box-sizing: content-box !important;
|
|
|
37
|
+ overflow: hidden !important;
|
|
|
38
|
+ white-space: nowrap !important;
|
|
|
39
|
+ background-color: #FFFFFFFF !important;
|
|
|
40
|
+ font-size: 8px !important;
|
|
|
41
|
+ font-weight: initial !important;
|
|
|
42
|
+ padding: 0px 0px 0px 0px !important;
|
|
|
43
|
+ color: #A8A8A8 !important;
|
|
|
44
|
+ text-shadow: black !important;
|
|
|
45
|
+ border-radius: 2px !important;
|
|
|
46
|
+ box-shadow: 0 1px 0 hsla(0, 100%, 100%, .2) inset,
|
|
|
47
|
+ 0 -1px 0 hsla(0, 0%, 0%, .1) inset,
|
|
|
48
|
+ 0 1px 0 hsla(206, 50%, 10%, .2);
|
|
|
49
|
+ margin: 0px 0px 0px !important;
|
|
|
50
|
+ margin-inline-end: 0px !important;
|
|
|
51
|
+ min-width: 0px !important;
|
|
|
52
|
+ max-width: 16px !important;
|
|
|
53
|
+ line-height: -moz-block-height !important;
|
|
|
54
|
+ text-align: center !important;
|
|
|
55
|
+ align-self: center !important;
|
|
|
56
|
+ justify-self: center !important;
|
|
|
57
|
+}
|
|
|
58
|
+
|
|
|
59
|
+toolbar {
|
|
|
60
|
+ min-height: 0px !important;
|
|
|
61
|
+ max-height: 16px !important;
|
|
|
62
|
+}
|
|
|
63
|
+.titlebar-spacer[type="pre-tabs"],.titlebar-spacer[type="post-tabs"]{width:0px !important;}
|
|
|
64
|
+
|
|
|
65
|
+
|
|
|
66
|
+/* Status panel */
|
|
|
67
|
+
|
|
|
68
|
+#statuspanel-label {
|
|
|
69
|
+ margin: 0px !important;
|
|
|
70
|
+ padding: 0px 0px !important;
|
|
|
71
|
+ background-color: #FFFFFFFF !important;
|
|
|
72
|
+ border: 1px none RGBA(247,247,247,1.0) !important;
|
|
|
73
|
+ border-top-style: solid !important;
|
|
|
74
|
+ color: RGBA(167,167,167,1.0) !important;
|
|
|
75
|
+ text-shadow: none !important;
|
|
|
76
|
+}
|
|
|
77
|
+
|
|
|
78
|
+.tabbrowser-tab {
|
|
|
79
|
+ margin: 0 !important;
|
|
|
80
|
+ padding: 0 0px !important;
|
|
|
81
|
+}
|
|
|
82
|
+
|
|
|
83
|
+
|
|
|
84
|
+/* ROOT - VARS */
|
|
|
85
|
+*|*:root {
|
|
|
86
|
+ --tab-min-height: 16px !important; /* adjust */
|
|
|
87
|
+ --tab-min-width: 16px !important; /* adjust */
|
|
|
88
|
+}
|
|
|
89
|
+
|
|
|
90
|
+/* TABS: height */
|
|
|
91
|
+#tabbrowser-tabs,
|
|
|
92
|
+#tabbrowser-tabs > #tabbrowser-arrowscrollbox,
|
|
|
93
|
+.tabbrowser-tabs .tabbrowser-tab {
|
|
|
94
|
+ min-height: var(--tab-min-height) !important;
|
|
|
95
|
+ max-height: var(--tab-min-height) !important;
|
|
|
96
|
+}
|
|
|
97
|
+
|
|
|
98
|
+
|
|
|
99
|
+
|
|
|
100
|
+
|
|
|
101
|
+
|
|
|
102
|
+
|
|
|
103
|
+
|
|
|
104
|
+
|
|
|
105
|
+ :root{
|
|
|
106
|
+ --toolbarbutton-inner-padding:0px !important;
|
|
|
107
|
+ --tab-min-height: 16px !important;
|
|
|
108
|
+ }
|
|
|
109
|
+ .titlebar-button{ padding-block: 0px !important; }
|
|
|
110
|
+ #urlbar-container, #search-container{ padding-block: 0px !important; }
|
|
|
111
|
+
|
|
|
112
|
+
|
|
|
113
|
+
|
|
|
114
|
+
|
|
|
115
|
+
|
|
|
116
|
+/* Removes text from tabs */
|
|
|
117
|
+.tabbrowser-tab .tab-label {
|
|
|
118
|
+ display:none !important;
|
|
|
119
|
+}
|
|
|
120
|
+
|
|
|
121
|
+/* Resizes tabs to minimum width */
|
|
|
122
|
+.tabbrowser-tab{
|
|
|
123
|
+ max-width: 16px !important;
|
|
|
124
|
+ min-width: 16px !important;
|
|
|
125
|
+}
|
|
|
126
|
+
|
|
|
127
|
+
|
|
|
128
|
+
|
|
159
|
129
|
.tabbrowser-tab .tab-close-button { display:none !important; }
|