Fx 117 > Tableiste unten per CSS-Code, nicht per Skript!

2002Andreas

Zitat von universum123

könntest du mal bitte

Teste bitte:

CSS

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


#TabsToolbar {
    background: #104e8b !important;
    position: absolute !important;
    display: block !important;
    top: 107px !important; /*Abstand nach oben*/
    width: 100% !important;
    }

#TabsToolbar :-moz-any(.tabs-newtab-button,#tabs-newtab-button) {
   min-width: 0px !important;
   width: 25px !important;
   margin-bottom: -5px !important;
   }

#tabbrowser-tabs {
   width: 100vw !important;
   }
        
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
   padding-bottom: 28px !important;
   }


 :root {

--tab-min-height: 25px !important; /* 30 25 20*/

 }


:root #tabbrowser-tabs {

--tab-min-height: 20px !important; /* 30 25 15*/

} 


.tabbrowser-tab:not([selected="true"]) {

color: blue !important;

background: lightgrey !important;

font-weight: bold !important;

}


/* Aktiver Tab */


.tabbrowser-tab[selected] .tab-content {

color: white !important;

background: blue !important;

font-weight: bold !important;

}


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

-moz-box-flex: 0!important;

width: 157px!important;

}

}

Alles anzeigen

universum123

@ Andreas

schlimm wenn ich das erst morgen mache?

bin im mom nich gut drauf (habe Aua)

melde mich morgen Vormittag dann gleich

uni

2002Andreas

Zitat von universum123

melde mich morgen Vormittag dann gleich

Alles gaaanz in Ruhe

Dir gute Besserung dann.

universum123

Zitat von 2002Andreas

Dir gute Besserung dann.

moin

danke Andreas

hab mich aufgerafft um die Sache abzuschließen

auf top: 120px !important; /*Abstand nach oben*/

2002Andreas

Zitat von universum123

um die Sache abzuschließen

Na siehste...alles ist wieder gut

AndreasR

Mahlzeit,

bei mir funktioniert keiner der Codes richtig. Firefox 89, Windows 10 mit 64 Bit. Bei den meisten Codes sehe ich nur den aktiven Tab, alle anderen sind komplett unsichtbar (man sieht an der Stelle die jeweils angezeigte Webseite).

Wo kann ich ansetzen?

Grüße
A.

eNTiKeY

Hallo Leute, Hallo Andreas..

ich bekomme es irgendwie nicht hin. bei 88 war alles perfekt eingestellt. nun bei 89 sind die tabs ganz unten gewesen, mit dem code was du hier gegeben hast hat es geklappt aber aussehen von tabs sind nicht so wie früher... könntest du oder einer andere mir bitte helfen.. ich habe überhaupt keine ahnung von. dafür wäre ich sehr dankbar.

ich möchte miene alte aussehen wieder haben.. und bei menü usw hat sich auch alles geändert. ich weis nicht wie ich vorran kommen kann.. Größte problem ist, kann ich nicht mehr die link's anklicken.. auch bei google suche muss ich alles doppelklicken damit ich was schreiben kann.. ich glaube ich habe alles durcheinander gebracht. tja wenn mann nicht soviel ahnung hat

hier meine CSS

CSS

/* 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 {
  --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: 28px;
}

:root[uidensity=compact]  {
  --tab-min-height_tnot: 30px;
}

: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: -6px !important;
  border-bottom: 0px 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;
}

@media (-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;
    }
}

@media (-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;
    }

}

/*************** Adressleiste den Text bzw URL markiert mit anderer Farbe ***************************/
#urlbar-input::selection {
  background-color: #0078D7 !important;
  color: #ffffff !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)*/
@media (-moz-os-version: windows-win7) {
  @media (-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 ************************************/
/****************************************************************************************/


@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;
  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;
}

#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar .titlebar-buttonbox-container {
  display: none !important;
}

/* move caption buttons to windows top right position */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #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 ~ #TabsToolbar .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #TabsToolbar .titlebar-buttonbox-container {
  top: -14px !important;
}


/* Windows */
@media (-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 */
@media (-moz-os-version: windows-win7) {
  @media 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: block !important;
      margin-top: -13px !important;
    }
  }
  @media 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;
    }
  }
}

@media (-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;
    }
}


/* Windows 10 extra tweaks */
@media (-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 ~ #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 private mode icon position */
@media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
    #main-window[tabsintitlebar][privatebrowsingmode=temporary]:not([inDOMFullscreen="true"]) #TabsToolbar .private-browsing-indicator {
      position: fixed !important;
      top: 0 !important;
      right: 130px !important;
      visibility: visible !important;
      display: block !important;
    }
    #main-window[tabsintitlebar][privatebrowsingmode=temporary][sizemode="maximized"]:not([inDOMFullscreen="true"]) #TabsToolbar .private-browsing-indicator {
      top: 8px !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 > image {
  padding: 0px !important;
  margin: 0px !important;
  width: 14px !important;
  height: 14px !important;
}

/* some id!ot at Moz thought it is a great idea to add padding and margin values here */
@media (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
  #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
}


/* show window caption buttons in fullscreen mode */
#main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #TabsToolbar #window-controls {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  right: 0 !important;
  margin-top: -32px !important;
  z-index: 1000 !important;
}

#main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #nav-bar {
  -moz-padding-end: 60px !important;
}

#main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #TabsToolbar #window-controls toolbarbutton,
#main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #TabsToolbar #window-controls toolbarbutton .toolbarbutton-icon {
  padding: 0 !important;
  margin: 0 !important;
}

@media (-moz-os-version: windows-win10) {
    #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #TabsToolbar #window-controls *,
    #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"]:-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar #window-controls * {
      color: black !important;
      fill: black !important;
    }

    #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"]:-moz-lwtheme #TabsToolbar #window-controls * {
      color: white !important;
      fill: white !important;
    }

}

@-moz-document url(chrome://browser/content/browser.xhtml) {
       
#TabsToolbar {
    position: absolute !important;
    display:block !important;
    bottom: 0 !important;
    width: 100vw !important;
    }

#tabbrowser-tabs {
    width: 100vw !important;
    }
        
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
    padding-bottom: var(--tab-min-height) !important;
    }

:root {
    --tab-min-height: 25px !important; 
    }
        
:root #tabbrowser-tabs {
    --tab-min-height: 25px !important; 
    }
       
.tabbrowser-tab:not([pinned]) {
    -moz-box-flex: 0!important;
    width: 170px!important;
    }
}

/* -----------------------*/
/* Mehrzeilige Tabreihen  */
/* -----------------------*/

/* Tab-Höhe  */
.tabbrowser-tab {
    min-height: 24px !important;
    max-height: 24px !important;
    vertical-align: bottom !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}
 /* Feste Breite  des einzelnem Tabs */
.tabbrowser-tab:not([pinned]) {
    min-width: 170px !important; 
}

.tab-line[selected] { 
 background:#7cff22!important;
  }
  
 #PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon {
   transform: scale(1.07, 1.07) !important;
}
       /*Tableiste unten für normales Fenster*/
       
@-moz-document url(chrome://browser/content/browser.xhtml) {
       
#TabsToolbar {
    position: absolute !important;
    display: block !important;
    top: 83px !important; /*Abstand nach oben*/
    width: 100% !important;
    }
    
#tabbrowser-tabs {
    width: 100vw !important;
    }
        
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
    padding-bottom: 25px !important;
    }

/*Damit wird der Tabtext am Ende nicht ausgeblendet*/    
.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
    mask-image: none !important;
    }

:root {
   --tab-min-height: 28px !important; 
   }

:root #tabbrowser-tabs {
   --tab-min-height: 28px !important; 
   } 
}


                  /*Tableiste unten im privaten Fenster*/ 

/*Lila Icon oben rechts neben der Suchleiste*/
#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://browser/skin/indicator-private-browsing.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 0px 2px !important;
  background-size: 15px 15px !important;
}
    
#main-window[privatebrowsingmode=temporary] .private-browsing-indicator {
    display: none !important;
    }
    
#main-window[privatebrowsingmode=temporary] #TabsToolbar {
     position: absolute !important;
    display: block !important;
    top: 83px !important; /*Abstand nach oben*/
    width: 100% !important;
}
      
#main-window[privatebrowsingmode=temporary] .tab-line[multiselected], 
#main-window[privatebrowsingmode=temporary] .tab-line[selected="true"] {
    display: none !important;
    }

#main-window[privatebrowsingmode=temporary] .tabbrowser-tab:not([visuallyselected="true"]),
#main-window[privatebrowsingmode=temporary] .tabbrowser-tab[visuallyselected="true"] {
    margin-top: -0px !important;
    max-height: 40px !important; 
    }
    
#main-window[privatebrowsingmode=temporary] #tabbrowser-tabs {
    width: 100vw !important;
    }
        
#main-window[privatebrowsingmode=temporary]:not([chromehidden*="toolbar"]) #navigator-toolbox {
       padding-bottom: 25px !important;
    }
    
/*Höhe der Tabs im privaten Fenster*/
#main-window[privatebrowsingmode=temporary]:root {
    --tab-min-height: 28px !important; 
    }
        
#main-window[privatebrowsingmode=temporary]:root #tabbrowser-tabs {
    --tab-min-height: 28px !important; 
    }
    
