Loading blog

by itzmeamar

HTML

<style>
#circleG{
width:149.33333333333334px;
}

.circleG{
background-color:#ACABC7;
float:left;
height:32px;
margin-left:17px;
width:32px;
-moz-animation-name:bounce_circleG;
-moz-animation-duration:1.6500000000000001s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-moz-border-radius:21px;
-webkit-animation-name:bounce_circleG;
-webkit-animation-duration:1.6500000000000001s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-border-radius:21px;
-ms-animation-name:bounce_circleG;
-ms-animation-duration:1.6500000000000001s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-border-radius:21px;
-o-animation-name:bounce_circleG;
-o-animation-duration:1.6500000000000001s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-o-border-radius:21px;
animation-name:bounce_circleG;
animation-duration:1.6500000000000001s;
animation-iteration-count:infinite;
animation-direction:linear;
border-radius:21px;
}

#circleG_1{
-moz-animation-delay:0.33s;
-webkit-animation-delay:0.33s;
-ms-animation-delay:0.33s;
-o-animation-delay:0.33s;
animation-delay:0.33s;
}

#circleG_2{
-moz-animation-delay:0.7700000000000001s;
-webkit-animation-delay:0.7700000000000001s;
-ms-animation-delay:0.7700000000000001s;
-o-animation-delay:0.7700000000000001s;
animation-delay:0.7700000000000001s;
}

#circleG_3{
-moz-animation-delay:0.99s;
-webkit-animation-delay:0.99s;
-ms-animation-delay:0.99s;
-o-animation-delay:0.99s;
animation-delay:0.99s;
}

@-moz-keyframes bounce_circleG{
0%{
}

50%{
background-color:#525094}

100%{
}

}

@-webkit-keyframes bounce_circleG{
0%{
}

50%{
background-color:#525094}

100%{
}

}

@-ms-keyframes bounce_circleG{
0%{
}

50%{
background-color:#525094}

100%{
}

}

@-o-keyframes bounce_circleG{
0%{
}

50%{
background-color:#525094}

100%{
}

}

@keyframes bounce_circleG{
0%{
}

50%{
background-color:#525094}

100%{
}

}

</style>
<div id="circleG">
<div id="circleG_1"...

CSS

.dashboard
{
color: #FFFAFA;
font-size: 9px;
font-family: 'Comic Sans MS';
border: 4px solid #FFFFFF;
padding: 16px;
background-color: #004275;
border-radius: 25px 25px 25px 25px;
box-shadow: inset -1px -1px 8px 5px #000000;
-webkit-box-shadow: inset -1px -1px 8px 5px #000000;
-moz-box-shadow: inset -1px -1px 8px 5px #000000;
text-shadow: 2px 2px 4px #171010;
-webkit-transform: translate(6px, 0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
-moz-transform: translate(6px, 0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
-o-transform: translate(6px, 0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
-ms-transform: translate(6px, 0px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
resize: both;
overflow: auto;
-webkit-transition: all 0.5s Ease-In-Out;
-moz-transition: all 0.5s Ease-In-Out;
-o-transition: all 0.5s Ease-In-Out;
}