نجربة تجربة

شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي

ما رأيك في الأستايل الجديد؟

0 - 0%
0 - 0%
0 - 0%
0 - 0%
0 - 0%
 
مجموع عدد الأصوات: 0

ﻻﻻﻻﻻﻻﻻﻻ ﻻﻻﻻﻻﻻ

avatar
مؤسس المنتدى
مُشآركاتيّ مُشآركاتيّ : 68
نقآطيّ نقآطيّ : 129
السٌّمعَة : 14
تسجيليّ تسجيليّ : 08/03/2016
عَمَرُى عَمَرُى : 27
مَلآذيّ مَلآذيّ : لدى الكثير
معاينة صفحة البيانات الشخصي للعضوhttp://tt22.forumarabia.com
تمت المشاركة في 10/05/17, 03:54 am
  • تقييم المساهمة: 100% (1)
تذكير بمساهمة فاتح الموضوع :

your vote is important for us
صوتك يهمنا
Omar كتب:your vote is important for us
صوتك يهمنا
الكود:
your vote is important for us
[b]صوتك يهمنا[/b]
omar:
your vote is important for us
صوتك يهمنا


عدل سابقا من قبل Admin في 26/06/17, 01:56 am عدل 14 مرات
التوقــيـــــــــــــــــــــع


التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة

رد: ﻻﻻﻻﻻﻻﻻﻻ ﻻﻻﻻﻻﻻ

مؤسس المنتدى
مُشآركاتيّ مُشآركاتيّ : 68
تسجيليّ تسجيليّ : 08/03/2016
معاينة صفحة البيانات الشخصي للعضوhttp://tt22.forumarabia.com
تمت المشاركة في 24/06/17, 05:10 am
  • تقييم المساهمة: 100% (1)
hulihygfyugyihop[oijouiyhtgfhdghghjuiop;olkmjnhbgvhfcdxghjklkjmhngbvfdxsghjkljmnhbgvfgdytgyuhjkljmnhbgvfdtgyhuilkjhnjgbfcdxgtgyhuikjhbgvfgyhujijhjhngfhyghuhulihygfyugyihop[oijouiyhtgfhdghghjuiop;olkmjnhbgvhfcdxghjklkjmhngbvfdxsghjkljmnhbgvfgdytgyuhjkljmnhbgvfdtgyhuilkjhnjgbfcdxgtgyhuikjhbgvfgyhujijhjhngfhyghuhulihygfyugyihop[oijouiyhtgfhdghghjuiop;olkmjnhbgvhfcdxghjklkjmhngbvfdxsghjkljmnhbgvfgdytgyuhjkljmnhbgvfdtgyhuilkjhnjgbfcdxgtgyhuikjhbgvfgyhujijhjhngfhyghu
المرفقات
FB_IMG_1497057435165.jpg حبيبيلا تتوفر على صلاحيات كافية لتحميل هذه المرفقات.(73 Ko) عدد مرات التنزيل 0

رد: ﻻﻻﻻﻻﻻﻻﻻ ﻻﻻﻻﻻﻻ

مُشآركاتيّ مُشآركاتيّ : 16
تسجيليّ تسجيليّ : 30/06/2016
معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في 25/06/17, 01:53 am
  • تقييم المساهمة: 100% (1)
Thank You
المرفقات
IMG-20170625-WA0001.jpg تعليق علي المرفقاتلا تتوفر على صلاحيات كافية لتحميل هذه المرفقات.(66 Ko) عدد مرات التنزيل 0

رد: ﻻﻻﻻﻻﻻﻻﻻ ﻻﻻﻻﻻﻻ

مؤسس المنتدى
مُشآركاتيّ مُشآركاتيّ : 68
تسجيليّ تسجيليّ : 08/03/2016
معاينة صفحة البيانات الشخصي للعضوhttp://tt22.forumarabia.com
تمت المشاركة في 25/06/17, 12:36 pm
  • تقييم المساهمة: 0% (1)
كمتانلبارلالابلتنماتنخحجخطهكمتنالبل نمكتمانلتبالابىلاتنطكتماولةىر

رد: ﻻﻻﻻﻻﻻﻻﻻ ﻻﻻﻻﻻﻻ

avatar
مؤسس المنتدى
مُشآركاتيّ مُشآركاتيّ : 68
نقآطيّ نقآطيّ : 129
السٌّمعَة : 14
تسجيليّ تسجيليّ : 08/03/2016
عَمَرُى عَمَرُى : 27
مَلآذيّ مَلآذيّ : لدى الكثير
معاينة صفحة البيانات الشخصي للعضوhttp://tt22.forumarabia.com
تمت المشاركة في 05/07/17, 10:26 pm
الكود:

#admin_rank {
    background: #f00;
    color: #FFF;
    border-radius: 10px;
    padding: 5px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.forabg.hidden {
    background-color: #2d6cb7;
}
li.fa_reputation a, li.fa_reputation span {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #4A0 !important;
}
.mentions-t {
    width: 100%;
}
.tooltip-actions {
  margin: 5px -18px -5px -18px;
}
.filter_ads {
    color: #fff;
    background: #444 !important;
    border-color: #000 !important;
    margin: 3px 0 !important;
}
.AD_Header .AD_ContentLeft {
    padding: 0 !important;
}
.AD_Header .AD_ContentRight {
    padding: 0 !important;
    float: none !important;
    width: 100% !important;
}
#profile-advanced-add a {
    background: #388e3c;
    color: #FFF;
    display: block;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
    text-decoration: none;
    margin-top: -15px;
}
#profile-advanced-add a:hover{
    opacity: .8;
}
#profile-advanced-add a[href*="friend="] {
    background: #388e3c;
}
#profile-advanced-add a[href*="foe="], #profile-advanced-add a[href*="remove="] {
    background: #F00;
}

#page-body .container-fluid > div[style="clear:both;"], #page-body .container-fluid > div[style="overflow:visible"], #profile-advanced-right > div[style*="height:250px;margin-bottom:18px;"] {
    overflow: auto !important;
}
.forabg.main-forums ul.topiclist.forums.toggle {
    overflow: visible !important;
}
.tooltipster-content {
    line-height: normal !important;
    padding: 3px 7px !important;
    font-size: 11px !important;
}

.fa_vote, .fa_voted, .fa_count {
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, Sans-serif;
  display:inline-block !important;
  width:auto !important;
  transition:300ms;
}
 
.fa_voted, .fa_vote:hover { opacity:0.4 }
.fa_voted { cursor:default }
 
.fa_count {
  font-weight:bold;
  margin:0 3px;
  cursor:default;
}
 .subLink:after, .subLink:before {
 right: 14px !important;
}

