Настройка внешнего вида Firefox в userChrome.css

Smile · №6426

kokoss пишет:
что касается вкладок, то css-стили от Aris вам в помощь: https://github.com/Aris-t2/CustomCSSforFx/releases ...

Посмотрел ссылку, там сказано:

Изменения с 2.7.0 : 7dffa16

[Вкладка]
(исправлено) Fx70 +: вкладки под панелью инструментов навигации> сбой активной вкладки с всплывающим окном автозаполнения

[Адресная строка]
(настройка) Fx70 +: всплывающее окно автозаполнения> классическое всплывающее окно с двумя выровненными результатами> уменьшить пространство вокруг поисковых систем
(настройка) Fx70 +: всплывающее окно автозаполнения> классическое всплывающее окно только с URL-адресом> уменьшить пространство вокруг поисковых систем.

но его исправленный userChrome.css вкладки под адресную строку не опустили, вкладки так и остались над адресной строкой.

userChrome.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.7.1 ********************************************************************************/
/************************************************************************************************/

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

[!] 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' is 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

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

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

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"; /**/
/* "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_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"; /**/

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

/* 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.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] ************************************************/
@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"; /**/

/* 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 ************************/
/* @import "./css/tabs/tabs_below_navigation_toolbar.css"; /**/ /* <-- tabs not on top - Fx60-64 - Windows/Linux */
/* @import "./css/tabs/tabs_below_navigation_toolbar_macOS.css"; /**/ /* <-- tabs not on top - Fx60-64 - macOS */
/* @import "./css/tabs/tabs_below_navigation_toolbar_fx65.css"; /**/ /* <-- tabs not on top - Fx65-67 - Windows/Linux */
/* @import "./css/tabs/tabs_below_navigation_toolbar_fx65_macOS.css"; /**/ /* <-- tabs not on top - Fx65+ - macOS */
/* @import "./css/tabs/tabs_below_navigation_toolbar_fx65_macOS_default_tabs.css"; /**/ /* <-- tabs not on top - Fx65+ - macOS - default tabs */
/* @import "./css/tabs/tabs_below_navigation_toolbar_fx65_v2.css"; /**/ /* <-- tabs not on top - Fx65+ - Windows/Linux - only for multi-lined tabs support, causes glitches with disabled menubar */
/* @import "./css/tabs/tabs_below_navigation_toolbar_fx65_v2_force_hidden_menubar.css"; /**/ /* tabs not on top - Fx65+ - Windows/Linux - only for multi-lined tabs support - no menubar with OS titlebar */
/* @import "./css/tabs/tabs_below_navigation_toolbar_fx68.css"; /**/ /* <-- tabs not on top - Fx68+ - Windows/Linux */
/* - 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 ******************/
/* @import "./css/tabs/tabs_below_main_content.css"; /**/ /* <-- tabs on bottom - Fx60-64 */ /* <--- EXPERIMENTAL */
/* @import "./css/tabs/tabs_below_main_content_fx65.css"; /**/ /* <-- tabs on bottom - Fx65-67 - Windows/Linux */ /* <--- EXPERIMENTAL */
/* @import "./css/tabs/tabs_below_main_content_fx65_macOS.css"; /**/ /* <-- tabs on bottom - Fx65+ - macOS */ /* <--- EXPERIMENTAL */
/* @import "./css/tabs/tabs_below_main_content_fx65_macOS_default_tabs.css"; /**/ /* <-- tabs on bottom - Fx65+ - macOS - default tabs */
/* @import "./css/tabs/tabs_below_main_content_fx68.css"; /**/ /* <-- tabs on bottom - Fx68+ - Windows/Linux */ /* <--- EXPERIMENTAL */

/* - MOVE NAVIGATION TOOLBAR TO HIGHER POSITON (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] ***************************************/
/* [!] SUPPORT THREAD: https://github.com/aris-t2/customcssforfx/issues/39 **********************/
/* [!] BUG: dragging tabs does not work properly with multi lined tabs **************************/
/* [!] for v1 see https://00.bulog.jp/archives/1476 *********************************************/
/* [!] for v2 see 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+ ******/
/* [!] v1 and v2 are not compatible with Firefox 66+ ********************************************/
/* @import "./css/tabs/tabs_multiple_lines.css"; /**/ /* <--- EXPERIMENTAL */
/* @import "./css/tabs/tabs_multiple_lines_v2.css"; /**/ /* <--- EXPERIMENTAL */
/* @import "./css/tabs/tabs_multiple_lines_v3.css"; /**/ /* <--- EXPERIMENTAL */
/* @import "./css/tabs/tabs_multiple_lines_v3_force_newtab_button_visibility.css"; /**/ /* <--- EXPERIMENTAL */

/* 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"; /**/
/* @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_scrollbars.css"; /**/
/* @import "./css/generalui/searchbar_popup_engines_show_labels_scrollbars_fx66.css"; /**/
/* @import "./css/generalui/searchbar_popup_engines_show_labels_scrollbars_fx70.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_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_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"; /**/
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/

Учитывая, что пробовал разные userChrome.css, но ничего не меняется, такое впечатление, что эти файлы игнорируются, не смотря на то, что

toolkit.legacyUserProfileCustomizations.stylesheets = true

Отредактировано Smile (05-09-2019 07:44:19)

solombala · №6427

Даю маяк! browser.xhtml - в browser.xul / и все стили заработают.

Dobrov · №6428

Как определить тип системы из userChrome.css? Нужно использовать разное оформление в одном файле стиля.

// например под Windows:
#titlebar-buttonbox-container { margin-top: 0em !important; }
// Linux:
#titlebar-buttonbox-container { margin-top: -1em !important; } // скрыть кнопки

Retif · №6429

Народ, хелп. Обновился сегодня Firefox до 69-й версии и опять все поплыло

Стилями делаю вкладки внизу, но куда-то пропала полоса, которая была сзади них, теперь всё какое-то прозрачное за вкладками. Даже не прозрачная, а эта панель куда-то уехала, что ли?

userChrome.css такой:

скрытый текст

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

/* Tab bar below Navigation & Bookmarks Toolbars */
#nav-bar { /* main toolbar */
  -moz-box-ordinal-group: 2 !important;
  box-shadow: none !important;
  border-bottom: 1px solid ThreeDShadow !important;
}

