1
0
Fork 0
mirror of https://github.com/Sonarr/Sonarr synced 2024-12-26 01:37:07 +00:00
Sonarr/UI/Content/spinner.less

131 lines
2.1 KiB
Text
Raw Normal View History

@import "prefixer";
@import "bootstrap/variables";
@colorDark : @grayDark;
@colorLight : @grayLighter;
#followingBalls {
position : relative;
height : 20px;
width : 256px;
margin : 50px auto;
display : block;
2013-06-30 07:47:02 +00:00
.ball {
background-color : @colorDark;
2013-06-30 07:47:02 +00:00
position : absolute;
top : 0;
left : 0;
width : 20px;
height : 20px;
.border-radius(10px);
.animation-name(bounce);
.animation-duration(1.9s);
.animation-iteration-count(infinite);
.animation-direction(linear);
}
2013-06-30 07:47:02 +00:00
#ball-1 {
.animation-delay(0s);
}
2013-06-30 07:47:02 +00:00
#ball-2 {
.animation-delay(0.19s);
}
2013-06-30 07:47:02 +00:00
#ball-3 {
.animation-delay(0.38s);
}
2013-06-30 07:47:02 +00:00
#ball-4 {
.animation-delay(0.57s);
}
2013-06-30 07:47:02 +00:00
@keyframes bounce {
0% {
left : 0px;
background-color : @colorDark;
}
50% {
left : 236px;
background-color : @colorLight;
}
100% {
left : 0px;
background-color : @colorDark;
}
}
2013-06-30 07:47:02 +00:00
@-moz-keyframes bounce {
0% {
left : 0px;
background-color : @colorDark;
}
2013-06-30 07:47:02 +00:00
50% {
left : 236px;
background-color : @colorLight;
}
2013-06-30 07:47:02 +00:00
100% {
left : 0px;
background-color : @colorDark;
}
}
2013-06-30 07:47:02 +00:00
@-webkit-keyframes bounce {
0% {
left : 0px;
background-color : @colorDark;
}
2013-06-30 07:47:02 +00:00
50% {
left : 236px;
background-color : @colorLight;
}
2013-06-30 07:47:02 +00:00
100% {
left : 0px;
background-color : @colorDark;
}
}
2013-06-30 07:47:02 +00:00
@-ms-keyframes bounce {
0% {
left : 0px;
background-color : @colorDark;
}
50% {
left : 236px;
background-color : @colorLight;
}
100% {
left : 0px;
background-color : @colorDark;
}
}
2013-06-30 07:47:02 +00:00
@-o-keyframes bounce {
0% {
left : 0px;
background-color : @colorDark;
}
50% {
left : 236px;
background-color : @colorLight;
}
100% {
left : 0px;
background-color : @colorDark;
}
}
}