.fa_positive { color:#4A0 }
.fa_negative { color:#A44 }
 
.fa_votebar, .fa_votebar_inner {
  background:#C44;
  height:3px;
}
 
.fa_votebar_inner {
  background:#4A0;
  transition:300ms;
}
dd.field-info > span {
    border-bottom: 1px solid #ccc;
    margin-bottom: 3px;
    padding-bottom: 3px;
}
/* button image */

.sceditor-button-hashtag div { background-image:url(https://i.servimg.com/u/f19/19/06/98/92/scehas11.png) !important }

 

/* drop down input */

#fa_hashtag {

  background:url(https://i.servimg.com/u/f19/19/06/98/92/scehas11.png) no-repeat 3px 50% #FFF;

  padding-left:22px;

}
#textarea_content {
    width: auto!important;
}
.sceditor-button.sceditor-button-scSmileys > div {
    background: url(https://illiweb.com/fa/i/smiles/icon_biggrin.png) no-repeat center center transparent;
    margin: 13% 0 0;
}

/* Ajoute Font Awesome aux polices de la textarea pour que les icônes soient visibles */
.sceditor-container textarea { font-family:Verdana, Arial, Helvetica, sans-serif, FontAwesome !important }
/* Image du bouton */
.sceditor-button-fontawesome div { background:url(https://i.servimg.com/u/f19/19/06/98/92/fa-f10.png) !important }
 
/* Popup */
.sceditor-fontawesome {
  width:220px;
  height:250px;
  overflow-y:auto;
}
 
/* Icônes */
.sceditor-fontawesome i {
  color:#333;
  font-size:20px;
  text-align:center;
  cursor:pointer;
  padding:3px 0;
  width:25%;
}
.sceditor-fontawesome i:hover { color:#666 }

#quickloginform_overlay {
  background-color:#333;
  height:100%;
  left:0;
  opacity:0.7;
  position:fixed;
  top:0;
  width:100%;
}
#quickloginform {
  height:100%;
  position:fixed;
  top:20%;
  width:100%;
}
#quickloginform>form {
  background-color:#fff;
  box-sizing:border-box;
  margin:auto;
  padding:20px 30px;
  width:360px;
  border-radius:3px;
}
#quickloginform input[type="password"],#quickloginform input[type="text"] {
  background:#f2f2f2 none repeat scroll 0 0;
  border:0 none;
  box-sizing:border-box;
  font-family:"Helvetica";
  font-size:14px;
  margin:0 0 15px;
  outline:0 none;
  padding:15px;
  width:100%;
}
#quickloginform button {
  background-color:#369fcf;
  border:0 none;
  color:#ffffff;
  cursor:pointer;
  font-family:"Helvetica";
  font-size:14px;
  outline:0 none;
  padding:15px;
  text-transform:uppercase;
  width:100%;
}
#quickloginform p:nth-child(n) {
  margin-bottom:0;
  margin-top:20px;
  text-align:center;
}
#quickloginform form p {
  color:#b3b3b3;
  font-size:11px;
}
#quickloginform form a {
  color:#2b86b3;
  text-decoration: none;
}


dl {
    margin-bottom: 0;
}
#fa_toolbar #fa_right #notif_list li.see_all {
    padding: 10px !important;
    font-size: 12px;
}
.table-title, .table-title h2, ul.topiclist dd.dterm h2, ul.topiclist dt h2 {
    line-height: 22px;
}

div#fa_toolbar {
    top: 0;
    position: fixed;
    right: 0;
    left: 0;
}

#fa_right, #fa_toolbar {
    font-size: 12px;
    line-height: 42px;
    height: 42px;
}
span.profile-field.field_ .label, span.profile-field.field___00a0__0639__0627__0631__0636__0629-__0627__062d__062a__0631__0627__0645 .label, h1.page-title, a.rightHeaderLink[href*="/register"], #fa_toolbar #fa_hide, #fa_toolbar_hidden #fa_show, #fa_toolbar_hidden, #fa_toolbar #fa_left, #fa_toolbar #fa_search, #fa_share_text, #fa_menu #fa_welcome, #main-content > div[style*='overflow:visible'], ul.topiclist.forums .online-block > br:nth-child(1) , ul.topiclist.forums .online-block > br:nth-child(2) , ul.topiclist.forums .online-block > br:nth-child(3) {
    display: none !important;
}
 .block-footer {
    background-color: rgba(52, 140, 194, 0.15);
    margin: 15px -15px -15px;
}
.button, .button1, .button2, input[type="submit"], .button + .button-round, .button + .button1, .button + .button2, .button1 + .button-round, .button1 + .button1, .button1 + .button2, .button2 + .button-round, .button2 + .button1, .button2 + .button2, input[type="submit"] + .button-round, input[type="submit"] + .button1, input[type="submit"] + .button2 {
    margin: 5px;
}

#fa_right #fa_notifications:hover, #fa_right #fa_welcome:hover {
    background: rgba(255, 255, 255, 0.24);
}
#fa_share a, #fa_share a[href] {
    background: transparent;
    color: #FFF;
    margin: 3px;
    border-radius: 50%;
}
#fa_toolbar #fa_right #notif_list li .content {
    width: auto !important;
}
ul#notif_list {
    font-size: 12px !important;
    bottom: auto;
    height: auto;
    left: auto!important;
    margin: 0 5px!important;
    overflow: auto;
    position: fixed!important;
    right: 0;
    text-align: right;
    top: 42px!important;
}
#fa_toolbar #fa_right #notif_list li a.delete {
    background: transparent none no-repeat -274px 50%;
    color: #FF4F42;
    display: table-cell!important;
    float: none!important;
    height: 19px;
    text-align: right;
    width: 19px;
}
#fa_toolbar #fa_right #notif_list li .contentText {
    direction: rtl;
    float: none;
    display: table-cell;
    height: auto!important;
    width: 27em;
}
#fa_mail:hover {
    background: #F8CD33 !important;
    border: none !important;
}
#fa_rss:hover {
    background: #FB7629 !important;
    border: none !important;
}
.omarbar-toggle {
    margin-top: 28px;
}
.wrap.logo-img {
    text-align: center;
}
.wrap.logo-img img {
    max-width: 100%;
}

table.contact-info {
    font-size: 11px;
}
.AD_Header .AD_ContentLeft, table.table1 thead th, .panel .h3, .panel h3, .block .h3, .forum-title-link a , .button1[class^="ion-"]:before, .button2[class^="ion-"]:before, .button[class^="ion-"]:before, input[type="submit"][class^="ion-"]:before, .table-title, .table-title h2, ul.topiclist dd.dterm h2, ul.topiclist dt h2 {
    font-size: 14px;
}

.tooltip-title, .tooltip-subtitle, .tooltip-counts li, ul.topiclist dd.dterm, ul.topiclist dt, .AD_ListInline, span.omarpop23_visitors, .attachbox > dt, .attachbox .attachments, .spoiler_content.hidden, dl.codebox.hidecode dd, fieldset, .post-content, .postprofile-rank, p, fieldset.vf_jumpbox ,.sub-header-path a , .block, .button, .button1, .button2, input[type="submit"], fieldset.jumpbox, fieldset.quickmod, .topic-actions, #fa_right #notif_list li.see_all, .footerbar-system, .footerbar-user, .copyright {
    font-size: 12px; 
}
.omarpop23_visitors {
    font-size: 14px !important;
}
.overview {
    padding: 0;
}
.overview .row2 {
    background: #348cc2;
    color: #FFF;
}
#login_popup .h3 {
    margin: -18px -18px 15px -18px;
}
.headerbar {
    height: auto;
    background-color: #256eb2;
}
#logo {
    margin-top: 0;
}
#logo a {
    text-decoration: none;
}

.wrap .logo {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    color: #fff !important;
}
  .forum-desc {
display: none;
  }
#main-content {
    background: #EEE;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.13);
    padding-top: 30px;
    box-shadow: 0px 0px 15px -5px;
}
.short-links .navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.short-links .navbar-default .navbar-toggle {
  color: #FFF;
}

#headerbar-top {
    height: auto;
}
#headerbar-top .navbar {
    min-height: auto;
    margin: 0;
}

