Tab mit Plus-Zeichen ganz rechts in Firefox 112

AndreasR

Hallo,

mit Version 112 ist das Plus-Zeichen direkt rechts neben der Tab-Leiste verschwunden. Kann man das wieder einschalten? Ich finde es sehr nervig, nur für einen neuen Tab von der Maus zur Tastatur zu wechseln und dann wieder zurück zur Maus, um das Lesezeichen anzuklicken.

LG

A.

2002Andreas

Zitat von AndreasR

mit Version 112 ist das Plus-Zeichen direkt rechts neben der Tab-Leiste verschwunden.

Fx 111:

Fx 112:

Welches Pluszeichen meinst du denn genau

Das dient nur zum Testen, und ist keine Lösung des Problems!

Versuch es bitte mal damit: Firefox im Fehlerbehebungsmodus starten

Über: Hilfe..Fehlerbehebungsmodus ...

oder die Umschalt/Option-Taste gedrückt halten und den Firefox starten.

Ist es dann bei dir wieder da?

Sören Hentzschel

Hallo,

ausgehend vom letzten Beitrag des Themenerstellers (schon etwas her) werden Anpassungen via userChrome.css für die Tableiste verwendet. Dort wird auch die Ursache zu finden sein, sofern diese Anpassungen noch immer genutzt werden. In dem Fall bitte hier den Code teilen, der aktuell verwendet wird.

schlingo

Zitat von AndreasR

für einen neuen Tab von der Maus zur Tastatur zu wechseln und dann wieder zurück zur Maus, um das Lesezeichen anzuklicken

Hallo Andreas

davon abgesehen, dass Du zum Aufrufen eines Lesezeichens doch keinen neuen Tab öffnen musst, kennst Du Datei → Neuer Tab (oder auch im Hamburger-Menü ganz oben)?

Dafür benötigst Du keine Tapsatur.

Zitat von 2002Andreas

Welches Pluszeichen meinst du denn genau

Gruß Ingo

2002Andreas

Zitat von schlingo

Gruß Ingo

Das ist aber nicht:

Zitat von AndreasR

rechts neben der Tab-Leiste verschwunden

Sondern neben dem letzten geöffneten Tab.

Sören Hentzschel

Naja, „neben den Tabs“ dürfte aber gemeint sein, da sich die Tableiste über die volle Breite erstreckt und „neben der Tableiste“ ansonsten außerhalb von Firefox wäre. Und neben den Tabs gibt es ja normalerweise das Plus-Symbol mit genau dieser Funktion.

AndreasR

Zitat von Sören Hentzschel

In dem Fall bitte hier den Code teilen, der aktuell verwendet wird.

CSS

@import "./tabs_below_navigation_toolbar_fx89.css";


@import "./classic_squared_tabs.css";


@import "./pinnedtab_empty_favicon_hidden.css";


--------------------


/* Firefox Quantum userChrome.css tweaks ************************************************/

/* Github: https://github.com/aris-t2/customcssforfx ************************************/

/****************************************************************************************/



@import "./tabs_below_navigation_toolbar_fx74.css";


#navigator-toolbox {

position: relative;

}


--------------------

/* Firefox Quantum userChrome.css tweaks ************************************************/

/* Github: https://github.com/aris-t2/customcssforfx ************************************/

/****************************************************************************************/



@import "./tabs_below_navigation_toolbar_fx72.css";


/* [!] NOT A STANDALONE FILE! */

/* [!] This code does not achieve the requested result without above files content! */


/* caption button position in maximized mode after moving to the top */

#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container,

#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #TabsToolbar .titlebar-buttonbox-container {

top: 0px !important;

}



/* Windows */

[user='47512']Media[/user] (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {

#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {

top: 1px !important;

}

#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {

top: 8px !important;

}

}


/* Windows 7/8 extra tweaks */

[user='47512']Media[/user] (-moz-os-version: windows-win7) {

[user='47512']Media[/user] all and (-moz-windows-compositor) {

#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {

display: none !important;

}

#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]):-moz-lwtheme #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {

display: flex !important;

}

}

[user='47512']Media[/user] not all and (-moz-windows-compositor) {

#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {

top: -2px !important;

}

#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {

top: 0px !important;

}

}

}


[user='47512']Media[/user] (-moz-os-version:windows-win8) {

#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {

top: -13px !important;

}

#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {

top: -5px !important;

}

}


toolbarbutton#scrollbutton-up[part="scrollbutton-up"],

toolbarbutton#scrollbutton-down[part="scrollbutton-down"] {

fill: var(--classic_squared_tabs_new_tab_icon_color) !important;

color: var(--classic_squared_tabs_new_tab_icon_color) !important;

}




--------------------


/* Firefox Quantum userChrome.css tweaks ************************************************/

/* Github: https://github.com/aris-t2/customcssforfx ************************************/

/****************************************************************************************/



@import "./tabs_below_navigation_toolbar_fx68.css";


/* [!] NOT A STANDALONE FILE! */

/* [!] This code does not achieve the requested result without above files content! */


/*

#TabsToolbar {

bottom: -3px !important;

}*/


#TabsToolbar {

min-height: 0 !important;

height: var(--tab-min-height_tnot) !important;

max-height: unset !important;

}


--------------------


/* Firefox Quantum userChrome.css tweaks ************************************************/

/* Github: https://github.com/aris-t2/customcssforfx ************************************/

/****************************************************************************************/



@import "./tabs_below_navigation_toolbar_fx65.css";


/* [!] NOT A STANDALONE FILE! */

/* [!] This code does not achieve the requested result without above files content! */


#TabsToolbar,

#main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme,

#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme {

border-bottom: 0 !important;

}


#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {

padding-bottom: calc(0px + var(--tab-min-height_tnot)) !important;

}


.urlbarView:not(.megabar),

#urlbar-results {

z-index: 100 !important;

}


/* Fx71+ fix */

:-moz-any(.tabs-newtab-button,#tabs-newtab-button,.scrollbutton-up,.scrollbutton-down):not(:-moz-lwtheme),

:-moz-any(.tabs-newtab-button,#tabs-newtab-button,.scrollbutton-up,.scrollbutton-down):-moz-lwtheme-darktext,

.tabbrowser-arrowscrollbox::part(scrollbutton-up),

.tabbrowser-arrowscrollbox::part(scrollbutton-down) {

fill: var(--classic_squared_tabs_new_tab_icon_color) !important;

color: var(--classic_squared_tabs_new_tab_icon_color) !important;

}


/* Fx76+ fix */

#tabbrowser-arrowscrollbox::part(scrollbutton-up),

#tabbrowser-arrowscrollbox::part(scrollbutton-down) {

fill: var(--classic_squared_tabs_new_tab_icon_color) !important;

color: var(--classic_squared_tabs_new_tab_icon_color) !important;

}


--------------------

/* Firefox Quantum userChrome.css tweaks ************************************************/

/* Github: https://github.com/aris-t2/customcssforfx ************************************/

/****************************************************************************************/



@import "./tabs_below_navigation_toolbar.css";


/* [!] NOT A STANDALONE FILE! */

/* [!] This code does not achieve the requested result without above files content! */


#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {

padding-bottom: calc(1px + var(--tab-min-height_tnot)) !important;

}


#TabsToolbar {

position: absolute !important;

display: block !important;

bottom: 0 !important;

width: 100vw !important;

}


#tabbrowser-tabs {

width: 100vw !important;

}


/* make sure button icon colors set correctly */

#main-window:not(:-moz-lwtheme) #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon,

#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon {

fill: var(--classic_squared_tabs_new_tab_icon_color) !important;

color: var(--classic_squared_tabs_new_tab_icon_color) !important;

}


/* move caption buttons to windows top right position */

#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {

position: fixed !important;

right: 0 !important;

visibility: visible !important;

display: block !important;

}


/* caption button position in maximized mode after moving to the top */

#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container,

#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #TabsToolbar .titlebar-buttonbox-container {

top: -14px !important;

}



/* Windows */

[user='47512']Media[/user] (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {

#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {

top: 1px !important;

}

#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {

top: 8px !important;

}

}


/* Windows 7 extra tweaks */

[user='47512']Media[/user] (-moz-os-version: windows-win7) {

[user='47512']Media[/user] all and (-moz-windows-compositor) {

#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {

display: none !important;

}

}

[user='47512']Media[/user] not all and (-moz-windows-compositor) {

#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {

top: -2px !important;

}

#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {

top: 0px !important;

}

#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"]:not([inactive="true"]) ~ #TabsToolbar .titlebar-buttonbox-container {

display: none !important;

}

}

}


/* Windows 10 extra tweaks */

[user='47512']Media[/user] (-moz-os-version: windows-win10) {

#main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme):hover:not([disabled="true"]),

#main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme)[_moz-menuactive="true"]:not([disabled="true"]) {

background-color: Highlight !important;

color: HighlightText !important;

}

}


/* tweaks for fullscreen mode */

#main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container,

#main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button,

#main-window #TabsToolbar #window-controls {

display: none !important;

}


/* hide non-required items */

#TabsToolbar .private-browsing-indicator,

#TabsToolbar #window-controls,

#TabsToolbar *[type="caption-buttons"],

#TabsToolbar *[type="pre-tabs"],

#TabsToolbar *[type="post-tabs"] {

display: none !important;

}


/* adjust tabs toolbar padding */

#main-window:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,

#main-window[tabsintitlebar]:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,

#main-window:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #TabsToolbar,

#main-window[tabsintitlebar]:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #TabsToolbar {

-moz-padding-start: 0px !important;

-moz-margin-start: 0px !important;

}


/* hide line above navigation toolbar appearing in some cases */

#main-window:not([tabsintitlebar]) #nav-bar,

#main-window:not([tabsintitlebar]) #navigator-toolbox {

border-top: 0 !important;

box-shadow: unset !important;

}


/* disable Mozillas tab jumping nonsense when moving tabs */

#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {

padding-bottom: unset !important;

}

#navigator-toolbox[movingtab] #tabbrowser-tabs {

padding-bottom: unset !important;

margin-bottom: unset !important;

}

#navigator-toolbox[movingtab] > #nav-bar {

margin-top: unset !important;

}


/* size of new tab tabs '+' icon */

.tabs-newtab-button .toolbarbutton-icon {

padding: 0px !important;

margin: 0px !important;

width: 18px !important;

height: 18px !important;

}


@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"),

url("chrome://browser/content/browser.xul"),

url("chrome://browser/content/history/history-panel.xul") {


#bookmarks-view,sidebarheader,#sidebar-box,.sidebar-placesTreechildren,#sidebar-search-label,#sidebar-search-container,#placesList > treechildren{

background:#FFFFFF!important}

}

/* Lesezeichen Sidebar - Ordnericon gelb */


@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xul") {


