|
|
@ -2,27 +2,69 @@ |
|
|
|
Theme Overrides |
|
|
|
*******************************/ |
|
|
|
|
|
|
|
@keyframes loader { |
|
|
|
.ui.loader:after { |
|
|
|
-webkit-animation: loader-pulsar 2s infinite linear; |
|
|
|
animation: loader-pulsar 2s infinite linear; |
|
|
|
} |
|
|
|
|
|
|
|
@-webkit-keyframes loader-pulsar { |
|
|
|
0% { |
|
|
|
-webkit-transform: rotate(0deg); |
|
|
|
transform: rotate(0deg); |
|
|
|
opacity: 0; |
|
|
|
} |
|
|
|
20% { |
|
|
|
-webkit-transform: rotate(360deg); |
|
|
|
transform: rotate(360deg); |
|
|
|
} |
|
|
|
40% { |
|
|
|
-webkit-transform: rotate(740deg); |
|
|
|
transform: rotate(740deg); |
|
|
|
opacity: 1; |
|
|
|
} |
|
|
|
60% { |
|
|
|
-webkit-transform: rotate(1120deg); |
|
|
|
transform: rotate(1120deg); |
|
|
|
opacity: 1; |
|
|
|
} |
|
|
|
80% { |
|
|
|
-webkit-transform: rotate(1440deg); |
|
|
|
transform: rotate(1440deg); |
|
|
|
} |
|
|
|
100% { |
|
|
|
-webkit-transform: rotate(1800deg); |
|
|
|
transform: rotate(1800deg); |
|
|
|
opacity: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@keyframes loader-pulsar { |
|
|
|
0% { |
|
|
|
transform: rotate(0deg); |
|
|
|
-webkit-transform: rotate(0deg); |
|
|
|
transform: rotate(0deg); |
|
|
|
opacity: 0; |
|
|
|
} |
|
|
|
20% { |
|
|
|
transform: rotate(360deg); |
|
|
|
-webkit-transform: rotate(360deg); |
|
|
|
transform: rotate(360deg); |
|
|
|
} |
|
|
|
40% { |
|
|
|
transform: rotate(740deg); |
|
|
|
-webkit-transform: rotate(740deg); |
|
|
|
transform: rotate(740deg); |
|
|
|
opacity: 1; |
|
|
|
} |
|
|
|
60% { |
|
|
|
transform: rotate(1120deg); |
|
|
|
-webkit-transform: rotate(1120deg); |
|
|
|
transform: rotate(1120deg); |
|
|
|
opacity: 1; |
|
|
|
} |
|
|
|
80% { |
|
|
|
transform: rotate(1440deg); |
|
|
|
-webkit-transform: rotate(1440deg); |
|
|
|
transform: rotate(1440deg); |
|
|
|
} |
|
|
|
100% { |
|
|
|
transform: rotate(1800deg); |
|
|
|
-webkit-transform: rotate(1800deg); |
|
|
|
transform: rotate(1800deg); |
|
|
|
opacity: 0; |
|
|
|
} |
|
|
|
} |