#PersonalToolbar { /* bookmarks toolbar */
  -moz-box-ordinal-group: 1 !important;
  border-top: 1px solid ThreeDShadow !important;

}

/* Делаем статусбар прозрачным */
statuspanel { opacity: 0 !important; }

/* Более толстые кнопки Вперед-Назад */
#main-window:not(#f) #back-button {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAjUlEQVR42uWXwQrAIAxD9f8/OttlIDK2mkYrVvCYl3cQtbX4Fu5dPQBPGAIGHYaAQYchYNBhCBh0GAIGHYaAQYchYNDhv/KpApbyaQLW8ikCI+Xu1QssLe8Flpe3AiHlj0BY+TYCJVJim0MYJrHdRcRInPkYjUic/SGxSOT4lH5J5BpM3iRyDqethItxAaTNIBfhl7xRAAAAAElFTkSuQmCC") !important;
}
#main-window:not(#f) #forward-button {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAkElEQVR42sWXSw7AIAhEy/0P3ZoumtRoKyPwSFy4YObFL9ixH2cbpibLiR2ArBUJIOlFA7g1MwBculkAy9qZAEv62QC/HhUAnz5VAFOvSoChnzkFIsL6STXAC4ICeCBIgNufBsBXAAdAtwA9hOg1tOlEjO2nuAoA/YzQ7xgtSNCSDC1K0bIcbUzQ1gxtTmWdCyMiIB+7tLLnAAAAAElFTkSuQmCC") !important;
}

/* Hide blue stripe on active tab 
.tab-line[selected="true"] {
  opacity: 0 !important;
}
*/

/* Цвет линии для активной вкладки 
.tab-line[selected="true"] {
  background-color: #68768a !important;
}
*/

/* Цвет активной вкладки */
.tab-background[selected="true"] {
background-color: #F0F0F0 !important; /* this sets the color of the tab background */
}

/* Сделать линию для активной вкладки прозрачной */
.tab-line[selected="true"] {
  opacity: 0 !important;
}

/* Вкладки в низ окна */
#TabsToolbar {
  position: fixed;
  bottom: -0.3em;
  width: 100%;
  }
  #tabbrowser-tabs { width: 96%; }
  #content-deck { margin-bottom: 2.5em;
}

/* Для полного экрана */
TabsToolbar:not([inFullscreen="true"]) {position:fixed; bottom:0em; width:100%;} 

/* Remove X from Tabs */
#tabbrowser-tabs .tabbrowser-tab .tab-close-button { display:none!important; }

/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

#tabbrowser-tabs {
  width: 100vw !important;
  #content-deck { margin-bottom: 0em; }
  #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
}
/* TABS: height */
:root {
 --tab-toolbar-navbar-overlap: 0px !important;
}
:root #tabbrowser-tabs {
 --tab-min-width: 80px !important;
}

/*** Find Bar Tweaks https://support.mozilla.org/ru/questions/1224761 ***/
.browserContainer > findbar {

  /* Position the Find Bar above the page */
  -moz-box-ordinal-group: 0;

  /* Move Find Bar border from top to bottom */
   border-top: none !important; 
   border-bottom: 1px solid ThreeDShadow !important;
}

/* Status Bar http://penduin.blogspot.com/2018/01/how-to-fix-firefox-57-status-bar.html */

Отредактировано Retif (05-09-2019 09:24:01)

kokoss · №6430

Smile
Найдите опцию: /* @import "./css/tabs/tabs_below_navigation_toolbar_fx68.css"; и включите её, и будут вам вкладки под панелью навигации.

Отредактировано kokoss (05-09-2019 10:04:33)

Smile · №6431

kokoss пишет:
SmileНайдите опцию: /* @import "./css/tabs/tabs_below_navigation_toolbar_fx68.css"; и включите её, и будут вам вкладки под навигационной панелью.

Эту опцию нашел, а как её включить?

/* @import "./css/tabs/tabs_below_navigation_toolbar_fx68.css"; /**/ /* <-- tabs not on top - Fx68+ - Windows/Linux */

kokoss · №6432

Smile пишет:
Эту опцию нашел, а как её включить?

Удалить символы /*, должно стать так: @import "./css/tabs/tabs_below_navigation_toolbar_fx68.css"; /**/ /* <-- tabs not on top - Fx68+ - Windows/Linux */

Smile · №6433

kokoss пишет:
Smile пишет: Эту опцию нашел, а как её включить?
Удалить символы /*, должно стать так: @import "./css/tabs/tabs_below_navigation_toolbar_fx68.css"; /**/ /* <-- tabs not on top - Fx68+ - Windows/Linux */

Удалял, сейчас так:

