^You're welcome! I just saw updates to this thread and was about to reply to tell you they work just fine on my 4 installs of FF - 2 of which are fully updated.
The configuration files I use have the tabs looking like "old" FF - slight rounded edge (almost square but not quite) and greyish with the active tab in orange.
It's interesting that the later css didn't work. I'm pretty sure that's what I'm using- but I'd have to look at it again.
Not going to bother... here's what I'm currently using:
The configuration files I use have the tabs looking like "old" FF - slight rounded edge (almost square but not quite) and greyish with the active tab in orange.
It's interesting that the later css didn't work. I'm pretty sure that's what I'm using
Not going to bother... here's what I'm currently using:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/*AGENT_SHEET*/
/* Firefox 57+ userChrome.css tweaks ****************************************************/
/* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/
/* by Aris ([email protected])*********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/
#alltabs-button{
visibility: visible !important;
}
/* blank new tab page */
@-moz-document url("about:newtab") { *{display: none !important;}}
/* use 'about:config > browser.tabs.tabMinWidth' for tab min-width *//*
.tabbrowser-tab:not([pinned]) {
min-width: 50px !important;
clip-width: 50px !important;
*/
/* tabs toolbar adjustment */
#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#TabsToolbar{
-moz-padding-start: 2px !important;
}
#main-window[tabsintitlebar][sizemode="normal"]:not([inFullscreen]) #TabsToolbar {
margin-top: 0px !important;
}
/* fix for application/hamburger button in titlebar */
#main-window[tabsintitlebar][inFullscreen] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar #PanelUI-button {
visibility: collapse !important;
}
/* tab height */
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: 25px !important;
}
/* toolbar order (start) ************************************/
#print-preview-toolbar,
#printedit-toolbar,
#titlebar {
-moz-box-ordinal-group: 0 !important;
}
#navigator-toolbox #toolbar-menubar {
-moz-box-ordinal-group: 1 !important;
}
/* navigation toolbar */
#navigator-toolbox #nav-bar {
-moz-box-ordinal-group: 2 !important;
}
/* bookmarks toolbar */
#navigator-toolbox #PersonalToolbar {
-moz-box-ordinal-group: 3 !important;
}
/* 3rd party toolbars */
#navigator-toolbox toolbar {
-moz-box-ordinal-group: 10 !important;
}
/* tabs toolbar */
#navigator-toolbox #TabsToolbar {
-moz-box-ordinal-group: 100 !important;
}
/* toolbar order (end) **************************************/
/* toolbar colors */
/*#TabsToolbar:not(:-moz-lwtheme){ */
/* -moz-appearance: none !important;
/* background-image: linear-gradient(#f9f9fa,#f9f9fa) !important; */
/*} */
#TabsToolbar:-moz-lwtheme{
background: rgba(255,255,255,0.4) !important;
}
/* toolbar borders */
#main-window #navigator-toolbox::after {
/*border-bottom: unset !important;*/
opacity: 0 !important;
}
#TabsToolbar{
margin-bottom: 0px !important;
border-bottom: 1px solid #5f7181 !important;
}
#main-window[sizemode="normal"] #TabsToolbar:not(:-moz-lwtheme){
border-left: 1px solid #5f7181 !important;
border-right: 1px solid #5f7181 !important;
}
#main-window:not([inFullscreen="true"])[tabsintitlebar] #TabsToolbar{
-moz-margin-end: 0px !important;
}
#main-window[tabsintitlebar] #TabsToolbar .titlebar-placeholder{
visibility: collapse !important;
}
#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"],
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {
margin-top: 21px !important;
}
#tabbrowser-tabs .tab-drop-indicator {
margin-bottom: 0px !important;
}
#PersonalToolbar:-moz-lwtheme,
#nav-bar:-moz-lwtheme {
background-image: none !important;
box-shadow: none !important;
border-top: none !important;
border-bottom: none !important;
}
/* remove tab fog */
#TabsToolbar:not(:-moz-lwtheme),
#TabsToolbar:not(:-moz-lwtheme)::before,
#TabsToolbar:not(:-moz-lwtheme)::after {
box-shadow: unset !important;
}
/* remove 'dragging tab' margin/padding nonsense */
#TabsToolbar[movingtab] {
padding-bottom: unset !important;
}
#TabsToolbar[movingtab] > .tabbrowser-tabs {
padding-bottom: unset !important;
margin-bottom: unset !important;
}
#TabsToolbar[movingtab] + #nav-bar {
margin-top: unset !important;
}
/* scroll buttons */
#TabsToolbar:not(:-moz-lwtheme) #alltabs-button,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-up,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-down {
fill: black !important;
}
/* tweaks for Windows Classic theme *//*
#nav-bar:not(:-moz-lwtheme),
#PersonalToolbar:not(:-moz-lwtheme),
#main-window:not([tabsintitlebar]) #TabsToolbar:not(:-moz-lwtheme) {
border-left: unset !important;
border-right: unset !important;
background: unset !important;
}
#main-window:not([tabsintitlebar]) #toolbar-menubar:not(:-moz-lwtheme) {
background: unset !important;
box-shadow: unset !important;
border-bottom: unset !important;
}
#main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox,
#main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar,
#main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox::before,
#main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar::before,
#main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox::after,
#main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar::after {
background: unset !important;
box-shadow: unset !important;
border: unset !important;
border-image: unset !important;
}
#main-window:not([tabsintitlebar]) toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme) {
background: unset !important;
}
/*
* Eliminate the throbber and its annoying movement:
*
* #throbber-box {
* display: none !important;
* }
*/
/* Tabs Minimum Width Before Scrolling Occurs */
.tabbrowser-tab[fadein]:not([pinned]) { min-width: 10px !important; }
@-moz-document url(chrome://browser/content/browser.xul)
{
richlistbox.autocomplete-richlistbox
{
max-height: 310px !important;
}
.ac-type-icon, .ac-site-icon:not([type="insecureWarning"])
{
/* for all awesomebar suggestions icons (except those for contextual feedback on insecure passwords) */
margin-top: 6px;
}
.ac-site-icon[type="insecureWarning"], .ac-site-icon[type="login"]
{
/* for the icons in contextual feedback on insecure passwords */
margin-top: 0;
}
/*.ac-title,*/ .ac-separator, .ac-url, .ac-action
{
font-size: 14px !important;
}
.autocomplete-richlistitem[collapsed="true"]
{
height: 0 !important;
min-height: 0 !important;
}
.autocomplete-richlistitem[type="favicon"] .ac-title,
.autocomplete-richlistitem[type="favicon"] .ac-separator,
.autocomplete-richlistitem[type="favicon"] .ac-url,
.autocomplete-richlistitem[type="bookmark"] .ac-title,
.autocomplete-richlistitem[type="bookmark"] .ac-separator,
.autocomplete-richlistitem[type="bookmark"] .ac-url
{
height: 16px;
margin-top: 6px;
}
.autocomplete-richlistitem[type="favicon"],
.autocomplete-richlistitem[type="bookmark"]
{
display: flex;
}
.autocomplete-richlistitem[type="favicon"],
.autocomplete-richlistitem[type="bookmark"]
{
display: flex;
}
.autocomplete-richlistitem[type="favicon"] .ac-title,
.autocomplete-richlistitem[type="bookmark"] .ac-title
{
order: 3;
}
.ac-title-text
{
}
.ac-tags
{
}
.autocomplete-richlistitem[type="favicon"] .ac-separator,
.autocomplete-richlistitem[type="bookmark"] .ac-separator
{
order: 2;
-moz-margin-start: 6px;
-moz-margin-end: 6px;
}
.autocomplete-richlistitem[type="favicon"] .ac-url,
.autocomplete-richlistitem[type="bookmark"] .ac-url
{
order: 1;
}
.ac-url-text
{
}
.ac-action
{
}
.autocomplete-richlistitem[type="switchtab"] .ac-type-icon,
.autocomplete-richlistitem[type="switchtab"] .ac-site-icon,
.autocomplete-richlistitem[type="searchengine"] .ac-type-icon,
.autocomplete-richlistitem[type="searchengine"] .ac-site-icon,
.autocomplete-richlistitem[actiontype="visiturl"] .ac-type-icon,
.autocomplete-richlistitem[actiontype="visiturl"] .ac-site-icon
{
margin-top: 0;
}
.autocomplete-richlistitem[type="switchtab"] .ac-separator,
.autocomplete-richlistitem[type="switchtab"] .ac-action,
.autocomplete-richlistitem[type="switchtab"] .ac-url,
.autocomplete-richlistitem[type="searchengine"] .ac-separator,
.autocomplete-richlistitem[type="searchengine"] .ac-action,
.autocomplete-richlistitem[type="searchengine"] .ac-url,
.autocomplete-richlistitem[actiontype="visiturl"] .ac-separator,
.autocomplete-richlistitem[actiontype="visiturl"] .ac-action,
.autocomplete-richlistitem[actiontype="visiturl"] .ac-url
{
margin-bottom: 0;
}
.autocomplete-richlistitem[type="favicon"] .ac-url-text,
.autocomplete-richlistitem[type="bookmark"] .ac-url-text
{
max-width: none !important;
/* or initial*/;
}
}
/* color names, hexcodes, rgb(a) and hsl(a) and gradients can be used */
/*******************************************/
/* selected tab ****************************/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected] .tab-content {
background: linear-gradient(to bottom,#FF8800,#FFCC99) !important;
}
/* background color on toolbars */
/*#main-window * #navigator-toolbox toolbar:not(#TabsToolbar):not(#toolbar-menubar) {*/
/* background: linear-gradient(to bottom,#FFCC99,#FFCC99) !important;*/
/*}*/
/* tabs height for "classic tabs" */
:root {
--tab-min-height: 26px !important;
}
/* adjust tab toolbars buttons for squared tabs */
#TabsToolbar #alltabs-button .toolbarbutton-icon,
#TabsToolbar > #new-tab-button .toolbarbutton-icon,
#TabsToolbar > toolbarpaletteitem > #new-tab-button .toolbarbutton-icon {
padding: 3px !important;
}
/* remove tab fog */
#TabsToolbar:not(:-moz-lwtheme),
#TabsToolbar:not(:-moz-lwtheme)::before,
#TabsToolbar:not(:-moz-lwtheme)::after {
box-shadow: unset !important;
}
/*******************************************/
/**** default themes tab colors [start] ****/
/*******************************************/
/* black tab text color */
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
color: #000000 !important;
}
/* default tabs color */
#TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content {
background-image: linear-gradient(to top,#aeaba5,#c1beb7,#c9c6be) !important;
}
/* selected tabs color */
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content[selected="true"] {
background-image: linear-gradient(to top,#f9f9fa,#f9f9fa,#f9f9fa) !important;
}
/* hovered tabs color */
#TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button:hover,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:hover .tab-content:not([selected="true"]) {
background-image: linear-gradient(to top,#cac7c1,#d5d2cc,#e8e6e2) !important;
}
/* unloaded/pending tabs color *//*
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab[pending] .tab-content {
background: red !important;
}
/* unread tabs color *//*
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab[unread] .tab-content {
background: purple !important;
}
/* tab border color */
#TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content {
border-top: 1px solid #5f7181 !important;
border-left: 1px solid #5f7181 !important;
border-right: 1px solid #5f7181 !important;
}
#TabsToolbar .tabs-newtab-button {
border-top: 1px solid rgba(0,0,0,.2) !important;
border-left: 1px solid rgba(0,0,0,.2) !important;
border-right: 1px solid rgba(0,0,0,.2) !important;
}
#TabsToolbar .tabbrowser-tab:not(:-moz-lwtheme):not([selected]) .tab-content {
border-top: 1px solid rgba(0,0,0,.5) !important;
border-left: 1px solid rgba(0,0,0,.5) !important;
border-right: 1px solid rgba(0,0,0,.5) !important;
}
/* new tab icon color */
#TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button/*,
#TabsToolbar:not(:-moz-lwtheme) > #new-tab-button,
#TabsToolbar:not(:-moz-lwtheme) > toolbarpaletteitem > #new-tab-button*/ {
fill: black !important;
color: black !important;
}
/*******************************************/
/***** default themes tab colors [end] *****/
/*******************************************/
/********************************************/
/******* lw-themes tab colors [start] *******/
/********************************************/
/* lightweight theme tab colors*/
.tabs-newtab-button:-moz-lwtheme-darktext,
.tabbrowser-tab:not([selected]):-moz-lwtheme-darktext .tab-content {
background-image: linear-gradient(hsla(0,0%,60%,.5), hsla(0,0%,45%,.5) 80%) !important;
}
.tabs-newtab-button:hover:-moz-lwtheme-darktext,
.tabbrowser-tab:not([selected]):hover:-moz-lwtheme-darktext .tab-content {
background-image: linear-gradient(hsla(0,0%,80%,.5), hsla(0,0%,60%,.5) 80%) !important;
}
.tabs-newtab-button:-moz-lwtheme-brighttext,
.tabbrowser-tab:not([selected]):-moz-lwtheme-brighttext .tab-content {
background-image: linear-gradient(hsla(0,0%,40%,.6), hsla(0,0%,30%,.6) 80%) !important;
}
.tabs-newtab-button:hover:-moz-lwtheme-brighttext,
.tabbrowser-tab:not([selected]):hover:-moz-lwtheme-brighttext .tab-content {
background-image: linear-gradient(hsla(0,0%,60%,.6), hsla(0,0%,45%,.6) 80%) !important;
}
.tabbrowser-tab:not([selected]):not(:hover):-moz-lwtheme-brighttext {
background: unset !important;
}
/* compact dark lw-theme */
#main-window[style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");'] .tabs-newtab-button:-moz-lwtheme-brighttext,
#main-window[style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");'] .tabbrowser-tab:not([selected]):-moz-lwtheme-brighttext .tab-content {
background-image: linear-gradient(rgba(71,71,71,.99), rgba(71,71,71,.99)) !important;
}
#main-window[style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");'] .tabs-newtab-button:hover:-moz-lwtheme-brighttext,
#main-window[style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");'] .tabbrowser-tab:not([selected]):hover:-moz-lwtheme-brighttext .tab-content {
background-image: linear-gradient(rgba(91,91,91,.99), rgba(91,91,91,.99)) !important;
}
.tabbrowser-tab[selected]:-moz-lwtheme-darktext .tab-content {
border-top: 1px solid rgba(0,0,0,.5) !important;
border-left: 1px solid rgba(0,0,0,.4) !important;
border-right: 1px solid rgba(0,0,0,.4) !important;
}
.tabbrowser-tab[selected]:-moz-lwtheme-brighttext .tab-content {
border-top: 1px solid rgba(255,255,255,.6) !important;
border-left: 1px solid rgba(255,255,255,.2) !important;
border-right: 1px solid rgba(255,255,255,.2) !important;
}
#TabsToolbar:-moz-lwtheme .tabs-newtab-button:-moz-lwtheme-darktext,
.tabbrowser-tab .tab-content:-moz-lwtheme-darktext {
border-top: 1px solid rgba(0,0,0,.2) !important;
border-left: 1px solid rgba(0,0,0,.2) !important;
border-right: 1px solid rgba(0,0,0,.2) !important;
}
#TabsToolbar:-moz-lwtheme .tabs-newtab-button:-moz-lwtheme-brighttext,
.tabbrowser-tab .tab-content:-moz-lwtheme-brighttext {
border-top: 1px solid rgba(255,255,255,.6) !important;
border-left: 1px solid rgba(255,255,255,.2) !important;
border-right: 1px solid rgba(255,255,255,.2) !important;
}
/********************************************/
/******** lw-themes tab colors [end] ********/
/********************************************/
/* tab line & tab background*/
.tabbrowser-tab:-moz-lwtheme[selected] .tab-line[selected=true] {
height: 0px !important;
}
.tabbrowser-tab > .tab-stack > .tab-background > .tab-line[selected=true],
.tabbrowser-tab:hover > .tab-stack > .tab-background > .tab-line:not([selected=true]) {
background-color: rgba(0,0,0,.2);
opacity: 0 !important;
}
.tabbrowser-tab .tab-background[selected=true] {
border-image: unset !important;
border-image-slice: 0 !important;
}
.tabbrowser-tab:not([selected]) .tab-background{
display: none !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
background-color: rgba(0,0,0,.0) !important;
}
/* tab top border roundness */
#TabsToolbar .tabs-newtab-button,
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-stack,
#TabsToolbar .tabbrowser-tab .tab-background,
#TabsToolbar .tabbrowser-tab .tab-content {
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
}
/* loading animation */
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:not([visuallyselected=true]) {
--tab-loading-fill: #0A84FF !important;
}
/* space between tabs */
.tabs-newtab-button,
.tabbrowser-tab:not([pinned]) {
-moz-margin-start: 0px !important;
}
/* width of new tab tab */
#TabsToolbar .tabs-newtab-button{
min-width: 0px !important;
width: 28px !important;
margin-bottom: -1px !important;
}
/* size of new tab tabs '+' icon */
.tabs-newtab-button .toolbarbutton-icon{
min-width: 0px !important;
min-height: 0px !important;
width: 14px !important;
height: 14px !important;
margin: 0px !important;
margin-bottom: 0px !important;
padding: 0px !important;
background: unset !important;
box-shadow: unset !important;
}
/* tab close icon size and position */
.tabbrowser-tab:not([pinned]) .close-icon > .toolbarbutton-icon {
width: 16px !important;
height: 16px !important;
-moz-margin-end:-4px !important;
}
:root[uidensity=touch] .tabbrowser-tab:not([pinned]) .close-icon > .toolbarbutton-icon {
margin-top: -8px !important;
margin-bottom: -8px !important;
}
/*tab favicon position*/
.tabbrowser-tab:not([pinned]):not([locked]) .tab-throbber,
.tabbrowser-tab:not([pinned]) .tab-icon-image{
-moz-margin-start:-6px !important;
}
/* reduce minimum tab height */
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: var(--tab-min-height) !important;
}
#TabsToolbar #tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] {
min-height: calc( var(--tab-min-height) - 1px ) !important;
max-height: calc( var(--tab-min-height) - 1px ) !important;
}
/* Windows 10 fix ['@media (-moz-os-version: windows-win10)' currently broken on Windows 10FCU] */
.titlebar-button {
padding-top: 7px !important;
padding-bottom: 7px !important;
}
/*pinned tabs*/
#TabsToolbar .tab-content[pinned] {
padding: 0 6px !important;
}
/* remove top line above tabs for lw-themes */
#main-window:-moz-lwtheme #browser-panel{
border: unset !important;
box-shadow: unset !important;
}
/* hide tab separators */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
opacity: 0 !important;
border-image: unset !important;
border-image-slice: unset !important;
width: unset !important;
}
#tabbrowser-tabs[movingtab] > .tabbrowser-tab[beforeselected]:not([last-visible-tab])::after,
.tabbrowser-tab:not([selected]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before,
#tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([selected]):not([beforehovered]):not(:hover)::after {
content: unset !important;
display: unset !important;
}
/**/
/* remove crap set by Firefox 58+ */
.tabbrowser-tab,
.tab-stack,
.tab-background {
border: unset !important;
}
.tabbrowser-tab::after,
.tabbrowser-tab::before {
border-left: unset !important;
border-image: unset !important;
border-image-slice: unset !important;
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
}
:root[tabsintitlebar]:not([extradragspace]) #toolbar-menubar[autohide=true] ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab::after,
:root[tabsintitlebar]:not([extradragspace]) #toolbar-menubar[autohide=true] ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab::before,
.tabbrowser-tab:hover::before,
.tabbrowser-tab[last-visible-tab]:hover::after,
#tabbrowser-tabs:not([movingtab]) > .tabbrowser-tab[afterhovered]::before {
border-image: unset !important;
border-image-slice: unset !important;
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
}
/**/
/**/
/*AGENT_SHEET*/
/* Firefox 57+ userChrome.css tweaks ****************************************************/
/* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/
/* by Aris ([email protected])*********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/
#alltabs-button{
visibility: visible !important;
}
/* blank new tab page */
@-moz-document url("about:newtab") { *{display: none !important;}}
/* use 'about:config > browser.tabs.tabMinWidth' for tab min-width *//*
.tabbrowser-tab:not([pinned]) {
min-width: 50px !important;
clip-width: 50px !important;
*/
/* tabs toolbar adjustment */
#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#TabsToolbar{
-moz-padding-start: 2px !important;
}
#main-window[tabsintitlebar][sizemode="normal"]:not([inFullscreen]) #TabsToolbar {
margin-top: 0px !important;
}
/* fix for application/hamburger button in titlebar */
#main-window[tabsintitlebar][inFullscreen] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar #PanelUI-button {
visibility: collapse !important;
}
/* tab height */
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: 25px !important;
}
/* toolbar order (start) ************************************/
#print-preview-toolbar,
#printedit-toolbar,
#titlebar {
-moz-box-ordinal-group: 0 !important;
}
#navigator-toolbox #toolbar-menubar {
-moz-box-ordinal-group: 1 !important;
}
/* navigation toolbar */
#navigator-toolbox #nav-bar {
-moz-box-ordinal-group: 2 !important;
}
/* bookmarks toolbar */
#navigator-toolbox #PersonalToolbar {
-moz-box-ordinal-group: 3 !important;
}
/* 3rd party toolbars */
#navigator-toolbox toolbar {
-moz-box-ordinal-group: 10 !important;
}
/* tabs toolbar */
#navigator-toolbox #TabsToolbar {
-moz-box-ordinal-group: 100 !important;
}
/* toolbar order (end) **************************************/
/* toolbar colors */
/*#TabsToolbar:not(:-moz-lwtheme){ */
/* -moz-appearance: none !important;
/* background-image: linear-gradient(#f9f9fa,#f9f9fa) !important; */
/*} */
#TabsToolbar:-moz-lwtheme{
background: rgba(255,255,255,0.4) !important;
}
/* toolbar borders */
#main-window #navigator-toolbox::after {
/*border-bottom: unset !important;*/
opacity: 0 !important;
}
#TabsToolbar{
margin-bottom: 0px !important;
border-bottom: 1px solid #5f7181 !important;
}
#main-window[sizemode="normal"] #TabsToolbar:not(:-moz-lwtheme){
border-left: 1px solid #5f7181 !important;
border-right: 1px solid #5f7181 !important;
}
#main-window:not([inFullscreen="true"])[tabsintitlebar] #TabsToolbar{
-moz-margin-end: 0px !important;
}
#main-window[tabsintitlebar] #TabsToolbar .titlebar-placeholder{
visibility: collapse !important;
}
#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"],
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {
margin-top: 21px !important;
}
#tabbrowser-tabs .tab-drop-indicator {
margin-bottom: 0px !important;
}
#PersonalToolbar:-moz-lwtheme,
#nav-bar:-moz-lwtheme {
background-image: none !important;
box-shadow: none !important;
border-top: none !important;
border-bottom: none !important;
}
/* remove tab fog */
#TabsToolbar:not(:-moz-lwtheme),
#TabsToolbar:not(:-moz-lwtheme)::before,
#TabsToolbar:not(:-moz-lwtheme)::after {
box-shadow: unset !important;
}
/* remove 'dragging tab' margin/padding nonsense */
#TabsToolbar[movingtab] {
padding-bottom: unset !important;
}
#TabsToolbar[movingtab] > .tabbrowser-tabs {
padding-bottom: unset !important;
margin-bottom: unset !important;
}
#TabsToolbar[movingtab] + #nav-bar {
margin-top: unset !important;
}
/* scroll buttons */
#TabsToolbar:not(:-moz-lwtheme) #alltabs-button,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-up,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-down {
fill: black !important;
}
/* tweaks for Windows Classic theme *//*
#nav-bar:not(:-moz-lwtheme),
#PersonalToolbar:not(:-moz-lwtheme),
#main-window:not([tabsintitlebar]) #TabsToolbar:not(:-moz-lwtheme) {
border-left: unset !important;
border-right: unset !important;
background: unset !important;
}
#main-window:not([tabsintitlebar]) #toolbar-menubar:not(:-moz-lwtheme) {
background: unset !important;
box-shadow: unset !important;
border-bottom: unset !important;
}
#main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox,
#main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar,
#main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox::before,
#main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar::before,
#main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox::after,
#main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar::after {
background: unset !important;
box-shadow: unset !important;
border: unset !important;
border-image: unset !important;
}
#main-window:not([tabsintitlebar]) toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme) {
background: unset !important;
}
/*
* Eliminate the throbber and its annoying movement:
*
* #throbber-box {
* display: none !important;
* }
*/
/* Tabs Minimum Width Before Scrolling Occurs */
.tabbrowser-tab[fadein]:not([pinned]) { min-width: 10px !important; }
@-moz-document url(chrome://browser/content/browser.xul)
{
richlistbox.autocomplete-richlistbox
{
max-height: 310px !important;
}
.ac-type-icon, .ac-site-icon:not([type="insecureWarning"])
{
/* for all awesomebar suggestions icons (except those for contextual feedback on insecure passwords) */
margin-top: 6px;
}
.ac-site-icon[type="insecureWarning"], .ac-site-icon[type="login"]
{
/* for the icons in contextual feedback on insecure passwords */
margin-top: 0;
}
/*.ac-title,*/ .ac-separator, .ac-url, .ac-action
{
font-size: 14px !important;
}
.autocomplete-richlistitem[collapsed="true"]
{
height: 0 !important;
min-height: 0 !important;
}
.autocomplete-richlistitem[type="favicon"] .ac-title,
.autocomplete-richlistitem[type="favicon"] .ac-separator,
.autocomplete-richlistitem[type="favicon"] .ac-url,
.autocomplete-richlistitem[type="bookmark"] .ac-title,
.autocomplete-richlistitem[type="bookmark"] .ac-separator,
.autocomplete-richlistitem[type="bookmark"] .ac-url
{
height: 16px;
margin-top: 6px;
}
.autocomplete-richlistitem[type="favicon"],
.autocomplete-richlistitem[type="bookmark"]
{
display: flex;
}
.autocomplete-richlistitem[type="favicon"],
.autocomplete-richlistitem[type="bookmark"]
{
display: flex;
}
.autocomplete-richlistitem[type="favicon"] .ac-title,
.autocomplete-richlistitem[type="bookmark"] .ac-title
{
order: 3;
}
.ac-title-text
{
}
.ac-tags
{
}
.autocomplete-richlistitem[type="favicon"] .ac-separator,
.autocomplete-richlistitem[type="bookmark"] .ac-separator
{
order: 2;
-moz-margin-start: 6px;
-moz-margin-end: 6px;
}
.autocomplete-richlistitem[type="favicon"] .ac-url,
.autocomplete-richlistitem[type="bookmark"] .ac-url
{
order: 1;
}
.ac-url-text
{
}
.ac-action
{
}
.autocomplete-richlistitem[type="switchtab"] .ac-type-icon,
.autocomplete-richlistitem[type="switchtab"] .ac-site-icon,
.autocomplete-richlistitem[type="searchengine"] .ac-type-icon,
.autocomplete-richlistitem[type="searchengine"] .ac-site-icon,
.autocomplete-richlistitem[actiontype="visiturl"] .ac-type-icon,
.autocomplete-richlistitem[actiontype="visiturl"] .ac-site-icon
{
margin-top: 0;
}
.autocomplete-richlistitem[type="switchtab"] .ac-separator,
.autocomplete-richlistitem[type="switchtab"] .ac-action,
.autocomplete-richlistitem[type="switchtab"] .ac-url,
.autocomplete-richlistitem[type="searchengine"] .ac-separator,
.autocomplete-richlistitem[type="searchengine"] .ac-action,
.autocomplete-richlistitem[type="searchengine"] .ac-url,
.autocomplete-richlistitem[actiontype="visiturl"] .ac-separator,
.autocomplete-richlistitem[actiontype="visiturl"] .ac-action,
.autocomplete-richlistitem[actiontype="visiturl"] .ac-url
{
margin-bottom: 0;
}
.autocomplete-richlistitem[type="favicon"] .ac-url-text,
.autocomplete-richlistitem[type="bookmark"] .ac-url-text
{
max-width: none !important;
/* or initial*/;
}
}
/* color names, hexcodes, rgb(a) and hsl(a) and gradients can be used */
/*******************************************/
/* selected tab ****************************/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected] .tab-content {
background: linear-gradient(to bottom,#FF8800,#FFCC99) !important;
}
/* background color on toolbars */
/*#main-window * #navigator-toolbox toolbar:not(#TabsToolbar):not(#toolbar-menubar) {*/
/* background: linear-gradient(to bottom,#FFCC99,#FFCC99) !important;*/
/*}*/
/* tabs height for "classic tabs" */
:root {
--tab-min-height: 26px !important;
}
/* adjust tab toolbars buttons for squared tabs */
#TabsToolbar #alltabs-button .toolbarbutton-icon,
#TabsToolbar > #new-tab-button .toolbarbutton-icon,
#TabsToolbar > toolbarpaletteitem > #new-tab-button .toolbarbutton-icon {
padding: 3px !important;
}
/* remove tab fog */
#TabsToolbar:not(:-moz-lwtheme),
#TabsToolbar:not(:-moz-lwtheme)::before,
#TabsToolbar:not(:-moz-lwtheme)::after {
box-shadow: unset !important;
}
/*******************************************/
/**** default themes tab colors [start] ****/
/*******************************************/
/* black tab text color */
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
color: #000000 !important;
}
/* default tabs color */
#TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content {
background-image: linear-gradient(to top,#aeaba5,#c1beb7,#c9c6be) !important;
}
/* selected tabs color */
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content[selected="true"] {
background-image: linear-gradient(to top,#f9f9fa,#f9f9fa,#f9f9fa) !important;
}
/* hovered tabs color */
#TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button:hover,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:hover .tab-content:not([selected="true"]) {
background-image: linear-gradient(to top,#cac7c1,#d5d2cc,#e8e6e2) !important;
}
/* unloaded/pending tabs color *//*
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab[pending] .tab-content {
background: red !important;
}
/* unread tabs color *//*
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab[unread] .tab-content {
background: purple !important;
}
/* tab border color */
#TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content {
border-top: 1px solid #5f7181 !important;
border-left: 1px solid #5f7181 !important;
border-right: 1px solid #5f7181 !important;
}
#TabsToolbar .tabs-newtab-button {
border-top: 1px solid rgba(0,0,0,.2) !important;
border-left: 1px solid rgba(0,0,0,.2) !important;
border-right: 1px solid rgba(0,0,0,.2) !important;
}
#TabsToolbar .tabbrowser-tab:not(:-moz-lwtheme):not([selected]) .tab-content {
border-top: 1px solid rgba(0,0,0,.5) !important;
border-left: 1px solid rgba(0,0,0,.5) !important;
border-right: 1px solid rgba(0,0,0,.5) !important;
}
/* new tab icon color */
#TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button/*,
#TabsToolbar:not(:-moz-lwtheme) > #new-tab-button,
#TabsToolbar:not(:-moz-lwtheme) > toolbarpaletteitem > #new-tab-button*/ {
fill: black !important;
color: black !important;
}
/*******************************************/
/***** default themes tab colors [end] *****/
/*******************************************/
/********************************************/
/******* lw-themes tab colors [start] *******/
/********************************************/
/* lightweight theme tab colors*/
.tabs-newtab-button:-moz-lwtheme-darktext,
.tabbrowser-tab:not([selected]):-moz-lwtheme-darktext .tab-content {
background-image: linear-gradient(hsla(0,0%,60%,.5), hsla(0,0%,45%,.5) 80%) !important;
}
.tabs-newtab-button:hover:-moz-lwtheme-darktext,
.tabbrowser-tab:not([selected]):hover:-moz-lwtheme-darktext .tab-content {
background-image: linear-gradient(hsla(0,0%,80%,.5), hsla(0,0%,60%,.5) 80%) !important;
}
.tabs-newtab-button:-moz-lwtheme-brighttext,
.tabbrowser-tab:not([selected]):-moz-lwtheme-brighttext .tab-content {
background-image: linear-gradient(hsla(0,0%,40%,.6), hsla(0,0%,30%,.6) 80%) !important;
}
.tabs-newtab-button:hover:-moz-lwtheme-brighttext,
.tabbrowser-tab:not([selected]):hover:-moz-lwtheme-brighttext .tab-content {
background-image: linear-gradient(hsla(0,0%,60%,.6), hsla(0,0%,45%,.6) 80%) !important;
}
.tabbrowser-tab:not([selected]):not(:hover):-moz-lwtheme-brighttext {
background: unset !important;
}
/* compact dark lw-theme */
#main-window[style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");'] .tabs-newtab-button:-moz-lwtheme-brighttext,
#main-window[style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");'] .tabbrowser-tab:not([selected]):-moz-lwtheme-brighttext .tab-content {
background-image: linear-gradient(rgba(71,71,71,.99), rgba(71,71,71,.99)) !important;
}
#main-window[style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");'] .tabs-newtab-button:hover:-moz-lwtheme-brighttext,
#main-window[style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");'] .tabbrowser-tab:not([selected]):hover:-moz-lwtheme-brighttext .tab-content {
background-image: linear-gradient(rgba(91,91,91,.99), rgba(91,91,91,.99)) !important;
}
.tabbrowser-tab[selected]:-moz-lwtheme-darktext .tab-content {
border-top: 1px solid rgba(0,0,0,.5) !important;
border-left: 1px solid rgba(0,0,0,.4) !important;
border-right: 1px solid rgba(0,0,0,.4) !important;
}
.tabbrowser-tab[selected]:-moz-lwtheme-brighttext .tab-content {
border-top: 1px solid rgba(255,255,255,.6) !important;
border-left: 1px solid rgba(255,255,255,.2) !important;
border-right: 1px solid rgba(255,255,255,.2) !important;
}
#TabsToolbar:-moz-lwtheme .tabs-newtab-button:-moz-lwtheme-darktext,
.tabbrowser-tab .tab-content:-moz-lwtheme-darktext {
border-top: 1px solid rgba(0,0,0,.2) !important;
border-left: 1px solid rgba(0,0,0,.2) !important;
border-right: 1px solid rgba(0,0,0,.2) !important;
}
#TabsToolbar:-moz-lwtheme .tabs-newtab-button:-moz-lwtheme-brighttext,
.tabbrowser-tab .tab-content:-moz-lwtheme-brighttext {
border-top: 1px solid rgba(255,255,255,.6) !important;
border-left: 1px solid rgba(255,255,255,.2) !important;
border-right: 1px solid rgba(255,255,255,.2) !important;
}
/********************************************/
/******** lw-themes tab colors [end] ********/
/********************************************/
/* tab line & tab background*/
.tabbrowser-tab:-moz-lwtheme[selected] .tab-line[selected=true] {
height: 0px !important;
}
.tabbrowser-tab > .tab-stack > .tab-background > .tab-line[selected=true],
.tabbrowser-tab:hover > .tab-stack > .tab-background > .tab-line:not([selected=true]) {
background-color: rgba(0,0,0,.2);
opacity: 0 !important;
}
.tabbrowser-tab .tab-background[selected=true] {
border-image: unset !important;
border-image-slice: 0 !important;
}
.tabbrowser-tab:not([selected]) .tab-background{
display: none !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
background-color: rgba(0,0,0,.0) !important;
}
/* tab top border roundness */
#TabsToolbar .tabs-newtab-button,
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-stack,
#TabsToolbar .tabbrowser-tab .tab-background,
#TabsToolbar .tabbrowser-tab .tab-content {
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
}
/* loading animation */
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:not([visuallyselected=true]) {
--tab-loading-fill: #0A84FF !important;
}
/* space between tabs */
.tabs-newtab-button,
.tabbrowser-tab:not([pinned]) {
-moz-margin-start: 0px !important;
}
/* width of new tab tab */
#TabsToolbar .tabs-newtab-button{
min-width: 0px !important;
width: 28px !important;
margin-bottom: -1px !important;
}
/* size of new tab tabs '+' icon */
.tabs-newtab-button .toolbarbutton-icon{
min-width: 0px !important;
min-height: 0px !important;
width: 14px !important;
height: 14px !important;
margin: 0px !important;
margin-bottom: 0px !important;
padding: 0px !important;
background: unset !important;
box-shadow: unset !important;
}
/* tab close icon size and position */
.tabbrowser-tab:not([pinned]) .close-icon > .toolbarbutton-icon {
width: 16px !important;
height: 16px !important;
-moz-margin-end:-4px !important;
}
:root[uidensity=touch] .tabbrowser-tab:not([pinned]) .close-icon > .toolbarbutton-icon {
margin-top: -8px !important;
margin-bottom: -8px !important;
}
/*tab favicon position*/
.tabbrowser-tab:not([pinned]):not([locked]) .tab-throbber,
.tabbrowser-tab:not([pinned]) .tab-icon-image{
-moz-margin-start:-6px !important;
}
/* reduce minimum tab height */
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: var(--tab-min-height) !important;
}
#TabsToolbar #tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] {
min-height: calc( var(--tab-min-height) - 1px ) !important;
max-height: calc( var(--tab-min-height) - 1px ) !important;
}
/* Windows 10 fix ['@media (-moz-os-version: windows-win10)' currently broken on Windows 10FCU] */
.titlebar-button {
padding-top: 7px !important;
padding-bottom: 7px !important;
}
/*pinned tabs*/
#TabsToolbar .tab-content[pinned] {
padding: 0 6px !important;
}
/* remove top line above tabs for lw-themes */
#main-window:-moz-lwtheme #browser-panel{
border: unset !important;
box-shadow: unset !important;
}
/* hide tab separators */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
opacity: 0 !important;
border-image: unset !important;
border-image-slice: unset !important;
width: unset !important;
}
#tabbrowser-tabs[movingtab] > .tabbrowser-tab[beforeselected]:not([last-visible-tab])::after,
.tabbrowser-tab:not([selected]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before,
#tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([selected]):not([beforehovered]):not(:hover)::after {
content: unset !important;
display: unset !important;
}
/**/
/* remove crap set by Firefox 58+ */
.tabbrowser-tab,
.tab-stack,
.tab-background {
border: unset !important;
}
.tabbrowser-tab::after,
.tabbrowser-tab::before {
border-left: unset !important;
border-image: unset !important;
border-image-slice: unset !important;
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
}
:root[tabsintitlebar]:not([extradragspace]) #toolbar-menubar[autohide=true] ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab::after,
:root[tabsintitlebar]:not([extradragspace]) #toolbar-menubar[autohide=true] ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab::before,
.tabbrowser-tab:hover::before,
.tabbrowser-tab[last-visible-tab]:hover::after,
#tabbrowser-tabs:not([movingtab]) > .tabbrowser-tab[afterhovered]::before {
border-image: unset !important;
border-image-slice: unset !important;
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
}
/**/
/**/