-/* Loading Spinner
----------------------------------------------------------*/
-/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */
-.vjs-loading-spinner {
- display: none;
- position: absolute; top: 50%; left: 50%; width: 55px; height: 55px;
- margin: -28px 0 0 -28px;
- -webkit-animation-name: rotatethis;
- -webkit-animation-duration:1s;
- -webkit-animation-iteration-count:infinite;
- -webkit-animation-timing-function:linear;
- -moz-animation-name: rotatethis;
- -moz-animation-duration:1s;
- -moz-animation-iteration-count:infinite;
- -moz-animation-timing-function:linear;
-}
-
-@-webkit-keyframes rotatethis {
- 0% {-webkit-transform:scale(0.6) rotate(0deg); }
- 12.5% {-webkit-transform:scale(0.6) rotate(0deg); }
- 12.51% {-webkit-transform:scale(0.6) rotate(45deg); }
- 25% {-webkit-transform:scale(0.6) rotate(45deg); }
- 25.01% {-webkit-transform:scale(0.6) rotate(90deg);}
- 37.5% {-webkit-transform:scale(0.6) rotate(90deg);}
- 37.51% {-webkit-transform:scale(0.6) rotate(135deg);}
- 50% {-webkit-transform:scale(0.6) rotate(135deg);}
- 50.01% {-webkit-transform:scale(0.6) rotate(180deg);}
- 62.5% {-webkit-transform:scale(0.6) rotate(180deg);}
- 62.51% {-webkit-transform:scale(0.6) rotate(225deg);}
- 75% {-webkit-transform:scale(0.6) rotate(225deg);}
- 75.01% {-webkit-transform:scale(0.6) rotate(270deg);}
- 87.5% {-webkit-transform:scale(0.6) rotate(270deg);}
- 87.51% {-webkit-transform:scale(0.6) rotate(315deg);}
- 100% {-webkit-transform:scale(0.6) rotate(315deg);}
-}
-
-@-moz-keyframes rotatethis {
- 0% {-moz-transform:scale(0.6) rotate(0deg);}
- 12.5% {-moz-transform:scale(0.6) rotate(0deg);}
- 12.51% {-moz-transform:scale(0.6) rotate(45deg);}
- 25% {-moz-transform:scale(0.6) rotate(45deg);}
- 25.01% {-moz-transform:scale(0.6) rotate(90deg);}
- 37.5% {-moz-transform:scale(0.6) rotate(90deg);}
- 37.51% {-moz-transform:scale(0.6) rotate(135deg);}
- 50% {-moz-transform:scale(0.6) rotate(135deg);}
- 50.01% {-moz-transform:scale(0.6) rotate(180deg);}
- 62.5% {-moz-transform:scale(0.6) rotate(180deg);}
- 62.51% {-moz-transform:scale(0.6) rotate(225deg);}
- 75% {-moz-transform:scale(0.6) rotate(225deg);}
- 75.01% {-moz-transform:scale(0.6) rotate(270deg);}
- 87.5% {-moz-transform:scale(0.6) rotate(270deg);}
- 87.51% {-moz-transform:scale(0.6) rotate(315deg);}
- 100% {-moz-transform:scale(0.6) rotate(315deg);}
-}
-/* Each circle */
-div.vjs-loading-spinner .ball1 { opacity: 0.12; position:absolute; left: 20px; top: 0px; width: 13px; height: 13px; background: #fff;
- border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }
-
-div.vjs-loading-spinner .ball2 { opacity: 0.25; position:absolute; left: 34px; top: 6px; width: 13px; height: 13px; background: #fff;
- border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }
-
-div.vjs-loading-spinner .ball3 { opacity: 0.37; position:absolute; left: 40px; top: 20px; width: 13px; height: 13px; background: #fff;
- border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }
-
-div.vjs-loading-spinner .ball4 { opacity: 0.50; position:absolute; left: 34px; top: 34px; width: 13px; height: 13px; background: #fff;
- border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 15px; border: 1px solid #ccc; }
-
-div.vjs-loading-spinner .ball5 { opacity: 0.62; position:absolute; left: 20px; top: 40px; width: 13px; height: 13px; background: #fff;
- border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }
-
-div.vjs-loading-spinner .ball6 { opacity: 0.75; position:absolute; left: 6px; top: 34px; width: 13px; height: 13px; background: #fff;
- border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }
-
-div.vjs-loading-spinner .ball7 { opacity: 0.87; position:absolute; left: 0px; top: 20px; width: 13px; height: 13px; background: #fff;
- border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }
-
-div.vjs-loading-spinner .ball8 { opacity: 1.00; position:absolute; left: 6px; top: 6px; width: 13px; height: 13px; background: #fff;
- border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }