Skip to content

Commit 07f654c

Browse files
Aris-t2Aris-t2
committed
4.7.5
1 parent 5874e15 commit 07f654c

12 files changed

+314
-71
lines changed

‎current/css/buttons/buttons_on_bookmarks_toolbar_aero_appearance.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@
3030
linear-gradient(to left, rgba(255,255,255,0.4) 0px, transparent 0px),
3131
linear-gradient(to top, rgba(255,255,255,0.3) 0px, transparent 0px),
3232
linear-gradient(to bottom, rgba(163,196,247,0.2), rgba(122,180,246,0.2)) !important;
33-
border-radius: 6px !important;
33+
border-radius: 3px !important;
3434
outline: 1px solid rgba(124,163,206,0.7) !important;
3535
transition: background-color .3s ease-in,
3636
border-color .2s ease-in,

‎current/css/buttons/buttons_on_bookmarks_toolbar_aero_appearance_items.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@
4343
linear-gradient(to left, rgba(255,255,255,0.4) 0px, transparent 0px),
4444
linear-gradient(to top, rgba(255,255,255,0.3) 0px, transparent 0px),
4545
linear-gradient(to bottom, rgba(163,196,247,0.6), rgba(122,180,246,0.6)) !important;
46-
border-radius: 6px !important;
46+
border-radius: 3px !important;
4747
outline: 1px solid rgba(124,163,206,0.99) !important;
4848
transition: background-color .3s ease-in,
4949
border-color .2s ease-in,

‎current/css/buttons/buttons_on_bookmarks_toolbar_old_size_and_appearance.css‎

Lines changed: 129 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -2,59 +2,34 @@
22
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
33
/****************************************************************************************/
44

5+
/*
56
6-
@media (-moz-platform: windows) {
7-
#PersonalToolbar toolbarbutton:not(#PlacesChevron),
8-
#PersonalToolbar #PlacesToolbar toolbarbutton,
9-
#PlacesToolbar toolbarbutton:not(#PlacesChevron) {
10-
appearance: auto !important;
11-
-moz-default-appearance: toolbarbutton !important;
12-
background: unset !important;
13-
box-shadow: unset !important;
14-
padding-left: 3px !important;
15-
padding-right: 3px !important;
16-
margin-left: 0px !important;
17-
margin-right: 0px !important;
18-
}
7+
Mozilla changed the default appearance of the ui item 'toolbarbutton' in Firefox 141+
8+
This tries to replicate the Windows version of the button using buttons Aero appearance as base
199
20-
#PersonalToolbar .toolbarbutton-badge-stack,
21-
#PersonalToolbar toolbarbutton:not(#PlacesChevron) .toolbarbutton-icon {
22-
background: unset !important;
23-
box-shadow: unset !important;
24-
}
10+
*/
2511

26-
#PersonalToolbar toolbarbutton:not(#PlacesChevron) .toolbarbutton-icon {
27-
padding-left: 0px !important;
28-
padding-right: 0px !important;
29-
width: 16px !important;
30-
}
31-
#PersonalToolbar .scrollbutton-up .toolbarbutton-icon,
32-
#PersonalToolbar .scrollbutton-down .toolbarbutton-icon {
33-
padding-left: unset !important;
34-
padding-right: unset !important;
35-
width: unset !important;
36-
}
37-
38-
@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
39-
#PersonalToolbar toolbarbutton:not(#PlacesChevron),
40-
#PersonalToolbar #PlacesToolbar toolbarbutton,
41-
#PlacesToolbar toolbarbutton:not(#PlacesChevron) {
42-
appearance: unset !important;
43-
}
44-
#PersonalToolbar toolbarbutton:not(#PlacesChevron):hover,
45-
#PersonalToolbar #PlacesToolbar toolbarbutton:hover,
46-
#PlacesToolbar toolbarbutton:not(#PlacesChevron):hover {
47-
/*appearance: auto !important;*/
48-
background-color: transparent !important;
49-
background-image:
50-
linear-gradient(to right, rgba(255,255,255,0.4) 0px, transparent 0px),
51-
linear-gradient(to left, rgba(255,255,255,0.4) 0px, transparent 0px),
52-
linear-gradient(to top, rgba(255,255,255,0.3) 0px, transparent 0px),
53-
linear-gradient(to bottom, rgba(163,196,247,0.2), rgba(122,180,246,0.2)) !important;
54-
}
55-
}
12+
#PersonalToolbar toolbarbutton:not(#PlacesChevron),
13+
#PersonalToolbar #PlacesToolbar toolbarbutton,
14+
#PlacesToolbar toolbarbutton:not(#PlacesChevron) {
15+
padding-left: 3px !important;
16+
padding-right: 3px !important;
17+
margin-left: 0px !important;
18+
margin-right: 0px !important;
5619
}
5720

21+
#PersonalToolbar toolbarbutton:not(#PlacesChevron) .toolbarbutton-icon {
22+
padding-left: 0px !important;
23+
padding-right: 0px !important;
24+
width: 16px !important;
25+
}
26+
#PersonalToolbar .scrollbutton-up .toolbarbutton-icon,
27+
#PersonalToolbar .scrollbutton-down .toolbarbutton-icon {
28+
padding-left: unset !important;
29+
padding-right: unset !important;
30+
width: unset !important;
31+
}
32+
5833
#PersonalToolbar toolbarbutton.bookmark-item:not(.subviewbutton, [disabled=true], [open]):hover,
5934
#PersonalToolbar .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-icon,
6035
#PersonalToolbar .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-text,
@@ -66,3 +41,109 @@
6641
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-badge-stack {
6742
background-color: transparent !important;
6843
}
44+
45+
#PersonalToolbar toolbarbutton.bookmark-item:not(.subviewbutton, [disabled=true], [open]):hover,
46+
#PersonalToolbar .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-icon,
47+
#PersonalToolbar .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-text,
48+
#PersonalToolbar .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-badge-stack {
49+
background-color: transparent !important;
50+
}
51+
52+
#PersonalToolbar toolbarbutton.bookmark-item:hover:active:not(.subviewbutton, [disabled="true"]),
53+
#PersonalToolbar toolbarbutton.bookmark-item[open="true"],
54+
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-icon,
55+
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-text,
56+
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-badge-stack {
57+
background-color: transparent !important;
58+
}
59+
60+
#PersonalToolbar .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
61+
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-button ,
62+
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
63+
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover,
64+
#PersonalToolbar .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon {
65+
background: transparent !important;
66+
background-color: transparent !important;
67+
background-image:
68+
linear-gradient(to right, rgba(255,255,255,0.4) 0px, transparent 0px),
69+
linear-gradient(to left, rgba(255,255,255,0.4) 0px, transparent 0px),
70+
linear-gradient(to top, rgba(255,255,255,0.3) 0px, transparent 0px),
71+
linear-gradient(to bottom, rgba(163,196,247,0.2), rgba(122,180,246,0.2)) !important;
72+
border-radius: 0px !important;
73+
outline: 1px solid rgba(124,163,206,0.7) !important;
74+
transition: background-color .3s ease-in,
75+
border-color .2s ease-in,
76+
box-shadow .2s ease-in !important;
77+
}
78+
79+
#PersonalToolbar toolbarbutton[type="menu"][open]:not([disabled]),
80+
#PersonalToolbar toolbarbutton[type="menu-button"]:not([open]):hover:not([disabled]):active ,
81+
#PersonalToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):is(:hover:active,:active, [open]),
82+
#PersonalToolbar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
83+
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active,:active) {
84+
background: transparent !important;
85+
background-color: transparent !important;
86+
background-image:
87+
linear-gradient(to right, rgba(255,255,255,0.4) 0px, transparent 0px),
88+
linear-gradient(to left, rgba(255,255,255,0.4) 0px, transparent 0px),
89+
linear-gradient(to top, rgba(255,255,255,0.3) 0px, transparent 0px),
90+
linear-gradient(to bottom, rgba(163,196,247,0.6), rgba(122,180,246,0.6)) !important;
91+
border-radius: 0px !important;
92+
outline: 1px solid rgba(124,163,206,0.99) !important;
93+
transition: background-color .3s ease-in,
94+
border-color .2s ease-in,
95+
box-shadow .2s ease-in !important;
96+
}
97+
98+
#PersonalToolbar toolbarbutton.bookmark-item:not(.subviewbutton, [disabled=true], [open]):hover {
99+
background-color: transparent !important;
100+
}
101+
102+
#PersonalToolbar toolbarbutton.bookmark-item:hover:active:not(.subviewbutton, [disabled="true"]),
103+
#PersonalToolbar toolbarbutton.bookmark-item[open="true"]{
104+
background-color: transparent !important;
105+
}
106+
107+
#PlacesToolbar .bookmark-item:not(menu):not(menuitem):not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
108+
#PlacesToolbar .bookmark-item:not(menu):not(menuitem):not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-button ,
109+
#PlacesToolbar .bookmark-item:not(menu):not(menuitem):not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
110+
#PlacesToolbar .bookmark-item:not(menu):not(menuitem):not([disabled=true]):not([checked]):not([open]):not(:active):hover,
111+
#PlacesToolbar .bookmark-item:not(menu):not(menuitem):not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon {
112+
background: transparent !important;
113+
background-color: transparent !important;
114+
background-image:
115+
linear-gradient(to right, rgba(255,255,255,0.4) 0px, transparent 0px),
116+
linear-gradient(to left, rgba(255,255,255,0.4) 0px, transparent 0px),
117+
linear-gradient(to top, rgba(255,255,255,0.3) 0px, transparent 0px),
118+
linear-gradient(to bottom, rgba(163,196,247,0.2), rgba(122,180,246,0.2)) !important;
119+
border-radius: 0px !important;
120+
outline: 1px solid rgba(124,163,206,0.7) !important;
121+
transition: background-color .3s ease-in,
122+
border-color .2s ease-in,
123+
box-shadow .2s ease-in !important;
124+
}
125+
126+
#PlacesToolbar toolbarbutton[type="menu"][open]:not([disabled]),
127+
#PlacesToolbar toolbarbutton[type="menu-button"]:not([open]):hover:not([disabled]):active ,
128+
#PlacesToolbar .bookmark-item:not(menu):not(menuitem) > .toolbarbutton-menubutton-button:not([disabled=true]):is(:hover:active,:active, [open]),
129+
#PlacesToolbar .bookmark-item:not(menu):not(menuitem)[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
130+
#PlacesToolbar .bookmark-item:not(menu):not(menuitem):not([disabled=true]):is([open],[checked],:hover:active,:active) {
131+
background: transparent !important;
132+
background-color: transparent !important;
133+
background-image:
134+
linear-gradient(to right, rgba(255,255,255,0.4) 0px, transparent 0px),
135+
linear-gradient(to left, rgba(255,255,255,0.4) 0px, transparent 0px),
136+
linear-gradient(to top, rgba(255,255,255,0.3) 0px, transparent 0px),
137+
linear-gradient(to bottom, rgba(163,196,247,0.6), rgba(122,180,246,0.6)) !important;
138+
border-radius: 0px !important;
139+
outline: 1px solid rgba(124,163,206,0.99) !important;
140+
transition: background-color .3s ease-in,
141+
border-color .2s ease-in,
142+
box-shadow .2s ease-in !important;
143+
}
144+
145+
/* deep Fx 109 bs and nonsense override */
146+
#PlacesToolbar :is(toolbarbutton.subviewbutton,.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]),[overflowedItem=true]) > toolbarbutton):not([disabled]):hover {
147+
background-color: unset !important;
148+
}
149+

‎current/css/buttons/custom_backforward_connected_to_location_bar.css‎

Lines changed: 17 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,13 @@
33
/****************************************************************************************/
44

55

6-
#main-window :is(.megabar,#urlbar-container) {
6+
#main-window :is(.megabar,#urlbar,#urlbar-container) {
77
z-index: 3 !important;
88
}
99

1010
#main-window #back-button {
1111
z-index: 4 !important;
12-
/*position: relative !important;*/
12+
position: relative !important;
1313
}
1414

1515
#main-window #nav-bar #forward-button {
@@ -133,13 +133,28 @@
133133
mask-image: linear-gradient(to right, transparent, transparent 4px, currentColor 0px) !important;
134134
background-color: unset !important;
135135
}
136+
#main-window #nav-bar #forward-button[disabled] + #urlbar-container:has(#urlbar:not([breakout-extend])) {
137+
background-image: linear-gradient(to bottom, transparent, transparent 4px, var(--toolbar-field-background-color) 0px, var(--toolbar-field-background-color) 36px, transparent 36px, transparent) !important;
138+
border-top-right-radius: 11px !important;
139+
border-bottom-right-radius: 11px !important;
140+
}
136141

137142
#main-window[uidensity=compact] #nav-bar #forward-button[disabled] + #urlbar-container #urlbar:not([breakout-extend]) #urlbar-background {
138143
mask-image: linear-gradient(to right, transparent, transparent 5px, currentColor 0px) !important;
139144
background-color: unset !important;
140145
}
146+
#main-window[uidensity=compact] #nav-bar #forward-button[disabled] + #urlbar-container:has(#urlbar:not([breakout-extend])) {
147+
background-image: linear-gradient(to bottom, transparent, transparent 5px, var(--toolbar-field-background-color) 0px, var(--toolbar-field-background-color) 31px, transparent 31px, transparent) !important;
148+
border-top-right-radius: 12px !important;
149+
border-bottom-right-radius: 12px !important;
150+
}
141151

