/ آموزش کادربندی پست بیت به سبک استایل هورگلس ~ اختصاصی ویکی وی بی ~
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
فروش قالب وردپرس فروش فایل مشابه ژاکت وندا هاست
صفحه 2 از 2 نخستنخست 12
نمایش نتایج: از 11 به 14 از 14

مقاله: آموزش کادربندی پست بیت به سبک استایل هورگلس ~ اختصاصی ویکی وی بی ~

    1. آموزش کادربندی پست بیت به سبک استایل هورگلس ~ اختصاصی ویکی وی بی ~

      آموزش کادربندی پست بیت به سبک استایل هورگلس ~ اختصاصی ویکی وی بی ~

      به نام خدا

      با عرض سلام و خسته نباشید .

      به درخواست یکی از کاربران بنده این آموزش رو براتون قرار میدم .

      شات :

      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

      آموزش را دنبال کنید ...

      1. کدهای زیر رو با کد های postbit_legacy تغییر دهید .

      ( ادمین سی پی > استایل ها & قالب ها > جستجو در قالب ها > postbit_legacy )

      کد:
      {vb:raw template_hook.postbit_start}
      <li class="postbitlegacy postbitim postcontainer" id="post_{vb:raw post.postid}">
      <!-- see bottom of postbit.css for .userinfo .popupmenu styles -->
          <div class="posthead">
              <vb:if condition="$show['inlinemod']"><label for="post_imod_checkbox_{vb:raw post.postid}"></vb:if>
      <div id="fpostbittit">
                  <span class="postdate {vb:raw post.statusicon}">
                      <vb:if condition="$show['announcement']">
                          <span class="date">{vb:rawphrase x_until_y, {vb:raw post.startdate}, {vb:raw post.enddate}}</span>
                      <vb:else />
                          <span class="date">{vb:raw post.postdate}<vb:if condition="!$show['detailedtime']">&nbsp;<span class="time">{vb:raw post.posttime}</span></vb:if></span>
                      </vb:if>
                  </span></div>
                  <span class="nodecontrols ftitl">
                      <vb:if condition="$post['postid'] AND $post['threadid'] AND !$show['moderated']">
                          <a name="post{vb:raw post.postid}" href="{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}#post{vb:raw post.postid}" class="<vb:if condition="$show['inlinemod']">ie</vb:if>postcounter">#{vb:raw post.postcount}</a><a id="postcount{vb:raw post.postid}" name="{vb:raw post.postcount}"></a>
                      </vb:if>
                      <vb:if condition="$show['moderated']">{vb:rawphrase moderated_post}</vb:if>
                      <vb:if condition="$show['inlinemod']">
                          <input class="postimod" type="checkbox" id="post_imod_checkbox_{vb:raw post.postid}" name="plist[{vb:raw post.postid}]" value="{vb:raw post.checkbox_value}" />
                      </vb:if>
                  </span>
              <vb:if condition="$show['inlinemod']"></label></vb:if>
          </div>
          <div class="postdetails">
              <div class="userinfo">
                  <div class="username_container">
                  <vb:if condition="$post['userid']">
                      {vb:raw memberaction_dropdown} {vb:raw post.onlinestatus}
                  <vb:else />
                  <span class="username guest">{vb:raw post.musername}</span> {vb:raw post.onlinestatus}
                  </vb:if>
                  </div>
      <vb:if condition="$post['rank']">
                      <span class="rank">{vb:raw post.rank}</span>
                  </vb:if>
                  {vb:raw template_hook.postbit_userinfo_left}
                  <vb:if condition="$show['avatar']">
      <div class="usercenter">
                  <a class="postuseravatar_custom" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}">
                      <img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}" />
                  </a>
      </div>
                  </vb:if> 
        <div id="bottom-avatar-links">
          <a class="send-pm-touser" href="private.php?{vb:raw session.sessionurl}do=newpm&amp;u={vb:raw post.userid}" title="ارسال پیام خصوصی" rel="tooltip"><span aria-hidden="true" class="icon_mail_alt"></span></a>
          <a class="show-topics" href="search.php?{vb:raw session.sessionurl}do=finduser&amp;userid={vb:raw post.userid}&amp;contenttype=vBForum_Post&amp;showposts=1" title="جستجوی ارسال ها" rel="tooltip"><span aria-hidden="true" class="icon_search-2"></span></a>
          <a class="visit-profile" href="{vb:link member, {vb:raw post}}" title="مشاهده پروفایل" rel="tooltip"><span aria-hidden="true" class="icon_id-2"></span></a>
          <a class="send-freind-request" href="profile.php?{vb:raw session.sessionurl}do=addlist&amp;userlist=friend&amp;u={vb:raw post.userid}" title="ارسال درخواست دوستی" rel="tooltip"><span aria-hidden="true" class="icon_like"></span></a>
        </div>
                  <vb:if condition="$post['userid']">
                      <hr />
                      <dl class="userinfo_extra">
      
      
      
      
      <vb:if condition="$post['field16']"><div class="post_field"><marquee loop="-1" scrollamount="3" direction="Right">{vb:raw post.field16}</marquee></div></vb:if>
      
      
      
      
      <vb:if condition="$post['joindate']"><div class="post_field"><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></div></vb:if>
      
      
      
      
      <div class="post_field"><dt>شماره عضويت</dt><dd>{vb:raw post.userid}</dd></div>
      
      
      
      
      <div class="post_field"><dt>عنوان کاربر</dt> <dd>{vb:raw post.usertitle}</dd></div>
      
      
      
      
      <vb:if condition="$post['field2']"><div class="post_field"><dt>{vb:rawphrase location_perm}</dt> <dd>{vb:raw post.field2}</dd></div></vb:if>
      
      
      
      
                          <vb:if condition="$post['age']"><div class="post_field"><dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd></div></vb:if>
                   
      <div class="post_field"><dt>{vb:rawphrase 'posts'}</dt> <dd>{vb:raw post.posts}</dd>
          </div>
                                      
      {vb:raw template_hook.postbit_userinfo_right_after_posts}
                      </dl>
                      <vb:if condition="$show['infraction'] OR $show['reppower']">
                      <dl class="user_rep">
                          <vb:if condition="$show['infraction']">
                          <div class="post_field"><dt>{vb:rawphrase infractions}</dt> 
                          <dd>{vb:raw post.warnings}/{vb:raw post.infractions} ({vb:raw post.ipoints})</dd></div>
                          </vb:if>
                          <vb:if condition="$show['reputation']">
                              <vb:if condition="$show['reppower']">
                          <div class="post_field"><dt>{vb:rawphrase reppower}</dt> 
                          <dd>{vb:raw post.reppower}</dd></div> 
                              </vb:if>
                          </vb:if>
                                      <vb:if condition="$show['reputation']">
                      <span class="postbit_reputation" id="repdisplay_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reputationdisplay}</span>
                  </vb:if>
                      </dl>
                      </vb:if>
                      {vb:raw template_hook.postbit_userinfo_right}
                      <div class="imlinks">
                          {vb:raw post.icqicon} {vb:raw post.aimicon} {vb:raw post.msnicon} {vb:raw post.yahooicon} {vb:raw post.skypeicon}
                      </div>
                  </vb:if>
              </div>
              <div class="postbody">
                  <div class="postrow<vb:if condition="$show['postedited'] || $post['signature']"> has_after_content</vb:if>">
                      {vb:raw template_hook.postbit_messagearea_start}
                      <vb:if condition="$post['title'] OR $show['messageicon']">
                      <h2 class="title icon">
                          <vb:if condition="$show['messageicon']"><img src="{vb:raw post.iconpath}" alt="{vb:raw post.icontitle}" /> </vb:if>{vb:raw post.title}
                      </h2>
                      </vb:if>
      
      
      
      
      
      
      
      
                              <vb:if condition="$post['isfirstshown']">
                                  {vb:raw ad_location.ad_showthread_firstpost_start}
                                  {vb:raw ad_location.thread_first_post_content}
                              </vb:if>
                              <vb:if condition="$post['islastshown']">
                                  {vb:raw ad_location.thread_last_post_content}
                              </vb:if>
                      <div class="content<vb:if condition="$show['first_ad'] OR $show['last_ad']"> hasad</vb:if>">
                          <div id="post_message_{vb:raw post.postid}">
                              <blockquote class="postcontent restore ">
                                  {vb:raw post.message}
                              </blockquote>
                          </div>
      
      
      
      
                          <vb:if condition="$show['attachments']">
                              <div class="attachments">
      
      
      
      
                              <vb:if condition="$show['thumbnailattachment']">
                                  <fieldset class="postcontent">
                                      <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_thumbnails}" /> {vb:rawphrase attached_thumbnails}</legend>
                                      {vb:raw post.thumbnailattachments}
                                  </fieldset>
                              </vb:if>
      
      
      
      
                              <vb:if condition="$show['imageattachment']">
                                  <fieldset class="postcontent">
                                      <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" /> {vb:rawphrase attached_images}</legend>
                                      {vb:raw post.imageattachments}
                                  </fieldset>
                              </vb:if>
      
      
      
      
                              <vb:if condition="$show['imageattachmentlink']">
                                  <fieldset class="postcontent">
                                      <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" /> {vb:rawphrase attached_images}</legend>
                                      <ul>
                                      {vb:raw post.imageattachmentlinks}
                                      </ul>
                                  </fieldset>
                              </vb:if>
      
      
      
      
                              <vb:if condition="$show['otherattachment']">
                                  <fieldset class="postcontent">
                                      <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" /> {vb:rawphrase attached_files}</legend>
                                      <ul>
                                      {vb:raw post.otherattachments}
                                      </ul>
                                  </fieldset>
                              </vb:if>
      
      
      
      
                              <vb:if condition="$show['moderatedattachment']">
                                  <fieldset class="postcontent">
                                      <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" /> {vb:rawphrase attachments_pending_approval}</legend>
                                      <ul>
                                      {vb:raw post.moderatedattachments}
                                      </ul>
                                  </fieldset>
                              </vb:if>
      
      
      
      
                              </div>
                          <!-- / attachments -->
                          </vb:if>
                      </div>
                  </div>
      <div class="cleardiv"></div>
                  {vb:raw template_hook.postbit_messagearea_end}
                  <vb:if condition="$show['postedited'] || $post['signature']">
                  <div class="after_content">
                      <vb:if condition="$show['postedited']">
                      <!-- edit note -->
                      <blockquote class="postcontent lastedited">
      <!--                    <img src="{vb:stylevar imgdir_button}/edit_40b.png" class="inlineimg" alt="" /> -->
                          <vb:if condition="$show['postedithistory']">
                              {vb:rawphrase last_edited_link_by_x_on_y_at_z_postid, {vb:raw post.edit_username}, {vb:raw post.edit_date}, 
                                  {vb:raw post.edit_time}, {vb:raw post.historyurl}}
                          <vb:else />
                              {vb:rawphrase last_edited_by_x_on_y_at_z, {vb:raw post.edit_username}, {vb:raw post.edit_date}, {vb:raw post.edit_time}}
                          </vb:if>
                          <vb:if condition="$post['edit_reason']">
                              <span class="reason">{vb:rawphrase reason}:</span> {vb:raw post.edit_reason}
                          </vb:if>
                      </blockquote>
                      <!-- / edit note -->
                      </vb:if>
                                             {vb:raw template_hook.postbit_signature_start}
                                      {vb:raw ad_location.ad_showthread_firstpost_sig}
                      <vb:if condition="$post['signature']">
                              <blockquote class="signature restore"><div class="signaturecontainer">{vb:raw post.signature}</div></blockquote>
                      </vb:if>
                                              {vb:raw template_hook.postbit_signature_end}
                  </div>
                  </vb:if>
              </div>
          </div>
              <div class="postfoot">
                  <!-- <div class="postfoot_container"> -->
                  <div class="textcontrols floatcontainer">
                      <span class="postcontrols">
                          <img style="display:none" id="progress_{vb:raw post.postid}" src="{vb:stylevar imgdir_misc}/progress.gif" alt="{vb:rawphrase loading_editor_please_wait}" />
                          <vb:if condition="$post['editlink']">
                              <span class="seperator">&nbsp;</span><a class="editpost" href="{vb:raw post.editlink}" name="vB::QuickEdit::{vb:raw post.postid}"><img src="{vb:raw vboptions.cleargifurl}" id="editimg_{vb:raw post.postid}" alt="{vb:rawphrase edit_delete_message}" /> {vb:rawphrase edit_post}</a> 
                          <span class="seperator">&nbsp;</span>
                          </vb:if>
                          <vb:if condition="$show['quickreply'] AND !$show['threadedmode']">
                              <a id="qr_{vb:raw post.postid}" class='quickreply' href="{vb:raw post.replylink}" rel="nofollow"><img id="replyimg_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase quick_reply_to_this_message}" /> {vb:rawphrase reply}</a> 
                          <span class="seperator">&nbsp;</span>
                          </vb:if>
                          <vb:if condition="$post['replylink']">
                              <a id="qrwq_{vb:raw post.postid}" class="newreply" href="{vb:raw post.replylink}" rel="nofollow"><img id="quoteimg_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase reply_with_quote}" />  <vb:if condition="$post['forwardlink']">{vb:rawphrase reply_to_private_message}<vb:else />{vb:rawphrase reply_with_quote}</vb:if></a> 
                          <vb:if condition="$show['multiquote_post']"><span class="seperator">&nbsp;</span></vb:if>
                          </vb:if>
                          <vb:if condition="$show['multiquote_post']">
                              
                               <a class="multiquote" href="{vb:raw post.replylink}" rel="nofollow" onclick="return false;" id="mq_{vb:raw post.postid}"><img id="mq_image_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase multi_quote_this_message}" />&nbsp;</a> 
                          </vb:if>
                      </span>
                      <span class="postlinking">
                          <vb:if condition="!$post['forwardlink'] && THIS_SCRIPT != 'usernote' && THIS_SCRIPT != 'announcement'">
                              <vb:if condition="$promote_sectionid AND $promote_sectionid != -1">
                                     <a href="{vb:raw promote_url}" class="promotecms">{vb:rawphrase promote_to_article}</a>
                                                             <span class="seperator">&nbsp;</span>
                              </vb:if>
                          </vb:if>
      
      
      
      
                          {vb:raw template_hook.postbit_controls}
                          {vb:raw post.iplogged}
                          <vb:if condition="$post['forwardlink']">
                              <a class="forwardpost" href="{vb:raw post.forwardlink}" rel="nofollow"><img src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase forward_message}" /> {vb:rawphrase forward}</a>
                              <vb:if condition="$show['reputationlink'] OR $show['infractionlink'] OR $show['moderated'] OR $show['spam'] OR $show['deletedpost'] OR $show['redcard'] OR $show['yellowcard']"><span class="seperator">&nbsp;</span></vb:if>
                          </vb:if>
                          <vb:if condition="$show['reputationlink']">
                              <span class="reputationpopupmenu popupmenu popupcustom" title="{vb:raw post.postid}"><a class="popupctrl reputation" title="{vb:rawphrase reputation}" href="reputation.php?{vb:raw session.sessionurl}do=addreputation&amp;p={vb:raw post.postid}" rel="nofollow" id="reputation_{vb:raw post.postid}"><!--<img src="{vb:stylevar imgdir_button}/reputation-40b.png" alt="{vb:rawphrase reputation}" /> -->&nbsp;</a></span>
                          </vb:if>
      
      
      
      
                          <vb:if condition="$show['infractionlink']">
                              <a class="infraction" href="infraction.php?{vb:raw session.sessionurl}do=report&amp;p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase add_infraction_for_x, {vb:raw post.username}}"><!-- <img src="{vb:stylevar imgdir_button}/add-infraction_sm.png" alt="{vb:rawphrase add_infraction_for_x, {vb:raw post.username}}" /> --> &nbsp;</a> &nbsp;
                          </vb:if>
                          <vb:if condition="$show['reportlink']">
                              <a class="report" href="{vb:raw post.reportlink}" rel="nofollow" title="{vb:rawphrase report_bad_post}"><!-- <img src="{vb:stylevar imgdir_button}/report-40b.png" alt="{vb:rawphrase report_bad_post}" /> -->&nbsp;</a><span class="seperator">&nbsp;</span> &nbsp;
                          </vb:if>
      
      
      
      
                          <vb:if condition="$show['moderated']">
                              <img class="moderated" src="{vb:stylevar imgdir_misc}/moderated_sm.png" alt="{vb:rawphrase moderated_post}" />
                          </vb:if>
                          <vb:if condition="$show['spam']">
                              <img class="spam" src="{vb:stylevar imgdir_misc}/spam_detected.png" alt="{vb:rawphrase spam_post}" />
                          </vb:if>
                          <vb:if condition="$show['deletedpost']">
                              <vb:if condition="$show['managepost']">
                                  <a class="deleted" href="{vb:raw $vboptions.vbforum_url}{vb:if "$vboptions['vbforum_url']", '/', ''}postings.php?{vb:raw session.sessionurl}do=managepost&amp;p={vb:raw post.postid}" title="{vb:rawphrase manage}">&nbsp;</a>
                              <vb:else />
                                  <img class="deleted_nolink" class="inlineimage" src="{vb:stylevar imgdir_button}/deleted_sm.png" alt="{vb:rawphrase deleted_post}" />
                              </vb:if>
                          </vb:if>
                          <vb:if condition="$show['redcard']">
                              <a class="redcard" href="infraction.php?{vb:raw session.sessionurl}do=view&amp;p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase received_infraction}"><!-- <img src="{vb:stylevar imgdir_button}/red-card_sm.png" alt="{vb:rawphrase received_infraction}" /> --> &nbsp;</a>
                              <vb:elseif condition="$show['yellowcard']" />
                                  <a class="yellowcard" href="infraction.php?{vb:raw session.sessionurl}do=view&amp;p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase received_warning}"><!--<img src="{vb:stylevar imgdir_button}/yellow-card_sm.png" alt="{vb:rawphrase received_warning}" /> --> &nbsp;</a>
                          </vb:if>
                      </span>
                  <!-- </div> -->
                  </div>
              </div>
          <hr />
      </li>
      {vb:raw template_hook.postbit_end}

      2. کدهای زیر رو به انتهای ادیشنال اضافه کنید .

      ( ادمین سی پی > استایل ها & قالب ها > جستجو در قالب ها > additional.css )

      کد:
      .username_container{padding:2px 0;text-align:left;margin-right:11px}.usertitle,.rank{text-align:center}
      .usercenter {
          text-align: center;
          margin: 6px -1px 2px 0px;
      }
      .usercenter img {
          max-width: 170px;
          padding: 6px;
          border: 1px solid #DFDFDF;
      }
      
      .postbitlegacy .userinfo .username_container {
          margin-right: 12px;
          text-align: left;
          position: relative;
          top: 8px;
      }
      
      .post_field {
          padding: 8px 5px;
          font-family: BYekan;
          color: #A3A3A3;
          margin-left: -2px;
          border-bottom: 1px solid #cecece;
          font-size: 13px;
      }
      
      .postbitlegacy .userinfo {
          background: none repeat scroll 0% 0% #fff !important;
          border-left: 1px solid #cecece !important;
      }
      
      .postbody .content div {display: block !important;}
      
      span.icon_lightbulb_alt {
          font-size: 24px;
          float: right;
          padding: 2px;
          border-radius: 2px;
          margin-right: -12px;
          position: relative;
          bottom: 7px;
          margin-bottom: 6px;
      }
      
      .postbitlegacy .userinfo a.username, .eventbit .userinfo a.username {
          background: none repeat scroll 0% 0% #ededed !important;
          padding: 5px 6px !important;
          border-radius: 2px !important;
      }
      
      div#bottom-avatar-links {
          background: none repeat scroll 0% 0% #EDEDED;
          padding: 8px 4px 13px;
          margin-right: 2px;
          border-radius: 2px;
          margin-top: 4px;
      }
      
      a.send-pm-touser {
          margin-right: 4px;
      }
      
      span.icon_mail_alt {
          font-size: 24px;
          color: #CBCBCB;
          border-radius: 100%;
          border: 1px solid #CBCBCB;
          padding: 1px 5px 6px;
          background: none repeat scroll 0% 0% #FFF;
          box-shadow: 0px 0px 0px 2px #FFF;
      }
      
      a.send-pm-touser:hover span.icon_mail_alt {
          color: #3686E0;
          border: 1px solid #3686E0;
      }
      
      a.show-topics {
          margin-right: 4px;
      }
      
      span.icon_search-2 {
          font-size: 21px;
          color: #CBCBCB;
          border-radius: 100%;
          border: 1px solid #CBCBCB;
          padding: 5px 6px 5px;
          background: none repeat scroll 0% 0% #FFF;
          box-shadow: 0px 0px 0px 2px #FFF;
          position: relative;
          top: 2px;
      }
      
      a.show-topics:hover span.icon_search-2 {
          color: #FF7805;
          border: 1px solid #FF7805;
      }
      
      a.send-freind-request {
          margin-right: 4px;
      }
      
      span.icon_like {
          font-size: 24px;
          color: #CBCBCB;
          border-radius: 100%;
          border: 1px solid #CBCBCB;
          padding: 3px 5px 5px;
          background: none repeat scroll 0% 0% #FFF;
          box-shadow: 0px 0px 0px 2px #FFF;
          position: relative;
          top: 1px;
      }
      
      a.send-freind-request:hover span.icon_like {
          color: #AB1BB4;
          border: 1px solid #AB1BB4;
      }
      
      a.visit-profile {
          margin-right: 4px;
      }
      
      span.icon_id-2 {
          font-size: 24px;
          color: #CBCBCB;
          border-radius: 100%;
          border: 1px solid #CBCBCB;
          padding: 3px 5px 5px;
          background: none repeat scroll 0% 0% #FFF;
          box-shadow: 0px 0px 0px 2px #FFF;
          position: relative;
          top: 1px;
      }
      
      a.visit-profile:hover span.icon_id-2 {
          color: #12C30D;
          border: 1px solid #12C30D;
      }
      
      div.Hourglass-Rank {
          font-family: BYekan;
          width: 190px;
          text-align: center;
          font-size: 13px;
      }
      
      span.after-rank {
          width: 0px;
          height: 0px;
          border-left: 7px solid red;
          border-bottom: 6px solid transparent;
          border-top: 6px solid transparent;
      }
      
      .ac-container {
          text-align: right;
          z-index: 999;
          right: 35px;
          top: 0px;
          float: right;
          position: absolute;
      }
      
      .ac-container label {
          font-family: BYekan;
          padding: 5px 8px;
          position: relative;
          z-index: 20;
          display: inline-block !important;
          cursor: pointer;
          color: #FFF;
          direction: rtl;
          line-height: 33px;
          font-size: 14px;
          background: none repeat scroll 0% 0% transparent;
          border-left: 1px dashed #9B37C0;
          border-right: 1px dashed #9B37C0;
      }
      
      .ac-container input:checked + label,
      .ac-container input:checked + label:hover{
          background: none repeat scroll 0% 0% rgba(250, 250, 250, 0.1);
          color: #F2F2F2;
      }
      .ac-container label:hover:after,
      .ac-container input:checked + label:hover:after{
          content: '';
          position: absolute;
          width: 24px;
          height: 24px;
          left: 13px;
          top: 7px;
          background: transparent url(../images/arrow_down.png) no-repeat center center;    
      }
      .ac-container input:checked + label:hover:after{
          background-image: url(../images/arrow_up.png);
      }
      .ac-container input{
          display: none;
      }
      .ac-container article{
          background: none repeat scroll 0% 0% #fff;
          margin-top: 3px;
              border-radius: 4px;
          overflow: hidden;
          height: 0px;
          position: relative;
          z-index: 10;
          -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
          -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
          -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
          -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
          transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
      }
      
      .ac-container article p {
          color: #777;
          direction: rtl;
          line-height: 23px;
          font-size: 14px;
          padding: 3px 8px;
          font-family: BYekan;
          border-bottom: 1px solid #cecece;
      }
      
      .ac-container article p:hover {
          background: none repeat scroll 0% 0% #EFEFEF;
      }
      
      .ac-container input:checked ~ article{
          -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
          -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
          -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
          -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
          transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
          box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
      }
      .ac-container input:checked ~ article.ac-small{
          height: 120px;
      }
      
      span.icon_flowchart {
          font-size: 16px;
          float: right;
          color: #852D98;
          position: relative;
          top: 6px;
          margin-left: 7px;
          border: 1px solid #852D98;
          border-radius: 100%;
          padding: 4px;
          background: none repeat scroll 0% 0% rgb(242, 242, 242);
          box-shadow: 0px 0px 0px 1px #F2F2F2;
      }
      
      span.icon_check_alt {
          font-size: 16px;
          color: #BABABA;
          position: relative;
          top: 3px;
          margin-left: 4px;
      }
      
      span.arrow_carrot-down_alt2 {
          float: left;
          color: #F2F2F2;
          font-size: 13px;
          position: relative;
          top: 13px;
          margin-right: 6px;
      }
      
      
      
      
      @font-face {
        font-family: 'Byekan';
        src: url('images/Hourglass/font/BYekan.woff') format('woff');
        font-style: normal;
        font-weight: normal;
      }
      
      
      
      
      
      
      
      @font-face {
        font-family: 'ElegantIcons';
        src:url('fonts/Eleganticons.eot') format('embedded-opentype'),
        url('fonts/Eleganticons.woff') format('woff'),
        url('fonts/Eleganticons.ttf') format('truetype'),
        url('fonts/Eleganticons.svg') format('svg');
        font-weight: normal;
        font-style: normal;
      }
      
      /* Use the following CSS code if you want to use data attributes for inserting your icons */
      [data-icon]:before {
          font-family: 'ElegantIcons';
          content: attr(data-icon);
          speak: none;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
      }
      
      /* Use the following CSS code if you want to have a class per icon */
      /*
      Instead of a list of all class selectors,
      you can use the generic selector below, but it's slower:
      [class*="your-class-prefix"] {
      */
      .arrow_up, .arrow_down, .arrow_left, .arrow_right, .arrow_left-up, .arrow_right-up, .arrow_right-down, .arrow_left-down, .arrow-up-down, .arrow_up-down_alt, .arrow_left-right_alt, .arrow_left-right, .arrow_expand_alt2, .arrow_expand_alt, .arrow_condense, .arrow_expand, .arrow_move, .arrow_carrot-up, .arrow_carrot-down, .arrow_carrot-left, .arrow_carrot-right, .arrow_carrot-2up, .arrow_carrot-2down, .arrow_carrot-2left, .arrow_carrot-2right, .arrow_carrot-up_alt2, .arrow_carrot-down_alt2, .arrow_carrot-left_alt2, .arrow_carrot-right_alt2, .arrow_carrot-2up_alt2, .arrow_carrot-2down_alt2, .arrow_carrot-2left_alt2, .arrow_carrot-2right_alt2, .arrow_triangle-up, .arrow_triangle-down, .arrow_triangle-left, .arrow_triangle-right, .arrow_triangle-up_alt2, .arrow_triangle-down_alt2, .arrow_triangle-left_alt2, .arrow_triangle-right_alt2, .arrow_back, .icon_minus-06, .icon_plus, .icon_close, .icon_check, .icon_minus_alt2, .icon_plus_alt2, .icon_close_alt2, .icon_check_alt2, .icon_zoom-out_alt, .icon_zoom-in_alt, .icon_search, .icon_box-empty, .icon_box-selected, .icon_minus-box, .icon_plus-box, .icon_box-checked, .icon_circle-empty, .icon_circle-slelected, .icon_stop_alt2, .icon_stop, .icon_pause_alt2, .icon_pause, .icon_menu, .icon_menu-square_alt2, .icon_menu-circle_alt2, .icon_ul, .icon_ol, .icon_adjust-horiz, .icon_adjust-vert, .icon_document_alt, .icon_documents_alt, .icon_pencil, .icon_pencil-edit_alt, .icon_pencil-edit, .icon_folder-alt, .icon_folder-open_alt, .icon_folder-add_alt, .icon_info_alt, .icon_error-oct_alt, .icon_error-circle_alt, .icon_error-triangle_alt, .icon_question_alt2, .icon_question, .icon_comment_alt, .icon_chat_alt, .icon_vol-mute_alt, .icon_volume-low_alt, .icon_volume-high_alt, .icon_quotations, .icon_quotations_alt2, .icon_clock_alt, .icon_lock_alt, .icon_lock-open_alt, .icon_key_alt, .icon_cloud_alt, .icon_cloud-upload_alt, .icon_cloud-download_alt, .icon_image, .icon_images, .icon_lightbulb_alt, .icon_gift_alt, .icon_house_alt, .icon_genius, .icon_mobile, .icon_tablet, .icon_laptop, .icon_desktop, .icon_camera_alt, .icon_mail_alt, .icon_cone_alt, .icon_ribbon_alt, .icon_bag_alt, .icon_creditcard, .icon_cart_alt, .icon_paperclip, .icon_tag_alt, .icon_tags_alt, .icon_trash_alt, .icon_cursor_alt, .icon_mic_alt, .icon_compass_alt, .icon_pin_alt, .icon_pushpin_alt, .icon_map_alt, .icon_drawer_alt, .icon_toolbox_alt, .icon_book_alt, .icon_calendar, .icon_film, .icon_table, .icon_contacts_alt, .icon_headphones, .icon_lifesaver, .icon_piechart, .icon_refresh, .icon_link_alt, .icon_link, .icon_loading, .icon_blocked, .icon_archive_alt, .icon_heart_alt, .icon_star_alt, .icon_star-half_alt, .icon_star, .icon_star-half, .icon_tools, .icon_tool, .icon_cog, .icon_cogs, .arrow_up_alt, .arrow_down_alt, .arrow_left_alt, .arrow_right_alt, .arrow_left-up_alt, .arrow_right-up_alt, .arrow_right-down_alt, .arrow_left-down_alt, .arrow_condense_alt, .arrow_expand_alt3, .arrow_carrot_up_alt, .arrow_carrot-down_alt, .arrow_carrot-left_alt, .arrow_carrot-right_alt, .arrow_carrot-2up_alt, .arrow_carrot-2dwnn_alt, .arrow_carrot-2left_alt, .arrow_carrot-2right_alt, .arrow_triangle-up_alt, .arrow_triangle-down_alt, .arrow_triangle-left_alt, .arrow_triangle-right_alt, .icon_minus_alt, .icon_plus_alt, .icon_close_alt, .icon_check_alt, .icon_zoom-out, .icon_zoom-in, .icon_stop_alt, .icon_menu-square_alt, .icon_menu-circle_alt, .icon_document, .icon_documents, .icon_pencil_alt, .icon_folder, .icon_folder-open, .icon_folder-add, .icon_folder_upload, .icon_folder_download, .icon_info, .icon_error-circle, .icon_error-oct, .icon_error-triangle, .icon_question_alt, .icon_comment, .icon_chat, .icon_vol-mute, .icon_volume-low, .icon_volume-high, .icon_quotations_alt, .icon_clock, .icon_lock, .icon_lock-open, .icon_key, .icon_cloud, .icon_cloud-upload, .icon_cloud-download, .icon_lightbulb, .icon_gift, .icon_house, .icon_camera, .icon_mail, .icon_cone, .icon_ribbon, .icon_bag, .icon_cart, .icon_tag, .icon_tags, .icon_trash, .icon_cursor, .icon_mic, .icon_compass, .icon_pin, .icon_pushpin, .icon_map, .icon_drawer, .icon_toolbox, .icon_book, .icon_contacts, .icon_archive, .icon_heart, .icon_profile, .icon_group, .icon_grid-2x2, .icon_grid-3x3, .icon_music, .icon_pause_alt, .icon_phone, .icon_upload, .icon_download, .social_facebook, .social_twitter, .social_pinterest, .social_googleplus, .social_tumblr, .social_tumbleupon, .social_wordpress, .social_instagram, .social_dribbble, .social_vimeo, .social_linkedin, .social_rss, .social_deviantart, .social_share, .social_myspace, .social_skype, .social_youtube, .social_picassa, .social_googledrive, .social_flickr, .social_blogger, .social_spotify, .social_delicious, .social_facebook_circle, .social_twitter_circle, .social_pinterest_circle, .social_googleplus_circle, .social_tumblr_circle, .social_stumbleupon_circle, .social_wordpress_circle, .social_instagram_circle, .social_dribbble_circle, .social_vimeo_circle, .social_linkedin_circle, .social_rss_circle, .social_deviantart_circle, .social_share_circle, .social_myspace_circle, .social_skype_circle, .social_youtube_circle, .social_picassa_circle, .social_googledrive_alt2, .social_flickr_circle, .social_blogger_circle, .social_spotify_circle, .social_delicious_circle, .social_facebook_square, .social_twitter_square, .social_pinterest_square, .social_googleplus_square, .social_tumblr_square, .social_stumbleupon_square, .social_wordpress_square, .social_instagram_square, .social_dribbble_square, .social_vimeo_square, .social_linkedin_square, .social_rss_square, .social_deviantart_square, .social_share_square, .social_myspace_square, .social_skype_square, .social_youtube_square, .social_picassa_square, .social_googledrive_square, .social_flickr_square, .social_blogger_square, .social_spotify_square, .social_delicious_square, .icon_printer, .icon_calulator, .icon_building, .icon_floppy, .icon_drive, .icon_search-2, .icon_id, .icon_id-2, .icon_puzzle, .icon_like, .icon_dislike, .icon_mug, .icon_currency, .icon_wallet, .icon_pens, .icon_easel, .icon_flowchart, .icon_datareport, .icon_briefcase, .icon_shield, .icon_percent, .icon_globe, .icon_globe-2, .icon_target, .icon_hourglass, .icon_balance, .icon_rook, .icon_printer-alt, .icon_calculator_alt, .icon_building_alt, .icon_floppy_alt, .icon_drive_alt, .icon_search_alt, .icon_id_alt, .icon_id-2_alt, .icon_puzzle_alt, .icon_like_alt, .icon_dislike_alt, .icon_mug_alt, .icon_currency_alt, .icon_wallet_alt, .icon_pens_alt, .icon_easel_alt, .icon_flowchart_alt, .icon_datareport_alt, .icon_briefcase_alt, .icon_shield_alt, .icon_percent_alt, .icon_globe_alt, .icon_clipboard {
          font-family: 'ElegantIcons';
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          -webkit-font-smoothing: antialiased;
      }
      .arrow_up:before {
          content: "\21";
      }
      .arrow_down:before {
          content: "\22";
      }
      .arrow_left:before {
          content: "\23";
      }
      .arrow_right:before {
          content: "\24";
      }
      .arrow_left-up:before {
          content: "\25";
      }
      .arrow_right-up:before {
          content: "\26";
      }
      .arrow_right-down:before {
          content: "\27";
      }
      .arrow_left-down:before {
          content: "\28";
      }
      .arrow-up-down:before {
          content: "\29";
      }
      .arrow_up-down_alt:before {
          content: "\2a";
      }
      .arrow_left-right_alt:before {
          content: "\2b";
      }
      .arrow_left-right:before {
          content: "\2c";
      }
      .arrow_expand_alt2:before {
          content: "\2d";
      }
      .arrow_expand_alt:before {
          content: "\2e";
      }
      .arrow_condense:before {
          content: "\2f";
      }
      .arrow_expand:before {
          content: "\30";
      }
      .arrow_move:before {
          content: "\31";
      }
      .arrow_carrot-up:before {
          content: "\32";
      }
      .arrow_carrot-down:before {
          content: "\33";
      }
      .arrow_carrot-left:before {
          content: "\34";
      }
      .arrow_carrot-right:before {
          content: "\35";
      }
      .arrow_carrot-2up:before {
          content: "\36";
      }
      .arrow_carrot-2down:before {
          content: "\37";
      }
      .arrow_carrot-2left:before {
          content: "\38";
      }
      .arrow_carrot-2right:before {
          content: "\39";
      }
      .arrow_carrot-up_alt2:before {
          content: "\3a";
      }
      .arrow_carrot-down_alt2:before {
          content: "\3b";
      }
      .arrow_carrot-left_alt2:before {
          content: "\3c";
      }
      .arrow_carrot-right_alt2:before {
          content: "\3d";
      }
      .arrow_carrot-2up_alt2:before {
          content: "\3e";
      }
      .arrow_carrot-2down_alt2:before {
          content: "\3f";
      }
      .arrow_carrot-2left_alt2:before {
          content: "\40";
      }
      .arrow_carrot-2right_alt2:before {
          content: "\41";
      }
      .arrow_triangle-up:before {
          content: "\42";
      }
      .arrow_triangle-down:before {
          content: "\43";
      }
      .arrow_triangle-left:before {
          content: "\44";
      }
      .arrow_triangle-right:before {
          content: "\45";
      }
      .arrow_triangle-up_alt2:before {
          content: "\46";
      }
      .arrow_triangle-down_alt2:before {
          content: "\47";
      }
      .arrow_triangle-left_alt2:before {
          content: "\48";
      }
      .arrow_triangle-right_alt2:before {
          content: "\49";
      }
      .arrow_back:before {
          content: "\4a";
      }
      .icon_minus-06:before {
          content: "\4b";
      }
      .icon_plus:before {
          content: "\4c";
      }
      .icon_close:before {
          content: "\4d";
      }
      .icon_check:before {
          content: "\4e";
      }
      .icon_minus_alt2:before {
          content: "\4f";
      }
      .icon_plus_alt2:before {
          content: "\50";
      }
      .icon_close_alt2:before {
          content: "\51";
      }
      .icon_check_alt2:before {
          content: "\52";
      }
      .icon_zoom-out_alt:before {
          content: "\53";
      }
      .icon_zoom-in_alt:before {
          content: "\54";
      }
      .icon_search:before {
          content: "\55";
      }
      .icon_box-empty:before {
          content: "\56";
      }
      .icon_box-selected:before {
          content: "\57";
      }
      .icon_minus-box:before {
          content: "\58";
      }
      .icon_plus-box:before {
          content: "\59";
      }
      .icon_box-checked:before {
          content: "\5a";
      }
      .icon_circle-empty:before {
          content: "\5b";
      }
      .icon_circle-slelected:before {
          content: "\5c";
      }
      .icon_stop_alt2:before {
          content: "\5d";
      }
      .icon_stop:before {
          content: "\5e";
      }
      .icon_pause_alt2:before {
          content: "\5f";
      }
      .icon_pause:before {
          content: "\60";
      }
      .icon_menu:before {
          content: "\61";
      }
      .icon_menu-square_alt2:before {
          content: "\62";
      }
      .icon_menu-circle_alt2:before {
          content: "\63";
      }
      .icon_ul:before {
          content: "\64";
      }
      .icon_ol:before {
          content: "\65";
      }
      .icon_adjust-horiz:before {
          content: "\66";
      }
      .icon_adjust-vert:before {
          content: "\67";
      }
      .icon_document_alt:before {
          content: "\68";
      }
      .icon_documents_alt:before {
          content: "\69";
      }
      .icon_pencil:before {
          content: "\6a";
      }
      .icon_pencil-edit_alt:before {
          content: "\6b";
      }
      .icon_pencil-edit:before {
          content: "\6c";
      }
      .icon_folder-alt:before {
          content: "\6d";
      }
      .icon_folder-open_alt:before {
          content: "\6e";
      }
      .icon_folder-add_alt:before {
          content: "\6f";
      }
      .icon_info_alt:before {
          content: "\70";
      }
      .icon_error-oct_alt:before {
          content: "\71";
      }
      .icon_error-circle_alt:before {
          content: "\72";
      }
      .icon_error-triangle_alt:before {
          content: "\73";
      }
      .icon_question_alt2:before {
          content: "\74";
      }
      .icon_question:before {
          content: "\75";
      }
      .icon_comment_alt:before {
          content: "\76";
      }
      .icon_chat_alt:before {
          content: "\77";
      }
      .icon_vol-mute_alt:before {
          content: "\78";
      }
      .icon_volume-low_alt:before {
          content: "\79";
      }
      .icon_volume-high_alt:before {
          content: "\7a";
      }
      .icon_quotations:before {
          content: "\7b";
      }
      .icon_quotations_alt2:before {
          content: "\7c";
      }
      .icon_clock_alt:before {
          content: "\7d";
      }
      .icon_lock_alt:before {
          content: "\7e";
      }
      .icon_lock-open_alt:before {
          content: "\e000";
      }
      .icon_key_alt:before {
          content: "\e001";
      }
      .icon_cloud_alt:before {
          content: "\e002";
      }
      .icon_cloud-upload_alt:before {
          content: "\e003";
      }
      .icon_cloud-download_alt:before {
          content: "\e004";
      }
      .icon_image:before {
          content: "\e005";
      }
      .icon_images:before {
          content: "\e006";
      }
      .icon_lightbulb_alt:before {
          content: "\e007";
      }
      .icon_gift_alt:before {
          content: "\e008";
      }
      .icon_house_alt:before {
          content: "\e009";
      }
      .icon_genius:before {
          content: "\e00a";
      }
      .icon_mobile:before {
          content: "\e00b";
      }
      .icon_tablet:before {
          content: "\e00c";
      }
      .icon_laptop:before {
          content: "\e00d";
      }
      .icon_desktop:before {
          content: "\e00e";
      }
      .icon_camera_alt:before {
          content: "\e00f";
      }
      .icon_mail_alt:before {
          content: "\e010";
      }
      .icon_cone_alt:before {
          content: "\e011";
      }
      .icon_ribbon_alt:before {
          content: "\e012";
      }
      .icon_bag_alt:before {
          content: "\e013";
      }
      .icon_creditcard:before {
          content: "\e014";
      }
      .icon_cart_alt:before {
          content: "\e015";
      }
      .icon_paperclip:before {
          content: "\e016";
      }
      .icon_tag_alt:before {
          content: "\e017";
      }
      .icon_tags_alt:before {
          content: "\e018";
      }
      .icon_trash_alt:before {
          content: "\e019";
      }
      .icon_cursor_alt:before {
          content: "\e01a";
      }
      .icon_mic_alt:before {
          content: "\e01b";
      }
      .icon_compass_alt:before {
          content: "\e01c";
      }
      .icon_pin_alt:before {
          content: "\e01d";
      }
      .icon_pushpin_alt:before {
          content: "\e01e";
      }
      .icon_map_alt:before {
          content: "\e01f";
      }
      .icon_drawer_alt:before {
          content: "\e020";
      }
      .icon_toolbox_alt:before {
          content: "\e021";
      }
      .icon_book_alt:before {
          content: "\e022";
      }
      .icon_calendar:before {
          content: "\e023";
      }
      .icon_film:before {
          content: "\e024";
      }
      .icon_table:before {
          content: "\e025";
      }
      .icon_contacts_alt:before {
          content: "\e026";
      }
      .icon_headphones:before {
          content: "\e027";
      }
      .icon_lifesaver:before {
          content: "\e028";
      }
      .icon_piechart:before {
          content: "\e029";
      }
      .icon_refresh:before {
          content: "\e02a";
      }
      .icon_link_alt:before {
          content: "\e02b";
      }
      .icon_link:before {
          content: "\e02c";
      }
      .icon_loading:before {
          content: "\e02d";
      }
      .icon_blocked:before {
          content: "\e02e";
      }
      .icon_archive_alt:before {
          content: "\e02f";
      }
      .icon_heart_alt:before {
          content: "\e030";
      }
      .icon_star_alt:before {
          content: "\e031";
      }
      .icon_star-half_alt:before {
          content: "\e032";
      }
      .icon_star:before {
          content: "\e033";
      }
      .icon_star-half:before {
          content: "\e034";
      }
      .icon_tools:before {
          content: "\e035";
      }
      .icon_tool:before {
          content: "\e036";
      }
      .icon_cog:before {
          content: "\e037";
      }
      .icon_cogs:before {
          content: "\e038";
      }
      .arrow_up_alt:before {
          content: "\e039";
      }
      .arrow_down_alt:before {
          content: "\e03a";
      }
      .arrow_left_alt:before {
          content: "\e03b";
      }
      .arrow_right_alt:before {
          content: "\e03c";
      }
      .arrow_left-up_alt:before {
          content: "\e03d";
      }
      .arrow_right-up_alt:before {
          content: "\e03e";
      }
      .arrow_right-down_alt:before {
          content: "\e03f";
      }
      .arrow_left-down_alt:before {
          content: "\e040";
      }
      .arrow_condense_alt:before {
          content: "\e041";
      }
      .arrow_expand_alt3:before {
          content: "\e042";
      }
      .arrow_carrot_up_alt:before {
          content: "\e043";
      }
      .arrow_carrot-down_alt:before {
          content: "\e044";
      }
      .arrow_carrot-left_alt:before {
          content: "\e045";
      }
      .arrow_carrot-right_alt:before {
          content: "\e046";
      }
      .arrow_carrot-2up_alt:before {
          content: "\e047";
      }
      .arrow_carrot-2dwnn_alt:before {
          content: "\e048";
      }
      .arrow_carrot-2left_alt:before {
          content: "\e049";
      }
      .arrow_carrot-2right_alt:before {
          content: "\e04a";
      }
      .arrow_triangle-up_alt:before {
          content: "\e04b";
      }
      .arrow_triangle-down_alt:before {
          content: "\e04c";
      }
      .arrow_triangle-left_alt:before {
          content: "\e04d";
      }
      .arrow_triangle-right_alt:before {
          content: "\e04e";
      }
      .icon_minus_alt:before {
          content: "\e04f";
      }
      .icon_plus_alt:before {
          content: "\e050";
      }
      .icon_close_alt:before {
          content: "\e051";
      }
      .icon_check_alt:before {
          content: "\e052";
      }
      .icon_zoom-out:before {
          content: "\e053";
      }
      .icon_zoom-in:before {
          content: "\e054";
      }
      .icon_stop_alt:before {
          content: "\e055";
      }
      .icon_menu-square_alt:before {
          content: "\e056";
      }
      .icon_menu-circle_alt:before {
          content: "\e057";
      }
      .icon_document:before {
          content: "\e058";
      }
      .icon_documents:before {
          content: "\e059";
      }
      .icon_pencil_alt:before {
          content: "\e05a";
      }
      .icon_folder:before {
          content: "\e05b";
      }
      .icon_folder-open:before {
          content: "\e05c";
      }
      .icon_folder-add:before {
          content: "\e05d";
      }
      .icon_folder_upload:before {
          content: "\e05e";
      }
      .icon_folder_download:before {
          content: "\e05f";
      }
      .icon_info:before {
          content: "\e060";
      }
      .icon_error-circle:before {
          content: "\e061";
      }
      .icon_error-oct:before {
          content: "\e062";
      }
      .icon_error-triangle:before {
          content: "\e063";
      }
      .icon_question_alt:before {
          content: "\e064";
      }
      .icon_comment:before {
          content: "\e065";
      }
      .icon_chat:before {
          content: "\e066";
      }
      .icon_vol-mute:before {
          content: "\e067";
      }
      .icon_volume-low:before {
          content: "\e068";
      }
      .icon_volume-high:before {
          content: "\e069";
      }
      .icon_quotations_alt:before {
          content: "\e06a";
      }
      .icon_clock:before {
          content: "\e06b";
      }
      .icon_lock:before {
          content: "\e06c";
      }
      .icon_lock-open:before {
          content: "\e06d";
      }
      .icon_key:before {
          content: "\e06e";
      }
      .icon_cloud:before {
          content: "\e06f";
      }
      .icon_cloud-upload:before {
          content: "\e070";
      }
      .icon_cloud-download:before {
          content: "\e071";
      }
      .icon_lightbulb:before {
          content: "\e072";
      }
      .icon_gift:before {
          content: "\e073";
      }
      .icon_house:before {
          content: "\e074";
      }
      .icon_camera:before {
          content: "\e075";
      }
      .icon_mail:before {
          content: "\e076";
      }
      .icon_cone:before {
          content: "\e077";
      }
      .icon_ribbon:before {
          content: "\e078";
      }
      .icon_bag:before {
          content: "\e079";
      }
      .icon_cart:before {
          content: "\e07a";
      }
      .icon_tag:before {
          content: "\e07b";
      }
      .icon_tags:before {
          content: "\e07c";
      }
      .icon_trash:before {
          content: "\e07d";
      }
      .icon_cursor:before {
          content: "\e07e";
      }
      .icon_mic:before {
          content: "\e07f";
      }
      .icon_compass:before {
          content: "\e080";
      }
      .icon_pin:before {
          content: "\e081";
      }
      .icon_pushpin:before {
          content: "\e082";
      }
      .icon_map:before {
          content: "\e083";
      }
      .icon_drawer:before {
          content: "\e084";
      }
      .icon_toolbox:before {
          content: "\e085";
      }
      .icon_book:before {
          content: "\e086";
      }
      .icon_contacts:before {
          content: "\e087";
      }
      .icon_archive:before {
          content: "\e088";
      }
      .icon_heart:before {
          content: "\e089";
      }
      .icon_profile:before {
          content: "\e08a";
      }
      .icon_group:before {
          content: "\e08b";
      }
      .icon_grid-2x2:before {
          content: "\e08c";
      }
      .icon_grid-3x3:before {
          content: "\e08d";
      }
      .icon_music:before {
          content: "\e08e";
      }
      .icon_pause_alt:before {
          content: "\e08f";
      }
      .icon_phone:before {
          content: "\e090";
      }
      .icon_upload:before {
          content: "\e091";
      }
      .icon_download:before {
          content: "\e092";
      }
      .social_facebook:before {
          content: "\e093";
      }
      .social_twitter:before {
          content: "\e094";
      }
      .social_pinterest:before {
          content: "\e095";
      }
      .social_googleplus:before {
          content: "\e096";
      }
      .social_tumblr:before {
          content: "\e097";
      }
      .social_tumbleupon:before {
          content: "\e098";
      }
      .social_wordpress:before {
          content: "\e099";
      }
      .social_instagram:before {
          content: "\e09a";
      }
      .social_dribbble:before {
          content: "\e09b";
      }
      .social_vimeo:before {
          content: "\e09c";
      }
      .social_linkedin:before {
          content: "\e09d";
      }
      .social_rss:before {
          content: "\e09e";
      }
      .social_deviantart:before {
          content: "\e09f";
      }
      .social_share:before {
          content: "\e0a0";
      }
      .social_myspace:before {
          content: "\e0a1";
      }
      .social_skype:before {
          content: "\e0a2";
      }
      .social_youtube:before {
          content: "\e0a3";
      }
      .social_picassa:before {
          content: "\e0a4";
      }
      .social_googledrive:before {
          content: "\e0a5";
      }
      .social_flickr:before {
          content: "\e0a6";
      }
      .social_blogger:before {
          content: "\e0a7";
      }
      .social_spotify:before {
          content: "\e0a8";
      }
      .social_delicious:before {
          content: "\e0a9";
      }
      .social_facebook_circle:before {
          content: "\e0aa";
      }
      .social_twitter_circle:before {
          content: "\e0ab";
      }
      .social_pinterest_circle:before {
          content: "\e0ac";
      }
      .social_googleplus_circle:before {
          content: "\e0ad";
      }
      .social_tumblr_circle:before {
          content: "\e0ae";
      }
      .social_stumbleupon_circle:before {
          content: "\e0af";
      }
      .social_wordpress_circle:before {
          content: "\e0b0";
      }
      .social_instagram_circle:before {
          content: "\e0b1";
      }
      .social_dribbble_circle:before {
          content: "\e0b2";
      }
      .social_vimeo_circle:before {
          content: "\e0b3";
      }
      .social_linkedin_circle:before {
          content: "\e0b4";
      }
      .social_rss_circle:before {
          content: "\e0b5";
      }
      .social_deviantart_circle:before {
          content: "\e0b6";
      }
      .social_share_circle:before {
          content: "\e0b7";
      }
      .social_myspace_circle:before {
          content: "\e0b8";
      }
      .social_skype_circle:before {
          content: "\e0b9";
      }
      .social_youtube_circle:before {
          content: "\e0ba";
      }
      .social_picassa_circle:before {
          content: "\e0bb";
      }
      .social_googledrive_alt2:before {
          content: "\e0bc";
      }
      .social_flickr_circle:before {
          content: "\e0bd";
      }
      .social_blogger_circle:before {
          content: "\e0be";
      }
      .social_spotify_circle:before {
          content: "\e0bf";
      }
      .social_delicious_circle:before {
          content: "\e0c0";
      }
      .social_facebook_square:before {
          content: "\e0c1";
      }
      .social_twitter_square:before {
          content: "\e0c2";
      }
      .social_pinterest_square:before {
          content: "\e0c3";
      }
      .social_googleplus_square:before {
          content: "\e0c4";
      }
      .social_tumblr_square:before {
          content: "\e0c5";
      }
      .social_stumbleupon_square:before {
          content: "\e0c6";
      }
      .social_wordpress_square:before {
          content: "\e0c7";
      }
      .social_instagram_square:before {
          content: "\e0c8";
      }
      .social_dribbble_square:before {
          content: "\e0c9";
      }
      .social_vimeo_square:before {
          content: "\e0ca";
      }
      .social_linkedin_square:before {
          content: "\e0cb";
      }
      .social_rss_square:before {
          content: "\e0cc";
      }
      .social_deviantart_square:before {
          content: "\e0cd";
      }
      .social_share_square:before {
          content: "\e0ce";
      }
      .social_myspace_square:before {
          content: "\e0cf";
      }
      .social_skype_square:before {
          content: "\e0d0";
      }
      .social_youtube_square:before {
          content: "\e0d1";
      }
      .social_picassa_square:before {
          content: "\e0d2";
      }
      .social_googledrive_square:before {
          content: "\e0d3";
      }
      .social_flickr_square:before {
          content: "\e0d4";
      }
      .social_blogger_square:before {
          content: "\e0d5";
      }
      .social_spotify_square:before {
          content: "\e0d6";
      }
      .social_delicious_square:before {
          content: "\e0d7";
      }
      .icon_printer:before {
          content: "\e103";
      }
      .icon_calulator:before {
          content: "\e0ee";
      }
      .icon_building:before {
          content: "\e0ef";
      }
      .icon_floppy:before {
          content: "\e0e8";
      }
      .icon_drive:before {
          content: "\e0ea";
      }
      .icon_search-2:before {
          content: "\e101";
      }
      .icon_id:before {
          content: "\e107";
      }
      .icon_id-2:before {
          content: "\e108";
      }
      .icon_puzzle:before {
          content: "\e102";
      }
      .icon_like:before {
          content: "\e106";
      }
      .icon_dislike:before {
          content: "\e0eb";
      }
      .icon_mug:before {
          content: "\e105";
      }
      .icon_currency:before {
          content: "\e0ed";
      }
      .icon_wallet:before {
          content: "\e100";
      }
      .icon_pens:before {
          content: "\e104";
      }
      .icon_easel:before {
          content: "\e0e9";
      }
      .icon_flowchart:before {
          content: "\e109";
      }
      .icon_datareport:before {
          content: "\e0ec";
      }
      .icon_briefcase:before {
          content: "\e0fe";
      }
      .icon_shield:before {
          content: "\e0f6";
      }
      .icon_percent:before {
          content: "\e0fb";
      }
      .icon_globe:before {
          content: "\e0e2";
      }
      .icon_globe-2:before {
          content: "\e0e3";
      }
      .icon_target:before {
          content: "\e0f5";
      }
      .icon_hourglass:before {
          content: "\e0e1";
      }
      .icon_balance:before {
          content: "\e0ff";
      }
      .icon_rook:before {
          content: "\e0f8";
      }
      .icon_printer-alt:before {
          content: "\e0fa";
      }
      .icon_calculator_alt:before {
          content: "\e0e7";
      }
      .icon_building_alt:before {
          content: "\e0fd";
      }
      .icon_floppy_alt:before {
          content: "\e0e4";
      }
      .icon_drive_alt:before {
          content: "\e0e5";
      }
      .icon_search_alt:before {
          content: "\e0f7";
      }
      .icon_id_alt:before {
          content: "\e0e0";
      }
      .icon_id-2_alt:before {
          content: "\e0fc";
      }
      .icon_puzzle_alt:before {
          content: "\e0f9";
      }
      .icon_like_alt:before {
          content: "\e0dd";
      }
      .icon_dislike_alt:before {
          content: "\e0f1";
      }
      .icon_mug_alt:before {
          content: "\e0dc";
      }
      .icon_currency_alt:before {
          content: "\e0f3";
      }
      .icon_wallet_alt:before {
          content: "\e0d8";
      }
      .icon_pens_alt:before {
          content: "\e0db";
      }
      .icon_easel_alt:before {
          content: "\e0f0";
      }
      .icon_flowchart_alt:before {
          content: "\e0df";
      }
      .icon_datareport_alt:before {
          content: "\e0f2";
      }
      .icon_briefcase_alt:before {
          content: "\e0f4";
      }
      .icon_shield_alt:before {
          content: "\e0d9";
      }
      .icon_percent_alt:before {
          content: "\e0da";
      }
      .icon_globe_alt:before {
          content: "\e0de";
      }
      .icon_clipboard:before {
          content: "\e0e6";
      }
      
      
          .glyph {
              float: left;
              text-align: center;
              padding: .75em;
              margin: .4em 1.5em .75em 0;
              width: 6em;
      text-shadow: none;
          }
              .glyph_big {
              font-size: 128px;
              color: #59c5dc;
              float: left;
              margin-right: 20px;
              }
      
              .glyph div { padding-bottom: 10px;}
      
          .glyph input {
              font-family: consolas, monospace;
              font-size: 12px;
              width: 100%;
              text-align: center;
              border: 0;
              box-shadow: 0 0 0 1px #ccc;
              padding: .2em;
                      -moz-border-radius: 5px;
                      -webkit-border-radius: 5px;
          }
          .centered {
              margin-left: auto;
              margin-right: auto;
          }
          .glyph .fs1 {
              font-size: 2em;
          }

      پ.ن : چون کدهای فونت آیکون رو نیز کاملشو به ادیشنال اضافه کردم کد ادیشنال زیاد شد ! :( ( شرمنده )


      مشکل :

      فقط دو مشکل.وقتی موس را میبری روی 4 تا گزینه ای که زیر اواتار فرد ،توضیحی نمیده
      راه حل مشکل :

      دوستان عزیز برای این مشکل از آموزش های زیر استفاده کنید و کدهاش فراخوانی شده هست و باید شما فقط یکی از آموزش رو انجام بدید .

      http://www.wikivb.ir/thread8415-2.html
      http://www.wikivb.ir/thread17678.html
      http://www.wikivb.ir/thread15446.html
      به زودی هک این کادربندی نیز نوشته خواهد شد . مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

      فایل پیوست را نیز در روت انجمن آپلود کنید .

      موفق باشید .

      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      ویرایش توسط Sp!D3R : 07-10-2015 در ساعت 01:22 PM
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

      3 نفر از اعضا پست Sp!D3R را پسندیده اند


  1. #11
    Sp!D3R آنلاین نیست.
    Sp!D3R
    کاربر اخراجي
    1,056نوشته713مورد پسند

    تاریخ عضویت
    Sep 2014
    شماره عضویت
    6542
    پسندیده است
    1,789 پست
    بلاگ
    پست
    میزان امتیاز
    723
    www.beruztarinha.ir
    نقل قول نوشته اصلی توسط rasoul نمایش پست ها
    lمنظورم برای پر رنک کردن نام کاربری نیست
    کل پسبیت هست
    از این کد ادیشنال استفاده کنید ... مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    کد:
    .username_container{padding:2px 0;text-align:left;margin-right:11px}
    .usertitle,.rank{text-align:center}
    .usercenter {
        text-align: center;
        margin: 6px -1px 2px 0px;
    }
    .usercenter img {
        max-width: 170px;
        padding: 6px;
        border: 1px solid #DFDFDF;
    }
    
    .postbitlegacy .userinfo .username_container {
        margin-right: 12px;
        text-align: left;
        position: relative;
        top: 8px;
    }
    
    .post_field {
        padding: 8px 5px;
        font-family: BYekan;
        font-weight:bold;
        color: #A3A3A3;
        margin-left: -2px;
        border-bottom: 1px solid #cecece;
        font-size: 13px;
        font-weight:bold;
    }
    
    .postbitlegacy .userinfo {
        background: none repeat scroll 0% 0% #fff !important;
        border-left: 1px solid #cecece !important;
    }
    
    .postbody .content div {display: block !important;}
    
    span.icon_lightbulb_alt {
        font-size: 24px;
        float: right;
        padding: 2px;
        border-radius: 2px;
        margin-right: -12px;
        position: relative;
        bottom: 7px;
        margin-bottom: 6px;
            font-weight:bold;
    
    }
    
    .postbitlegacy .userinfo a.username, .eventbit .userinfo a.username {
        background: none repeat scroll 0% 0% #ededed !important;
        padding: 5px 6px !important;
        border-radius: 2px !important;
    }
    
    div#bottom-avatar-links {
        background: none repeat scroll 0% 0% #EDEDED;
        padding: 8px 4px 13px;
        margin-right: 2px;
        border-radius: 2px;
        margin-top: 4px;
    }
    
    a.send-pm-touser {
        margin-right: 4px;
    }
    
    span.icon_mail_alt {
        font-size: 24px;
        color: #CBCBCB;
        border-radius: 100%;
        border: 1px solid #CBCBCB;
        padding: 1px 5px 6px;
        background: none repeat scroll 0% 0% #FFF;
        box-shadow: 0px 0px 0px 2px #FFF;
            font-weight:bold;
    
    }
    
    a.send-pm-touser:hover span.icon_mail_alt {
        color: #3686E0;
        border: 1px solid #3686E0;
    }
    
    a.show-topics {
        margin-right: 4px;
    }
    
    span.icon_search-2 {
        font-size: 21px;
        color: #CBCBCB;
        border-radius: 100%;
        border: 1px solid #CBCBCB;
        padding: 5px 6px 5px;
        background: none repeat scroll 0% 0% #FFF;
        box-shadow: 0px 0px 0px 2px #FFF;
        position: relative;
        top: 2px;
    }
    
    a.show-topics:hover span.icon_search-2 {
        color: #FF7805;
        border: 1px solid #FF7805;
    }
    
    a.send-freind-request {
        margin-right: 4px;
    }
    
    span.icon_like {
        font-size: 24px;
        color: #CBCBCB;
        border-radius: 100%;
        border: 1px solid #CBCBCB;
        padding: 3px 5px 5px;
        background: none repeat scroll 0% 0% #FFF;
        box-shadow: 0px 0px 0px 2px #FFF;
        position: relative;
        top: 1px;
    }
    
    a.send-freind-request:hover span.icon_like {
        color: #AB1BB4;
        border: 1px solid #AB1BB4;
    }
    
    a.visit-profile {
        margin-right: 4px;
    }
    
    span.icon_id-2 {
        font-size: 24px;
        color: #CBCBCB;
        border-radius: 100%;
        border: 1px solid #CBCBCB;
        padding: 3px 5px 5px;
        background: none repeat scroll 0% 0% #FFF;
        box-shadow: 0px 0px 0px 2px #FFF;
        position: relative;
        top: 1px;
    }
    
    a.visit-profile:hover span.icon_id-2 {
        color: #12C30D;
        border: 1px solid #12C30D;
    }
    
    div.Hourglass-Rank {
        font-family: BYekan;
        font-weight:bold;
        width: 190px;
        text-align: center;
        font-size: 13px;
    }
    
    span.after-rank {
        width: 0px;
        height: 0px;
        border-left: 7px solid red;
        border-bottom: 6px solid transparent;
        border-top: 6px solid transparent;
    }
    
    .ac-container {
        text-align: right;
        z-index: 999;
        right: 35px;
        top: 0px;
        float: right;
        position: absolute;
    }
    
    .ac-container label {
        font-family: BYekan;
        font-weight:bold;
        padding: 5px 8px;
        position: relative;
        z-index: 20;
        display: inline-block !important;
        cursor: pointer;
        color: #FFF;
        direction: rtl;
        line-height: 33px;
        font-size: 14px;
        background: none repeat scroll 0% 0% transparent;
        border-left: 1px dashed #9B37C0;
        border-right: 1px dashed #9B37C0;
    }
    
    .ac-container input:checked + label,
    .ac-container input:checked + label:hover{
        background: none repeat scroll 0% 0% rgba(250, 250, 250, 0.1);
        color: #F2F2F2;
    }
    .ac-container label:hover:after,
    .ac-container input:checked + label:hover:after{
        content: '';
        position: absolute;
        width: 24px;
        height: 24px;
        left: 13px;
        top: 7px;
        background: transparent url(../images/arrow_down.png) no-repeat center center;    
    }
    .ac-container input:checked + label:hover:after{
        background-image: url(../images/arrow_up.png);
    }
    .ac-container input{
        display: none;
    }
    .ac-container article{
        background: none repeat scroll 0% 0% #fff;
        margin-top: 3px;
            border-radius: 4px;
        overflow: hidden;
        height: 0px;
        position: relative;
        z-index: 10;
        -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    }
    
    .ac-container article p {
        color: #777;
        direction: rtl;
        line-height: 23px;
        font-size: 14px;
        padding: 3px 8px;
        font-family: BYekan;
        font-weight:bold;
        border-bottom: 1px solid #cecece;
    }
    
    .ac-container article p:hover {
        background: none repeat scroll 0% 0% #EFEFEF;
    }
    
    .ac-container input:checked ~ article{
        -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
    }
    .ac-container input:checked ~ article.ac-small{
        height: 120px;
    }
    
    span.icon_flowchart {
        font-size: 16px;
        float: right;
        color: #852D98;
        position: relative;
        top: 6px;
        margin-left: 7px;
        border: 1px solid #852D98;
        border-radius: 100%;
        padding: 4px;
        background: none repeat scroll 0% 0% rgb(242, 242, 242);
        box-shadow: 0px 0px 0px 1px #F2F2F2;
    }
    
    span.icon_check_alt {
        font-size: 16px;
        color: #BABABA;
        position: relative;
        top: 3px;
        margin-left: 4px;
    }
    
    span.arrow_carrot-down_alt2 {
        float: left;
        color: #F2F2F2;
        font-size: 13px;
        position: relative;
        top: 13px;
        margin-right: 6px;
    }
    
    
    
    
    @font-face {
      font-family: 'Byekan';
      src: url('images/Hourglass/font/BYekan.woff') format('woff');
      font-style: bold;
      font-weight: bold;
    }
    
    
    
    
    
    
    @font-face {
      font-family: 'ElegantIcons';
      src:url('fonts/Eleganticons.eot') format('embedded-opentype'),
      url('fonts/Eleganticons.woff') format('woff'),
      url('fonts/Eleganticons.ttf') format('truetype'),
      url('fonts/Eleganticons.svg') format('svg');
      font-weight: normal;
      font-style: normal;
    }
    
    /* Use the following CSS code if you want to use data attributes for inserting your icons */
    [data-icon]:before {
        font-family: 'ElegantIcons';
        content: attr(data-icon);
        speak: none;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    /* Use the following CSS code if you want to have a class per icon */
    /*
    Instead of a list of all class selectors,
    you can use the generic selector below, but it's slower:
    [class*="your-class-prefix"] {
    */
    .arrow_up, .arrow_down, .arrow_left, .arrow_right, .arrow_left-up, .arrow_right-up, .arrow_right-down, .arrow_left-down, .arrow-up-down, .arrow_up-down_alt, .arrow_left-right_alt, .arrow_left-right, .arrow_expand_alt2, .arrow_expand_alt, .arrow_condense, .arrow_expand, .arrow_move, .arrow_carrot-up, .arrow_carrot-down, .arrow_carrot-left, .arrow_carrot-right, .arrow_carrot-2up, .arrow_carrot-2down, .arrow_carrot-2left, .arrow_carrot-2right, .arrow_carrot-up_alt2, .arrow_carrot-down_alt2, .arrow_carrot-left_alt2, .arrow_carrot-right_alt2, .arrow_carrot-2up_alt2, .arrow_carrot-2down_alt2, .arrow_carrot-2left_alt2, .arrow_carrot-2right_alt2, .arrow_triangle-up, .arrow_triangle-down, .arrow_triangle-left, .arrow_triangle-right, .arrow_triangle-up_alt2, .arrow_triangle-down_alt2, .arrow_triangle-left_alt2, .arrow_triangle-right_alt2, .arrow_back, .icon_minus-06, .icon_plus, .icon_close, .icon_check, .icon_minus_alt2, .icon_plus_alt2, .icon_close_alt2, .icon_check_alt2, .icon_zoom-out_alt, .icon_zoom-in_alt, .icon_search, .icon_box-empty, .icon_box-selected, .icon_minus-box, .icon_plus-box, .icon_box-checked, .icon_circle-empty, .icon_circle-slelected, .icon_stop_alt2, .icon_stop, .icon_pause_alt2, .icon_pause, .icon_menu, .icon_menu-square_alt2, .icon_menu-circle_alt2, .icon_ul, .icon_ol, .icon_adjust-horiz, .icon_adjust-vert, .icon_document_alt, .icon_documents_alt, .icon_pencil, .icon_pencil-edit_alt, .icon_pencil-edit, .icon_folder-alt, .icon_folder-open_alt, .icon_folder-add_alt, .icon_info_alt, .icon_error-oct_alt, .icon_error-circle_alt, .icon_error-triangle_alt, .icon_question_alt2, .icon_question, .icon_comment_alt, .icon_chat_alt, .icon_vol-mute_alt, .icon_volume-low_alt, .icon_volume-high_alt, .icon_quotations, .icon_quotations_alt2, .icon_clock_alt, .icon_lock_alt, .icon_lock-open_alt, .icon_key_alt, .icon_cloud_alt, .icon_cloud-upload_alt, .icon_cloud-download_alt, .icon_image, .icon_images, .icon_lightbulb_alt, .icon_gift_alt, .icon_house_alt, .icon_genius, .icon_mobile, .icon_tablet, .icon_laptop, .icon_desktop, .icon_camera_alt, .icon_mail_alt, .icon_cone_alt, .icon_ribbon_alt, .icon_bag_alt, .icon_creditcard, .icon_cart_alt, .icon_paperclip, .icon_tag_alt, .icon_tags_alt, .icon_trash_alt, .icon_cursor_alt, .icon_mic_alt, .icon_compass_alt, .icon_pin_alt, .icon_pushpin_alt, .icon_map_alt, .icon_drawer_alt, .icon_toolbox_alt, .icon_book_alt, .icon_calendar, .icon_film, .icon_table, .icon_contacts_alt, .icon_headphones, .icon_lifesaver, .icon_piechart, .icon_refresh, .icon_link_alt, .icon_link, .icon_loading, .icon_blocked, .icon_archive_alt, .icon_heart_alt, .icon_star_alt, .icon_star-half_alt, .icon_star, .icon_star-half, .icon_tools, .icon_tool, .icon_cog, .icon_cogs, .arrow_up_alt, .arrow_down_alt, .arrow_left_alt, .arrow_right_alt, .arrow_left-up_alt, .arrow_right-up_alt, .arrow_right-down_alt, .arrow_left-down_alt, .arrow_condense_alt, .arrow_expand_alt3, .arrow_carrot_up_alt, .arrow_carrot-down_alt, .arrow_carrot-left_alt, .arrow_carrot-right_alt, .arrow_carrot-2up_alt, .arrow_carrot-2dwnn_alt, .arrow_carrot-2left_alt, .arrow_carrot-2right_alt, .arrow_triangle-up_alt, .arrow_triangle-down_alt, .arrow_triangle-left_alt, .arrow_triangle-right_alt, .icon_minus_alt, .icon_plus_alt, .icon_close_alt, .icon_check_alt, .icon_zoom-out, .icon_zoom-in, .icon_stop_alt, .icon_menu-square_alt, .icon_menu-circle_alt, .icon_document, .icon_documents, .icon_pencil_alt, .icon_folder, .icon_folder-open, .icon_folder-add, .icon_folder_upload, .icon_folder_download, .icon_info, .icon_error-circle, .icon_error-oct, .icon_error-triangle, .icon_question_alt, .icon_comment, .icon_chat, .icon_vol-mute, .icon_volume-low, .icon_volume-high, .icon_quotations_alt, .icon_clock, .icon_lock, .icon_lock-open, .icon_key, .icon_cloud, .icon_cloud-upload, .icon_cloud-download, .icon_lightbulb, .icon_gift, .icon_house, .icon_camera, .icon_mail, .icon_cone, .icon_ribbon, .icon_bag, .icon_cart, .icon_tag, .icon_tags, .icon_trash, .icon_cursor, .icon_mic, .icon_compass, .icon_pin, .icon_pushpin, .icon_map, .icon_drawer, .icon_toolbox, .icon_book, .icon_contacts, .icon_archive, .icon_heart, .icon_profile, .icon_group, .icon_grid-2x2, .icon_grid-3x3, .icon_music, .icon_pause_alt, .icon_phone, .icon_upload, .icon_download, .social_facebook, .social_twitter, .social_pinterest, .social_googleplus, .social_tumblr, .social_tumbleupon, .social_wordpress, .social_instagram, .social_dribbble, .social_vimeo, .social_linkedin, .social_rss, .social_deviantart, .social_share, .social_myspace, .social_skype, .social_youtube, .social_picassa, .social_googledrive, .social_flickr, .social_blogger, .social_spotify, .social_delicious, .social_facebook_circle, .social_twitter_circle, .social_pinterest_circle, .social_googleplus_circle, .social_tumblr_circle, .social_stumbleupon_circle, .social_wordpress_circle, .social_instagram_circle, .social_dribbble_circle, .social_vimeo_circle, .social_linkedin_circle, .social_rss_circle, .social_deviantart_circle, .social_share_circle, .social_myspace_circle, .social_skype_circle, .social_youtube_circle, .social_picassa_circle, .social_googledrive_alt2, .social_flickr_circle, .social_blogger_circle, .social_spotify_circle, .social_delicious_circle, .social_facebook_square, .social_twitter_square, .social_pinterest_square, .social_googleplus_square, .social_tumblr_square, .social_stumbleupon_square, .social_wordpress_square, .social_instagram_square, .social_dribbble_square, .social_vimeo_square, .social_linkedin_square, .social_rss_square, .social_deviantart_square, .social_share_square, .social_myspace_square, .social_skype_square, .social_youtube_square, .social_picassa_square, .social_googledrive_square, .social_flickr_square, .social_blogger_square, .social_spotify_square, .social_delicious_square, .icon_printer, .icon_calulator, .icon_building, .icon_floppy, .icon_drive, .icon_search-2, .icon_id, .icon_id-2, .icon_puzzle, .icon_like, .icon_dislike, .icon_mug, .icon_currency, .icon_wallet, .icon_pens, .icon_easel, .icon_flowchart, .icon_datareport, .icon_briefcase, .icon_shield, .icon_percent, .icon_globe, .icon_globe-2, .icon_target, .icon_hourglass, .icon_balance, .icon_rook, .icon_printer-alt, .icon_calculator_alt, .icon_building_alt, .icon_floppy_alt, .icon_drive_alt, .icon_search_alt, .icon_id_alt, .icon_id-2_alt, .icon_puzzle_alt, .icon_like_alt, .icon_dislike_alt, .icon_mug_alt, .icon_currency_alt, .icon_wallet_alt, .icon_pens_alt, .icon_easel_alt, .icon_flowchart_alt, .icon_datareport_alt, .icon_briefcase_alt, .icon_shield_alt, .icon_percent_alt, .icon_globe_alt, .icon_clipboard {
        font-family: 'ElegantIcons';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }
    .arrow_up:before {
        content: "\21";
    }
    .arrow_down:before {
        content: "\22";
    }
    .arrow_left:before {
        content: "\23";
    }
    .arrow_right:before {
        content: "\24";
    }
    .arrow_left-up:before {
        content: "\25";
    }
    .arrow_right-up:before {
        content: "\26";
    }
    .arrow_right-down:before {
        content: "\27";
    }
    .arrow_left-down:before {
        content: "\28";
    }
    .arrow-up-down:before {
        content: "\29";
    }
    .arrow_up-down_alt:before {
        content: "\2a";
    }
    .arrow_left-right_alt:before {
        content: "\2b";
    }
    .arrow_left-right:before {
        content: "\2c";
    }
    .arrow_expand_alt2:before {
        content: "\2d";
    }
    .arrow_expand_alt:before {
        content: "\2e";
    }
    .arrow_condense:before {
        content: "\2f";
    }
    .arrow_expand:before {
        content: "\30";
    }
    .arrow_move:before {
        content: "\31";
    }
    .arrow_carrot-up:before {
        content: "\32";
    }
    .arrow_carrot-down:before {
        content: "\33";
    }
    .arrow_carrot-left:before {
        content: "\34";
    }
    .arrow_carrot-right:before {
        content: "\35";
    }
    .arrow_carrot-2up:before {
        content: "\36";
    }
    .arrow_carrot-2down:before {
        content: "\37";
    }
    .arrow_carrot-2left:before {
        content: "\38";
    }
    .arrow_carrot-2right:before {
        content: "\39";
    }
    .arrow_carrot-up_alt2:before {
        content: "\3a";
    }
    .arrow_carrot-down_alt2:before {
        content: "\3b";
    }
    .arrow_carrot-left_alt2:before {
        content: "\3c";
    }
    .arrow_carrot-right_alt2:before {
        content: "\3d";
    }
    .arrow_carrot-2up_alt2:before {
        content: "\3e";
    }
    .arrow_carrot-2down_alt2:before {
        content: "\3f";
    }
    .arrow_carrot-2left_alt2:before {
        content: "\40";
    }
    .arrow_carrot-2right_alt2:before {
        content: "\41";
    }
    .arrow_triangle-up:before {
        content: "\42";
    }
    .arrow_triangle-down:before {
        content: "\43";
    }
    .arrow_triangle-left:before {
        content: "\44";
    }
    .arrow_triangle-right:before {
        content: "\45";
    }
    .arrow_triangle-up_alt2:before {
        content: "\46";
    }
    .arrow_triangle-down_alt2:before {
        content: "\47";
    }
    .arrow_triangle-left_alt2:before {
        content: "\48";
    }
    .arrow_triangle-right_alt2:before {
        content: "\49";
    }
    .arrow_back:before {
        content: "\4a";
    }
    .icon_minus-06:before {
        content: "\4b";
    }
    .icon_plus:before {
        content: "\4c";
    }
    .icon_close:before {
        content: "\4d";
    }
    .icon_check:before {
        content: "\4e";
    }
    .icon_minus_alt2:before {
        content: "\4f";
    }
    .icon_plus_alt2:before {
        content: "\50";
    }
    .icon_close_alt2:before {
        content: "\51";
    }
    .icon_check_alt2:before {
        content: "\52";
    }
    .icon_zoom-out_alt:before {
        content: "\53";
    }
    .icon_zoom-in_alt:before {
        content: "\54";
    }
    .icon_search:before {
        content: "\55";
    }
    .icon_box-empty:before {
        content: "\56";
    }
    .icon_box-selected:before {
        content: "\57";
    }
    .icon_minus-box:before {
        content: "\58";
    }
    .icon_plus-box:before {
        content: "\59";
    }
    .icon_box-checked:before {
        content: "\5a";
    }
    .icon_circle-empty:before {
        content: "\5b";
    }
    .icon_circle-slelected:before {
        content: "\5c";
    }
    .icon_stop_alt2:before {
        content: "\5d";
    }
    .icon_stop:before {
        content: "\5e";
    }
    .icon_pause_alt2:before {
        content: "\5f";
    }
    .icon_pause:before {
        content: "\60";
    }
    .icon_menu:before {
        content: "\61";
    }
    .icon_menu-square_alt2:before {
        content: "\62";
    }
    .icon_menu-circle_alt2:before {
        content: "\63";
    }
    .icon_ul:before {
        content: "\64";
    }
    .icon_ol:before {
        content: "\65";
    }
    .icon_adjust-horiz:before {
        content: "\66";
    }
    .icon_adjust-vert:before {
        content: "\67";
    }
    .icon_document_alt:before {
        content: "\68";
    }
    .icon_documents_alt:before {
        content: "\69";
    }
    .icon_pencil:before {
        content: "\6a";
    }
    .icon_pencil-edit_alt:before {
        content: "\6b";
    }
    .icon_pencil-edit:before {
        content: "\6c";
    }
    .icon_folder-alt:before {
        content: "\6d";
    }
    .icon_folder-open_alt:before {
        content: "\6e";
    }
    .icon_folder-add_alt:before {
        content: "\6f";
    }
    .icon_info_alt:before {
        content: "\70";
    }
    .icon_error-oct_alt:before {
        content: "\71";
    }
    .icon_error-circle_alt:before {
        content: "\72";
    }
    .icon_error-triangle_alt:before {
        content: "\73";
    }
    .icon_question_alt2:before {
        content: "\74";
    }
    .icon_question:before {
        content: "\75";
    }
    .icon_comment_alt:before {
        content: "\76";
    }
    .icon_chat_alt:before {
        content: "\77";
    }
    .icon_vol-mute_alt:before {
        content: "\78";
    }
    .icon_volume-low_alt:before {
        content: "\79";
    }
    .icon_volume-high_alt:before {
        content: "\7a";
    }
    .icon_quotations:before {
        content: "\7b";
    }
    .icon_quotations_alt2:before {
        content: "\7c";
    }
    .icon_clock_alt:before {
        content: "\7d";
    }
    .icon_lock_alt:before {
        content: "\7e";
    }
    .icon_lock-open_alt:before {
        content: "\e000";
    }
    .icon_key_alt:before {
        content: "\e001";
    }
    .icon_cloud_alt:before {
        content: "\e002";
    }
    .icon_cloud-upload_alt:before {
        content: "\e003";
    }
    .icon_cloud-download_alt:before {
        content: "\e004";
    }
    .icon_image:before {
        content: "\e005";
    }
    .icon_images:before {
        content: "\e006";
    }
    .icon_lightbulb_alt:before {
        content: "\e007";
    }
    .icon_gift_alt:before {
        content: "\e008";
    }
    .icon_house_alt:before {
        content: "\e009";
    }
    .icon_genius:before {
        content: "\e00a";
    }
    .icon_mobile:before {
        content: "\e00b";
    }
    .icon_tablet:before {
        content: "\e00c";
    }
    .icon_laptop:before {
        content: "\e00d";
    }
    .icon_desktop:before {
        content: "\e00e";
    }
    .icon_camera_alt:before {
        content: "\e00f";
    }
    .icon_mail_alt:before {
        content: "\e010";
    }
    .icon_cone_alt:before {
        content: "\e011";
    }
    .icon_ribbon_alt:before {
        content: "\e012";
    }
    .icon_bag_alt:before {
        content: "\e013";
    }
    .icon_creditcard:before {
        content: "\e014";
    }
    .icon_cart_alt:before {
        content: "\e015";
    }
    .icon_paperclip:before {
        content: "\e016";
    }
    .icon_tag_alt:before {
        content: "\e017";
    }
    .icon_tags_alt:before {
        content: "\e018";
    }
    .icon_trash_alt:before {
        content: "\e019";
    }
    .icon_cursor_alt:before {
        content: "\e01a";
    }
    .icon_mic_alt:before {
        content: "\e01b";
    }
    .icon_compass_alt:before {
        content: "\e01c";
    }
    .icon_pin_alt:before {
        content: "\e01d";
    }
    .icon_pushpin_alt:before {
        content: "\e01e";
    }
    .icon_map_alt:before {
        content: "\e01f";
    }
    .icon_drawer_alt:before {
        content: "\e020";
    }
    .icon_toolbox_alt:before {
        content: "\e021";
    }
    .icon_book_alt:before {
        content: "\e022";
    }
    .icon_calendar:before {
        content: "\e023";
    }
    .icon_film:before {
        content: "\e024";
    }
    .icon_table:before {
        content: "\e025";
    }
    .icon_contacts_alt:before {
        content: "\e026";
    }
    .icon_headphones:before {
        content: "\e027";
    }
    .icon_lifesaver:before {
        content: "\e028";
    }
    .icon_piechart:before {
        content: "\e029";
    }
    .icon_refresh:before {
        content: "\e02a";
    }
    .icon_link_alt:before {
        content: "\e02b";
    }
    .icon_link:before {
        content: "\e02c";
    }
    .icon_loading:before {
        content: "\e02d";
    }
    .icon_blocked:before {
        content: "\e02e";
    }
    .icon_archive_alt:before {
        content: "\e02f";
    }
    .icon_heart_alt:before {
        content: "\e030";
    }
    .icon_star_alt:before {
        content: "\e031";
    }
    .icon_star-half_alt:before {
        content: "\e032";
    }
    .icon_star:before {
        content: "\e033";
    }
    .icon_star-half:before {
        content: "\e034";
    }
    .icon_tools:before {
        content: "\e035";
    }
    .icon_tool:before {
        content: "\e036";
    }
    .icon_cog:before {
        content: "\e037";
    }
    .icon_cogs:before {
        content: "\e038";
    }
    .arrow_up_alt:before {
        content: "\e039";
    }
    .arrow_down_alt:before {
        content: "\e03a";
    }
    .arrow_left_alt:before {
        content: "\e03b";
    }
    .arrow_right_alt:before {
        content: "\e03c";
    }
    .arrow_left-up_alt:before {
        content: "\e03d";
    }
    .arrow_right-up_alt:before {
        content: "\e03e";
    }
    .arrow_right-down_alt:before {
        content: "\e03f";
    }
    .arrow_left-down_alt:before {
        content: "\e040";
    }
    .arrow_condense_alt:before {
        content: "\e041";
    }
    .arrow_expand_alt3:before {
        content: "\e042";
    }
    .arrow_carrot_up_alt:before {
        content: "\e043";
    }
    .arrow_carrot-down_alt:before {
        content: "\e044";
    }
    .arrow_carrot-left_alt:before {
        content: "\e045";
    }
    .arrow_carrot-right_alt:before {
        content: "\e046";
    }
    .arrow_carrot-2up_alt:before {
        content: "\e047";
    }
    .arrow_carrot-2dwnn_alt:before {
        content: "\e048";
    }
    .arrow_carrot-2left_alt:before {
        content: "\e049";
    }
    .arrow_carrot-2right_alt:before {
        content: "\e04a";
    }
    .arrow_triangle-up_alt:before {
        content: "\e04b";
    }
    .arrow_triangle-down_alt:before {
        content: "\e04c";
    }
    .arrow_triangle-left_alt:before {
        content: "\e04d";
    }
    .arrow_triangle-right_alt:before {
        content: "\e04e";
    }
    .icon_minus_alt:before {
        content: "\e04f";
    }
    .icon_plus_alt:before {
        content: "\e050";
    }
    .icon_close_alt:before {
        content: "\e051";
    }
    .icon_check_alt:before {
        content: "\e052";
    }
    .icon_zoom-out:before {
        content: "\e053";
    }
    .icon_zoom-in:before {
        content: "\e054";
    }
    .icon_stop_alt:before {
        content: "\e055";
    }
    .icon_menu-square_alt:before {
        content: "\e056";
    }
    .icon_menu-circle_alt:before {
        content: "\e057";
    }
    .icon_document:before {
        content: "\e058";
    }
    .icon_documents:before {
        content: "\e059";
    }
    .icon_pencil_alt:before {
        content: "\e05a";
    }
    .icon_folder:before {
        content: "\e05b";
    }
    .icon_folder-open:before {
        content: "\e05c";
    }
    .icon_folder-add:before {
        content: "\e05d";
    }
    .icon_folder_upload:before {
        content: "\e05e";
    }
    .icon_folder_download:before {
        content: "\e05f";
    }
    .icon_info:before {
        content: "\e060";
    }
    .icon_error-circle:before {
        content: "\e061";
    }
    .icon_error-oct:before {
        content: "\e062";
    }
    .icon_error-triangle:before {
        content: "\e063";
    }
    .icon_question_alt:before {
        content: "\e064";
    }
    .icon_comment:before {
        content: "\e065";
    }
    .icon_chat:before {
        content: "\e066";
    }
    .icon_vol-mute:before {
        content: "\e067";
    }
    .icon_volume-low:before {
        content: "\e068";
    }
    .icon_volume-high:before {
        content: "\e069";
    }
    .icon_quotations_alt:before {
        content: "\e06a";
    }
    .icon_clock:before {
        content: "\e06b";
    }
    .icon_lock:before {
        content: "\e06c";
    }
    .icon_lock-open:before {
        content: "\e06d";
    }
    .icon_key:before {
        content: "\e06e";
    }
    .icon_cloud:before {
        content: "\e06f";
    }
    .icon_cloud-upload:before {
        content: "\e070";
    }
    .icon_cloud-download:before {
        content: "\e071";
    }
    .icon_lightbulb:before {
        content: "\e072";
    }
    .icon_gift:before {
        content: "\e073";
    }
    .icon_house:before {
        content: "\e074";
    }
    .icon_camera:before {
        content: "\e075";
    }
    .icon_mail:before {
        content: "\e076";
    }
    .icon_cone:before {
        content: "\e077";
    }
    .icon_ribbon:before {
        content: "\e078";
    }
    .icon_bag:before {
        content: "\e079";
    }
    .icon_cart:before {
        content: "\e07a";
    }
    .icon_tag:before {
        content: "\e07b";
    }
    .icon_tags:before {
        content: "\e07c";
    }
    .icon_trash:before {
        content: "\e07d";
    }
    .icon_cursor:before {
        content: "\e07e";
    }
    .icon_mic:before {
        content: "\e07f";
    }
    .icon_compass:before {
        content: "\e080";
    }
    .icon_pin:before {
        content: "\e081";
    }
    .icon_pushpin:before {
        content: "\e082";
    }
    .icon_map:before {
        content: "\e083";
    }
    .icon_drawer:before {
        content: "\e084";
    }
    .icon_toolbox:before {
        content: "\e085";
    }
    .icon_book:before {
        content: "\e086";
    }
    .icon_contacts:before {
        content: "\e087";
    }
    .icon_archive:before {
        content: "\e088";
    }
    .icon_heart:before {
        content: "\e089";
    }
    .icon_profile:before {
        content: "\e08a";
    }
    .icon_group:before {
        content: "\e08b";
    }
    .icon_grid-2x2:before {
        content: "\e08c";
    }
    .icon_grid-3x3:before {
        content: "\e08d";
    }
    .icon_music:before {
        content: "\e08e";
    }
    .icon_pause_alt:before {
        content: "\e08f";
    }
    .icon_phone:before {
        content: "\e090";
    }
    .icon_upload:before {
        content: "\e091";
    }
    .icon_download:before {
        content: "\e092";
    }
    .social_facebook:before {
        content: "\e093";
    }
    .social_twitter:before {
        content: "\e094";
    }
    .social_pinterest:before {
        content: "\e095";
    }
    .social_googleplus:before {
        content: "\e096";
    }
    .social_tumblr:before {
        content: "\e097";
    }
    .social_tumbleupon:before {
        content: "\e098";
    }
    .social_wordpress:before {
        content: "\e099";
    }
    .social_instagram:before {
        content: "\e09a";
    }
    .social_dribbble:before {
        content: "\e09b";
    }
    .social_vimeo:before {
        content: "\e09c";
    }
    .social_linkedin:before {
        content: "\e09d";
    }
    .social_rss:before {
        content: "\e09e";
    }
    .social_deviantart:before {
        content: "\e09f";
    }
    .social_share:before {
        content: "\e0a0";
    }
    .social_myspace:before {
        content: "\e0a1";
    }
    .social_skype:before {
        content: "\e0a2";
    }
    .social_youtube:before {
        content: "\e0a3";
    }
    .social_picassa:before {
        content: "\e0a4";
    }
    .social_googledrive:before {
        content: "\e0a5";
    }
    .social_flickr:before {
        content: "\e0a6";
    }
    .social_blogger:before {
        content: "\e0a7";
    }
    .social_spotify:before {
        content: "\e0a8";
    }
    .social_delicious:before {
        content: "\e0a9";
    }
    .social_facebook_circle:before {
        content: "\e0aa";
    }
    .social_twitter_circle:before {
        content: "\e0ab";
    }
    .social_pinterest_circle:before {
        content: "\e0ac";
    }
    .social_googleplus_circle:before {
        content: "\e0ad";
    }
    .social_tumblr_circle:before {
        content: "\e0ae";
    }
    .social_stumbleupon_circle:before {
        content: "\e0af";
    }
    .social_wordpress_circle:before {
        content: "\e0b0";
    }
    .social_instagram_circle:before {
        content: "\e0b1";
    }
    .social_dribbble_circle:before {
        content: "\e0b2";
    }
    .social_vimeo_circle:before {
        content: "\e0b3";
    }
    .social_linkedin_circle:before {
        content: "\e0b4";
    }
    .social_rss_circle:before {
        content: "\e0b5";
    }
    .social_deviantart_circle:before {
        content: "\e0b6";
    }
    .social_share_circle:before {
        content: "\e0b7";
    }
    .social_myspace_circle:before {
        content: "\e0b8";
    }
    .social_skype_circle:before {
        content: "\e0b9";
    }
    .social_youtube_circle:before {
        content: "\e0ba";
    }
    .social_picassa_circle:before {
        content: "\e0bb";
    }
    .social_googledrive_alt2:before {
        content: "\e0bc";
    }
    .social_flickr_circle:before {
        content: "\e0bd";
    }
    .social_blogger_circle:before {
        content: "\e0be";
    }
    .social_spotify_circle:before {
        content: "\e0bf";
    }
    .social_delicious_circle:before {
        content: "\e0c0";
    }
    .social_facebook_square:before {
        content: "\e0c1";
    }
    .social_twitter_square:before {
        content: "\e0c2";
    }
    .social_pinterest_square:before {
        content: "\e0c3";
    }
    .social_googleplus_square:before {
        content: "\e0c4";
    }
    .social_tumblr_square:before {
        content: "\e0c5";
    }
    .social_stumbleupon_square:before {
        content: "\e0c6";
    }
    .social_wordpress_square:before {
        content: "\e0c7";
    }
    .social_instagram_square:before {
        content: "\e0c8";
    }
    .social_dribbble_square:before {
        content: "\e0c9";
    }
    .social_vimeo_square:before {
        content: "\e0ca";
    }
    .social_linkedin_square:before {
        content: "\e0cb";
    }
    .social_rss_square:before {
        content: "\e0cc";
    }
    .social_deviantart_square:before {
        content: "\e0cd";
    }
    .social_share_square:before {
        content: "\e0ce";
    }
    .social_myspace_square:before {
        content: "\e0cf";
    }
    .social_skype_square:before {
        content: "\e0d0";
    }
    .social_youtube_square:before {
        content: "\e0d1";
    }
    .social_picassa_square:before {
        content: "\e0d2";
    }
    .social_googledrive_square:before {
        content: "\e0d3";
    }
    .social_flickr_square:before {
        content: "\e0d4";
    }
    .social_blogger_square:before {
        content: "\e0d5";
    }
    .social_spotify_square:before {
        content: "\e0d6";
    }
    .social_delicious_square:before {
        content: "\e0d7";
    }
    .icon_printer:before {
        content: "\e103";
    }
    .icon_calulator:before {
        content: "\e0ee";
    }
    .icon_building:before {
        content: "\e0ef";
    }
    .icon_floppy:before {
        content: "\e0e8";
    }
    .icon_drive:before {
        content: "\e0ea";
    }
    .icon_search-2:before {
        content: "\e101";
    }
    .icon_id:before {
        content: "\e107";
    }
    .icon_id-2:before {
        content: "\e108";
    }
    .icon_puzzle:before {
        content: "\e102";
    }
    .icon_like:before {
        content: "\e106";
    }
    .icon_dislike:before {
        content: "\e0eb";
    }
    .icon_mug:before {
        content: "\e105";
    }
    .icon_currency:before {
        content: "\e0ed";
    }
    .icon_wallet:before {
        content: "\e100";
    }
    .icon_pens:before {
        content: "\e104";
    }
    .icon_easel:before {
        content: "\e0e9";
    }
    .icon_flowchart:before {
        content: "\e109";
    }
    .icon_datareport:before {
        content: "\e0ec";
    }
    .icon_briefcase:before {
        content: "\e0fe";
    }
    .icon_shield:before {
        content: "\e0f6";
    }
    .icon_percent:before {
        content: "\e0fb";
    }
    .icon_globe:before {
        content: "\e0e2";
    }
    .icon_globe-2:before {
        content: "\e0e3";
    }
    .icon_target:before {
        content: "\e0f5";
    }
    .icon_hourglass:before {
        content: "\e0e1";
    }
    .icon_balance:before {
        content: "\e0ff";
    }
    .icon_rook:before {
        content: "\e0f8";
    }
    .icon_printer-alt:before {
        content: "\e0fa";
    }
    .icon_calculator_alt:before {
        content: "\e0e7";
    }
    .icon_building_alt:before {
        content: "\e0fd";
    }
    .icon_floppy_alt:before {
        content: "\e0e4";
    }
    .icon_drive_alt:before {
        content: "\e0e5";
    }
    .icon_search_alt:before {
        content: "\e0f7";
    }
    .icon_id_alt:before {
        content: "\e0e0";
    }
    .icon_id-2_alt:before {
        content: "\e0fc";
    }
    .icon_puzzle_alt:before {
        content: "\e0f9";
    }
    .icon_like_alt:before {
        content: "\e0dd";
    }
    .icon_dislike_alt:before {
        content: "\e0f1";
    }
    .icon_mug_alt:before {
        content: "\e0dc";
    }
    .icon_currency_alt:before {
        content: "\e0f3";
    }
    .icon_wallet_alt:before {
        content: "\e0d8";
    }
    .icon_pens_alt:before {
        content: "\e0db";
    }
    .icon_easel_alt:before {
        content: "\e0f0";
    }
    .icon_flowchart_alt:before {
        content: "\e0df";
    }
    .icon_datareport_alt:before {
        content: "\e0f2";
    }
    .icon_briefcase_alt:before {
        content: "\e0f4";
    }
    .icon_shield_alt:before {
        content: "\e0d9";
    }
    .icon_percent_alt:before {
        content: "\e0da";
    }
    .icon_globe_alt:before {
        content: "\e0de";
    }
    .icon_clipboard:before {
        content: "\e0e6";
    }
    
    
        .glyph {
            float: left;
            text-align: center;
            padding: .75em;
            margin: .4em 1.5em .75em 0;
            width: 6em;
    text-shadow: none;
        }
            .glyph_big {
            font-size: 128px;
            color: #59c5dc;
            float: left;
            margin-right: 20px;
            }
    
            .glyph div { padding-bottom: 10px;}
    
        .glyph input {
            font-family: consolas, monospace;
            font-size: 12px;
            width: 100%;
            text-align: center;
            border: 0;
            box-shadow: 0 0 0 1px #ccc;
            padding: .2em;
                    -moz-border-radius: 5px;
                    -webkit-border-radius: 5px;
        }
        .centered {
            margin-left: auto;
            margin-right: auto;
        }
        .glyph .fs1 {
            font-size: 2em;
        }

    کاربر زیر پست Sp!D3R را پسندیده است:



  2. #12
    Gotze آنلاین نیست.
    Gotze
    کاربر سايت
    682نوشته348مورد پسند

    تاریخ عضویت
    Jan 2014
    شماره عضویت
    3880
    پسندیده است
    631 پست
    بلاگ
    پست
    میزان امتیاز
    358
    bodogame.com/forum
    پست بیت انگار با هم ترکیب شده

    چطور حلش کنم ؟

    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  3. #13
    Ali.shafaey آنلاین نیست.
    Ali.shafaey
    کاربر برتر فصل
    مدير ارشد
    6,425نوشته8,292مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1571
    پسندیده است
    4,628 پست
    بلاگ
    پست
    میزان امتیاز
    8298
    مسئول 7 ستاره
    king-design.ir
    نقل قول نوشته اصلی توسط Gotze نمایش پست ها
    پست بیت انگار با هم ترکیب شده

    چطور حلش کنم ؟

    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    پوشه fonts.zip که پیوست شده رو دانلود و فراخوانی کنید تو قالب

    کاربر زیر پست Ali.shafaey را پسندیده است:


    ویرایش توسط Ali.shafaey : 10-01-2015 در ساعت 11:31 PM

    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  4. #14
    Gotze آنلاین نیست.
    Gotze
    کاربر سايت
    682نوشته348مورد پسند

    تاریخ عضویت
    Jan 2014
    شماره عضویت
    3880
    پسندیده است
    631 پست
    بلاگ
    پست
    میزان امتیاز
    358
    bodogame.com/forum
    نقل قول نوشته اصلی توسط Tired Tiger نمایش پست ها
    پوشه fonts.zip که پیوست شده رو دانلود و فراخوانی کنید تو قالب
    فراخوانی کردم یکمش درست شد

    اما هنوز بازم یکم قسمت هایی از پست بیت قبلی توشه

صفحه 2 از 2 نخستنخست 12

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کلمات کلیدی این موضوع

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
خرید بک لینک
مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی