Beiträge von Parzival

Parzival

Mahlzeit!

Ich weiß das Thema ist schon älter, aber es passt zu meinen kleinen Anliegen.

Und zwar funktioniert der Code noch ganz gut (FF 89.0.2), was ich mir noch wünsche, wenn ich ein neues Lesezeichen erstellen will das das Menü gleich voll aufgeklappt ist. Geht das?

Grüße Parzival

Parzival

Also ich habs jetzt hinbekommen .

Danke euch allen für die super Unterstützung !

grisu2099

Boersenfeger

2002Andreas

CSS

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


/* disable 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,
#TabsToolbar .tabbrowser-tab::after,
#TabsToolbar .tabbrowser-tab::before,
: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,
#TabsToolbar .tabbrowser-tab:hover::before,
#TabsToolbar .tabbrowser-tab[last-visible-tab]:hover::after,
#TabsToolbar #tabbrowser-tabs:not([movingtab]) > .tabbrowser-tab[afterhovered]::before {
    
    
  border-top-left-radius: 0px !important;       /* Ecke oben links beim Tab     */
  border-top-right-radius: 0px !important;      /* Ecke oben rechts beim Tab    */
  border-bottom-left-radius: 0px !important;    /* Ecke unten links beim Tab    */
  border-bottom-right-radius: 0px !important;   /* Ecke unten reckts beim Tab   */
}
    
/* aktiven Tab einfärben Oben einen breiteren Streifen  */
  .tab-background[selected="true"]
    {
       background-color:transparent!important;
       box-shadow: inset 0px 3px 0px 0px #F9F9F9!important; 
    }

Alles anzeigen

Parzival · Screenshot 2021-06-06 180908.png

Es wird langsam !

Eine Kleinigheit noch, und zwar die untere Rundung beim Tab wie kann ich die ändern?

Parzival

Zitat von grisu2099

Zitat von Parzival

min-height: unset !important;

Dann teste hier mal mit einem px-Wert

Ähm, wie gebe ich das ein ?

Es gibt auch noch eine general_variables.css, aber da kein ich einstellen was ich will, passiert gar nichts...

general_variables.css:

CSS

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


/* general settings */
:root {
  /* custom height for 'classic squared tabs' only */
  --classic_squared_tabs_tab_height: 30px !important;
  
  /* set to '0px' for fully classic squared tabs */
  --classic_squared_tabs-border-radius: 3px !important;
  
  /* set to '0px' for fully squared tabs */
  --default_tab_border_roundness: 0px !important;
 
  /* for default icon only */
  --classic_squared_tabs_tab_default_loading_icon_color: #0A84FF !important;
  
  /* for tab_close_icon_size.css */
  --tab_close_icons_size: 20px !important; /* set 14x14 - 20x20px */
  
  /* for 'tab_maxwidth.css'- unlock 'min width' code inside file first for '--tab_min_width' to work */
  --tab_min_width: 220px !important; 
  --tab_max_width: 250px !important;
  
  /* for tabs_multiple_lines.css and tabs_multiple_lines_v2.css */
  --tab_min_width_mlt: 100px !important;
  --tab_max_width_mlt: 200px !important;
  
  /* for 'tabs_multiple_lines_v2.css' only */
  --tabs-lines: 3 !important; 

  /* for bookmarks_toolbar_multiple_lines.css /_fx66.css / _fx74.css */
  --bookmark_items_height: 22px !important; /* <- bookmark items - line height */
  --bookmark_items_lines: 3 !important; /* <- maximum amount of lines */
  
  /* for increase_ui_font_size.css */
  --general_ui_font_size: 10pt !important;
  
  /* for searchbar_popup_engines_show_labels_scrollbars.css / ..._fx66.css*/
  --search-one-offs_labels_height: 100px !important;
    
  /* for ac_popup_custom_height.css (location bar popup) */
  --ac_popup_max_height: 300px !important;

  /* for addonbar_move_bookmarks_toolbar_to_bottom.css */
  --addonbar_height: 27px !important;
  
  /* for custom_backforward_connected.css */
  --color_disabled_state: #f9f9fa !important;
  --color_default_state: #e8e8e8 !important;
  --color_hover_state: lightblue !important;
  --color_active_state: lightgrey !important;
  
  /* for ac_popup_result_font_size.css */
  --results_font_size: var(--general_ui_font_size,10pt) !important; /* 10pt */
  
  /* for megabar_border_roundness.css */
  --megabar_border_roundness: 20px !important;
  
  /* for tab_toolbar_color_proton.css */
  --top_toolbars_background: initial !important;
  --top_toolbars_background_inactive: initial !important;
  --top_toolbars_text: initial !important;
  --top_toolbars_text_inactive: initial !important;
}

:root[uidensity="touch"] {
  /* custom height for 'classic squared tabs' only */
  --classic_squared_tabs_tab_height: 38px !important;
}

/* for ac_popup_classic_with_two_lines_fx64.css and ac_popup_classic_with_two_lines_fx68.css */
:root {
  --ac_popup_width: 700px !important; /* popup width in normal mode */
  --ac_popup_number_of_results: 10 !important;  /* value has to be identical to about:config > browser.urlbar.maxRichResults */
  --ac_popup_maxheight: calc(47.5px * ( var(--ac_popup_number_of_results) + 1 )) !important; /* calculate maximum height based on items to display */
  --ac_popup_height: auto !important;  /* replace auto with 'calc(47.5px * var(--ac_popup_number_of_results))' to get a shorter scrollable list for high result numbers */
}

:root[sizemode="maximized"] {
  --ac_popup_width: 1400px !important; /* popup width in maximized mode */
}

:root[inFullscreen="true"] {
  --ac_popup_width: 1400px !important; /* popup width in fullscreen mode */
}

Alles anzeigen

Parzival

./css/tabs/tabs_below_navigation_toolbar_higher_navbar_positon.css

CSS

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


#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"],
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {
  margin-top: unset !important;
}

#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar:not(:-moz-lwtheme),
#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar {
  -moz-margin-end: 145px !important;
  -moz-appearance: none !important;  
  background: transparent !important;
  border-top: unset !important;
}

#main-window[sizemode="normal"] #navigator-toolbox #nav-bar {
  border-left: 0px !important;
  border-right: 0px !important;
}

Alles anzeigen

Zitat von grisu2099

Zitat von Parzival

./css/tabs/tabs_below_navigation_toolbar_higher_navbar_positon.css

Häng mal bitte diese CSS an deinen nächsten Post an.

Ja die macht schon die Tabhöhe größer, aber sobald ich die ./css/tabs/tabs_below_navigation_toolbar_fx89.css aktiviere, für Tabs unten ist die Höhe wieder klein.

tabs_below_navigation_toolbar_fx89.css

CSS

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


@import "./tabs_below_navigation_toolbar_fx74.css";

#navigator-toolbox {
  position: relative;
}

@media (-moz-proton) {
    
  .tabbrowser-tab {
    min-height: unset !important; 
  }
}

Alles anzeigen

Parzival

Zitat von grisu2099

Zitat von Parzival

Kann mir da einer weiterhelfen

Wenn du uns den Code zeigst, vielleicht...

Ob der jetzt viel bringt...

Weil in der userChrome sind nur Verweise zu den einzelnen css-configs. Und das sind jede Menge . Vielleicht gibt es eine config wo man die Höhe "aktivieren" kann, ich hab aber da nichts in dieser Richtung gefunden...

Code

/* Firefox Quantum userChrome.css tweaks ********************************************************/
/* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **********/
/* Github: https://github.com/aris-t2/customcssforfx ********************************************/
/************************************************************************************************/

/************************************************************************************************/
/* Custom CSS for Firefox 60+ (pre-configured for Firefox 75+) **********************************/
/* version 3.2.2 ********************************************************************************/
/************************************************************************************************/

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

 Full changelog of every version: https://github.com/Aris-t2/CustomCSSforFx/commits/
  
 [!] Firefox 69+ requires this preference to be enabled or custom styles will not be loaded:
     'about:config > toolkit.legacyUserProfileCustomizations.stylesheets > true'

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

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

  README
  
  Finding profile folder: address bar > about:support > Profile Folder > Open Folder
  CSS files and sub-folders belong into \PROFILEFOLDER\chrome\ directory.
  \chrome\config\
  \chrome\css\
  \chrome\image\
  \chrome\userChrome.css
  \chrome\userContent.css

  ENABLING options: remove the combination of / and * in front of '@import'
  DISABLING options: add the combination of / and * in front of '@import'

  FIREFOX BUGS (nothing CSS code can do about):
  - some '@import' calls might not work properly on macOS and Linux
  - some '@import' calls might not work properly, if multi-process mode (e10s) is disabled
  - in both cases CSS code has to be added to userChrome.css file manually

  macOS issues / glitches / fixes -> look for 'macOS fix' additions inside this file
  - tabs toolbar spaces in 'toolbars' category
  - tabs not on top mode in 'tabs toolbar position' category
  - page context items in 'general ui' category

  Some CSS tweaks won't work, if '@namespace' references are used inside '.css' files!

  EXPERIMENTAL settings are for testing only!
  
  GENERAL SUPPORT / DISCUSSION THREAD: github.com/Aris-t2/CustomCSSforFx/issues/211

  All options have significant categories and names.
  
  BASIC OVERVIEW - settings this file contains:
  CONFIGURATION FILES
  - general variables / color variables (default browser theme only)
  TOOLBAR BUTTONS
  - toolbar button / icon appearance
  - bookmarks menu button / popup
  - other button settings
  - custom BACK and FORWARD buttons appearance
  - APPLICATION/HAMBURGER BUTTON
  -- visibility / popup
  -- buttons appearance on navigation toolbar / in Firefox titlebar
  TABS
  - custom tab appearance / old squared tabs
  - TABS TOOLBAR POSITION
  -- below titlebar / navigation and bookmarks toolbar / main content
  - TAB TEXT - colors/shadow/weight/style for default/active/hovered/unloaded tabs
  - MULTIROW / multi lined tabs
  - TAB TITLE IN FIREFOX TITLEBAR
  - empty tab favicon / custom tab loading animation / tab close icon settings
  - settings for DEFAULT TABS / other tab settings
  GENERAL UI
  - general settings / close icons / page context menu items
  - overflow menu / sidebar / findbar
  - SEARCHBAR
  -- general settings for default search
  -- OLD SEARCH + old search 'about:config' settings
  - MENUBARS bookmarks menu popup items
  TOOLBARS
  - ADDONS BAR (simulated bottoms toolbar)
  - GENERAL TOOLBAR settings
  -- toolbar context menu settings
  - MENUBAR settings
  - bookmarks toolbar settings
  - BOOKMARKS TOOLBAR - MULTIPLE LINES
  - AeroGlass TOOLBARS / WIN10 fix for GLASS8
  - TOOLBAR TEXT MODES
  -- icons+text / text only
  LOCATION BAR / urlbar / awesomebar
  - general location bar tweaks / identity box / padlock icons icon/button tweaks
  - 'autocomplete popup' appearance / result item settings/appearance


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