.omarbar-toggle:hover, .omarbar-toggle:focus, .omarbar-default .omarbar-toggle:focus, .omarbar-default .omarbar-toggle:hover {
    background-color: transparent !important;
    color: #39c !important;
}
.omarbar-default .omarbar-toggle , .omarbar-toggle, button.omarbar-toggle.collapsed {
    position: absolute !important;
    left: 0 !important;
    border: none !important;
}
.omarbar {
    min-height: 90px !important;
    margin-bottom: 0 !important;
}
.omarbar-brand {
    height: 90px!important;
    line-height: 90px!important;
    display: block;
      padding: 0 15px;
}
.req-regist {
    padding: 10px;
    width: 85%;
    display: inline-block;
}
.req-content {
    background-position: 99% 50%;
    padding: 5px 50px 5px 10px;
    background-color: #fef5f1;
    border-radius: 5px;
    background-image: url(http://demo.weebpal.com/forum-plus/misc/message-24-error.png);
    text-align: right !important;
    border-color: #ed541d;
    color: #8c2e0b;
    background-repeat: no-repeat;
    border: 1px solid;
}
table.contact-info {
    display: inline-block;
}
table.contact-info td {
    padding: 3px 15px;
    border-right: 1px dashed #eee;
}
tr.info-content {
    vertical-align: top;
}
.contact-avatar, .user_name, .contact-details {
    max-width: 170px;
}
span.user_name, .contact-details > div {
    overflow: hidden!important;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
.contact-avatar, .user_name {

    text-align: center;
}
span.user_avatar {
    width: 63px;
    display: inline-block;
    height: 63px;
    overflow: hidden;
    border-radius: 100%;
}
.contact-avatar img {
    max-width: 60px;
}
form[action="/login"] .panel .inner {
    padding: 25px 18px;
}
form[action="/login"] .panel {
    padding: 10px 0px !important;
}
#homepage-links {
    background-color: #348bc2;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
ul.nav-linkss a {
    color: white;
    padding: 0 15px;
    position: relative;
    display: inline-block;
    line-height: 40px;
    text-transform: none;
    font-size: 1em;
}
ul.nav-linkss a:hover, a.mainmenu.fa_navactif {
    background: #fff;
    border-radius: 0;
    color: #348bc2;
    text-decoration: none;
}
ul.nav-linkss img {
    filter: invert(100%);
}
ul.nav-linkss a:hover ul.nav-linkss img {
    filter: invert(0%);
}
ul.nav-linkss {
    margin: 0;
}
.nav-linkss li {
    display: inline-block;
    margin: 0;
}
.omarbar-nav, .container>.omarbar-header {
  margin: 0px !important;
}
.nav-search {
    background: #333;
    padding: 10px;
    text-align: left;
}

input {
    cursor: auto;
}
#search-box #keywords {
    color: #333!important;
    padding-right: 5px;
    width: 170px;
    height: 36px;
    margin: 0 !important;
}
input.search-button {
    left: 5px;
    line-height: 0.4em;
    background: #fff;
    border: 1px solid #888;
    font-family: FontAwesome;
    padding: 15px;
    border-radius: 0;
    box-shadow: none !important;
    color: #222;
    transition: background-color .25s ease-in-out
}
input.search-button:hover {
      background-color: #293a4a;
      color: #FFF !important;
      box-shadow: none !important;
}
.nav-logo {
    float: left;
}
.nav-search img {
    max-height: 85px;
}
.is-sticky#headerbar-top {
    z-index: 9999999 !important;
    padding: 0;
    margin: 0;
}

a.mainmenu[href*="/search"] {
    display: none;
}

.nav-block {
    background-color: #fafafa;
    line-height: 65px;
    text-align: right;
    color: #FFF;
    font-size: 14px;
}
.nav-block a {
    color: #888;
    display: inline-block;
    padding: 0 25px;
    height: 90px;
    line-height: 90px;
    text-decoration: none;
}

#collapseNavLink a {
    color: #333;
    padding: 6px;
}
#collapseNavLink {
    background: #FFF;
    color: #333;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.25);
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
.search-box {
    margin-left: 0;
}

.mod-recent-row {
    padding: 5px;
}
.mod-recent-row a {
    font-size: 12px;
    color: #2892e0;
}
.divider {
    height: 1px;
    margin: 1px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
span.mod-recent-info.classic_row {
    border-bottom: #DDD 1px solid;
    margin-bottom: 3px;
    padding-bottom: 3px;
}
span.mod-recent-info.classic_row:nth-last-child(1) {
    border-bottom: none;
}

.forabg .header, .forumbg .header {
    padding: 10px;
}
.btn-collapse i {
    top: -5px;
}
.forum-block {
    width: 100%;
}
.forum-header-block {
    width: 100%;
}
.forabg.hidden .forum-header-block, .forabg.hidden .forums {
    display: none;
}
table.forum-header-block td {
    padding: 5px 15px;
}
.forum-header td {
    background: #333333;
    color: white;
    padding: 3px 10px 4px;
    text-transform: uppercase;
    font-weight: 700;
}
.forum-icon {
    width: 4%;
}
.forum-name {
    width: 50%;
}
.forum-icon {
    text-align: center;
}
.forum-icon img {
    text-decoration: none;
    margin: 0;
    width: 30px;
    height: 30px;
    display: inline-block;
}
.forum-topics, .forum-posts {
    width: 10%;
}
.forum-last-post {
    width: 20%;
}
.forum-row {
    background: #fff;
    border-bottom: 1px solid #eaeaea;
}
.forum-block td, .forumbg .forum-block td {
    border: none !important;
    padding: 15px 10px;
  border-color: transparent !important;
  outline-width: 0!important;
}
td.forum-name, td.forum-last-post {
    padding-right: 0 !important;;
}
.poster-avatar {
    width: 7%;
}
.lastpost-avatar {
    float: left;
    padding: 11px 0 11px 0 !important;
}
 .topics .lastpost-avatar {
    padding: 1px 0 1px 0 !important;
}
.forum-title-link {
    line-height: 15px;
    margin-bottom: 3px;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
}
.forum-title-link a {
    color: #555;
    display: block !important;
}
.forum-title-link a:hover, .forum-title-link a:focus {
    color: #348bc2;
}
.forum-description {
    color: #999999;
    font-size: 0.867em;
}
.forum-number-topics {
    color: #888888;
    font-size: 14px !important;
    text-align: center;
}
td.forum-name {
    background-repeat: no-repeat;
    background-position: 5px 5px;
    border: none!important;
}
span.participated {
    float: right;
}
.topic-author {
    display: table-cell;
}

.pagination {
    margin: 0;
}
.pagination span a:active, .pagination span a:link, .pagination span a:visited {
    line-height: 25px;
    border-radius: 100%;
    background-color: #2C353B;
    width: 25px;
}
.row .pagination {
    display: block;
    margin-bottom: 5px;
}
#add_topic, #leave_reply {
    border-radius: 100%;
    bottom: 20px;
    font-size: 0;
    height: 60px;
    left: 20px;
    position: fixed;
    width: 60px!important;
    z-index: 999;
}
a#add_topic:before, a#leave_reply:before {
    font-size: 25px;
    line-height: 45px;
    margin-right: 2px;
}

