XenForo Online/Offline indicator

[CR LEAKS]

Appearance -> Template Modifications ->
/admin.php?template-modifications/add

Template: message_macros
Modification key: any
Search type: Simple replacement
Find:

<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />

Replace:

<xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
<div class="xgt-avatar2">
<div class="xgt-avatar-border2">
<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
</div>
</div>
<xf:else />
<div class="xgt-avatar">
<div class="xgt-avatar-border">
<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
</div>
</div>
</xf:if>

In extra.less:

.xgt-avatar{
display: block;
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
border-radius: 50%;
padding: 4px;
box-shadow: 0px 0px 10px 3px rgba(178, 34, 34, 0.38);

}

.xgt-avatar-border{
display: block;
border: 4px solid #fff;
border-radius: 50%;
}

@media (max-width: @xf-publicNavCollapseWidth)
{