aprilfools.css

@keyframes aprilfoolsbrd
{
 0%   { border-color: #7EC0CD; transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
 50%  { border-color: #660066; transform: rotate(-1deg); -ms-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); }
 100% { border-color: #D36A2D; transform: rotate(1deg); -ms-transform: rotate(1deg); -webkit-transform: rotate(1deg); }
}

.avatar.avatar-100 {
  background: url('http://media-hearth.cursecdn.com/attachments/11/270/annoy-o-tron.png');
  width: 100px;
  height: 100px;
  -webkit-animation: aprilfoolsbrd 1s linear 1s infinite alternate;
  animation: aprilfoolsbrd 1s linear 1s infinite alternate;
}

.avatar.avatar-100:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  left: -3px;
  top: -3px;
  border-radius: 4px;
  border:3px solid #7EC0CD;
  box-shadow: rgba(0,0,0,0.35) 0 2px 4px inset,rgba(255,255,255,0.15) 0 1px 0;
  -webkit-animation: aprilfoolsbrd 1s linear 1s infinite alternate;
  animation: aprilfoolsbrd 1s linear 1s infinite alternate;
}

.avatar.avatar-100 img {
  display: none;
}

.p-comment-statitem.forum-title {
  visibility: hidden;
}

.p-comment-statitem.forum-title::after {
  content: "HELLLOOO!!";
  visibility: visible;
  display: block;
  font-size:16px;
  color: #CC66FF;
  -webkit-animation: aprilfools 1s linear 1s infinite alternate;
 animation: aprilfools 1s linear 1s infinite alternate;
}

.avatar.avatar-32 {
  background: url('http://media-hearth.cursecdn.com/attachments/11/271/635634632062611873.png');
  width: 32px;
  height: 32px;
}

.avatar.avatar-32:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 4px;
  box-shadow: rgba(0,0,0,0.35) 0 2px 4px inset,rgba(255,255,255,0.15) 0 1px 0;
}

.avatar.avatar-32 img {
  display: none;
}

.avatar.avatar-55 {
  background: url('http://media-hearth.cursecdn.com/attachments/11/272/635634633343103945.png');
  width: 55px;
  height: 55px;
}

.avatar.avatar-55:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  left: -2px;
  top: -2px;
  border-radius: 4px;
  border: 2px solid #7EC0CD; 
  box-shadow: rgba(0,0,0,0.35) 0 2px 4px inset,rgba(255,255,255,0.15) 0 1px 0;
  -webkit-animation: aprilfoolsbrd 1s linear 1s infinite alternate;
  animation: aprilfoolsbrd 1s linear 1s infinite alternate;
}

.avatar.avatar-55 img {
  display: none;
}





.avatar.avatar-48 {
  background: url('http://media-hearth.cursecdn.com/attachments/11/273/635634638058906359.png');
  width: 48px;
  height: 48px;
}

.avatar.avatar-48:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  left: -2px;
  top: -2px;
  border-radius: 4px;
  border: 2px solid #7EC0CD; 
  box-shadow: rgba(0,0,0,0.35) 0 2px 4px inset,rgba(255,255,255,0.15) 0 1px 0;
  -webkit-animation: aprilfoolsbrd 1s linear 1s infinite alternate;
  animation: aprilfoolsbrd 1s linear 1s infinite alternate;
}

.avatar.avatar-48 img {
  display: none;
}

@-webkit-keyframes aprilfools
{
 0%   { color: #FF47D2;}
 50%  { color: #FF47D2;}
 100% { color: #FF47D2;}
}

@keyframes aprilfools
{
 0%   { color: #FF47D2;}
 50%  { color: #FF47D2;}
 100% { color: #FF47D2;}
}

@-webkit-keyframes aprilfoolsbrd
{
 0%   { border-color: #7EC0CD; transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
 50%  { border-color: #660066; transform: rotate(-1deg); -ms-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); }
 100% { border-color: #D36A2D; transform: rotate(1deg); -ms-transform: inset 0 1px 0 rgba(255,255,255,0.1),0 1px 2px rgba(0,0,0,0.05);
  background-repeat: repeat-x;
  border: 1px solid #471313;
  color: #fff;
  cursor: pointer;
  line-height: 1.53846em;
  font-size: 1em;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: normal;
  text-align: center;
  padding: .30769em .61538em;
  margin: 0;
  text-decoration: none;
  -webkit-transition: .1s linear all;
  -moz-transition: .1s linear all;
  transition: .1s linear all;
  display: inline-block;
  vertical-align: middle;
  border-radius: 2px;
  width: 12px;
  height: 12px;
  position: relative;
  text-indent: -99999px;
  margin: 1px 0 2px 3px;
  text-align: left;
  padding: 0;
  
}