142152
#main-window[uidensity=touch] #nav-bar #forward-button[disabled] + #urlbar-container #urlbar:not([breakout-extend]) #urlbar-background {
143153
mask-image: linear-gradient(to right, transparent, transparent 5px, currentColor 0px) !important;
144154
background-color: unset !important;
145155
}
156+
#main-window[uidensity=touch] #nav-bar #forward-button[disabled] + #urlbar-container:has(#urlbar:not([breakout-extend])) {
157+
background-image: linear-gradient(to bottom, transparent, transparent 5px, var(--toolbar-field-background-color) 0px, var(--toolbar-field-background-color) 39px, transparent 39px, transparent) !important;
158+
border-top-right-radius: 12px !important;
159+
border-bottom-right-radius: 12px !important;
160+
}

current/css/generalui/popup_menus_space_before_label_fx139.css renamed to current/css/generalui/popup_menus_space_before_label_fx128-139.css

File renamed without changes.

‎current/css/tabs/classic_squared_tabs.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -405,7 +405,7 @@
405405
}
406406

407407
/* remove top line above tabs for lw-themes */
408-
:root[lwtheme] #browser-panel{
408+
:root[lwtheme] #browser-panel{
409409
border: unset !important;
410410
box-shadow: unset !important;
411411
}

‎current/css/tabs/tabs_below_main_content.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -73,9 +73,9 @@
7373
top: 0 !important;
7474
}
7575

76-
#main-window[inDOMFullscreen="true"] .titlebar-buttonbox-container {
76+
#main-window[inDOMFullscreen] .titlebar-buttonbox-container {
7777
display: none !important;
78-
/*opacity: 0 !important;*/
78+
opacity: 0 !important;
7979
}
8080

