Aris-t2 / CustomCSSforFx

Custom CSS tweaks for Firefox
GNU General Public License v3.0
1.84k stars 181 forks source link

[Firefox 70] Bookmarks toolbar on a Navbar #251

Closed Acid-Crash closed 4 years ago

Acid-Crash commented 4 years ago
  1. Describe the issue There is a bug with a Bookmarks toolbar placed to the navbar, when used in conjunction with buttons_on_navbar_classic_appearance.css. When Bookmarks toolbar has a folder and you try to open it, and icon (folder icon) mimics hover style of the other navbar buttons that leads to the icon-inside-an-icon style.

  2. What should have happened instead? Folder icon style should remain the same.

  3. Steps to reproduce the issue? Place Bookmarks toolbar on the Navbar toolbar. Add some folders to the Bookmarks toolbar and try to open them. Observe the style change

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

  5. System information

    • OS & OS version: Win10 x64
    • OS theme name: default
    • DPI / HiDPI resolution: 100
    • Firefox version: 70 & 72
    • Firefox theme / lw-theme: default
    • 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+ *******************************************************************/ /* version 2.8.6 ********************************************************************************/ /************************************************************************************************/ /************************************************************************************************* [!] FIREFOX 63-64 (look for '_fx63'): - 'classic/old autocomplete popup with two-lined results' requires a different option [!] FIREFOX 64+ (look for '_fx64') - 'classic/old autocomplete popup with two-lined results' uses an own new option - 'classic/old autocomplete popup with url only results' uses an own new option [!] Firefox 65+ (look for '_fx65') - 'tabs not on top' mode uses an own new option - 'tabs not on top' mode uses another new option, if combined with 'multiple tab lines' option - 'higher navigation toolbar position' options uses an own new option - 'tabs below content' mode uses an own new option - 'additional bookmarks toolbar' uses an own new option - 'simulated add-on bar > additional bookmarks toolbar' uses an own new option - 'appbutton in titlebar' on macOS gets moved to the right (see extra option) [!] Firefox 66+ (look for '_fx66') - 'multiple tab lines v1 & v2' are not compatible with Firefox 66+ - 'bookmarks toolbar multiple lines' uses an own new option - 'searchbar show labels' uses an own new option [!] Firefox 68+ (look for '_fx68') - 'autocomplete popup > url and title 50% width each' code changed - 'autocomplete popup > title and url 50% width each' code changed - 'autocomplete popup > title item hidden' code changed - 'autocomplete popup > title item hidden > visible on hover only' code changed - 'classic/old autocomplete popup with two-lined results' uses a new option - 'classic/old autocomplete popup with url only results' uses a new option - "hide 'Search with...' and 'Visit...' results" code changed - 'autocomplete popup > Firefox logo in background' code changed - 'autocomplete popup > Aero highlighting' code changed - 'autocomplete popup > custom height' code changed - 'autocomplete popup > separators between results' code changed - 'autocomplete popup > keyword bold/underline' not supported anymore - 'tabs not on top' > code changed - 'tabs below main content' > code changed [!] Firefox 69+ - 'about:config > toolkit.legacyUserProfileCustomizations.stylesheets > true' (or custom styles will not be loaded) [!] Firefox 70+ (look for '_fx70') - 'about:config > security.identityblock.show_extended_validation > true' (to distinguish between verifiedIdentity and verfiedDomain) - 'identitybox > replace i-icon with globe' option replaces 'search glass' icon - 'identitybox colors' option cheats tracking protection button into identity box - 'searchbar popup > show engine labels' uses an own new option - 'searchbar popup > show engine labels + show scrollbar' uses an own new option - 'classic appearance for bookmarks menu button' is not working anymore (use button_popup_panel_mozdialog.css + button_popup_panel_compact.css) [!] Firefox 71+ (look for '_fx71') - added support for 'about:config > layout.css.xul-box-display-values.survive-blockification.enabled > false' - 'appbutton in titlebar' requires workaround depending on configuration - 'multiple tab lines' got own new settings [!] Firefox 72+ (look for '_fx72') - 'searchbar popup > show engine labels' uses an own new option - 'searchbar popup > show engine labels + show scrollbar' uses an own new option ------------------------------------------------------------------------------------------------------------------ [!] For 'Location Bar' settings to work in Firefox 71+ set 'about:config > browser.urlbar.megabar' to 'false'. [!] ------------------------------------------------------------------------------------------------------------------ [!] It is not possible to modify individual menupopups anymore, because their code got moved into general html [!] [!] '#shadow-root' sub areas not customizable by CSS without modifying all other menu popups too. [!] ------------------------------------------------------------------------------------------------------------------ *************************************************************************************************/ /************************************************************************************************* 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 * before '@import' DISABLING options: add the combination of / and * before '@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 ******************************************************************************/ /************************************************************************************************/ /* 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_connected_to_location_bar.css"; /**/ /* @import "./css/buttons/custom_backforward_connected_to_location_bar_aero.css"; /**/ /* <-- AERO colors */ /* @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.css"; /**/ /* @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"; /**/ /************************************************************************************************/ /* 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] ************************************************/ /* [!] Fx71+: use fixes/workarounds below *******************************************************/ /* @import "./css/appbutton/appbutton_in_titlebar.css"; /**/ /* <-- label only */ /* @import "./css/appbutton/appbutton_in_titlebar_icon_only.css"; /**/ /* @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"; /**/ /* @import "./css/appbutton/appbutton_in_titlebar_label_and_icon.css"; /**/ /* @import "./css/appbutton/appbutton_in_titlebar_label_and_icon_dark.css"; /**/ /* @import "./css/appbutton/appbutton_in_titlebar_label_and_icon_grey.css"; /**/ /* @import "./css/appbutton/appbutton_in_titlebar_label_and_icon_browser_logo.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"; /**/ /* Firefox 71 workarounds for 'broken navigation toolbar' ***************************************/ /* [!] tabs on top + menubar hidden + appbutton label *******************************************/ /* [!] tabs not on top + menubar hidden/visible + appbutton label *******************************/ /* @import "./css/appbutton/appbutton_in_titlebar_fx71_fix.css"; /**/ /* [!] tabs on top + menubar hidden + appbutton icon only ***************************************/ /* [!] tabs not on top + menubar hidden/visible + appbutton icon only ***************************/ /* @import "./css/appbutton/appbutton_in_titlebar_fx71_fix2.css"; /**/ /* [!] tabs on top + menubar visible + appbutton label ******************************************/ /* @import "./css/appbutton/appbutton_in_titlebar_fx71_fix3.css"; /**/ /* [!] tabs on top + menubar visible + appbutton icon only **************************************/ /* @import "./css/appbutton/appbutton_in_titlebar_fx71_fix4.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+ - 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!) ******************/ /* @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+ Windows/Linux (use the Fx 65+ versions for macOS) ***********************************/ /* @import "./css/tabs/tabs_below_navigation_toolbar_fx72.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 *****************************/ /* [!] not compatible to 'toolbars - add-on bar (simulated add-on bar)' 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+ Windows/Linux ***********************************************************************/ /* @import "./css/tabs/tabs_below_main_content_fx72.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+ */ /* @import "./css/tabs/tabs_multiple_lines_fx71_force_newtab_button_visibility.css"; /**/ /* Fx 71+ */ /* TAB TITLE IN FIREFOX TITLEBAR (Windows 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"; /**/ /* @import "./css/tabs/tab_scrollbuttons_both_on_toolbars_end.css"; /**/ /* 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"; /**/ /* @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"; /**/ /* 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_width_unrestricted.css"; /**/ /* @import "./css/generalui/sidebar_items_compact.css"; /**/ /* @import "./css/generalui/sidebar_header_icons_colorized.css"; /**/ /* @import "./css/generalui/sidebar_header_lwtheme.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_on_top.css"; /**/ /* @import "./css/generalui/findbar_show_full_quickfindbar.css"; /**/ /* @import "./css/generalui/findbar_on_top_fade_out_on_hover.css"; /**/ /* @import "./css/generalui/findbar_compact.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"; /**/ /* 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 'tabs toolbar - below main content' 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_status_in_addonbar.css"; /**/ /* <--- EXPERIMENTAL */ /* @import "./css/toolbars/addonbar_content_on_the_right.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_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 bookmars toolbar' option *****************************/ /* [!] not compatible to 'simulated add-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 */ /* 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 *********************************************************************************/ /************************************************************************************************/ /* general location bar tweaks ******************************************************************/ @import "./css/locationbar/locationbar_adjustments.css"; /**/ @import "./css/locationbar/compact_mode_reduce_fontsize.css"; /**/ /* @import "./css/locationbar/background_color_dark.css"; /**/ /* @import "./css/locationbar/locationbar_border_roundness.css"; /**/ /* @import "./css/locationbar/locationbar_reduce_height.css"; /**/ /* identity box / page identity button **********************************************************/ /* @import "./css/locationbar/identitybox_replace_i_icon_with_globe.css"; /**/ /* Fx70+: replaces search glass */ @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"; /**/ /* autocomplete / history dropmarker ************************************************************/ @import "./css/locationbar/dropmarker_at_the_end.css"; /**/ @import "./css/locationbar/dropmarker_visible.css"; /**/ /************************************************************************************************/ /* LOCATION BAR - appearance of 'autocomplete / location bar / urlbar' popup ********************/ /************************************************************************************************/ /* 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+ ***************************************************************************/ /* @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*/ /* result menuitem settings/appearance **********************************************************/ /* @import "./css/locationbar/ac_popup_result_font_size.css"; /**/ /* @import "./css/locationbar/ac_popup_firefox_background_logo.css"; /**/ /* @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 commented 4 years ago