.sub-header-buttons {
    float: none;
    display: block;
}
.sub-header-info {
    background: #348cc2;
    border: 1px solid #333;
    border-radius: 15px 5px 5px 15px;
    border-right-width: 6px;
    color: #FFF;
    display: inline-block;
    float: none;
    font-size: 0;
    margin: 3px 0;
    padding: 6px 12px;
}
.sub-header-info a, .table-title a, .post-head a {
    color: #FFF;
}
 .table-title a:hover {
    color: #FFF;
}
.birthdays-block, .online-block, .statistics-block {
    font-size: 15px;
    padding: 15px;
}
    #fa_groups {
    font-size: 0;
    padding: 6px 3px;
    margin: 0 -6px;
}
#fa_groups span {
    font-size: 11px;
    font-weight: bold;
}
#fa_groups b {
    font-size: 11px;
    font-style: italic;
}
    #fa_groups b:hover {
    text-decoration: underline;
}
#fa_groups b:after {
    content: ", ";
    font-size: 15px;
    font-weight: bold;
}
    #fa_groups b:last-child:after {
    content: "";
}
ul.topiclist.forums.toggle br[style*="line-height"] {
    display: none;
}
.statistics-block {
    text-align: center;
}
.statistics-item {
    background: #f2f2f2;
    display: inline-block;
    float: none;
    font-size: 0;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px 0 10px 10px;
    width: 19.2%;
}
.statistics-item:last-child {
    margin-left: 0;
}
td.data1-statistics {
    width: 50px;
}
table.table1-statistics, table.table2-statistics {
    width: 100%;
}
.statistics-item strong {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 29px;
    vertical-align: -3px;
}
.statistics-item span {
    font-size: 12px;
}
td.data4-statistics {
    padding: 2px;
    border-top: 1px #348cc2 dotted;
}
.statistics-icon {
    font-size: 40px;
}
.statistics-item .last-member {
    font-size: 12px;
    line-height: 29px;
    vertical-align: -3px;
}
.statistics-item strong a {
    font-size: 12px;
    line-height: 17px;
}


.copyright-body {
    border: none;
}
li.footer-home {
    border: 1px solid;
    padding: 3px 12px;
    border-radius: 5px;
}
li.footer-home:hover {
    background: rgba(0, 0, 0, 0.14);
    border-color: rgba(0, 0, 0, 0.14);
}
li.footer-home, li.footer-home a {
    color: rgba(255,255,255,0.44);
    font-size: 11px;
    text-align: center;
}
li.footer-home span {
    padding-left: 5px;
}

table.portal-content {
    width: 100%;
    padding-bottom: 20px;
}
.recent-topic-content { padding-bottom: 0 0 -5px; }
#post-users-week, #post-users-month, #mos-viewed-topics, #most-active-topics, #most-active-starters {
    height:300px;
}
#post-users-week{  height: auto !important; }
#post-users-month{ height: auto !important; }
#post-users-week .h3, #post-users-month .h3, #most-viewed-topics .h3 , #most-active-topics .h3,  #most-active-starters .h3 { padding-top: 10px; }
.users-month-content table tr, #post-users-week table tr {
    display: none;
}
.users-month-content table tr:nth-child(1), #post-users-week table tr:nth-child(1), .users-month-content table tr:nth-child(2), #post-users-week table tr:nth-child(2), .users-month-content table tr:nth-child(3), #post-users-week table tr:nth-child(3), .users-month-content table tr:nth-child(4), #post-users-week table tr:nth-child(4) {
    display: table-row !important;
    width: 100% !important;
}
#post-users-week br, #post-users-month br {
    display: none;
}
 
 
#portal-omar {
    position: relative;
    right: 1%;
    top: 15px;
}

#recent_topic_list .row1 {
    border-bottom: 1px solid #e9ebed;
}
#recent-topics table.row1:last-child {
    border-bottom: none;
}
td#title-name {
    width: 58%; 
    overflow: hidden !important;
    display: inline-block;
    text-overflow: ellipsis;

 
white-space: nowrap;
}
td#poster-name {
    width: 20%;
    display: inline-block;
    text-align: center;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap; 
 
}
td#topic-time {
    width: 22%;
    overflow: hidden !important;
    display: inline-block;
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap;
}

div#box-padding {
    padding-right: 0 !important;
}

#recent-topics td, #post-users-month td, #post-users-week td {
    padding: 5px 10px;
}
.forabg.recent-topics .btn-collapse, .forabg.post-users-week .btn-collapse, .forabg.post-users-month .btn-collapse {
    display: none;
}
.post-inner {
    margin-right: 260px;
    margin-left: 15px;
    padding: 10px 0;
}
.postprofile {
    width: 265px;
    margin-right: -265px;
    font-size: 12px;
    padding: 0 18px 18px 18px;
}
.postprofile dl {
    text-align: center;
    margin: 0 auto;
}
.postprofile dl {
    background: #FFF;
    position: relative;
    border: 1px solid #ccc;
    margin-top: 30px;
}
.postprofile dl:before {
    content: "غير متصل";
    color: #FFF;
    background: #999;
    position: absolute;
    height: 26px;
    border-radius: 30px 30px 0 0;
    line-height: 26px;
    top: -26px;
    left: -1px;
    right: -1px;
}
.online .postprofile dl::before {
    content: "متصل";
    background: rgb(136, 187, 85);
}
.postprofile dt, .postprofile dd {
    margin: 0;
    padding: 3px;
    width: 100%;
}
.user-avatar img {
    max-width: 100px;
}
.profile-field .label, .profile-field .value {
    font-size: 12px;
    vertical-align: top;
    display: inline-block;
    width: 50%;
    overflow: hidden;
    word-break: break-word;
}
.profile-field {
    font-size: 0;
    display: block;
}
.profile-field .label {
    text-align: left;
    color: #333;
}
.profile-field .value {
    text-align: right;
}
.profile-field .value:before {
    content: " ";
    margin-left: 3px;
}
.contact-info a {
    display: inline-block;
    margin: 2px;
}
.postbody {
    background: #fff;
    border: 1px solid #ccc;
    margin-right: 0;
    overflow: hidden;
    width: 100%;
    padding: 0;
}

.postbody .profile-icons {
    float: left;
    margin: 3px;
    padding-right: 10px;
    padding-bottom: 15px !important;
}
.profile-icons li {
    margin: 10px 6px 0 0;
}

.postbody .content {
    word-wrap: break-word;
}

.sceditor-container iframe, .sceditor-container textarea {
    font-weight: 400;
    font-size: 11px;
}
.btn-report a + a {
      margin: 0 5px 0 5px;
}
.post[style*="background-color"] .postbody {
    background: rgba(255, 255, 255, 0.3);
}
.post-content {
    font-size: 100%;
    padding: 15px;
    text-align: center;
}
div#textarea_content {
    width: 75% !important;
}

h1.page-title {
    font-size: 22px;
    line-height: 50px;
}
.panel h3, .panel .h3 {
    margin: -18px -18px 0;
    background: #39c;
    padding: 10px;
    color: #FFF;
}

.block .h3 {
    margin-top: -18px;
}
#bsm-img {

}
#bsm-img img {
    width: 325px;
}

.post-content:before {
    content: '';
    display: block;
    clear: left;
}

.edited-message {
    font-size: 10px;
    margin: 0px 10px;
    text-align: left;
}
.online:before {
    display: none;
}

.post-head {
    background-color: #348cc2;
    color: #FFF;
    border: none;
    padding: 10px;
}
.vote {
    float: none;
}
h1.page-title {
    line-height: 22px;
    margin: 0 -15px 18px;
    background: #348cc2;
    color: #FFF;
    padding: 10px;
}
div#preview .h3 {
    background: #39c;
    margin-top: 0;
    padding: 10px;
    color: #FFF;
    font-size: 16px;
}
#preview .content {
    padding: 0 15px;
    font-size: 12px;
}
.h3, h3 {
    background: #69c;
    padding: 6px;
    margin: 10px 0;
    color: #FFE;
    font-size: 14px;
}
.postbody-preview {
    padding: 10px;
}
.content {
    word-break: break-word;
}

