.username .style3:before {
content: "\f0e3";
font-family: FontAwesome;
margin-right: 4px;
display: inline-block;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.username:hover .style3:before {
-webkit-transform: rotate(600deg);
-moz-transform: rotate(600deg);
-ms-transform: rotate(600deg);
-o-transform: rotate(600deg);
}
.username .style5:before {
content: "\f135";
font-family: FontAwesome;
margin-right: 4px;
display: inline-block;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.username:hover .style5:before {
-webkit-transform: rotate(600deg);
-moz-transform: rotate(600deg);
-ms-transform: rotate(600deg);
-o-transform: rotate(600deg);
}
.username .style6:before {
content: "\f109";
font-family: FontAwesome;
margin-right: 4px;
display: inline-block;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.username:hover .style6:before {
-webkit-transform: rotate(600deg);
-moz-transform: rotate(600deg);
-ms-transform: rotate(600deg);
-o-transform: rotate(600deg);
}
.username .style8:before {
content: "\f005";
font-family: FontAwesome;
margin-right: 4px;
display: inline-block;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.username:hover .style8:before {
-webkit-transform: rotate(600deg);
-moz-transform: rotate(600deg);
-ms-transform: rotate(600deg);
-o-transform: rotate(600deg);
}
----------------------------------------------------------------
.prefixSanctionSTAFF:before {font-family: "FontAwesome"; margin-right: 4px;}
.prefix.SanctionSTAFF {font-weight: normal;font-weight: bold;font-size: 10pt;}
.SanctionSTAFF:before { content: "\f06a";}