Wow, that is a very specific issue. ;-)

Add this to lines 92&93: :not(.bookmark-item)

-->

#nav-bar toolbarbutton[type="menu"][open]:not([disabled]):not(.bookmark-item) > .toolbarbutton-icon,
#nav-bar toolbarbutton[type="menu-button"]:not([open]):hover:not([disabled]):not(.bookmark-item):active > .toolbarbutton-icon,
Acid-Crash commented 4 years ago

Indeed a really rare issue. The folder-icon is fixed now. However during testing I've noticed another thing. The overflow Bookmarks button suffers from the simmilar behaviour. изображение

The screenshot is taken after enablement of buttons_on_bookmarks_toolbar_classic_appearance_items.css and buttons_on_bookmarks_toolbar_old_size_and_appearance.css

The buttons_on_bookmarks_toolbar_classic_appearance.css hase additional issue. It doesnt have any hover effect for folders (when placed on it more common place they have one)

Aris-t2 commented 4 years ago

I will look into this and post the new files as part of the next update.

Acid-Crash commented 4 years ago

Hi, @Aris-t2. Looks like there the issue is still there (After update to 2.8.7). All navbar buttons have lost its hover style on FF70 image

FF70Config

```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+ *******************************************************************/ /* version 2.8.7 ********************************************************************************/ /************************************************************************************************/ /************************************************************************************************* [!] FIREFOX 63-64 (look for '_fx63'): - 'classic/old autocomplete popup with two-lined results' requires a different option [!] FIREFOX 64+ (look for '_fx64') - 'classic/old autocomplete popup with two-lined results' uses an own new option - 'classic/old autocomplete popup with url only results' uses an own new option [!] Firefox 65+ (look for '_fx65') - 'tabs not on top' mode uses an own new option - 'tabs not on top' mode uses another new option, if combined with 'multiple tab lines' option - 'higher navigation toolbar position' options uses an own new option - 'tabs below content' mode uses an own new option - 'additional bookmarks toolbar' uses an own new option - 'simulated add-on bar > additional bookmarks toolbar' uses an own new option - 'appbutton in titlebar' on macOS gets moved to the right (see extra option) [!] Firefox 66+ (look for '_fx66') - 'multiple tab lines v1 & v2' are not compatible with Firefox 66+ - 'bookmarks toolbar multiple lines' uses an own new option - 'searchbar show labels' uses an own new option [!] Firefox 68+ (look for '_fx68') - 'autocomplete popup > url and title 50% width each' code changed - 'autocomplete popup > title and url 50% width each' code changed - 'autocomplete popup > title item hidden' code changed - 'autocomplete popup > title item hidden > visible on hover only' code changed - 'classic/old autocomplete popup with two-lined results' uses a new option - 'classic/old autocomplete popup with url only results' uses a new option - "hide 'Search with...' and 'Visit...' results" code changed - 'autocomplete popup > Firefox logo in background' code changed - 'autocomplete popup > Aero highlighting' code changed - 'autocomplete popup > custom height' code changed - 'autocomplete popup > separators between results' code changed - 'autocomplete popup > keyword bold/underline' not supported anymore - 'tabs not on top' > code changed - 'tabs below main content' > code changed [!] Firefox 69+ - 'about:config > toolkit.legacyUserProfileCustomizations.stylesheets > true' (or custom styles will not be loaded) [!] Firefox 70+ (look for '_fx70') - 'about:config > security.identityblock.show_extended_validation > true' (to distinguish between verifiedIdentity and verfiedDomain) - 'identitybox > replace i-icon with globe' option replaces 'search glass' icon - 'identitybox colors' option cheats tracking protection button into identity box - 'searchbar popup > show engine labels' uses an own new option - 'searchbar popup > show engine labels + show scrollbar' uses an own new option - 'classic appearance for bookmarks menu button' is not working anymore (use button_popup_panel_mozdialog.css + button_popup_panel_compact.css) [!] Firefox 71+ (look for '_fx71') - added support for 'about:config > layout.css.xul-box-display-values.survive-blockification.enabled > false' - 'appbutton in titlebar' requires workaround depending on configuration - 'multiple tab lines' got own new settings [!] Firefox 72+ (look for '_fx72') - 'searchbar popup > show engine labels' uses an own new option - 'searchbar popup > show engine labels + show scrollbar' uses an own new option ------------------------------------------------------------------------------------------------------------------ [!] For 'Location Bar' settings to work in Firefox 71+ set 'about:config > browser.urlbar.megabar' to 'false'. [!] ------------------------------------------------------------------------------------------------------------------ [!] It is not possible to modify individual menupopups anymore, because their code got moved into general html [!] [!] '#shadow-root' sub areas not customizable by CSS without modifying all other menu popups too. [!] ------------------------------------------------------------------------------------------------------------------ *************************************************************************************************/ /************************************************************************************************* 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 * before '@import' DISABLING options: add the combination of / and * before '@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 ******************************************************************************/ /************************************************************************************************/ /* 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_connected_to_location_bar.css"; /**/ /* @import "./css/buttons/custom_backforward_connected_to_location_bar_aero.css"; /**/ /* <-- AERO colors */ /* @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.css"; /**/ /* @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"; /**/ /************************************************************************************************/ /* 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] ************************************************/ /* [!] Fx71+: use fixes/workarounds below *******************************************************/ /* @import "./css/appbutton/appbutton_in_titlebar.css"; /**/ /* <-- label only */ /* @import "./css/appbutton/appbutton_in_titlebar_icon_only.css"; /**/ /* @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"; /**/ /* @import "./css/appbutton/appbutton_in_titlebar_label_and_icon.css"; /**/ /* @import "./css/appbutton/appbutton_in_titlebar_label_and_icon_dark.css"; /**/ /* @import "./css/appbutton/appbutton_in_titlebar_label_and_icon_grey.css"; /**/ /* @import "./css/appbutton/appbutton_in_titlebar_label_and_icon_browser_logo.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"; /**/ /* Firefox 71 workarounds for 'broken navigation toolbar' ***************************************/ /* [!] tabs on top + menubar hidden + appbutton label *******************************************/ /* [!] tabs not on top + menubar hidden/visible + appbutton label *******************************/ /* @import "./css/appbutton/appbutton_in_titlebar_fx71_fix.css"; /**/ /* [!] tabs on top + menubar hidden + appbutton icon only ***************************************/ /* [!] tabs not on top + menubar hidden/visible + appbutton icon only ***************************/ /* @import "./css/appbutton/appbutton_in_titlebar_fx71_fix2.css"; /**/ /* [!] tabs on top + menubar visible + appbutton label ******************************************/ /* @import "./css/appbutton/appbutton_in_titlebar_fx71_fix3.css"; /**/ /* [!] tabs on top + menubar visible + appbutton icon only **************************************/ /* @import "./css/appbutton/appbutton_in_titlebar_fx71_fix4.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+ - 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!) ******************/ /* @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+ Windows/Linux (use the Fx 65+ versions for macOS) ***********************************/ /* @import "./css/tabs/tabs_below_navigation_toolbar_fx72.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 *****************************/ /* [!] not compatible to 'toolbars - add-on bar (simulated add-on bar)' 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+ Windows/Linux ***********************************************************************/ /* @import "./css/tabs/tabs_below_main_content_fx72.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+ */ /* @import "./css/tabs/tabs_multiple_lines_fx71_force_newtab_button_visibility.css"; /**/ /* Fx 71+ */ /* TAB TITLE IN FIREFOX TITLEBAR (Windows 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"; /**/ /* @import "./css/tabs/tab_scrollbuttons_both_on_toolbars_end.css"; /**/ /* 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"; /**/ /* @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"; /**/ /* 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_width_unrestricted.css"; /**/ /* @import "./css/generalui/sidebar_items_compact.css"; /**/ /* @import "./css/generalui/sidebar_header_icons_colorized.css"; /**/ /* @import "./css/generalui/sidebar_header_lwtheme.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_on_top.css"; /**/ /* @import "./css/generalui/findbar_show_full_quickfindbar.css"; /**/ /* @import "./css/generalui/findbar_on_top_fade_out_on_hover.css"; /**/ /* @import "./css/generalui/findbar_compact.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"; /**/ /* 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 'tabs toolbar - below main content' 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_status_in_addonbar.css"; /**/ /* <--- EXPERIMENTAL */ /* @import "./css/toolbars/addonbar_content_on_the_right.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_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 bookmars toolbar' option *****************************/ /* [!] not compatible to 'simulated add-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 */ /* 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 *********************************************************************************/ /************************************************************************************************/ /* general location bar tweaks ******************************************************************/ @import "./css/locationbar/locationbar_adjustments.css"; /**/ @import "./css/locationbar/compact_mode_reduce_fontsize.css"; /**/ /* @import "./css/locationbar/background_color_dark.css"; /**/ /* @import "./css/locationbar/locationbar_border_roundness.css"; /**/ /* @import "./css/locationbar/locationbar_reduce_height.css"; /**/ /* identity box / page identity button **********************************************************/ /* @import "./css/locationbar/identitybox_replace_i_icon_with_globe.css"; /**/ /* Fx70+: replaces search glass */ @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"; /**/ /* autocomplete / history dropmarker ************************************************************/ @import "./css/locationbar/dropmarker_at_the_end.css"; /**/ @import "./css/locationbar/dropmarker_visible.css"; /**/ /************************************************************************************************/ /* LOCATION BAR - appearance of 'autocomplete / location bar / urlbar' popup ********************/ /************************************************************************************************/ /* 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+ ***************************************************************************/ /* @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*/ /* result menuitem settings/appearance **********************************************************/ /* @import "./css/locationbar/ac_popup_result_font_size.css"; /**/ /* @import "./css/locationbar/ac_popup_firefox_background_logo.css"; /**/ /* @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 commented 4 years ago

Looks like a classic copy&paste error. New files will be online soon.

Aris-t2 commented 4 years ago

Is the issue still present?