/* @import "./css/tabs/tabs_below_navigation_toolbar_fx65_v2_force_hidden_menubar.css"; /**/ /* tabs not on top - Fx65+ - Windows/Linux - only for multi-lined tabs support - no menubar with OS titlebar */
@import "./css/tabs/tabs_below_navigation_toolbar_fx68.css"; /**/ /* <-- tabs not on top - Fx68+ - Windows/Linux */
/* - TABS BELOW MAIN CONTENT (tabs on bottom) - EXPERIMENTAL ************************************/
/* [!] SUPPORT THREAD: https://github.com/aris-t2/customcssforfx/issues/33 **********************/
/* [!] not

но вкладки вниз не переместились.

В папке crome у меня только файл userChrome.css, там же больше ничего быть не должно?

Добавлено 05-09-2019 10:25:10

solombala пишет:
Даю маяк! browser.xhtml - в browser.xul / и все стили заработают.

И это не понял, где и как это делать?

Отредактировано Smile (05-09-2019 10:25:10)

kokoss · №6434

Smile пишет:
В папке crome у меня только файл userChrome.css, там же больше ничего быть не должно?

Должно, вот это:

скрытый текст

Войдите или зарегистрируйтесь, чтобы увидеть скрытый текст.

solombala · №6435

Smile
Winrar пользоваться надо , нижний omni.ja раскрываешь winrarom - modules - AppConstants.jsm и правишь

скрытый текст

BROWSER_CHROME_URL: "chrome://browser/content/browser.xul",

В другом omni.ja (в папке browser) находишь browser.xhtml и переименовываешь в browser.xul
И все дела.

Smile · №6436

kokoss пишет:
Smile пишет: В папке crome у меня только файл userChrome.css, там же больше ничего быть не должно?Должно, вот это: https://github.com/Aris-t2/CustomCSSfor … v2.7.2.zip

Спасибо!
Вкладки вниз переместились, но полностью изменились значки и стиль. Они ведь тоже должны как-то меняться.

sandro79 · №6437

Smile пишет:
Какое содержимое должно быть у userChrome.css, чтобы вкладки были внизу?

Содержимое то же, что и раньше для 65+, только в начале кода нужно заменить xul на xhtml.

скрытый текст

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
#main-window:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
}
#main-window:not([inFullscreen]) #navigator-toolbox > toolbar {
    -moz-box-ordinal-group: 10 !important;
}
#main-window:not([inFullscreen]) #navigator-toolbox > #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    -moz-box-ordinal-group: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#main-window:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar {
    -moz-box-ordinal-group: 1 !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] > #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar-maximized !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > #navigator-toolbox {
    visibility: hidden !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > #navigator-toolbox > *:not([collapsed="true"]) {
    visibility: visible;
}
#navigator-toolbox > #titlebar {
    -moz-appearance: none !important;
    -moz-box-ordinal-group: 100 !important;
    --v-control-buttons-left: auto;
    --v-control-buttons-right: 0;
    position: static !important;
}
#navigator-toolbox > #titlebar:-moz-locale-dir(rtl) {
    --v-control-buttons-left: 0;
    --v-control-buttons-right: auto;
}
#main-window:not([inFullscreen]) #navigator-toolbox::after,
#main-window:not([inFullscreen]) #TabsToolbar::after {
    display: none !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    border: none !important;
    background: none !important;
    box-sizing: content-box !important;
    min-height: 0 !important;
    height: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    overflow: hidden !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton) {
    align-self: center !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;     
}
#main-window:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * {
    align-self: center !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * > * {
    vertical-align: middle !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
    align-self: flex-start !important;
}
#main-window[inFullscreen] #toolbar-menubar {
    visibility: collapse !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > * {
    opacity: 0 !important;
    pointer-events: none !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * > * {
    vertical-align: middle;
}
#main-window:not([inFullscreen]) #toolbar-menubar > #menubar-items > * {
    vertical-align: top;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    position: absolute !important;
    top: 0px !important;
    left: var(--v-control-buttons-left) !important;
    right: var(--v-control-buttons-right) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0px !important;
}
@media (-moz-windows-classic) {
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    padding-top: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] {
    min-height: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #toolbar-menubar {
    background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 20px) !important;
}
}
@media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme) {
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    padding-top: 8px !important;
}
}
#main-window:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"],
#main-window:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container {
    order: 1000 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
    flex-grow: 1 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-shadow: 0 -1px 0 var(--tabs-border-color, rgba(0,0,0,.3)) inset !important;
    position: static !important;
}
#main-window:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar .tab-background {
    border-top-style: solid !important;
}
#main-window:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}
}

Smile · №6438

solombala пишет:
Smile,
Winrar пользоваться надо , нижний omni.ja раскрываешь winrarom - modules - AppConstants.jsm и правишьскрытый текстBROWSER_CHROME_URL: "chrome://browser/content/browser.xul",В другом omni.ja (в папке browser) находишь browser.xhtml и переименовываешь в browser.xulИ все дела.

Спасибо! Хотя, не очень понятно, для "непродвинутого" пользователя.

Добавлено 05-09-2019 11:36:05

sandro79 пишет:
Smile пишет: Какое содержимое должно быть у userChrome.css, чтобы вкладки были внизу?
Содержимое то же, что и раньше для 65+, только в начале кода нужно заменить xul на xhtml.
скрытый текст
@-moz-document url("chrome://browser/content/browser.xhtml") {
#main-window:not([inFullscreen]) #navigator-toolbox {
position: relative !important;
--v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
}
#main-window:not([inFullscreen]) #navigator-toolbox > toolbar {
-moz-box-ordinal-group: 10 !important;
}
#main-window:not([inFullscreen]) #navigator-toolbox > #nav-bar {
margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
margin-bottom: 0 !important;
box-shadow: none !important;
-moz-box-ordinal-group: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
#main-window:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar {
-moz-box-ordinal-group: 1 !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] > #navigator-toolbox {
-moz-appearance: -moz-window-titlebar !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox {
-moz-appearance: -moz-window-titlebar-maximized !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > #navigator-toolbox {
visibility: hidden !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > #navigator-toolbox > *:not([collapsed="true"]) {
visibility: visible;
}
#navigator-toolbox > #titlebar {
-moz-appearance: none !important;
-moz-box-ordinal-group: 100 !important;
--v-control-buttons-left: auto;
--v-control-buttons-right: 0;
position: static !important;
}
#navigator-toolbox > #titlebar:-moz-locale-dir(rtl) {
--v-control-buttons-left: 0;
--v-control-buttons-right: auto;
}
#main-window:not([inFullscreen]) #navigator-toolbox::after,
#main-window:not([inFullscreen]) #TabsToolbar::after {
display: none !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
display: flex !important;
flex-wrap: nowrap !important;
flex-direction: row !important;
align-items: stretch !important;
justify-content: flex-start !important;
border: none !important;
background: none !important;
box-sizing: content-box !important;
min-height: 0 !important;
height: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
overflow: hidden !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton) {
align-self: center !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons {
display: flex !important;
flex-wrap: nowrap !important;
flex-direction: row !important;
align-items: stretch !important;
justify-content: flex-start !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * {
align-self: center !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * > * {
vertical-align: middle !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
align-self: flex-start !important;
}
#main-window[inFullscreen] #toolbar-menubar {
visibility: collapse !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > * {
opacity: 0 !important;
pointer-events: none !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * > * {
vertical-align: middle;
}
#main-window:not([inFullscreen]) #toolbar-menubar > #menubar-items > * {
vertical-align: top;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
position: absolute !important;
top: 0px !important;
left: var(--v-control-buttons-left) !important;
right: var(--v-control-buttons-right) !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0px !important;
}
@media (-moz-windows-classic) {
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
padding-top: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] {
min-height: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #toolbar-menubar {
background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar {
margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 20px) !important;
}
}
@media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme) {
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
padding-top: 8px !important;
}
}
#main-window:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"],
#main-window:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container {
order: 1000 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
flex-grow: 1 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
box-shadow: 0 -1px 0 var(--tabs-border-color, rgba(0,0,0,.3)) inset !important;
position: static !important;
}
#main-window:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar > .toolbar-items {
padding-top: 0 !important;
margin-top: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar .tab-background {
border-top-style: solid !important;
}
#main-window:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) {
display: none !important;
}
}

Отлично, СПАСИБО, вкладки переместились вниз, при этом внешний вид не изменился.

Спасибо всем за помощь!

Отредактировано Smile (05-09-2019 11:48:55)

ruslan1 · №6439

за вкладки снизу и за кнопку перезагрузки спасибо. у меня другая проблема. как выключить вот это http://prntscr.com/p23jdb я нажимаю разрешить , потом опять захожу в игру и это окно опять выскакивает.

Retif · №6440

Retif пишет:
Обновился сегодня Firefox до 69-й версии и опять все поплыло

Стилями делаю вкладки внизу, но куда-то пропала полоса, которая была сзади них, теперь всё какое-то прозрачное за вкладками. Даже не прозрачная, а эта панель куда-то уехала, что ли?

В общем вроде сделал, вроде и работает, только там треш такой уже, ибо делается методом тыка, я к сожалению, в CSS этих ничего не понимаю, может кто поможет разгрести это:

скрытый текст

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

/* Tab bar below Navigation & Bookmarks Toolbars */
#nav-bar { /* main toolbar */
  -moz-box-ordinal-group: 2 !important;
  box-shadow: none !important;
  border-bottom: 1px solid ThreeDShadow !important;
}