treechildren::-moz-tree-image(container) {

list-style-image: url("data:image/gif;base64,R0lGODlhEAAQAOZMAP/////MAF06AJhlAJNgAP//AP/lAP/UAJViAP/JANShAJRhAP/OAJRgAOy5AMaSAP/nAMyZAP/IAP/NAOazAP/RAMmVALaAAH5TAJNfAM2aAP/dT//XOv/KAOPOkMeRAP/nhOSxAOu4AP3KAOrTkv/nrv//1c6bAKdyAP/TAP/bPdWsMr6LA7iCALqGALiEAJNeAMCMAP/gcv/eYdGdAP/TEP/mgv/2y//gg/3JAP/ila97AP/aKsWPAJFbAJZgALeBAMiVAPC9AP/rOum2AHlQAP/4zP//z//jPpNdAP/LANixNP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEwALAAAAAAQABAAAAefgEyCg4SFhoeFDQ0LjIiCCyU5IwEBBAiXCAOEBDohFBREIg6jQgibODQKqgonDz0fPkkwDQMEMhYRERpBMUsAv8C1Mw8uLUAXKwA2EgkJDJoEGy8swAAgCZQMz0wEKigkN8wJHZQBFZrcPDsAHErllBMT6AQ1HkYVKQf6++hMGUgAhhgYSBAChH4/TBwpwLAhw35MMAiYSLFiEUcYmQQCADs=") !important;}


}


/* Lesezeichen verwalten - Ordnericon gelb */


@-moz-document url("chrome://browser/content/places/places.xul"){

treechildren::-moz-tree-image(container) {

list-style-image: url('data:image/gif;base64,R0lGODlhEAAQAOZMAP/////MAF06AJhlAJNgAP//AP/lAP/UAJViAP/JANShAJRhAP/OAJRgAOy5AMaSAP/nAMyZAP/IAP/NAOazAP/RAMmVALaAAH5TAJNfAM2aAP/dT//XOv/KAOPOkMeRAP/nhOSxAOu4AP3KAOrTkv/nrv//1c6bAKdyAP/TAP/bPdWsMr6LA7iCALqGALiEAJNeAMCMAP/gcv/eYdGdAP/TEP/mgv/2y//gg/3JAP/ila97AP/aKsWPAJFbAJZgALeBAMiVAPC9AP/rOum2AHlQAP/4zP//z//jPpNdAP/LANixNP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEwALAAAAAAQABAAAAefgEyCg4SFhoeFDQ0LjIiCCyU5IwEBBAiXCAOEBDohFBREIg6jQgibODQKqgonDz0fPkkwDQMEMhYRERpBMUsAv8C1Mw8uLUAXKwA2EgkJDJoEGy8swAAgCZQMz0wEKigkN8wJHZQBFZrcPDsAHErllBMT6AQ1HkYVKQf6++hMGUgAhhgYSBAChH4/TBwpwLAhw35MMAiYSLFiEUcYmQQCADs=')

!important; }

}


/* Lesezeichensymbolleiste - Ordnericon gelb */


@-moz-document url-prefix(chrome://browser/content/browser.xul){


.bookmark-item[container="true"]{

list-style-image: url("data:image/gif;base64,R0lGODlhEAAQAOZMAP/////MAF06AJhlAJNgAP//AP/lAP/UAJViAP/JANShAJRhAP/OAJRgAOy5AMaSAP/nAMyZAP/IAP/NAOazAP/RAMmVALaAAH5TAJNfAM2aAP/dT//XOv/KAOPOkMeRAP/nhOSxAOu4AP3KAOrTkv/nrv//1c6bAKdyAP/TAP/bPdWsMr6LA7iCALqGALiEAJNeAMCMAP/gcv/eYdGdAP/TEP/mgv/2y//gg/3JAP/ila97AP/aKsWPAJFbAJZgALeBAMiVAPC9AP/rOum2AHlQAP/4zP//z//jPpNdAP/LANixNP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEwALAAAAAAQABAAAAefgEyCg4SFhoeFDQ0LjIiCCyU5IwEBBAiXCAOEBDohFBREIg6jQgibODQKqgonDz0fPkkwDQMEMhYRERpBMUsAv8C1Mw8uLUAXKwA2EgkJDJoEGy8swAAgCZQMz0wEKigkN8wJHZQBFZrcPDsAHErllBMT6AQ1HkYVKQf6++hMGUgAhhgYSBAChH4/TBwpwLAhw35MMAiYSLFiEUcYmQQCADs=") !important;

-moz-image-region: rect(0px 16px 16px 0px) !important;}

}

/* Lesezeichensidebar Abstände kleiner */


.sidebar-placesTree treechildren::-moz-tree-row{

min-height: 20px !important;

height: 20px !important;

}

#main-menubar > *,

#PlacesToolbarItems > toolbarbutton{

font-size:12px!important;}













--------------------


/* Firefox Quantum userChrome.css tweaks ************************************************/

/* Github: https://github.com/aris-t2/customcssforfx ************************************/

/****************************************************************************************/