/*Damit wird der Tabtext am Ende nicht ausgeblendet*/    
#main-window[privatebrowsingmode=temporary] .tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
#main-window[privatebrowsingmode=temporary] .tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
    mask-image: none !important;
    }

:root {
    --tab-min-height: 28px !important; 
    }

:root #tabbrowser-tabs {
   --tab-min-height: 28px !important; 
   }
/*
@media (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
    #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #nav-bar {
      -moz-padding-end: 60px !important;
    }
}*/

/**/

Alles anzeigen

So sieht mit diesen code aus:

So war es vor FF 89:

PM

Ich hatte ein ähnliches Problem, mir hat der Code von Yochaym geholfen, siehe beide links.

https://github.com/Aris-t2/Custom…mment-832744545

https://github.com/Aris-t2/Custom…mment-839974132

Ansonsten hat Aris auch das CSS für Tabs below navigation toolbar aktuell angepasst.

https://github.com/Aris-t2/Custom…lassic/css/tabs

AndreasR

Zitat von PM

Ansonsten hat Aris auch das CSS für Tabs below navigation toolbar aktuell angepasst.

danke, funktioniert!

Sören Hentzschel

Zitat von eNTiKeY

aber aussehen von tabs sind nicht so wie früher

Eh klar, Firefox 89 hat ein neues Design. Der Code hier ist ausschließlich dafür verantwortlich, die Position zu verändern. Mit dem Design der Tabs hat das nichts zu tun. Für Anpassungen, die nichts mit der Position der Tabs zu tun haben, eröffne bitte ein eigenes Thema.

Sascha B.

Guten Morgen!

Bin gestern mal wieder vom Update überfahren worden. Jetzt habe ich mit Mühe und Not durch die hier geposteten css-Einträge wenigstens wieder sichtbare Tabs - leider an der falschen Stelle - und weiß mir nicht mehr zu helfen; im Anhang der derzeitige "Anblick".

Mein Anliegen: Wie bekomme ich die Tableiste wieder unter die Adressleiste und diese damit wieder unter die Menü-/Lesezeichen-Leiste? Zudem empfinde ich die Tabs und den Abstand darüber als zu groß. Da mir der Rest der Ansicht egal ist, brauche ich nur Code für die Veränderung der Position. Habe zwar schon einige "Versuche" mit den hier geposteten css-Vorlagen gemacht und dabei einige seltsame Dinge gesehen (teils halb verschwundene Tabs, mal mit leerer Extra-Leiste, mal schwebend vor der Webseite) jedoch Angst, eher zu verschlimmbessern und daher die "einfache" aber unschöne Lösung erstmal beibehalten.

Wo kann ich entsprechenden Code bekommen?

Bleibt gesund!

Sascha B.

Sören Hentzschel

Zitat von Sascha B.

Wo kann ich entsprechenden Code bekommen?

Hast du diesen Code hier schon versucht?

Beitrag

RE: Fx 117 > Tableiste unten per CSS-Code, nicht per Skript!

[…]

Teste bitte:

(Quelltext, 74 Zeilen)

2002Andreas

1. Mai 2021 um 18:59

Sascha B.

Hallo Sören!

Ja, das sieht dann so aus: - net schön und weitere Tabs sind "unsichtbar"...

Gruß

Sascha

2002Andreas

Zitat von Sascha B.

das sieht dann so aus

Hallo und Willkommen hier im Forum. 😊

CSS

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


#TabsToolbar {
 
    background: #104e8b !important;
    position: absolute !important;
    display: block !important;
    top: 107px !important; /*Abstand nach oben*/
    width: 100% !important;
    }

#TabsToolbar :-moz-any(.tabs-newtab-button,#tabs-newtab-button) {
   min-width: 0px !important;
   width: 25px !important;
   margin-bottom: -5px !important;
   }

#tabbrowser-tabs {
   width: 100vw !important;
   }
        
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
   padding-bottom: 38px !important;
   }


 :root {

--tab-min-height: 25px !important; /* 30 25 20*/

 }


:root #tabbrowser-tabs {

--tab-min-height: 20px !important; /* 30 25 15*/

} 


.tabbrowser-tab:not([selected="true"]) {

color: blue !important;

background: lightgrey !important;

font-weight: bold !important;

}


/* Aktiver Tab */


.tabbrowser-tab[selected] .tab-content {

color: white !important;

background: blue !important;

font-weight: bold !important;

}


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

-moz-box-flex: 0!important;

width: 157px!important;

}

}

Alles anzeigen

In Zeile 24 den Wert noch anpassen für dich wenn nötig.

Sascha B.

Hallo Andreas!

Danke für die freundliche Aufnahme!

