|
3 | 3 | /****************************************************************************************/
|
4 | 4 |
|
5 | 5 |
|
6 |
| -/**************************** |
7 |
| -******* BUTTONS ************* |
8 |
| -****************************/ |
9 |
| - |
10 |
| -/*******************************************/ |
11 |
| -/* Classic Button ui on navigation toolbar */ |
12 |
| -/*******************************************/ |
13 |
| - |
14 |
| - |
15 |
| -:root{ |
16 |
| - --toolbar-start-end-padding: 2px !important; |
17 |
| -} |
18 |
| - |
19 |
| -/* main menu button adjustment */ |
20 |
| -#PanelUI-button { |
21 |
| - margin-inline-start: 0px !important; |
22 |
| - border-inline-start: 0px solid !important; |
23 |
| - border-image-slice: 0 !important; |
24 |
| - padding-left: 2px !important; |
25 |
| - padding-right: 2px !important; |
26 |
| -} |
27 |
| - |
28 |
| -#PanelUI-menu-button { |
29 |
| - appearance: unset !important; |
30 |
| - background: unset !important; |
31 |
| - box-shadow: unset !important; |
32 |
| - border-image: unset !important; |
33 |
| - border: unset !important; |
34 |
| - padding: unset !important; |
35 |
| - margin: unset !important; |
36 |
| - min-width: unset !important; |
37 |
| - width: unset !important; |
38 |
| - max-width: unset !important; |
39 |
| - min-height: unset !important; |
40 |
| - height: unset !important; |
41 |
| - max-height: unset !important; |
42 |
| -} |
43 |
| - |
44 |
| -#PanelUI-button #whats-new-menu-button:not([hidden="true"]) { |
45 |
| - margin-inline-end: 3px !important; |
46 |
| -} |
47 |
| - |
48 |
| -/* back button adjustment */ |
49 |
| -#nav-bar #nav-bar-customization-target > toolbaritem #back-button .toolbarbutton-icon |
50 |
| -#nav-bar #nav-bar-customization-target > #back-button .toolbarbutton-icon, |
51 |
| -#nav-bar > #back-button .toolbarbutton-icon { |
52 |
| - border: 0 !important; |
53 |
| -} |
54 |
| - |
55 |
| -/* adjust zoom reset and copy buttons position */ |
56 |
| -#nav-bar #nav-bar-customization-target > toolbaritem :is(#copy-button,#zoom-reset-button), |
57 |
| -#nav-bar #nav-bar-customization-target > :is(#copy-button,#zoom-reset-button), |
58 |
| -#nav-bar > :is(#copy-button,#zoom-reset-button) { |
59 |
| - margin-inline-start: -1px !important; |
60 |
| - margin-inline-end: -1px !important; |
61 |
| -} |
62 |
| - |
63 |
| -#nav-bar #nav-bar-customization-target > toolbaritem :is(#edit-controls, #zoom-controls) separator, |
64 |
| -#nav-bar #nav-bar-customization-target > :is(#edit-controls, #zoom-controls) separator, |
65 |
| -#nav-bar > :is(#edit-controls, #zoom-controls) separator { |
66 |
| - visibility: collapse !important; |
67 |
| -} |
68 |
| - |
69 |
| -/* classic button style */ |
70 |
| -#main-window:not([customizing]) #nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not(#PlacesChevron)[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-icon, |
71 |
| -#main-window:not([customizing]) #nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-text, |
72 |
| -#main-window:not([customizing]) #nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack, |
73 |
| -#nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton[type="menu-button"] > .toolbarbutton-icon, |
74 |
| -#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1 > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, |
75 |
| -#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1[open] > .toolbarbutton-menubutton-button > .toolbarbutton-icon, |
76 |
| -#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, |
77 |
| -#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not(#PlacesChevron):not([checked]):not([open]):not(:active) > .toolbarbutton-icon, |
78 |
| -#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-text, |
79 |
| -#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack, |
80 |
| -#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([buttonover]):not([open]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon, |
81 |
| -#main-window:not([customizing]) #nav-bar #nav-bar-customization-target > .toolbarbutton-1:not(#PlacesChevron)[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-icon, |
82 |
| -#main-window:not([customizing]) #nav-bar #nav-bar-customization-target > .toolbarbutton-1[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-text, |
83 |
| -#main-window:not([customizing]) #nav-bar #nav-bar-customization-target > .toolbarbutton-1[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack, |
84 |
| -#nav-bar #nav-bar-customization-target > toolbarbutton[type="menu-button"] > .toolbarbutton-icon, |
85 |
| -#nav-bar #nav-bar-customization-target > .toolbarbutton-1 > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, |
86 |
| -#nav-bar #nav-bar-customization-target > .toolbarbutton-1[open] > .toolbarbutton-menubutton-button > .toolbarbutton-icon, |
87 |
| -#nav-bar #nav-bar-customization-target > .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, |
88 |
| -#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not(#PlacesChevron):not([checked]):not([open]):not(:active) > .toolbarbutton-icon, |
89 |
| -#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-text, |
90 |
| -#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack, |
91 |
| -#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([buttonover]):not([open]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon, |
92 |
| -#main-window:not([customizing]) #nav-bar > .toolbarbutton-1:not(#PlacesChevron)[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-icon, |
93 |
| -#main-window:not([customizing]) #nav-bar > .toolbarbutton-1[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-text, |
94 |
| -#main-window:not([customizing]) #nav-bar > .toolbarbutton-1[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack, |
95 |
| -#nav-bar > toolbarbutton[type="menu-button"] > .toolbarbutton-icon, |
96 |
| -#nav-bar > .toolbarbutton-1 > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, |
97 |
| -#nav-bar > .toolbarbutton-1[open] > .toolbarbutton-menubutton-button > .toolbarbutton-icon, |
98 |
| -#nav-bar > .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, |
99 |
| -#nav-bar > .toolbarbutton-1:not(#PlacesChevron):not([checked]):not([open]):not(:active) > .toolbarbutton-icon, |
100 |
| -#nav-bar > .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-text, |
101 |
| -#nav-bar > .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack, |
102 |
| -#nav-bar > .toolbarbutton-1:not([buttonover]):not([open]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon { |
| 6 | +#nav-bar .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, |
| 7 | +#nav-bar .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon, |
| 8 | +#nav-bar .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, |
| 9 | +#nav-bar .toolbarbutton-1:not(#PlacesChevron):not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon, |
| 10 | +#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text, |
| 11 | +#nav-bar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack, |
| 12 | +#nav-bar .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon { |
103 | 13 | background: transparent !important;
|
104 | 14 | background-color: transparent !important;
|
105 | 15 | background-image:
|
|
114 | 24 | box-shadow .2s ease-in !important;
|
115 | 25 | }
|
116 | 26 |
|
117 |
| -#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, |
118 |
| -#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon, |
119 |
| -#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, |
120 |
| -#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not(#PlacesChevron):not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon, |
121 |
| -#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text, |
122 |
| -#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack, |
123 |
| -#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon, |
124 |
| -#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, |
125 |
| -#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon, |
126 |
| -#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, |
127 |
| -#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not(#PlacesChevron):not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon, |
128 |
| -#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text, |
129 |
| -#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack, |
130 |
| -#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon, |
131 |
| -#nav-bar > .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, |
132 |
| -#nav-bar > .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon, |
133 |
| -#nav-bar > .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, |
134 |
| -#nav-bar > .toolbarbutton-1:not(#PlacesChevron):not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon, |
135 |
| -#nav-bar > .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text, |
136 |
| -#nav-bar > .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack, |
137 |
| -#nav-bar > .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon { |
| 27 | +#nav-bar toolbarbutton:not(#PlacesChevron)[type="menu"][open]:not([disabled]):not(.bookmark-item):not([container="true"]) > .toolbarbutton-icon, |
| 28 | +#nav-bar toolbarbutton:not(#PlacesChevron)[type="menu-button"]:not([open]):hover:not([disabled]):not(.bookmark-item):active > .toolbarbutton-icon, |
| 29 | +#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):is(:hover:active,:active, [open]) > .toolbarbutton-icon, |
| 30 | +#nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon, |
| 31 | +#nav-bar .toolbarbutton-1:not(#PlacesChevron):not([disabled=true]):is([open],[checked],:hover:active,:active) > .toolbarbutton-icon, |
| 32 | +#nav-bar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active,:active) > .toolbarbutton-text, |
| 33 | +#nav-bar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack { |
138 | 34 | background: transparent !important;
|
139 | 35 | background-color: transparent !important;
|
140 | 36 | background-image:
|
|
148 | 44 | border-color .2s ease-in,
|
149 | 45 | box-shadow .2s ease-in !important;
|
150 | 46 | }
|
151 |
| - |
152 |
| -#nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton[disabled=true] > .toolbarbutton-icon, |
153 |
| -#nav-bar #nav-bar-customization-target > toolbarbutton[disabled=true] > .toolbarbutton-icon, |
154 |
| -#nav-bar > toolbarbutton[disabled=true] > .toolbarbutton-icon { |
155 |
| - opacity: .6 !important; |
156 |
| -} |
157 |
| - |
158 |
| -#nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton[disabled=true], |
159 |
| -#nav-bar #nav-bar-customization-target > toolbarbutton[disabled=true], |
160 |
| -#nav-bar > toolbarbutton[disabled=true] { |
161 |
| - opacity: 1.0 !important; |
162 |
| -} |
163 |
| - |
164 |
| -#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-icon, |
165 |
| -#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-text, |
166 |
| -#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-badge-stack, |
167 |
| -#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-icon, |
168 |
| -#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-text, |
169 |
| -#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-badge-stack, |
170 |
| -#nav-bar > .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-icon, |
171 |
| -#nav-bar > .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-text, |
172 |
| -#nav-bar > .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-badge-stack { |
173 |
| - background-color: transparent !important; |
174 |
| -} |
175 |
| - |
176 |
| -#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-icon, |
177 |
| -#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-text, |
178 |
| -#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-badge-stack, |
179 |
| -#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-icon, |
180 |
| -#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-text, |
181 |
| -#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-badge-stack, |
182 |
| -#nav-bar > .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-icon, |
183 |
| -#nav-bar > .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-text, |
184 |
| -#nav-bar > .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-badge-stack { |
185 |
| - background-color: transparent !important; |
186 |
| -} |
187 |
| - |
188 |
| -/* deep Fx 109 bs and nonsense override */ |
189 |
| -#nav-bar #nav-bar-customization-target > toolbaritem :is(toolbarbutton.subviewbutton,.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]),[overflowedItem=true]) > toolbarbutton):not([disabled]):hover, |
190 |
| -#nav-bar #nav-bar-customization-target > :is(toolbarbutton.subviewbutton,.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]),[overflowedItem=true]) > toolbarbutton):not([disabled]):hover, |
191 |
| -#nav-bar > :is(toolbarbutton.subviewbutton,.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]),[overflowedItem=true]) > toolbarbutton):not([disabled]):hover { |
192 |
| - background-color: unset !important; |
193 |
| -} |
194 |
| - |
0 commit comments