Замена цвета рамки аватарки в зависимости от статуса

[Rommax]

Привет . Подумал я тут но так и не сообразил как это реализовать )
Хотел следующее ... При статусе онлайн вокруг аватарки будет зеленый border в ином случае красный

.avatar img, .avatar .img, .avatarCropper {
  background-color: rgb(0, 0, 0);
  border: 2px solid rgb(218, 19, 19);
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4);
  -khtml-box-shadow: 0 0 3px rgba(0,0,0,0.4);
  box-shadow: 0 0 3px rgba(0,0,0,0.4);
  background-position: 0 0 !important;
}

Это реально сделать ? Если не сложно помогите )
И простите если ошибся разделом ( Перенесите если не сложно в нужный

 

[Karat7]

Я то подумал тут готовое решение :-D Идея интересная но простым css тут врядли можно это сделать

 

[Rommax]

решил для стиля Class )
Шаблон message_user_info

<xen:avatar  user="$user" size="@uix_postbit_avatarSize" img="true" />

Изменил на

<xen:if is="{$user.isOnline}">
                <xen:avatar class="onavatar" user="$user" size="@uix_postbit_avatarSize" img="true" />
                    <xen:else />
                <xen:avatar class="ofavatar" user="$user" size="@uix_postbit_avatarSize" img="true" />
                </xen:if>

xenforo.css добавил

.onavatar img,
.onavatar .img,
.onavatarCropper
{
    background-color: @primaryMedium;
    border: 2px solid rgb(64, 195, 64);
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
    background-position: 0 0 !important;
}

.ofavatar img,
.ofavatar .img,
.ofavatarCropper
{
    background-color: @primaryMedium;
    border: 2px solid rgb(247, 0, 0);
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
    background-position: 0 0 !important;
}