current/css/buttons/buttons_on_bookmarks_toolbar_old_size_and_appearance.css
/* Firefox userChrome.css tweaks ********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/

/*

  Mozilla changed the default appearance of the ui item 'toolbarbutton' in Firefox 141+
  This tries to replicate the Windows version of the button using buttons Aero appearance as base

*/

#PersonalToolbar toolbarbutton:not(#PlacesChevron),
#PersonalToolbar #PlacesToolbar toolbarbutton,
#PlacesToolbar toolbarbutton:not(#PlacesChevron) {
  padding-left: 3px !important;
  padding-right: 3px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

#PersonalToolbar toolbarbutton:not(#PlacesChevron) .toolbarbutton-icon {
  padding-left: 0px !important;
  padding-right: 0px !important;
  width: 16px !important;
}
#PersonalToolbar .scrollbutton-up .toolbarbutton-icon,
#PersonalToolbar .scrollbutton-down .toolbarbutton-icon {
  padding-left: unset !important;
  padding-right: unset !important;
  width: unset !important;
}
	
#PersonalToolbar toolbarbutton.bookmark-item:not(.subviewbutton, [disabled=true], [open]):hover,
#PersonalToolbar .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-icon,
#PersonalToolbar .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-text,
#PersonalToolbar .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-badge-stack,
#PersonalToolbar toolbarbutton.bookmark-item:hover:active:not(.subviewbutton, [disabled="true"]),
#PersonalToolbar toolbarbutton.bookmark-item[open="true"],
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-icon,
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-text,
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-badge-stack {
  background-color: transparent !important;
}

#PersonalToolbar toolbarbutton.bookmark-item:not(.subviewbutton, [disabled=true], [open]):hover,
#PersonalToolbar .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-icon,
#PersonalToolbar .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-text,
#PersonalToolbar .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-badge-stack {
  background-color: transparent !important;
}

#PersonalToolbar toolbarbutton.bookmark-item:hover:active:not(.subviewbutton, [disabled="true"]),
#PersonalToolbar toolbarbutton.bookmark-item[open="true"],
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-icon,
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-text,
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-badge-stack {
  background-color: transparent !important;
}

#PersonalToolbar .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-button ,
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover,
#PersonalToolbar .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon {
  background: transparent !important;
  background-color: transparent !important;
  background-image:
	linear-gradient(to right, rgba(255,255,255,0.4) 0px, transparent 0px),
	linear-gradient(to left, rgba(255,255,255,0.4) 0px, transparent 0px),
	linear-gradient(to top, rgba(255,255,255,0.3) 0px, transparent 0px),
	linear-gradient(to bottom, rgba(163,196,247,0.2), rgba(122,180,246,0.2)) !important;
  border-radius: 0px !important;
  outline: 1px solid rgba(124,163,206,0.7) !important;
  transition: background-color .3s ease-in,
			  border-color .2s ease-in,
			  box-shadow .2s ease-in !important;
}

#PersonalToolbar toolbarbutton[type="menu"][open]:not([disabled]),
#PersonalToolbar toolbarbutton[type="menu-button"]:not([open]):hover:not([disabled]):active ,
#PersonalToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):is(:hover:active,:active, [open]),
#PersonalToolbar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
#PersonalToolbar .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active,:active) {
  background: transparent !important;
  background-color: transparent !important;
  background-image:
	linear-gradient(to right, rgba(255,255,255,0.4) 0px, transparent 0px),
	linear-gradient(to left, rgba(255,255,255,0.4) 0px, transparent 0px),
	linear-gradient(to top, rgba(255,255,255,0.3) 0px, transparent 0px),
	linear-gradient(to bottom, rgba(163,196,247,0.6), rgba(122,180,246,0.6)) !important;
  border-radius: 0px !important;
  outline: 1px solid rgba(124,163,206,0.99) !important;
  transition: background-color .3s ease-in,
			  border-color .2s ease-in,
			  box-shadow .2s ease-in !important;
}

#PersonalToolbar toolbarbutton.bookmark-item:not(.subviewbutton, [disabled=true], [open]):hover {
  background-color: transparent !important;
}

#PersonalToolbar toolbarbutton.bookmark-item:hover:active:not(.subviewbutton, [disabled="true"]),
#PersonalToolbar toolbarbutton.bookmark-item[open="true"]{
  background-color: transparent !important;
}

#PlacesToolbar .bookmark-item:not(menu):not(menuitem):not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#PlacesToolbar .bookmark-item:not(menu):not(menuitem):not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-button ,
#PlacesToolbar .bookmark-item:not(menu):not(menuitem):not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#PlacesToolbar .bookmark-item:not(menu):not(menuitem):not([disabled=true]):not([checked]):not([open]):not(:active):hover,
#PlacesToolbar .bookmark-item:not(menu):not(menuitem):not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon {
  background: transparent !important;
  background-color: transparent !important;
  background-image:
	linear-gradient(to right, rgba(255,255,255,0.4) 0px, transparent 0px),
	linear-gradient(to left, rgba(255,255,255,0.4) 0px, transparent 0px),
	linear-gradient(to top, rgba(255,255,255,0.3) 0px, transparent 0px),
	linear-gradient(to bottom, rgba(163,196,247,0.2), rgba(122,180,246,0.2)) !important;
  border-radius: 0px !important;
  outline: 1px solid rgba(124,163,206,0.7) !important;
  transition: background-color .3s ease-in,
			  border-color .2s ease-in,
			  box-shadow .2s ease-in !important;
}

#PlacesToolbar toolbarbutton[type="menu"][open]:not([disabled]),
#PlacesToolbar toolbarbutton[type="menu-button"]:not([open]):hover:not([disabled]):active ,
#PlacesToolbar .bookmark-item:not(menu):not(menuitem) > .toolbarbutton-menubutton-button:not([disabled=true]):is(:hover:active,:active, [open]),
#PlacesToolbar .bookmark-item:not(menu):not(menuitem)[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
#PlacesToolbar .bookmark-item:not(menu):not(menuitem):not([disabled=true]):is([open],[checked],:hover:active,:active) {
  background: transparent !important;
  background-color: transparent !important;
  background-image:
	linear-gradient(to right, rgba(255,255,255,0.4) 0px, transparent 0px),
	linear-gradient(to left, rgba(255,255,255,0.4) 0px, transparent 0px),
	linear-gradient(to top, rgba(255,255,255,0.3) 0px, transparent 0px),
	linear-gradient(to bottom, rgba(163,196,247,0.6), rgba(122,180,246,0.6)) !important;
  border-radius: 0px !important;
  outline: 1px solid rgba(124,163,206,0.99) !important;
  transition: background-color .3s ease-in,
			  border-color .2s ease-in,
			  box-shadow .2s ease-in !important;
}

/* deep Fx 109 bs and nonsense override */
#PlacesToolbar :is(toolbarbutton.subviewbutton,.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]),[overflowedItem=true]) > toolbarbutton):not([disabled]):hover {
  background-color: unset !important; 
}