:root {

--colored_menubar_background_image: linear-gradient(#f9f9fa,#f9f9fa);

--general_toolbar_color_toolbars: linear-gradient(#f9f9fa,#f9f9fa);

--general_toolbar_color_navbar: linear-gradient(#f9f9fa,#f9f9fa);

--tabs_toolbar_color_tabs_not_on_top: linear-gradient(#f9f9fa,#f9f9fa);

--tabs_toolbar_border-tnot_normal_mode_size: 1px;

--tabs_toolbar_border-tnot_normal_mode: var(--tabs-border-color);

--classic_squared_tabs_tab_text_color: black;

--classic_squared_tabs_new_tab_icon_color: black;

--classic_squared_tabs_tab_text_shadow: transparent;

--tab-min-height_tnot: 32px;

}


:root[uidensity=compact] {

--tab-min-height_tnot: 28px;

}


:root[uidensity=touch] {

--tab-min-height_tnot: 40px;

}


/* 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] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,

#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,

#main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,

#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,

#TabsToolbar:-moz-lwtheme,

#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,

#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,

#main-window[sizemode="maximized"] #TabsToolbar,

#main-window[tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,

#main-window[tabsintitlebar][sizemode="maximized"]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,

#main-window[uidensity=compact][tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,

#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,

#main-window[tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #TabsToolbar {

-moz-padding-start: 0px !important;

}


#main-window[tabsintitlebar][sizemode="normal"]:not([sizemode="fullscreen"]) #TabsToolbar {

margin-top: 0px !important;

}


#main-window[tabsintitlebar][sizemode="normal"][chromehidden~="menubar"] #TabsToolbar,

#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar,

#main-window[tabsintitlebar][sizemode="maximized"][chromehidden~="menubar"] #TabsToolbar,

#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar {

padding-top: 0px !important;

}


#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"]:not([inactive="true"]) ~ #TabsToolbar,

#main-window[tabsintitlebar] #toolbar-menubar[autohide="false"] ~ #TabsToolbar{

margin-top: 0px !important;

}


/* tab title in titlebar support */

#main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox #TabsToolbar,

#main-window[uidensity=compact][tabsintitlebar][sizemode="normal"] #navigator-toolbox #TabsToolbar,

#main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox #TabsToolbar,

#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #navigator-toolbox #TabsToolbar,

#main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,

#main-window[uidensity=compact][tabsintitlebar][sizemode="normal"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,

#main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,

#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar{

margin-top: 0px !important;

}


/* titlebar button support */

#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar{

margin-top: 2px !important;

}


/* fix for application/hamburger button in titlebar */

#main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar #PanelUI-button {

visibility: collapse !important;

}


#main-window[inDOMFullscreen="true"] #TabsToolbar {

opacity: 0 !important;

}


/* tab height */

#tabbrowser-tabs,

#tabbrowser-tabs > .tabbrowser-arrowscrollbox,

.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {

min-height: var(--tab-min-height_tnot) !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 */

#main-window:not([tabsintitlebar]) #toolbar-menubar:not(:-moz-lwtheme) {

background-image: var(--colored_menubar_background_image) !important;

border: 0px !important;

margin-bottom: -1px !important;

}


#nav-bar:not(:-moz-lwtheme) {

-moz-appearance: none !important;

background: var(--general_toolbar_color_navbar, inherit) !important;

}


toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme) {

-moz-appearance: none !important;

background: var(--general_toolbar_color_toolbars, inherit) !important;

}

#TabsToolbar:not(:-moz-lwtheme){

-moz-appearance: none !important;

background-image: var(--tabs_toolbar_color_tabs_not_on_top) !important;

}


/* remove color overlay for lw-themes */

#main-window[style*='--lwt-header-image'] :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme{

background: unset !important;

}


/* adjust compact themes background color */

#main-window:not([style*='--lwt-header-image']) #TabsToolbar:-moz-lwtheme {

-moz-appearance: none !important;

background-image: linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)) !important;

}


#main-window:not(:-moz-lwtheme) #TabsToolbar :-moz-any(.tabs-newtab-button,.scrollbutton-up,.scrollbutton-down),

#main-window:not(:-moz-lwtheme) #TabsToolbar > toolbarbutton,

#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar :-moz-any(.tabs-newtab-button,.scrollbutton-up,.scrollbutton-down),

#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar > toolbarbutton {

fill: var(--classic_squared_tabs_new_tab_icon_color) !important;

color: var(--classic_squared_tabs_new_tab_icon_color) !important;

}


/* toolbar borders */

#main-window #navigator-toolbox::after {

opacity: 0 !important;

}


#TabsToolbar{

margin-bottom: 0px !important;

border-bottom: 1px solid #5f7181 !important;

}


#main-window[sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) {

border-left: var(--tabs_toolbar_border-tnot_normal_mode_size) solid var(--tabs_toolbar_border-tnot_normal_mode) !important;

border-right: var(--tabs_toolbar_border-tnot_normal_mode_size) solid var(--tabs_toolbar_border-tnot_normal_mode) !important;

background-clip: padding-box !important;

}


#main-window[sizemode="maximized"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) {

border-left: 0px !important;

border-right: 0px !important;

}


#main-window[style*='--lwt-header-image'][sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme,

#main-window[style*='--lwt-header-image'][sizemode="maximized"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme {

border-top: 0px !important;

border-left: 0px !important;

border-right: 0px !important;

}


#main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme {

border-bottom: 1px solid #323234 !important;

}


#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme {

border-bottom: 1px solid #323234 !important;

}


#main-window:not([sizemode="fullscreen"])[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"] {

margin-top: 21px !important;

}

#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {

margin-top: 20px !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;

}


/* Fx58+ titlebar placeholders */

#TabsToolbar *[type="pre-tabs"],

#TabsToolbar *[type="post-tabs"] {

display: none !important;

}


[user='47512']Media[/user] (-moz-os-version: windows-win10) {

#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"] {

margin-top: 30px !important;

}

#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {

margin-top: 30px !important;

}

}


[user='47512']Media[/user] (-moz-windows-classic) {


/* 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[sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) {

border-left: 0px !important;

border-right: 0px !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;

}


}


/* tab text colors */

#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {

color: var(--classic_squared_tabs_tab_text_color) !important;

text-shadow: 1px 1px 1px var(--classic_squared_tabs_tab_text_shadow) !important;

}


/* fix Windows 7s default tab background (remove dark purple bg color)*/

[user='47512']Media[/user] (-moz-os-version: windows-win7) {

[user='47512']Media[/user] (-moz-windows-default-theme) {

.tabbrowser-tab:not([selected]):not(:hover):not(:-moz-lwtheme) {

background-color: #e3e4e6 !important;

}

.tabbrowser-tab:not([selected]):hover:not(:-moz-lwtheme) {

background-color: #cccdcf !important;

}


}

}


