/* badge API by DreyLiky */
@keyframes rotateDefaultBadge {
0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes rotateDefaultBadge {
0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

/* Как использовать данный API? */
/* Создайте div блок и укажите ему обязательный class 'badge' + один из "unlocked badges" */
/* Например: <div class="defaultBadge beta1-5-5"></div> */

.defaultBadge {
 width: 32px;
 height: 32px;
 position: relative;
 /* animation */
 animation-name: rotateDefaultBadge;
 animation-duration: 2s;
 animation-iteration-count: infinite;
 animation-timing-function: linear;
 transition-duration: 2s;
 transition-iteration-count: infinite;
 transition-timing-function: linear;
}

/* unlocked badges */
.beta1-5-5 {
 background: url('http://cs2d-slava.at.ua/design/icons/hostage.png');
}
.beta1-6-5 {
 background: url('http://cs2d-slava.at.ua/design/icons/hostage2.png');
}