/************************************************************************************************/
/* CONFIGURATION FILES - edit target files to change general values *****************************/
/************************************************************************************************/


@import "./css/tabs/tabs_zentral.css"; /**/


/* @import "./css/tabs/tabs_nice.css"; /**/



/* GENERAL VARIABLES ****************************************************************************/
/* [!] set global variables for font and tab size options and more inside target file ***********/
@import "./config/general_variables.css"; /**/

/* COLOR VARIABLES FOR DEFAULT BROWSER THEME ONLY - MAIN UI - [only use one at a time] **********/
/* [!] set own colors for tabs & toolbars inside 'color_variables.css' or use available presets */
/* [!] 'about:config > ui.systemUsesDarkTheme > 0' might be required in some cases **************/
/* [!] enabled 'menubar_color.css' and 'statusbar_color.css' might be required in some cases ****/



/*@import "./config/color_variables.css"; /**/  /* <- default 'grey' colors */              /*deaktiviert > keine Auswirkung */



/* @import "./config/color_variables_aero.css"; /**/  /* <- 'AeroBlue' colors (Win 7 Aero) */
/* @import "./config/color_variables_classic-grey.css"; /**/  /* <- 'classic grey' colors (Win Classic) */
/* @import "./config/color_variables_fx3.css"; /**/  /* <- 'Firefox 3-like' blueish colors */
/* @import "./config/color_variables_transparent.css"; /**/  /* <- (semi-)'transparent' colors */
/* @import "./config/color_variables_aeroglass.css"; /**/  /* <- 'AeroGlass' colors / Win10+Glass8 fix can be found in 'toolbars' area */
/* @import "./config/color_variables_deved.css"; /**/  /* <- based on 'Developer Edition' colors */
/* @import "./config/color_variables_noia4_grey.css"; /**/  /* <- based on 'Noia 4 themes' grey colors */
/* @import "./config/color_variables_noia4_lightgrey.css"; /**/  /* <- based on 'Noia 4 themes' lightgrey colors */
/* @import "./config/color_variables_noia4_dark.css"; /**/  /* <- based on 'Noia 4 themes' dark colors */

/* Darker "Dark" default theme - [only use one at a time] ***************************************/
/* @import "./css/toolbars/default_dark_theme_darker.css"; /**/
/* @import "./css/toolbars/default_dark_theme_darker_v2.css"; /**/

/* CUSTOM SCROLLBARS VARIABLES (Firefox 63+ only) - EXPERIMENTAL ********************************/
/* [!] Might not work on every page! This issue is for Mozilla to solve. ************************/
/* [!] not compatible with custom scrollbar JavaScipt userChrome scripts ************************/
/* [!] custom size values only compatible with 'web content' scrollbars at the moment ***********/
/* [!] more info inside 'custom_scrollbar_appearance.css' file **********************************/
/* @import "./config/custom_scrollbar_appearance.css"; /**/        /* <--- EXPERIMENTAL */


/************************************************************************************************/
/* TOOLBAR BUTTONS ******************************************************************************/
/************************************************************************************************/

/* PROTON: 'classic' pre-Proton button padding **************************************************/
/* @import "./css/buttons/button_padding_proton.css"; /**/

/* navigation toolbar buttons appearance - [only use one at a time] *****************************/

/*@import "./css/buttons/buttons_on_navbar_classic_appearance.css";                                   /*  Aussehen rechte Buttons*/


/* @import "./css/buttons/buttons_on_navbar_classic_appearance_v2.css"; /**/
/* @import "./css/buttons/buttons_on_navbar_windows_classic_theme_appearance.css"; /**/
/* @import "./css/buttons/buttons_on_navbar_glass_appearance.css";            /* <--- good for Dark themes */
/* @import "./css/buttons/buttons_on_navbar_osx_appearance.css"; /**/

/* navigation toolbar buttons - button roundness (edit file to set different roundness) *********/
/* @import "./css/buttons/buttons_on_navbar_button_roundness.css"; /**/

/* squared buttons / button size - [only use one at a time] *************************************/
/* "rectangular shape" - normal size ************************************************************/
/* @import "./css/buttons/buttons_on_navbar_squared_buttons.css"; /**/
/* @import "./css/buttons/buttons_on_navbar_squared_buttons_fx72.css"; /**/
/* "normal shape" - large size (huge 48x48px buttons with 36x36px icons) ************************/
/* [!] not compatible with 'custom icon' options ************************************************/
/* [!] not compatible with 'custom back & forward buttons' appearance options *******************/
/* [!] not compatible with 'text mode' option ***************************************************/
/* [!] partly compatible with 'icons+text' option, if in 'compact mode' *************************/
/* @import "./css/buttons/buttons_on_navbar_huge_48px_size.css"; /**/            /* <--- EXPERIMENTAL */

/* smaller button spaces in 'compact' mode - 'Classic Toolbar Buttons' add-ons 'small' mode *****/
/* @import "./css/buttons/buttons_on_navbar_more_compact_mode.css"; /**/
/* @import "./css/buttons/buttons_on_navbar_more_compact_mode_custom_icons_fix.css"; /**/

/* icon appearance - [only use one at a time] (custom icons do not scale in HiDPI modes) ********/
/* @import "./css/buttons/icons_colorized.css"; /**/
/* @import "./css/buttons/icons_white_icons.css"; /**/
/* @import "./css/buttons/icons_custom_icons.css"; /**/  /* aka "Mozilla Mix" from CTB */
/* @import "./css/buttons/icons_custom_icons_fx1.css"; /**/
/* @import "./css/buttons/icons_custom_icons_fx2.css"; /**/
/* @import "./css/buttons/icons_custom_icons_fx3.css"; /**/
/* @import "./css/buttons/icons_custom_icons_fx3strata.css"; /**/
/* @import "./css/buttons/icons_custom_icons_fx12_colorized.css"; /**/
/* @import "./css/buttons/icons_custom_icons_crystal.css"; /**/
/* @import "./css/buttons/icons_custom_icons_firebird.css"; /**/
/* @import "./css/buttons/icons_custom_icons_kempelton.css"; /**/
/* @import "./css/buttons/icons_custom_icons_noia.css"; /**/
/* @import "./css/buttons/icons_custom_icons_ie6.css"; /**/
/* @import "./css/buttons/icons_custom_icons_seamonkey.css"; /**/
/* @import "./css/buttons/icons_custom_icons_old_chrome.css"; /**/
/* @import "./css/buttons/icons_custom_icons_old_osx.css"; /**/
/* @import "./css/buttons/icons_custom_icons_tango.css"; /**/
/* @import "./css/buttons/icons_custom_icons_fx45.css"; /**/
/* @import "./css/buttons/icons_custom_icons_fx45_inverted.css"; /**/

/* bookmarks toolbar - buttons appearance - [only use one at a time] ****************************/
/* old bookmarks toolbar button appearance ******************************************************/



/*@import "./css/buttons/buttons_on_bookmarks_toolbar_old_size_and_appearance.css"; /**/  /* Windows only */




/* @import "./css/buttons/buttons_on_bookmarks_toolbar_classic_appearance.css"; /**/
/* @import "./css/buttons/buttons_on_bookmarks_toolbar_classic_appearance_items.css"; /**/

/* bookmarks menu button - 'button & popup' appearance ******************************************/



/*@import "./css/buttons/bookmarks_menu_button_localized_label_on_bookmarks_toolbar.css"; /**/




/* @import "./css/buttons/bookmarks_menu_button_popup_showall_top_hidden.css"; /**/
/* @import "./css/buttons/bookmarks_menu_button_popup_showall_bottom_hidden.css"; /**/
/* @import "./css/buttons/bookmarks_menu_button_popup_sidebar_item_hidden.css"; /**/
/* @import "./css/buttons/bookmarks_menu_button_popup_toolbar_item_hidden.css"; /**/
/* @import "./css/buttons/bookmarks_menu_button_popup_other_item_hidden.css"; /**/
/* popup appearance *****************************************************************************/
/* @import "./css/buttons/bookmarks_menu_button_popup_classic_appearance.css"; /**/ /* Fx60-69 only */

/* menubar - toolbar button appearance **********************************************************/
/* @import "./css/buttons/buttons_on_menubar_toolbar_classic_appearance.css"; /**/

/* tabs toolbar - toolbar button appearance *****************************************************/

/* @import "./css/buttons/buttons_on_tabs_toolbar_classic_appearance.css"; /**/                   /* <--- EXPERIMENTAL   aktiviert  keine Auwirkung  */

/* other button settings ************************************************************************/
/* @import "./css/buttons/whatnew_button_always_hidden.css"; /**/
/* @import "./css/buttons/forward_button_hide_when_disabled.css"; /**/
/* @import "./css/buttons/back_and_forward_separated_history_popups.css"; /**/
/* @import "./css/buttons/back_and_forward_leftclick_history_popup_hidden.css"; /**/
/* @import "./css/buttons/zoom_buttons_hide_reset.css"; /**/
/* @import "./css/buttons/overflow_button_rotate_on_open.css"; /**/
/* @import "./css/buttons/button_popup_panelarrow_hidden.css"; /**/
/* @import "./css/buttons/button_popup_panel_mozdialog.css"; /**/
/* @import "./css/buttons/button_popup_panel_compact.css"; /**/