/* Simple Close Tab button */

#TabsToolbar:not(:-moz-lwtheme) #_fe8cab45-aaee-45f8-8765-781e0ebea300_-browser-action {

--webextension-toolbar-image-light: url("moz-extension://7904448c-2319-4f6f-aac9-a1f701258098/icons/Close-dark.svg") !important;

}


/* close tab button */

#TabsToolbar:not(:-moz-lwtheme) #closetab_fmarin_com-browser-action {

--webextension-toolbar-image-light: url("moz-extension://31006e48-8e00-476f-8ea9-697e40934b02/icons/icon.svg") !important;

--webextension-toolbar-image-2x-light: url("moz-extension://31006e48-8e00-476f-8ea9-697e40934b02/icons/icon.svg") !important;

}


/* close window button */

#TabsToolbar:not(:-moz-lwtheme) #close-window-button_nanpuyue_com-browser-action {

--webextension-toolbar-image-light: url("moz-extension://c914bd13-793f-4a2d-ab66-c655a3d75c52/icons/icon.svg") !important;

--webextension-toolbar-image-2x-light: url("moz-extension://c914bd13-793f-4a2d-ab66-c655a3d75c52/icons/icon.svg") !important;

}



--------------------

/* Firefox Quantum userChrome.css tweaks ************************************************/

/* Github: https://github.com/aris-t2/customcssforfx ************************************/

/****************************************************************************************/



/* NOTE ********************************************************************************/

/* Variables are set inside '.\config\' folders CSS files, if complete package is used! */


:root {

--classic_squared_tabs_tab_height: 26px;

--classic_squared_tabs_tab_default_loading_icon_color: #0A84FF;

--classic_squared_tabs_active_tab: linear-gradient(to top,#f9f9fa,#f9f9fa,#f9f9fa);

--classic_squared_tabs_hovered_tabs: linear-gradient(to top,#cac7c1,#d5d2cc,#e8e6e2);

--classic_squared_tabs_other_tabs: linear-gradient(to top,#aeaba5,#c1beb7,#c9c6be);

--classic_squared_tabs_unloaded_tabs: linear-gradient(to top,#aeaba5,#c1beb7,#c9c6be);

--classic_squared_tabs_lwt-dark_active_tab: inherit;

--classic_squared_tabs_lwt-dark_hovered_tabs: linear-gradient(hsla(0,0%,80%,.5), hsla(0,0%,60%,.5) 80%);

--classic_squared_tabs_lwt-dark_other_tabs: linear-gradient(hsla(0,0%,60%,.5), hsla(0,0%,45%,.5) 80%);

--classic_squared_tabs_lwt-bright_active_tab: inherit;

--classic_squared_tabs_lwt-bright_hovered_tabs: linear-gradient(hsla(0,0%,60%,.6), hsla(0,0%,45%,.6) 80%);

--classic_squared_tabs_lwt-bright_other_tabs: linear-gradient(hsla(0,0%,40%,.6), hsla(0,0%,30%,.6) 80%);

--classic_squared_tabs-border_size: 1px;

--classic_squared_tabs-border1: #5f7181;

--classic_squared_tabs-border2: rgba(0,0,0,.2);

--classic_squared_tabs-border3: rgba(0,0,0,.5);

--classic_squared_tabs-border-radius: 3px;

--classic_squared_tabs_new_tab_icon_color: black;

--classic_squared_tabs_tab_text_color: black;

--classic_squared_tabs_tab_text_shadow: transparent;


--tab-min-height: var(--classic_squared_tabs_tab_height) !important;

--mltabs-newtab-height: calc( var(--classic_squared_tabs_tab_height) + 1px ) !important;

--tab-min-height_tnot: calc( var(--classic_squared_tabs_tab_height) - 1px ) !important;

--space_below_content: calc( var(--classic_squared_tabs_tab_height) + 1px ) !important;

}



/* remove default tab colors */

#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab[visuallyselected="true"],

#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab,

#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-background {

background: unset !important;

border: unset !important;

}


/*******************************************/

/**** default themes tab colors [start] ****/

/*******************************************/


/* black tab text color */

#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {

color: var(--classic_squared_tabs_tab_text_color) !important;

text-shadow: 1px 1px 1px var(--classic_squared_tabs_tab_text_shadow) !important;

}


/* default tabs color */

#TabsToolbar:not(:-moz-lwtheme) :-moz-any(.tabs-newtab-button,#tabs-newtab-button),

#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content {

background-image: var(--classic_squared_tabs_other_tabs) !important;

}

/* selected tabs color */

#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content[selected="true"] {

background-image: var(--classic_squared_tabs_active_tab) !important;

}

/* hovered tabs color */

#TabsToolbar:not(:-moz-lwtheme) :-moz-any(.tabs-newtab-button,#tabs-newtab-button):hover,

#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:hover .tab-content:not([selected="true"]) {

background-image: var(--classic_squared_tabs_hovered_tabs) !important;

}


/* unloaded/pending tabs color */

#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab[pending] .tab-content {

background-image: var(--classic_squared_tabs_unloaded_tabs) !important;

}


/* tab border color */

#TabsToolbar:not(:-moz-lwtheme) :-moz-any(.tabs-newtab-button,#tabs-newtab-button),

#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content {

border-top: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border1) !important;

border-left: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border1) !important;

border-right: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border1) !important;

}


#TabsToolbar :-moz-any(.tabs-newtab-button,#tabs-newtab-button) {

border-top: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border2) !important;

border-left: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border2) !important;

border-right: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border2) !important;

}


#TabsToolbar .tabbrowser-tab:not(:-moz-lwtheme):not([selected]) .tab-content {

