diff --git a/share/base.css.in b/share/base.css.in index 4f9065b..0505377 100644 --- a/share/base.css.in +++ b/share/base.css.in @@ -32,6 +32,7 @@ overflow:auto; } #loading-indicator { + display:none; position:absolute; width:64px; height:64px; diff --git a/share/fancy.css.in b/share/fancy.css.in index bb1b3d5..ec00571 100644 --- a/share/fancy.css.in +++ b/share/fancy.css.in @@ -55,5 +55,22 @@ -webkit-animation: fadein 100ms; animation: fadein 100ms; } + @keyframes swing { + 0% { transform: rotate(0deg); } + 10% { transform: rotate(0deg); } + 90% { transform: rotate(720deg); } + 100%{ transform: rotate(720deg); } + } + + @-webkit-keyframes swing { + 0% { -webkit-transform: rotate(0deg); } + 10% { -webkit-transform: rotate(0deg); } + 90% { -webkit-transform: rotate(720deg); } + 100%{ -webkit-transform: rotate(720deg); } + } + #loading-indicator { + animation: swing 1.5s ease-in-out 0s infinite alternate none; + -webkit-animation: swing 1.5s ease-in-out 0s infinite alternate none; + } } /* Fancy CSS END */