/* CUSTOM BACK & FORWARD BUTTONS appearance - [only use one at a time] **************************/
/* @import "./css/buttons/custom_backforward_large_ff2.css"; /**/
/* @import "./css/buttons/custom_backforward_large_ff3.css"; /**/
/* @import "./css/buttons/custom_backforward_large_ff3_strata.css"; /**/
/* @import "./css/buttons/custom_backforward_large_ff3_strata_orange.css"; /**/
/* @import "./css/buttons/custom_backforward_large_ff3_strata_red.css"; /**/
/* @import "./css/buttons/custom_backforward_large_ie8.css"; /**/
/* @import "./css/buttons/custom_backforward_large_ie9.css"; /**/
/* @import "./css/buttons/custom_backforward_large_kempelton.css"; /**/
/* @import "./css/buttons/custom_backforward_small_ff3.css"; /**/
/* @import "./css/buttons/custom_backforward_small_ff3_strata.css"; /**/
/* @import "./css/buttons/custom_backforward_small_ff3_strata_orange.css"; /**/
/* @import "./css/buttons/custom_backforward_small_ff3_strata_red.css"; /**/
/* @import "./css/buttons/custom_backforward_small_ie8.css"; /**/
/* @import "./css/buttons/custom_backforward_small_ie9.css"; /**/
/* @import "./css/buttons/custom_backforward_small_kempelton.css"; /**/
/* @import "./css/buttons/custom_backforward_connected.css"; /**/
/* @import "./css/buttons/custom_backforward_connected_to_location_bar.css"; /**/
/* @import "./css/buttons/custom_backforward_connected_to_location_bar_aero.css"; /**/            /* <-- AERO colors */

/* Additional tweaks for custom_backforward_connected_to_location_bar* **************************/
/* @import "./css/buttons/custom_backforward_connected_to_location_bar_fx70_extra.css"; /**/    /* has to be enabled for Fx 70 */
/* @import "./css/buttons/custom_backforward_connected_to_location_bar_fx71_extra.css"; /**/    /* has to be enabled for Fx 71+ */
/* @import "./css/buttons/custom_backforward_connected_to_location_bar_megabar_support.css"; /**/    /* has to be enabled for megabar compatibility */


/************************************************************************************************/
/* APPLICATION/HAMBURGER BUTTON *****************************************************************/
/************************************************************************************************/

/* application/hamburger button hidden - disable all other appbutton options when using this ****/
/* @import "./css/appbutton/appbutton_hidden.css"; /**/

/* application/hamburger button popup ***********************************************************/
/* @import "./css/appbutton/appbutton_popup_more_icons.css"; /**/
/* @import "./css/appbutton/appbutton_popup_icons_colorized.css"; /**/
/* @import "./css/appbutton/appbutton_popup_sync_hidden.css"; /**/
/* @import "./css/appbutton/appbutton_popup_logins_and_passwords_hidden.css"; /**/
/* @import "./css/appbutton/appbutton_popup_trackingprotection_hidden.css"; /**/
/* @import "./css/appbutton/appbutton_popup_panelarrow_hidden.css"; /**/ 

/************************************************************************************************/
/* button on navigation toolbar *****************************************************************/
/************************************************************************************************/

/* @import "./css/appbutton/appbutton_on_navbar_start_position.css"; /**/
/* @import "./css/appbutton/appbutton_on_navbar_separator_hidden.css"; /**/

/* button color - [only use one at a time] ******************************************************/
/* @import "./css/appbutton/appbutton_on_navbar_color_autocolor.css"; /**/
/* @import "./css/appbutton/appbutton_on_navbar_color_autocolor57p.css"; /**/
/* @import "./css/appbutton/appbutton_on_navbar_color_orange.css"; /**/
/* @import "./css/appbutton/appbutton_on_navbar_color_aurora.css"; /**/
/* @import "./css/appbutton/appbutton_on_navbar_color_nightly.css"; /**/
/* @import "./css/appbutton/appbutton_on_navbar_color_deved57p.css"; /**/
/* @import "./css/appbutton/appbutton_on_navbar_color_nightly57p.css"; /**/
/* @import "./css/appbutton/appbutton_on_navbar_color_palemoon.css"; /**/

/* button icon - [only use one at a time] *******************************************************/
/* @import "./css/appbutton/appbutton_on_navbar_icon_white.css"; /**/
/* @import "./css/appbutton/appbutton_on_navbar_icon_dark.css"; /**/
/* @import "./css/appbutton/appbutton_on_navbar_icon_grey.css"; /**/
/* @import "./css/appbutton/appbutton_on_navbar_icon_browser_logo.css"; /**/

/* button label (show label besides icon) *******************************************************/
/* @import "./css/appbutton/appbutton_on_navbar_icon_and_label.css"; /**/


/************************************************************************************************/
/* button in Firefox titlebar *******************************************************************/
/************************************************************************************************/

/* button in titlebar - [only use one at a time] ************************************************/
/* -- Fx 60-73 **********************************************************************************/
/* @import "./css/appbutton/appbutton_in_titlebar.css"; /**/ /* <-- label only */
/* @import "./css/appbutton/appbutton_in_titlebar_icon_only.css"; /**/
/* -- Fx 74+ (might already work on Fx 73) ******************************************************/



/*@import "./css/appbutton/appbutton_in_titlebar_fx74.css"; /**/ /* <-- label only Hamburger-Menü einschalten bei deaktiviert */



/* @import "./css/appbutton/appbutton_in_titlebar_icon_only_fx74.css"; /**/

/* for 'appbutton in titlebar icon only' - [only use one at a time] *****************************/
/* @import "./css/appbutton/appbutton_in_titlebar_icon_only_dark.css"; /**/
/* @import "./css/appbutton/appbutton_in_titlebar_icon_only_grey.css"; /**/
/* @import "./css/appbutton/appbutton_in_titlebar_icon_only_browser_logo.css"; /**/

/* for 'appbutton in titlebar icon only' ********************************************************/
/* @import "./css/appbutton/appbutton_in_titlebar_label_and_icon.css"; /**/

/* macOS fix - appbutton in titlebar gets moved to the right for obvious reasons, right Apple? **/
/* @import "./css/appbutton/appbutton_in_titlebar_macOS_fix.css"; /**/

/* button color - [only use one at a time] ******************************************************/





/*@import "./css/appbutton/appbutton_in_titlebar_autocolor.css"; /**/





/* @import "./css/appbutton/appbutton_in_titlebar_autocolor57p.css"; /**/
/* @import "./css/appbutton/appbutton_in_titlebar_transparent.css"; /**/
/* @import "./css/appbutton/appbutton_in_titlebar_semi_transparent.css"; /**/
/* @import "./css/appbutton/appbutton_in_titlebar_aurora.css"; /**/
/* @import "./css/appbutton/appbutton_in_titlebar_nightly.css"; /**/
/* @import "./css/appbutton/appbutton_in_titlebar_deved57p.css"; /**/
/* @import "./css/appbutton/appbutton_in_titlebar_nightly57p.css"; /**/
/* @import "./css/appbutton/appbutton_in_titlebar_palemoon.css"; /**/


/************************************************************************************************/
/* TABS - appearance and position ***************************************************************/
/************************************************************************************************/

/* custom tab appearance - [only use one at a time] *********************************************/


/* @import "./css/tabs/classic_squared_tabs.css";                                          /* Tabs neues Design, aktiver Tab umrandet  */



/* @import "./css/tabs/classic_squared_tabs_australized.css";                            /* aktiviert > nicht schön, einfacher Kasten   */






/* custom tab colors are set inside color_variables***.css file(s) ******************************/

/* remove top corner roundness ******************************************************************/
@import "./css/tabs/classic_squared_tabs_fully_squared.css"; /**/





/************************************************************************************************/
/* TABS TOOLBAR POSITION (below titlebar / below navigation toolbar / below main content) *******/
/************************************************************************************************/

/* [only use one at a time] - BELOW TITLEBAR or BELOW NAVIGATION BAR or BELOW MAIN CONTENT ******/

/* - TABS BELOW TITLEBAR (Fx56-like) ************************************************************/
/* @import "./css/tabs/tabs_below_titlebar_above_navigation_toolbar.css"; /**/

/* - TABS BELOW NAVIGATION AND BOOKMARKS TOOLBARS / TABS NOT ON TOP *****************************/
/* [!] Note: do not use OS titlebar with 'tabs not on top' code on macOS ************************/
/* [!] Note: only ~fx65_v2 works with multi-tab lines option on Fx65+. **************************/
/* - Fx 60-64 ***********************************************************************************/
/* @import "./css/tabs/tabs_below_navigation_toolbar.css"; /**/ /* <-- Windows/Linux */
/* @import "./css/tabs/tabs_below_navigation_toolbar_macOS.css"; /**/ /* <-- macOS */
/* - Fx 65-67 - Windows/Linux *******************************************************************/
/* @import "./css/tabs/tabs_below_navigation_toolbar_fx65.css"; /**/
/* - Fx 65-73 - macOS ***************************************************************************/
/* @import "./css/tabs/tabs_below_navigation_toolbar_fx65_macOS.css"; /**/
/* @import "./css/tabs/tabs_below_navigation_toolbar_fx65_macOS_default_tabs.css"; /**/
/* - Fx 65+ v2 - mainly for multi-lined tabs (Glitches with inactive menubar!) ******************/  /* <- use this for multiple tab lines support */
/* @import "./css/tabs/tabs_below_navigation_toolbar_fx65_v2.css"; /**/
/* @import "./css/tabs/tabs_below_navigation_toolbar_fx65_v2_force_hidden_menubar.css"; /**/ /* no menubar when OS titlebar is active */
/* @import "./css/tabs/tabs_below_navigation_toolbar_fx65_v2_macOS.css"; /**/
/* - Fx 68-71 Windows/Linux (use the Fx 65+ versions for macOS) *********************************/
/* @import "./css/tabs/tabs_below_navigation_toolbar_fx68.css"; /**/
/* - Fx 72-73 Windows/Linux (use the Fx 65+ versions for macOS) *********************************/
/* @import "./css/tabs/tabs_below_navigation_toolbar_fx72.css"; /**/
/* - Fx 74-88 Windows/Linux *********************************************************************/
/* [!] might require overriding url bars 'selection color' --> see corresponding area ***********/ 
/* @import "./css/tabs/tabs_below_navigation_toolbar_fx74.css"; /**/
/* - Fx 74-88 - macOS ***************************************************************************/
/* @import "./css/tabs/tabs_below_navigation_toolbar_fx74_macOS.css"; /**/
/* @import "./css/tabs/tabs_below_navigation_toolbar_fx74_macOS_default_tabs.css"; /**/
/* - Fx 89+ Windows/Linux ***********************************************************************/
/* [!] might require overriding url bars 'selection color' --> see corresponding area ***********/ 
@import "./css/tabs/tabs_below_navigation_toolbar_fx89.css"; /**/
/* - Fx 89+ - macOS *****************************************************************************/
/* @import "./css/tabs/tabs_below_navigation_toolbar_fx89_macOS.css"; /**/
/* @import "./css/tabs/tabs_below_navigation_toolbar_fx89_macOS_default_tabs.css"; /**/

