mobile-config-firefox/chrome/less_static_throbber.css
2020-08-31 11:00:57 +03:00

16 lines
No EOL
1.3 KiB
CSS

/* 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{transform: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;
}
}