spinning loading icons

This commit is contained in:
John McLear 2014-11-18 19:13:51 +00:00
parent 3ad9a58895
commit 9b5ee93bce
3 changed files with 39 additions and 7 deletions

View file

@ -224,6 +224,39 @@ li[data-key=showusers] > a #online_count {
padding:10px;
}
.loadingAnimation{
-webkit-animation: loadingAnimation 2s infinite linear;
animation: loadingAnimation 2s infinite linear;
font-family: "fontawesome-etherpad";
font-size:24px;
z-index:150;
}
.loadingAnimation:before{
content: "\e80e";
}
@-webkit-keyframes loadingAnimation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes loadingAnimation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
#editorcontainerbox {
position: absolute;
bottom: 0;
@ -1107,5 +1140,4 @@ input[type=checkbox] {
.gritter-light .gritter-title {
text-shadow: none;
}
/* End of gritter stuff */