/* - TABS BELOW MAIN CONTENT (tabs on bottom) - EXPERIMENTAL ************************************/
/* [!] SUPPORT THREAD: https://github.com/aris-t2/customcssforfx/issues/33 **********************/
/* [!] not compatible to 'tabs toolbar - multiple tab lines' option *****************************/
/* - Fx 60-64 ***********************************************************************************/
/* @import "./css/tabs/tabs_below_main_content.css"; /**/
/* - Fx 65-67 - Windows/Linux *******************************************************************/
/* @import "./css/tabs/tabs_below_main_content_fx65.css"; /**/
/* - Fx 65+ - macOS *****************************************************************************/
/* @import "./css/tabs/tabs_below_main_content_fx65_macOS.css"; /**/
/* @import "./css/tabs/tabs_below_main_content_fx65_macOS_default_tabs.css"; /**/
/* - Fx 68-71 Windows/Linux *********************************************************************/
/* @import "./css/tabs/tabs_below_main_content_fx68.css"; /**/
/* - Fx 72-73 Windows/Linux *********************************************************************/
/* @import "./css/tabs/tabs_below_main_content_fx72.css"; /**/
/* - Fx 74+ Windows/Linux ***********************************************************************/
/* @import "./css/tabs/tabs_below_main_content_fx74.css"; /**/

/* - MOVE NAVIGATION TOOLBAR TO HIGHER POSITON (for tabs not on top) - [only use one at a time] */




@import "./css/tabs/tabs_below_navigation_toolbar_higher_navbar_positon.css"; /**/            /* <--- EXPERIMENTAL */





/* @import "./css/tabs/tabs_below_navigation_toolbar_higher_navbar_positon_fx65.css"; /**/            /* <--- EXPERIMENTAL */
/* @import "./css/tabs/tabs_below_navigation_toolbar_higher_navbar_positon_with_appbutton.css"; /**/  /* <--- EXPERIMENTAL */
/* @import "./css/tabs/tabs_below_navigation_toolbar_higher_navbar_positon_with_appbutton_fx65.css"; /**/  /* <--- EXPERIMENTAL */
/* @import "./css/tabs/tabs_below_navigation_toolbar_higher_navbar_positon_with_appbutton_icon_only.css"; /**/  /* <--- EXPERIMENTAL */
/* @import "./css/tabs/tabs_below_navigation_toolbar_higher_navbar_positon_with_appbutton_icon_only_fx65.css"; /**/  /* <--- EXPERIMENTAL */


/* TAB BACKGROUND COLORS for default/active/hovered/unloaded tabs and 'new tab' tab *************/
/* edit target file to set own custom colors ****************************************************/




/* @import "./config/custom_tab_color_settings.css";                       / * Orange Tabs ausgefüllt */





/* TAB TEXT colors/shadow/weight/style for default/active/hovered/unloaded tabs *****************/
/* edit target file to set own custom colors ****************************************************/
/* @import "./config/custom_tab_text_settings.css"; /**/

/* MULTIROW / multi lined tabs - [only use one at a time] ***************************************/
/* [!] EXPERIMENTAL (any Fx update might break this highly experimental feature) ****************/
/* [!] SUPPORT THREAD: https://github.com/aris-t2/customcssforfx/issues/39 **********************/
/* [!] BUG: dragging tabs does not work with multi lined tabs ***********************************/
/* [!] Original authors: --> https://00.bulog.jp/archives/1476 **********************************/
/* [!] --> https://www.reddit.com/r/FirefoxCSS/comments/7dclp7/multirow_tabs_in_ff57/ ***********/
/* [!] not compatible with 'tabs toolbar - below main content' option ***************************/
/* [!] not compatible with 'tabs below navigation toolbar' option on Firefox 65+ ****************/
/* [!] only compatible with 'tabs below navigation toolbar Fx 65 v2' option on Firefox 65+ ******/



/* @import "./css/tabs/tabs_multiple_lines.css"; /**/ /* Fx 60-65 */
/* @import "./css/tabs/tabs_multiple_lines_v2.css"; /**/  /* Fx 60-65 */
/* @import "./css/tabs/tabs_multiple_lines_fx66.css"; /**/  /* Fx 66-70 */
/* @import "./css/tabs/tabs_multiple_lines_fx66_force_newtab_button_visibility.css"; /**/  /* Fx 66-70 */  
/* @import "./css/tabs/tabs_multiple_lines_fx71.css"; /**/  /* Fx 71-80 */
/* @import "./css/tabs/tabs_multiple_lines_fx71_force_newtab_button_visibility.css"; /**/  /* Fx 71-80 */
/* @import "./css/tabs/tabs_multiple_lines_fx81.css"; /**/  /* Fx 81+ */
/* @import "./css/tabs/tabs_multiple_lines_fx81_force_newtab_button_visibility.css"; /**/  /* Fx 81+ */

/* TAB TITLE IN FIREFOX TITLEBAR (Windows & Firefox 60-72 only) *********************************/
/* [!] some internal pages only show default browser title **************************************/
/* [!] might not always work correctly **********************************************************/
/* @import "./css/tabs/tab_title_in_firefox_titlebar.css"; /**/
/* @import "./css/tabs/tab_title_in_firefox_titlebar_fx65.css"; /**/
/* @import "./css/tabs/tab_title_in_firefox_titlebar_centered.css"; /**/

/* Tab scroll buttons position - [only use one at a time] ***************************************/
/* @import "./css/tabs/tab_scrollbuttons_both_on_toolbars_start.css"; /**/  /* Fx 60-71 */ 
/* @import "./css/tabs/tab_scrollbuttons_both_on_toolbars_start_fx72.css"; /**/  /* Fx 72+ */
/* @import "./css/tabs/tab_scrollbuttons_both_on_toolbars_end.css"; /**/  /* Fx 60-71 */
/* @import "./css/tabs/tab_scrollbuttons_both_on_toolbars_end_fx72.css"; /**/  /* Fx 72+ */


/* restore empty/missing tab favicon - [only use one at a time] *********************************/
/* @import "./css/tabs/missing_tab_favicon_restored_default.css"; /**/
/* @import "./css/tabs/missing_tab_favicon_restored_globe_v2.css"; /**/
/* @import "./css/tabs/missing_tab_favicon_restored_sheet.css"; /**/
/* @import "./css/tabs/missing_tab_favicon_restored_dotted.css"; /**/
/* @import "./css/tabs/missing_tab_favicon_restored_dotted_white.css"; /**/
/* @import "./css/tabs/missing_tab_favicon_restored_brand_logo.css"; /**/


/* custom tab loading animation - [only use one at a time] **************************************/
/* @import "./css/tabs/tab_throbber_blue_fx56.css"; /**/
/* @import "./css/tabs/tab_throbber_blue.css"; /**/
/* @import "./css/tabs/tab_throbber_grey_classic.css"; /**/
/* @import "./css/tabs/tab_throbber_green.css"; /**/
/* @import "./css/tabs/tab_throbber_orange_ubuntu.css"; /**/


/* tab close icon settings - [only use one at a time] *******************************************/
@import "./css/tabs/tab_close_always_visible.css"; /**/
/* @import "./css/tabs/tab_close_on_active_tab_only.css"; /**/
/* @import "./css/tabs/tab_close_show_on_hover_only.css"; /**/
/* @import "./css/tabs/tab_close_hidden.css"; /**/
/* @import "./css/tabs/tab_close_hidden_for_only_one_visible_tab.css"; /**/
/* @import "./css/tabs/tab_close_at_tabs_start.css"; /**/
/* @import "./css/tabs/tab_close_icon_size.css"; /**/

/* tab title - [only use one at a time] for Fx 60-88 and 89-90 with disabled Proton only ********/
/* @import "./css/tabs/tab_title_left.css"; /**/



@import "./css/tabs/tab_title_centered.css"; /**/





/* @import "./css/tabs/tab_title_right.css"; /**/

/* DEFAULT TABS - use only, if 'classic squared tabs' are disabled ******************************/

/* @import "./css/tabs/default_tabs_tab_border.css";                              /*   Rahmen bei allen Tabs  */





/*@import "./css/tabs/default_tabs_round_top_borders.css";                /*  oben und unten Rahmen, Abrundung bleibt  */





/* @import "./css/tabs/default_tabs_tab_containers_full_line.css"; /**/


/* tab background/color settings - [only use one at a time] *************************************/

/* @import "./css/tabs/default_tabs_tab_background_appearance.css";                      /*  bei allen Tabs ein tranzparenter hintergrund  */



/* tab line settings - [only use one at a time] *************************************************/
/* @import "./css/tabs/default_tabs_no_tab_line.css";                                    /*  Keine Auswirkung bei aktiviert*/

