ffcss

userChrome.css - after proton, ff v89.0

Jun 1st, 2021
1,074
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* Firefox Quantum userChrome.css tweaks ********************************************************/
  2. /* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **********/
  3. /* Github: https://github.com/aris-t2/customcssforfx ********************************************/
  4. /************************************************************************************************/
  5.  
  6. /************************************************************************************************/
  7. /* Custom CSS for Firefox 60+ (pre-configured for Firefox 75+) **********************************/
  8. /* version 3.2.0 ********************************************************************************/
  9. /************************************************************************************************/
  10.  
  11. /*************************************************************************************************
  12.  
  13.  Full changelog of every version: https://github.com/Aris-t2/CustomCSSforFx/commits/
  14.  
  15.  [!] Firefox 69+ requires this preference to be enabled or custom styles will not be loaded:
  16.      'about:config > toolkit.legacyUserProfileCustomizations.stylesheets > true'
  17.  
  18. *************************************************************************************************/
  19.  
  20. /*************************************************************************************************
  21.  
  22.   README
  23.  
  24.   Finding profile folder: address bar > about:support > Profile Folder > Open Folder
  25.   CSS files and sub-folders belong into \PROFILEFOLDER\chrome\ directory.
  26.   \chrome\config\
  27.   \chrome\css\
  28.   \chrome\image\
  29.   \chrome\userChrome.css
  30.   \chrome\userContent.css
  31.  
  32.   ENABLING options: remove the combination of / and * in front of '@import'
  33.   DISABLING options: add the combination of / and * in front of '@import'
  34.  
  35.   FIREFOX BUGS (nothing CSS code can do about):
  36.   - some '@import' calls might not work properly on macOS and Linux
  37.   - some '@import' calls might not work properly, if multi-process mode (e10s) is disabled
  38.   - in both cases CSS code has to be added to userChrome.css file manually
  39.  
  40.   macOS issues / glitches / fixes -> look for 'macOS fix' additions inside this file
  41.   - tabs toolbar spaces in 'toolbars' category
  42.   - tabs not on top mode in 'tabs toolbar position' category
  43.   - page context items in 'general ui' category
  44.  
  45.   Some CSS tweaks won't work, if '@namespace' references are used inside '.css' files!
  46.  
  47.   EXPERIMENTAL settings are for testing only!
  48.  
  49.   GENERAL SUPPORT / DISCUSSION THREAD: github.com/Aris-t2/CustomCSSforFx/issues/211
  50.  
  51.   All options have significant categories and names.
  52.  
  53.   BASIC OVERVIEW - settings this file contains:
  54.   CONFIGURATION FILES
  55.   - general variables / color variables (default browser theme only)
  56.   TOOLBAR BUTTONS
  57.   - toolbar button / icon appearance
  58.   - bookmarks menu button / popup
  59.   - other button settings
  60.   - custom BACK and FORWARD buttons appearance
  61.   - APPLICATION/HAMBURGER BUTTON
  62.   -- visibility / popup
  63.   -- buttons appearance on navigation toolbar / in Firefox titlebar
  64.   TABS
  65.   - custom tab appearance / old squared tabs
  66.   - TABS TOOLBAR POSITION
  67.   -- below titlebar / navigation and bookmarks toolbar / main content
  68.   - TAB TEXT - colors/shadow/weight/style for default/active/hovered/unloaded tabs
  69.   - MULTIROW / multi lined tabs
  70.   - TAB TITLE IN FIREFOX TITLEBAR
  71.   - empty tab favicon / custom tab loading animation / tab close icon settings
  72.   - settings for DEFAULT TABS / other tab settings
  73.   GENERAL UI
  74.   - general settings / close icons / page context menu items
  75.   - overflow menu / sidebar / findbar
  76.   - SEARCHBAR
  77.   -- general settings for default search
  78.   -- OLD SEARCH + old search 'about:config' settings
  79.   - MENUBARS bookmarks menu popup items
  80.   TOOLBARS
  81.   - ADDONS BAR (simulated bottoms toolbar)
  82.   - GENERAL TOOLBAR settings
  83.   -- toolbar context menu settings
  84.   - MENUBAR settings
  85.   - bookmarks toolbar settings
  86.   - BOOKMARKS TOOLBAR - MULTIPLE LINES
  87.   - AeroGlass TOOLBARS / WIN10 fix for GLASS8
  88.   - TOOLBAR TEXT MODES
  89.   -- icons+text / text only
  90.   LOCATION BAR / urlbar / awesomebar
  91.   - general location bar tweaks / identity box / padlock icons icon/button tweaks
  92.   - 'autocomplete popup' appearance / result item settings/appearance
  93.  
  94.  
  95. *************************************************************************************************/
  96.  
  97. /************************************************************************************************/
  98. /* CONFIGURATION FILES - edit target files to change general values *****************************/
  99. /************************************************************************************************/
  100.  
  101. /* GENERAL VARIABLES ****************************************************************************/
  102. /* [!] set global variables for font and tab size options and more inside target file ***********/
  103. @import "./config/general_variables.css"; /**/
  104.  
  105. /* COLOR VARIABLES FOR DEFAULT BROWSER THEME ONLY - MAIN UI - [only use one at a time] **********/
  106. /* [!] set own colors for tabs & toolbars inside 'color_variables.css' or use available presets */
  107. /* [!] 'about:config > ui.systemUsesDarkTheme > 0' might be required in some cases **************/
  108. /* [!] enabled 'menubar_color.css' and 'statusbar_color.css' might be required in some cases ****/
  109. /* @import "./config/color_variables.css"; /**/  /* <- default 'grey' colors */
  110. @import "./config/color_variables_aero.css"; /**/  /* <- 'AeroBlue' colors (Win 7 Aero) */
  111. /* @import "./config/color_variables_classic-grey.css"; /**/  /* <- 'classic grey' colors (Win Classic) */
  112. /* @import "./config/color_variables_fx3.css"; /**/  /* <- 'Firefox 3-like' blueish colors */
  113. /* @import "./config/color_variables_transparent.css"; /**/  /* <- (semi-)'transparent' colors */
  114. /* @import "./config/color_variables_aeroglass.css"; /**/  /* <- 'AeroGlass' colors / Win10+Glass8 fix can be found in 'toolbars' area */
  115. /* @import "./config/color_variables_deved.css"; /**/  /* <- based on 'Developer Edition' colors */
  116. /* @import "./config/color_variables_noia4_grey.css"; /**/  /* <- based on 'Noia 4 themes' grey colors */
  117. /* @import "./config/color_variables_noia4_lightgrey.css"; /**/  /* <- based on 'Noia 4 themes' lightgrey colors */
  118. /* @import "./config/color_variables_noia4_dark.css"; /**/  /* <- based on 'Noia 4 themes' dark colors */
  119.  
  120. /* Darker "Dark" default theme - [only use one at a time] ***************************************/
  121. /* @import "./css/toolbars/default_dark_theme_darker.css"; /**/
  122. /* @import "./css/toolbars/default_dark_theme_darker_v2.css"; /**/
  123.  
  124. /* CUSTOM SCROLLBARS VARIABLES (Firefox 63+ only) - EXPERIMENTAL ********************************/
  125. /* [!] Might not work on every page! This issue is for Mozilla to solve. ************************/
  126. /* [!] not compatible with custom scrollbar JavaScipt userChrome scripts ************************/
  127. /* [!] custom size values only compatible with 'web content' scrollbars at the moment ***********/
  128. /* [!] more info inside 'custom_scrollbar_appearance.css' file **********************************/
  129. /* @import "./config/custom_scrollbar_appearance.css"; /**/     /* <--- EXPERIMENTAL */
  130.  
  131.  
  132. /************************************************************************************************/
  133. /* TOOLBAR BUTTONS ******************************************************************************/
  134. /************************************************************************************************/
  135.  
  136. /* PROTON: 'classic' pre-Proton button padding **************************************************/
  137. @import "./css/buttons/button_padding_proton.css"; /**/
  138. /* navigation toolbar buttons appearance - [only use one at a time] *****************************/
  139. /* @import "./css/buttons/buttons_on_navbar_classic_appearance.css"; /**/
  140. /* @import "./css/buttons/buttons_on_navbar_classic_appearance_v2.css"; /**/
  141. /* @import "./css/buttons/buttons_on_navbar_windows_classic_theme_appearance.css"; /**/
  142. /* @import "./css/buttons/buttons_on_navbar_glass_appearance.css";          /* <--- good for Dark themes */
  143. /* @import "./css/buttons/buttons_on_navbar_osx_appearance.css"; /**/
  144.  
  145. /* navigation toolbar buttons - button roundness (edit file to set different roundness) *********/
  146. /* @import "./css/buttons/buttons_on_navbar_button_roundness.css"; /**/
  147.  
  148. /* squared buttons / button size - [only use one at a time] *************************************/
  149. /* "rectangular shape" - normal size ************************************************************/
  150. /* @import "./css/buttons/buttons_on_navbar_squared_buttons.css"; /**/
  151. /* @import "./css/buttons/buttons_on_navbar_squared_buttons_fx72.css"; /**/
  152. /* "normal shape" - large size (huge 48x48px buttons with 36x36px icons) ************************/
  153. /* [!] not compatible with 'custom icon' options ************************************************/
  154. /* [!] not compatible with 'custom back & forward buttons' appearance options *******************/
  155. /* [!] not compatible with 'text mode' option ***************************************************/
  156. /* [!] partly compatible with 'icons+text' option, if in 'compact mode' *************************/
  157. /* @import "./css/buttons/buttons_on_navbar_huge_48px_size.css"; /**/           /* <--- EXPERIMENTAL */
  158.  
  159. /* smaller button spaces in 'compact' mode - 'Classic Toolbar Buttons' add-ons 'small' mode *****/
  160. @import "./css/buttons/buttons_on_navbar_more_compact_mode.css"; /**/
  161. @import "./css/buttons/buttons_on_navbar_more_compact_mode_custom_icons_fix.css"; /**/
  162.  
  163. /* icon appearance - [only use one at a time] (custom icons do not scale in HiDPI modes) ********/
  164. /* @import "./css/buttons/icons_colorized.css"; /**/
  165. /* @import "./css/buttons/icons_white_icons.css"; /**/
  166. /* @import "./css/buttons/icons_custom_icons.css"; /**/  /* aka "Mozilla Mix" from CTB */
  167. /* @import "./css/buttons/icons_custom_icons_fx1.css"; /**/
  168. /* @import "./css/buttons/icons_custom_icons_fx2.css"; /**/
  169. /* @import "./css/buttons/icons_custom_icons_fx3.css"; /**/
  170. /* @import "./css/buttons/icons_custom_icons_fx3strata.css"; /**/
  171. /* @import "./css/buttons/icons_custom_icons_fx12_colorized.css"; /**/
  172. /* @import "./css/buttons/icons_custom_icons_crystal.css"; /**/
  173. /* @import "./css/buttons/icons_custom_icons_firebird.css"; /**/
  174. /* @import "./css/buttons/icons_custom_icons_kempelton.css"; /**/
  175. /* @import "./css/buttons/icons_custom_icons_noia.css"; /**/
  176. /* @import "./css/buttons/icons_custom_icons_ie6.css"; /**/
  177. /* @import "./css/buttons/icons_custom_icons_seamonkey.css"; /**/
  178. /* @import "./css/buttons/icons_custom_icons_old_chrome.css"; /**/
  179. /* @import "./css/buttons/icons_custom_icons_old_osx.css"; /**/
  180. /* @import "./css/buttons/icons_custom_icons_tango.css"; /**/
  181. /* @import "./css/buttons/icons_custom_icons_fx45.css"; /**/
  182. /* @import "./css/buttons/icons_custom_icons_fx45_inverted.css"; /**/
  183.  
  184. /* bookmarks toolbar - buttons appearance - [only use one at a time] ****************************/
  185. /* old bookmarks toolbar button appearance ******************************************************/
  186. /* @import "./css/buttons/buttons_on_bookmarks_toolbar_old_size_and_appearance.css"; /**/  /* Windows only */
  187. /* @import "./css/buttons/buttons_on_bookmarks_toolbar_classic_appearance.css"; /**/
  188. /* @import "./css/buttons/buttons_on_bookmarks_toolbar_classic_appearance_items.css"; /**/
  189.  
  190. /* bookmarks menu button - 'button & popup' appearance ******************************************/
  191. /* @import "./css/buttons/bookmarks_menu_button_localized_label_on_bookmarks_toolbar.css"; /**/
  192. /* @import "./css/buttons/bookmarks_menu_button_popup_showall_top_hidden.css"; /**/
  193. /* @import "./css/buttons/bookmarks_menu_button_popup_showall_bottom_hidden.css"; /**/
  194. /* @import "./css/buttons/bookmarks_menu_button_popup_sidebar_item_hidden.css"; /**/
  195. /* @import "./css/buttons/bookmarks_menu_button_popup_toolbar_item_hidden.css"; /**/
  196. /* @import "./css/buttons/bookmarks_menu_button_popup_other_item_hidden.css"; /**/
  197. /* popup appearance *****************************************************************************/
  198. /* @import "./css/buttons/bookmarks_menu_button_popup_classic_appearance.css"; /**/ /* Fx60-69 only */
  199.  
  200. /* menubar - toolbar button appearance **********************************************************/
  201. /* @import "./css/buttons/buttons_on_menubar_toolbar_classic_appearance.css"; /**/
  202.  
  203. /* tabs toolbar - toolbar button appearance *****************************************************/
  204. /* @import "./css/buttons/buttons_on_tabs_toolbar_classic_appearance.css"; /**/         /* <--- EXPERIMENTAL */
  205.  
  206. /* other button settings ************************************************************************/
  207. @import "./css/buttons/whatnew_button_always_hidden.css"; /**/
  208. /* @import "./css/buttons/forward_button_hide_when_disabled.css"; /**/
  209. @import "./css/buttons/back_and_forward_separated_history_popups.css"; /**/
  210. /* @import "./css/buttons/back_and_forward_leftclick_history_popup_hidden.css"; /**/
  211. /* @import "./css/buttons/zoom_buttons_hide_reset.css"; /**/
  212. /* @import "./css/buttons/overflow_button_rotate_on_open.css"; /**/
  213. /* @import "./css/buttons/button_popup_panelarrow_hidden.css"; /**/
  214. /* @import "./css/buttons/button_popup_panel_mozdialog.css"; /**/
  215. /* @import "./css/buttons/button_popup_panel_compact.css"; /**/
  216.  
  217. /* CUSTOM BACK & FORWARD BUTTONS appearance - [only use one at a time] **************************/
  218. /* @import "./css/buttons/custom_backforward_large_ff2.css"; /**/
  219. /* @import "./css/buttons/custom_backforward_large_ff3.css"; /**/
  220. /* @import "./css/buttons/custom_backforward_large_ff3_strata.css"; /**/
  221. /* @import "./css/buttons/custom_backforward_large_ff3_strata_orange.css"; /**/
  222. /* @import "./css/buttons/custom_backforward_large_ff3_strata_red.css"; /**/
  223. /* @import "./css/buttons/custom_backforward_large_ie8.css"; /**/
  224. /* @import "./css/buttons/custom_backforward_large_ie9.css"; /**/
  225. /* @import "./css/buttons/custom_backforward_large_kempelton.css"; /**/
  226. /* @import "./css/buttons/custom_backforward_small_ff3.css"; /**/
  227. /* @import "./css/buttons/custom_backforward_small_ff3_strata.css"; /**/
  228. /* @import "./css/buttons/custom_backforward_small_ff3_strata_orange.css"; /**/
  229. /* @import "./css/buttons/custom_backforward_small_ff3_strata_red.css"; /**/
  230. /* @import "./css/buttons/custom_backforward_small_ie8.css"; /**/
  231. /* @import "./css/buttons/custom_backforward_small_ie9.css"; /**/
  232. /* @import "./css/buttons/custom_backforward_small_kempelton.css"; /**/
  233. /* @import "./css/buttons/custom_backforward_connected.css"; /**/
  234. /* @import "./css/buttons/custom_backforward_connected_to_location_bar.css"; /**/
  235. /* @import "./css/buttons/custom_backforward_connected_to_location_bar_aero.css"; /**/          /* <-- AERO colors */
  236.  
  237. /* Additional tweaks for custom_backforward_connected_to_location_bar* **************************/
  238. /* @import "./css/buttons/custom_backforward_connected_to_location_bar_fx70_extra.css"; /**/    /* has to be enabled for Fx 70 */
  239. /* @import "./css/buttons/custom_backforward_connected_to_location_bar_fx71_extra.css"; /**/    /* has to be enabled for Fx 71+ */
  240. /* @import "./css/buttons/custom_backforward_connected_to_location_bar_megabar_support.css"; /**/   /* has to be enabled for megabar compatibility */
  241.  
  242.  
  243. /************************************************************************************************/
  244. /* APPLICATION/HAMBURGER BUTTON *****************************************************************/
  245. /************************************************************************************************/
  246.  
  247. /* application/hamburger button hidden - disable all other appbutton options when using this ****/
  248. /* @import "./css/appbutton/appbutton_hidden.css"; /**/
  249.  
  250. /* application/hamburger button popup ***********************************************************/
  251. @import "./css/appbutton/appbutton_popup_more_icons.css"; /**/
  252. @import "./css/appbutton/appbutton_popup_icons_colorized.css"; /**/
  253. @import "./css/appbutton/appbutton_popup_sync_hidden.css"; /**/
  254. /* @import "./css/appbutton/appbutton_popup_logins_and_passwords_hidden.css"; /**/
  255. @import "./css/appbutton/appbutton_popup_trackingprotection_hidden.css"; /**/
  256. @import "./css/appbutton/appbutton_popup_panelarrow_hidden.css"; /**/
  257.  
  258. /************************************************************************************************/
  259. /* button on navigation toolbar *****************************************************************/
  260. /************************************************************************************************/
  261.  
  262. @import "./css/appbutton/appbutton_on_navbar_start_position.css"; /**/
  263. @import "./css/appbutton/appbutton_on_navbar_separator_hidden.css"; /**/
  264.  
  265. /* button color - [only use one at a time] ******************************************************/
  266. /* @import "./css/appbutton/appbutton_on_navbar_color_autocolor.css"; /**/
  267. /* @import "./css/appbutton/appbutton_on_navbar_color_autocolor57p.css"; /**/
  268. /* @import "./css/appbutton/appbutton_on_navbar_color_orange.css"; /**/
  269. /* @import "./css/appbutton/appbutton_on_navbar_color_aurora.css"; /**/
  270. /* @import "./css/appbutton/appbutton_on_navbar_color_nightly.css"; /**/
  271. /* @import "./css/appbutton/appbutton_on_navbar_color_deved57p.css"; /**/
  272. /* @import "./css/appbutton/appbutton_on_navbar_color_nightly57p.css"; /**/
  273. /* @import "./css/appbutton/appbutton_on_navbar_color_palemoon.css"; /**/
  274.  
  275. /* button icon - [only use one at a time] *******************************************************/
  276. /* @import "./css/appbutton/appbutton_on_navbar_icon_white.css"; /**/
  277. /* @import "./css/appbutton/appbutton_on_navbar_icon_dark.css"; /**/
  278. @import "./css/appbutton/appbutton_on_navbar_icon_grey.css"; /**/
  279. /* @import "./css/appbutton/appbutton_on_navbar_icon_browser_logo.css"; /**/
  280.  
  281. /* button label (show label besides icon) *******************************************************/
  282. /* @import "./css/appbutton/appbutton_on_navbar_icon_and_label.css"; /**/
  283.  
  284.  
  285. /************************************************************************************************/
  286. /* button in Firefox titlebar *******************************************************************/
  287. /************************************************************************************************/
  288.  
  289. /* button in titlebar - [only use one at a time] ************************************************/
  290. /* -- Fx 60-73 **********************************************************************************/
  291. /* @import "./css/appbutton/appbutton_in_titlebar.css"; /**/ /* <-- label only */
  292. /* @import "./css/appbutton/appbutton_in_titlebar_icon_only.css"; /**/
  293. /* -- Fx 74+ (might already work on Fx 73) ******************************************************/
  294. /* @import "./css/appbutton/appbutton_in_titlebar_fx74.css"; /**/ /* <-- label only */
  295. /* @import "./css/appbutton/appbutton_in_titlebar_icon_only_fx74.css"; /**/
  296.  
  297. /* for 'appbutton in titlebar icon only' - [only use one at a time] *****************************/
  298. /* @import "./css/appbutton/appbutton_in_titlebar_icon_only_dark.css"; /**/
  299. /* @import "./css/appbutton/appbutton_in_titlebar_icon_only_grey.css"; /**/
  300. /* @import "./css/appbutton/appbutton_in_titlebar_icon_only_browser_logo.css"; /**/
  301.  
  302. /* for 'appbutton in titlebar icon only' ********************************************************/
  303. /* @import "./css/appbutton/appbutton_in_titlebar_label_and_icon.css"; /**/
  304.  
  305. /* macOS fix - appbutton in titlebar gets moved to the right for obvious reasons, right Apple? **/
  306. /* @import "./css/appbutton/appbutton_in_titlebar_macOS_fix.css"; /**/
  307.  
  308. /* button color - [only use one at a time] ******************************************************/
  309. /* @import "./css/appbutton/appbutton_in_titlebar_autocolor.css"; /**/
  310. /* @import "./css/appbutton/appbutton_in_titlebar_autocolor57p.css"; /**/
  311. /* @import "./css/appbutton/appbutton_in_titlebar_transparent.css"; /**/
  312. /* @import "./css/appbutton/appbutton_in_titlebar_semi_transparent.css"; /**/
  313. /* @import "./css/appbutton/appbutton_in_titlebar_aurora.css"; /**/
  314. /* @import "./css/appbutton/appbutton_in_titlebar_nightly.css"; /**/
  315. /* @import "./css/appbutton/appbutton_in_titlebar_deved57p.css"; /**/
  316. /* @import "./css/appbutton/appbutton_in_titlebar_nightly57p.css"; /**/
  317. /* @import "./css/appbutton/appbutton_in_titlebar_palemoon.css"; /**/
  318.  
  319.  
  320. /************************************************************************************************/
  321. /* TABS - appearance and position ***************************************************************/
  322. /************************************************************************************************/
  323.  
  324. /* custom tab appearance - [only use one at a time] *********************************************/
  325. /* @import "./css/tabs/classic_squared_tabs.css"; /**/
  326. /* @import "./css/tabs/classic_squared_tabs_australized.css"; /**/
  327.  
  328. /* custom tab colors are set inside color_variables***.css file(s) ******************************/
  329.  
  330. /* remove top corner roundness ******************************************************************/
  331. /* @import "./css/tabs/classic_squared_tabs_fully_squared.css"; /**/
  332.  
  333.  
  334. /************************************************************************************************/
  335. /* TABS TOOLBAR POSITION (below titlebar / below navigation toolbar / below main content) *******/
  336. /************************************************************************************************/
  337.  
  338. /* [only use one at a time] - BELOW TITLEBAR or BELOW NAVIGATION BAR or BELOW MAIN CONTENT ******/
  339.  
  340. /* - TABS BELOW TITLEBAR (Fx56-like) ************************************************************/
  341. /* @import "./css/tabs/tabs_below_titlebar_above_navigation_toolbar.css"; /**/
  342.  
  343. /* - TABS BELOW NAVIGATION AND BOOKMARKS TOOLBARS / TABS NOT ON TOP *****************************/
  344. /* [!] Note: do not use OS titlebar with 'tabs not on top' code on macOS ************************/
  345. /* [!] Note: only ~fx65_v2 works with multi-tab lines option on Fx65+. **************************/
  346. /* - Fx 60-64 ***********************************************************************************/
  347. /* @import "./css/tabs/tabs_below_navigation_toolbar.css"; /**/ /* <-- Windows/Linux */
  348. /* @import "./css/tabs/tabs_below_navigation_toolbar_macOS.css"; /**/ /* <-- macOS */
  349. /* - Fx 65-67 - Windows/Linux *******************************************************************/
  350. /* @import "./css/tabs/tabs_below_navigation_toolbar_fx65.css"; /**/
  351. /* - Fx 65-73 - macOS ***************************************************************************/
  352. /* @import "./css/tabs/tabs_below_navigation_toolbar_fx65_macOS.css"; /**/
  353. /* @import "./css/tabs/tabs_below_navigation_toolbar_fx65_macOS_default_tabs.css"; /**/
  354. /* - Fx 65+ v2 - mainly for multi-lined tabs (Glitches with inactive menubar!) ******************/  /* <- use this for multiple tab lines support */
  355. /* @import "./css/tabs/tabs_below_navigation_toolbar_fx65_v2.css"; /**/
  356. /* @import "./css/tabs/tabs_below_navigation_toolbar_fx65_v2_force_hidden_menubar.css"; /**/ /* no menubar when OS titlebar is active */
  357. /* @import "./css/tabs/tabs_below_navigation_toolbar_fx65_v2_macOS.css"; /**/
  358. /* - Fx 68-71 Windows/Linux (use the Fx 65+ versions for macOS) *********************************/
  359. /* @import "./css/tabs/tabs_below_navigation_toolbar_fx68.css"; /**/
  360. /* - Fx 72-73 Windows/Linux (use the Fx 65+ versions for macOS) *********************************/
  361. /* @import "./css/tabs/tabs_below_navigation_toolbar_fx72.css"; /**/
  362. /* - Fx 74+ Windows/Linux ***********************************************************************/
  363. /* [!] might require overriding url bars 'selection color' --> see corresponding area ***********/
  364. /* @import "./css/tabs/tabs_below_navigation_toolbar_fx74.css"; /**/
  365. /* - Fx 74+ - macOS *****************************************************************************/
  366. /* @import "./css/tabs/tabs_below_navigation_toolbar_fx74_macOS.css"; /**/
  367. /* @import "./css/tabs/tabs_below_navigation_toolbar_fx74_macOS_default_tabs.css"; /**/
  368. /* - Fx 89+ Windows/Linux ***********************************************************************/
  369. /* [!] might require overriding url bars 'selection color' --> see corresponding area ***********/
  370. /* @import "./css/tabs/tabs_below_navigation_toolbar_fx89.css"; /**/
  371. /* - Fx 89+ - macOS *****************************************************************************/
  372. /* @import "./css/tabs/tabs_below_navigation_toolbar_fx89_macOS.css"; /**/
  373. /* @import "./css/tabs/tabs_below_navigation_toolbar_fx89_macOS_default_tabs.css"; /**/
  374.  
  375. /* - TABS BELOW MAIN CONTENT (tabs on bottom) - EXPERIMENTAL ************************************/
  376. /* [!] SUPPORT THREAD: https://github.com/aris-t2/customcssforfx/issues/33 **********************/
  377. /* [!] not compatible to 'tabs toolbar - multiple tab lines' option *****************************/
  378. /* - Fx 60-64 ***********************************************************************************/
  379. /* @import "./css/tabs/tabs_below_main_content.css"; /**/
  380. /* - Fx 65-67 - Windows/Linux *******************************************************************/
  381. /* @import "./css/tabs/tabs_below_main_content_fx65.css"; /**/
  382. /* - Fx 65+ - macOS *****************************************************************************/
  383. /* @import "./css/tabs/tabs_below_main_content_fx65_macOS.css"; /**/
  384. /* @import "./css/tabs/tabs_below_main_content_fx65_macOS_default_tabs.css"; /**/
  385. /* - Fx 68-71 Windows/Linux *********************************************************************/
  386. /* @import "./css/tabs/tabs_below_main_content_fx68.css"; /**/
  387. /* - Fx 72-73 Windows/Linux *********************************************************************/
  388. /* @import "./css/tabs/tabs_below_main_content_fx72.css"; /**/
  389. /* - Fx 74+ Windows/Linux ***********************************************************************/
  390. /* @import "./css/tabs/tabs_below_main_content_fx74.css"; /**/
  391.  
  392. /* - MOVE NAVIGATION TOOLBAR TO HIGHER POSITON (for tabs not on top) - [only use one at a time] */
  393. /* @import "./css/tabs/tabs_below_navigation_toolbar_higher_navbar_positon.css"; /**/           /* <--- EXPERIMENTAL */
  394. /* @import "./css/tabs/tabs_below_navigation_toolbar_higher_navbar_positon_fx65.css"; /**/          /* <--- EXPERIMENTAL */
  395. /* @import "./css/tabs/tabs_below_navigation_toolbar_higher_navbar_positon_with_appbutton.css"; /**/  /* <--- EXPERIMENTAL */
  396. /* @import "./css/tabs/tabs_below_navigation_toolbar_higher_navbar_positon_with_appbutton_fx65.css"; /**/  /* <--- EXPERIMENTAL */
  397. /* @import "./css/tabs/tabs_below_navigation_toolbar_higher_navbar_positon_with_appbutton_icon_only.css"; /**/  /* <--- EXPERIMENTAL */
  398. /* @import "./css/tabs/tabs_below_navigation_toolbar_higher_navbar_positon_with_appbutton_icon_only_fx65.css"; /**/  /* <--- EXPERIMENTAL */
  399.  
  400.  
  401. /* TAB BACKGROUND COLORS for default/active/hovered/unloaded tabs and 'new tab' tab *************/
  402. /* edit target file to set own custom colors ****************************************************/
  403. /* @import "./config/custom_tab_color_settings.css"; /**/
  404. /* TAB TEXT colors/shadow/weight/style for default/active/hovered/unloaded tabs *****************/
  405. /* edit target file to set own custom colors ****************************************************/
  406. /* @import "./config/custom_tab_text_settings.css"; /**/
  407.  
  408. /* MULTIROW / multi lined tabs - [only use one at a time] ***************************************/
  409. /* [!] EXPERIMENTAL (any Fx update might break this highly experimental feature) ****************/
  410. /* [!] SUPPORT THREAD: https://github.com/aris-t2/customcssforfx/issues/39 **********************/
  411. /* [!] BUG: dragging tabs does not work with multi lined tabs ***********************************/
  412. /* [!] Original authors: --> https://00.bulog.jp/archives/1476 **********************************/
  413. /* [!] --> https://www.reddit.com/r/FirefoxCSS/comments/7dclp7/multirow_tabs_in_ff57/ ***********/
  414. /* [!] not compatible with 'tabs toolbar - below main content' option ***************************/
  415. /* [!] not compatible with 'tabs below navigation toolbar' option on Firefox 65+ ****************/
  416. /* [!] only compatible with 'tabs below navigation toolbar Fx 65 v2' option on Firefox 65+ ******/
  417. /* @import "./css/tabs/tabs_multiple_lines.css"; /**/ /* Fx 60-65 */
  418. /* @import "./css/tabs/tabs_multiple_lines_v2.css"; /**/  /* Fx 60-65 */
  419. /* @import "./css/tabs/tabs_multiple_lines_fx66.css"; /**/  /* Fx 66-70 */
  420. /* @import "./css/tabs/tabs_multiple_lines_fx66_force_newtab_button_visibility.css"; /**/  /* Fx 66-70 */  
  421. /* @import "./css/tabs/tabs_multiple_lines_fx71.css"; /**/  /* Fx 71-80 */
  422. /* @import "./css/tabs/tabs_multiple_lines_fx71_force_newtab_button_visibility.css"; /**/  /* Fx 71-80 */
  423. /* @import "./css/tabs/tabs_multiple_lines_fx81.css"; /**/  /* Fx 81+ */
  424. /* @import "./css/tabs/tabs_multiple_lines_fx81_force_newtab_button_visibility.css"; /**/  /* Fx 81+ */
  425.  
  426. /* TAB TITLE IN FIREFOX TITLEBAR (Windows & Firefox 60-72 only) *********************************/
  427. /* [!] some internal pages only show default browser title **************************************/
  428. /* [!] might not always work correctly **********************************************************/
  429. /* @import "./css/tabs/tab_title_in_firefox_titlebar.css"; /**/
  430. /* @import "./css/tabs/tab_title_in_firefox_titlebar_fx65.css"; /**/
  431. /* @import "./css/tabs/tab_title_in_firefox_titlebar_centered.css"; /**/
  432.  
  433. /* Tab scroll buttons position - [only use one at a time] ***************************************/
  434. /* @import "./css/tabs/tab_scrollbuttons_both_on_toolbars_start.css"; /**/  /* Fx 60-71 */
  435. /* @import "./css/tabs/tab_scrollbuttons_both_on_toolbars_start_fx72.css"; /**/  /* Fx 72+ */
  436. /* @import "./css/tabs/tab_scrollbuttons_both_on_toolbars_end.css"; /**/  /* Fx 60-71 */
  437. /* @import "./css/tabs/tab_scrollbuttons_both_on_toolbars_end_fx72.css"; /**/  /* Fx 72+ */
  438.  
  439. /* restore empty/missing tab favicon - [only use one at a time] *********************************/
  440. /* @import "./css/tabs/missing_tab_favicon_restored_default.css"; /**/
  441. /* @import "./css/tabs/missing_tab_favicon_restored_globe_v2.css"; /**/
  442. /* @import "./css/tabs/missing_tab_favicon_restored_sheet.css"; /**/
  443. @import "./css/tabs/missing_tab_favicon_restored_dotted.css"; /**/
  444. /* @import "./css/tabs/missing_tab_favicon_restored_dotted_white.css"; /**/
  445. /* @import "./css/tabs/missing_tab_favicon_restored_brand_logo.css"; /**/
  446.  
  447. /* custom tab loading animation - [only use one at a time] **************************************/
  448. /* @import "./css/tabs/tab_throbber_blue_fx56.css"; /**/
  449. /* @import "./css/tabs/tab_throbber_blue.css"; /**/
  450. /* @import "./css/tabs/tab_throbber_grey_classic.css"; /**/
  451. /* @import "./css/tabs/tab_throbber_green.css"; /**/
  452. /* @import "./css/tabs/tab_throbber_orange_ubuntu.css"; /**/
  453.  
  454. /* tab close icon settings - [only use one at a time] *******************************************/
  455. /* @import "./css/tabs/tab_close_always_visible.css"; /**/
  456. /* @import "./css/tabs/tab_close_on_active_tab_only.css"; /**/
  457. @import "./css/tabs/tab_close_show_on_hover_only.css"; /**/
  458. /* @import "./css/tabs/tab_close_hidden.css"; /**/
  459. /* @import "./css/tabs/tab_close_hidden_for_only_one_visible_tab.css"; /**/
  460. /* @import "./css/tabs/tab_close_at_tabs_start.css"; /**/
  461. /* @import "./css/tabs/tab_close_icon_size.css"; /**/
  462.  
  463. /* tab title - [only use one at a time] *********************************************************/
  464. @import "./css/tabs/tab_title_left.css"; /**/
  465. /* @import "./css/tabs/tab_title_centered.css"; /**/
  466. /* @import "./css/tabs/tab_title_right.css"; /**/
  467.  
  468. /* DEFAULT TABS - use only, if 'classic squared tabs' are disabled ******************************/
  469. /* @import "./css/tabs/default_tabs_tab_border.css"; /**/
  470. /* @import "./css/tabs/default_tabs_round_top_borders.css"; /**/
  471. /* @import "./css/tabs/default_tabs_tab_containers_full_line.css"; /**/
  472. /* tab background/color settings - [only use one at a time] *************************************/
  473. /* @import "./css/tabs/default_tabs_tab_background_appearance.css"; /**/
  474. /* tab line settings - [only use one at a time] *************************************************/
  475. /* @import "./css/tabs/default_tabs_no_tab_line.css"; /**/
  476. /* @import "./css/tabs/default_tabs_static_tab_line.css"; /**/
  477. /* @import "./css/tabs/default_tabs_tab_line_red_for_unloaded_tabs.css"; /**/
  478. /* @import "./css/tabs/default_tabs_tab_line_purple_in_private_mode.css"; /**/
  479.  
  480. /* other tab settings ***************************************************************************/
  481. /* @import "./css/tabs/tab_icon_colors.css"; /**/
  482. /* @import "./css/tabs/newtab_tab_size_equals_tab_size.css"; /**/
  483. /* @import "./css/tabs/newtab_button_always_visible.css"; /**/
  484. @import "./css/tabs/tab_icon_inactive_tabs_lower_opacity.css"; /**/
  485. /* @import "./css/tabs/tab_icon_unloaded_tabs_lower_opacity.css"; /**/
  486. /* @import "./css/tabs/tab_maxwidth.css"; /**/
  487. /* @import "./css/tabs/tab_titles_remove_blur.css"; /**/
  488. @import "./css/tabs/alltabs_button_always_visible.css"; /**/  /* <--- hidden, if multiple tab row are used */
  489. /* @import "./css/tabs/pinnedtab_empty_favicon_hidden.css"; /**/
  490. /* edit target file to select which items to hide ***********************************************/
  491. @import "./css/tabs/tab_context_menuitems_visibility.css"; /**/
  492.  
  493.  
  494. /************************************************************************************************/
  495. /* GENERAL UI ***********************************************************************************/
  496. /************************************************************************************************/
  497.  
  498. @import "./css/generalui/private_mode_indicator_hidden.css"; /**/
  499. /* @import "./css/generalui/bookmark_icons_colorized.css"; /**/
  500. @import "./css/generalui/bookmarks_smaller_more_bookmarks_icon.css"; /**/
  501. @import "./css/generalui/send_to_device_menuitems_hidden.css"; /**/
  502. @import "./css/generalui/set_as_desktop_background_menuitems_hidden.css"; /**/
  503. @import "./css/generalui/popup_animation_fade_time_reduced.css"; /**/
  504. @import "./css/generalui/popup_items_hover_appearance_aero.css"; /**/
  505. /* @import "./css/generalui/popup_menupopup_with_scrollbars.css"; /**/  /* <- breaks tabs scroll buttons */
  506. /* @import "./css/generalui/increase_ui_font_size.css"; /**/
  507. /* @import "./css/generalui/flex_space_on_navbar_replace_with_separator.css"; /**/
  508. /* @import "./css/generalui/statusbar_color.css"; /**/
  509. /* @import "./css/generalui/classic_drop_indicator.css"; /**/
  510. /* @import "./css/generalui/notification_old_size.css"; /**/
  511.  
  512. /* overflow menu - [only use one at a time] *****************************************************/
  513. /* @import "./css/generalui/overflow_menu_remove_text.css"; /**/
  514. /* @import "./css/generalui/overflow_menu_horizontal_remove_text.css"; /**/
  515.  
  516. /* sidebar **************************************************************************************/
  517. /* @import "./css/generalui/sidebar_items_compact.css"; /**/
  518. /* @import "./css/generalui/sidebar_header_icons_colorized.css"; /**/
  519. /* @import "./css/generalui/sidebar_header_lwtheme.css"; /**/
  520. /* sidebar dimensions - [only use one at a time] ************************************************/
  521. /* @import "./css/generalui/sidebar_show_on_hover.css"; /**/
  522. /* @import "./css/generalui/sidebar_width_unrestricted.css"; /**/
  523. /* sidebar appearance - [only use one at a time] ************************************************/
  524. /* @import "./css/generalui/sidebar_appearance_grey.css"; /**/
  525. /* @import "./css/generalui/sidebar_appearance_grey_v2.css"; /**/
  526. /* @import "./css/generalui/sidebar_appearance_dark.css"; /**/
  527. /* @import "./css/generalui/sidebar_appearance_dark_v2.css"; /**/
  528. /* @import "./css/generalui/sidebar_appearance_lwtheme_bright.css"; /**/
  529. /* @import "./css/generalui/sidebar_appearance_lwtheme_dark.css"; /**/
  530.  
  531.  
  532. /* FINDBAR **************************************************************************************/
  533. /* @import "./css/generalui/findbar_compact.css"; /**/
  534.  
  535. /* FINDBAR - FIREFOX 60-83 **********************************************************************/
  536. /* @import "./css/generalui/findbar_on_top.css"; /**/
  537. /* @import "./css/generalui/findbar_show_full_quickfindbar.css"; /**/
  538. /* @import "./css/generalui/findbar_on_top_fade_out_on_hover.css"; /**/
  539. /* findbar - close icon position - [only use one at a time] *************************************/
  540. /* @import "./css/generalui/findbar_on_top_close_at_findbars_start.css"; /**/
  541. /* @import "./css/generalui/findbar_compact_on_top_close_at_findbars_start.css"; /**/
  542. /* @import "./css/generalui/findbar_on_bottom_close_at_findbars_start.css"; /**/
  543.  
  544. /* FINDBAR FIREFOX 84+ **************************************************************************/
  545. /* @import "./css/generalui/findbar_on_top_fx84.css"; /**/
  546. /* @import "./css/generalui/findbar_on_top_close_at_findbars_start_fx84.css"; /**/
  547.  
  548.  
  549. /* page context menu items: 'back', 'forward', 'reload', 'stop', 'bookmarks' ********************/
  550. /* @import "./css/generalui/context_bfrsb_icons_colorized.css"; /**/
  551. /* menuitem labels - [only use one at a time] ***************************************************/
  552. /* @import "./css/generalui/context_bfrsb_labels_without_icons.css"; /**/
  553. /* @import "./css/generalui/context_bfrsb_labels_with_icons.css"; /**/
  554. /* @import "./css/generalui/context_bfrsb_labels_with_and_without_icons_Lin_macOS.css"; /**/        /* <-- Lin/macOS fix v1 */
  555. /* @import "./css/generalui/context_bfrsb_labels_with_and_without_icons_Lin_macOSv2.css"; /**/      /* <-- Lin/macOS fix v2 */
  556.  
  557. /* close icons for general ui and tabs - [only use one at a time] *******************************/
  558. /* @import "./css/generalui/close_icon_windows7.css"; /**/
  559. /* @import "./css/generalui/close_icon_windows7inverted.css"; /**/
  560. /* @import "./css/generalui/close_icon_windows7v2.css"; /**/
  561. /* @import "./css/generalui/close_icon_gchrome.css"; /**/
  562. /* @import "./css/generalui/close_icon_red.css"; /**/
  563. /* @import "./css/generalui/close_icon_windows10.css"; /**/
  564. /* @import "./css/generalui/close_icon_windows10inverted.css"; /**/
  565. /* @import "./css/generalui/close_icon_windows10red.css"; /**/
  566. /* @import "./css/generalui/close_icon_windows10redv2.css"; /**/
  567. /* @import "./css/generalui/close_icon_firefox3.css"; /**/
  568.  
  569. /* SEARCHBAR ************************************************************************************/
  570. @import "./css/generalui/searchbar_glassplus_indicator_hidden.css"; /**/
  571. @import "./css/generalui/searchbar_go_button_hidden.css"; /**/
  572.  
  573. /* searchbar popup ******************************************************************************/
  574. @import "./css/generalui/searchbar_popup_current_engine_hidden.css"; /**/
  575. /* searchbar popup - search engine settings - [only use one at a time] **************************/
  576. @import "./css/generalui/searchbar_popup_engines_hidden.css"; /**/
  577. /* @import "./css/generalui/searchbar_popup_engines_show_labels.css"; /**/
  578. /* @import "./css/generalui/searchbar_popup_engines_show_labels_fx66.css"; /**/
  579. /* @import "./css/generalui/searchbar_popup_engines_show_labels_fx70.css"; /**/
  580. /* @import "./css/generalui/searchbar_popup_engines_show_labels_fx72.css"; /**/
  581. /* @import "./css/generalui/searchbar_popup_engines_show_labels_scrollbars.css"; /**/
  582. /* @import "./css/generalui/searchbar_popup_engines_show_labels_scrollbars_fx66.css"; /**/
  583. /* @import "./css/generalui/searchbar_popup_engines_show_labels_scrollbars_fx70.css"; /**/
  584. /* @import "./css/generalui/searchbar_popup_engines_show_labels_scrollbars_fx72.css"; /**/
  585.  
  586. /* OLD SEARCH (for Firefox 60-63 only!) *********************************************************/  /* <--- OLD SEARCH */
  587. /* [!] 'Old search' does not work with Firefox 64+ anymore due to Firefox code changes **********/
  588. /* [!] Try alternatives provided within support thread ******************************************/
  589. /* [!] 'about:config > browser.search.openintab': open search in current or new tab *************/
  590. /* [!] 'about:config > browser.search.suggest.enabled': search suggestions visibility ***********/
  591. /* [!] 'about:config > browser.oldsearch.customwidth': enables custom popup width ***************/
  592. /* [!] 'about:config > browser.oldsearch.customwidthvalue': custom popup width value ************/
  593. /* [!] 'about:config > browser.oldsearch.clearinput': clear searchbox after search **************/
  594. /* [!] 'about:config > browser.oldsearch.reverttodefault': revert to first engine after search **/
  595. /* [!] Shift + click on search glass: search opens in a new window ******************************/
  596. /* [!] Ctrl/Cmd + click on search glass: search opens in a new tab ******************************/
  597. /* [!] SUPPORT THREAD: https://github.com/aris-t2/customcssforfx/issues/104 *********************/
  598. /* @import "./css/generalui/oldsearch.css"; /**/  /*  <--- use this for Fx 60-62 */
  599. /* @import "./css/generalui/oldsearch63.css"; /**/  /*  <--- use this for Fx 63 (Fx 64+ not supported!) */
  600.  
  601. /* MENUBARS bookmarks popup (not compatible to macOS/Linux) *************************************/
  602. @import "./css/generalui/menubar_bookmarks_popup_bookmark_page_item_hidden.css"; /**/
  603. @import "./css/generalui/menubar_bookmarks_popup_subscribe_item_hidden.css"; /**/
  604. /* @import "./css/generalui/menubar_bookmarks_popup_toolbar_item_hidden.css"; /**/
  605. /* @import "./css/generalui/menubar_bookmarks_popup_other_item_hidden.css"; /**/
  606.  
  607.  
  608. /************************************************************************************************/
  609. /* TOOLBARS *************************************************************************************/
  610. /************************************************************************************************/
  611.  
  612. /* ADDON BAR - simulate add-on bar by moving bookmarks toolbar to the bottom ********************/
  613. /* [!] move 'Bookmarks Toolbar Items' to navigation bar to get a top toolbar with bookmarks *****/
  614. /* [!] not compatible to 'bookmarks toolbar - multiple lines' option ****************************/
  615. /* [!] not compatible to 'bookmarks toolbar autohide' option ************************************/
  616. /* [!] SUPPORT THREAD: https://github.com/aris-t2/customcssforfx/issues/73 **********************/
  617. /* @import "./css/toolbars/addonbar_move_bookmarks_toolbar_to_bottom.css"; /**/  /* <--- EXPERIMENTAL */
  618. /* @import "./css/toolbars/addonbar_move_bookmarks_toolbar_to_bottom_fx72.css"; /**/  /* <--- EXPERIMENTAL */
  619. /* @import "./css/toolbars/addonbar_move_bookmarks_toolbar_to_bottom_tabs_on_bottom_compatibility.css"; /**/  /* <--- EXPERIMENTAL */
  620. /* @import "./css/toolbars/addonbar_content_on_the_right.css"; /**/  /* <--- EXPERIMENTAL */
  621. /* @import "./css/toolbars/addonbar_status_in_addonbar.css"; /**/  /* <--- EXPERIMENTAL */
  622. /* @import "./css/toolbars/addonbar_fullscreen_autohide.css"; /**/  /* <--- EXPERIMENTAL */
  623. /* [!] Fx 65+ create additional toolbar for 'bookmarks toolbar items' on navigation toolbar *****/
  624. /* @import "./css/toolbars/addonbar_extra_bookmarks_toolbar_below_navbar_fx65.css"; /**/  /* <--- EXPERIMENTAL */
  625.  
  626. /* GENERAL TOOLBAR SETTINGS *********************************************************************/
  627. @import "./css/toolbars/toolbars_old_padding.css"; /**/
  628. @import "./css/toolbars/tabs_toolbar_adjustments.css"; /**/
  629. /* @import "./css/toolbars/tabs_toolbar_adjustments_macOS_fix.css"; /**/                    /*  <-- macOS fix */
  630.  
  631. /* edit target file to select which items to hide ***********************************************/
  632. @import "./css/toolbars/toolbar_context_menuitems_visibility.css"; /**/
  633.  
  634. /* MENUBAR **************************************************************************************/
  635. @import "./css/toolbars/menubar_fog_hidden.css"; /**/
  636. /* @import "./css/toolbars/menubar_alternative_menu_hover_color.css"; /**/
  637. /* @import "./css/toolbars/menubar_in_fullscreen_mode.css"; /**/
  638. /* @import "./css/toolbars/menubar_in_fullscreen_mode_alt_fx65_v2.css"; /**/ /*'tabs not on top v2' + Fx65+ */
  639. /* menubar color - ******************************************************************************/
  640. /* @import "./css/toolbars/menubar_color.css"; /**/
  641.  
  642. /* BOOKMARKS TOOLBAR ****************************************************************************/
  643. /* @import "./css/toolbars/bookmarks_toolbar_old_height.css"; /**/
  644. /* @import "./css/toolbars/bookmarks_toolbar_fixed_width.css"; /**/
  645. /* @import "./css/toolbars/bookmarks_toolbar_autohide.css"; /**/
  646. /* @import "./css/toolbars/bookmarks_toolbar_bookmark_labels_hidden.css"; /**/
  647. /* @import "./css/toolbars/bookmarks_toolbar_in_fullscreen_mode.css"; /**/
  648. /* [!] simulate second bookmarks toolbar while "Bookmarks Toolbar Items" element is on nav-bar **/
  649. /* @import "./css/toolbars/bookmarks_toolbar_simulate_second_bm_toolbar.css"; /**/
  650. /* @import "./css/toolbars/bookmarks_toolbar_simulate_second_bm_toolbar_fx65.css"; /**/
  651.  
  652. /* BOOKMARKS TOOLBAR above navigation toolbar - [only use one at a time] ************************/
  653. /* @import "./css/toolbars/bookmarks_toolbar_above_navigation_toolbar.css"; /**/
  654. /* @import "./css/toolbars/bookmarks_toolbar_above_navigation_toolbar_when_tab_not_top.css"; /**/
  655.  
  656. /* BOOKMARKS TOOLBAR - MULTIPLE LINES - [only use one at a time] ********************************/
  657. /* [!] the amount of visible bookmark items is limited internally to ~90-110 bookmarks **********/
  658. /* [!] not compatible to 'bookmarks toolbar autohide' option ************************************/
  659. /* [!] not compatible to 'simulated second bookmarks toolbar' option ****************************/
  660. /* [!] not compatible to 'simulated addon-bar' option *******************************************/
  661. /* [!] SUPPORT THREAD: https://github.com/aris-t2/customcssforfx/issues/99 **********************/
  662. /* @import "./css/toolbars/bookmarks_toolbar_multiple_lines.css"; /**/ /* <--- EXPERIMENTAL */
  663. /* @import "./css/toolbars/bookmarks_toolbar_multiple_lines_fx66.css"; /**/ /* <--- EXPERIMENTAL */ /*Fx66-73*/
  664. /* @import "./css/toolbars/bookmarks_toolbar_multiple_lines_fx74.css"; /**/ /* <--- EXPERIMENTAL */ /*Fx74+*/
  665.  
  666. /* TOOLBAR COLORS *******************************************************************************/
  667. /* @import "./css/toolbars/general_toolbar_colors.css"; /**/
  668. /* @import "./css/toolbars/tab_toolbar_colors_force_menubar_color.css"; /**/
  669.  
  670. /* AeroGlass TOOLBARS - separated - set per toolbar / WIN10 fix for GLASS8 **********************/
  671. @import "./css/toolbars/general_toolbar_colors_navigation_toolbar_aeroglass.css"; /**/
  672. @import "./css/toolbars/general_toolbar_colors_bookmarks_toolbar_aeroglass.css"; /**/
  673. @import "./css/toolbars/general_toolbar_colors_tabs_toolbar_aeroglass.css"; /**/
  674. /* Windows 10 fix for Glass8 - Glass8 required for 'Windows 7'-like window transparency */
  675. /* @import "./css/toolbars/general_toolbar_colors_aeroglass_windows10_glass8.css"; /**/  /* <--- EXPERIMENTAL */
  676.  
  677. /* TOOLBAR TEXT MODES - [only use one at a time] ************************************************/
  678. /* @import "./css/toolbars/toolbar_mode_icons_and_text.css"; /**/
  679. /* @import "./css/toolbars/toolbar_mode_icons_and_text_macOS.css"; /**/ /* -> also offers alternative appearance on Linux */
  680. /* @import "./css/toolbars/toolbar_mode_text.css"; /**/
  681. /* @import "./css/toolbars/toolbar_mode_text_macOS.css"; /**/ /* -> also offers alternative appearance on Linux */
  682.  
  683.  
  684. /************************************************************************************************/
  685. /* LOCATION BAR / MEGABAR - Settings for both 'about:config > browser.urlbar.update1' cases *****/
  686. /************************************************************************************************/
  687.  
  688. /* remove color formatting of the url: about:config > browser.urlbar.formatting.enabled > false */
  689.  
  690. /* @import "./css/locationbar/compact_mode_reduce_fontsize.css"; /**/
  691.  
  692. /* identity box / page identity button **********************************************************/
  693. /* @import "./css/locationbar/identitybox_replace_i_icon_with_globe.css"; /**/ /* replaces search glass in Fx70+ */ /* Fx 60-83 only */
  694. /* @import "./css/locationbar/identitybox_colors.css"; /**/
  695. @import "./css/locationbar/identitybox_labels_hidden.css"; /**/
  696.  
  697. /* padlock icons in identity box / page identity button - [only use one at a time] **************/
  698. /* @import "./css/locationbar/identitybox_padlock_icon_classic.css"; /**/
  699. /* @import "./css/locationbar/identitybox_padlock_icon_classic2.css"; /**/
  700. /* @import "./css/locationbar/identitybox_padlock_icon_modern.css"; /**/
  701. /* @import "./css/locationbar/identitybox_padlock_icon_modern2.css"; /**/
  702. @import "./css/locationbar/identitybox_padlock_icon_hidden.css"; /**/
  703.  
  704. /* additional icons/buttons and tweaks for third party page action buttons **********************/
  705. /* @import "./css/locationbar/icons_colorized.css"; /**/
  706. /* @import "./css/locationbar/reader_alternative_icon.css"; /**/
  707. @import "./css/locationbar/popup_blocked_button_hidden.css"; /**/
  708. @import "./css/locationbar/zoom_button_hidden.css"; /**/
  709. @import "./css/locationbar/go_button_in_location_bar_hidden.css"; /**/
  710.  
  711. /* page action button (three dots) / separator **************************************************/
  712. @import "./css/locationbar/pageaction_separator_in_location_bar_hidden.css"; /**/
  713. @import "./css/locationbar/pageaction_button_in_location_bar_hidden.css"; /**/
  714. /* @import "./css/locationbar/pageaction_button_rotated_and_last_pageaction_button.css"; /**/
  715.  
  716. /* star button / bookmarks star *****************************************************************/
  717. /* @import "./css/locationbar/starbutton_is_last_pageaction_button.css"; /**/
  718. /* @import "./css/locationbar/starbutton_popup_preview_image_hidden.css"; /**/
  719. /* alternative yellow star icon - [only use one at a time] **************************************/
  720. /* @import "./css/locationbar/starbutton_alternative_icon.css"; /**/
  721. /* @import "./css/locationbar/starbutton_alternative_icon_v2.css"; /**/
  722.  
  723. /* general popup/results settings ***************************************************************/
  724. @import "./css/locationbar/ac_popup_result_font_size.css"; /**/
  725. @import "./css/locationbar/ac_popup_firefox_background_logo.css"; /**/
  726.  
  727. /* selection color / force selection color on themes without predefined selection color *********/
  728. /* @import "./css/locationbar/selection_color_for_dark_bg.css"; /**/
  729. /* @import "./css/locationbar/selection_color_for_bright_bg.css"; /**/
  730.  
  731.  
  732. /************************************************************************************************/
  733. /* MEGABAR - settings for 'megabar' & 'megabar popup' (active in Firefox 75+ by default) ********/
  734. /* about:config > browser.urlbar.update1 > true (pref present in Firefox 72-76) *****************/
  735. /************************************************************************************************/
  736.  
  737. @import "./css/locationbar/megabar_expanding_breakout_disabled.css"; /**/
  738. /* @import "./css/locationbar/megabar_disable_openviewonfocus.css"; /**/
  739. /* @import "./css/locationbar/megabar_border_roundness.css"; /**/
  740. /* @import "./css/locationbar/megabar_background_color_dark.css"; /**/
  741.  
  742. /* popup content order/appearance - [only use one at a time] ************************************/
  743. /* @import "./css/locationbar/ac_popup_megabar_title_and_url_50percent_width.css"; /**/
  744. /* @import "./css/locationbar/ac_popup_megabar_url_and_title_50percent_width.css"; /**/
  745. @import "./css/locationbar/ac_popup_megabar_title_and_url_two_lines.css"; /**/
  746. /* @import "./css/locationbar/ac_popup_megabar_url_only.css"; /**/
  747.  
  748. /* result menuitem settings/appearance **********************************************************/
  749. @import "./css/locationbar/ac_popup_megabar_compact_results.css"; /**/
  750. @import "./css/locationbar/ac_popup_megabar_searchwith_and_visit_items_hidden.css"; /**/
  751. @import "./css/locationbar/ac_popup_megabar_search_engines_hidden.css"; /**/
  752. @import "./css/locationbar/ac_popup_megabar_result_highlighting_aero.css"; /**/
  753. /* @import "./css/locationbar/ac_popup_megabar_result_separator.css"; /**/
  754.  
  755.  
  756. /* DO NOT USE OLD LOCATION BAR SETTINGS ON CURRENT FIREFOX VERSIONS - Firefox 77+ ***************/
  757. /* [!] Location bar settings below will stop working in Firefox 77+. Use megabar settings! [!] **/
  758. /************************************************************************************************/
  759. /* LOCATION BAR - settings for 'legacy location bar / urlbar popup' (not megabar popup) *********/
  760. /* [!] Firefox settings for Firefox 60-76 only **************************************************/
  761. /* [!] about:config > browser.urlbar.update1 > false (present in Firefox 72-76) *****************/
  762. /************************************************************************************************/
  763.  
  764. /* general & old location bar tweaks ************************************************************/
  765. /* @import "./css/locationbar/locationbar_adjustments.css"; /**/
  766. /* @import "./css/locationbar/background_color_dark.css"; /**/
  767. /* @import "./css/locationbar/locationbar_border_roundness.css"; /**/
  768. /* @import "./css/locationbar/locationbar_reduce_height.css"; /**/
  769.  
  770. /* autocomplete / history dropmarker ************************************************************/
  771. /* @import "./css/locationbar/dropmarker_at_the_end.css"; /**/
  772. /* @import "./css/locationbar/dropmarker_visible.css"; /**/ /* Windows only */
  773.  
  774. /* popup content order/appearance - [only use one at a time] ************************************/
  775. /* @import "./css/locationbar/ac_popup_url_and_title_50percent_width.css"; /**/
  776. /* @import "./css/locationbar/ac_popup_title_and_url_50percent_width.css"; /**/
  777. /* @import "./css/locationbar/ac_popup_item_title_hidden.css"; /**/
  778. /* @import "./css/locationbar/ac_popup_item_title_visible_on_hover_only.css"; /**/
  779. /* [!] 'Classic/old popup with two lined results' option notes **********************************/
  780. /* [!] - separate options for Firefox 60-62, 63, 64 and 68+ *************************************/
  781. /* [!] - Firefox 60-63: popup code is XBL (xml) based like on older Firefox versions ************/
  782. /* [!] - Firefox 60-63: option removes 'oneoff' searches at popups bottom ***********************/
  783. /* [!] - Firefox 60-63: option throws unfixable warnings in 'error console' *********************/
  784. /* [!] - Firefox 64+: popup width can not be detected automatically anymore *********************/
  785. /* [!] - Firefox 64+: popup width has to be set manually inside /config/ files ******************/
  786. /*  - for Firefox 60-62 *************************************************************************/
  787. /* @import "./css/locationbar/ac_popup_classic_with_two_lines.css"; /**/  /* <--- old autocomplete popup*/
  788. /* @import "./css/locationbar/ac_popup_classic_with_url_only.css"; /**/  /* <--- old autocomplete popup + url only */
  789. /*  - for Firefox 63 ****************************************************************************/
  790. /* @import "./css/locationbar/ac_popup_classic_with_two_lines_fx63.css"; /**/  /* <--- old autocomplete popup */
  791. /* @import "./css/locationbar/ac_popup_classic_with_url_only_fx63.css"; /**/  /* <--- old autocomplete popup + url only */
  792. /*  - for Firefox 64-67 *************************************************************************/
  793. /* @import "./css/locationbar/ac_popup_classic_with_two_lines_fx64.css"; /**/  /* <--- old autocomplete popup */
  794. /* @import "./css/locationbar/ac_popup_classic_with_two_lines_fx64_star_at_the_end.css"; /**/  /* <--- old autocomplete popup + star icon at the end */
  795. /* @import "./css/locationbar/ac_popup_classic_with_url_only_fx64.css"; /**/  /* <--- old autocomplete popup + url only */
  796. /* @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 */
  797. /*  - for Firefox 68-71 *************************************************************************/
  798. /* @import "./css/locationbar/ac_popup_classic_with_two_lines_fx68.css"; /**/  /* <--- old autocomplete popup */
  799. /* @import "./css/locationbar/ac_popup_classic_with_two_lines_fx68_star_at_the_end.css"; /**/  /* <--- old autocomplete popup + star icon at the end */
  800. /* @import "./css/locationbar/ac_popup_classic_with_url_only_fx68.css"; /**/  /* <--- old autocomplete popup + url only */
  801. /* @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 */
  802. /* @import "./css/locationbar/ac_popup_default_with_two_lines_fx68.css"; /**/ /* default popup + two lined results*/
  803. /*  - for Firefox 72-76 ('about:config > browser.urlbar.update1 > false') ***********************/
  804. /* @import "./css/locationbar/ac_popup_default_with_two_lines_fx72.css"; /**/ /* default popup + two lined results*/
  805.  
  806. /* result menuitem settings/appearance **********************************************************/
  807. /* @import "./css/locationbar/ac_popup_result_highlighting_aero.css"; /**/
  808. /* @import "./css/locationbar/ac_popup_keysearch_bold.css"; /**/ /* Fx60-Fx67 only */
  809. /* @import "./css/locationbar/ac_popup_keysearch_underline.css"; /**/ /* Fx60-Fx67 only */
  810. /* @import "./css/locationbar/ac_popup_result_separator.css"; /**/
  811. /* custom amount of result items: about:config > browser.urlbar.maxRichResults ******************/
  812. /* @import "./css/locationbar/ac_popup_custom_height.css"; /**/
  813.  
  814. /* hide 'Search with...' and 'Visit...' results *************************************************/
  815. /* - browser preferences: disable 'show search suggestions inside address bar results' **********/
  816. /* - hide bottom search engines: about:config > browser.urlbar.oneOffSearches > false ***********/
  817. /* [!] Hiding will not work properly in all cases. Sometimes an empty box will be visible. ******/
  818. /* [!] Suggested to use aboves 'custom popup height' and to increase amount of result items. ****/
  819. /* @import "./css/locationbar/ac_popup_searchwith_and_visit_items_hidden.css"; /**/  /* <--- EXPERIMENTAL */
  820.  
  821.  
  822. /************************************************************************************************/
  823. /************************************************************************************************/
  824. /* Create a new file "my_userChrome.css" and add own/custom code to it. *************************/
  825. @import "./my_userChrome.css"; /**/
  826. /************************************************************************************************/
  827. /************************************************************************************************/
  828. /************************************************************************************************/
  829.  
RAW Paste Data