border-top: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border3) !important;

border-left: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border3) !important;

border-right: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border3) !important;

}


/* new tab icon color */

#TabsToolbar:not(:-moz-lwtheme) :-moz-any(.tabs-newtab-button,#tabs-newtab-button) {

fill: var(--classic_squared_tabs_new_tab_icon_color) !important;

color: var(--classic_squared_tabs_new_tab_icon_color) !important;

}

/*******************************************/

/***** default themes tab colors [end] *****/

/*******************************************/


/********************************************/

/******* lw-themes tab colors [start] *******/

/********************************************/


/* lightweight theme tab colors*/

.tabbrowser-tab[selected]:-moz-lwtheme-darktext .tab-content {

background-image: var(--classic_squared_tabs_lwt-dark_active_tab) !important;

}

:-moz-any(.tabs-newtab-button,#tabs-newtab-button):-moz-lwtheme-darktext,

.tabbrowser-tab:not([selected]):-moz-lwtheme-darktext .tab-content {

background-image: var(--classic_squared_tabs_lwt-dark_other_tabs) !important;

}

:-moz-any(.tabs-newtab-button,#tabs-newtab-button):hover:-moz-lwtheme-darktext,

.tabbrowser-tab:not([selected]):hover:-moz-lwtheme-darktext .tab-content {

background-image: var(--classic_squared_tabs_lwt-dark_hovered_tabs) !important;

}


.tabbrowser-tab[selected]:-moz-lwtheme-brighttext .tab-content {

background-image: var(--classic_squared_tabs_lwt-bright_active_tab) !important;

}

:-moz-any(.tabs-newtab-button,#tabs-newtab-button):-moz-lwtheme-brighttext,

.tabbrowser-tab:not([selected]):-moz-lwtheme-brighttext .tab-content {

background-image: var(--classic_squared_tabs_lwt-bright_other_tabs) !important;

}

:-moz-any(.tabs-newtab-button,#tabs-newtab-button):hover:-moz-lwtheme-brighttext,

.tabbrowser-tab:not([selected]):hover:-moz-lwtheme-brighttext .tab-content {

background-image: var(--classic_squared_tabs_lwt-bright_hovered_tabs) !important;

}

.tabbrowser-tab:not([selected]):not(:hover):-moz-lwtheme-brighttext {

background: unset !important;

}


/* compact dark lw-theme */

#main-window:not([style*='--lwt-header-image']):not([style*='--lwt-toolbar-field-background-color']):-moz-lwtheme :-moz-any(.tabs-newtab-button,#tabs-newtab-button):-moz-lwtheme-brighttext,

#main-window:not([style*='--lwt-header-image']):not([style*='--lwt-toolbar-field-background-color']):-moz-lwtheme .tabbrowser-tab:not([selected]):-moz-lwtheme-brighttext .tab-content {

background-image: linear-gradient(rgba(0,0,0,.99), rgba(0,0,0,.99)) !important;

}

#main-window:not([style*='--lwt-header-image']):not([style*='--lwt-toolbar-field-background-color']):-moz-lwtheme :-moz-any(.tabs-newtab-button,#tabs-newtab-button):hover:-moz-lwtheme-brighttext,

#main-window:not([style*='--lwt-header-image']):not([style*='--lwt-toolbar-field-background-color']):-moz-lwtheme .tabbrowser-tab:not([selected]):hover:-moz-lwtheme-brighttext .tab-content {

background-image: linear-gradient(rgba(71,71,71,.7), rgba(71,71,71,.7)) !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 :-moz-any(.tabs-newtab-button,#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 :-moz-any(.tabs-newtab-button,#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 :-moz-any(.tabs-newtab-button,#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: var(--classic_squared_tabs-border-radius) !important;

border-top-right-radius: var(--classic_squared_tabs-border-radius) !important;

}


/* loading animation color */

#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab,

#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:not([visuallyselected=true]) {

--tab-loading-fill: var(--classic_squared_tabs_tab_default_loading_icon_color) !important;

}

.tab-throbber[busy]::before,

.tab-throbber[progress]::before {

fill: var(--classic_squared_tabs_tab_default_loading_icon_color) !important;

}


/* space between tabs */

:-moz-any(.tabs-newtab-button,#tabs-newtab-button),

.tabbrowser-tab:not([pinned]) {

-moz-margin-start: 0px !important;

}


/* width of new tab tab */

#TabsToolbar :-moz-any(.tabs-newtab-button,#tabs-newtab-button){

min-width: 0px !important;

width: 28px !important;

margin-bottom: -1px !important;

}


/* size of new tab tabs '+' icon */

#TabsToolbar :-moz-any(.tabs-newtab-button,#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;

}


.tabbrowser-tab:not([pinned]) .tab-content .close-icon,

:root[uidensity=touch] .tabbrowser-tab:not([pinned]) .tab-content .close-icon {

width: 16px !important;

height: 16px !important;

-moz-margin-end: -6px !important;

}


:root[uidensity=touch] .tabbrowser-tab:not([pinned]) .tab-content .close-icon,

:root[uidensity=touch] .tabbrowser-tab:not([pinned]) .close-icon > .toolbarbutton-icon {

margin-top: -8px !important;

margin-bottom: -8px !important;

}


:root[uidensity=touch] .tabbrowser-tab:not([pinned]) .tab-close-button {

margin-inline-end: unset !important;

padding: unset !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(--classic_squared_tabs_tab_height) !important;

}


#TabsToolbar #tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] {

min-height: calc( var(--classic_squared_tabs_tab_height) - 1px ) !important;

max-height: calc( var(--classic_squared_tabs_tab_height) - 1px ) !important;

}