/* @import "./css/tabs/default_tabs_static_tab_line.css"; /**/
/* @import "./css/tabs/default_tabs_tab_line_red_for_unloaded_tabs.css"; /**/
/* @import "./css/tabs/default_tabs_tab_line_purple_in_private_mode.css"; /**/

/* other tab settings ***************************************************************************/


*@import "./css/tabs/tab_icon_colors.css";                                               /* keine erkennbare auswirkung*/




/*@import "./css/tabs/newtab_tab_size_equals_tab_size.css";                              /*  bei deaktivirung ist der close-button direkt am tab*/



/* @import "./css/tabs/newtab_button_always_visible.css"; /**/
/* @import "./css/tabs/tab_icon_inactive_tabs_lower_opacity.css"; /**/
/* @import "./css/tabs/tab_icon_unloaded_tabs_lower_opacity.css"; /**/


/* @import "./css/tabs/tab_maxwidth.css"; /**/



/* @import "./css/tabs/tab_titles_remove_blur.css"; /**/
/* @import "./css/tabs/alltabs_button_always_visible.css"; /**/  /* <--- hidden, if multiple tab row are used */
/* @import "./css/tabs/pinnedtab_empty_favicon_hidden.css"; /**/
/* edit target file to select which items to hide ***********************************************/
/* @import "./css/tabs/tab_context_menuitems_visibility.css"; /**/






/************************************************************************************************/
/* GENERAL UI ***********************************************************************************/
/************************************************************************************************/




@import "./css/generalui/private_mode_indicator_hidden.css"; /* Keine Auwirkung... */






/*@import "./css/generalui/bookmark_icons_colorized.css"; /**/




/* @import "./css/generalui/bookmarks_smaller_more_bookmarks_icon.css"; /**/
/* @import "./css/generalui/send_to_device_menuitems_hidden.css"; /**/
/* @import "./css/generalui/set_as_desktop_background_menuitems_hidden.css"; /**/
/* @import "./css/generalui/popup_animation_fade_time_reduced.css"; /**/
/* @import "./css/generalui/popup_items_hover_appearance_aero.css"; /**/
/* @import "./css/generalui/popup_menupopup_with_scrollbars.css"; /**/  /* <- breaks tabs scroll buttons */
/* @import "./css/generalui/increase_ui_font_size.css"; /**/
/* @import "./css/generalui/flex_space_on_navbar_replace_with_separator.css"; /**/
/* @import "./css/generalui/statusbar_color.css"; /**/
/* @import "./css/generalui/classic_drop_indicator.css"; /**/
/* @import "./css/generalui/notification_old_size.css"; /**/

/* overflow menu - [only use one at a time] *****************************************************/
/* @import "./css/generalui/overflow_menu_remove_text.css"; /**/
/* @import "./css/generalui/overflow_menu_horizontal_remove_text.css"; /**/

/* sidebar **************************************************************************************/
/* @import "./css/generalui/sidebar_items_compact.css"; /**/
/* @import "./css/generalui/sidebar_header_icons_colorized.css"; /**/
/* @import "./css/generalui/sidebar_header_lwtheme.css"; /**/
/* sidebar dimensions - [only use one at a time] ************************************************/
/* @import "./css/generalui/sidebar_show_on_hover.css"; /**/
/* @import "./css/generalui/sidebar_width_unrestricted.css"; /**/
/* sidebar appearance - [only use one at a time] ************************************************/
/* @import "./css/generalui/sidebar_appearance_grey.css"; /**/
/* @import "./css/generalui/sidebar_appearance_grey_v2.css"; /**/
/* @import "./css/generalui/sidebar_appearance_dark.css"; /**/
/* @import "./css/generalui/sidebar_appearance_dark_v2.css"; /**/
/* @import "./css/generalui/sidebar_appearance_lwtheme_bright.css"; /**/
/* @import "./css/generalui/sidebar_appearance_lwtheme_dark.css"; /**/


/* FINDBAR **************************************************************************************/
/* @import "./css/generalui/findbar_compact.css"; /**/

/* FINDBAR - FIREFOX 60-83 **********************************************************************/
/* @import "./css/generalui/findbar_on_top.css"; /**/
/* @import "./css/generalui/findbar_show_full_quickfindbar.css"; /**/
/* @import "./css/generalui/findbar_on_top_fade_out_on_hover.css"; /**/
/* findbar - close icon position - [only use one at a time] *************************************/
/* @import "./css/generalui/findbar_on_top_close_at_findbars_start.css"; /**/
/* @import "./css/generalui/findbar_compact_on_top_close_at_findbars_start.css"; /**/
/* @import "./css/generalui/findbar_on_bottom_close_at_findbars_start.css"; /**/

/* FINDBAR FIREFOX 84+ **************************************************************************/
/* @import "./css/generalui/findbar_on_top_fx84.css"; /**/
/* @import "./css/generalui/findbar_on_top_close_at_findbars_start_fx84.css"; /**/


/* page context menu items: 'back', 'forward', 'reload', 'stop', 'bookmarks' ********************/
/* @import "./css/generalui/context_bfrsb_icons_colorized.css"; /**/
/* menuitem labels - [only use one at a time] ***************************************************/



@import "./css/generalui/context_bfrsb_labels_without_icons.css"; /*keine erkennbare auswirkungen */




/* @import "./css/generalui/context_bfrsb_labels_with_icons.css"; /**/
/* @import "./css/generalui/context_bfrsb_labels_with_and_without_icons_Lin_macOS.css"; /**/        /* <-- Linux/macOS fix v1 */
/* @import "./css/generalui/context_bfrsb_labels_with_and_without_icons_Lin_macOSv2.css"; /**/        /* <-- Linux/macOS fix v2 */

/* context menus / menupopups - Proton / Fx89+ **************************************************/
/* @import "./css/generalui/compact_menus_proton.css"; /**/

/* close icons for general ui and tabs - [only use one at a time] *******************************/
/* @import "./css/generalui/close_icon_windows7.css"; /**/
/* @import "./css/generalui/close_icon_windows7inverted.css"; /**/
/* @import "./css/generalui/close_icon_windows7v2.css"; /**/
/* @import "./css/generalui/close_icon_gchrome.css"; /**/
/* @import "./css/generalui/close_icon_red.css"; /**/
/* @import "./css/generalui/close_icon_windows10.css"; /**/
/* @import "./css/generalui/close_icon_windows10inverted.css"; /**/
/* @import "./css/generalui/close_icon_windows10red.css"; /**/
/* @import "./css/generalui/close_icon_windows10redv2.css"; /**/
/* @import "./css/generalui/close_icon_firefox3.css"; /**/

/* SEARCHBAR ************************************************************************************/




/*@import "./css/generalui/searchbar_glassplus_indicator_hidden.css"; /**/



/* @import "./css/generalui/searchbar_go_button_hidden.css"; /**/

/* searchbar popup ******************************************************************************/
/* @import "./css/generalui/searchbar_popup_current_engine_hidden.css"; /**/
/* searchbar popup - search engine settings - [only use one at a time] **************************/
/* @import "./css/generalui/searchbar_popup_engines_hidden.css"; /**/
/* @import "./css/generalui/searchbar_popup_engines_show_labels.css"; /**/
/* @import "./css/generalui/searchbar_popup_engines_show_labels_fx66.css"; /**/
/* @import "./css/generalui/searchbar_popup_engines_show_labels_fx70.css"; /**/
/* @import "./css/generalui/searchbar_popup_engines_show_labels_fx72.css"; /**/
/* @import "./css/generalui/searchbar_popup_engines_show_labels_scrollbars.css"; /**/
/* @import "./css/generalui/searchbar_popup_engines_show_labels_scrollbars_fx66.css"; /**/
/* @import "./css/generalui/searchbar_popup_engines_show_labels_scrollbars_fx70.css"; /**/
/* @import "./css/generalui/searchbar_popup_engines_show_labels_scrollbars_fx72.css"; /**/

/* OLD SEARCH (for Firefox 60-63 only!) *********************************************************/    /* <--- OLD SEARCH */
/* [!] 'Old search' does not work with Firefox 64+ anymore due to Firefox code changes **********/
/* [!] Try alternatives provided within support thread ******************************************/
/* [!] 'about:config > browser.search.openintab': open search in current or new tab *************/
/* [!] 'about:config > browser.search.suggest.enabled': search suggestions visibility ***********/
/* [!] 'about:config > browser.oldsearch.customwidth': enables custom popup width ***************/
/* [!] 'about:config > browser.oldsearch.customwidthvalue': custom popup width value ************/
/* [!] 'about:config > browser.oldsearch.clearinput': clear searchbox after search **************/
/* [!] 'about:config > browser.oldsearch.reverttodefault': revert to first engine after search **/
/* [!] Shift + click on search glass: search opens in a new window ******************************/
/* [!] Ctrl/Cmd + click on search glass: search opens in a new tab ******************************/
/* [!] SUPPORT THREAD: https://github.com/aris-t2/customcssforfx/issues/104 *********************/
/* @import "./css/generalui/oldsearch.css"; /**/  /*  <--- use this for Fx 60-62 */
/* @import "./css/generalui/oldsearch63.css"; /**/  /*  <--- use this for Fx 63 (Fx 64+ not supported!) */

/* MENUBARS bookmarks popup (not compatible to macOS/Linux) *************************************/
/* @import "./css/generalui/menubar_bookmarks_popup_bookmark_page_item_hidden.css"; /**/
/* @import "./css/generalui/menubar_bookmarks_popup_subscribe_item_hidden.css"; /**/
/* @import "./css/generalui/menubar_bookmarks_popup_toolbar_item_hidden.css"; /**/
/* @import "./css/generalui/menubar_bookmarks_popup_other_item_hidden.css"; /**/


/************************************************************************************************/
/* TOOLBARS *************************************************************************************/
/************************************************************************************************/

