أهلا بك أخي الحبيب تركي
hmm هم قالو أخي النقل تم من ترايدنت وإذا كان المبرمج معترض فسنقوم بحذف الإضافة
تسلم أخي الحبيب شقاوي الله يجزاك بكل خير يا ربانت يا احمد تامر امر ارفق لي الاستايل او يكون افضل لو ترفق قالب message_macros وقال extra.less
الخاصين باستايل Dimension
بس سؤال يا حمادة ما دام انت عارف ان التعديل على قالب message_macros ليش ما جربت انك تعدل على الاستايل
مجرد سؤال ومنتظر القوالب على اساس اعدلها لك
احترامي وتقديري
اخوك
شقاوي
هي التي تمنعني من الإحتكاك أو التجارب مع لغة css
message_macros<xf:macro name="user_info"
arg-user="!"
arg-fallbackName="">
<xf:if is="$user && $user.isOnline()">
<div class="online_user">
متواجد
</div>
<xf:else />
<div class="offline_user">
غير متواجد
</div>
</xf:if>
<div class="clear_point"></div>
<section itemscope itemtype="https://schema.org/Person" class="message-user">
<div class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : '' }}">
<div class="message-avatar-wrapper">
<xf:avatar user="$user" size="l" defaultname="{$fallbackName}" itemprop="image" />
<xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
<span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
</xf:if>
</div>
</div>
<div class="message-userDetails">
<h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" />
<xf:if is="$user.Profile.custom_fields.trust ==1">
<i class="fa fa-check-circle" aria-hidden="true" style="color: #026623;"></i>
</xf:if>
</h4>
<xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="jobTitle" />
<xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />
</div>
<!-- this adds the Rank Badge Count-->
<xf:if is="$user.message_count >= 3000">
<br>
<div class="rankBlock">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
</div>
<xf:elseif is ="$user.message_count >= 2000"/>
<br>
<div class="rankBlock">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
</div>
<xf:elseif is ="$user.message_count >= 1000"/>
<br>
<div class="rankBlock">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"></div>
<xf:elseif is ="$user.message_count >= 500"/>
<br>
<div class="rankBlock">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
</div>
<xf:elseif is ="$user.message_count >= 250"/>
<br>
<div class="rankBlock">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
</div>
<xf:elseif is ="$user.message_count >= 100"/>
<br>
<div class="rankBlock">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
</div>
<xf:elseif is ="$user.message_count >= 50"/>
<br>
<div class="rankBlock"><img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
</div>
<xf:elseif is ="$user.message_count >= 10"/>
<br>
<div class="rankBlock">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
<img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif">
</div>
<xf:elseif is ="$user.message_count >= 1"/>
<br>
<div class="rankBlock"><img src="https://mx-blind.com/vb/styles/default/xenforo/ranks/Blue.gif"></div>
</xf:if>
<!-- this adds the Rank Badge Count-->
<xf:if is="$user.user_id">
<xf:set var="$extras" value="{{ property('messageUserElements') }}" />
<xf:if contentcheck="true">
<div class="message-userExtras">
<xf:contentcheck>
<xf:if is="$extras.register_date">
<dl class="pairs pairs--justified">
<dt><i class="fa fa-calendar"></i> {{ phrase('joined') }}</dt>
<dd>{{ date($user.register_date) }}</dd>
</dl>
</xf:if>
<xf:if is="$extras.message_count">
<dl class="pairs pairs--justified">
<dt><i class="fa fa-comments"></i> {{ phrase('messages') }}</dt>
<dd>{$user.message_count|number}</dd>
</dl>
</xf:if>
<xf:if is="$extras.reaction_score">
<dl class="pairs pairs--justified">
<dt><i class="fa fa-thumbs-up"></i> {{ phrase('reaction_score') }}</dt>
<dd>{$user.reaction_score|number}</dd>
</dl>
</xf:if>
<xf:if is="$extras.trophy_points && $xf.options.enableTrophies">
<dl class="pairs pairs--justified">
<dt><i class="fa fa-trophy"></i> {{ phrase('points') }}</dt>
<dd>{$user.trophy_points|number}</dd>
</dl>
</xf:if>
<xf:if is="$extras.age && $user.Profile.age">
<dl class="pairs pairs--justified">
<dt><i class="fa fa-heartbeat"></i> {{ phrase('age') }}</dt>
<dd>{$user.Profile.age}</dd>
</dl>
</xf:if>
<xf:if is="$extras.location && $user.Profile.location">
<dl class="pairs pairs--justified">
<dt><i class="fa fa-map"></i> {{ phrase('location') }}</dt>
<dd>
<xf:if is="$xf.options.geoLocationUrl">
<a href="{{ link('misc/location-info', '', {'location': $user.Profile.location}) }}" rel="nofollow noreferrer" target="_blank" class="u-concealed">{$user.Profile.location}</a>
<xf:else />
{$user.Profile.location}
</xf:if>
</dd>
</dl>
</xf:if>
<xf:if is="$extras.website && $user.Profile.website">
<dl class="pairs pairs--justified">
<dt><i class="fa fa-globe"></i> {{ phrase('website') }}</dt>
<dd><a href="{$user.Profile.website}" rel="nofollow" target="_blank">{$user.Profile.website|url('host', phrase('visit_site'))}</a></dd>
</dl>
</xf:if>
<xf:if is="$extras.custom_fields">
<xf:macro template="custom_fields_macros" name="custom_fields_values"
arg-type="users"
arg-group="personal"
arg-set="{$user.Profile.custom_fields}"
arg-additionalFilters="{{ ['message'] }}"
arg-valueClass="pairs pairs--justified" />
<xf:if is="$user.canViewIdentities()">
<xf:macro template="custom_fields_macros" name="custom_fields_view"
arg-type="users"
arg-group="contact"
arg-set="{$user.Profile.custom_fields}"
arg-additionalFilters="{{ ['message'] }}"
arg-valueClass="pairs pairs--justified" />
</xf:if>
</xf:if>
</xf:contentcheck>
</div>
</xf:if>
</xf:if>
<span class="message-userArrow"></span>
</section>
</xf:macro>
<xf:macro name="user_info_simple" arg-user="!" arg-fallbackName="">
<header itemscope itemtype="https://schema.org/Person" class="message-user">
<meta itemprop="name" content="{{ $user.username ?: $fallbackName }}">
<div class="message-avatar">
<div class="message-avatar-wrapper">
<xf:avatar user="$user" size="s" defaultname="{$fallbackName}" itemprop="image" />
</div>
</div>
<span class="message-userArrow"></span>
</header>
</xf:macro>
<xf:macro name="attachments" arg-attachments="!" arg-message="!" arg-canView="!">
<xf:if contentcheck="true">
<xf:css src="attachments.less" />
<section class="message-attachments">
<h4 class="block-textHeader">{{ phrase('attachments') }}</h4>
<ul class="attachmentList">
<xf:contentcheck>
<xf:foreach loop="$attachments" value="$attachment" if="!$message.isAttachmentEmbedded($attachment)">
<xf:macro template="attachment_macros" name="attachment_list_item"
arg-attachment="{$attachment}"
arg-canView="{$canView}" />
</xf:foreach>
</xf:contentcheck>
</ul>
</section>
</xf:if>
</xf:macro>
<xf:macro name="signature" arg-user="!">
<xf:if is="$xf.visitor.Option.content_show_signature AND $user.Profile.signature">
<xf:if contentcheck="true">
<div class="Sign-Block">
<h6><b><i class="fa fa-pencil" style="color: rgb(150, 150, 150);font-size: 20px;"></i> توقيع : <span style="color:#FF2BDF"><xf:username user="$user" /></span></b></h6>
<aside class="message-signature">
<xf:contentcheck>
{{ bb_code($user.Profile.signature, 'user:signature', $user) }}
</xf:contentcheck>
</aside>
</div>
</xf:if>
</xf:if>
</xf:macro>extra.less.has-reaction {
display: none !important;
}
.online_user{
position: relative;
height: 26px;
background: #54ab73;
width: max-content;
transform: rotate(41deg);
right: 34px;
padding: 0px 30px 5px 30px;
color: #fff;
font-weight: bold;
vertical-align: middle;
clip-path: polygon(33.25% -15.12%, 75.71% 6.97%, 88.38% 58.94%, 96.08% 89.95%, 104.63% 129.95%, -2.74% 95.64%, -39.94% 228.87%, 30.22% 0.9%);
}
.offline_user{
position: relative;
height: 26px;
background: #af1515;
width: max-content;
transform: rotate(41deg);
right: 39px;
padding: 0px 30px 5px 30px;
color: #fff;
font-weight: bold;
vertical-align: middle;
clip-path: polygon(33.25% -15.12%, 76.87% -2.26%, 97.85% 107.44%, -4.51% 114.10%, 26.68% -5.9%);
top: 7px;
}
.clear_point{
display: inline-block;
}
/* مجموعة إزرار BBcodes*/
.Message {
display: table;
position: relative;
margin: 0px 0px 10px 0px;
width: 100%;
color: #fff;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.Message-icon {
display: table-cell;
vertical-align: middle;
width: 60px;
padding: 30px;
text-align: center;
background-color: rgba(0,0,0,0.25);
}
.Message-icon > i {
width: 30px;
font-size: 30px;
}
.Message-body {
display: table-cell;
vertical-align: middle;
padding: 10px 10px 10px 10px;
}
/* edit */
.Message--edit {
color: #fefefe;
background: /* #88D4CA */ rgba(136, 212, 202, 0.85);
/* La couleur rgba permet l'ajout de transparance, si vous voulez vous
pouvez supprimer les valeur rgba et décommenter la couleur par defaut (ex: background: #88D4CA; )*/
}
/* help */
.Message--help {
color: #fefefe;
background: /* #09835D */ rgba(9, 131, 93, 0.85);
/* La couleur rgba permet l'ajout de transparance, si vous voulez vous
pouvez supprimer les valeur rgba et décommenter la couleur par defaut (ex: background: #09835D; )*/
}
/* important */
.Message--important {
color: #fefefe;
background: /* #F39C12 */ rgba(243, 156, 18, 0.85);
/* La couleur rgba permet l'ajout de transparance, si vous voulez vous
pouvez supprimer les valeur rgba et décommenter la couleur par defaut (ex: background: #F39C12; )*/
}
/* Information */
.Message--information {
color: #fefefe;
background: /* #0074D9 */ rgba(0, 116, 217, 0.85);
/* La couleur rgba permet l'ajout de transparance, si vous voulez vous
pouvez supprimer les valeur rgba et décommenter la couleur par defaut (ex: background: #0074D9; )*/
}
/* offtopic */
.Message--offtopic {
color: #fefefe;
background: /* #7A7A7A */ rgba(122, 122, 122, 0.85);
/* La couleur rgba permet l'ajout de transparance, si vous voulez vous
pouvez supprimer les valeur rgba et décommenter la couleur par defaut (ex: background: #7A7A7A; )*/
}
/* success */
.Message--success {
color: #fefefe;
background: /* #2ECC40 */ rgba(46, 204, 64, 0.85);
/* La couleur rgba permet l'ajout de transparance, si vous voulez vous
pouvez supprimer les valeur rgba et décommenter la couleur par defaut (ex: background: #2ECC40; )*/
}
/* Warning */
.Message--warning {
color: #fefefe;
background: /* #B30000 */ rgba(179, 0, 0, 0.85);
/* La couleur rgba permet l'ajout de transparance, si vous voulez vous
pouvez supprimer les valeur rgba et décommenter la couleur par defaut (ex: background: #B30000; )*/
}
/* مجموعة إزرار BBcodes*/
.rankBlock {
text-align: center;
margin-top: -20px;
}
/* XF-AR INFO USER */
.pairs {
border-radius: 5px;
margin-top: 3px;
}
.pairs dt .fa{
float: left;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 25px;
text-align: center;
line-height: 23px;
font-size: 13px;
color: #FFF;
background-color: #4ca5ac;
}
.message-userExtras dl {
padding: 3px 10px 3px 6px;
margin: 0 0 4px;
position: relative;
background-color: #fefefe;
border-bottom: 1px #cbcbcb solid;
border-radius: 5px;
}
.pairs.pairs--justified > dt {
margin-left: 22px;
}
/* XF-AR INFO USER */
.message-body {
text-align: center;
font-size: 12px;
}
/*
* Droid Arabic Kufi (Arabic) http://www.google.com/fonts/earlyaccess
*/
@font-face {
font-family: 'Droid Arabic Kufi';
font-style: normal;
font-weight: 400;
src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot);
src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Droid Arabic Kufi';
font-style: normal;
font-weight: 700;
src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot);
src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff) format('woff'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.ttf) format('truetype');
}
.node--forum.node--id2.node--read .node-icon i:before{content:'\f1cd';color:#5f8767}
.node--forum.node--id2.node--unread .node-icon i:before{content:'\f1cd';color:#5F7187}
.node--forum.node--id3.node--read .node-icon i:before{content:'\f0c0';color:#5f8767}
.node--forum.node--id3.node--unread .node-icon i:before{content:'\f0c0';color:#5F7187}
.node--forum.node--id4.node--read .node-icon i:before{content:'\f02b';color:#5f8767}
.node--forum.node--id4.node--unread .node-icon i:before{content:'\f02b';color:#5F7187}
.node--forum.node--id5.node--read .node-icon i:before{content:'\f004';color:#5f8767}
.node--forum.node--id5.node--unread .node-icon i:before{content:'\f004';color:#5F7187}
.node--forum.node--id71.node--read .node-icon i:before{content:'\f0ae';color:#5f8767}
.node--forum.node--id71.node--unread .node-icon i:before{content:'\f0ae';color:#5F7187}
.node--forum.node--id72.node--read .node-icon i:before{content:'\f132';color:#5f8767}
.node--forum.node--id72.node--unread .node-icon i:before{content:'\f132';color:#5F7187}
.node--forum.node--id73.node--read .node-icon i:before{content:'\f213';color:#5f8767}
.node--forum.node--id73.node--unread .node-icon i:before{content:'\f213';color:#5F7187}
.node--forum.node--id76.node--read .node-icon i:before{content:'\f080';color:#5f8767}
.node--forum.node--id76.node--unread .node-icon i:before{content:'\f080';color:#5F7187}
.node--forum.node--id7.node--read .node-icon i:before{content:'\f023';color:#5f8767}
.node--forum.node--id7.node--unread .node-icon i:before{content:'\f023';color:#5F7187}
.node--forum.node--id9.node--read .node-icon i:before{content:'\f1f0';color:#5f8767}
.node--forum.node--id9.node--unread .node-icon i:before{content:'\f1f0';color:#5F7187}
.node--forum.node--id8.node--read .node-icon i:before{content:'\f1eb';color:#5f8767}
.node--forum.node--id8.node--unread .node-icon i:before{content:'\f1eb';color:#5F7187}
.node--forum.node--id20.node--read .node-icon i:before{content:'\f14a';color:#5f8767}
.node--forum.node--id20.node--unread .node-icon i:before{content:'\f14a';color:#5F7187}
.node--forum.node--id10.node--read .node-icon i:before{content:'\f02d';color:#5f8767}
.node--forum.node--id10.node--unread .node-icon i:before{content:'\f02d';color:#5F7187}
.node--forum.node--id12.node--read .node-icon i:before{content:'\f13e';color:#5f8767}
.node--forum.node--id12.node--unread .node-icon i:before{content:'\f13e';color:#5F7187}
.node--forum.node--id13.node--read .node-icon i:before{content:'\f1c0';color:#5f8767}
.node--forum.node--id13.node--unread .node-icon i:before{content:'\f1c0';color:#5F7187}
.node--forum.node--id14.node--read .node-icon i:before{content:'\f110';color:#5f8767}
.node--forum.node--id14.node--unread .node-icon i:before{content:'\f110';color:#5F7187}
.node--forum.node--id15.node--read .node-icon i:before{content:'\f16a';color:#5f8767}
.node--forum.node--id15.node--unread .node-icon i:before{content:'\f16a';color:#5F7187}
.node--forum.node--id17.node--read .node-icon i:before{content:'\f108';color:#5f8767}
.node--forum.node--id17.node--unread .node-icon i:before{content:'\f108';color:#5F7187}
.node--forum.node--id18.node--read .node-icon i:before{content:'\f21b';color:#5f8767}
.node--forum.node--id18.node--unread .node-icon i:before{content:'\f21b';color:#5F7187}
.node--forum.node--id19.node--read .node-icon i:before{content:'\f268';color:#5f8767}
.node--forum.node--id19.node--unread .node-icon i:before{content:'\f268';color:#5F7187}
.node--forum.node--id21.node--read .node-icon i:before{content:'\f071';color:#5f8767}
.node--forum.node--id21.node--unread .node-icon i:before{content:'\f071';color:#5F7187}
.node--forum.node--id84.node--read .node-icon i:before{content:'\f085';color:#5f8767}
.node--forum.node--id84.node--unread .node-icon i:before{content:'\f085';color:#5F7187}
.node--forum.node--id86.node--read .node-icon i:before{content:'\f1fa';color:#5f8767}
.node--forum.node--id86.node--unread .node-icon i:before{content:'\f1fa';color:#5F7187}
.node--forum.node--id88.node--read .node-icon i:before{content:'\f1ed';color:#5f8767}
.node--forum.node--id88.node--unread .node-icon i:before{content:'\f1ed';color:#5F7187}
.node--forum.node--id23.node--read .node-icon i:before{content:'\f121';color:#5f8767}
.node--forum.node--id23.node--unread .node-icon i:before{content:'\f121';color:#5F7187}
.node--forum.node--id24.node--read .node-icon i:before{content:'\f123';color:#5f8767}
.node--forum.node--id24.node--unread .node-icon i:before{content:'\f123';color:#5F7187}
.node--forum.node--id25.node--read .node-icon i:before{content:'\f276';color:#5f8767}
.node--forum.node--id25.node--unread .node-icon i:before{content:'\f276';color:#5F7187}
.node--forum.node--id26.node--read .node-icon i:before{content:'\f128';color:#5f8767}
.node--forum.node--id26.node--unread .node-icon i:before{content:'\f128';color:#5F7187}
.node--forum.node--id28.node--read .node-icon i:before{content:'\f17a';color:#5f8767}
.node--forum.node--id28.node--unread .node-icon i:before{content:'\f17a';color:#5F7187}
.node--forum.node--id29.node--read .node-icon i:before{content:'\f120';color:#5f8767}
.node--forum.node--id29.node--unread .node-icon i:before{content:'\f120';color:#5F7187}
.node--forum.node--id30.node--read .node-icon i:before{content:'\f0e8';color:#5f8767}
.node--forum.node--id30.node--unread .node-icon i:before{content:'\f0e8';color:#5F7187}
.node--forum.node--id32.node--read .node-icon i:before{content:'\f205';color:#5f8767}
.node--forum.node--id32.node--unread .node-icon i:before{content:'\f205';color:#5F7187}
.node--forum.node--id68.node--read .node-icon i:before{content:'\f1b6';color:#5f8767}
.node--forum.node--id68.node--unread .node-icon i:before{content:'\f1b6';color:#5F7187}
.node--forum.node--id69.node--read .node-icon i:before{content:'\f0eb';color:#5f8767}
.node--forum.node--id69.node--unread .node-icon i:before{content:'\f0eb';color:#5F7187}
.node--forum.node--id37.node--read .node-icon i:before{content:'\f125';color:#5f8767}
.node--forum.node--id37.node--unread .node-icon i:before{content:'\f125';color:#5F7187}
.node--forum.node--id38.node--read .node-icon i:before{content:'\f248';color:#5f8767}
.node--forum.node--id38.node--unread .node-icon i:before{content:'\f248';color:#5F7187}
.node--forum.node--id39.node--read .node-icon i:before{content:'\f118';color:#5f8767}
.node--forum.node--id39.node--unread .node-icon i:before{content:'\f118';color:#5F7187}
.node--forum.node--id40.node--read .node-icon i:before{content:'\f0d0';color:#5f8767}
.node--forum.node--id40.node--unread .node-icon i:before{content:'\f0d0';color:#5F7187}
.node--forum.node--id77.node--read .node-icon i:before{content:'\f0f3';color:#5f8767}
.node--forum.node--id77.node--unread .node-icon i:before{content:'\f0f3';color:#5F7187}
{{ include('xenfocus_base.less') }}
{{ include('xenfocus_theme.less') }}
.note_thread {
position: fixed;
bottom: 10px;
right: 10px;
background-color: #ec0909b3;
padding: 5px 15px;
color: #FFFFFF;
}
.manageralert{
margin:25px 0;
color:#111;
}
.alert-content , .alerticon{
background:#fff;
border:1px solid #ccc;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.alert-content {
margin-left:90px;
padding:15px;
position:relative;
}
.alert-content:before , .alert-content:after{
content:'';
display:block;
border-right:20px solid #fff;
border-bottom:15px solid transparent;
position:absolute;
left:-20px;
top:15px;
z-index:10
}
.alert-content:after{
border-right:23px solid #ccc;
border-bottom:18px solid transparent;
left:-23px;
top:14px;
z-index:9
}
.alert-content h3 {
padding:0;
margin:0 0 10px;
}
.alert-content h3 label{
display:inline-block;
font-weight:bold;
padding:0 0 3px;
border-bottom:2px solid;
margin-left:7px;
}
.alert-content p{
margin:0;
padding:0;
}
.alerticon{
float:left;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
width:70px;
height:70px;
line-height:70px;
text-align:center;
font-size:23px;
margin-top:10px;
}<xf:macro name="user_info"
arg-user="!"
arg-fallbackName="">
<section itemscope itemtype="https://schema.org/Person" class="message-user">
<div class="message-userDetails">
<h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" /></h4>
<xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="jobTitle" />
</div>
<!-- this adds the Rank Badge Count-->
<xf:if is="$user.message_count >= 3000">
<br>
<div class="rankBlock">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
</div>
<xf:elseif is ="$user.message_count >= 2000"/>
<br>
<div class="rankBlock">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
</div>
<xf:elseif is ="$user.message_count >= 1000"/>
<br>
<div class="rankBlock">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif"></div>
<xf:elseif is ="$user.message_count >= 500"/>
<br>
<div class="rankBlock">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
</div>
<xf:elseif is ="$user.message_count >= 250"/>
<br>
<div class="rankBlock">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
</div>
<xf:elseif is ="$user.message_count >= 100"/>
<br>
<div class="rankBlock">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
</div>
<xf:elseif is ="$user.message_count >= 50"/>
<br>
<div class="rankBlock"><img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
</div>
<xf:elseif is ="$user.message_count >= 2"/>
<br>
<div class="rankBlock">
<img src="styles/default/xenforo/ranks/Blue.gif">
<img src="styles/default/xenforo/ranks/Blue.gif">
</div>
<xf:elseif is ="$user.message_count >= 1"/>
<br>
<div class="rankBlock"><img src="styles/default/xenforo/ranks/Blue.gif"></div>
</xf:if>
<!-- this adds the Rank Badge Count-->
<div class="message-avatar {{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'message-avatar--online' : '' }}">
<div class="message-avatar-wrapper">
<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
<xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
<span class="message-avatar-online" tabindex="0" data-xf-init="tooltip" data-trigger="auto" title="{{ phrase('online_now')|for_attr }}"></span>
</xf:if>
</div>
</div>
<div class="message-userDetails">
<h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" /></h4>
<xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="jobTitle" />
<xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />
</div>
<xf:if is="$user.user_id">
<xf:set var="$extras" value="{{ property('messageUserElements') }}" />
<xf:if contentcheck="true">
<div class="message-userExtras">
<xf:contentcheck>
<xf:if is="$extras.register_date">
<dl class="pairs pairs--justified">
<dt><i class="fa fa-calendar"></i> {{ phrase('joined') }}</dt>
<dd>{{ date($user.register_date) }}</dd>
</dl>
</xf:if>
<xf:if is="$extras.message_count">
<dl class="pairs pairs--justified">
<dt><i class="fa fa-comments"></i> {{ phrase('messages') }}</dt>
<dd>{$user.message_count|number}</dd>
</dl>
</xf:if>
<xf:if is="$extras.reaction_score">
<dl class="pairs pairs--justified">
<dt><i class="fa fa-thumbs-up"></i> {{ phrase('reaction_score') }}</dt>
<dd>{$user.reaction_score|number}</dd>
</dl>
</xf:if>
<xf:if is="$extras.trophy_points && $xf.options.enableTrophies">
<dl class="pairs pairs--justified">
<dt><i class="fa fa-trophy"></i> {{ phrase('points') }}</dt>
<dd>{$user.trophy_points|number}</dd>
</dl>
</xf:if>
<xf:if is="$extras.age && $user.Profile.age">
<dl class="pairs pairs--justified">
<dt><i class="fa fa-heartbeat"></i> {{ phrase('age') }}</dt>
<dd>{$user.Profile.age}</dd>
</dl>
</xf:if>
<xf:if is="$extras.location && $user.Profile.location">
<dl class="pairs pairs--justified">
<dt><i class="fa fa-map"></i> {{ phrase('location') }}</dt>
<dd>
<xf:if is="$xf.options.geoLocationUrl">
<a href="{{ link('misc/location-info', '', {'location': $user.Profile.location}) }}" rel="nofollow noreferrer" target="_blank" class="u-concealed">{$user.Profile.location}</a>
<xf:else />
{$user.Profile.location}
</xf:if>
</dd>
</dl>
</xf:if>
<xf:if is="$extras.website && $user.Profile.website">
<dl class="pairs pairs--justified">
<dt><i class="fa fa-globe"></i> {{ phrase('website') }}</dt>
<dd><a href="{$user.Profile.website}" rel="nofollow" target="_blank">{$user.Profile.website|url('host', phrase('visit_site'))}</a></dd>
</dl>
</xf:if>
<xf:if is="$extras.custom_fields">
<xf:macro template="custom_fields_macros" name="custom_fields_values"
arg-type="users"
arg-group="personal"
arg-set="{$user.Profile.custom_fields}"
arg-additionalFilters="{{ ['message'] }}"
arg-valueClass="pairs pairs--justified" />
<xf:if is="$user.canViewIdentities()">
<xf:macro template="custom_fields_macros" name="custom_fields_view"
arg-type="users"
arg-group="contact"
arg-set="{$user.Profile.custom_fields}"
arg-additionalFilters="{{ ['message'] }}"
arg-valueClass="pairs pairs--justified" />
</xf:if>
</xf:if>
</xf:contentcheck>
</div>
</xf:if>
</xf:if>
<span class="message-userArrow"></span>
</section>
</xf:macro>
<xf:macro name="user_info_simple" arg-user="!" arg-fallbackName="">
<header itemscope itemtype="https://schema.org/Person" class="message-user">
<meta itemprop="name" content="{{ $user.username ?: $fallbackName }}">
<div class="message-avatar">
<div class="message-avatar-wrapper">
<xf:avatar user="$user" size="s" defaultname="{$fallbackName}" itemprop="image" />
</div>
</div>
<span class="message-userArrow"></span>
</header>
</xf:macro>
<xf:macro name="attachments" arg-attachments="!" arg-message="!" arg-canView="!">
<xf:if contentcheck="true">
<xf:css src="attachments.less" />
<section class="message-attachments">
<h4 class="block-textHeader">{{ phrase('attachments') }}</h4>
<ul class="attachmentList">
<xf:contentcheck>
<xf:foreach loop="$attachments" value="$attachment" if="!$message.isAttachmentEmbedded($attachment)">
<xf:macro template="attachment_macros" name="attachment_list_item"
arg-attachment="{$attachment}"
arg-canView="{$canView}" />
</xf:foreach>
</xf:contentcheck>
</ul>
</section>
</xf:if>
</xf:macro>
<xf:macro name="signature" arg-user="!">
<xf:if is="$xf.visitor.Option.content_show_signature AND $user.Profile.signature">
<xf:if contentcheck="true">
<!--<aside class="message-signature">
<xf:contentcheck>
{{ bb_code($user.Profile.signature, 'user:signature', $user) }}
</xf:contentcheck>
</aside>-->
<!-- START NEW_SIGNATURE -->
<div class="Sign-Block">
<h6><i class="fa fa-pencil" style="color: rgb(150, 150, 150);font-size: 20px;"></i> Signature : <b>
<span style="color:#FF2BDF"><b>
<xf:username user="$user" /></b></span></b>
</h6>
<aside class="Sign-Content">
<xf:contentcheck>
{{ bb_code($user.Profile.signature, 'user:signature', $user) }}
</xf:contentcheck>
</aside>
</div>
<!-- END NEW_SIGNATURE -->
</xf:if>
</xf:if>
</xf:macro>/* XF-AR INFO USER */
.pairs {
border-radius: 5px;
margin-top: 3px;
}
.pairs dt .fa{
float: left;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 25px;
text-align: center;
line-height: 23px;
font-size: 13px;
color: #FFF;
background-color: #4ca5ac;
}
.message-userExtras dl {
padding: 3px 10px 3px 6px;
margin: 0 0 4px;
position: relative;
background-color: #fefefe;
border-bottom: 1px #cbcbcb solid;
border-radius: 5px;
}
.pairs.pairs--justified > dt {
margin-left: 22px;
}
/* XF-AR INFO USER */
/* XF-AR INFO USER */
تمام تم وضع التخصيصات ولكن الأحجام مختلفة فبطاقة العضو العضو في ستايل Dimension أكبر
ونسيت نقطة ايضا يا احمد ما قلت لك عليها
تحتاج الى توسيع منطقة معلومات العضو وتضعها 220px لتفادي مشكلة تقلص المعلومات
Message user info block width العرض الافتراضي هو 140px غيره الى 220px