/* Windows 10 fix */

[user='47512']Media[/user] (-moz-os-version: windows-win10) {

.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 and borders set by Firefox */

.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;

}


.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;

}


.tabbrowser-tab,

.tab-stack,

.tab-background {

border: unset !important;

}


/* remove titlebar placerholders */

#TabsToolbar .titlebar-placeholder[type="pre-tabs"],

#TabsToolbar .titlebar-placeholder[type="post-tabs"]{

opacity: 0 !important;

}


#TabsToolbar .titlebar-spacer[type="pre-tabs"],

#TabsToolbar .titlebar-spacer[type="post-tabs"] {

display: none !important;

}


/* make sure toolbar buttons do not increase toolbar height */

#TabsToolbar toolbarbutton .toolbarbutton-badge-stack,

#TabsToolbar > toolbarpaletteitem,

#TabsToolbar > toolbarbutton {

min-height: unset !important;

padding: unset !important;

margin: 0 2px !important;

}


#TabsToolbar > toolbarpaletteitem .toolbarbutton-icon,

#TabsToolbar > toolbarbutton .toolbarbutton-icon {

min-width: 16px !important;

width: unset !important;

min-height: 16px !important;

height: unset !important;

padding: unset !important;

margin: unset !important;

}


#TabsToolbar toolbarbutton .toolbarbutton-badge-stack .toolbarbutton-icon {

width: 16px !important;

height: 16px !important;

}


#TabsToolbar-customization-target > toolbarpaletteitem toolbarbutton .toolbarbutton-icon,

#TabsToolbar-customization-target > toolbarbutton .toolbarbutton-icon {

padding: unset !important;

height: unset !important;

width: unset !important;

}


/* indicator for multiselected tabs */

.tabbrowser-tab[multiselected="true"] .tab-stack .tab-content {

box-shadow: inset 2px 0 0 Highlight,

inset -2px 0 0 Highlight,

inset 0 2px 0 Highlight,

inset 0 -2px 0 Highlight !important;

}


/* remove non-required icon pending */

.tab-icon-pending {

display: none !important;

}


/* Fx65+ fixes */

#main-window[sizemode="maximized"][tabsintitlebar] #TabsToolbar {

margin-top: -1px !important;

}


#main-window #navigator-toolbox #titlebar #TabsToolbar > .toolbar-items {

padding-top: 0 !important;

margin-top: 0 !important;

}


[user='47512']Media[/user] (-moz-os-version: windows-win10) {

#main-window[sizemode="maximized"] .titlebar-buttonbox-container {

-moz-margin-end: -2px !important;

}

}


/* Proton compatibility */

[user='47512']Media[/user] (-moz-proton) {


#main-window {

--tab-min-height: 8px !important;

}


.tabbrowser-tab:not([pinned]) .tab-content .close-icon,

:root[uidensity=touch] .tabbrowser-tab:not([pinned]) .tab-content .close-icon {

width: 18px !important;

height: 18px !important;

padding: 2px !important;

-moz-margin-end: -6px !important;

}


.tabbrowser-tab {

padding-inline: unset !important;

}


}



--------------------

/* Firefox Quantum userChrome.css tweaks ************************************************/

/* Github: https://github.com/aris-t2/customcssforfx ************************************/

/****************************************************************************************/


.tabbrowser-tab[pinned] .tab-icon-image:not([src]) {

visibility: hidden !important;

}


.tabbrowser-tab[pinned] .tab-text {

display: none !important;

}


/**/

Alles anzeigen

LG

A.

Edit 2002Andreas
Text in Klammercode </> gesetzt.

2002Andreas

Du importierst noch zahlreiche andere teilweise uralte Codes:

@import "./tabs_below_navigation_toolbar_fx89.css";

@import "./tabs_below_navigation_toolbar.css";

@import "./classic_squared_tabs.css";

@import "./pinnedtab_empty_favicon_hidden.css";

@import "./tabs_below_navigation_toolbar_fx74.css";

@import "./tabs_below_navigation_toolbar_fx72.css";

@import "./tabs_below_navigation_toolbar_fx68.css";

@import "./tabs_below_navigation_toolbar_fx65.css";

Du solltest dir mal in Ruhe überlegen, was genau du überhaupt brauchst davon

Die Codes stammen wahrscheinlich alle von hier:

CustomCSSforFx/current/css at master · Aris-t2/CustomCSSforFx

Custom CSS tweaks for Firefox. Contribute to Aris-t2/CustomCSSforFx development by creating an account on GitHub.

github.com

Und da hat es inzwischen schon einige Updates zu gegeben.

Ich zumindest kann dir bei deinem Problem nicht helfen.

AndreasR

Hallo,

Zitat von 2002Andreas

Du importierst noch zahlreiche andere teilweise uralte Codes:

Das ist mir klar. Ich gucke mal, ob ich auf der verlinkten Seite einen Code finde, der nicht jeweils die Vorversion importiert.

LG

Andreas

2002Andreas

Zitat von AndreasR

auf der verlinkten Seite einen Code finde

Die Frage ist doch, was genau brauchst du denn bzw. möchtest du erreichen.

milupo

Überlege dir, was du brauchst, so wie 2002Andreas schrieb und baue deinen Code von Grund auf neu auf, sprich wirf diesen Code von ArisCTR in den Papierkorb. Er ist total veraltet und ich könnte wetten, dass du gar nicht weißt, was all diese Regeln wirklich tun.

AndreasR

Zitat von milupo

Überlege dir, was du brauchst,

ich "brauche" die Tabs unter den Lesezeichen. Kann aber nicht programmieren, sodass ich auf funktionierenden Code angewiesen bin.

LG

A.