/* ADDON BAR - simulate add-on bar by moving bookmarks toolbar to the bottom ********************/
/* [!] move 'Bookmarks Toolbar Items' to navigation bar to get a top toolbar with bookmarks *****/
/* [!] not compatible to 'bookmarks toolbar - multiple lines' option ****************************/
/* [!] not compatible to 'bookmarks toolbar autohide' option ************************************/
/* [!] SUPPORT THREAD: https://github.com/aris-t2/customcssforfx/issues/73 **********************/
/* @import "./css/toolbars/addonbar_move_bookmarks_toolbar_to_bottom.css"; /**/  /* <--- EXPERIMENTAL */
/* @import "./css/toolbars/addonbar_move_bookmarks_toolbar_to_bottom_fx72.css"; /**/  /* <--- EXPERIMENTAL */
/* @import "./css/toolbars/addonbar_move_bookmarks_toolbar_to_bottom_tabs_on_bottom_compatibility.css"; /**/  /* <--- EXPERIMENTAL */
/* @import "./css/toolbars/addonbar_content_on_the_right.css"; /**/  /* <--- EXPERIMENTAL */
/* @import "./css/toolbars/addonbar_status_in_addonbar.css"; /**/  /* <--- EXPERIMENTAL */
/* @import "./css/toolbars/addonbar_fullscreen_autohide.css"; /**/  /* <--- EXPERIMENTAL */
/* [!] Fx 65+ create additional toolbar for 'bookmarks toolbar items' on navigation toolbar *****/
/* @import "./css/toolbars/addonbar_extra_bookmarks_toolbar_below_navbar_fx65.css"; /**/  /* <--- EXPERIMENTAL */
 
/* GENERAL TOOLBAR SETTINGS *********************************************************************/
/* @import "./css/toolbars/tab_toolbar_color_proton.css"; /**/



/*@import "./css/toolbars/toolbars_old_padding.css";                              /* deaktiviert ->  keine erkennbare Auswirkungen  */





/*@import "./css/toolbars/tabs_toolbar_adjustments.css";                          /* deaktiviert ->  keine erkennbare Auswirkungen  */






/* @import "./css/toolbars/tabs_toolbar_adjustments_macOS_fix.css"; /**/                    /*  <-- macOS fix */

/* edit target file to select which items to hide ***********************************************/
/* @import "./css/toolbars/toolbar_context_menuitems_visibility.css"; /**/

/* MENUBAR **************************************************************************************/
/* @import "./css/toolbars/menubar_fog_hidden.css"; /**/
/* @import "./css/toolbars/menubar_alternative_menu_hover_color.css"; /**/
/* @import "./css/toolbars/menubar_in_fullscreen_mode.css"; /**/
/* @import "./css/toolbars/menubar_in_fullscreen_mode_alt_fx65_v2.css"; /**/ /*'tabs not on top v2' + Fx65+ */
/* menubar color - ******************************************************************************/
/* @import "./css/toolbars/menubar_color.css"; /**/

/* BOOKMARKS TOOLBAR ****************************************************************************/




@import "./css/toolbars/bookmarks_toolbar_old_height.css"; /**/




/* @import "./css/toolbars/bookmarks_toolbar_fixed_width.css"; /**/
/* @import "./css/toolbars/bookmarks_toolbar_autohide.css"; /**/
/* @import "./css/toolbars/bookmarks_toolbar_bookmark_labels_hidden.css"; /**/
/* @import "./css/toolbars/bookmarks_toolbar_in_fullscreen_mode.css"; /**/
/* [!] simulate second bookmarks toolbar while "Bookmarks Toolbar Items" element is on nav-bar **/
/* @import "./css/toolbars/bookmarks_toolbar_simulate_second_bm_toolbar.css"; /**/
/* @import "./css/toolbars/bookmarks_toolbar_simulate_second_bm_toolbar_fx65.css"; /**/

/* BOOKMARKS TOOLBAR above navigation toolbar - [only use one at a time] ************************/
/* @import "./css/toolbars/bookmarks_toolbar_above_navigation_toolbar.css"; /**/
/* @import "./css/toolbars/bookmarks_toolbar_above_navigation_toolbar_when_tab_not_top.css"; /**/

/* BOOKMARKS TOOLBAR - MULTIPLE LINES - [only use one at a time] ********************************/
/* [!] the amount of visible bookmark items is limited internally to ~90-110 bookmarks **********/
/* [!] not compatible to 'bookmarks toolbar autohide' option ************************************/
/* [!] not compatible to 'simulated second bookmarks toolbar' option ****************************/
/* [!] not compatible to 'simulated addon-bar' option *******************************************/
/* [!] SUPPORT THREAD: https://github.com/aris-t2/customcssforfx/issues/99 **********************/
/* @import "./css/toolbars/bookmarks_toolbar_multiple_lines.css"; /**/ /* <--- EXPERIMENTAL */
/* @import "./css/toolbars/bookmarks_toolbar_multiple_lines_fx66.css"; /**/ /* <--- EXPERIMENTAL */ /*Fx66-73*/
/* @import "./css/toolbars/bookmarks_toolbar_multiple_lines_fx74.css"; /**/ /* <--- EXPERIMENTAL */ /*Fx74+*/

/* TOOLBAR COLORS *******************************************************************************/




/*@import "./css/toolbars/general_toolbar_colors.css";                               /*  deaktiviert >  keine erkennbare Auswirkungen */





/* @import "./css/toolbars/tab_toolbar_colors_force_menubar_color.css"; /**/

/* AeroGlass TOOLBARS - separated - set per toolbar / WIN10 fix for GLASS8 **********************/
/* @import "./css/toolbars/general_toolbar_colors_navigation_toolbar_aeroglass.css"; /**/
/* @import "./css/toolbars/general_toolbar_colors_bookmarks_toolbar_aeroglass.css"; /**/
/* @import "./css/toolbars/general_toolbar_colors_tabs_toolbar_aeroglass.css"; /**/
/* Windows 10 fix for Glass8 - Glass8 required for 'Windows 7'-like window transparency */
/* @import "./css/toolbars/general_toolbar_colors_aeroglass_windows10_glass8.css"; /**/  /* <--- EXPERIMENTAL */

/* TOOLBAR TEXT MODES - [only use one at a time] ************************************************/
/* @import "./css/toolbars/toolbar_mode_icons_and_text.css"; /**/
/* @import "./css/toolbars/toolbar_mode_icons_and_text_macOS.css"; /**/ /* -> also offers alternative appearance on Linux */
/* @import "./css/toolbars/toolbar_mode_text.css"; /**/
/* @import "./css/toolbars/toolbar_mode_text_macOS.css"; /**/ /* -> also offers alternative appearance on Linux */


/************************************************************************************************/
/* LOCATION BAR / MEGABAR - Settings for both 'about:config > browser.urlbar.update1' cases *****/
/************************************************************************************************/

/* remove color formatting of the url: about:config > browser.urlbar.formatting.enabled > false */

/* @import "./css/locationbar/compact_mode_reduce_fontsize.css"; /**/

/* identity box / page identity button **********************************************************/
/* @import "./css/locationbar/identitybox_replace_i_icon_with_globe.css"; /**/ /* replaces search glass in Fx70+ */ /* Fx 60-83 only */



/*@import "./css/locationbar/identitybox_colors.css";                   /*  deaktiviert >>>     linke icons bei adresszeile wieder standard   */




/* @import "./css/locationbar/identitybox_labels_hidden.css"; /**/

/* padlock icons in identity box / page identity button - [only use one at a time] **************/
/* @import "./css/locationbar/identitybox_padlock_icon_classic.css"; /**/
/* @import "./css/locationbar/identitybox_padlock_icon_classic2.css"; /**/
/* @import "./css/locationbar/identitybox_padlock_icon_modern.css"; /**/
/* @import "./css/locationbar/identitybox_padlock_icon_modern2.css"; /**/
/* @import "./css/locationbar/identitybox_padlock_icon_hidden.css"; /**/

/* additional icons/buttons and tweaks for third party page action buttons **********************/
@import "./css/locationbar/icons_colorized.css"; /**/
/* @import "./css/locationbar/reader_alternative_icon.css"; /**/
/* @import "./css/locationbar/popup_blocked_button_hidden.css"; /**/
/* @import "./css/locationbar/zoom_button_hidden.css"; /**/
/* @import "./css/locationbar/go_button_in_location_bar_hidden.css"; /**/

/* page action button (three dots) / separator **************************************************/
@import "./css/locationbar/pageaction_separator_in_location_bar_hidden.css"; /**/
/* @import "./css/locationbar/pageaction_button_in_location_bar_hidden.css"; /**/
/* @import "./css/locationbar/pageaction_button_rotated_and_last_pageaction_button.css"; /**/

/* star button / bookmarks star *****************************************************************/
/* @import "./css/locationbar/starbutton_is_last_pageaction_button.css"; /**/
/* @import "./css/locationbar/starbutton_popup_preview_image_hidden.css"; /**/
/* alternative yellow star icon - [only use one at a time] **************************************/
/* @import "./css/locationbar/starbutton_alternative_icon.css"; /**/
/* @import "./css/locationbar/starbutton_alternative_icon_v2.css"; /**/

/* general popup/results settings ***************************************************************/
@import "./css/locationbar/ac_popup_result_font_size.css"; /**/
/* @import "./css/locationbar/ac_popup_firefox_background_logo.css"; /**/

/* selection color / force selection color on themes without predefined selection color *********/
/* @import "./css/locationbar/selection_color_for_dark_bg.css"; /**/
/* @import "./css/locationbar/selection_color_for_bright_bg.css"; /**/

 
/************************************************************************************************/
/* MEGABAR - settings for 'megabar' & 'megabar popup' (active in Firefox 75+ by default) ********/
/* about:config > browser.urlbar.update1 > true (pref present in Firefox 72-76) *****************/
/************************************************************************************************/

@import "./css/locationbar/megabar_expanding_breakout_disabled.css"; /**/
/* @import "./css/locationbar/megabar_disable_openviewonfocus.css"; /**/
/* @import "./css/locationbar/megabar_border_roundness.css"; /**/
/* @import "./css/locationbar/megabar_background_color_dark.css"; /**/

/* popup content order/appearance - [only use one at a time] ************************************/
@import "./css/locationbar/ac_popup_megabar_title_and_url_50percent_width.css"; /**/
/* @import "./css/locationbar/ac_popup_megabar_url_and_title_50percent_width.css"; /**/
/* @import "./css/locationbar/ac_popup_megabar_title_and_url_two_lines.css"; /**/
/* @import "./css/locationbar/ac_popup_megabar_url_only.css"; /**/ 