Mit Deinem Code komme ich leider nicht weiter, da sich dann eine leere Zeile einfügt: Die eigentlich ausgeblendete Lesezeichenleiste. Wenn ich den Wert in Z24 auf 0 setze ist die zwar weg, aber das Tab weiter "schwebend" vor der Webseite, nur halt "tiefer" im Bild, weitere Tabs sind im Hintergrund nur über Strg+Tab erreichbar ...

Wie bekomme ich die Tableiste vollständig angezeigt und über die Webseite sowie unter die Menüleiste, ohne die zusätzliche (bei mir leere!) Lesezeichenleiste? Ich bin zu allerlei Fummelei bereit - man lernt nie aus!

Gruß und Dank

Sascha

2002Andreas

Zitat von Sascha B.

Ich bin zu allerlei Fummelei bereit - man lernt nie aus!

Zitat von Sascha B.

die Tableiste vollständig angezeigt

Menüleiste und Lesezeichenleiste sind ausgeblendet.

Diesmal die Zeile 7 verändert:

CSS

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


#TabsToolbar {
 
    background: #104e8b !important;
    position: absolute !important;
    display: block !important;
    top: 77px !important; /*Abstand nach oben*/
    width: 100% !important;
    }

#TabsToolbar :-moz-any(.tabs-newtab-button,#tabs-newtab-button) {
   min-width: 0px !important;
   width: 25px !important;
   margin-bottom: -5px !important;
   }

#tabbrowser-tabs {
   width: 100vw !important;
   }
        
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
   padding-bottom: 38px !important;
   }


 :root {

--tab-min-height: 25px !important; /* 30 25 20*/

 }


:root #tabbrowser-tabs {

--tab-min-height: 20px !important; /* 30 25 15*/

} 


.tabbrowser-tab:not([selected="true"]) {

color: blue !important;

background: lightgrey !important;

font-weight: bold !important;

}


/* Aktiver Tab */


.tabbrowser-tab[selected] .tab-content {

color: white !important;

background: blue !important;

font-weight: bold !important;

}


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

-moz-box-flex: 0!important;

width: 157px!important;

}

}

Alles anzeigen

Sascha B.

Hallo Andreas!

Molto bene! Sieht schon mal gut aus.

Kann man jetzt noch den dünnen Strich unter den Tabs mit einem 0-Eintrag verschwinden lassen, die Farbe von Dunkelblau auf mein Grau einstellen und die Menü- und die Adressleiste dünner machen? Is bloß Optik, aber ich finde, die nehmen viel Platz ein und die Farbe stört mich.

Auf jeden Fall erstmal ein fettes DANKE!

Sascha

2002Andreas

Zitat von Sascha B.

den dünnen Strich unter den Tabs

Teste bitte wieder:

CSS

@-moz-document url(chrome://browser/content/browser.xhtml) {
   
#navigator-toolbox {
    border-bottom: none !important;
}

#TabsToolbar {
    background: #104e8b !important;
    position: absolute !important;
    display: block !important;
    top: 77px !important; /*Abstand nach oben*/
    width: 100% !important;
    }

#TabsToolbar :-moz-any(.tabs-newtab-button,#tabs-newtab-button) {
   min-width: 0px !important;
   width: 25px !important;
   margin-bottom: -5px !important;
   }

#tabbrowser-tabs {
   width: 100vw !important;
   }
        
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
   padding-bottom: 33px !important;
   }


 :root {

--tab-min-height: 25px !important; /* 30 25 20*/

 }


:root #tabbrowser-tabs {

--tab-min-height: 20px !important; /* 30 25 15*/

} 


.tabbrowser-tab:not([selected="true"]) {

color: blue !important;

background: lightgrey !important;

font-weight: bold !important;

}


/* Aktiver Tab */


.tabbrowser-tab[selected] .tab-content {

color: white !important;

background: blue !important;

font-weight: bold !important;

}


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

-moz-box-flex: 0!important;

width: 157px!important;

}

}

Alles anzeigen

Sascha B.

Super, dankeschön!

Die Farbe habe ich mit Eintrag lightgrey ändern können.

Sascha

2002Andreas

Freut mich wenn ich dir damit helfen konnte, war gern geschehen

Fx 117 > Tableiste unten per CSS-Code, nicht per Skript!

2002Andreas 31. Mai 2021 um 13:24

RE: Fx 117 > Tableiste unten per CSS-Code, nicht per Skript!

Ähnliche Themen

FAQ: Menü-, Adress- und Tableiste unterhalb des Fensters anzeigen? (FF 71+)

Firefox 70 - Tabs wieder oben

Firefox Nightly 71.0a1 vom 07.10. Leerfläche unter Tableiste?

Tabs nach unten machen

Tableiste ist über der Adressleiste?