2002Andreas

Zitat von AndreasR

ich "brauche" die Tabs unter den Lesezeichen.

CSS

#TabsToolbar {
  position: absolute;
  display: block;
  bottom: 0;
  width: 100vw;
  background-clip: padding-box;
  color: var(--toolbar-color);
}

#tabbrowser-tabs {
  width: 95vw;
}

#navigator-toolbox {
  position: relative;
  padding-bottom: calc( var(--tab-min-height) + 8px );
}

.titlebar-buttonbox-container {
  position: fixed;
  right: 0;
  visibility: visible;
  display: block;
}

#TabsToolbar .titlebar-buttonbox-container,
#TabsToolbar #window-controls {
  display: none;
}
          

/*...................Ab hier nur Privater Modus...................*/

/*Das lila Icon für privaten Modus oben rechts eingefügt*/
#main-window[privatebrowsingmode=temporary] #PanelUI-menu-button::before {
    margin-left: 0px!important;
    margin-right: 0px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 19px !important;
    background: url("chrome://global/skin/icons/indicator-private-browsing.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 2px !important;
    background-size: 15px 15px !important;
}

/*Der neue zusätzliche Eintrag: Privater Modus unter dem Tab entfernt*/    
#private-browsing-indicator-with-label {
    display: none !important;
}

Alles anzeigen

Beitrag

Fx 133 > Tableiste unten per CSS-Code, oder per Skript.

Mit diesem Code ist die Tableiste wieder unter der Lesezeichensymbolleiste.

(Quelltext, 50 Zeilen)

camp-firefox.de/attachment/38863/

Wichtiger Hinweis:

Bei einigen Nutzern des Codes tritt ein mir unbekannter Fehler auf.

Und zwar wird der Raum nicht wieder freigegeben, wenn mittlere Tabs geschlossen werden.

Das passiert wohl oft dann, wenn es eine eigene festgelegte Breite für die Tabs gibt.

In diesem Fall bitte mal zusätzlich das in den Code einfügen, und den eigenen Code für die feste Breite der…

2002Andreas

7. Dezember 2019 um 18:38

Dann kannst du alles andere aus deinem Code löschen.

Horstmann

In Zeile 302 abwärts, könntest du mal versuchsweise den Code so anpassen:

CSS

#tabbrowser-tabs {
    width: 95vw !important;
}

Ich meine das hier mal gelesen zu haben in dem Zusammenhang, und bei einem ähnlichen Problem.

2002Andreas

Zitat von Horstmann

ersuchsweise den Code so anzupassen:

Er braucht/möchte nur die Tableiste unten haben.

Von daher braucht er nur meinen Code von oben

Horstmann

Zitat von 2002Andreas

Zitat von Horstmann

ersuchsweise den Code so anzupassen:

Er braucht/möchte nur die Tableiste unten haben.
Von daher braucht er nur meinen Code von oben

Verstehe; und dein Code hat die Korrektur auch schon eingebaut.

2002Andreas

Zitat von Horstmann

Ich meine das hier mal gelesen zu haben

Mit dem Code aus Beitrag Nr. 7, und ohne die anderen die importiert werden müssen, sieht das hier so aus:

Da fehlt dann nicht nur das +, sondern die ganze Tableiste ist weg

Und das hat nicht damit zu tun, die Breite der Tabs auf 95vw statt 100 zu setzen.

AndreasR

Zitat von 2002Andreas

Dann kannst du alles andere aus deinem Code löschen.

Danke, das funktioniert. Leicht andere Optik, aber daran werde ich mich wohl gewöhnen. Das "+" ist auch wieder sichtbar.

LG

A.

2002Andreas

Zitat von AndreasR

Leicht andere Optik

Dann erzähl doch bitte mal, was genau du noch geändert haben möchtest.

PS:

Bin jetzt aber mal eine Weile offline.

Horstmann

Zitat von 2002Andreas

Zitat von Horstmann

Ich meine das hier mal gelesen zu haben

Mit dem Code aus Beitrag Nr. 7, und ohne die anderen die importiert werden müssen, sieht das hier so aus:
Da fehlt dann nicht nur das +, sondern die ganze Tableiste ist weg
Und das hat nicht damit zu tun, die Breite der Tabs auf 95vw statt 100 zu setzen.

Stimmt, wobei das aber auch nicht das ursprüngliche Problem war - der OP hat ja dieses Problem nicht, sondern nur keinen Neuer Tab + Button.

Vermutlich hat eine seiner importierten CSS Dateien das Problem mit den verschobenen - hier im Test nicht ganz verschwunden - Tabs verhindert, aber das zu Testen ist halt etwas schwierig ohne alle dieser Dateien zu haben.

Mein Vorschlag war aber nur ein Schuss ins Blaue, zugegeben; basierend auf einer vagen Erinnerung an einen Beitrag hier, und weil es in einem (etwas) ähnlichen Fall tatsächlich mal funktioniert hat.

Ich denke allerdings auch, dass man besser eine aktuellere und deutlich reduzierte Lösung benutzt, v.a. wenn nur die Tabs nach unten sollen.

Tab mit Plus-Zeichen ganz rechts in Firefox 112

2002Andreas 12. April 2023 um 18:45

Fx 133 > Tableiste unten per CSS-Code, oder per Skript.

Ähnliche Themen

userChrome.js Scripte für den Fuchs (Diskussion)

Einstellungsänderungen vornehmen

Update von Firefox (106.0.1 (64-Bit): Änderungen der Anzeige des privaten Modus rückgängig machen (erledigt)

[GELÖST] FF105 crasht auf MX-Linux 19.4 xfce (64-bit)

Tableiste, nur Hintergrund ändern

Aktiver Tab