|
|
@@ -0,0 +1,159 @@
|
|
|
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
|
+
|
|
|
159
|
+.tabbrowser-tab .tab-close-button { display:none !important; }
|