Hi, you wrote us at 1am our time in the morning, and have bumped it twice since :), no need for that. We get to responses as fast as we can.

Code:
.item.control.like:before {
transform: scale(-1, 1);
}

Try that in extra.css. If a 24 hour period passes without a response feel free to bump it, but not 5 and a half hours :)
 
Example for the icons are awesome for nicknames:
Code:
.username .style3: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 .style3:before {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate360deg);
}

I want to do the same for the button I like ...
 
Code:
.item.control.like:before
{
   transition: all 0.2s linear;
}
.item.control.like:hover:before
{
   transform:rotate(360deg);
}

Would give the effect you can see on our site(hover the like).
 
Try without your code, and only mine. It works perfectly fine on our board, it could be all of your transitions effecting it(which btw XenForo automatically outputs those browser specific ones for you)
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.

Back