/* result menuitem settings/appearance **********************************************************/
@import "./css/locationbar/ac_popup_megabar_compact_results.css"; /**/
/* @import "./css/locationbar/ac_popup_megabar_searchwith_and_visit_items_hidden.css"; /**/
/* @import "./css/locationbar/ac_popup_megabar_search_engines_hidden.css"; /**/
/* @import "./css/locationbar/ac_popup_megabar_result_highlighting_aero.css"; /**/
/* @import "./css/locationbar/ac_popup_megabar_result_separator.css"; /**/


/* DO NOT USE OLD LOCATION BAR SETTINGS ON CURRENT FIREFOX VERSIONS - Firefox 77+ ***************/
/* [!] Location bar settings below will stop working in Firefox 77+. Use megabar settings! [!] **/
/************************************************************************************************/
/* LOCATION BAR - settings for 'legacy location bar / urlbar popup' (not megabar popup) *********/
/* [!] Firefox settings for Firefox 60-76 only **************************************************/
/* [!] about:config > browser.urlbar.update1 > false (present in Firefox 72-76) *****************/
/************************************************************************************************/

/* general & old location bar tweaks ************************************************************/
/* @import "./css/locationbar/locationbar_adjustments.css"; /**/
/* @import "./css/locationbar/background_color_dark.css"; /**/
/* @import "./css/locationbar/locationbar_border_roundness.css"; /**/
/* @import "./css/locationbar/locationbar_reduce_height.css"; /**/

/* autocomplete / history dropmarker ************************************************************/
/* @import "./css/locationbar/dropmarker_at_the_end.css"; /**/
/* @import "./css/locationbar/dropmarker_visible.css"; /**/ /* Windows only */

/* popup content order/appearance - [only use one at a time] ************************************/
/* @import "./css/locationbar/ac_popup_url_and_title_50percent_width.css"; /**/
/* @import "./css/locationbar/ac_popup_title_and_url_50percent_width.css"; /**/
/* @import "./css/locationbar/ac_popup_item_title_hidden.css"; /**/
/* @import "./css/locationbar/ac_popup_item_title_visible_on_hover_only.css"; /**/
/* [!] 'Classic/old popup with two lined results' option notes **********************************/
/* [!] - separate options for Firefox 60-62, 63, 64 and 68+ *************************************/
/* [!] - Firefox 60-63: popup code is XBL (xml) based like on older Firefox versions ************/
/* [!] - Firefox 60-63: option removes 'oneoff' searches at popups bottom ***********************/
/* [!] - Firefox 60-63: option throws unfixable warnings in 'error console' *********************/
/* [!] - Firefox 64+: popup width can not be detected automatically anymore *********************/
/* [!] - Firefox 64+: popup width has to be set manually inside /config/ files ******************/
/*  - for Firefox 60-62 *************************************************************************/
/* @import "./css/locationbar/ac_popup_classic_with_two_lines.css"; /**/  /* <--- old autocomplete popup*/
/* @import "./css/locationbar/ac_popup_classic_with_url_only.css"; /**/  /* <--- old autocomplete popup + url only */
/*  - for Firefox 63 ****************************************************************************/
/* @import "./css/locationbar/ac_popup_classic_with_two_lines_fx63.css"; /**/  /* <--- old autocomplete popup */
/* @import "./css/locationbar/ac_popup_classic_with_url_only_fx63.css"; /**/  /* <--- old autocomplete popup + url only */
/*  - for Firefox 64-67 *************************************************************************/
/* @import "./css/locationbar/ac_popup_classic_with_two_lines_fx64.css"; /**/  /* <--- old autocomplete popup */
/* @import "./css/locationbar/ac_popup_classic_with_two_lines_fx64_star_at_the_end.css"; /**/  /* <--- old autocomplete popup + star icon at the end */
/* @import "./css/locationbar/ac_popup_classic_with_url_only_fx64.css"; /**/  /* <--- old autocomplete popup + url only */
/* @import "./css/locationbar/ac_popup_classic_with_url_only_fx64_star_at_the_end.css"; /**/   /* <--- old autocomplete popup + url only + star icon at the end */
/*  - for Firefox 68-71 *************************************************************************/
/* @import "./css/locationbar/ac_popup_classic_with_two_lines_fx68.css"; /**/  /* <--- old autocomplete popup */
/* @import "./css/locationbar/ac_popup_classic_with_two_lines_fx68_star_at_the_end.css"; /**/  /* <--- old autocomplete popup + star icon at the end */
/* @import "./css/locationbar/ac_popup_classic_with_url_only_fx68.css"; /**/  /* <--- old autocomplete popup + url only */
/* @import "./css/locationbar/ac_popup_classic_with_url_only_fx68_star_at_the_end.css"; /**/   /* <--- old autocomplete popup + url only + star icon at the end */
/* @import "./css/locationbar/ac_popup_default_with_two_lines_fx68.css"; /**/ /* default popup + two lined results*/
/*  - for Firefox 72-76 ('about:config > browser.urlbar.update1 > false') ***********************/
/* @import "./css/locationbar/ac_popup_default_with_two_lines_fx72.css"; /**/ /* default popup + two lined results*/

/* result menuitem settings/appearance **********************************************************/
/* @import "./css/locationbar/ac_popup_result_highlighting_aero.css"; /**/
/* @import "./css/locationbar/ac_popup_keysearch_bold.css"; /**/ /* Fx60-Fx67 only */
/* @import "./css/locationbar/ac_popup_keysearch_underline.css"; /**/ /* Fx60-Fx67 only */
/* @import "./css/locationbar/ac_popup_result_separator.css"; /**/
/* custom amount of result items: about:config > browser.urlbar.maxRichResults ******************/
/* @import "./css/locationbar/ac_popup_custom_height.css"; /**/

/* hide 'Search with...' and 'Visit...' results *************************************************/
/* - browser preferences: disable 'show search suggestions inside address bar results' **********/
/* - hide bottom search engines: about:config > browser.urlbar.oneOffSearches > false ***********/
/* [!] Hiding will not work properly in all cases. Sometimes an empty box will be visible. ******/
/* [!] Suggested to use aboves 'custom popup height' and to increase amount of result items. ****/
/* @import "./css/locationbar/ac_popup_searchwith_and_visit_items_hidden.css"; /**/  /* <--- EXPERIMENTAL */


/************************************************************************************************/
/************************************************************************************************/
/* Create a new file "my_userChrome.css" and add own/custom code to it. *************************/
@import "./my_userChrome.css"; /**/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/

Alles anzeigen

Parzival · Screenshot 2021-06-06 154559.png

Hi!

Ich hab jetzt doch nochmal den Code von Aris her genommen und es sieht fast so aus wie vor den Update .

Einzig die Tab-Höhe ist mir noch zu niedrig. Kann mir da einer weiterhelfen ?

Parzival

2002Andreas

Nennt sich Gradient Orange-Blue ist aber bei vielen Themes auch so, hab da schon einige ausprobiert...

grisu2099

Nein, klappt auch nicht. Schade

Wegen den Close-Button habt ihr keine Lösung für mich?

Parzival

grisu2099

Leider nicht, aber Danke für deine Unterstützung

Parzival · Screenshot 2021-06-05 105741.png

Hi Alle!

Hab jetzt noch ein bisschen kosmetische Änderungen vorgenommen, also was in meiner Macht steht .

Jetzt zu meinen anliegen, das Close-Button-Icon hab ich größer gemacht, jetzt ist es aber so wenn ich mit der Maus drüber gehe wird das Kreuz noch größer. Wie kann ich das abstelllen?

Und noch was, wie bekomme ich zumindest die oberen graue Linie weg?

CSS

 /* Tab-Schließen-Button:
    * Rechts weniger Abstand zum TAB-Rand, etwas größer,
    * Textfarbe (Kreuz)
    * Hintergrundfarbe, an den Eckenradius des Buttons angepaßt.*/
 
    #TabsToolbar .tab-close-button {
         margin-right: 1px !important;
         padding: 0 !important;
         color: white ; 
    }

    #TabsToolbar .tab-close-button .toolbarbutton-icon 
    {
         height: 12px ;
         width:  12px ;
         background-color: black ;
         border-radius: 1px ; 
    }

Alles anzeigen

Parzival

Nabend!

Wegen deinen Close-Button hab ich was gefunden, musst halt noch etwas anpassen .

Der Code ist von Boersenfeger .

CSS

    /* Tab-Schließen-Button:
    * Rechts weniger Abstand zum TAB-Rand, etwas größer,
    * Textfarbe (Kreuz)
    * Hintergrundfarbe, an den Eckenradius des Buttons angepaßt.*/
 
    #TabsToolbar .tab-close-button {
    margin-right: 1px !important;
    padding: 0 !important;
    color: black !important; }

    #TabsToolbar .tab-close-button .toolbarbutton-icon {
    height: 18px !important;
    width:  18px !important;
    background-color: red !important;
    border-radius: 5px !important; }
    

    /* Schliessen-Button nur wenn angewählt */

    tab:not([selected]) .tab-close-button {display: none !important; }

Alles anzeigen

Parzival

2002Andreas

Ich hab das mit den obigen Abstand (Höhe) hin bekommen .

Nur der durchgehende Streifen gefällt mir überhaupt nicht, naja bin ich nicht gewohnt .

Hier trotzdem mein Code:

Ähm, gibt es irgendwo eine Aufschlüsselung was die "Befehle"-> (toolbar-menubar,navigator-toolbox, toolbar-menubar usw) bewirken?

Damit man selbst dran rum machen kann .

Boersenfeger

Dein Code sieht interessant aus, auch weil er mit Hinweise versehen ist, werde ich mal testen .

Vielleicht kann ich was gebrauchen .

CSS

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
 
/* Modify to change window drag space width */
/*
Use tabs_on_bottom_menubar_on_top_patch.css if you
have menubar permanently enabled and want it on top
*/
 