8181
/* macOS support*/

‎current/css/tabs/tabs_below_navigation_toolbar.css‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -184,7 +184,18 @@
184184
}
185185
}
186186

187+
/* Fx 110 nonsense - remove line below active tab */
188+
#nav-bar:not([tabs-hidden="true"]) {
189+
position: unset !important;
190+
}
191+
187192
/* Fx 126+ */
188193
:root[lwtheme] #nav-bar {
189194
border-top: 0 !important;
190195
}
196+
197+
#main-window[inDOMFullscreen] .titlebar-buttonbox-container {
198+
display: none !important;
199+
opacity: 0 !important;
200+
}
201+

‎current/css/tabs/tabs_multiple_lines.css‎

Lines changed: 16 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -25,27 +25,30 @@
2525
--tab-min-height_mlt: var(--tab-min-height,32px); /* set own value here, if used without configuration files */
2626
}
2727

28-
#tabbrowser-tabs{
28+
#tabbrowser-tabs[orient="horizontal"]{
2929
min-height: unset !important;
3030
padding-inline-start: 0px !important;
3131
margin-top: 1px !important;
32+
flex-wrap: wrap;
33+
overflow-y: auto;
34+
overflow-x: hidden;
35+
max-height: calc(var(--tab-min-height_mlt) * var(--tabs-lines));
36+
scrollbar-color: currentColor transparent;
37+
scrollbar-width: thin;
3238
}
3339

3440
@-moz-document url(chrome://browser/content/browser.xhtml){
3541
#scrollbutton-up~spacer,
3642
#scrollbutton-up,
37-
#scrollbutton-down{
38-
display: var(--scrollbutton-display-model,initial);
43+
#scrollbutton-down {
44+
display: none;
3945
}
40-
46+
47+
#pinned-tabs-container[orient="horizontal"],
48+
#tabbrowser-arrowscrollbox[orient="horizontal"],
4149
scrollbox[part][orient="horizontal"] > slot,
42-
scrollbox[part][orient="horizontal"]{
43-
display: flex;
44-
flex-wrap: wrap;
45-
overflow-y: auto;
46-
max-height: calc(var(--tab-min-height_mlt) * var(--tabs-lines));
47-
scrollbar-color: currentColor transparent;
48-
scrollbar-width: thin;
50+
scrollbox[part="scrollbox"][orient="horizontal"]{
51+
display: contents !important;
4952
contain: none !important;
5053
}
5154
}
@@ -65,10 +68,11 @@
6568
height: var(--tab-min-height_mlt) !important;
6669
}
6770

71+
/*
6872
#tabbrowser-tabs .tabbrowser-tab[pinned]{
6973
position: static !important;
7074
margin-inline-start: 0px !important;
71-
}
75+
}*/
7276

7377
.tabbrowser-tab[fadein]:not([pinned]) {
7478
flex-grow: 1;
@@ -105,4 +109,3 @@ box.scrollbox-clip[orient="horizontal"] {
105109
#tabbrowser-tabs[orient="horizontal"] {
106110
min-height: unset !important;
107111
}
108-

‎current/css/tabs/tabs_multiple_lines_force_newtab_button_visibility_fx128-140.css‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
/* Firefox userChrome.css tweaks ********************************************************/
2+
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
3+
/****************************************************************************************/
4+
5+
6+
@import "./tabs_multiple_lines_fx128-140.css";
7+
8+
9+
:root:not([customizing]) #navigator-toolbox #TabsToolbar #new-tab-button {
10+
display: unset !important;
11+
visibility: visible !important;
12+
margin: -1px !important;
13+
}
14+
15+
:is(.tabs-newtab-button,#tabs-newtab-button) {
16+
display: none !important;
17+
visibility: hidden !important;
18+
}
19+
20+
#new-tab-button {
21+
align-self: center;
22+
}

0 commit comments

Comments
 (0)