diff --git a/dev/css/HoldOn.css b/dev/css/HoldOn.css index d2ee47d..b68532b 100644 --- a/dev/css/HoldOn.css +++ b/dev/css/HoldOn.css @@ -40,14 +40,14 @@ } /*Start SK-RECT Theme*/ -.sk-rect { +#holdon-content .sk-rect { width: 50px; height: 40px; text-align: center; font-size: 10px; } -.sk-rect > div { +#holdon-content .sk-rect > div { background-color: #333; height: 100%; width: 6px; @@ -56,22 +56,22 @@ animation: sk-rect-anim 1.2s infinite ease-in-out; } -.sk-rect .rect2 { +#holdon-content .sk-rect .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } -.sk-rect .rect3 { +#holdon-content .sk-rect .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } -.sk-rect .rect4 { +#holdon-content .sk-rect .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } -.sk-rect .rect5 { +#holdon-content .sk-rect .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @@ -95,14 +95,14 @@ /* Start SK-CUBE Theme*/ -.sk-cube { +#holdon-content .sk-cube { width: 50px; height: 40px; text-align: center; font-size: 10px; } -.sk-cube1, .sk-cube2 { +#holdon-content .sk-cube1, #holdon-content .sk-cube2 { background-color: #333; width: 15px; height: 15px; @@ -114,7 +114,7 @@ animation: sk-cube 1.8s infinite ease-in-out; } -.sk-cube2 { +#holdon-content .sk-cube2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @@ -150,7 +150,7 @@ /* Start SK-DOT Theme*/ -.sk-dot { +#holdon-content .sk-dot { width: 50px; height: 40px; text-align: center; @@ -160,7 +160,7 @@ animation: sk-dot-rotate 2.0s infinite linear; } -.sk-dot1, .sk-dot2 { +#holdon-content .sk-dot1, #holdon-content .sk-dot2 { width: 60%; height: 60%; display: inline-block; @@ -173,7 +173,7 @@ animation: sk-dot-bounce 2.0s infinite ease-in-out; } -.sk-dot2 { +#holdon-content .sk-dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1.0s; @@ -200,14 +200,14 @@ /*Start SK-BOUNCE Theme*/ -.sk-bounce { +#holdon-content .sk-bounce { width: 60px; height: 40px; text-align: center; font-size: 10px; } -.sk-bounce > div { +#holdon-content .sk-bounce > div { width: 18px; height: 18px; background-color: #333; @@ -218,12 +218,12 @@ animation: sk-bouncedelay 1.4s infinite ease-in-out both; } -.sk-bounce .bounce1 { +#holdon-content .sk-bounce .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } -.sk-bounce .bounce2 { +#holdon-content .sk-bounce .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @@ -247,20 +247,20 @@ /*Start SK-CIRCLE Theme*/ -.sk-circle { +#holdon-content .sk-circle { width: 60px; height: 40px; text-align: center; font-size: 10px; } -.sk-circle .sk-child { +#holdon-content .sk-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } -.sk-circle .sk-child:before { +#holdon-content .sk-circle .sk-child:before { content: ''; display: block; margin: 0 auto; @@ -271,81 +271,81 @@ -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; } -.sk-circle .sk-circle2 { +#holdon-content .sk-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } -.sk-circle .sk-circle3 { + #holdon-content .sk-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } -.sk-circle .sk-circle4 { + #holdon-content .sk-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } -.sk-circle .sk-circle5 { + #holdon-content .sk-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } -.sk-circle .sk-circle6 { + #holdon-content .sk-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } -.sk-circle .sk-circle7 { + #holdon-content .sk-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } -.sk-circle .sk-circle8 { + #holdon-content .sk-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } -.sk-circle .sk-circle9 { + #holdon-content .sk-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } -.sk-circle .sk-circle10 { + #holdon-content .sk-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } -.sk-circle .sk-circle11 { + #holdon-content .sk-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } -.sk-circle .sk-circle12 { + #holdon-content .sk-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } -.sk-circle .sk-circle2:before { + #holdon-content .sk-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } -.sk-circle .sk-circle3:before { + #holdon-content .sk-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } -.sk-circle .sk-circle4:before { + #holdon-content .sk-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } -.sk-circle .sk-circle5:before { + #holdon-content .sk-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } -.sk-circle .sk-circle6:before { + #holdon-content .sk-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } -.sk-circle .sk-circle7:before { + #holdon-content .sk-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } -.sk-circle .sk-circle8:before { + #holdon-content .sk-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } -.sk-circle .sk-circle9:before { +#holdon-content .sk-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } -.sk-circle .sk-circle10:before { +#holdon-content .sk-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } -.sk-circle .sk-circle11:before { +#holdon-content .sk-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } -.sk-circle .sk-circle12:before { +#holdon-content .sk-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @@ -373,14 +373,14 @@ /*Start SKCubeGrid Theme*/ -.sk-cube-grid { +#holdon-content .sk-cube-grid { width: 60px; height: 60px; text-align: center; font-size: 10px; } -.sk-cube-grid .sk-cube-child { +#holdon-content .sk-cube-grid .sk-cube-child { width: 33%; height: 33%; background-color: #333; @@ -388,31 +388,31 @@ -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; } -.sk-cube-grid .sk-cube-grid1 { +#holdon-content .sk-cube-grid .sk-cube-grid1 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } -.sk-cube-grid .sk-cube-grid2 { +#holdon-content .sk-cube-grid .sk-cube-grid2 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } -.sk-cube-grid .sk-cube-grid3 { +#holdon-content .sk-cube-grid .sk-cube-grid3 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } -.sk-cube-grid .sk-cube-grid4 { +#holdon-content .sk-cube-grid .sk-cube-grid4 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } -.sk-cube-grid .sk-cube-grid5 { +#holdon-content .sk-cube-grid .sk-cube-grid5 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } -.sk-cube-grid .sk-cube-grid6 { +#holdon-content .sk-cube-grid .sk-cube-grid6 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } -.sk-cube-grid .sk-cube-grid7 { +#holdon-content .sk-cube-grid .sk-cube-grid7 { -webkit-animation-delay: 0s; animation-delay: 0s; } -.sk-cube-grid .sk-cube-grid8 { +#holdon-content .sk-cube-grid .sk-cube-grid8 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } -.sk-cube-grid .sk-cube-grid9 { +#holdon-content .sk-cube-grid .sk-cube-grid9 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @@ -440,7 +440,7 @@ /*Start SK-FOLDINGCUBE Theme*/ -.sk-folding-cube { +#holdon-content .sk-folding-cube { margin: 20px auto; width: 40px; height: 40px; @@ -449,7 +449,7 @@ transform: rotateZ(45deg); } -.sk-folding-cube .sk-cube-parent { +#holdon-content .sk-folding-cube .sk-cube-parent { float: left; width: 50%; height: 50%; @@ -458,7 +458,7 @@ -ms-transform: scale(1.1); transform: scale(1.1); } -.sk-folding-cube .sk-cube-parent:before { +#holdon-content .sk-folding-cube .sk-cube-parent:before { content: ''; position: absolute; top: 0; @@ -472,27 +472,27 @@ -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } -.sk-folding-cube .sk-cubechild2 { +#holdon-content .sk-folding-cube .sk-cubechild2 { -webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg); } -.sk-folding-cube .sk-cubechild3 { +#holdon-content .sk-folding-cube .sk-cubechild3 { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg); } -.sk-folding-cube .sk-cubechild4 { +#holdon-content .sk-folding-cube .sk-cubechild4 { -webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg); } -.sk-folding-cube .sk-cubechild2:before { +#holdon-content .sk-folding-cube .sk-cubechild2:before { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } -.sk-folding-cube .sk-cubechild3:before { +#holdon-content .sk-folding-cube .sk-cubechild3:before { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } -.sk-folding-cube .sk-cubechild4:before { +#holdon-content .sk-folding-cube .sk-cubechild4:before { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } @@ -531,14 +531,14 @@ /*Start sk-fading-circle theme*/ -.sk-fading-circle { +#holdon-content .sk-fading-circle { width: 50px; height: 40px; text-align: center; font-size: 10px; } -.sk-fading-circle .sk-circle-child { +#holdon-content .sk-fading-circle .sk-circle-child { width: 100%; height: 100%; position: absolute; @@ -546,7 +546,7 @@ top: 0; } -.sk-fading-circle .sk-circle-child:before { +#holdon-content .sk-fading-circle .sk-circle-child:before { content: ''; display: block; margin: 0 auto; @@ -557,102 +557,102 @@ -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; } -.sk-fading-circle .sk-fading-circle2 { +#holdon-content .sk-fading-circle .sk-fading-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } -.sk-fading-circle .sk-fading-circle3 { +#holdon-content .sk-fading-circle .sk-fading-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } -.sk-fading-circle .sk-fading-circle4 { +#holdon-content .sk-fading-circle .sk-fading-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } -.sk-fading-circle .sk-fading-circle5 { +#holdon-content .sk-fading-circle .sk-fading-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } -.sk-fading-circle .sk-fading-circle6 { +#holdon-content .sk-fading-circle .sk-fading-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } -.sk-fading-circle .sk-fading-circle7 { +#holdon-content .sk-fading-circle .sk-fading-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } -.sk-fading-circle .sk-fading-circle8 { +#holdon-content .sk-fading-circle .sk-fading-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } -.sk-fading-circle .sk-fading-circle9 { +#holdon-content .sk-fading-circle .sk-fading-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } -.sk-fading-circle .sk-fading-circle10 { +#holdon-content .sk-fading-circle .sk-fading-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } -.sk-fading-circle .sk-fading-circle11 { +#holdon-content .sk-fading-circle .sk-fading-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } -.sk-fading-circle .sk-fading-circle12 { +#holdon-content .sk-fading-circle .sk-fading-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } -.sk-fading-circle .sk-fading-circle2:before { +#holdon-content .sk-fading-circle .sk-fading-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } -.sk-fading-circle .sk-fading-circle3:before { +#holdon-content .sk-fading-circle .sk-fading-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } -.sk-fading-circle .sk-fading-circle4:before { +#holdon-content .sk-fading-circle .sk-fading-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } -.sk-fading-circle .sk-fading-circle5:before { +#holdon-content .sk-fading-circle .sk-fading-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } -.sk-fading-circle .sk-fading-circle6:before { +#holdon-content .sk-fading-circle .sk-fading-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } -.sk-fading-circle .sk-fading-circle7:before { +#holdon-content .sk-fading-circle .sk-fading-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } -.sk-fading-circle .sk-fading-circle8:before { +#holdon-content .sk-fading-circle .sk-fading-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } -.sk-fading-circle .sk-fading-circle9:before { +#holdon-content .sk-fading-circle .sk-fading-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } -.sk-fading-circle .sk-fading-circle10:before { +#holdon-content .sk-fading-circle .sk-fading-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } -.sk-fading-circle .sk-fading-circle11:before { +#holdon-content .sk-fading-circle .sk-fading-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } -.sk-fading-circle .sk-fading-circle12:before { +#holdon-content .sk-fading-circle .sk-fading-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } diff --git a/src/css/HoldOn.css b/src/css/HoldOn.css index d2ee47d..d3a9e9a 100644 --- a/src/css/HoldOn.css +++ b/src/css/HoldOn.css @@ -1,148 +1,148 @@ #holdon-overlay { - filter: alpha(opacity=80); - position:fixed; - width:100%; - height:100%; - left: 0; - top: 0; - bottom: 0; - right: 0; - background: #000; - opacity: 0.8; - z-index: 9999; + filter: alpha(opacity=80); + position:fixed; + width:100%; + height:100%; + left: 0; + top: 0; + bottom: 0; + right: 0; + background: #000; + opacity: 0.8; + z-index: 9999; } #holdon-content-container{ - width: 100%; - padding: 0; - vertical-align: middle; - display: table-cell !important; - margin: 0; - text-align: center; + width: 100%; + padding: 0; + vertical-align: middle; + display: table-cell !important; + margin: 0; + text-align: center; } #holdon-content { - text-align: center; - width: 50px; - height: 57px; - position: absolute; - top: 50%; - left: 50%; - margin: -28px 0 0 -25px; + text-align: center; + width: 50px; + height: 57px; + position: absolute; + top: 50%; + left: 50%; + margin: -28px 0 0 -25px; } #holdon-message { - width:100%; - text-align: center; - position: absolute; - top: 55%; - color:white; + width:100%; + text-align: center; + position: absolute; + top: 55%; + color:white; } /*Start SK-RECT Theme*/ -.sk-rect { - width: 50px; - height: 40px; - text-align: center; - font-size: 10px; +#holdon-content .sk-rect { +width: 50px; +height: 40px; +text-align: center; +font-size: 10px; } -.sk-rect > div { - background-color: #333; - height: 100%; - width: 6px; - display: inline-block; - -webkit-animation: sk-rect-anim 1.2s infinite ease-in-out; - animation: sk-rect-anim 1.2s infinite ease-in-out; +#holdon-content .sk-rect > div { +background-color: #333; +height: 100%; +width: 6px; +display: inline-block; +-webkit-animation: sk-rect-anim 1.2s infinite ease-in-out; +animation: sk-rect-anim 1.2s infinite ease-in-out; } -.sk-rect .rect2 { - -webkit-animation-delay: -1.1s; - animation-delay: -1.1s; +#holdon-content .sk-rect .rect2 { +-webkit-animation-delay: -1.1s; +animation-delay: -1.1s; } -.sk-rect .rect3 { - -webkit-animation-delay: -1.0s; - animation-delay: -1.0s; +#holdon-content .sk-rect .rect3 { +-webkit-animation-delay: -1.0s; +animation-delay: -1.0s; } -.sk-rect .rect4 { - -webkit-animation-delay: -0.9s; - animation-delay: -0.9s; +#holdon-content .sk-rect .rect4 { +-webkit-animation-delay: -0.9s; +animation-delay: -0.9s; } -.sk-rect .rect5 { - -webkit-animation-delay: -0.8s; - animation-delay: -0.8s; +#holdon-content .sk-rect .rect5 { +-webkit-animation-delay: -0.8s; +animation-delay: -0.8s; } @-webkit-keyframes sk-rect-anim { - 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } - 20% { -webkit-transform: scaleY(1.0) } +0%, 40%, 100% { -webkit-transform: scaleY(0.4) } +20% { -webkit-transform: scaleY(1.0) } } @keyframes sk-rect-anim { - 0%, 40%, 100% { - transform: scaleY(0.4); - -webkit-transform: scaleY(0.4); - } 20% { - transform: scaleY(1.0); - -webkit-transform: scaleY(1.0); - } +0%, 40%, 100% { + transform: scaleY(0.4); + -webkit-transform: scaleY(0.4); +} 20% { + transform: scaleY(1.0); + -webkit-transform: scaleY(1.0); +} } /* Start SK-CUBE Theme*/ -.sk-cube { - width: 50px; - height: 40px; - text-align: center; - font-size: 10px; +#holdon-content .sk-cube { +width: 50px; +height: 40px; +text-align: center; +font-size: 10px; } -.sk-cube1, .sk-cube2 { - background-color: #333; - width: 15px; - height: 15px; - position: absolute; - top: 0; - left: 0; - - -webkit-animation: sk-cube 1.8s infinite ease-in-out; - animation: sk-cube 1.8s infinite ease-in-out; +#holdon-content .sk-cube1, #holdon-content .sk-cube2 { +background-color: #333; +width: 15px; +height: 15px; +position: absolute; +top: 0; +left: 0; + +-webkit-animation: sk-cube 1.8s infinite ease-in-out; +animation: sk-cube 1.8s infinite ease-in-out; } -.sk-cube2 { - -webkit-animation-delay: -0.9s; - animation-delay: -0.9s; +#holdon-content .sk-cube2 { +-webkit-animation-delay: -0.9s; +animation-delay: -0.9s; } @-webkit-keyframes sk-cube { - 25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) } - 50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) } - 75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) } - 100% { -webkit-transform: rotate(-360deg) } +25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) } +50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) } +75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) } +100% { -webkit-transform: rotate(-360deg) } } @keyframes sk-cube { - 25% { - transform: translateX(42px) rotate(-90deg) scale(0.5); - -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); - } 50% { - transform: translateX(42px) translateY(42px) rotate(-179deg); - -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); - } 50.1% { - transform: translateX(42px) translateY(42px) rotate(-180deg); - -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); - } 75% { - transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); - -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); - } 100% { - transform: rotate(-360deg); - -webkit-transform: rotate(-360deg); - } +25% { + transform: translateX(42px) rotate(-90deg) scale(0.5); + -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); +} 50% { + transform: translateX(42px) translateY(42px) rotate(-179deg); + -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); +} 50.1% { + transform: translateX(42px) translateY(42px) rotate(-180deg); + -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); +} 75% { + transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); + -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); +} 100% { + transform: rotate(-360deg); + -webkit-transform: rotate(-360deg); +} } @@ -150,519 +150,519 @@ /* Start SK-DOT Theme*/ -.sk-dot { - width: 50px; - height: 40px; - text-align: center; - font-size: 10px; +#holdon-content .sk-dot { + width: 50px; + height: 40px; + text-align: center; + font-size: 10px; - -webkit-animation: sk-dot-rotate 2.0s infinite linear; - animation: sk-dot-rotate 2.0s infinite linear; + -webkit-animation: sk-dot-rotate 2.0s infinite linear; + animation: sk-dot-rotate 2.0s infinite linear; } -.sk-dot1, .sk-dot2 { - width: 60%; - height: 60%; - display: inline-block; - position: absolute; - top: 0; - background-color: #333; - border-radius: 100%; - - -webkit-animation: sk-dot-bounce 2.0s infinite ease-in-out; - animation: sk-dot-bounce 2.0s infinite ease-in-out; +#holdon-content .sk-dot1, #holdon-content .sk-dot2 { +width: 60%; +height: 60%; +display: inline-block; +position: absolute; +top: 0; +background-color: #333; +border-radius: 100%; + +-webkit-animation: sk-dot-bounce 2.0s infinite ease-in-out; +animation: sk-dot-bounce 2.0s infinite ease-in-out; } -.sk-dot2 { - top: auto; - bottom: 0; - -webkit-animation-delay: -1.0s; - animation-delay: -1.0s; +#holdon-content .sk-dot2 { +top: auto; +bottom: 0; +-webkit-animation-delay: -1.0s; +animation-delay: -1.0s; } @-webkit-keyframes sk-dot-rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes sk-dot-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }} @-webkit-keyframes sk-dot-bounce { - 0%, 100% { -webkit-transform: scale(0.0) } - 50% { -webkit-transform: scale(1.0) } +0%, 100% { -webkit-transform: scale(0.0) } +50% { -webkit-transform: scale(1.0) } } @keyframes sk-dot-bounce { - 0%, 100% { - transform: scale(0.0); - -webkit-transform: scale(0.0); - } 50% { - transform: scale(1.0); - -webkit-transform: scale(1.0); - } +0%, 100% { + transform: scale(0.0); + -webkit-transform: scale(0.0); +} 50% { + transform: scale(1.0); + -webkit-transform: scale(1.0); +} } /*Start SK-BOUNCE Theme*/ -.sk-bounce { - width: 60px; - height: 40px; - text-align: center; - font-size: 10px; +#holdon-content .sk-bounce { + width: 60px; + height: 40px; + text-align: center; + font-size: 10px; } -.sk-bounce > div { - width: 18px; - height: 18px; - background-color: #333; +#holdon-content .sk-bounce > div { +width: 18px; +height: 18px; +background-color: #333; - border-radius: 100%; - display: inline-block; - -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; - animation: sk-bouncedelay 1.4s infinite ease-in-out both; +border-radius: 100%; +display: inline-block; +-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; +animation: sk-bouncedelay 1.4s infinite ease-in-out both; } -.sk-bounce .bounce1 { - -webkit-animation-delay: -0.32s; - animation-delay: -0.32s; +#holdon-content .sk-bounce .bounce1 { + -webkit-animation-delay: -0.32s; + animation-delay: -0.32s; } -.sk-bounce .bounce2 { - -webkit-animation-delay: -0.16s; - animation-delay: -0.16s; +#holdon-content .sk-bounce .bounce2 { +-webkit-animation-delay: -0.16s; +animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { - 0%, 80%, 100% { -webkit-transform: scale(0) } - 40% { -webkit-transform: scale(1.0) } +0%, 80%, 100% { -webkit-transform: scale(0) } +40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { - 0%, 80%, 100% { - -webkit-transform: scale(0); - transform: scale(0); - } 40% { - -webkit-transform: scale(1.0); - transform: scale(1.0); - } +0%, 80%, 100% { + -webkit-transform: scale(0); + transform: scale(0); +} 40% { + -webkit-transform: scale(1.0); + transform: scale(1.0); +} } /*Start SK-CIRCLE Theme*/ -.sk-circle { - width: 60px; - height: 40px; - text-align: center; - font-size: 10px; -} -.sk-circle .sk-child { - width: 100%; - height: 100%; - position: absolute; - left: 0; - top: 0; +#holdon-content .sk-circle { + width: 60px; + height: 40px; + text-align: center; + font-size: 10px; } -.sk-circle .sk-child:before { - content: ''; - display: block; - margin: 0 auto; - width: 15%; - height: 15%; - background-color: #333; - border-radius: 100%; - -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; - animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; -} -.sk-circle .sk-circle2 { - -webkit-transform: rotate(30deg); - -ms-transform: rotate(30deg); - transform: rotate(30deg); } -.sk-circle .sk-circle3 { - -webkit-transform: rotate(60deg); - -ms-transform: rotate(60deg); - transform: rotate(60deg); } -.sk-circle .sk-circle4 { - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); } -.sk-circle .sk-circle5 { - -webkit-transform: rotate(120deg); - -ms-transform: rotate(120deg); - transform: rotate(120deg); } -.sk-circle .sk-circle6 { - -webkit-transform: rotate(150deg); - -ms-transform: rotate(150deg); - transform: rotate(150deg); } -.sk-circle .sk-circle7 { - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } -.sk-circle .sk-circle8 { - -webkit-transform: rotate(210deg); - -ms-transform: rotate(210deg); - transform: rotate(210deg); } -.sk-circle .sk-circle9 { - -webkit-transform: rotate(240deg); - -ms-transform: rotate(240deg); - transform: rotate(240deg); } -.sk-circle .sk-circle10 { - -webkit-transform: rotate(270deg); - -ms-transform: rotate(270deg); - transform: rotate(270deg); } -.sk-circle .sk-circle11 { - -webkit-transform: rotate(300deg); - -ms-transform: rotate(300deg); - transform: rotate(300deg); } -.sk-circle .sk-circle12 { - -webkit-transform: rotate(330deg); - -ms-transform: rotate(330deg); - transform: rotate(330deg); } -.sk-circle .sk-circle2:before { - -webkit-animation-delay: -1.1s; - animation-delay: -1.1s; } -.sk-circle .sk-circle3:before { - -webkit-animation-delay: -1s; - animation-delay: -1s; } -.sk-circle .sk-circle4:before { - -webkit-animation-delay: -0.9s; - animation-delay: -0.9s; } -.sk-circle .sk-circle5:before { - -webkit-animation-delay: -0.8s; - animation-delay: -0.8s; } -.sk-circle .sk-circle6:before { - -webkit-animation-delay: -0.7s; - animation-delay: -0.7s; } -.sk-circle .sk-circle7:before { - -webkit-animation-delay: -0.6s; - animation-delay: -0.6s; } -.sk-circle .sk-circle8:before { - -webkit-animation-delay: -0.5s; - animation-delay: -0.5s; } -.sk-circle .sk-circle9:before { - -webkit-animation-delay: -0.4s; - animation-delay: -0.4s; } -.sk-circle .sk-circle10:before { - -webkit-animation-delay: -0.3s; - animation-delay: -0.3s; } -.sk-circle .sk-circle11:before { - -webkit-animation-delay: -0.2s; - animation-delay: -0.2s; } -.sk-circle .sk-circle12:before { - -webkit-animation-delay: -0.1s; - animation-delay: -0.1s; } +#holdon-content .sk-circle .sk-child { +width: 100%; +height: 100%; +position: absolute; +left: 0; +top: 0; +} +#holdon-content .sk-circle .sk-child:before { +content: ''; +display: block; +margin: 0 auto; +width: 15%; +height: 15%; +background-color: #333; +border-radius: 100%; +-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; + animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; +} +#holdon-content .sk-circle .sk-circle2 { +-webkit-transform: rotate(30deg); + -ms-transform: rotate(30deg); + transform: rotate(30deg); } + #holdon-content .sk-circle .sk-circle3 { +-webkit-transform: rotate(60deg); + -ms-transform: rotate(60deg); + transform: rotate(60deg); } + #holdon-content .sk-circle .sk-circle4 { +-webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); } + #holdon-content .sk-circle .sk-circle5 { +-webkit-transform: rotate(120deg); + -ms-transform: rotate(120deg); + transform: rotate(120deg); } + #holdon-content .sk-circle .sk-circle6 { +-webkit-transform: rotate(150deg); + -ms-transform: rotate(150deg); + transform: rotate(150deg); } + #holdon-content .sk-circle .sk-circle7 { +-webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); } + #holdon-content .sk-circle .sk-circle8 { +-webkit-transform: rotate(210deg); + -ms-transform: rotate(210deg); + transform: rotate(210deg); } + #holdon-content .sk-circle .sk-circle9 { +-webkit-transform: rotate(240deg); + -ms-transform: rotate(240deg); + transform: rotate(240deg); } + #holdon-content .sk-circle .sk-circle10 { +-webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + transform: rotate(270deg); } + #holdon-content .sk-circle .sk-circle11 { +-webkit-transform: rotate(300deg); + -ms-transform: rotate(300deg); + transform: rotate(300deg); } + #holdon-content .sk-circle .sk-circle12 { +-webkit-transform: rotate(330deg); + -ms-transform: rotate(330deg); + transform: rotate(330deg); } + #holdon-content .sk-circle .sk-circle2:before { +-webkit-animation-delay: -1.1s; + animation-delay: -1.1s; } + #holdon-content .sk-circle .sk-circle3:before { +-webkit-animation-delay: -1s; + animation-delay: -1s; } + #holdon-content .sk-circle .sk-circle4:before { +-webkit-animation-delay: -0.9s; + animation-delay: -0.9s; } + #holdon-content .sk-circle .sk-circle5:before { +-webkit-animation-delay: -0.8s; + animation-delay: -0.8s; } + #holdon-content .sk-circle .sk-circle6:before { +-webkit-animation-delay: -0.7s; + animation-delay: -0.7s; } + #holdon-content .sk-circle .sk-circle7:before { +-webkit-animation-delay: -0.6s; + animation-delay: -0.6s; } + #holdon-content .sk-circle .sk-circle8:before { +-webkit-animation-delay: -0.5s; + animation-delay: -0.5s; } +#holdon-content .sk-circle .sk-circle9:before { +-webkit-animation-delay: -0.4s; + animation-delay: -0.4s; } +#holdon-content .sk-circle .sk-circle10:before { +-webkit-animation-delay: -0.3s; + animation-delay: -0.3s; } +#holdon-content .sk-circle .sk-circle11:before { +-webkit-animation-delay: -0.2s; + animation-delay: -0.2s; } +#holdon-content .sk-circle .sk-circle12:before { +-webkit-animation-delay: -0.1s; + animation-delay: -0.1s; } @-webkit-keyframes sk-circleBounceDelay { - 0%, 80%, 100% { - -webkit-transform: scale(0); - transform: scale(0); - } 40% { - -webkit-transform: scale(1); - transform: scale(1); - } +0%, 80%, 100% { + -webkit-transform: scale(0); + transform: scale(0); +} 40% { + -webkit-transform: scale(1); + transform: scale(1); +} } @keyframes sk-circleBounceDelay { - 0%, 80%, 100% { - -webkit-transform: scale(0); - transform: scale(0); - } 40% { - -webkit-transform: scale(1); - transform: scale(1); - } +0%, 80%, 100% { + -webkit-transform: scale(0); + transform: scale(0); +} 40% { + -webkit-transform: scale(1); + transform: scale(1); +} } /*Start SKCubeGrid Theme*/ -.sk-cube-grid { - width: 60px; - height: 60px; - text-align: center; - font-size: 10px; -} - -.sk-cube-grid .sk-cube-child { - width: 33%; - height: 33%; - background-color: #333; - float: left; - -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; - animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; -} -.sk-cube-grid .sk-cube-grid1 { - -webkit-animation-delay: 0.2s; - animation-delay: 0.2s; } -.sk-cube-grid .sk-cube-grid2 { - -webkit-animation-delay: 0.3s; - animation-delay: 0.3s; } -.sk-cube-grid .sk-cube-grid3 { - -webkit-animation-delay: 0.4s; - animation-delay: 0.4s; } -.sk-cube-grid .sk-cube-grid4 { - -webkit-animation-delay: 0.1s; - animation-delay: 0.1s; } -.sk-cube-grid .sk-cube-grid5 { - -webkit-animation-delay: 0.2s; - animation-delay: 0.2s; } -.sk-cube-grid .sk-cube-grid6 { - -webkit-animation-delay: 0.3s; - animation-delay: 0.3s; } -.sk-cube-grid .sk-cube-grid7 { - -webkit-animation-delay: 0s; - animation-delay: 0s; } -.sk-cube-grid .sk-cube-grid8 { - -webkit-animation-delay: 0.1s; - animation-delay: 0.1s; } -.sk-cube-grid .sk-cube-grid9 { - -webkit-animation-delay: 0.2s; - animation-delay: 0.2s; } +#holdon-content .sk-cube-grid { + width: 60px; + height: 60px; + text-align: center; + font-size: 10px; +} + +#holdon-content .sk-cube-grid .sk-cube-child { +width: 33%; +height: 33%; +background-color: #333; +float: left; +-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; + animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; +} +#holdon-content .sk-cube-grid .sk-cube-grid1 { +-webkit-animation-delay: 0.2s; + animation-delay: 0.2s; } +#holdon-content .sk-cube-grid .sk-cube-grid2 { +-webkit-animation-delay: 0.3s; + animation-delay: 0.3s; } +#holdon-content .sk-cube-grid .sk-cube-grid3 { +-webkit-animation-delay: 0.4s; + animation-delay: 0.4s; } +#holdon-content .sk-cube-grid .sk-cube-grid4 { +-webkit-animation-delay: 0.1s; + animation-delay: 0.1s; } +#holdon-content .sk-cube-grid .sk-cube-grid5 { +-webkit-animation-delay: 0.2s; + animation-delay: 0.2s; } +#holdon-content .sk-cube-grid .sk-cube-grid6 { +-webkit-animation-delay: 0.3s; + animation-delay: 0.3s; } +#holdon-content .sk-cube-grid .sk-cube-grid7 { +-webkit-animation-delay: 0s; + animation-delay: 0s; } +#holdon-content .sk-cube-grid .sk-cube-grid8 { +-webkit-animation-delay: 0.1s; + animation-delay: 0.1s; } +#holdon-content .sk-cube-grid .sk-cube-grid9 { +-webkit-animation-delay: 0.2s; + animation-delay: 0.2s; } @-webkit-keyframes sk-cubeGridScaleDelay { - 0%, 70%, 100% { - -webkit-transform: scale3D(1, 1, 1); - transform: scale3D(1, 1, 1); - } 35% { - -webkit-transform: scale3D(0, 0, 1); - transform: scale3D(0, 0, 1); - } +0%, 70%, 100% { + -webkit-transform: scale3D(1, 1, 1); + transform: scale3D(1, 1, 1); +} 35% { + -webkit-transform: scale3D(0, 0, 1); + transform: scale3D(0, 0, 1); +} } @keyframes sk-cubeGridScaleDelay { - 0%, 70%, 100% { - -webkit-transform: scale3D(1, 1, 1); - transform: scale3D(1, 1, 1); - } 35% { - -webkit-transform: scale3D(0, 0, 1); - transform: scale3D(0, 0, 1); - } +0%, 70%, 100% { + -webkit-transform: scale3D(1, 1, 1); + transform: scale3D(1, 1, 1); +} 35% { + -webkit-transform: scale3D(0, 0, 1); + transform: scale3D(0, 0, 1); +} } /*Start SK-FOLDINGCUBE Theme*/ -.sk-folding-cube { - margin: 20px auto; - width: 40px; - height: 40px; - position: relative; - -webkit-transform: rotateZ(45deg); - transform: rotateZ(45deg); -} - -.sk-folding-cube .sk-cube-parent { - float: left; - width: 50%; - height: 50%; - position: relative; - -webkit-transform: scale(1.1); - -ms-transform: scale(1.1); - transform: scale(1.1); -} -.sk-folding-cube .sk-cube-parent:before { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: #333; - -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; - animation: sk-foldCubeAngle 2.4s infinite linear both; - -webkit-transform-origin: 100% 100%; - -ms-transform-origin: 100% 100%; - transform-origin: 100% 100%; -} -.sk-folding-cube .sk-cubechild2 { - -webkit-transform: scale(1.1) rotateZ(90deg); - transform: scale(1.1) rotateZ(90deg); -} -.sk-folding-cube .sk-cubechild3 { - -webkit-transform: scale(1.1) rotateZ(180deg); - transform: scale(1.1) rotateZ(180deg); -} -.sk-folding-cube .sk-cubechild4 { - -webkit-transform: scale(1.1) rotateZ(270deg); - transform: scale(1.1) rotateZ(270deg); -} -.sk-folding-cube .sk-cubechild2:before { - -webkit-animation-delay: 0.3s; - animation-delay: 0.3s; -} -.sk-folding-cube .sk-cubechild3:before { - -webkit-animation-delay: 0.6s; - animation-delay: 0.6s; -} -.sk-folding-cube .sk-cubechild4:before { - -webkit-animation-delay: 0.9s; - animation-delay: 0.9s; +#holdon-content .sk-folding-cube { +margin: 20px auto; +width: 40px; +height: 40px; +position: relative; +-webkit-transform: rotateZ(45deg); + transform: rotateZ(45deg); +} + +#holdon-content .sk-folding-cube .sk-cube-parent { +float: left; +width: 50%; +height: 50%; +position: relative; +-webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1); +} +#holdon-content .sk-folding-cube .sk-cube-parent:before { +content: ''; +position: absolute; +top: 0; +left: 0; +width: 100%; +height: 100%; +background-color: #333; +-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both; + animation: sk-foldCubeAngle 2.4s infinite linear both; +-webkit-transform-origin: 100% 100%; + -ms-transform-origin: 100% 100%; + transform-origin: 100% 100%; +} +#holdon-content .sk-folding-cube .sk-cubechild2 { +-webkit-transform: scale(1.1) rotateZ(90deg); + transform: scale(1.1) rotateZ(90deg); +} +#holdon-content .sk-folding-cube .sk-cubechild3 { +-webkit-transform: scale(1.1) rotateZ(180deg); + transform: scale(1.1) rotateZ(180deg); +} +#holdon-content .sk-folding-cube .sk-cubechild4 { +-webkit-transform: scale(1.1) rotateZ(270deg); + transform: scale(1.1) rotateZ(270deg); +} +#holdon-content .sk-folding-cube .sk-cubechild2:before { +-webkit-animation-delay: 0.3s; + animation-delay: 0.3s; +} +#holdon-content .sk-folding-cube .sk-cubechild3:before { +-webkit-animation-delay: 0.6s; + animation-delay: 0.6s; +} +#holdon-content .sk-folding-cube .sk-cubechild4:before { +-webkit-animation-delay: 0.9s; + animation-delay: 0.9s; } @-webkit-keyframes sk-foldCubeAngle { - 0%, 10% { - -webkit-transform: perspective(140px) rotateX(-180deg); - transform: perspective(140px) rotateX(-180deg); - opacity: 0; - } 25%, 75% { - -webkit-transform: perspective(140px) rotateX(0deg); - transform: perspective(140px) rotateX(0deg); - opacity: 1; - } 90%, 100% { - -webkit-transform: perspective(140px) rotateY(180deg); - transform: perspective(140px) rotateY(180deg); - opacity: 0; - } +0%, 10% { + -webkit-transform: perspective(140px) rotateX(-180deg); + transform: perspective(140px) rotateX(-180deg); + opacity: 0; +} 25%, 75% { + -webkit-transform: perspective(140px) rotateX(0deg); + transform: perspective(140px) rotateX(0deg); + opacity: 1; +} 90%, 100% { + -webkit-transform: perspective(140px) rotateY(180deg); + transform: perspective(140px) rotateY(180deg); + opacity: 0; +} } @keyframes sk-foldCubeAngle { - 0%, 10% { - -webkit-transform: perspective(140px) rotateX(-180deg); - transform: perspective(140px) rotateX(-180deg); - opacity: 0; - } 25%, 75% { - -webkit-transform: perspective(140px) rotateX(0deg); - transform: perspective(140px) rotateX(0deg); - opacity: 1; - } 90%, 100% { - -webkit-transform: perspective(140px) rotateY(180deg); - transform: perspective(140px) rotateY(180deg); - opacity: 0; - } +0%, 10% { + -webkit-transform: perspective(140px) rotateX(-180deg); + transform: perspective(140px) rotateX(-180deg); + opacity: 0; +} 25%, 75% { + -webkit-transform: perspective(140px) rotateX(0deg); + transform: perspective(140px) rotateX(0deg); + opacity: 1; +} 90%, 100% { + -webkit-transform: perspective(140px) rotateY(180deg); + transform: perspective(140px) rotateY(180deg); + opacity: 0; +} } /*Start sk-fading-circle theme*/ -.sk-fading-circle { - width: 50px; - height: 40px; - text-align: center; - font-size: 10px; -} - -.sk-fading-circle .sk-circle-child { - width: 100%; - height: 100%; - position: absolute; - left: 0; - top: 0; +#holdon-content .sk-fading-circle { + width: 50px; + height: 40px; + text-align: center; + font-size: 10px; } -.sk-fading-circle .sk-circle-child:before { - content: ''; - display: block; - margin: 0 auto; - width: 15%; - height: 15%; - background-color: #333; - border-radius: 100%; - -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; - animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; -} -.sk-fading-circle .sk-fading-circle2 { - -webkit-transform: rotate(30deg); - -ms-transform: rotate(30deg); - transform: rotate(30deg); -} -.sk-fading-circle .sk-fading-circle3 { - -webkit-transform: rotate(60deg); - -ms-transform: rotate(60deg); - transform: rotate(60deg); -} -.sk-fading-circle .sk-fading-circle4 { - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); -} -.sk-fading-circle .sk-fading-circle5 { - -webkit-transform: rotate(120deg); - -ms-transform: rotate(120deg); - transform: rotate(120deg); -} -.sk-fading-circle .sk-fading-circle6 { - -webkit-transform: rotate(150deg); - -ms-transform: rotate(150deg); - transform: rotate(150deg); -} -.sk-fading-circle .sk-fading-circle7 { - -webkit-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); -} -.sk-fading-circle .sk-fading-circle8 { - -webkit-transform: rotate(210deg); - -ms-transform: rotate(210deg); - transform: rotate(210deg); -} -.sk-fading-circle .sk-fading-circle9 { - -webkit-transform: rotate(240deg); - -ms-transform: rotate(240deg); - transform: rotate(240deg); -} -.sk-fading-circle .sk-fading-circle10 { - -webkit-transform: rotate(270deg); - -ms-transform: rotate(270deg); - transform: rotate(270deg); -} -.sk-fading-circle .sk-fading-circle11 { - -webkit-transform: rotate(300deg); - -ms-transform: rotate(300deg); - transform: rotate(300deg); -} -.sk-fading-circle .sk-fading-circle12 { - -webkit-transform: rotate(330deg); - -ms-transform: rotate(330deg); - transform: rotate(330deg); -} -.sk-fading-circle .sk-fading-circle2:before { - -webkit-animation-delay: -1.1s; - animation-delay: -1.1s; -} -.sk-fading-circle .sk-fading-circle3:before { - -webkit-animation-delay: -1s; - animation-delay: -1s; -} -.sk-fading-circle .sk-fading-circle4:before { - -webkit-animation-delay: -0.9s; - animation-delay: -0.9s; -} -.sk-fading-circle .sk-fading-circle5:before { - -webkit-animation-delay: -0.8s; - animation-delay: -0.8s; -} -.sk-fading-circle .sk-fading-circle6:before { - -webkit-animation-delay: -0.7s; - animation-delay: -0.7s; -} -.sk-fading-circle .sk-fading-circle7:before { - -webkit-animation-delay: -0.6s; - animation-delay: -0.6s; -} -.sk-fading-circle .sk-fading-circle8:before { - -webkit-animation-delay: -0.5s; - animation-delay: -0.5s; -} -.sk-fading-circle .sk-fading-circle9:before { - -webkit-animation-delay: -0.4s; - animation-delay: -0.4s; -} -.sk-fading-circle .sk-fading-circle10:before { - -webkit-animation-delay: -0.3s; - animation-delay: -0.3s; -} -.sk-fading-circle .sk-fading-circle11:before { - -webkit-animation-delay: -0.2s; - animation-delay: -0.2s; -} -.sk-fading-circle .sk-fading-circle12:before { - -webkit-animation-delay: -0.1s; - animation-delay: -0.1s; +#holdon-content .sk-fading-circle .sk-circle-child { +width: 100%; +height: 100%; +position: absolute; +left: 0; +top: 0; +} + +#holdon-content .sk-fading-circle .sk-circle-child:before { +content: ''; +display: block; +margin: 0 auto; +width: 15%; +height: 15%; +background-color: #333; +border-radius: 100%; +-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; + animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; +} +#holdon-content .sk-fading-circle .sk-fading-circle2 { +-webkit-transform: rotate(30deg); + -ms-transform: rotate(30deg); + transform: rotate(30deg); +} +#holdon-content .sk-fading-circle .sk-fading-circle3 { +-webkit-transform: rotate(60deg); + -ms-transform: rotate(60deg); + transform: rotate(60deg); +} +#holdon-content .sk-fading-circle .sk-fading-circle4 { +-webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +#holdon-content .sk-fading-circle .sk-fading-circle5 { +-webkit-transform: rotate(120deg); + -ms-transform: rotate(120deg); + transform: rotate(120deg); +} +#holdon-content .sk-fading-circle .sk-fading-circle6 { +-webkit-transform: rotate(150deg); + -ms-transform: rotate(150deg); + transform: rotate(150deg); +} +#holdon-content .sk-fading-circle .sk-fading-circle7 { +-webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +#holdon-content .sk-fading-circle .sk-fading-circle8 { +-webkit-transform: rotate(210deg); + -ms-transform: rotate(210deg); + transform: rotate(210deg); +} +#holdon-content .sk-fading-circle .sk-fading-circle9 { +-webkit-transform: rotate(240deg); + -ms-transform: rotate(240deg); + transform: rotate(240deg); +} +#holdon-content .sk-fading-circle .sk-fading-circle10 { +-webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + transform: rotate(270deg); +} +#holdon-content .sk-fading-circle .sk-fading-circle11 { +-webkit-transform: rotate(300deg); + -ms-transform: rotate(300deg); + transform: rotate(300deg); +} +#holdon-content .sk-fading-circle .sk-fading-circle12 { +-webkit-transform: rotate(330deg); + -ms-transform: rotate(330deg); + transform: rotate(330deg); +} +#holdon-content .sk-fading-circle .sk-fading-circle2:before { +-webkit-animation-delay: -1.1s; + animation-delay: -1.1s; +} +#holdon-content .sk-fading-circle .sk-fading-circle3:before { +-webkit-animation-delay: -1s; + animation-delay: -1s; +} +#holdon-content .sk-fading-circle .sk-fading-circle4:before { +-webkit-animation-delay: -0.9s; + animation-delay: -0.9s; +} +#holdon-content .sk-fading-circle .sk-fading-circle5:before { +-webkit-animation-delay: -0.8s; + animation-delay: -0.8s; +} +#holdon-content .sk-fading-circle .sk-fading-circle6:before { +-webkit-animation-delay: -0.7s; + animation-delay: -0.7s; +} +#holdon-content .sk-fading-circle .sk-fading-circle7:before { +-webkit-animation-delay: -0.6s; + animation-delay: -0.6s; +} +#holdon-content .sk-fading-circle .sk-fading-circle8:before { +-webkit-animation-delay: -0.5s; + animation-delay: -0.5s; +} +#holdon-content .sk-fading-circle .sk-fading-circle9:before { +-webkit-animation-delay: -0.4s; + animation-delay: -0.4s; +} +#holdon-content .sk-fading-circle .sk-fading-circle10:before { +-webkit-animation-delay: -0.3s; + animation-delay: -0.3s; +} +#holdon-content .sk-fading-circle .sk-fading-circle11:before { +-webkit-animation-delay: -0.2s; + animation-delay: -0.2s; +} +#holdon-content .sk-fading-circle .sk-fading-circle12:before { +-webkit-animation-delay: -0.1s; + animation-delay: -0.1s; } @-webkit-keyframes sk-fading-circleFadeDelay { - 0%, 39%, 100% { opacity: 0; } - 40% { opacity: 1; } +0%, 39%, 100% { opacity: 0; } +40% { opacity: 1; } } @keyframes sk-circleFadeDelay { - 0%, 39%, 100% { opacity: 0; } - 40% { opacity: 1; } +0%, 39%, 100% { opacity: 0; } +40% { opacity: 1; } } \ No newline at end of file diff --git a/src/css/HoldOn.min.css b/src/css/HoldOn.min.css index fefbb97..5e7267b 100644 --- a/src/css/HoldOn.min.css +++ b/src/css/HoldOn.min.css @@ -1,2 +1 @@ - -#holdon-overlay{filter:alpha(opacity=80);position:fixed;width:100%;height:100%;left:0;top:0;bottom:0;right:0;background:#000;opacity:.8;z-index:9999}#holdon-content-container{width:100%;padding:0;vertical-align:middle;display:table-cell!important;margin:0;text-align:center}#holdon-content{text-align:center;width:50px;height:57px;position:absolute;top:50%;left:50%;margin:-28px 0 0 -25px}#holdon-message{width:100%;text-align:center;position:absolute;top:55%;color:white}.sk-rect{width:50px;height:40px;text-align:center;font-size:10px}.sk-rect>div{background-color:#333;height:100%;width:6px;display:inline-block;-webkit-animation:sk-rect-anim 1.2s infinite ease-in-out;animation:sk-rect-anim 1.2s infinite ease-in-out}.sk-rect .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-rect .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.sk-rect .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.sk-rect .rect5{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}@-webkit-keyframes sk-rect-anim{0%,40%,100%{-webkit-transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-rect-anim{0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}.sk-cube{width:50px;height:40px;text-align:center;font-size:10px}.sk-cube1,.sk-cube2{background-color:#333;width:15px;height:15px;position:absolute;top:0;left:0;-webkit-animation:sk-cube 1.8s infinite ease-in-out;animation:sk-cube 1.8s infinite ease-in-out}.sk-cube2{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-cube{25%{-webkit-transform:translateX(42px) rotate(-90deg) scale(0.5)}50%{-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{-webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)}100%{-webkit-transform:rotate(-360deg)}}@keyframes sk-cube{25%{transform:translateX(42px) rotate(-90deg) scale(0.5);-webkit-transform:translateX(42px) rotate(-90deg) scale(0.5)}50%{transform:translateX(42px) translateY(42px) rotate(-179deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)}50.1%{transform:translateX(42px) translateY(42px) rotate(-180deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);-webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)}100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}.sk-dot{width:50px;height:40px;text-align:center;font-size:10px;-webkit-animation:sk-dot-rotate 2.0s infinite linear;animation:sk-dot-rotate 2.0s infinite linear}.sk-dot1,.sk-dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#333;border-radius:100%;-webkit-animation:sk-dot-bounce 2.0s infinite ease-in-out;animation:sk-dot-bounce 2.0s infinite ease-in-out}.sk-dot2{top:auto;bottom:0;-webkit-animation-delay:-1.0s;animation-delay:-1.0s}@-webkit-keyframes sk-dot-rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes sk-dot-rotate{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes sk-dot-bounce{0%,100%{-webkit-transform:scale(0.0)}50%{-webkit-transform:scale(1.0)}}@keyframes sk-dot-bounce{0%,100%{transform:scale(0.0);-webkit-transform:scale(0.0)}50%{transform:scale(1.0);-webkit-transform:scale(1.0)}}.sk-bounce{width:60px;height:40px;text-align:center;font-size:10px}.sk-bounce>div{width:18px;height:18px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.sk-bounce .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.sk-bounce .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1.0)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1.0);transform:scale(1.0)}}.sk-circle{width:60px;height:40px;text-align:center;font-size:10px}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}@-webkit-keyframes sk-circleBounceDelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-cube-grid{width:60px;height:60px;text-align:center;font-size:10px}.sk-cube-grid .sk-cube-child{width:33%;height:33%;background-color:#333;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube-grid1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube-grid2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube-grid3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube-grid4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube-grid5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube-grid6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube-grid7{-webkit-animation-delay:0s;animation-delay:0s}.sk-cube-grid .sk-cube-grid8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube-grid9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,70%,100%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,70%,100%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.sk-folding-cube{margin:20px auto;width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.sk-folding-cube .sk-cube-parent{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.sk-folding-cube .sk-cube-parent:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.sk-folding-cube .sk-cubechild2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}.sk-folding-cube .sk-cubechild3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}.sk-folding-cube .sk-cubechild4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}.sk-folding-cube .sk-cubechild2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-folding-cube .sk-cubechild3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.sk-folding-cube .sk-cubechild4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity:1}90%,100%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity:1}90%,100%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}.sk-fading-circle{width:50px;height:40px;text-align:center;font-size:10px}.sk-fading-circle .sk-circle-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle-child:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-fading-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-fading-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-fading-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-fading-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-fading-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-fading-circle .sk-fading-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-fading-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-fading-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-fading-circle .sk-fading-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-fading-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-fading-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-fading-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-fading-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-fading-circle4:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.sk-fading-circle .sk-fading-circle5:before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.sk-fading-circle .sk-fading-circle6:before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.sk-fading-circle .sk-fading-circle7:before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.sk-fading-circle .sk-fading-circle8:before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.sk-fading-circle .sk-fading-circle9:before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.sk-fading-circle .sk-fading-circle10:before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.sk-fading-circle .sk-fading-circle11:before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.sk-fading-circle .sk-fading-circle12:before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}@-webkit-keyframes sk-fading-circleFadeDelay{0%,39%,100%{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,39%,100%{opacity:0}40%{opacity:1}} \ No newline at end of file +#holdon-overlay{position:fixed;width:100%;height:100%;left:0;top:0;bottom:0;right:0;background:#000;opacity:.8;z-index:9999}#holdon-content-container{width:100%;padding:0;vertical-align:middle;display:table-cell!important;margin:0;text-align:center}#holdon-content{text-align:center;width:50px;height:57px;position:absolute;top:50%;left:50%;margin:-28px 0 0 -25px}#holdon-message{width:100%;text-align:center;position:absolute;top:55%;color:#fff}#holdon-content .sk-rect{width:50px;height:40px;text-align:center;font-size:10px}#holdon-content .sk-rect>div{background-color:#333;height:100%;width:6px;display:inline-block;-webkit-animation:sk-rect-anim 1.2s infinite ease-in-out;animation:sk-rect-anim 1.2s infinite ease-in-out}#holdon-content .sk-rect .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}#holdon-content .sk-rect .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}#holdon-content .sk-rect .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}#holdon-content .sk-rect .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-rect-anim{0%,100%,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes sk-rect-anim{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}#holdon-content .sk-cube{width:50px;height:40px;text-align:center;font-size:10px}#holdon-content .sk-cube1,#holdon-content .sk-cube2{background-color:#333;width:15px;height:15px;position:absolute;top:0;left:0;-webkit-animation:sk-cube 1.8s infinite ease-in-out;animation:sk-cube 1.8s infinite ease-in-out}#holdon-content .sk-cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes sk-cube{25%{-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg)}}@keyframes sk-cube{25%{transform:translateX(42px) rotate(-90deg) scale(.5);-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{transform:translateX(42px) translateY(42px) rotate(-179deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)}50.1%{transform:translateX(42px) translateY(42px) rotate(-180deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5);-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)}100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}#holdon-content .sk-dot{width:50px;height:40px;text-align:center;font-size:10px;-webkit-animation:sk-dot-rotate 2s infinite linear;animation:sk-dot-rotate 2s infinite linear}#holdon-content .sk-dot1,#holdon-content .sk-dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#333;border-radius:100%;-webkit-animation:sk-dot-bounce 2s infinite ease-in-out;animation:sk-dot-bounce 2s infinite ease-in-out}#holdon-content .sk-dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-dot-rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes sk-dot-rotate{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes sk-dot-bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-dot-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}#holdon-content .sk-bounce{width:60px;height:40px;text-align:center;font-size:10px}#holdon-content .sk-bounce>div{width:18px;height:18px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}#holdon-content .sk-bounce .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}#holdon-content .sk-bounce .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}#holdon-content .sk-circle{width:60px;height:40px;text-align:center;font-size:10px}#holdon-content .sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}#holdon-content .sk-circle .sk-child:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}#holdon-content .sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}#holdon-content .sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}#holdon-content .sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}#holdon-content .sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}#holdon-content .sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}#holdon-content .sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}#holdon-content .sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}#holdon-content .sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}#holdon-content .sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}#holdon-content .sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}#holdon-content .sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}#holdon-content .sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}#holdon-content .sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}#holdon-content .sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}#holdon-content .sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}#holdon-content .sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}#holdon-content .sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}#holdon-content .sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}#holdon-content .sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}#holdon-content .sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}#holdon-content .sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}#holdon-content .sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}#holdon-content .sk-cube-grid{width:60px;height:60px;text-align:center;font-size:10px}#holdon-content .sk-cube-grid .sk-cube-child{width:33%;height:33%;background-color:#333;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}#holdon-content .sk-cube-grid .sk-cube-grid1{-webkit-animation-delay:.2s;animation-delay:.2s}#holdon-content .sk-cube-grid .sk-cube-grid2{-webkit-animation-delay:.3s;animation-delay:.3s}#holdon-content .sk-cube-grid .sk-cube-grid3{-webkit-animation-delay:.4s;animation-delay:.4s}#holdon-content .sk-cube-grid .sk-cube-grid4{-webkit-animation-delay:.1s;animation-delay:.1s}#holdon-content .sk-cube-grid .sk-cube-grid5{-webkit-animation-delay:.2s;animation-delay:.2s}#holdon-content .sk-cube-grid .sk-cube-grid6{-webkit-animation-delay:.3s;animation-delay:.3s}#holdon-content .sk-cube-grid .sk-cube-grid7{-webkit-animation-delay:0s;animation-delay:0s}#holdon-content .sk-cube-grid .sk-cube-grid8{-webkit-animation-delay:.1s;animation-delay:.1s}#holdon-content .sk-cube-grid .sk-cube-grid9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}#holdon-content .sk-folding-cube{margin:20px auto;width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}#holdon-content .sk-folding-cube .sk-cube-parent{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#holdon-content .sk-folding-cube .sk-cube-parent:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}#holdon-content .sk-folding-cube .sk-cubechild2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}#holdon-content .sk-folding-cube .sk-cubechild3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}#holdon-content .sk-folding-cube .sk-cubechild4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}#holdon-content .sk-folding-cube .sk-cubechild2:before{-webkit-animation-delay:.3s;animation-delay:.3s}#holdon-content .sk-folding-cube .sk-cubechild3:before{-webkit-animation-delay:.6s;animation-delay:.6s}#holdon-content .sk-folding-cube .sk-cubechild4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}#holdon-content .sk-fading-circle{width:50px;height:40px;text-align:center;font-size:10px}#holdon-content .sk-fading-circle .sk-circle-child{width:100%;height:100%;position:absolute;left:0;top:0}#holdon-content .sk-fading-circle .sk-circle-child:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}#holdon-content .sk-fading-circle .sk-fading-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}#holdon-content .sk-fading-circle .sk-fading-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}#holdon-content .sk-fading-circle .sk-fading-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}#holdon-content .sk-fading-circle .sk-fading-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}#holdon-content .sk-fading-circle .sk-fading-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}#holdon-content .sk-fading-circle .sk-fading-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}#holdon-content .sk-fading-circle .sk-fading-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}#holdon-content .sk-fading-circle .sk-fading-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}#holdon-content .sk-fading-circle .sk-fading-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}#holdon-content .sk-fading-circle .sk-fading-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}#holdon-content .sk-fading-circle .sk-fading-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}#holdon-content .sk-fading-circle .sk-fading-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}#holdon-content .sk-fading-circle .sk-fading-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}#holdon-content .sk-fading-circle .sk-fading-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}#holdon-content .sk-fading-circle .sk-fading-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}#holdon-content .sk-fading-circle .sk-fading-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}#holdon-content .sk-fading-circle .sk-fading-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}#holdon-content .sk-fading-circle .sk-fading-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}#holdon-content .sk-fading-circle .sk-fading-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}#holdon-content .sk-fading-circle .sk-fading-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}#holdon-content .sk-fading-circle .sk-fading-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}#holdon-content .sk-fading-circle .sk-fading-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-fading-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}} \ No newline at end of file diff --git a/src/download/HoldOn.min.css b/src/download/HoldOn.min.css index fefbb97..5e7267b 100644 --- a/src/download/HoldOn.min.css +++ b/src/download/HoldOn.min.css @@ -1,2 +1 @@ - -#holdon-overlay{filter:alpha(opacity=80);position:fixed;width:100%;height:100%;left:0;top:0;bottom:0;right:0;background:#000;opacity:.8;z-index:9999}#holdon-content-container{width:100%;padding:0;vertical-align:middle;display:table-cell!important;margin:0;text-align:center}#holdon-content{text-align:center;width:50px;height:57px;position:absolute;top:50%;left:50%;margin:-28px 0 0 -25px}#holdon-message{width:100%;text-align:center;position:absolute;top:55%;color:white}.sk-rect{width:50px;height:40px;text-align:center;font-size:10px}.sk-rect>div{background-color:#333;height:100%;width:6px;display:inline-block;-webkit-animation:sk-rect-anim 1.2s infinite ease-in-out;animation:sk-rect-anim 1.2s infinite ease-in-out}.sk-rect .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-rect .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.sk-rect .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.sk-rect .rect5{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}@-webkit-keyframes sk-rect-anim{0%,40%,100%{-webkit-transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-rect-anim{0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}.sk-cube{width:50px;height:40px;text-align:center;font-size:10px}.sk-cube1,.sk-cube2{background-color:#333;width:15px;height:15px;position:absolute;top:0;left:0;-webkit-animation:sk-cube 1.8s infinite ease-in-out;animation:sk-cube 1.8s infinite ease-in-out}.sk-cube2{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-cube{25%{-webkit-transform:translateX(42px) rotate(-90deg) scale(0.5)}50%{-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{-webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)}100%{-webkit-transform:rotate(-360deg)}}@keyframes sk-cube{25%{transform:translateX(42px) rotate(-90deg) scale(0.5);-webkit-transform:translateX(42px) rotate(-90deg) scale(0.5)}50%{transform:translateX(42px) translateY(42px) rotate(-179deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)}50.1%{transform:translateX(42px) translateY(42px) rotate(-180deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);-webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)}100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}.sk-dot{width:50px;height:40px;text-align:center;font-size:10px;-webkit-animation:sk-dot-rotate 2.0s infinite linear;animation:sk-dot-rotate 2.0s infinite linear}.sk-dot1,.sk-dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#333;border-radius:100%;-webkit-animation:sk-dot-bounce 2.0s infinite ease-in-out;animation:sk-dot-bounce 2.0s infinite ease-in-out}.sk-dot2{top:auto;bottom:0;-webkit-animation-delay:-1.0s;animation-delay:-1.0s}@-webkit-keyframes sk-dot-rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes sk-dot-rotate{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes sk-dot-bounce{0%,100%{-webkit-transform:scale(0.0)}50%{-webkit-transform:scale(1.0)}}@keyframes sk-dot-bounce{0%,100%{transform:scale(0.0);-webkit-transform:scale(0.0)}50%{transform:scale(1.0);-webkit-transform:scale(1.0)}}.sk-bounce{width:60px;height:40px;text-align:center;font-size:10px}.sk-bounce>div{width:18px;height:18px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.sk-bounce .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.sk-bounce .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1.0)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1.0);transform:scale(1.0)}}.sk-circle{width:60px;height:40px;text-align:center;font-size:10px}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}@-webkit-keyframes sk-circleBounceDelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-cube-grid{width:60px;height:60px;text-align:center;font-size:10px}.sk-cube-grid .sk-cube-child{width:33%;height:33%;background-color:#333;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube-grid1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube-grid2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube-grid3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube-grid4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube-grid5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube-grid6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube-grid7{-webkit-animation-delay:0s;animation-delay:0s}.sk-cube-grid .sk-cube-grid8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube-grid9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,70%,100%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,70%,100%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.sk-folding-cube{margin:20px auto;width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.sk-folding-cube .sk-cube-parent{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.sk-folding-cube .sk-cube-parent:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.sk-folding-cube .sk-cubechild2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}.sk-folding-cube .sk-cubechild3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}.sk-folding-cube .sk-cubechild4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}.sk-folding-cube .sk-cubechild2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-folding-cube .sk-cubechild3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.sk-folding-cube .sk-cubechild4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity:1}90%,100%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity:1}90%,100%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}.sk-fading-circle{width:50px;height:40px;text-align:center;font-size:10px}.sk-fading-circle .sk-circle-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle-child:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-fading-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-fading-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-fading-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-fading-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-fading-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-fading-circle .sk-fading-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-fading-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-fading-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-fading-circle .sk-fading-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-fading-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-fading-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-fading-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-fading-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-fading-circle4:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.sk-fading-circle .sk-fading-circle5:before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.sk-fading-circle .sk-fading-circle6:before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.sk-fading-circle .sk-fading-circle7:before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.sk-fading-circle .sk-fading-circle8:before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.sk-fading-circle .sk-fading-circle9:before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.sk-fading-circle .sk-fading-circle10:before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.sk-fading-circle .sk-fading-circle11:before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.sk-fading-circle .sk-fading-circle12:before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}@-webkit-keyframes sk-fading-circleFadeDelay{0%,39%,100%{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,39%,100%{opacity:0}40%{opacity:1}} \ No newline at end of file +#holdon-overlay{position:fixed;width:100%;height:100%;left:0;top:0;bottom:0;right:0;background:#000;opacity:.8;z-index:9999}#holdon-content-container{width:100%;padding:0;vertical-align:middle;display:table-cell!important;margin:0;text-align:center}#holdon-content{text-align:center;width:50px;height:57px;position:absolute;top:50%;left:50%;margin:-28px 0 0 -25px}#holdon-message{width:100%;text-align:center;position:absolute;top:55%;color:#fff}#holdon-content .sk-rect{width:50px;height:40px;text-align:center;font-size:10px}#holdon-content .sk-rect>div{background-color:#333;height:100%;width:6px;display:inline-block;-webkit-animation:sk-rect-anim 1.2s infinite ease-in-out;animation:sk-rect-anim 1.2s infinite ease-in-out}#holdon-content .sk-rect .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}#holdon-content .sk-rect .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}#holdon-content .sk-rect .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}#holdon-content .sk-rect .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-rect-anim{0%,100%,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes sk-rect-anim{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}#holdon-content .sk-cube{width:50px;height:40px;text-align:center;font-size:10px}#holdon-content .sk-cube1,#holdon-content .sk-cube2{background-color:#333;width:15px;height:15px;position:absolute;top:0;left:0;-webkit-animation:sk-cube 1.8s infinite ease-in-out;animation:sk-cube 1.8s infinite ease-in-out}#holdon-content .sk-cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes sk-cube{25%{-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg)}}@keyframes sk-cube{25%{transform:translateX(42px) rotate(-90deg) scale(.5);-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{transform:translateX(42px) translateY(42px) rotate(-179deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)}50.1%{transform:translateX(42px) translateY(42px) rotate(-180deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5);-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)}100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}#holdon-content .sk-dot{width:50px;height:40px;text-align:center;font-size:10px;-webkit-animation:sk-dot-rotate 2s infinite linear;animation:sk-dot-rotate 2s infinite linear}#holdon-content .sk-dot1,#holdon-content .sk-dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#333;border-radius:100%;-webkit-animation:sk-dot-bounce 2s infinite ease-in-out;animation:sk-dot-bounce 2s infinite ease-in-out}#holdon-content .sk-dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-dot-rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes sk-dot-rotate{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes sk-dot-bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-dot-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}#holdon-content .sk-bounce{width:60px;height:40px;text-align:center;font-size:10px}#holdon-content .sk-bounce>div{width:18px;height:18px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}#holdon-content .sk-bounce .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}#holdon-content .sk-bounce .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}#holdon-content .sk-circle{width:60px;height:40px;text-align:center;font-size:10px}#holdon-content .sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}#holdon-content .sk-circle .sk-child:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}#holdon-content .sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}#holdon-content .sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}#holdon-content .sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}#holdon-content .sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}#holdon-content .sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}#holdon-content .sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}#holdon-content .sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}#holdon-content .sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}#holdon-content .sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}#holdon-content .sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}#holdon-content .sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}#holdon-content .sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}#holdon-content .sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}#holdon-content .sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}#holdon-content .sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}#holdon-content .sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}#holdon-content .sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}#holdon-content .sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}#holdon-content .sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}#holdon-content .sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}#holdon-content .sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}#holdon-content .sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}#holdon-content .sk-cube-grid{width:60px;height:60px;text-align:center;font-size:10px}#holdon-content .sk-cube-grid .sk-cube-child{width:33%;height:33%;background-color:#333;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}#holdon-content .sk-cube-grid .sk-cube-grid1{-webkit-animation-delay:.2s;animation-delay:.2s}#holdon-content .sk-cube-grid .sk-cube-grid2{-webkit-animation-delay:.3s;animation-delay:.3s}#holdon-content .sk-cube-grid .sk-cube-grid3{-webkit-animation-delay:.4s;animation-delay:.4s}#holdon-content .sk-cube-grid .sk-cube-grid4{-webkit-animation-delay:.1s;animation-delay:.1s}#holdon-content .sk-cube-grid .sk-cube-grid5{-webkit-animation-delay:.2s;animation-delay:.2s}#holdon-content .sk-cube-grid .sk-cube-grid6{-webkit-animation-delay:.3s;animation-delay:.3s}#holdon-content .sk-cube-grid .sk-cube-grid7{-webkit-animation-delay:0s;animation-delay:0s}#holdon-content .sk-cube-grid .sk-cube-grid8{-webkit-animation-delay:.1s;animation-delay:.1s}#holdon-content .sk-cube-grid .sk-cube-grid9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}#holdon-content .sk-folding-cube{margin:20px auto;width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}#holdon-content .sk-folding-cube .sk-cube-parent{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#holdon-content .sk-folding-cube .sk-cube-parent:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}#holdon-content .sk-folding-cube .sk-cubechild2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}#holdon-content .sk-folding-cube .sk-cubechild3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}#holdon-content .sk-folding-cube .sk-cubechild4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}#holdon-content .sk-folding-cube .sk-cubechild2:before{-webkit-animation-delay:.3s;animation-delay:.3s}#holdon-content .sk-folding-cube .sk-cubechild3:before{-webkit-animation-delay:.6s;animation-delay:.6s}#holdon-content .sk-folding-cube .sk-cubechild4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}#holdon-content .sk-fading-circle{width:50px;height:40px;text-align:center;font-size:10px}#holdon-content .sk-fading-circle .sk-circle-child{width:100%;height:100%;position:absolute;left:0;top:0}#holdon-content .sk-fading-circle .sk-circle-child:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}#holdon-content .sk-fading-circle .sk-fading-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}#holdon-content .sk-fading-circle .sk-fading-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}#holdon-content .sk-fading-circle .sk-fading-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}#holdon-content .sk-fading-circle .sk-fading-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}#holdon-content .sk-fading-circle .sk-fading-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}#holdon-content .sk-fading-circle .sk-fading-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}#holdon-content .sk-fading-circle .sk-fading-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}#holdon-content .sk-fading-circle .sk-fading-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}#holdon-content .sk-fading-circle .sk-fading-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}#holdon-content .sk-fading-circle .sk-fading-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}#holdon-content .sk-fading-circle .sk-fading-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}#holdon-content .sk-fading-circle .sk-fading-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}#holdon-content .sk-fading-circle .sk-fading-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}#holdon-content .sk-fading-circle .sk-fading-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}#holdon-content .sk-fading-circle .sk-fading-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}#holdon-content .sk-fading-circle .sk-fading-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}#holdon-content .sk-fading-circle .sk-fading-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}#holdon-content .sk-fading-circle .sk-fading-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}#holdon-content .sk-fading-circle .sk-fading-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}#holdon-content .sk-fading-circle .sk-fading-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}#holdon-content .sk-fading-circle .sk-fading-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}#holdon-content .sk-fading-circle .sk-fading-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-fading-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}} \ No newline at end of file diff --git a/src/download/Holdon.zip b/src/download/Holdon.zip index 49c809a..c31f32c 100644 Binary files a/src/download/Holdon.zip and b/src/download/Holdon.zip differ