.panel div.mes-txt, .panel p {
    padding-top: 10px;
    font-size: 13px;
}
.topic_mod-btn:after {
    clear: left;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.vote-bar {
    display: inline-block;
}
.signature_div img {
    max-width: 100%;
}

.signature_div {
    text-align: center;
}

p.center {
    margin: 0;
    text-align: center;
    margin-right: 35px;
}
.poll-block {
    padding: 20px;
    text-align: center;
}
h2.left-box.h3 {
    background: transparent;
    color: inherit;
    font-weight: 700;
}

fieldset.polls dl:nth-child(odd) {
    background-color: transparent;
}
.poll-block .panel {
    background: #ffffff;
    padding: 18px !important;
}
.poll-block fieldset.polls dl {
    display: inline;
}
.poll-block dt label {
    text-align: left;
}
.poll-block fieldset.polls {
    display: inline-block;
}
.poll-block fieldset.polls dt {
    border-left: none;
    display: inline-block;
    float: right;
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 50%;
}
.poll-block fieldset.polls dd {
    border-right: none;
    float: none;
    font-size: 1.2rem;
    margin-right: 0;
    padding: 0 5px;
    width: 50%;
    display: inline-block;
}
.poll-block .polls input.button1 {
    float: left;
}
blockquote:before, dl.codebox:before {
    font-size: 25px;
    top: 3px;
    left: 5px !important;
}
blockquote {
    border-width: 0 6px 0 0;
    margin: 10px;
    padding: 10px 30px 10px 10px;
    font-size: 12px;
    font-style: italic;
    color: #929292;
}
blockquote cite {
    font-weight: 700;
    color: black;
    margin: -10px -30px 0px -10px;
    text-decoration: underline;
    padding: 5px;
    background: rgb(226, 225, 213);
}
dl.codebox {
    margin: 10px;
    border: 1px solid #CCC;
}
dl.codebox dt {
    margin: -18px -18px 10px -18px;
    padding: 5px;
    background: #e2e1d5;
    font-size: 14px;
}
dl.codebox.spoiler:before {
    content: "\f070";
    font-family: FontAwesome;
    top: 2px;
}
dl.codebox.spoiler dt:hover, dl.codebox.spoiler dt:focus, dl.codebox.spoiler dt:active {
    background: #f7f5f5;
}
dl.codebox.hidecode dt:before {
    content: 'المحتوى مخفي';
}
dl.codebox.hidecode:before {
    content: '\f2a8';
    font-family: FontAwesome;
    top: 1px;
}

#message-box {
    float: left!important;
    width: 100%!important;
    margin: 0 !important;
}

#message-box #textarea_content {
    width: 100% !important;
}
#smiley-box {
    float: right!important;;
    margin-top: 25px!important;;
    width: 18%!important;;
}
.attachbox {
    float: none;
    display: inline-block;
    margin: 18px !important;
}
.profile-icons a, .profile-icons span {
    font-size: 16px;
    box-shadow: none;
    width: 37px;
    text-align: center;
    height: 37px;
    border-radius: 100%;
}
.profile-icons a i:before, .profile-icons span i:before, .postbody ul.profile-icons img {
    margin-top: 6px;
}
.postbody ul.profile-icons {
    margin-left: 15px;
}
.signature_div {
    background: #FFF;
    font-size: 12px;
    border: 1px solid #ccc;
    margin: 15px;
    overflow: auto;
    max-height: 350px;
    padding: 15px;
}
.signature_title {
    background: #ccc;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    padding: 5px;
    margin: 0 15px -15px 15px;
}
p.author {
    padding: 5px;
    margin: -15px; 
}

img#fym_banner {
    max-width: 100%;
}
.panel .inner {
    padding: 10px 15px;
}

.omar-panel .inner p {
    margin-right: 10px;
}
#cp-main, select + button, select + input {
    margin: 0 !important;
}
textarea.inputbox {
    width: 58% !important;
}
#cp-main > form {
    border: 1px solid #348cc2;
}
.hidden-if-toolbar-deactivated .panel .inner fieldset {
    padding: 0;
}
.hidden-if-toolbar-deactivated .panel .inner {
    padding: 0;
}
body[contenteditable="true"] img {
    max-width: 100%;
}
.hidden-if-toolbar-deactivated td, #checkboxes td {
    padding: 5px 2px;
}
.frm-form {
    float: none!important;
    margin: 0!important;
    padding: 18px;
    margin-bottom: 15px !important;
}
form[action="/login"], form[action="/search?mode=results"] .panel {
    margin-bottom: 20px !important;
    padding: 18px !important;
}
div#fa_quick_login form[action="/login"] {
    padding: 0 !important;
}
h1.page-title {
    padding: 5px 20px;
}
form[action="/memberlist"] .panel h2.h3, form#AD_Form .panel {
    margin-bottom: 18px !important;
}
form[action="/post"] .panel, form#AD_Form .panel {
    padding: 10px 3px !important;
}
#AD_Form input, #AD_Form select, #AD_Form textarea, #EV_Form input, #EV_Form select, #EV_Form textarea {
    width: auto !important;
}
form#AD_Form .panel.row3 .h3 {
    padding: 18px 25px 10px;
}
.search .postbody {
    width: 100%;
    padding: 0 15px;
}
.search .postbody .h3 {
    margin: 0 -15px 15px -15px;
  text-align: center;
}
.search .postbody .h3 a {
    color: #FFF;
}
.pagination span strong {
    border-radius: 100% !important;
    border: 1px solid #ccc !important;
    margin-right: 3px; !important;
    height: 30px !important;
    width: 30px !important;
}
.pagination span a:active, .pagination span a:link, .pagination span a:visited {
    background: transparent !important;
    color: #333 !important;
    border: 1px solid #ccc;
    line-height: 30px !important;
    height: 30px !important;
    width: 30px !important;
}
.pagination span a:hover, .pagination span a:hover, .pagination span a:hover {
    background: rgba(0,0,0,0.05) !important;
}
.progress {
    margin-bottom: 0 !important;
    width: auto;
}
.AD_UploadPhoto {
    width: 100%;
}
.msgs .forum-icon img:nth-child(1) {
    width: auto;
    height: auto;
}
.msg-name {
    width: 90%;
}
td.msg-mark {
    text-align: center;
}
.post .post-head .topic-title {
    color: #FFF;
    vertical-align: middle;
    margin: 0;
}

.post h2.topic-title a {
    line-height: 28px;
    display: inline-block;
    max-width : 100%;
    margin: 0;
}
.post {
    background: #f7f7f7;
}
.post-time-date {
    display: inline-block;
    padding: 3px;
}
.content-poster {
    display: inline-block;
    font-size: 11px;
    background: #ccc;
    border-radius: 50px;
    vertical-align: middle;
    text-align: center;
    padding: 6px 12px;
}
.postprofile dt {
    background: #FFF;
}
.postprofile button {
    display: block;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 10px;
}

.vote a.ion-thumbsdown {
    display: none;
}
.button1:hover, .button2:hover, .button:hover, input[type="submit"]:hover {
    background-color: #126598;
    box-shadow: 0 1px 9px rgba(0,0,0,0.6);
}
span#more-user-info {
    vertical-align: middle;
}
.text-toogle[aria-expanded=false] .text-expanded {
  display: none;
}
.text-toogle[aria-expanded=true] .text-collapsed {
  display: none;
}
.vote .ion-thumbsup {
    margin-left: 0;
}
span.user_rank #admin_rank {
    display: inline-block !important;
    background: transparent !important;
    margin: 0 !important;
    color: inherit;
    padding: 0 !important;
    width: auto !important;
    border-radius: 0 !important;
}
div#search-box {
    margin: 0;
}
span.user_name {
    font-size: 0;
}
span.user_name strong {
    font-size: 11px;
}
span.profile-field.field_ .value, span.profile-field.field___00a0__0639__0627__0631__0636__0629-__0627__062d__062a__0631__0627__0645 .value {
    text-align: center;
    width: 120px;
}
/* ------------------------------------- */
@media (min-width:0px) and (max-width:350px) {
  td#topic-name {
    display: none;
  }
}
@media (min-width:0px) and (max-width:460px) {
  .subLink a {
    white-space: normal !important;
    min-width: inherit !important;
    width: 165px;
}
 
    .forum-posts, .forum-topics, .poster-avatar,.forum-last-post {
    display: none;
  }
 td#poster-name {
    display: none;
  }
  .statistics-item {
    width: 100%;
    display: block;
  }
  .postprofile-avatar img {
    width: 50px !important;
    height: 50px !important;
  }
  .topic_mod-btn {
    text-align: center;
  }
}