#PersonalToolbar { /* bookmarks toolbar */
  -moz-box-ordinal-group: 1 !important;
  border-top: 1px solid ThreeDShadow !important;

}

/* Делаем статусбар прозрачным */
statuspanel { opacity: 0 !important; }

/* Более толстые кнопки Вперед-Назад */
#main-window:not(#f) #back-button {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAjUlEQVR42uWXwQrAIAxD9f8/OttlIDK2mkYrVvCYl3cQtbX4Fu5dPQBPGAIGHYaAQYchYNBhCBh0GAIGHYaAQYchYNDhv/KpApbyaQLW8ikCI+Xu1QssLe8Flpe3AiHlj0BY+TYCJVJim0MYJrHdRcRInPkYjUic/SGxSOT4lH5J5BpM3iRyDqethItxAaTNIBfhl7xRAAAAAElFTkSuQmCC") !important;
}
#main-window:not(#f) #forward-button {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAkElEQVR42sWXSw7AIAhEy/0P3ZoumtRoKyPwSFy4YObFL9ixH2cbpibLiR2ArBUJIOlFA7g1MwBculkAy9qZAEv62QC/HhUAnz5VAFOvSoChnzkFIsL6STXAC4ICeCBIgNufBsBXAAdAtwA9hOg1tOlEjO2nuAoA/YzQ7xgtSNCSDC1K0bIcbUzQ1gxtTmWdCyMiIB+7tLLnAAAAAElFTkSuQmCC") !important;
}

/* Hide blue stripe on active tab 
.tab-line[selected="true"] {
  opacity: 0 !important;
}
*/

/* Цвет линии для активной вкладки 
.tab-line[selected="true"] {
  background-color: #68768a !important;
}
*/

/* Цвет активной вкладки */
.tab-background[selected="true"] {
background-color: #F0F0F0 !important; /* this sets the color of the tab background */
}

/* Сделать линию для активной вкладки прозрачной */
.tab-line[selected="true"] {
  opacity: 0 !important;
}

/*** Секция для вкладок внизу ***/

/* Вкладки в низ окна */
#TabsToolbar {
  position: fixed;
  bottom: -0.3em;
  width: 100%;
  }
  #tabbrowser-tabs { width: 96%; }
  #content-deck { margin-bottom: 2.5em;
}

/* Для полного экрана */
TabsToolbar:not([inFullscreen="true"]) {position:fixed; bottom:0em; width:100%;} 

/* Remove X from Tabs */
#tabbrowser-tabs .tabbrowser-tab .tab-close-button { display:none!important; }

/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

#tabbrowser-tabs {
  width: 100vw !important;
  #content-deck { margin-bottom: 0em; }
  #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
}
/* TABS: height */
:root {
 --tab-toolbar-navbar-overlap: 0px !important;
}
:root #tabbrowser-tabs {
 --tab-min-width: 80px !important;
}

/* Tabs Bottom https://support.mozilla.org/en-US/questions/1248277 */

#TabsToolbar {
 height: var(--tab-min-height) !important;
 margin-bottom: 1px !important;
 box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
 background-color: var(--toolbar-bgcolor) !important;
}

#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: var(--tab-min-height) !important;
  max-height: var(--tab-min-height) !important;
}

/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
  width: 40px;
}

/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
  margin-top: unset !important;
}

/* hide windows-controls */
#TabsToolbar #window-controls {display:none!important;}

/* move caption buttons to right of Tab bar */
#main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
 position: fixed !important;
 right: 0 !important;
 top: calc(6px + var(--tab-min-height)) !important;
 display: block !important;
 visibility: visible !important;
}
#toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;}

/*** Конец секции для вкладок внизу ***/

/*** Find Bar Tweaks https://support.mozilla.org/ru/questions/1224761 ***/
.browserContainer > findbar {

  /* Position the Find Bar above the page */
  -moz-box-ordinal-group: 0;

  /* Move Find Bar border from top to bottom */
   border-top: none !important; 
   border-bottom: 1px solid ThreeDShadow !important;
}

/* Status Bar http://penduin.blogspot.com/2018/01/how-to-fix-firefox-57-status-bar.html */

#browser-bottombox {
 height: 2.5em;
 border-top: solid thin #505050;
}
.browserContainer>statuspanel {
 left: 4px !important; bottom: 2px;
 transition-duration: 0s !important;
 transition-delay: 0s !important;
}
.browserContainer>statuspanel>.statuspanel-inner>.statuspanel-label {
 margin-left: 0px !important;
 border: none !important;
 padding: 0px !important;
 background: rgb(0,0,0,0) !important;
 color: silver !important;
}

window[inFullscreen="true"] #browser-bottombox {
 display:none !important;
}
window[inFullscreen="true"] .browserContainer>statuspanel[type="overLink"] .statuspanel-label {
 display:none !important;
}

Отредактировано Retif (05-09-2019 12:27:33)

IAmSelf · №6441

kokoss пишет:
Как вариант:скрытый текстhttps://github.com/Aris-t2/CustomJSforF … nbar.uc.js

