Add pulsation animation for online status

Greetings guys,

If you are interested how to add pulsation effect for your online status, have no fear, code is here. That sounded lame, I know. :)

Go to CP > Display > Colors & CSS > CSS Stylesheet

AwesomeBB

.post-author-status {
  animation: pulse-animation 2s infinite;
}
@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}

PunBB & phpBB2

Go to  CP > Display > Images > Advanced > Buttons and remove image for online status.
Go to CP > Display > Colors & CSS > CSS Stylesheet and add

.i_icon_online {
    background-color: #4CAF50;
    border-radius: 12px;
      height: 12px;
    width: 12px;
  animation: pulse-animation 2s infinite;
}
@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}

Cheers.