diff --git a/chrome/loading_indicator_rotating_image.css b/chrome/loading_indicator_rotating_image.css new file mode 100644 index 0000000..d1bd4b3 --- /dev/null +++ b/chrome/loading_indicator_rotating_image.css @@ -0,0 +1,30 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/loading_indicator_rotating_image.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + +/* Shows a rotating image over web content during navigation */ + +@keyframes statusimage-anim{ + from{ transform: rotateZ(0deg) } + to{ transform: rotateZ(360deg) } +} +#statuspanel[type="status"]::after{ + position: absolute; + display: block; + height: 200px; + width: 200px; + top: -60vh; + left:50vw; + margin-left: -100px; + content: ""; + pointer-events: none; + border-radius: 100px; + box-shadow: 0 0 40px grey; + background-color: rgba(127,127,127,0.4); + background-image: url("chrome://global/skin/icons/settings.svg"); + background-size: 70%; + background-position: center; + background-repeat: no-repeat; + -moz-context-properties: fill; + fill: rgb(20,20,50); + animation: statusimage-anim 2s infinite linear; +} diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json index dcc7d81..6e013a4 100644 --- a/html_resources/tagmap.json +++ b/html_resources/tagmap.json @@ -134,5 +134,6 @@ "vertical_popup_menubar.css":["menubar","menu","toolbars","popup"], "window_control_fallback_for_custom_windows_theme.css":["window-control","buttons","colors","patch"], "window_control_placeholder_support.css":["window-control","patch"], -"loading_indicator_bouncing_line.css":["status","navigation","effect"] +"loading_indicator_bouncing_line.css":["status","navigation","effect"], +"loading_indicator_rotating_image.css":["navigation","effect","status"] } diff --git a/tags.csv b/tags.csv index c14e8b5..b4e2b14 100644 --- a/tags.csv +++ b/tags.csv @@ -134,3 +134,4 @@ vertical_popup_menubar.css,menubar,menu,toolbars,popup window_control_fallback_for_custom_windows_theme.css,window-control,buttons,colors,patch window_control_placeholder_support.css,window-control,patch loading_indicator_bouncing_line.css,status,navigation,effect +loading_indicator_rotating_image.css,navigation,effect,status