Нет, к сожалению не помогло...

Вот мой userChrome.css:

скрытый текст

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

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

#urlbar #identity-icon {
-moz-binding: url("./bindings/favicon_in_urlbar.xml#favicon") !important;
width: 16px;
height: 16px;
}

#urlbar[pageproxystate="valid"] > #identity-box:not(.chromeUI) > #identity-icon:not([busy]) {
list-style-image: var(--v-identity-icon-image, url("chrome://browser/skin/identity-icon.svg")) !important;
-moz-image-region: auto !important;
}

/*****************************Заголовок страницы в нижней панели*******************************/
#main-window::after {
position: fixed !important;
content: attr(title) !important;
display: -moz-box !important;
bottom: 7px !important; /* отступ снизу */
left: 0px !important;
right: 0px !important;
padding-inline-start: 30px !important; /* отступ в начале */
padding-inline-end: 30px !important; /* отступ в конце */
font-size: inherit !important;
font-weight: bold !important;
/*text-align: center !important;*/
text-align: left !important;
white-space: pre !important;
line-height: 1em !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
pointer-events: none !important;
color: var(--toolbar-color, -moz-DialogText) !important;
text-shadow: none !important;
visibility: visible !important;
opacity: 1 !important;
}

#main-window:-moz-lwtheme::after {
color: var(--chrome-color, inherit) !important;
text-shadow: inherit !important;
}

#main-window:-moz-any([customizing="true"],[inFullscreen])::after {
opacity: 0 !important;
}

/**********Разделители для кастомных панелей*********************************************/
toolbarpaletteitem[place="toolbar"] > toolbarspring[id^="customizableui-special-spring"] {
background: url("./svg/spring.svg") rgba(255,255,255,0.6) center no-repeat !important;
border: none !important;
min-width: 34px !important;
min-height: 14px !important;
outline: 1px solid GrayText !important;
outline-offset: -1px !important;
margin-top: 3px !important;
margin-bottom: 3px !important;
opacity: 1 !important;
}

toolbarpaletteitem[place="palette"] > toolbarspacer[id^="customizableui-special-spacer"] {
background: rgba(255,255,255,0.6) !important;
border: none !important;
outline: 1px solid GrayText !important;
outline-offset: -1px !important;
min-height: 37px !important;
width: 15px !important;
}

toolbarpaletteitem[place="toolbar"] > toolbarspacer[id^="customizableui-special-spacer"] {
background: rgba(255,255,255,0.6) !important;
border: none !important;
outline: 1px solid GrayText !important;
outline-offset: -1px !important;
min-height: 14px !important;
width: 15px !important;
margin-top: 3px !important;
margin-bottom: 3px !important;
}

toolbarpaletteitem[place="palette"] > toolbarseparator[id^="customizableui-special-separator"] {
-moz-appearance: none !important;
-moz-border-left-colors: none !important;
-moz-border-right-colors: none !important;
border-top: none !important;
border-bottom: none !important;
border-left: 1px solid GrayText !important;
border-right: 1px solid rgba(255,255,255,0.6) !important;
min-height: 37px !important;
width: 2px !important;
}

toolbarpaletteitem[place="toolbar"] > toolbarseparator[id^="customizableui-special-separator"] {
margin-top: 2px !important;
margin-bottom: 2px !important;
}

toolbarpaletteitem[place] > :-moz-any(toolbarspring[id^="customizableui-special-spring"],toolbarspacer[id^="customizableui-special-spacer"],toolbarseparator[id^="customizableui-special-separator"]) {
-moz-window-dragging: no-drag !important;
}

toolbar:not(#nav-bar) toolbarpaletteitem[place="toolbar"][id^="wrapper-customizableui-special-spring"],
toolbar:not(#nav-bar) toolbarspring {
max-width: none !important;
}

#customization-container #customization-footer > spacer:first-of-type {
-moz-binding: url("./bindings/specialwidget.xml#specialwidget") !important;
}

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

/****************************************************************************************/
/* multirow / multiple tab lines - modified for CustomCSSforFx **************************/
/* all credits go to the original authors: **********************************************/
/* https://www.reddit.com/r/FirefoxCSS/comments/7dclp7/multirow_tabs_in_ff57/ ***********/
/* https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_tabs.css */
/****************************************************************************************/

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

:root{
--tabs-lines: 4;
--tab_min_width_mlt: 80px;
--tab_max_width_mlt: 200px;
--tab-min-height_mlt: var(--tab-min-height,32px); /* set own value here, if used without configuration files */
}

#tabbrowser-tabs{
min-height: unset !important;
padding-inline-start: 0px !important
}

/* Test for Firefox > 66 */
@supports (inset-block:auto){
#tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{
display: flex;
flex-wrap: wrap;
overflow-y: auto;
max-height: calc(var(--tab-min-height_mlt) * var(--tabs-lines));
}
#tabbrowser-tabs > .tabbrowser-arrowscrollbox {
overflow: -moz-hidden-unscrollable;
display: block;
margin-bottom:-1px !important;
}
}

/* Test for Firefox < 66 */
@supports not (inset-block:auto){
#tabbrowser-tabs > .tabbrowser-arrowscrollbox{
min-height: unset !important;
}
#tabbrowser-tabs .scrollbox-innerbox{
display: flex;
flex-wrap: wrap;
}
#tabbrowser-tabs .arrowscrollbox-scrollbox {
overflow: -moz-hidden-unscrollable;
display: block;
}
}

.tabbrowser-tab{
height: var(--tab-min-height_mlt);
}

#tabbrowser-tabs .tabbrowser-tab[pinned]{
position: static !important;
margin-inline-start: 0px !important;
}

.tabbrowser-tab[fadein]:not([pinned]) {
flex-grow: 1;
min-width: var(--tab_min_width_mlt) !important;
max-width: var(--tab_max_width_mlt) !important;
}

.tabbrowser-tab > stack{
width: 100%;
height: 100%;
}

#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#alltabs-button,
:root:not([customizing]) #TabsToolbar #new-tab-button,
#tabbrowser-tabs spacer,
.tabbrowser-tab::after{
display: none !important;
}

#tabbrowser-tabs[overflow="true"] > .tabbrowser-arrowscrollbox > .tabs-newtab-button,
#tabbrowser-tabs:not([hasadjacentnewtabbutton]) > .tabbrowser-arrowscrollbox > .tabs-newtab-button,
#TabsToolbar[customizing="true"] #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .tabs-newtab-button {
visibility: hidden !important;
}

