Create less_static_throbber.css

This commit is contained in:
MrOtherGuy 2020-08-31 10:52:52 +03:00
parent a4c81d331a
commit 3a930dfc7f
3 changed files with 28 additions and 10 deletions

View file

@ -0,0 +1,16 @@
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/less_static_throbber.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Replaces the static reduced-motion hourglass-icon with rotating dots */
/* svg.context-properties.content.enabled must be "true" otherwise the icon will be black */
@media (prefers-reduced-motion:reduce){
@keyframes rotate-throbber{from{transform: rotateZ(0deg)}to{rotateZ(360deg)}}
.tab-throbber{
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJjb250ZXh0LWZpbGwiIGZpbGwtb3BhY2l0eT0iY29udGV4dC1maWxsLW9wYWNpdHkiPg0KICA8Y2lyY2xlIGN4PSI4IiBjeT0iMi41IiByPSIyIiBmaWxsLW9wYWNpdHk9IjEiLz4NCiAgPGNpcmNsZSBjeD0iMTIiIGN5PSI0IiByPSIxLjciLz4NCiAgPGNpcmNsZSBjeD0iMTMuNSIgY3k9IjgiIHI9IjEuNyIvPg0KICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxLjciLz4NCiAgPGNpcmNsZSBjeD0iOCIgY3k9IjEzLjUiIHI9IjEuNyIvPg0KICA8Y2lyY2xlIGN4PSI0IiBjeT0iMTIiIHI9IjEuNyIvPg0KICA8Y2lyY2xlIGN4PSIyLjUiIGN5PSI4IiByPSIxLjciLz4NCiAgPGNpcmNsZSBjeD0iNCIgY3k9IjQiIHI9IjEuNyIvPg0KPC9zdmc+DQo") !important;
-moz-context-properties: fill,fill-opacity !important;
fill-opacity: 0.5 !important;
animation: rotate-throbber 2s steps(8) infinite;
}
}

View file

@ -8,9 +8,11 @@
"autohide_toolbox.css":["autohide","toolbars","fullscreen"],
"blank_page_background.css":["dark-mode"],
"bookmarksbar_on_new_tabs_only.css":["legacy"],
"bookmarks_toolbar_on_newtabs_only.css":["bookmarks","toolbars","autohide","hiding"],
"button_effect_icon_glow.css":["buttons","effect"],
"button_effect_scale_onclick.css":["buttons","effect"],
"button_effect_scale_onhover.css":["buttons","effect"],
"classic_firefox_menu_button.css":["classic","menu"],
"classic_grid_main_menu_popup.css":["classic","menu","popup"],
"click_selected_tab_to_focus_urlbar.css":["hack","tabs","urlbar"],
"color_variable_template.css":["colors"],
@ -37,6 +39,7 @@
"hide_toolbox_top_bottom_borders.css":["toolbars","hiding"],
"hide_urlbar_first_row.css":["urlbar","popup","hiding"],
"iconized_menubar_items.css":["menubar","menu","icon"],
"less_static_throbber.css":["icon","tab","effect"],
"linux_gtk_window_control_patch.css":["patch","window-control"],
"menubar_in_main_toolbar.css":["menubar","nav-bar","minimal","toolbars"],
"menubar_in_tabs_toolbar.css":["toolbars","minimal","menubar"],
@ -72,6 +75,7 @@
"show_navbar_on_focus_only.css":["urlbar","nav-bar","toolbars","hiding"],
"show_window_title_in_menubar.css":["windows","menubar"],
"status_inside_urlbar.css":["status","urlbar","hack"],
"status_inside_urlbar_v2.css":["status","urlbar","status","effect","hack"],
"tab_close_button_always_on_hover.css":["tab","close"],
"tab_loading_progress_throbber.css":["tab","icon","effect"],
"tabs_animated_gradient_border.css":["hack","effect","tabs"],
@ -91,6 +95,7 @@
"toolbars_below_content.css":["tabs","toolbars"],
"urlbar_and_popup_equal_width.css":["legacy"],
"urlbar_centered_text.css":["urlbar"],
"urlbar_connection_type_colors.css":["urlbar","colors","status"],
"urlbar_popup_full_width.css":["urlbar","popup"],
"urlbar_results_in_two_rows.css":["urlbar","popup"],
"urlbar_visible_on_active_tab_click.css":["hack","urlbar"],
@ -98,10 +103,6 @@
"vertical_context_navigation.css":["navigation","menu","popup"],
"vertical_context_navigation_v2.css":["navigation","menu","popup"],
"vertical_menubar.css":["menubar","hack"],
"window_control_placeholder_support.css":["window-control","patch"],
"vertical_popup_menubar.css":["menubar","menu","toolbars","popup"],
"classic_firefox_menu_button.css":["classic","menu"],
"bookmarks_toolbar_on_newtabs_only.css":["bookmarks","toolbars","autohide","hiding"],
"status_inside_urlbar_v2.css":["status","urlbar","status","effect","hack"],
"urlbar_connection_type_colors.css":["urlbar","colors","status"]
"window_control_placeholder_support.css":["window-control","patch"]
}

View file

@ -7,9 +7,11 @@ autohide_tabstoolbar.css,autohide,tabs,toolbars
autohide_toolbox.css,autohide,toolbars,fullscreen
blank_page_background.css,dark-mode
bookmarksbar_on_new_tabs_only.css,legacy
bookmarks_toolbar_on_newtabs_only.css,bookmarks,toolbars,autohide,hiding
button_effect_icon_glow.css,buttons,effect
button_effect_scale_onclick.css,buttons,effect
button_effect_scale_onhover.css,buttons,effect
classic_firefox_menu_button.css,classic,menu
classic_grid_main_menu_popup.css,classic,menu,popup
click_selected_tab_to_focus_urlbar.css,hack,tabs,urlbar
color_variable_template.css,colors
@ -36,6 +38,7 @@ hide_tabs_with_one_tab_w_window_controls.css,hiding,tabs,toolbars
hide_toolbox_top_bottom_borders.css,toolbars,hiding
hide_urlbar_first_row.css,urlbar,popup,hiding
iconized_menubar_items.css,menubar,menu,icon
less_static_throbber.css,icon,tab,effect
linux_gtk_window_control_patch.css,patch,window-control
menubar_in_main_toolbar.css,menubar,nav-bar,minimal,toolbars
menubar_in_tabs_toolbar.css,toolbars,minimal,menubar
@ -71,6 +74,7 @@ scrollable_urlbar_popup.css,scrollbar,popup,urlbar
show_navbar_on_focus_only.css,urlbar,nav-bar,toolbars,hiding
show_window_title_in_menubar.css,windows,menubar
status_inside_urlbar.css,status,urlbar,hack
status_inside_urlbar_v2.css,status,urlbar,status,effect,hack
tab_close_button_always_on_hover.css,tab,close
tab_loading_progress_throbber.css,tab,icon,effect
tabs_animated_gradient_border.css,hack,effect,tabs
@ -90,6 +94,7 @@ toolbarbuttons_icon+label.css,buttons,icon
toolbars_below_content.css,tabs,toolbars
urlbar_and_popup_equal_width.css,legacy
urlbar_centered_text.css,urlbar
urlbar_connection_type_colors.css,urlbar,colors,status
urlbar_popup_full_width.css,urlbar,popup
urlbar_results_in_two_rows.css,urlbar,popup
urlbar_visible_on_active_tab_click.css,hack,urlbar
@ -97,9 +102,5 @@ vertical_bookmarks_toolbar.css,bookmarks,toolbars
vertical_context_navigation.css,navigation,menu,popup
vertical_context_navigation_v2.css,navigation,menu,popup
vertical_menubar.css,menubar,hack
window_control_placeholder_support.css,window-control,patch
vertical_popup_menubar.css,menubar,menu,toolbars,popup
classic_firefox_menu_button.css,classic,menu
bookmarks_toolbar_on_newtabs_only.css,bookmarks,toolbars,autohide,hiding
status_inside_urlbar_v2.css,status,urlbar,status,effect,hack
urlbar_connection_type_colors.css,urlbar,colors,status
window_control_placeholder_support.css,window-control,patch

1 autohide_bookmarks_and_main_toolbars.css,autohide,bookmarks,toolbars,nav-bar
7 autohide_toolbox.css,autohide,toolbars,fullscreen
8 blank_page_background.css,dark-mode
9 bookmarksbar_on_new_tabs_only.css,legacy
10 bookmarks_toolbar_on_newtabs_only.css,bookmarks,toolbars,autohide,hiding
11 button_effect_icon_glow.css,buttons,effect
12 button_effect_scale_onclick.css,buttons,effect
13 button_effect_scale_onhover.css,buttons,effect
14 classic_firefox_menu_button.css,classic,menu
15 classic_grid_main_menu_popup.css,classic,menu,popup
16 click_selected_tab_to_focus_urlbar.css,hack,tabs,urlbar
17 color_variable_template.css,colors
38 hide_toolbox_top_bottom_borders.css,toolbars,hiding
39 hide_urlbar_first_row.css,urlbar,popup,hiding
40 iconized_menubar_items.css,menubar,menu,icon
41 less_static_throbber.css,icon,tab,effect
42 linux_gtk_window_control_patch.css,patch,window-control
43 menubar_in_main_toolbar.css,menubar,nav-bar,minimal,toolbars
44 menubar_in_tabs_toolbar.css,toolbars,minimal,menubar
74 show_navbar_on_focus_only.css,urlbar,nav-bar,toolbars,hiding
75 show_window_title_in_menubar.css,windows,menubar
76 status_inside_urlbar.css,status,urlbar,hack
77 status_inside_urlbar_v2.css,status,urlbar,status,effect,hack
78 tab_close_button_always_on_hover.css,tab,close
79 tab_loading_progress_throbber.css,tab,icon,effect
80 tabs_animated_gradient_border.css,hack,effect,tabs
94 toolbars_below_content.css,tabs,toolbars
95 urlbar_and_popup_equal_width.css,legacy
96 urlbar_centered_text.css,urlbar
97 urlbar_connection_type_colors.css,urlbar,colors,status
98 urlbar_popup_full_width.css,urlbar,popup
99 urlbar_results_in_two_rows.css,urlbar,popup
100 urlbar_visible_on_active_tab_click.css,hack,urlbar
102 vertical_context_navigation.css,navigation,menu,popup
103 vertical_context_navigation_v2.css,navigation,menu,popup
104 vertical_menubar.css,menubar,hack
window_control_placeholder_support.css,window-control,patch
105 vertical_popup_menubar.css,menubar,menu,toolbars,popup
106 classic_firefox_menu_button.css,classic,menu window_control_placeholder_support.css,window-control,patch
bookmarks_toolbar_on_newtabs_only.css,bookmarks,toolbars,autohide,hiding
status_inside_urlbar_v2.css,status,urlbar,status,effect,hack
urlbar_connection_type_colors.css,urlbar,colors,status