@media (min-width:0px) and (max-width:768px) {
  .AD_UploadPhoto ul li {
    width: auto;
}
 
    /* MEMBERLIST */
  .avatar-mini img {
    height:25px;
    width:25px;
  }

#memberlist td.avatar-mini + td,
th.active, #memberlist td.avatar-mini + td + td + td, #memberlist td.avatar-mini + td + td + td + td, #memberlist th.interests, #memberlist th.joined, #memberlist th.number, #memberlist th.posts, #memberlist tr > td:first-child {
    display:none;
  }

  fieldset dl {
    text-align: center;
}
  fieldset dt {
    float: none!important;
    width: 100%!important;
}
  fieldset dd {
    display: block !important;
    width: 100%!important;
}
  #profile-advanced-layout {
    margin: 0;
}
 #profile-advanced-right, #profile-advanced-left {
    float: none;
    width: 100%;
}
 
  .contact-info {
    clear: both;
}
  .msg-profile dt {
    width: 100% !important;
    float: none !important;
    text-align: center;
}
  .post-inner {
    margin: 0!important;
}
  .postprofile {
    float: none!important;
    margin: -10px 0 10px 0 !important;
    width: 100%;
    padding: 0;
}

  .postprofile dt, .field-info {
    padding: 0 !important;
}
 .postprofile {
    margin: -10px 0 10px 0!important;
    float: none!important;
    width: 100%;
}
  .postprofile dl {
    width: 100%;
    border: none;
    border-bottom: 1px solid #CCC;
    padding-top: 3px;
}
 
#message-box, #message-box #textarea_content, #textarea_content, #smiley-box, #smiley-box iframe {
    width: 100% !important;
    float: none;
}
  #fa_toolbar #live_notif {
    right: 0;
    left: 0;
  }
  .fa_notification {
    border: none;
    box-shadow: 0 0 9px rgba(0,0,0,0.3), 0 0 1px 1px rgba(0,0,0,0.2);
    font-size: 1.3rem;
    list-style-type: none;
    position: absolute;
    top: 42px;
    right: 0 !important;
    left: 0 !important;
    z-index: 999;
}
  .content.ellipsis {
    display: block !important;
    margin-right: 40px;
    overflow: initial !important;
}
  div#box-padding {
    padding-right: 15px !important;
  }

  .postprofile {
    width: 100%;
    margin: 20px 0 20px 0;
    float: none;
  }
  .postbody {
    margin-right: 0!important;
    padding: 0 !important;
  }
.postbody .content {
    word-wrap: break-word;
}
  body div.sceditor-dropdown {
    position: fixed!important;
    top: auto!important;
    left: 0!important;
    right: 0;
    bottom: 0;
    text-align: center;
    height: 200px;
    overflow: auto;
    padding: 6px 0!important;
    border-radius: 0;
    margin-top: 0!important;
  }
  body div.sceditor-dropdown iframe {
    width: 100%;
}
    #contact-profile {
    display: none;
  }
}

@media (min-width:460px) and (max-width:768px) {
  .statistics-item {
    width: 47.1%;
  }
 
}

/* Extra Small Devices, Phones */
@media (max-width: 640px) {
td#topic-time {
    display: none;
  }
  #AD_Form input, #AD_Form select, #AD_Form textarea, #EV_Form input, #EV_Form select, #EV_Form textarea {
    width: 100% !important;
}
  td#poster-name {
    width: 40%;
}
 
  #headerbar-top .navbar li {
    display: block;
    margin: 0!important;
    padding-right: 20px;
    text-align: right;
  }
  .wrap.logo-img img {
    display: none;
}
.forum-desc {
    color: #fff!important;
    display: block;
    padding: 50px;
}
 
#search-box #keywords {
    width: 175px;
  }
  .sub-forum-links strong {
    display: none;
  } 

  .nav-linkss li, ul.nav-linkss a {
    display: block;
  }
  td.contact-links {
    display: none;
  }
  td.contact-profile {
    display: none;
  }
.forum-name {
    width: 100%;
  }
 
    .forum-description, .forum-posts, .forum-topics, .forum-last-post {
    display: none;
  }
}
@media (min-width:640px) and (max-width: 768px) {

  .nav-linkss li, ul.nav-linkss a {
    display: block;
  }
  td.contact-links {
    display: none;
  }
.forum-last-post {
    display: table-cell;
  }
}

@media (min-width: 768px) and (max-width:992px){

a.mainmenu[href="/calendar"], a.mainmenu[href="/faq"] {
    display: none;
  }
.forabg.recent-topics li.header {
    padding: 21px;
  } 
  .statistics-item {
    width: 31.9%;
  }
}

@media (max-width: 1024px) and (min-width: 769px) {

  #message-box, #message-box #textarea_content, #textarea_content, #smiley-box, #smiley-box iframe {
    width: 100% !important;
    float: none;
  }
}

@media (min-width: 992px) and (max-width:1200px) {
  .statistics-item {
    width: 23.8%;
  }
}



/* --- ChatBox --- */
input#message {
    border: 1px solid #2196f3;
}
#chatbox_footer #submit {
    font-size: 1.8rem;
    height: 38px;
    line-height: 38px;
    padding: 0 8px;
    margin: -5px 0 0 -17px;
}
div#fullscreen {
    display: none;
}
body.chatbox {
  transition: all .2s ease-in-out;
  visibility: hidden;
  overflow: hidden;
  height: 100%;
  margin: 0;
  background: #fff;
  opacity: 0;
}

body.chatbox.active {
  visibility: visible;
  opacity: 1;
}

#chatbox,#chatbox_members {
  top: 40px;
  bottom: 40px;
  transform: none;
  position: absolute;
  overflow: auto;
  transition: all .2s ease-in-out;
}
#chatbox_header {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 40px;
  padding: 0 5px;
  line-height: 40px;
  background: #e7e7e7;
  color: transparent;
}

.chatbox-title {
  float: left;
  margin: 0;
}

#chatbox_option_co,#chatbox_option_disco,#chatbox_option_with_archives a,#chatbox_option_without_archives a,#fullscreen,#sound_control,.chat-title {
  display: block;
  border-radius: 3px;
  width: 30px;
  height: 30px;
  float: left;
  margin: 5px;
  text-indent: -9999px;
  background: url(//i68.servimg.com/u/f68/19/38/83/61/chat6110.png) center center no-repeat #e7e7e7;
  cursor: pointer;
}

#chatbox_option_co:focus,#chatbox_option_co:hover,#chatbox_option_disco:focus,#chatbox_option_disco:hover,#chatbox_option_with_archives a:focus,#chatbox_option_with_archives a:hover,#chatbox_option_without_archives a:focus,#chatbox_option_without_archives a:hover,#fullscreen:focus,#fullscreen:hover,#sound_control:focus,#sound_control:hover,.chat-title:focus,.chat-title:hover {
  background-color: #fff;
}

#chatbox_option_with_archives a {
  background-image: url(//i68.servimg.com/u/f68/19/38/83/61/archiv10.png);
}

#chatbox_option_without_archives a {
  background-image: url(//i68.servimg.com/u/f68/19/38/83/61/three110.png);
}