/* hide private window indicator, window controls and titlebar placeholders */
#main-window[tabsintitlebar] #TabsToolbar .private-browsing-indicator,
#main-window[tabsintitlebar] #TabsToolbar #window-controls,
#main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="pre-tabs"],
#main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="post-tabs"] {
display: none !important;
}
#TabsToolbar .titlebar-placeholder[type="pre-tabs"],
#TabsToolbar .titlebar-placeholder[type="post-tabs"] {
opacity: 0 !important;
}

/* hide tab borders set by Firefox 58+ to solve 'blank space below tabs' issue */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
border-left: unset !important;
border-image: unset !important;
border-image-slice: unset !important;
border: 0 !important;
}

/* Fx66+ tab close fix */
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button {
visibility: visible !important;
display: block !important;
}
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[pinned] .tab-close-button {
visibility: hidden !important;
display: block !important;
-moz-margin-start: -18px !important;
}

/* fix scrollbar */
#main-window[tabsintitlebar] #tabbrowser-tabs {
-moz-window-dragging: no-drag !important;
}

/*lw theme fix */
#main-window:-moz-lwtheme {
background: var(--lwt-header-image) !important;
background-repeat: repeat-y !important;
}

/**/

}

Может, кто сможет подсказать, как вернуть кастомную панель вниз, чтобы на ней отображались кнопки дополнений?
При этом заголовок страницы все-таки отображается внизу. Но сквозь него видно страницу:

https://i90.fastpic.ru/thumb/2019/0905/6f/005f82ad8996f02cd27406029445b76f.jpeg

Vitaliy V. · №6442

IAmSelf пишет:
Обновился на 69 версию - пропала нижняя панель.

А что у вас было, если мои панели так обновить надо https://github.com/VitaliyVstyle/Vitali … om_bar.zip
или https://github.com/VitaliyVstyle/Vitali … _files.zip

Отредактировано Vitaliy V. (05-09-2019 12:58:50)

IAmSelf · №6443

Vitaliy V. пишет:
IAmSelf пишет:
Обновился на 69 версию - пропала нижняя панель.
А что у вас было, если мои панели так обновить надо https://github.com/VitaliyVstyle/Vitali … om_bar.zip
или https://github.com/VitaliyVstyle/Vitali … _files.zip

Не помогло...
Ну да ладно, видать, не судьба.

Vitaliy V. · №6444

IAmSelf пишет:
Не помогло...

Что значит не помогло, код рабочий, стили то хоть работают
toolkit.legacyUserProfileCustomizations.stylesheets - true

IAmSelf · №6445

Vitaliy V. пишет:
IAmSelf пишет:
Не помогло...
Что значит не помогло, код рабочий, стили то хоть работают
toolkit.legacyUserProfileCustomizations.stylesheets - true

Приношу свои извинения. Все заработало!!! Я сам виноват - user_chrome_files.zip скачал и установил/обновил, а vertical_top_bottom_bar.zip - пропустил. :dumb:
Спасибо Вам большое!!!

Zver555 · №6446

После обновления на версию 69 возникла проблема... пропали крестики закрытия при наведении мыши на неактивные вкладки.

Раньше работал код такой:

Выделить код

Код:

#tabbrowser-tabs > .tabbrowser-tab:not([pinned="true"]):hover > .tab-stack > .tab-content > .tab-close-button {
  display: -moz-box !important;
}

Как теперь это делать, кто знает?

amid525 · №6447

Привет! Подскажите плиз стиль для 42 мазилы в виде цветной полоски на кнопке активной вкладки(как в новых версиях)

skillful · №6448

Retif пишет:
Retif пишет: Обновился сегодня Firefox до 69-й версии и опять все поплыло Стилями делаю вкладки внизу, но куда-то пропала полоса, которая была сзади них, теперь всё какое-то прозрачное за вкладками. Даже не прозрачная, а эта панель куда-то уехала, что ли?В общем вроде сделал, вроде и работает, только там треш такой уже, ибо делается методом тыка, я к сожалению, в CSS этих ничего не понимаю, может кто поможет разгрести это:

скрытый текст
url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

/* Tab bar below Navigation & Bookmarks Toolbars */
#nav-bar { /* main toolbar */
-moz-box-ordinal-group: 2 !important;
box-shadow: none !important;
border-bottom: 1px solid ThreeDShadow !important;
}

#PersonalToolbar { /* bookmarks toolbar */
-moz-box-ordinal-group: 1 !important;
border-top: 1px solid ThreeDShadow !important;

}

/* Делаем статусбар прозрачным */
statuspanel { opacity: 0 !important; }

/* Более толстые кнопки Вперед-Назад */
#main-window:not(#f) #back-button {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAjUlEQVR42uWXwQrAIAxD9f8/OttlIDK2mkYrVvCYl3cQtbX4Fu5dPQBPGAIGHYaAQYchYNBhCBh0GAIGHYaAQYchYNDhv/KpApbyaQLW8ikCI+Xu1QssLe8Flpe3AiHlj0BY+TYCJVJim0MYJrHdRcRInPkYjUic/SGxSOT4lH5J5BpM3iRyDqethItxAaTNIBfhl7xRAAAAAElFTkSuQmCC") !important;
}
#main-window:not(#f) #forward-button {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAkElEQVR42sWXSw7AIAhEy/0P3ZoumtRoKyPwSFy4YObFL9ixH2cbpibLiR2ArBUJIOlFA7g1MwBculkAy9qZAEv62QC/HhUAnz5VAFOvSoChnzkFIsL6STXAC4ICeCBIgNufBsBXAAdAtwA9hOg1tOlEjO2nuAoA/YzQ7xgtSNCSDC1K0bIcbUzQ1gxtTmWdCyMiIB+7tLLnAAAAAElFTkSuQmCC") !important;
}

/* Hide blue stripe on active tab
.tab-line[selected="true"] {
opacity: 0 !important;
}
*/

/* Цвет линии для активной вкладки
.tab-line[selected="true"] {
background-color: #68768a !important;
}
*/

/* Цвет активной вкладки */
.tab-background[selected="true"] {
background-color: #F0F0F0 !important; /* this sets the color of the tab background */
}

/* Сделать линию для активной вкладки прозрачной */
.tab-line[selected="true"] {
opacity: 0 !important;
}

/*** Секция для вкладок внизу ***/

/* Вкладки в низ окна */
#TabsToolbar {
position: fixed;
bottom: -0.3em;
width: 100%;
}
#tabbrowser-tabs { width: 96%; }
#content-deck { margin-bottom: 2.5em;
}

/* Для полного экрана */
TabsToolbar:not([inFullscreen="true"]) {position:fixed; bottom:0em; width:100%;}

/* Remove X from Tabs */
#tabbrowser-tabs .tabbrowser-tab .tab-close-button { display:none!important; }

/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

#tabbrowser-tabs {
width: 100vw !important;
#content-deck { margin-bottom: 0em; }
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
}
/* TABS: height */
:root {
--tab-toolbar-navbar-overlap: 0px !important;
}
:root #tabbrowser-tabs {
--tab-min-width: 80px !important;
}

/* Tabs Bottom https://support.mozilla.org/en-US/questions/1248277 */

#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
background-color: var(--toolbar-bgcolor) !important;
}

#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: var(--tab-min-height) !important;
max-height: var(--tab-min-height) !important;
}

/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
width: 40px;
}

/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
padding-bottom: unset !important;
margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
margin-top: unset !important;
}

/* hide windows-controls */
#TabsToolbar #window-controls {display:none!important;}

/* move caption buttons to right of Tab bar */
#main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
position: fixed !important;
right: 0 !important;
top: calc(6px + var(--tab-min-height)) !important;
display: block !important;
visibility: visible !important;
}
#toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;}

/*** Конец секции для вкладок внизу ***/

/*** Find Bar Tweaks https://support.mozilla.org/ru/questions/1224761 ***/
.browserContainer > findbar {

/* Position the Find Bar above the page */
-moz-box-ordinal-group: 0;

/* Move Find Bar border from top to bottom */
border-top: none !important;
border-bottom: 1px solid ThreeDShadow !important;
}

/* Status Bar http://penduin.blogspot.com/2018/01/how-to-fix-firefox-57-status-bar.html */

#browser-bottombox {
height: 2.5em;
border-top: solid thin #505050;
}
.browserContainer>statuspanel {
left: 4px !important; bottom: 2px;
transition-duration: 0s !important;
transition-delay: 0s !important;
}
.browserContainer>statuspanel>.statuspanel-inner>.statuspanel-label {
margin-left: 0px !important;
border: none !important;
padding: 0px !important;
background: rgb(0,0,0,0) !important;
color: silver !important;
}

window[inFullscreen="true"] #browser-bottombox {
display:none !important;
}
window[inFullscreen="true"] .browserContainer>statuspanel[type="overLink"] .statuspanel-label {
display:none !important;
}

Вроде вкладки внизу норм отображаются. А как туда же и панель с адресной строкой спустить?

func4ptch4 · №6449

IAmSelf

твой css, заменил browser.xul

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

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

#urlbar #identity-icon {
    -moz-binding: url("./bindings/favicon_in_urlbar.xml#favicon") !important;
    width: 16px;
    height: 16px;
}

#urlbar[pageproxystate="valid"] > #identity-box:not(.chromeUI) > #identity-icon:not([busy]) {
    list-style-image: var(--v-identity-icon-image, url("chrome://browser/skin/identity-icon.svg")) !important;
    -moz-image-region: auto !important;
}

/*****************************Заголовок страницы в нижней панели*******************************/
#main-window::after {
    position: fixed !important;
    content: attr(title) !important;
    display: -moz-box !important;
    bottom: 7px !important; /* отступ снизу */
    left: 0px !important;
    right: 0px !important;
    padding-inline-start: 30px !important; /* отступ в начале */
    padding-inline-end: 30px !important; /* отступ в конце */
    font-size: inherit !important;
    font-weight: bold !important;
    /*text-align: center !important;*/
    text-align: left !important;
    white-space: pre !important;
    line-height: 1em !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    pointer-events: none !important;
    color: var(--toolbar-color, -moz-DialogText) !important;
    text-shadow: none !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#main-window:-moz-lwtheme::after {
    color: var(--chrome-color, inherit) !important;
    text-shadow: inherit !important;
}

#main-window:-moz-any([customizing="true"],[inFullscreen])::after {
    opacity: 0 !important;
}

/**********Разделители для кастомных панелей*********************************************/
toolbarpaletteitem[place="toolbar"] > toolbarspring[id^="customizableui-special-spring"] {
    background: url("./svg/spring.svg") rgba(255,255,255,0.6) center no-repeat !important;
    border: none !important;
    min-width: 34px !important;
    min-height: 14px !important;
    outline: 1px solid GrayText !important;
    outline-offset: -1px !important;
    margin-top: 3px !important;
    margin-bottom: 3px !important;
    opacity: 1 !important;
}

toolbarpaletteitem[place="palette"] > toolbarspacer[id^="customizableui-special-spacer"] {
    background: rgba(255,255,255,0.6) !important;
    border: none !important;
    outline: 1px solid GrayText !important;
    outline-offset: -1px !important;
    min-height: 37px !important;
    width: 15px !important;
}

toolbarpaletteitem[place="toolbar"] > toolbarspacer[id^="customizableui-special-spacer"] {
    background: rgba(255,255,255,0.6) !important;
    border: none !important;
    outline: 1px solid GrayText !important;
    outline-offset: -1px !important;
    min-height: 14px !important;
    width: 15px !important;
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

toolbarpaletteitem[place="palette"] > toolbarseparator[id^="customizableui-special-separator"] {
    -moz-appearance: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: 1px solid GrayText !important;
    border-right: 1px solid rgba(255,255,255,0.6) !important;
    min-height: 37px !important;
    width: 2px !important;
}

toolbarpaletteitem[place="toolbar"] > toolbarseparator[id^="customizableui-special-separator"] {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

toolbarpaletteitem[place] > :-moz-any(toolbarspring[id^="customizableui-special-spring"],toolbarspacer[id^="customizableui-special-spacer"],toolbarseparator[id^="customizableui-special-separator"]) {
    -moz-window-dragging: no-drag !important;
}

toolbar:not(#nav-bar) toolbarpaletteitem[place="toolbar"][id^="wrapper-customizableui-special-spring"],
toolbar:not(#nav-bar) toolbarspring {
    max-width: none !important;
}

#customization-container #customization-footer > spacer:first-of-type {
    -moz-binding: url("./bindings/specialwidget.xml#specialwidget") !important;
}

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


/****************************************************************************************/
/* multirow / multiple tab lines - modified for CustomCSSforFx **************************/
/* all credits go to the original authors: **********************************************/
/* https://www.reddit.com/r/FirefoxCSS/comments/7dclp7/multirow_tabs_in_ff57/ ***********/
/* https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_tabs.css */
/****************************************************************************************/


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

:root{
  --tabs-lines: 4;
  --tab_min_width_mlt: 80px;
  --tab_max_width_mlt: 200px;
  --tab-min-height_mlt: var(--tab-min-height,32px); /* set own value here, if used without configuration files */
}

#tabbrowser-tabs{
  min-height: unset !important;
  padding-inline-start: 0px !important
}

/* Test for Firefox > 66 */
@supports (inset-block:auto){
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: calc(var(--tab-min-height_mlt) * var(--tabs-lines));
  }
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
    overflow: -moz-hidden-unscrollable;
    display: block;
    margin-bottom:-1px !important;
  }
}

