120 lines
2.1 KiB
CSS
120 lines
2.1 KiB
CSS
#spinner {
|
|
position: fixed;
|
|
/*top: 0;*/
|
|
/*left: 0;*/
|
|
/*width: 128px;*/
|
|
/*height: 128px;*/
|
|
/*! important !*/
|
|
display: none;
|
|
/* last attribute set darkness on scale: 0...1.0 */
|
|
/*background-color: rgba(0, 0, 0, 0.8);*/
|
|
text-align: center;
|
|
z-index: 101;
|
|
}
|
|
|
|
#circleG {
|
|
width: 112px;
|
|
}
|
|
|
|
.circleG {
|
|
background-color: #FFFFFF;
|
|
float: left;
|
|
height: 24px;
|
|
margin-left: 13px;
|
|
width: 24px;
|
|
-webkit-animation-name: bounce_circleG;
|
|
-webkit-border-radius: 16px;
|
|
-webkit-animation-duration: 1.9500000000000002s;
|
|
-webkit-animation-iteration-count: infinite;
|
|
-webkit-animation-direction: linear;
|
|
-moz-animation-name: bounce_circleG;
|
|
-moz-border-radius: 16px;
|
|
-moz-animation-duration: 1.9500000000000002s;
|
|
-moz-animation-iteration-count: infinite;
|
|
-moz-animation-direction: linear;
|
|
opacity: 0.3;
|
|
-o-animation-name: bounce_circleG;
|
|
border-radius: 16px;
|
|
-o-animation-duration: 1.9500000000000002s;
|
|
-o-animation-iteration-count: infinite;
|
|
-o-animation-direction: linear;
|
|
-ms-animation-name: bounce_circleG;
|
|
-ms-animation-duration: 1.9500000000000002s;
|
|
-ms-animation-iteration-count: infinite;
|
|
-ms-animation-direction: linear;
|
|
opacity: 0.3
|
|
}
|
|
|
|
#circleG_1 {
|
|
-webkit-animation-delay: 0.39s;
|
|
-moz-animation-delay: 0.39s;
|
|
-o-animation-delay: 0.39s;
|
|
-ms-animation-delay: 0.39s;
|
|
}
|
|
|
|
#circleG_2 {
|
|
-webkit-animation-delay: 0.91s;
|
|
-moz-animation-delay: 0.91s;
|
|
-o-animation-delay: 0.91s;
|
|
-ms-animation-delay: 0.91s;
|
|
}
|
|
|
|
#circleG_3 {
|
|
-webkit-animation-delay: 1.17s;
|
|
-moz-animation-delay: 1.17s;
|
|
-o-animation-delay: 1.17s;
|
|
-ms-animation-delay: 1.17s;
|
|
}
|
|
|
|
@-webkit-keyframes bounce_circleG{
|
|
0%{
|
|
opacity:0.3}
|
|
|
|
50%{
|
|
opacity:1;
|
|
background-color:#000000}
|
|
|
|
100%{
|
|
opacity:0.3}
|
|
|
|
}
|
|
|
|
@-moz-keyframes bounce_circleG{
|
|
0%{
|
|
opacity:0.3}
|
|
|
|
50%{
|
|
opacity:1;
|
|
background-color:#000000}
|
|
|
|
100%{
|
|
opacity:0.3}
|
|
|
|
}
|
|
|
|
@-o-keyframes bounce_circleG{
|
|
0%{
|
|
opacity:0.3}
|
|
|
|
50%{
|
|
opacity:1;
|
|
background-color:#000000}
|
|
|
|
100%{
|
|
opacity:0.3}
|
|
|
|
}
|
|
|
|
@-ms-keyframes bounce_circleG{
|
|
0%{
|
|
opacity:0.3}
|
|
|
|
50%{
|
|
opacity:1;
|
|
background-color:#000000}
|
|
|
|
100%{
|
|
opacity:0.3}
|
|
|
|
}
|