[Fx89+] Proton + buttons_on_navbar_squared_buttons_fx72.css

[Acid-Crash]

1. Describe the issue There seems to be an issue with paddings/margins for the animated icons (Stop-reload etc). After animation ends there is a small shift in positioning.

2. What should have happened instead? The icons should remain still during animations

3. Steps to reproduce the issue?

4. Activate buttons_on_navbar_classic_appearance.css + buttons_on_navbar_squared_buttons_fx72.css Seems like the issue is caused by the following CSS rule (for compact mode) https://github.com/Aris-t2/CustomCSSforFx/blob/b368cf808bbb22f391b9871ff1455e39245b4cfb/classic/css/buttons/buttons_on_navbar_squared_buttons_fx72.css#L54

5. SCREENSHOTS with/without this projects files (drag & drop images into this post)

6. System information

   • latest CustomCSSforFx files (yes / no [no support, if 'no']): yes (3.2.1pre)
   • OS & OS version: Win10x64
   • OS theme (if not default): default
   • DPI / HiDPI resolution: 100
   • Firefox version: 89
   • Firefox theme / lw-theme: default/system
   • This projects 'settings' the issue occurs with:

```css /* 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.1 ********************************************************************************/ /************************************************************************************************/ /************************************************************************************************* 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 *****************************/ /************************************************************************************************/ /* 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 */ /* @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"; /**/ /* @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 */ /* 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 */ /* @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"; /**/ /* @import "./css/tabs/classic_squared_tabs_australized.css"; /**/ /* 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"; /**/ /* 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] *********************************************************/ /* @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"; /**/ /* @import "./css/tabs/default_tabs_round_top_borders.css"; /**/ /* @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"; /**/ /* tab line settings - [only use one at a time] *************************************************/ /* @import "./css/tabs/default_tabs_no_tab_line.css"; /**/ /* @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"; /**/ /* @import "./css/tabs/newtab_tab_size_equals_tab_size.css"; /**/ /* @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"; /**/ /* @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"; /**/ /* @import "./css/generalui/context_bfrsb_labels_with_icons.css"; /**/ /* @import "./css/generalui/context_bfrsb_labels_with_and_without_icons_Lin_macOS.css"; /**/ /* <-- Lin/macOS fix v1 */ /* @import "./css/generalui/context_bfrsb_labels_with_and_without_icons_Lin_macOSv2.css"; /**/ /* <-- Lin/macOS fix v2 */ /* 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/toolbars_old_padding.css"; /**/ /* @import "./css/toolbars/tabs_toolbar_adjustments.css"; /**/ /* @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"; /**/ /* @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"; /**/ /* @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"; /**/ /************************************************************************************************/ /************************************************************************************************/ /************************************************************************************************/ ```

[Aris-t2]

Test recent pre releases. This issue should be gone. (At least it was in my tests ;-) )

[Acid-Crash]

Confirming. It is fixed now.