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

Будьте в курсе последних изменений в мире Mozilla, следя за нашим микроблогом в Twitter.

№642605-09-2019 07:19:41

Smile
Участник
 
Группа: Members
Зарегистрирован: 20-11-2017
Сообщений: 11
UA: Firefox 69.0

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

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)

Отсутствует

 

№642705-09-2019 08:13:58

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 69.0

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

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

Отсутствует

 

№642805-09-2019 09:22:03

Dobrov
Участник
 
Группа: Members
Зарегистрирован: 04-10-2011
Сообщений: 395
UA: Firefox 68.0

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

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

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

Отсутствует

 

№642905-09-2019 09:22:26

Retif
Участник
 
Группа: Members
Зарегистрирован: 14-09-2014
Сообщений: 111
UA: Firefox 69.0

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

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

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

2c0bd4d396a75d6193fef2e26aa30a71.png

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)

Отсутствует

 

№643005-09-2019 09:49:56

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1728
UA: Firefox 52.0

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

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

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


Win7

Отсутствует

 

№643105-09-2019 10:06:10

Smile
Участник
 
Группа: Members
Зарегистрирован: 20-11-2017
Сообщений: 11
UA: Firefox 69.0

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

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

Отсутствует

 

№643205-09-2019 10:11:22

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1728
UA: Firefox 52.0

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

Smile пишет

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

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


Win7

Отсутствует

 

№643305-09-2019 10:19:29

Smile
Участник
 
Группа: Members
Зарегистрирован: 20-11-2017
Сообщений: 11
UA: Firefox 69.0

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

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)

Отсутствует

 

№643405-09-2019 10:39:39

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1728
UA: Firefox 52.0

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

Smile пишет

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

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

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


Win7

Отсутствует

 

№643505-09-2019 11:02:26

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 69.0

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

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

скрытый текст
BROWSER_CHROME_URL: "chrome://browser/content/browser.xul",

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

Отсутствует

 

№643605-09-2019 11:04:12

Smile
Участник
 
Группа: Members
Зарегистрирован: 20-11-2017
Сообщений: 11
UA: Firefox 69.0

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

kokoss пишет

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

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

Отсутствует

 

№643705-09-2019 11:18:42

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 58.0

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

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

Отсутствует

 

№643805-09-2019 11:31:45

Smile
Участник
 
Группа: Members
Зарегистрирован: 20-11-2017
Сообщений: 11
UA: Firefox 69.0

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

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)

Отсутствует

 

№643905-09-2019 12:16:46

ruslan1
Участник
 
Группа: Members
Зарегистрирован: 03-02-2019
Сообщений: 11
UA: Firefox 69.0

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

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

Отсутствует

 

№644005-09-2019 12:27:00

Retif
Участник
 
Группа: Members
Зарегистрирован: 14-09-2014
Сообщений: 111
UA: Firefox 69.0

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

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)

Отсутствует

 

№644105-09-2019 12:28:47

IAmSelf
Участник
 
Группа: Members
Зарегистрирован: 03-02-2010
Сообщений: 28
UA: Firefox 69.0

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

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

/**/



}


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


Брел, брел, брел...

Отсутствует

 

№644205-09-2019 12:58:30

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 70.0

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

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)

Отсутствует

 

№644305-09-2019 13:40:12

IAmSelf
Участник
 
Группа: Members
Зарегистрирован: 03-02-2010
Сообщений: 28
UA: Firefox 69.0

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

Vitaliy V. пишет
IAmSelf пишет

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

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

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


Брел, брел, брел...

Отсутствует

 

№644405-09-2019 13:53:01

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 70.0

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

IAmSelf пишет

Не помогло...

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

Отсутствует

 

№644505-09-2019 14:32:31

IAmSelf
Участник
 
Группа: Members
Зарегистрирован: 03-02-2010
Сообщений: 28
UA: Firefox 69.0

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

Vitaliy V. пишет
IAmSelf пишет

Не помогло...

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

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


Брел, брел, брел...

Отсутствует

 

№644605-09-2019 16:19:44

Zver555
Участник
 
Группа: Members
Зарегистрирован: 29-11-2012
Сообщений: 27
UA: Firefox 69.0

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

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

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

Выделить код

Код:

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

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

Отсутствует

 

№644705-09-2019 17:56:57

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 360
UA: unknown 0.0

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

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

Отсутствует

 

№644805-09-2019 19:10:10

skillful
Участник
 
Группа: Members
Зарегистрирован: 18-06-2015
Сообщений: 21
UA: Chrome 71.0

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

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

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

Отсутствует

 

№644905-09-2019 20:25:29

func4ptch4
Участник
 
Группа: Members
Зарегистрирован: 03-05-2018
Сообщений: 220
UA: Firefox 69.0

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

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
//

Отсутствует

 

№645005-09-2019 20:47:25

iamgdv
Участник
 
Группа: Members
Зарегистрирован: 11-01-2007
Сообщений: 49
UA: Firefox 69.0

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

IAmSelf пишет

Все заработало!!!

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

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]