#chatbox_option_co {
  background-image: url(//i68.servimg.com/u/f68/19/38/83/61/power110.png);
}

#chatbox_option_disco {
  background-image: url(//i68.servimg.com/u/f68/19/38/83/61/out10.png);
}

#sound_control {
  background-image: url(//i97.servimg.com/u/f97/19/51/54/34/volume12.png);
}

#sound_control.disable {
  background-image: url(//i97.servimg.com/u/f97/19/51/54/34/volume11.png);
}

#fullscreen {
  background-image: url(//i97.servimg.com/u/f97/19/51/54/34/expand10.png);
}

#fullscreen.active {
  background-image: url(//i97.servimg.com/u/f97/19/51/54/34/center10.png);
}

.chatbox-options {
  float: right;
  font-size: 0;
}

.chatbox-options li {
  float: left;
}

#chatbox_members {
  right: inherit;
  left: -200px;
  z-index: 20;
  width: 200px;
  padding: 0 5px;
  border-right: 1px solid #e7e7e7;
  background: #fff;
}

#chatbox_members>ul,.chatbox-options {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}

.member-title {
  border-radius: 3px;
  text-align: center;
  margin: 5px 0;
  padding: 5px;
  text-transform: uppercase;
  background: #fefff4;
}

.away-users>li>span,.online-users>li>span {
  margin: 5px 0;
  display: block;
}

.chatbox-user-username {
  cursor: pointer;
  padding: 3px 0;
}

#chatbox {
  margin-right: 0;
  right: 0;
  left: 0;
  padding: 0 5px;
}

#chatbox>p {
  display: none;
}

#chatbox_footer {
    height: 40px!important;
    left: 0;
    overflow: initial !important;
    position: absolute;
    right: 0;
    top: 0;
}

.msg-act,.msg-day span,.msg-row,.msg-wrap {
  position: relative;
}

#chatbox_footer #help-button,#chatbox_footer #submit_button,#chatbox_footer .fontbutton {
  display: none!important;
}

#chatbox_footer .right {
  float: none;
}

.msg-row {
  margin: 1em 0;
}

.msg-row.alert>div,body>p.center strong {
  width: auto;
  margin: 1px -5px;
  padding: 3px 12px;
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  color: #fff;
}

.msg-row.alert .ban-act,.msg-row.alert .other-act,.msg-row.alert .unmod-act {
  background: #ff5c5c;
}

.msg-row.alert .disconnect-act,.msg-row.alert .kick-act,.msg-row.alert .timeout-act {
  background: #f57c00;
}

.msg-row.alert .away-act,.msg-row.alert .me-act {
  background: #5e35b1;
}

.msg-row.alert .connect-act,.msg-row.alert .mod-act,.msg-row.alert .unban-act {
  background: #388e3c;
}

.msg-row.alert .clear-act {
  background: #47a3fc;
}

.msg-day {
  margin-bottom: -1em;
  border-top: 1px dashed #e7e7e7;
  text-align: center;
  color: #e7e7e7;
}

.msg-day span {
  top: -.75em;
  padding: .2em 1em;
  font-size: 12px;
  background: #fff;
}

.msg-wrap {
  margin-left: 40px;
}

.msg-act {
  max-width: 70%;
  float: left;
  clear: both;
  margin: 1px 0!important;
  padding: 6px 12px;
  border-radius: 4px 1.3em 1.3em 4px;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  background: #e7e7e7;
}

.msg-act:first-child {
  border-top-left-radius: 1.3em;
}

.msg-act:last-child {
  border-bottom-left-radius: 1.3em;
}

.msg-act:before,.msg-avatar:before {
  transition: all .2s ease-in-out;
  content: attr(data-time);
  position: absolute;
  top: 0;
  right: -50px;
  z-index: 10;
  visibility: hidden;
  padding: 2px 4px;
  border-radius: 3px;
  white-space: pre;
  font-size: 9px;
  font-family: Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  color: #fff;
  background: #757575;
  opacity: 0;
}

.msg-act:hover:before,.msg-avatar:hover:before {
  visibility: visible;
  opacity: 1;
}
.no-text {
  padding: .8em 0;
  background: 0 0!important;
}

.msg-act a {
  font-weight: 700;
}

.msg-act a:focus,.msg-act a:hover {
  text-decoration: underline;
}

.msg-act embed,.msg-act iframe,.msg-act img {
  max-width: 100%;
}

.msg-act img {
  vertical-align: middle;
}

.msg-act font,.msg-act span {
  font-size: 14px!important;
  color: #212121!important;
}

.msg-act strong {
  font-weight: 400;
}

.msg-act strike,.msg-act u {
  text-decoration: none;
}

.msg-act i {
  font-style: normal;
}

.msg-act dd,.msg-act dl {
  display: inline;
  margin: 0;
}

.msg-act dt,.msg-me .msg-avatar {
  display: none;
}

.msg-act code {
  font-family: inherit;
}

.msg-avatar {
  position: absolute;
  top: 3px;
  left: 0;
  cursor: pointer;
}

.msg-avatar-circle {
  border-radius: 50%;
  overflow: hidden;
  width: 30px;
  height: 30px;
}

.msg-avatar:before {
  content: attr(data-name);
  top: -13px;
  right: auto;
  left: 0;
}

.msg-avatar:after {
  border: 1px solid #e7e7e7;
  border-radius: 50%;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  background: #bdbdbd;
}

.msg-avatar.online:after {
  background: #388e3c;
}

.msg-avatar.away:after {
  background: #5e35b1;
}

.msg-avatar.offline:after {
  content: none;
}

.msg-avatar img {
  width: 100%;
}

.msg-me .msg-wrap {
  margin-right: 0;
  margin-left: 0;
}

.msg-me .msg-act {
  float: right;
  border-radius: 1.3em 4px 4px 1.3em;
  background: #2196f3;
}

.msg-me .msg-act:first-child {
  border-top-right-radius: 1.3em;
}

.msg-me .msg-act:last-child {
  border-bottom-right-radius: 1.3em;
}

.msg-me .msg-act:before {
  right: auto;
  left: -50px;
}

#media,#message {
  left: 0;
  position: absolute;
}

.msg-me .msg-act a {
  color: #e7e7e7;
}

.msg-me .msg-act a:hover {
  color: #fff;
}

.msg-me .msg-act>span {
  color: #fff!important;
}

#message {
  border-radius: 3px;
  border: 1px solid #e7e7e7;
  box-sizing: border-box!important;
  box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
  top: 0;
  right: 0;
  width: 100%!important;
  height: 40px!important;
  margin: 0!important;
  padding: 0 75px 0 1em;
  line-height: 40px;
  font-weight: 400!important;
  font-style: normal!important;
  text-decoration: none!important;
  color: #212121!important;
  background: #fefff4;
}

#message:focus {
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,.26);
}

#chatbox_contextmenu {
  border-radius: 3px;
  z-index: 30;
  background: #fff;
}

.cb-menu-title {
  margin: 0;
  padding: 5px 8px;
  border-bottom: 1px solid #e7e7e7;
}

.cb-menu-close {
    background: #fff;
    border-radius: 50%;
    color: #ff5c5c!important;
    height: 18px;
    line-height: 18px;
    left: 5px!important;
    text-align: center;
    top: 2px!important;
    transition: all .2s ease-in-out;
    width: 20px;
}

.cb-menu-close:focus,.cb-menu-close:hover {
  background: #ff5c5c;
  color: #fff!important;
}

.cb-menu-item {
  margin: 0;
}

.cb-menu-item a {
  display: block;
  margin: 5px 0;
  padding: 4px 8px;
  color: #757575;
}

.cb-menu-item a:focus,.cb-menu-item a:hover {
  background: #e7e7e7;
  color: #111;
}

