Фиф, направих някои последни корекции след последните простотии във версия 92, само замени това в userChrome.css:
Код: Избери всички
/*AGENT_SHEET*/
/* Firefox 57+ userChrome.css tweaks ************************************************************/
/* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **********/
/* by Aris (aris-addons@gmx.net)*****************************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ********************************************/
/************************************************************************************************/
/************************************************************************************************/
/* Custom CSS for Firefox ***********************************************************************/
/* version 1.3.1 ********************************************************************************/
/************************************************************************************************/
/*************************************************************************************************
Finding profile folder: about:support > Profile Folder > Open Folder
files and folders belong into \PROFILEFOLDER\chrome\ directory
ENABLING options: remove the combination of / and * before @import
DISABLING options: add the combination of / and * before @import
Some @import features might not work properly on macOS and Linux -> Firefox bug
CSS tweaks won't work, if @namespace references are used inside .css files!
*************************************************************************************************/
/************************************************************************************************/
/* TOOLBAR BUTTONS ******************************************************************************/
/************************************************************************************************/
/* navigation toolbar buttons appearance - only use one at a time *******************************/
/* @import url(./css/buttons/buttons_on_navbar_classic_appearance.css); /**/
/* @import url(./css/buttons/buttons_on_navbar_glass_appearance.css); /**/
/* navigation toolbar buttons - button roundness (edit file to set different roundness) *********/
/* @import url(./css/buttons/buttons_on_navbar_button_roundness.css); /**/
/* squared buttons - only use one at a time (based on Firefox version) **************************/
/* @import url(./css/buttons/buttons_on_navbar_squared_buttons_fx57.css); /**/
/* @import url(./css/buttons/buttons_on_navbar_squared_buttons_fx58.css); /**/
/* icon appearance - only use one at a time (custom icons do not scale in HiDPI modes) **********/
/* @import url(./css/buttons/icons_colorized.css); /**/
/* @import url(./css/buttons/icons_white_icons.css); /**/
/* @import url(./css/buttons/icons_custom_icons.css); /**/
/* @import url(./css/buttons/icons_custom_icons_fx1.css); /**/
/* @import url(./css/buttons/icons_custom_icons_fx2.css); /**/
/* @import url(./css/buttons/icons_custom_icons_fx3.css); /**/
/* @import url(./css/buttons/icons_custom_icons_fx3strata.css); /**/
/* @import url(./css/buttons/icons_custom_icons_fx12_colorized.css); /**/
/* @import url(./css/buttons/icons_custom_icons_crystal.css); /**/
/* @import url(./css/buttons/icons_custom_icons_firebird.css); /**/
/* @import url(./css/buttons/icons_custom_icons_kempelton.css); /**/
/* @import url(./css/buttons/icons_custom_icons_noia.css); /**/
/* @import url(./css/buttons/icons_custom_icons_ie6.css); /**/
/* @import url(./css/buttons/icons_custom_icons_seamonkey.css); /**/
/* @import url(./css/buttons/icons_custom_icons_old_chrome.css); /**/
/* @import url(./css/buttons/icons_custom_icons_old_osx.css); /**/
/* @import url(./css/buttons/icons_custom_icons_tango.css); /**/
@import url(./css/toolbar_buttons_noia.css); /**/
@import url(./css/toolbar_buttons_size_on_navbar_36px.css); /**/
/* bookmarks toolbar - buttons appearance - only use one at a time ******************************/
/* old bookmarks toolbar button appearance - 'disable' for Windows 7s classic OS theme **********/
@import url(./css/buttons/buttons_on_bookmarks_toolbar_old_size_and_appearance.css); /**/
/* @import url(./css/buttons/buttons_on_bookmarks_toolbar_classic_appearance.css); /**/
/* @import url(./css/buttons/buttons_on_bookmarks_toolbar_classic_appearance_items.css); /**/
/* bookmarks menu button - 'button & popup' appearance ******************************************/
@import url(./css/buttons/bookmarks_menu_button_localized_label_on_bookmarks_toolbar.css); /**/
/* @import url(./css/buttons/bookmarks_menu_button_popup_sidebar_item_hidden.css); /**/
/* @import url(./css/buttons/bookmarks_menu_button_popup_toolbar_item_hidden.css); /**/
/* @import url(./css/buttons/bookmarks_menu_button_popup_other_item_hidden.css); /**/
/* popup appearance - only use one at a time (use 'Windows Classic' file for that OS theme ******/
@import url(./css/buttons/bookmarks_menu_button_popup_classic_appearance.css); /**/
/* @import url(./css/buttons/bookmarks_menu_button_popup_classic_appearance_windows_classic.css); /**/
/* menubar - toolbar button appearance **********************************************************/
/* @import url(./css/buttons/buttons_on_menubar_toolbar_classic_appearance.css); /**/
/* other button settings ************************************************************************/
/* @import url(./css/buttons/forward_button_hide_when_disabled.css); /**/
/* @import url(./css/buttons/back_and_forward_separated_history_popups.css); /**/
/* @import url(./css/buttons/zoom_buttons_hide_reset.css); /**/
/* CUSTOM BACK & FORWARD BUTTONS appearance - only use one at a time ****************************/
/* @import url(./css/buttons/custom_backforward_connected_to_location_bar.css); /**/ /* <--- experimental */
/* @import url(./css/buttons/custom_backforward_connected_to_location_bar_aero.css); /**/ /* <-- AERO colors */
/* @import url(./css/buttons/custom_backforward_large_ff2.css); /**/
/* @import url(./css/buttons/custom_backforward_large_ff3.css); /**/
/* @import url(./css/buttons/custom_backforward_large_ff3_strata.css); /**/
/* @import url(./css/buttons/custom_backforward_large_ff3_strata_orange.css); /**/
/* @import url(./css/buttons/custom_backforward_large_ff3_strata_red.css); /**/
/* @import url(./css/buttons/custom_backforward_large_ie8.css); /**/
/* @import url(./css/buttons/custom_backforward_large_ie9.css); /**/
/* @import url(./css/buttons/custom_backforward_large_kempelton.css); /**/
/* @import url(./css/buttons/custom_backforward_small_ff3.css); /**/
/* @import url(./css/buttons/custom_backforward_small_ff3_strata.css); /**/
/* @import url(./css/buttons/custom_backforward_small_ff3_strata_orange.css); /**/
/* @import url(./css/buttons/custom_backforward_small_ff3_strata_red.css); /**/
/* @import url(./css/buttons/custom_backforward_small_ie8.css); /**/
/* @import url(./css/buttons/custom_backforward_small_ie9.css); /**/
/* @import url(./css/buttons/custom_backforward_small_kempelton.css); /**/
/************************************************************************************************/
/* APPLICATION/HAMBURGER BUTTON *****************************************************************/
/************************************************************************************************/
/* application/hamburger button hidden - disable all other appbutton options when using this ****/
@import url(./css/buttons/appbutton_hidden.css); /**/
/* application/hamburger button popup ***********************************************************/
/*@import url(./css/buttons/appbutton_popup_icons_colorized.css); /**/
/* @import url(./css/buttons/appbutton_popup_sync_hidden.css); /**/
/* @import url(./css/buttons/appbutton_popup_panelarrow_hidden_fx57.css); /**/ /* <--- experimental */
/* @import url(./css/buttons/appbutton_popup_panelarrow_hidden_fx58.css); /**/ /* <--- experimental */
/************************************************************************************************/
/* button on navigation toolbar *****************************************************************/
/************************************************************************************************/
/* @import url(./css/buttons/appbutton_on_navbar_start_position.css); /**/
/* @import url(./css/buttons/appbutton_on_navbar_separator_hidden.css); /**/
/* button color - only use one at a time ********************************************************/
/* @import url(./css/buttons/appbutton_on_navbar_color_autocolor.css); /**/
/* @import url(./css/buttons/appbutton_on_navbar_color_autocolor57p.css); /**/
/* @import url(./css/buttons/appbutton_on_navbar_color_orange.css); /**/
/* @import url(./css/buttons/appbutton_on_navbar_color_aurora.css); /**/
/* @import url(./css/buttons/appbutton_on_navbar_color_nightly.css); /**/
/* @import url(./css/buttons/appbutton_on_navbar_color_deved57p.css); /**/
/* @import url(./css/buttons/appbutton_on_navbar_color_nightly57p.css); /**/
/* @import url(./css/buttons/appbutton_on_navbar_color_palemoon.css); /**/
/* button icon - only use one at a time *********************************************************/
/* @import url(./css/buttons/appbutton_on_navbar_icon_white.css); /**/
/* @import url(./css/buttons/appbutton_on_navbar_icon_dark.css); /**/
/* @import url(./css/buttons/appbutton_on_navbar_icon_grey.css); /**/
/************************************************************************************************/
/* button in Firefox titlebar - if menubar is disabled (Windows only) ***************************/
/************************************************************************************************/
/* button in titlebar - only use one at a time **************************************************/
@import url(./css/buttons/appbutton_in_titlebar.css); /**/
/* @import url(./css/buttons/appbutton_in_titlebar_icon_only.css); /**/
/* @import url(./css/buttons/appbutton_in_titlebar_icon_only_dark.css); /**/
/* @import url(./css/buttons/appbutton_in_titlebar_icon_only_grey.css); /**/
/* button color - only use one at a time ********************************************************/
@import url(./css/buttons/appbutton_in_titlebar_autocolor.css); /**/
/* @import url(./css/buttons/appbutton_in_titlebar_autocolor57p.css); /**/
/* @import url(./css/buttons/appbutton_in_titlebar_transparent.css); /**/
/* @import url(./css/buttons/appbutton_in_titlebar_aurora.css); /**/
/* @import url(./css/buttons/appbutton_in_titlebar_nightly.css); /**/
/* @import url(./css/buttons/appbutton_in_titlebar_deved57p.css); /**/
/* @import url(./css/buttons/appbutton_in_titlebar_nightly57p.css); /**/
/* @import url(./css/buttons/appbutton_in_titlebar_palemoon.css); /**/
/************************************************************************************************/
/* TABS - appearance and position ***************************************************************/
/************************************************************************************************/
/* custom tab appearance - only use one at a time ***********************************************/
@import url(./css/tabs/classic_squared_tabs.css); /**/
/* @import url(./css/tabs/classic_squared_tabs_aero.css); /**/ /* <-- AERO colors */
/* @import url(./css/tabs/classic_squared_tabs_transparent.css); /**/
/* @import url(./css/tabs/classic_squared_tabs_aeroglass.css); /**/
/* @import url(./css/tabs/classic_squared_tabs_australized.css); /**/
/* @import url(./css/tabs/classic_squared_tabs_australized_aero.css); /**/ /* <-- AERO colors */
/* @import url(./css/tabs/classic_squared_tabs_australized_transparent.css); /**/
/* @import url(./css/tabs/classic_squared_tabs_australized_aeroglass.css); /**/
/* custom tab colors for default/active/hovered/unread/unloaded tabs ****************************/
/* only use one at a time - edit target file to set own custom colors ***************************/
@import url(./css/tabs/custom_colors_for_squared_tabs.css); /**/
/* @import url(./css/tabs/custom_colors_for_squared_tabs_australized.css); /**/
/* text colors/shadow/weight/style for default/active/hovered/unread/unloaded tabs **************/
/* edit target file to set own custom colors ****************************************************/
/* @import url(./css/tabs/custom_text_settings.css); /**/
/* remove top corner roundness ******************************************************************/
/* @import url(./css/tabs/classic_squared_tabs_fully_squared.css); /**/
/* TABS TOOLBAR POSITION (not in titlebar / not on top) - only use one at a time ****************/
/* - TABS BELOW TITLEBAR (Fx56-like) ************************************************************/
/* @import url(./css/tabs/tabs_below_titlebar_above_navigation_toolbar.css); /**/
/* - TABS BELOW NAVIGATION AND BOOKMARKS TOOLBARS (tabs not on top) *****************************/
/* @import url(./css/tabs/tabs_below_navigation_toolbar.css); /**/
@import url(./css/tabs/tabs_below_navigation_toolbar_custom.css); /**/
/* @import url(./css/tabs/tabs_below_navigation_toolbar_aero.css); /**/ /* <-- AERO colors */
/* @import url(./css/tabs/tabs_below_navigation_toolbar_transparent.css); /**/
/* @import url(./css/tabs/tabs_below_navigation_toolbar_aeroglass.css); /**/
/* restore empty/missing tab favicon - only use one at a time ***********************************/
@import url(./css/tabs/missing_tab_favicon_restored_default.css); /**/
/* @import url(./css/tabs/missing_tab_favicon_restored_sheet.css); /**/
/* @import url(./css/tabs/missing_tab_favicon_restored_dotted.css); /**/
/* @import url(./css/tabs/missing_tab_favicon_restored_dotted_white.css); /**/
/* custom tab loading animation - only use one at a time ****************************************/
@import url(./css/tabs/tab_throbber_blue_fx56.css); /**/
/* @import url(./css/tabs/tab_throbber_blue.css); /**/
/* @import url(./css/tabs/tab_throbber_grey_classic.css); /**/
/* @import url(./css/tabs/tab_throbber_green.css); /**/
/* @import url(./css/tabs/tab_throbber_orange_ubuntu.css); /**/
/* tab close icon settings - only use one at a time *********************************************/
@import url(./css/tabs/tab_close_always_visible.css); /**/
/* @import url(./css/tabs/tab_close_on_active_tab_only.css); /**/
/* @import url(./css/tabs/tab_close_show_on_hover_only.css); /**/
/* @import url(./css/tabs/tab_close_hidden.css); /**/
/* @import url(./css/tabs/tab_close_hidden_for_only_one_visible_tab.css); /**/
/* @import url(./css/tabs/tab_close_at_tabs_start.css); /**/
/* tab close icon size override - only use one at a time ****************************************/
/* @import url(./css/tabs/tab_close_icon_size_16x16px.css); /**/
@import url(./css/tabs/tab_close_icon_size_18x18px.css); /**/
/* @import url(./css/tabs/tab_close_icon_size_20x20px.css); /**/
/* tab title - only use one at a time ***********************************************************/
/* @import url(./css/tabs/tab_title_left.css); /**/
/* @import url(./css/tabs/tab_title_centered.css); /**/
/* @import url(./css/tabs/tab_title_right.css); /**/
/* DEFAULT TABS - use only, if aboves 'classic squared tabs' are disabled ********************************/
/* @import url(./css/tabs/default_tabs_tab_border.css); /**/
/* tab line settings - only use one at a time ***************************************************/
@import url(./css/tabs/default_tabs_no_tab_line.css); /**/
/* @import url(./css/tabs/default_tabs_tab_line_purple_in_private_mode.css); /**/
/* other tab settings ***************************************************************************/
@import url(./css/tabs/tab_icon_colors.css); /**/
/* @import url(./css/tabs/tab_maxwidth.css); /**/
/* @import url(./css/tabs/tab_titles_remove_blur.css); /**/
/* @import url(./css/tabs/alltabs_button_always_visible.css); /**/
/* @import url(./css/tabs/pinnedtab_empty_favicon_hidden.css); /**/
/* edit target file to select which items to hide ***********************************************/
/* @import url(./css/tabs/tab_context_menuitems_visibility.css); /**/
/************************************************************************************************/
/* GENERAL UI ***********************************************************************************/
/************************************************************************************************/
/*@import url(./css/generalui/findbar_on_top.css); /**/
/*@import url(./css/generalui/private_mode_indicator_hidden.css); /**/
@import url(./css/generalui/bookmark_icons_colorized.css); /**/
/*@import url(./css/generalui/bookmarks_smaller_more_bookmarks_icon.css); /**/
/* @import url(./css/generalui/send_to_device_menuitems_hidden.css); /**/
/* @import url(./css/generalui/popup_animation_fade_time_reduced.css); /**/
@import url(./css/generalui/increase_ui_font_size.css); /**/
/* @import url(./css/generalui/overflow_menu_remove_text.css); /**/
/* page context menu items: 'back', 'forward', 'reload', 'stop', 'bookmarks' ********************/
@import url(./css/generalui/context_bfrsb_icons_colorized.css); /**/
/* menuitem labels - only use one at a time *****************************************************/
/*@import url(./css/generalui/context_bfrsb_labels_without_icons.css); /**/
@import url(./css/generalui/context_bfrsb_labels_with_icons.css); /**/
/* adjustment for Windows Classic OS theme ******************************************************/
/* @import url(./css/generalui/context_bfrsb_labels_adjustment_windows_classic.css); /**/
/* close icons for general ui and tabs - only use one at a time *********************************/
/* @import url(./css/generalui/close_icon_windows7.css); /**/
/* @import url(./css/generalui/close_icon_windows7inverted.css); /**/
/* @import url(./css/generalui/close_icon_windows7v2.css); /**/
/* @import url(./css/generalui/close_icon_gchrome.css); /**/
/* @import url(./css/generalui/close_icon_red.css); /**/
/* @import url(./css/generalui/close_icon_windows10.css); /**/
/* @import url(./css/generalui/close_icon_windows10inverted.css); /**/
/* @import url(./css/generalui/close_icon_windows10red.css); /**/
/* @import url(./css/generalui/close_icon_windows10redv2.css); /**/
/* SEARCHBAR ************************************************************************************/
@import url(./css/generalui/searchbar_glassplus_indicator_hidden.css); /**/
/* @import url(./css/generalui/searchbar_go_button_hidden.css); /**/
/* search engine settings - only use one at a time **********************************************/
/* @import url(./css/generalui/searchbar_popup_engines_hidden.css); /**/
/* @import url(./css/generalui/searchbar_popup_engines_show_labels.css); /**/
/* MENUBAR - bookmarks popup (not compatible to macOS/Linux) ************************************/
/* @import url(./css/generalui/menubar_bookmarks_popup_bookmark_page_item_hidden.css); /**/
/* @import url(./css/generalui/menubar_bookmarks_popup_subscribe_item_hidden.css); /**/
/* @import url(./css/generalui/menubar_bookmarks_popup_toolbar_item_hidden.css); /**/
/* @import url(./css/generalui/menubar_bookmarks_popup_other_item_hidden.css); /**/
/************************************************************************************************/
/* TOOLBARS *************************************************************************************/
/************************************************************************************************/
@import url(./css/toolbars/toolbars_old_padding.css); /**/
@import url(./css/toolbars/tabs_toolbar_adjustments.css); /**/
/* @import url(./css/toolbars/navbar_more_compact_mode.css); /**/
/* @import url(./css/toolbars/menubar_in_fullscreen_mode.css); /**/
/* edit target file to select which items to hide ***********************************************/
/* @import url(./css/toolbars/toolbar_context_menuitems_visibility.css); /**/
/* bookmarks toolbar ***************************************************************************/
@import url(./css/toolbars/bookmarks_toolbar_old_height.css);
/* @import url(./css/toolbars/bookmarks_toolbar_in_fullscreen_mode.css); /**/
/* @import url(./css/toolbars/bookmarks_toolbar_multiple_lines.css); /**/ /* <--- experimental */
/* toolbar colors - only use one at a time ******************************************************/
@import url(./css/toolbars/general_toolbar_colors.css); /**/
/* @import url(./css/toolbars/general_toolbar_colors_aero.css); /**/ /* <-- AERO colors */
/* @import url(./css/toolbars/general_toolbar_colors_transparent.css); /**/
/* @import url(./css/toolbars/general_toolbar_colors_aeroglass.css); /**/
/* TOOLBAR TEXT MODES - only use one at a time **************************************************/
/* @import url(./css/toolbars/toolbar_mode_icons_and_text.css); /**/ /* <--- experimental */
/* @import url(./css/toolbars/toolbar_mode_text.css); /**/ /* <--- experimental */
/************************************************************************************************/
/* LOCATION BAR *********************************************************************************/
/************************************************************************************************/
@import url(./css/locationbar/locationbar_adjustments.css); /**/
@import url(./css/locationbar/compact_mode_reduce_fontsize.css); /**/
/* @import url(./css/locationbar/background_color_dark.css); /**/
@import url(./css/locationbar/locationbar_border_roundness.css); /**/
@import url(./css/locationbar/locationbar_reduce_height.css); /**/ /* <--- experimental */
/* autocomplete/history dropmarker **************************************************************/
@import url(./css/locationbar/dropmarker_at_the_end.css); /**/
@import url(./css/locationbar/dropmarker_visible.css); /**/
/* additional icons/buttons and third party page action buttons *********************************/
@import url(./css/locationbar/icons_colorized.css); /**/
@import url(./css/locationbar/reader_alternative_icon.css); /**/
@import url(./css/locationbar/starbutton_is_last_pageaction_button.css); /**/
@import url(./css/locationbar/pageaction_separator_in_location_bar_hidden.css); /**/
/* @import url(./css/locationbar/pageaction_button_in_location_bar_hidden.css); /**/
/* @import url(./css/locationbar/popup_blocked_button_hidden.css); /**/
/* @import url(./css/locationbar/zoom_button_hidden.css); /**/
/* @import url(./css/locationbar/go_button_in_location_bar_hidden.css); /**/
/* identity box / page identity button **********************************************************/
@import url(./css/locationbar/identitybox_replace_i_icon_with_globe.css); /**/
@import url(./css/locationbar/identitybox_colors.css); /**/
/* @import url(./css/locationbar/identitybox_labels_hidden.css); /**/
/* padlock icons in identity box / page identity button - only use one at a time ****************/
/*@import url(./css/locationbar/identitybox_padlock_icon_classic.css); /**/
/* @import url(./css/locationbar/identitybox_padlock_icon_classic2.css); /**/
/* @import url(./css/locationbar/identitybox_padlock_icon_modern.css); /**/
@import url(./css/locationbar/identitybox_padlock_icon_modern2.css); /**/
/************************************************************************************************/
/* LOCATION BAR - 'autocomplete popup' appearance ***********************************************/
/************************************************************************************************/
/* NOTE: 'Classic popup with two lined resuls' will stop working soon, because Mozilla is going **
to drop XBL support: see https://bugzilla.mozilla.org/show_bug.cgi?id=1397874 **********/
/* popup content order/appearance - only use one at a time **************************************/
/*@import url(./css/locationbar/ac_popup_classic_with_two_lines.css); /**/
/* @import url(./css/locationbar/ac_popup_title_and_url_50percent_width.css); /**/
/* @import url(./css/locationbar/ac_popup_url_and_title_50percent_width.css); /**/
/* @import url(./css/locationbar/ac_popup_item_title_hidden.css); /**/
/* @import url(./css/locationbar/ac_popup_item_title_visible_on_hover_only.css); /**/
/* result settings/appearance *******************************************************************/
/* @import url(./css/locationbar/ac_popup_result_highlighting_aero.css); /**/
/* @import url(./css/locationbar/ac_popup_keysearch_bold.css); /**/
/* @import url(./css/locationbar/ac_popup_keysearch_underline.css); /**/
/* @import url(./css/locationbar/ac_popup_result_separator.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 ***********/
/* @import url(./css/locationbar/ac_popup_searchwith_and_visit_items_hidden.css); /**/
findbar toolbarbutton[anonid="find-next"] label:after { content: 'Next' !important; }
findbar toolbarbutton[anonid="find-previous"] label:after { content: 'Prev' !important; }
findbar toolbarbutton[anonid="find-next"] label:after,
findbar toolbarbutton[anonid="find-previous"] label:after { margin-left: 2px !important; }
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
/* TABS: height */
:root {
--tab-toolbar-navbar-overlap: 0px !important;
--tab-min-height: 26px !important; /* adjust to suit your needs */
}
:root #tabbrowser-tabs {
--tab-min-height: 26px !important; /* needs to be the same as above under :root */
--tab-min-width: 80px !important;
}
#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;}
/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/* REMOVE MEGABAR START
* VERSION 1.0.4
* CODE AT: http://userchrome.wesleybranton.com/megabar
* RELEASE NOTES: http://userchrome.wesleybranton.com/notes/megabar */
@-moz-document url(chrome://browser/content/browser.xhtml) {
/* DISABLE EXPANDING START */
#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0 !important;
padding-inline: 0 !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-background {
animation-name: none !important;
box-shadow: 0 1px 4px rgba(0, 0, 0, .05) !important;
}
/* DISABLE EXPANDING END */
/* REMOVE URL RESULT PADDING START */
.urlbarView {
margin-inline: 0 !important;
width: 100% !important;
}
.urlbarView-row {
padding-block: 0 !important;
}
/* REMOVE URL RESULT PADDING END */
/* MOVE URL RESULT TYPE ICON TO LEFT START */
.urlbarView-type-icon {
min-width: 16px !important;
height: 16px !important;
margin-bottom: 0 !important;
margin-inline-start: 0 !important;
}
.urlbarView-favicon {
margin-inline-start: 20px !important;
}
/* MOVE URL RESULT TYPE ICON TO LEFT END */
/* DISPLAY GO BUTTON WHEN TYPING START */
#urlbar-input-container[pageproxystate="invalid"] #urlbar-go-button {
display: block !important;
}
/* DISPLAY GO BUTTON WHEN TYPING END */
/* ALWAYS SHOW PAGE ACTIONS START */
/* DISABLED BY DEFAULT - UNCOMMENT TO ENABLE */
/*#pageActionButton {
display: block !important;
}*/
/* ALWAYS SHOW PAGE ACTIONS END */
}
/* REMOVE MEGABAR END */
.urlbarView {
background-image: url(./noise-512x512.png) !important;
background-color: #FFFFFF !important;
backdrop-filter: blur(32px) !important;
}
* {
font-family: "arial";
}
#status-bar {
height: 27px;
}
:-moz-any(.browserContainer,#viewSource) :-moz-any(findbar,#FindToolbar) .findbar-closebutton {
-moz-box-ordinal-group: 0 !important;
"margin-right: 1px !important;"
}
#findbar-close-container { -moz-box-ordinal-group: 0 !important; }
/** {
font-size: 10pt !important
}
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/non_floating_sharp_tabs.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* This style makes tabs and related items non-rounded and connects tabs to toolbars like in previous Firefox versions. */
:root[id]{
--proton-tab-block-margin: 0px !important;
--tab-block-margin: 0px !important;
--tabs-shadow-size: 1px !important;
/* Remove next line if you want selected tab to have color other than toolbar background - then it follows your theme color */
--lwt-selected-tab-background-color: var(--toolbar-bgcolor) !important;
}
/* Uncomment next line to force specific color for tab top line */
/* #tabbrowser-tabs{ --tab-line-color: blue !important; } */
/* These next two rules set a color for border around tabs and between tabs & navigation toolbars. Set to transparent to remove the border.*/
#nav-bar{
/* This overrides value in compact_proton.css */
box-shadow: 0 -1px 0 0 color-mix(in srgb, currentcolor 30%, transparent) !important;
}
.tab-background[selected]{
border-inline: 1px solid color-mix(in srgb, currentcolor 30%, transparent) !important;
}
#TabsToolbar{
--toolbarbutton-inner-padding: 7px !important;
}
#navigator-toolbox:not([movingtab]) > #titlebar > #TabsToolbar{
--toolbar-bgcolor: transparent;
}
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-badge-stack,
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon{ border-radius: 2px !important; }
#scrollbutton-up,
#scrollbutton-down{ border-radius: 0 !important; border-width: 0 !important; padding-inline: 3px !important; }
/* tab shaping */
.tabbrowser-tab{ padding-inline: 0 !important; }
:root[uidensity="compact"] #tabbrowser-tabs[positionpinnedtabs] .tabbrowser-tab[pinned]{ min-height: calc(var(--tab-min-height) + 2px) !important; }
.tab-content[pinned]{ padding-inline: 11px !important; }
.tab-background{
border-radius: 0 !important;
box-shadow: none !important;
}
/* Line to mark selected tab */
.tab-background[selected]::before,
.tabbrowser-tab:hover > stack > .tab-background::before{
display: -moz-box;
height: 2px;
content: "";
}
.tab-stack:hover > .tab-background::before{
background-color: inherit;
}
.tab-stack > .tab-background[selected]::before{
background-color: highlight;
background-image: linear-gradient(var(--tab-line-color),var(--tab-line-color));
}
/* Photon-like tab on hover animation for the top line */
@keyframes tab-onhover-line-anim{ from{ margin-inline: 20px } to { margin-inline: 0 } }
.tab-stack:hover > .tab-background::before{ animation: tab-onhover-line-anim 160ms }
/* Disable animation for selected and pinned tabs */
.tabbrowser-tab:is([pinned],[selected]) > .tab-stack > .tab-background::before{ animation: none }
/* moves context-line to the bottom */
.tab-context-line{ -moz-box-ordinal-group: 2; margin-inline: 10px !important; }
/* Source file https://teddit.net/r/FirefoxCSS/comments/oiycgx/restore_tab_separator_lines/h4yuli3/#c */
/* Bring back tab separator lines that were removed in Proton */
.tabbrowser-tab:not(:hover, [beforehovered], [selected], [last-visible-tab], [beforeselected-visible])::after {
content: "";
display: block;
border-left: 1px solid currentColor;
margin-block: 1px;
margin-left: -1px;
opacity: 0.3;
}
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/inline_tab_audio_icons.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Shows tab audio icons next to the tab icon, and by default removes the tab secondary line */
.tabbrowser-tab:not([pinned]) .tab-icon-stack:is([muted],[soundplaying],[activemedia-blocked]){
grid-template-areas: "a s";
}
.tabbrowser-tab:not([pinned]) .tab-icon-overlay:is([muted],[soundplaying],[activemedia-blocked]){ grid-area: s; }
.tab-icon-overlay,.tab-icon-image{ opacity: 1 !important; }
/* secondary audio label ain't much use with this style, but feel free to remove the next line if you want to show it. */
.tab-secondary-label{ display: none }
/* show the secondary label when video is in PiP */
.tab-secondary-label[pictureinpicture]{ display: -moz-box }
#PlacesToolbar menupopup {
--arrowpanel-background: var(--panel-background);
}
#PlacesToolbar menuitem,
#PlacesToolbar menu{ padding-block: 0 !important; min-height: 28px !important }
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/menulike_bookmarks_folder_popups.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* This style makes menus from bookmarks toolbar folders look like context menus do (on Win10) which was the behavior pre-fx92 */
menupopup[placespopup="true"]{
padding: 0 !important;
margin: 0 !important;
border-radius: var(--panel-border-radius) !important;
}
.menupopup-arrowscrollbox{
margin-top: 1px !important;
border: 1px solid var(--panel-border-color) !important;
padding: var(--panel-padding) !important;
border-radius: var(--panel-border-radius) !important;
}
:where(menupopup[placespopup="true"]) menu,
:where(menupopup[placespopup="true"]) menuitem{
margin-inline: 0 !important;
padding-inline-start: 1em !important;
border-radius: 0 !important;
padding-block: 0.5em !important;
}
