<xen:if is="{$user.isOnline}"><span class="Tooltip onlineMarker" title="{xen:phrase online_now}" data-offsetX="-22" data-offsetY="-8"></span></xen:if>

<xen:if is="{$user.isOnline}">
<span class="Tooltip onlineMarker" title="{xen:phrase online_now}" data-offsetX="-22" data-offsetY="-8"></span>
<xen:else />
<span class="Tooltip offlineMarker" title="غير متصل" data-offsetX="-10" data-offsetY="-8"></span>
</xen:if>

.messageUserBlock div.avatarHolder .offlineMarker
{
position: absolute;
top: {xen:calc 'intval(@messageAvatarHolder.padding-top) - 1'}px;
left: {xen:calc 'intval(@messageAvatarHolder.padding-right) - 1'}px;
@property "messageofflineMarker";
border: 7px solid transparent;
border-top-color: rgb(163, 163, 163);
border-left-color: rgb(163, 163, 163);
border-top-left-radius: 5px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
left: 24px;
@property "/messageofflineMarker";
            }
@media (max-width:480px) {
.Responsive .messageUserBlock div.avatarHolder  .offlineMarker {
  left: 47px !important;
  top: 5px !important; }
}
.xengallery_media_view .offlineMarker, .quickReply .offlineMarker {
display: none;
}