/* Test for Firefox < 66 */
@supports not (inset-block:auto){
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox{
    min-height: unset !important;
  }
  #tabbrowser-tabs .scrollbox-innerbox{
    display: flex;
    flex-wrap: wrap;
  }
  #tabbrowser-tabs .arrowscrollbox-scrollbox {
    overflow: -moz-hidden-unscrollable;
    display: block;
  }
}

.tabbrowser-tab{
  height: var(--tab-min-height_mlt);
}

#tabbrowser-tabs .tabbrowser-tab[pinned]{
  position: static !important;
  margin-inline-start: 0px !important;
}

.tabbrowser-tab[fadein]:not([pinned]) {
  flex-grow: 1;
  min-width: var(--tab_min_width_mlt) !important;
  max-width: var(--tab_max_width_mlt) !important;
}

.tabbrowser-tab > stack{
  width: 100%;
  height: 100%;
}

#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#alltabs-button,
:root:not([customizing]) #TabsToolbar #new-tab-button,
#tabbrowser-tabs spacer,
.tabbrowser-tab::after{
  display: none !important;
}

#tabbrowser-tabs[overflow="true"] > .tabbrowser-arrowscrollbox > .tabs-newtab-button,
#tabbrowser-tabs:not([hasadjacentnewtabbutton]) > .tabbrowser-arrowscrollbox > .tabs-newtab-button,
#TabsToolbar[customizing="true"] #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .tabs-newtab-button {
  visibility: hidden !important;
}

/* hide private window indicator, window controls and titlebar placeholders */
#main-window[tabsintitlebar] #TabsToolbar .private-browsing-indicator,
#main-window[tabsintitlebar] #TabsToolbar #window-controls,
#main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="pre-tabs"],
#main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="post-tabs"] {
  display: none !important;
}
#TabsToolbar .titlebar-placeholder[type="pre-tabs"],
#TabsToolbar .titlebar-placeholder[type="post-tabs"] {
  opacity: 0 !important;
}

/* hide tab borders set by Firefox 58+ to solve 'blank space below tabs' issue */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
  border-left: unset !important;
  border-image: unset !important;
  border-image-slice: unset !important;
  border: 0 !important;
}

/* Fx66+ tab close fix */
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button {
  visibility: visible !important;
  display: block !important;
}
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[pinned] .tab-close-button {
  visibility: hidden !important;
  display: block !important;
  -moz-margin-start: -18px !important;
}

/* fix scrollbar */
#main-window[tabsintitlebar] #tabbrowser-tabs {
  -moz-window-dragging: no-drag !important;
}

/*lw theme fix */
#main-window:-moz-lwtheme {
  background: var(--lwt-header-image) !important;
  background-repeat: repeat-y !important;
}

/**/



}

скрытый текст

Выделить код

Код:

//62+
//Components.classes|Components.interfaces|Components.utils=Cc|Ci|Cu
//getBrowser ()|getBrowser()=gBrowser
//nsILocalFile=nsIFile
//
//forum.mozilla-russia.org/viewtopic.php?pid=772884#p772884 - browser.xul|browser.xhtml
//
//document.createElement=document.createXULElement|document.createElementNS(xulns,
//forum.mozilla-russia.org/viewtopic.php?pid=772997#p772997
//github.com/Infocatcher/Custom_Buttons/commit/bd4aac673fb3ae733bdd155ab09125fd057a0614#diff-23c16ca2b6d59468c6fe22dfec2a87eb
//- - - - - - - - - - - - - - - - - - -
//support.mozilla.org/en-US/kb/keyboard-shortcuts-perform-firefox-tasks-quickly
//Ctrl+Shift+J Ctrl+Shift+Del Ctrl+Shift+D Ctrl+U Ctrl+Shift+H_Ctrl+H
//- - - - - - - - - - - - - - - - - - -
//chrome://browser/content/preferences/connection.xul|cookies.xul
//chrome://browser/content/places/places.xul
//chrome://passwordmgr/content/passwordManager.xul
//
//view-source:chrome://browser/content/browser.xhtml
//- - - - - - - - - - - - - - - - - - -
//developer.mozilla.org/en-US/docs/Archive/Add-ons/Code_snippets/File_I_O
//

iamgdv · №6450

IAmSelf пишет:
Все заработало!!!

разжуйте дилетанту, как включить нижнюю панель? у меня она была только до квантума......

Полезная информация

Re: Настройка внешнего вида Firefox в userChrome.css

kokoss пишет:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

kokoss пишет:

Re: Настройка внешнего вида Firefox в userChrome.css

Smile пишет:

Re: Настройка внешнего вида Firefox в userChrome.css

kokoss пишет:

solombala пишет:

Re: Настройка внешнего вида Firefox в userChrome.css

Smile пишет:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

kokoss пишет:

Re: Настройка внешнего вида Firefox в userChrome.css

Smile пишет:

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

solombala пишет:

sandro79 пишет:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Retif пишет:

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

kokoss пишет:

Re: Настройка внешнего вида Firefox в userChrome.css

IAmSelf пишет:

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V. пишет:

IAmSelf пишет:

Re: Настройка внешнего вида Firefox в userChrome.css

IAmSelf пишет:

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V. пишет:

IAmSelf пишет:

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Retif пишет:

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

IAmSelf пишет:

Board footer