.pun {
  width: 100%!important;
  background: #fefff4;
}

.pun table tr.main-head {
  background: #757575;
  color: #fff;
}

#emoji_list .emoji:hover,.pun table tr:nth-child(2n) {
  background: #e7e7e7;
}

.pun table td,.pun table th {
  border: 1px solid #e7e7e7;
  padding: 7px 10px;
}

#buzz_wrap {
  right: 10px;
}

#emoji_list {
  overflow: auto;
  width: 246px;
  height: 160px;
  padding: 0 5px 0 0;
}

#emoji_list .emoji {
  border-radius: 3px;
  box-sizing: content-box;
  overflow: hidden;
  width: 16px;
  height: 16px;
  padding: 6px;
  text-indent: -99px;
  cursor: pointer;
}

@keyframes shake {
  2%,96% {
    transform: translate(-1.5px,-1.5px) rotate(.5deg);
  }

  22%,4% {
    transform: translate(-1.5px,-.5px) rotate(1.5deg);
  }

  6%,60%,92% {
    transform: translate(2.5px,.5px) rotate(1.5deg);
  }

  8% {
    transform: translate(2.5px,1.5px) rotate(.5deg);
  }

  10% {
    transform: translate(1.5px,-.5px) rotate(.5deg);
  }

  12% {
    transform: translate(1.5px,.5px) rotate(1.5deg);
  }

  14% {
    transform: translate(1.5px,-1.5px) rotate(-.5deg);
  }

  16% {
    transform: translate(-.5px,.5px) rotate(.5deg);
  }

  18% {
    transform: translate(-.5px,-1.5px) rotate(1.5deg);
  }

  20% {
    transform: translate(2.5px,1.5px) rotate(1.5deg);
  }

  24% {
    transform: translate(2.5px,-.5px) rotate(-.5deg);
  }

  26%,32% {
    transform: translate(-1.5px,.5px) rotate(.5deg);
  }

  28% {
    transform: translate(2.5px,.5px) rotate(.5deg);
  }

  30% {
    transform: translate(2.5px,2.5px) rotate(1.5deg);
  }

  34%,78% {
    transform: translate(1.5px,1.5px) rotate(-.5deg);
  }

  36%,54% {
    transform: translate(-1.5px,-.5px) rotate(.5deg);
  }

  38% {
    transform: translate(1.5px,1.5px) rotate(.5deg);
  }

  40% {
    transform: translate(1.5px,2.5px) rotate(.5deg);
  }

  42%,80% {
    transform: translate(1.5px,-.5px) rotate(-.5deg);
  }

  44% {
    transform: translate(2.5px,-1.5px) rotate(-.5deg);
  }

  46% {
    transform: translate(2.5px,.5px) rotate(-.5deg);
  }

  48%,86% {
    transform: translate(-.5px,.5px) rotate(-.5deg);
  }

  50% {
    transform: translate(-.5px,1.5px) rotate(.5deg);
  }

  52% {
    transform: translate(1.5px,.5px) rotate(.5deg);
  }

  56% {
    transform: translate(.5px,2.5px) rotate(1.5deg);
  }

  58% {
    transform: translate(.5px,1.5px) rotate(.5deg);
  }

  62% {
    transform: translate(1.5px,1.5px) rotate(1.5deg);
  }

  64% {
    transform: translate(-.5px,-.5px) rotate(-.5deg);
  }

  66% {
    transform: translate(-1.5px,.5px) rotate(-.5deg);
  }

  68% {
    transform: translate(2.5px,-.5px) rotate(.5deg);
  }

  70%,98% {
    transform: translate(2.5px,2.5px) rotate(.5deg);
  }

  72% {
    transform: translate(-1.5px,2.5px) rotate(1.5deg);
  }

  74% {
    transform: translate(1.5px,-.5px) rotate(1.5deg);
  }

  76% {
    transform: translate(-.5px,-.5px) rotate(1.5deg);
  }

  82% {
    transform: translate(-.5px,2.5px) rotate(-.5deg);
  }

  84% {
    transform: translate(.5px,-1.5px) rotate(-.5deg);
  }

  88% {
    transform: translate(1.5px,2.5px) rotate(-.5deg);
  }

  90% {
    transform: translate(-1.5px,.5px) rotate(1.5deg);
  }

  94% {
    transform: translate(-.5px,1.5px) rotate(1.5deg);
  }

  0%,100% {
    transform: translate(0,0) rotate(0);
  }
}

.chatbox-buzz {
  animation: shake 120ms ease-in-out infinite;
}

#media {
  right: 0;
  bottom: 40px;
  height: 50%;
}

#media iframe {
  width: 100%;
  height: 100%;
}

.toggleUsersList .chat-title {
  background-image: url(//i84.servimg.com/u/f84/19/38/83/61/users-10.png);
}

.toggleUsersList #chatbox,.toggleUsersList #chatbox_members {
  transform: translateX(200px);
}

.toggleMediaList .chat-title {
  background-image: url(//i68.servimg.com/u/f68/19/38/83/61/delete10.png);
}

.toggleMediaList #chatbox,.toggleMediaList #chatbox_members {
  bottom: 50%;
  margin-bottom: 40px;
}

#has_new_message {
  transition: all .2s ease-in-out;
  position: absolute;
  top: 40px;
  left: 50%;
  visibility: hidden;
  width: 140px;
  height: 30px;
  margin-left: -70px;
  padding: 0 10px;
  border-radius: 0 0 4px 4px;
  line-height: 30px;
  font-size: 12px;
  color: #fff;
  opacity: 0;
  background: url(//i97.servimg.com/u/f97/19/51/54/34/level-10.png) 117px center no-repeat #111;
  cursor: pointer;
}

#has_new_message.active {
  visibility: visible;
  opacity: .7;
}

#has_new_message:hover {
  opacity: 1;
}

.cb-bubcloud-btn {
  transition: all .2s ease-in-out;
  -webkit-filter: grayscale(70%);
  filter: grayscale(70%);
}

.cb-bubcloud-options {
  position: absolute;
  top: 10px;
  right: 45px;
}

.cb-bubcloud-options-list {
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
  position: absolute;
  top: 12px;
  right: -9px;
  z-index: 20;
  visibility: hidden;
  padding: 5px;
  opacity: 0;
}

.cb-bubcloud-options-list:after,.cb-bubcloud-options-list:before {
  position: absolute;
  z-index: 20;
  width: 0;
  height: 0;
  border-style: solid;
  content: " ";
  top: -4px;
  border-width: 0 6px 6px;
  right: 12px;
  border-color: transparent transparent #fff;
}

.cb-bubcloud-options-list:before {
  z-index: 10;
  top: -6px;
  border-bottom-color: #e7e7e7;
}

.cb-bubcloud-options.active .cb-bubcloud-btn,.cb-bubcloud-options:hover .cb-bubcloud-btn {
  transform: scale(1.4);
  -webkit-filter: none;
  filter: none;
  cursor: pointer;
}

.cb-bubcloud-options.disable .cb-bubcloud-btn {
  opacity: .3;
  -webkit-filter: grayscale(100%)!important;
  filter: grayscale(100%)!important;
  transform: scale(1)!important;
  cursor: not-allowed;
}

.cb-bubcloud-media {
  display: block;
  width: 160px;
  height: 90px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.cb-bubcloud-media img {
  transition: all .2s ease-in-out;
  margin-top: 15px;
  opacity: .7;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.cb-bubcloud-media:hover img {
  opacity: 1;
  -webkit-filter: none;
  filter: none;
}

/* --- ChatBox --- */
التوقــيـــــــــــــــــــــع


التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة التوقيع تجربة
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى