User:Guppie the Third/sup.css/loading.css

/*PASSWORD*/ position:relative; width:30px; height:30px; }
 * 1) bowlG{

position:absolute; width:30px; height:30px; border:3px solid #FEDE58; -moz-border-radius:30px; -webkit-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; border-radius:30px; }
 * 1) bowl_ringG{

.ball_holderG{ position:absolute; width:8px; height:30px; left:11px; top:0px; -moz-animation-name:ball_moveG; -moz-animation-duration:0.6s; -moz-animation-iteration-count:infinite; -moz-animation-timing-function:linear; -webkit-animation-name:ball_moveG; -webkit-animation-duration:0.6s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear; -ms-animation-name:ball_moveG; -ms-animation-duration:0.6s; -ms-animation-iteration-count:infinite; -ms-animation-timing-function:linear; -o-animation-name:ball_moveG; -o-animation-duration:0.6s; -o-animation-iteration-count:infinite; -o-animation-timing-function:linear; animation-name:ball_moveG; animation-duration:0.6s; animation-iteration-count:infinite; animation-timing-function:linear; }

.ballG{ position:absolute; left:0px; top:-7px; width:12px; height:12px; background:#FEDD58; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; }

@-moz-keyframes ball_moveG{ 0%{ -moz-transform:rotate(0deg)}

100%{ -moz-transform:rotate(360deg)}

}

@-webkit-keyframes ball_moveG{ 0%{ -webkit-transform:rotate(0deg)}

100%{ -webkit-transform:rotate(360deg)}

}

@-ms-keyframes ball_moveG{ 0%{ -ms-transform:rotate(0deg)}

100%{ -ms-transform:rotate(360deg)}

}

@-o-keyframes ball_moveG{ 0%{ -o-transform:rotate(0deg)}

100%{ -o-transform:rotate(360deg)}

}

@keyframes ball_moveG{ 0%{ transform:rotate(0deg)}

100%{ transform:rotate(360deg)}

}

/*Loading text*/ width:250px; }
 * 1) inTurnFadingTextG{

.inTurnFadingTextG{ color:#FEDD58; font-family:Courier New; font-size:15px; text-decoration:none; font-weight:normal; font-style:normal; float:left; -moz-animation-name:bounce_inTurnFadingTextG; -moz-animation-duration:1.12s; -moz-animation-iteration-count:infinite; -moz-animation-direction:linear; -webkit-animation-name:bounce_inTurnFadingTextG; -webkit-animation-duration:1.12s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:linear; -ms-animation-name:bounce_inTurnFadingTextG; -ms-animation-duration:1.12s; -ms-animation-iteration-count:infinite; -ms-animation-direction:linear; -o-animation-name:bounce_inTurnFadingTextG; -o-animation-duration:1.12s; -o-animation-iteration-count:infinite; -o-animation-direction:linear; animation-name:bounce_inTurnFadingTextG; animation-duration:1.12s; animation-iteration-count:infinite; animation-direction:linear; }

-moz-animation-delay:0.32s; -webkit-animation-delay:0.32s; -ms-animation-delay:0.32s; -o-animation-delay:0.32s; animation-delay:0.32s; }
 * 1) inTurnFadingTextG_1{

-moz-animation-delay:0.4s; -webkit-animation-delay:0.4s; -ms-animation-delay:0.4s; -o-animation-delay:0.4s; animation-delay:0.4s; }
 * 1) inTurnFadingTextG_2{

-moz-animation-delay:0.48s; -webkit-animation-delay:0.48s; -ms-animation-delay:0.48s; -o-animation-delay:0.48s; animation-delay:0.48s; }
 * 1) inTurnFadingTextG_3{

-moz-animation-delay:0.56s; -webkit-animation-delay:0.56s; -ms-animation-delay:0.56s; -o-animation-delay:0.56s; animation-delay:0.56s; }
 * 1) inTurnFadingTextG_4{

-moz-animation-delay:0.64s; -webkit-animation-delay:0.64s; -ms-animation-delay:0.64s; -o-animation-delay:0.64s; animation-delay:0.64s; }
 * 1) inTurnFadingTextG_5{

-moz-animation-delay:0.72s; -webkit-animation-delay:0.72s; -ms-animation-delay:0.72s; -o-animation-delay:0.72s; animation-delay:0.72s; }
 * 1) inTurnFadingTextG_6{

-moz-animation-delay:0.8s; -webkit-animation-delay:0.8s; -ms-animation-delay:0.8s; -o-animation-delay:0.8s; animation-delay:0.8s; }
 * 1) inTurnFadingTextG_7{

-moz-animation-delay:0.88s; -webkit-animation-delay:0.88s; -ms-animation-delay:0.88s; -o-animation-delay:0.88s; animation-delay:0.88s; }
 * 1) inTurnFadingTextG_8{

-moz-animation-delay:0.96s; -webkit-animation-delay:0.96s; -ms-animation-delay:0.96s; -o-animation-delay:0.96s; animation-delay:0.96s; }
 * 1) inTurnFadingTextG_9{

-moz-animation-delay:1.04s; -webkit-animation-delay:1.04s; -ms-animation-delay:1.04s; -o-animation-delay:1.04s; animation-delay:1.04s; }
 * 1) inTurnFadingTextG_10{

@-moz-keyframes bounce_inTurnFadingTextG{ 0%{ color:#FEDD58; }

100%{ color:#FFFFFF; }

}

@-webkit-keyframes bounce_inTurnFadingTextG{ 0%{ color:#FEDD58; }

100%{ color:#FFFFFF; }

}

@-ms-keyframes bounce_inTurnFadingTextG{ 0%{ color:#FEDD58; }

100%{ color:#FFFFFF; }

}

@-o-keyframes bounce_inTurnFadingTextG{ 0%{ color:#FEDD58; }

100%{ color:#FFFFFF; }

}

@keyframes bounce_inTurnFadingTextG{ 0%{ color:#FEDD58; }

100%{ color:#FFFFFF; }

}