my_userChrome.css

/*AGENT_SHEET included by CustomCSSforFx*/

/* Draw a line over selected tab. See https://raw.githubusercontent.com/mozilla/gecko-dev/master/browser/base/content/tabbrowser-tab.js for structure */
/* https://www.reddit.com/r/FirefoxCSS/comments/c5aqyn/my_userchromecss_customizations/ for funky styling */

.tabbrowser-tab:not([usercontextid]) .tab-content[selected="true"],
.tabbrowser-tab[usercontextid] .tab-content[selected="true"] .tab-label-container {
  background-image: linear-gradient(to bottom,rgba(255,192,0,0),rgba(255,192,153,32));
}
.tabbrowser-tab[unread] .tab-label {
  font-style: italic !important;
}
.tabbrowser-tab:not([pinned]):hover .tab-close-button{ display:block !important; }

.tabbrowser-tab[usercontextid] .tab-line {
    background-image: linear-gradient(to right, transparent 10%, var(--identity-tab-color) 10%, var(--identity-tab-color) 90%, transparent 90%);
    transform: scaleX(.55) !important;
    opacity: .7 !important;
}

.tabbrowser-tab[usercontextid]:not([visuallyselected]):hover .tab-line{
  transform: scaleX(1) !important;
  opacity: .9 !important;
}
.tabbrowser-tab[usercontextid][visuallyselected] .tab-line{
  transform: scaleX(1) !important;
  opacity: .9 !important;
}
.tabbrowser-tab[usercontextid]:[visuallyselected] .tab-bottom-line {
    min-height: 5px;
}
.tabbrowser-tab[usercontextid]:not([visuallyselected]) .tab-bottom-line {
  display: none;
}

.tabbrowser-tab[pending="true"] {
  filter: grayscale(85%) !important;
  --tab-min-width: 65px;
}
.tabbrowser-tab {
  --tab-loading-fill: rgba(191, 227, 249, 0.5);
  --tabs-border-color: rgba(0, 0, 0, 0.2);
  --tab-min-width: 76px;
  transition-property: transform;
  transition-duration: 200ms !important;
}
.tabbrowser-tab:hover[pending="true"][not(last-visible-tab="true")] {
  --tab-min-width: 70px;
  filter: grayscale(70%) !important;
  transition-property: transform;
  transition-duration: 100ms !important;
}
.tabbrowser-tab:hover {
  --tab-min-width: 85px;
  transition-property: transform;
  transition-duration: 200ms !important;
}
.tabbrowser-tab:hover[last-visible-tab="true"] {
  --tab-min-width: 76px;
  transition-property: transform;
  transition-duration: 200ms !important;
}
.tabbrowser-tab:hover[selected="true"][not(last-visible-tab="true")] {
  --tab-min-width: 160px;
  transition-property: transform;
  transition-duration: 200ms !important;
}
.tabbrowser-tab:hover[selected="true"][last-visible-tab="true"] {
  --tab-min-width: 160px;
  transition-property: transform;
  transition-duration: 200ms !important;
}
.tabbrowser-tab[selected="true"] {
  --tab-min-width: 160px;
  transition-property: transform;
  transition-duration: 400ms !important;
}
.tabbrowser-tab[selected="true"][last-visible-tab="true"] {
  --tab-min-width: 160px;
  transition-property: transform;
  transition-duration: 400ms !important;
}
#TabsToolbar .tab-icon-image:not([pinned]) {
  margin-left: 0px;
}

#category-sync,
#sync-setup,
#context-shareimage,
#context-sendimage,
#context-setDesktopBackground,
#context-sharepage,
#context-sendLink,
#context-bookmarkpage,
#context_sendTabToDevice,
#context_sendTabToDevice_separator,
#context-bookmarklink,
#context-sendpagetodevice,
#context-sep-sendpagetodevice,
#contentAreaContextMenu #context-sendlinktodevice,
#contentAreaContextMenu #context-sep-sendlinktodevice,
#menu_bookmarkThisPage,
#feedbackPage,
#appmenu_sendLink,
#appmenu-editmenu,
#sync-setup-appmenu {
  visibility: collapse !important;
  display: none !important;
}

#contentAreaContextMenu menuitem[label^="Save"] { 
  -moz-box-ordinal-group: 99 !important;
}
#contentAreaContextMenu menuitem[label^="Search"] { 
  -moz-box-ordinal-group: 0 !important;
}

#context-savelink {
  font-family: Verdana;
  font-size: 2em;
  color: green;
  -moz-appearance: none !important;
  background: yellow url(chrome://browser/skin/downloads/download-icons.svg#arrow-with-bar) no-repeat top left !important;
}
#context-saveimage {
  padding: 8px 0;
  color: blue;
}
#context-searchselect {
  padding: 8px 0;
  font-family: Verdana;
  font-size: 1.1em;
  color: rgb(0, 32, 63);
  -moz-appearance: none !important;
  background: rgb(173,239,209) url(chrome://browser/skin/search-glass.svg) no-repeat top left !important;  /* default */
  /* background: rgb(173,239,209) url("image/search_searchglass.svg") no-repeat top left !important; /* fallback variable */
}
#context-searchselect:hover {
  background: yellow url(chrome://browser/skin/search-glass.svg) no-repeat top left !important;  /* default */
}

/* general_variables.css overrides for ac_popup_classic_with_two_lines_fx64.css */
:root {
  --ac_popup_width: 1200px !important; /* autocomplete popup width in normal mode */
}