-
Notifications
You must be signed in to change notification settings - Fork 3
/
userChrome.css
159 lines (131 loc) · 3.85 KB
/
userChrome.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
#nav-bar {
background: transparent !important;
margin-top: -38px !important;
margin-right: 50vw !important;
height: 38px !important;
padding-top: 1px !important;
padding-left: 80px !important;
font-size: 10px !important;
}
#TabsToolbar {
margin-left: 50vw !important;
height: 38px !important;
padding-top: 1px !important;
}
#PersonalToolbar {
padding: 0 6px 5px !important;
}
:root[sizemode="fullscreen"] #nav-bar {
padding-left: 0px !important;
padding-top: 0px !important;
}
:root[sizemode="fullscreen"] #TabsToolbar {
padding-top: 0px !important;
}
.titlebar-buttonbox-container {
display: block !important;
position: fixed !important;
left: 0px !important;
margin-top: 11px !important;
}
#PanelUI-button {
display: block !important;
position: fixed !important;
right: 0px !important;
padding-right: 3.5px !important;
padding-top: 4.5px !important;
}
#alltabs-button {
position: fixed !important;
left: 0px !important;
padding-right: 34px !important;
}
#tabs-newtab-button {
padding-right: 34px !important;
}
:root[uidensity="compact"] #urlbar, :root[uidensity="compact"] #searchbar {
min-height: 10px !important;
}
:root[uidensity="compact"] toolbarbutton.bookmark-item:not(.subviewbutton) {
padding: 1px 7px !important;
}
.bookmark-item > .toolbarbutton-icon {
display: none !important;
}
.titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] {
display: none !important;
}
.titlebar-placeholder {
border: none !important;
}
#tabbrowser-tabs {
height: 38px !important;
}
.tabbrowser-tab::before, .tabbrowser-tab::after {
display: none !important;
}
.tab-line {
display: none !important;
}
.tab-throbber, .tab-icon-pending, .tab-icon-image,
.tab-sharing-icon-overlay, .tab-icon-sound, .tab-close-button {
margin-top: 0px !important;
}
.tab-background {
margin: 6px 3px !important;
border-radius: var(--toolbarbutton-border-radius) !important;
background-image: none !important;
background-color: rgba(255,255,255,0) !important;
box-shadow: 0 0 5px rgba(0,0,0,0.2) !important;
}
#tabbrowser-tabs:not([movingtab]) > .tabbrowser-arrowscrollbox >
.tabbrowser-tab > .tab-stack >
.tab-background[multiselected="true"]:-moz-lwtheme,
#tabbrowser-tabs:not([movingtab]) > .tabbrowser-arrowscrollbox >
.tabbrowser-tab > .tab-stack >
.tab-background[selected="true"]:-moz-lwtheme,
.tabbrowser-tab:hover > .tab-stack >
.tab-background:not([selected="true"]):not([multiselected]) {
background-color: rgba(255,255,255,0.1) !important;
}
#urlbar-container {
min-width: calc(150px + 24px + 2 * var(--toolbarbutton-inner-padding)) !important;
}
#urlbar-background {
background-color: rgba(255,255,255,0.1) !important;
border: none !important;
box-shadow: 0 0 5px rgba(0,0,0,0.2) !important;
}
.urlbarView-body-inner {
border-top: none !important;
}
#urlbar[breakout] {
--urlbar-height: 25px !important;
--urlbar-toolbar-height: 37px !important;
}
:root[sizemode="fullscreen"] #urlbar[breakout] {
--urlbar-toolbar-height: 38px !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-input-container,
#urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0px !important;
padding-inline: 0px !important;
transition: none !important;
}
#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
}
#TabsToolbar, #nav-bar, #PersonalToolbar, #urlbar {
-moz-appearance: -moz-mac-vibrancy-dark !important;
}
:root {
--chrome-content-separator-color: none !important;
--lwt-toolbar-field-border-color: rgba(255,255,255,0.2) !important;
--tabs-border: transparent !important;
--toolbar-field-focus-border-color: none !important;
--toolbarbutton-border-radius: 4px !important;
--urlbar-separator-color: var(--lwt-toolbar-field-border-color) !important;
}