/* IMPORTANT */
/*
Get window_control_placeholder_support.css
Window controls will be all wrong without it.
Additionally on Linux, you may need to get:
linux_gtk_window_control_patch.css
*/
 
 /*Tabs in Tableiste mittig*/
scrollbox:not(#PlacesToolbarItems) {
    -moz-box-pack: center !important;
}



:root{ --uc-titlebar-padding: 0px; }
@media (-moz-os-version: windows-win10){
:root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
}
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
#TabsToolbar > .titlebar-buttonbox-container{
position: fixed;
display: block;
top: var(--uc-titlebar-padding,0px);
right:0;
height: 40px;
}
/* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
:root{ --uc-titlebar-padding: 0px !important }
.titlebar-buttonbox-container{ left:0; right: unset !important; }
}
 
:root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }
 
#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }
 
#navigator-toolbox calc(30px + var(--uc-titlebar-padding,0px)) !important;
 
.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
 
#titlebar{
-moz-box-ordinal-group: 2;
-moz-appearance: none !important;
--tabs-navbar-shadow-size: 0px;
}
 
.titlebar-placeholder,
#TabsToolbar .titlebar-spacer{ display: none; }
/* Also hide the toolbox bottom border which isn't at bottom with this setup */
#navigator-toolbox::after{ display: none !important; }
 
@media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }
 
/* These exist only for compatibility with autohide-tabstoolbar.css */
toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; }
#navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 }
 
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
 
/* Menubar on top patch - use with tabs_on_bottom.css */
/* Only really useful if menubar is ALWAYS visible */
 
:root{ --uc-window-control-width: 0px !important }
 
#navigator-toolbox{ padding-top: calc(29px + var(--uc-titlebar-padding,0px)) !important }
 
#toolbar-menubar{
position: fixed;
display: flex;
top: var(--uc-titlebar-padding,0px);
height: 29px;
width: 100%;
overflow: hidden;
}
 
#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }
 
#toolbar-menubar > [flex]{ flex-grow: 100; }
#toolbar-menubar > spacer[flex]{
order: 99;
flex-grow: 1;
min-width: var(--uc-window-drag-space-width,20px);
}
 
#toolbar-menubar .titlebar-button{ padding: 2px 17px !important; }
 
#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }

/* TABS: height */*|*:root { --tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 32px !important; /*adjust to set height or omit to use density*/
--tab-min-width: 100px !important; /*adjust to set width or omit to use default*/

#tabbrowser-tabs {
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
 
.tab-background {
border-radius: 8px 8px 0px 0px !important; border-image: none !important;
}
.tab-line {
display: none;
}
 

.tab-close-button {
    color: black !important; /* Farbe des Kreuzes */
}

Alles anzeigen

Parzival · Screenshot 2021-06-04 122852.png

Sorry, ich hatte den ganz unten angehäng, jetzt gehts .

Könnte man noch kosmetische Änderungen vornehmen, zB die obere Zeile ist von der Höhe her zu schmal, sieht man rechts ganz gut.

Und könnte man links und rechts den dunklen streifen auf die Adresszeile begrenzen, so wie der Screen wo ich am Anfang hochgeladen hatte ?

Das mit der oberen Zeile hab ich jetzt mit der Höhe hin bekommen.

Fehlt nur noch das mit den dunklen Streifen, links und rechts...

Parzival

Zitat von Boersenfeger

Bei mir klappts und machts komfortabel..

Kannst du deinen Code mir mal zeigen, bei mir gehts nicht...

Parzival

2002Andreas

Sieht schon mal gut aus . Werde ich mal testen

Parzival

Boersenfeger

Hi! Danke erstmal für deinen Rat und ja das mit der "Tableiste unten" gibt es genug Hilfen, das bekomme ich hin .

Aber das die Tabs zentral (mittig) anfangen, dazu hab ich leider nichts gefunden.

Parzival

Mich habt ihr komplett ignoriert...

Hab jetzt sogar einen extra Thread aufgemacht, da wird mir auch nicht geholfen...

Parzival

Boersenfeger

Nabend! So wie ich das sehe macht Aris Code "nur" noch optische Veränderungen.

Heist also das die Tableiste oben ist und auch die Tab's nicht mittig sind...

Parzival · Screenshot 2021-06-03 103827.png

Guten Morgen !

Da mein FF auf Version 89 geupdatet wurde funktioniert natürlich mein CSS-Code nicht mehr...

Der Code ist schon älter, hab selbst dran rum gemacht. Er bewirkt das die Tableiste unter der Adressleiste ist und die Tab's zentriert (mittig) anfangen. Auch das das Lesezeichenmenü in der Höhe größer beim ausklappen dargestellt wird, ist mir aber in erster Linie nicht so wichtig (mehr).

Der Screen zeigt so wie es vor den update ausgesehen hat.

Hier die Codes wo ich in meinen Chrome-Ordner habe. Ich denke das der Code schon sehr überladen ist bzw manchen Code nicht brauche, aber da kenne ich mich zu wenig aus.

Ich hoffe ihr könnt mir dabei helfen das der FF wieder wie vorher aussieht .

userChrome.css

CSS

/* 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: flex !important;
  bottom: 0px !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;
  right: 0;
  visibility: visible;
  display: flex;
}

/* 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;
}


/* 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[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container    {
      top: 10px;
    }
    #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
      top: 8px;
    }
}

/* Windows 7 extra tweaks */
@media (-moz-os-version: windows-win7) {
  @media all and (-moz-windows-compositor) {
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
      display: none;
    }
  }
  @media 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 */
@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[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;
}*/



#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group: 10 !important;}
#TabsToolbar {-moz-box-ordinal-group: 1000 !important;}
#TabsToolbar {display: block !important;position: absolute !important;bottom: 0 !important;}
#tabbrowser-tabs {width: 100vw !important;}
#navigator-toolbox {padding-bottom: calc(var(--tab-min-height) - 1px);}



/* size of new tab tabs '+' icon */
.tabs-newtab-button .toolbarbutton-icon {
  padding: 0px !important;
  margin: 0px !important;
  width: 18px !important;
  height: 14px !important;
}

scrollbox {
    -moz-box-pack: center !important;
    }


/*Lesezeichenbild + Favicon ausblenden -> Lesezeichen hinzufügen/bearbeiten */
#editBookmarkPanelImage, #editBookmarkPanelFaviconContainer {
   visibility: collapse;
  }
  
#editBookmarkPanelInfoArea {
    display: none !important;
      }
    
/*Mindesthöhe Lesezeichenordner Liste anpassen -> Lesezeichen hinzufügen/bearbeiten*/
/*Mindesthöhe in Px -> hier Platz für 12 Ordnereinträge*/
#editBMPanel_folderTree {  
   min-height: 540px !important;
}

menu.bookmark-item, menuitem.bookmark-item {
    max-width: 16em ! important;
}

#restore-lastsession {  
   fill: red !important;
}

Alles anzeigen

tabs_below_navigation_toolbar.css

CSS

/* 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: -2px !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;
}

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

}

/* 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;
}

Alles anzeigen

Parzival

grisu2099

Dein Wunsch ist mir Befehl . Ich hab da selbst schon mal drinnen was verändert und du siehst ja selbst das der Code schon älter ist...

CSS

/* 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: flex !important;
  bottom: 0px !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;
  right: 0;
  visibility: visible;
  display: flex;
}

/* 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;
}


/* 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[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container    {
      top: 10px;
    }
    #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
      top: 8px;
    }
}

/* Windows 7 extra tweaks */
@media (-moz-os-version: windows-win7) {
  @media all and (-moz-windows-compositor) {
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
      display: none;
    }
  }
  @media 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 */
@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[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;
}*/



#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group: 10 !important;}
#TabsToolbar {-moz-box-ordinal-group: 1000 !important;}
#TabsToolbar {display: block !important;position: absolute !important;bottom: 0 !important;}
#tabbrowser-tabs {width: 100vw !important;}
#navigator-toolbox {padding-bottom: calc(var(--tab-min-height) - 1px);}



/* size of new tab tabs '+' icon */
.tabs-newtab-button .toolbarbutton-icon {
  padding: 0px !important;
  margin: 0px !important;
  width: 18px !important;
  height: 14px !important;
}

scrollbox {
    -moz-box-pack: center !important;
    }


/*Lesezeichenbild + Favicon ausblenden -> Lesezeichen hinzufügen/bearbeiten */
#editBookmarkPanelImage, #editBookmarkPanelFaviconContainer {
   visibility: collapse;
  }
  
#editBookmarkPanelInfoArea {
    display: none !important;
      }
    
/*Mindesthöhe Lesezeichenordner Liste anpassen -> Lesezeichen hinzufügen/bearbeiten*/
/*Mindesthöhe in Px -> hier Platz für 12 Ordnereinträge*/
#editBMPanel_folderTree {  
   min-height: 540px !important;
}

menu.bookmark-item, menuitem.bookmark-item {
    max-width: 16em ! important;
}

#restore-lastsession {  
   fill: red !important;
}

Alles anzeigen

Beiträge von Parzival

Neue Lesezeichen: >5 im Drop-Down-Menü?

FF89 Tableiste unten und Tabs mittig

FF89 Tableiste unten und Tabs mittig

FF89 Tableiste unten und Tabs mittig

FF89 Tableiste unten und Tabs mittig

FF89 Tableiste unten und Tabs mittig

FF89 Tableiste unten und Tabs mittig

FF89 Tableiste unten und Tabs mittig

FF89 Tableiste unten und Tabs mittig

FF89 Tableiste unten und Tabs mittig

FF89 - Mehrreihige Tableiste / Tab Schließen Button / aktive Tab Farbe

FF89 Tableiste unten und Tabs mittig

FF89 Tableiste unten und Tabs mittig

FF89 Tableiste unten und Tabs mittig

FF89 Tableiste unten und Tabs mittig

FF89 Tableiste unten und Tabs mittig

Tableiste unten per CSS-Code, oder per Skript.

FF89 Tableiste unten und Tabs mittig

FF89 Tableiste unten und Tabs mittig

Tableiste unten per CSS-Code, oder per Skript.