.stickySeparator { height: 20px; background-color:#25587E; border: 0px; margin: 0px; } .manageralert{ margin:25px 0; color:#111; } .alert-content , .alerticon{ background:#fff; border:1px solid #ccc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } .alert-content { margin-left:90px; padding:15px; position:relative; } .alert-content:before , .alert-content:after{ content:''; display:block; border-right:20px solid #fff; border-bottom:15px solid transparent; position:absolute; left:-20px; top:15px; z-index:10 } .alert-content:after{ border-right:23px solid #ccc; border-bottom:18px solid transparent; left:-23px; top:14px; z-index:9 } .alert-content h3 { padding:0; margin:0 0 10px; } .alert-content h3 label{ display:inline-block; font-weight:bold; padding:0 0 3px; border-bottom:2px solid; margin-left:7px; } .alert-content p{ margin:0; padding:0; } .alerticon{ float:left; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; width:70px; height:70px; line-height:70px; text-align:center; font-size:23px; margin-top:10px; } .block-minorHeader { background-color: #0f3652 !important; text-align:center; color: #FFF !important; } /***كود تغير شكل الازرار ***/ .button, a.button{ color:#0A3F63; line-height: 1.4; font-family: 'Cairo', sans-serif; font-weight: 700; font-size: 12px; padding-left:8px; padding-right:8px; padding-top:6px; padding-bottom:6px; background-color:#FFFFFF; border:1px solid #ccc; border-top-left-radius:17px; border-top-right-radius:0; border-bottom-right-radius:17px; border-bottom-left-radius:0; box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 4px rgba(0, 0, 0, 0.3); } /**********/ .p-footer-linkList a[href*="/misc/contact"]:before{ .m-faBase(); padding-right: 5px; content: "\f199" } .p-footer-linkList a[href*="help/terms"]:before{.m-faBase(); padding-right: 5px;content: "\f071" !important;} .p-footer-linkList a[href*="/help/"]:before{ .m-faBase(); padding-right: 5px; content: "\f059" } .p-footer-linkList a[href*="/help/privacy-policy/"]:before{ .m-faBase(); padding-right: 5px; content: "\f21b" !important; } .p-footer-linkList a[href*="https://"]:before{ .m-faBase(); padding-right: 5px; content: "\f015" } /* Icons for Login and Register buttons */ group-link.p-navgroup-link--textual.p-navgroup-link--logIn:before { .m-faBase(); .m-faContent(@fa-var-sign-in, 1em); color: #E6BB5C; } .p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--register:before { .m-faBase(); .m-faContent(@fa-var-key, 1em); color: #E6BB5C; } /**********/ .actionBar-action:before { margin-right: 5px; } .actionBar-action--edit:before {.m-faContent("\f040");} .actionBar-action--report:before {.m-faContent("\f071");} .actionBar-action--ip:before {.m-faContent("\f002");} .actionBar-action--delete:before {.m-faContent("\f2ed");} .actionBar-action--spam:before {.m-faContent("\f024");} .actionBar-action--warn:before {.m-faContent("\f12a");} .actionBar-action--history:before {.m-faContent("\f1da");} /* أيقونات في صفحة حساب العضوية */ [data-template="account_alerts"], &[data-template="account_reactions"], &[data-template="account_bookmarks"], &[data-template="account_details"], &[data-template="account_security"], &[data-template="account_privacy"], &[data-template="account_preferences"], &[data-template="account_signature"], &[data-template="account_upgrades"], &[data-template="account_connected"], &[data-template="account_following"], &[data-template="account_ignored"] { .p-body-sideNavContent a.blockLink { &:before { .m-faBase(); padding-right: 5px; } &[href*="members/"]:before { .m-faContent(@fa-var-user); } &[href*="account/alerts"]:before { .m-faContent(@fa-var-bell); } &[href*="account/reactions"]:before { .m-faContent(@fa-var-thumbs-up); } &[href*="account/bookmarks"]:before { .m-faContent(@fa-var-bookmark); } &[href*="account/account-details"]:before { .m-faContent(@fa-var-user-cog); } &[href*="account/security"]:before { .m-faContent(@fa-var-shield-alt); } &[href*="account/privacy"]:before { .m-faContent(@fa-var-lock); } &[href*="account/preferences"]:before { .m-faContent(@fa-var-cogs); } &[href*="account/signature"]:before { .m-faContent(@fa-var-signature); } &[href*="account/upgrades"]:before { .m-faBase('Brands'); .m-faContent(@fa-var-paypal); } &[href*="account/connected-accounts"]:before { .m-faContent(@fa-var-users-class); } &[href*="account/following"]:before { .m-faContent(@fa-var-user-plus); } &[href*="account/ignored"]:before { .m-faContent(@fa-var-user-minus); } &[href*="logout"]:before { .m-faContent(@fa-var-sign-out); } } } /*****/ .p-navEl-link { &:before{ font-size: 15px; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 3px; .m-faBase(); } &[data-nav-id="home"]:before{content: '\f015';} &[data-nav-id="forums"]:before{content: '\f086';} &[data-nav-id="whatsNew"]:before{content: '\f0e7';} &[data-nav-id="members"]:before{content: '\f007';} &[data-nav-id="newPosts"]:before{content: '\f075';} &[data-nav-id="findThreads"]:before{content: '\f002';} &[data-nav-id="watched"]:before{content: '\f2f1'; } &[data-nav-id="searchForums"]:before{content: '\f689';} &[data-nav-id="markForumsRead"]:before{content: '\f5b7';} } .menu-linkRow{ &:before{ display: inline-block; font-size: 15px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 3px; .m-faBase(); } &[data-nav-id="whatsNewPosts"]:before{content: '\f4ad';} &[data-nav-id="whatsNewProfilePosts"]:before{content: '\f4ff';} &[data-nav-id="whatsNewNewsFeed"]:before{content: '\f09e';} &[data-nav-id="latestActivity"]:before{content: '\f6a3';} &[data-nav-id="currentVisitors"]:before{content: '\f0c0';} &[data-nav-id="newProfilePosts"]:before{content: '\f4ff';} &[data-nav-id="searchProfilePosts"]:before{content: '\f00e';} &[data-nav-id="yourThreads"]:before{content: '\f4ad';} &[data-nav-id="contributedThreads"]:before{content: '\f4ac';} &[data-nav-id="unansweredThreads"]:before{content: '\f4b5';} &[data-nav-id="watchedThreads"]:before{content: '\f14e';} &[data-nav-id="watchedForums"]:before{content: '\f4ac';} } .menu-tabHeader .tabs-tab{ &:before{ display: inline-block; font-size: 15px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 3px; .m-faBase(); } &[href="/xf/account/"]:before{content: '\f509';} &[href="/xf/account/bookmarks"]:before{content: '\f02e';} } .menu-content .listPlain .menu-linkRow{ &:before{ display: inline-block; font-size: 15px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 3px; .m-faBase(); } &[href="/xf/whats-new/news-feed"]:before{content: '\f09e';} &[href*="/xf/search/member"]:before{content: '\f4b2';} &[href*="/xf/account/reactions"]:before{content: '\f361';} &[href="/xf/account/account-details"]:before{content: '\f4fe';} &[href="/xf/account/security"]:before{content: '\f502';} &[href="/xf/account/privacy"]:before{content: '\f505';} &[href="/xf/account/preferences"]:before{content: '\f6a3';} &[href="/xf/account/signature"]:before{content: '\f5b7';} &[href="/xf/account/following"]:before{content: '\f14e';} &[href="/xf/account/ignored"]:before{content: '\f4fa';} } [href*="/xf/logout/"]:before{ display: inline-block; .m-faBase(); content: '\f011'; font-size: 15px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 3px; } /*هذا للتعديل على شريط الاداره */ .p-staffBar { color:#FF0040; background:black; } /* تلوين خلفية أقسام المنتدى و عناوينها */ .block.block--category.block--category1 .block-header { background: #0f3652; color: #ffffff; } /**********/ /* تلوين خلفية أقسام المنتدى و عناوينها */ .block.block--category.block--category3 .block-header { background: #0f3652; color: #ffffff; } /**********/ /* تلوين خلفية أقسام المنتدى و عناوينها */ .block.block--category.block--category4 .block-header { background: #8B008B; color: #ffffff; } /**********/ /* تلوين خلفية أقسام المنتدى و عناوينها */ .block.block--category.block--category7 .block-header { background: #000000 ; color: #ffffff; } /**********/ /* تلوين خلفية أقسام المنتدى و عناوينها */ .block.block--category.block--category10 .block-header { background: #DC143C ; color: #ffffff; } /**********/ .ex-footer{ background: #2B323A; /*margin: 0px auto; width: 1200px;*/ .box-body{ float: left; width: 33.333333%; color: aliceblue; a{ text-decoration: none; color: aliceblue; } h3{ padding-left: 40px; color: #a0a0a0; } } .right{ ul{ list-style: none; width: 50%; float: left; li{ text-decoration: none; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; } li:hover{ padding-left: 10px; } } } .left{ ul{ list-style: none; float: left; li{ float: left; text-decoration: none; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; font-size: 40px; padding: 5px; } } } .about{ text-align: justify; } .clear{clear: both;} ul{ list-style: none; } li{ display: block; float: none; &:before{ content: ""; } &:after{ clear: both; content: ""; } } } .message-userExtras dl { padding: 5px 8px 5px 32px; background-color: #fff; margin: 0 0 1px; position: relative; font-size: 9pt; height: 24px; border-radius: 4px; border: 1px solid #e4e4e4; } .message-userExtras dl i { position: absolute; top: 0; left: 0; width: 30px; height: 30px; background-color:#FF8000; color: #fff; display: block; text-align: center; line-height: 28px; font-size: 9pt; text-shadow: 0 1px 0 #654e2f; } .pairs.pairs--justified > dt { color: #212121; } .message-name{ background: #fcfcfb; color: #C1730E; border:1px solid #ccc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding: 4px; line-height: 1.4; font-weight: 600; margin:0px auto 8px; box-shadow: 0 0 3px 0 rgba(159,152,152,0.75); } .message-userTitle{ background: #E6C260; color: #323232; border:1px solid #ccc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding: 4px; line-height: 1.4; font-weight: 600; margin:8px 0 8px; box-shadow: 0 0 3px 0 rgba(159,152,152,0.75); } .message-userBanner{ background: #E6C260; color: #323232; border:1px solid #ccc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding: 4px; line-height: 1.4; font-weight: 600; margin:8px 0 8px; box-shadow: 0 0 3px 0 rgba(159,152,152,0.75); } .message-user{ border:2px solid #ccc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:7px 0 7px; box-shadow: 0 0 3px 0 rgba(159,152,152,0.75); } /* ايقونات الاقسام فونت اسم */ .node--forum.node--id2.node--read .node-icon i:before { content: "\f66c"; } .node--forum.node--id15.node--read .node-icon i:before { content: "\f51c"; } .node--forum.node--id6.node--read .node-icon i:before { content: "\f4c0"; } .node--forum.node--id7.node--read .node-icon i:before { content: "\f2a1"; } .node--forum.node--id14.node--read .node-icon i:before { content: "\f643"; } .node--forum.node--id8.node--read .node-icon i:before { content: "\f201"; } .node--forum.node--id16.node--read .node-icon i:before { content: "\f56c"; } .node--forum.node--id9.node--read .node-icon i:before { content: "\f57c"; } .node--forum.node--id10.node--read .node-icon i:before { content: "\f43c"; } .node--forum.node--id11.node--read .node-icon i:before { content: "\f49c"; } .node--forum.node--id13.node--read .node-icon i:before { content: "\f33c"; } .node--forum.node--id12.node--read .node-icon i:before { content: "\f0a1"; } /* نهاية ايقونات الاقسام فونت اسم */ /* Node Collapse */ .block--category { .collapseTrigger { opacity: 0.5; transition: opacity 0.3s; margin-right: 10px; &.is-active:before { content: "\f205"; transform: scale(-1, 1); margin-right: -8px; } &:before { content: "\f205"; font-size: 80%; } } .block-container:hover .collapseTrigger { opacity: 1; } } .collapsible-nodes { .block-header { display: flex; } .block-header--left { margin-right: auto; max-width: 100%; } .block-body { transition: all 0.75s cubic-bezier(0.68, -0.55, 0.27, 1.55); -webkit-transition-property: all, -xf-opacity; transition-property: all, -xf-opacity; overflow-y: hidden; height: 0; -webkit-transition-property: all, -xf-height; transition-property: all, -xf-height; &.is-active { height: auto; } } } /* Node Collapse end */ /* تعديل ازرار المشاركة اعجبني وغيره*/ .actionBar-action--reply, .js-multiQuote, .actionBar-action--like, .actionBar-action--reaction { display:inline-block; background: rgb(71, 167, 235); color: rgb(255, 255, 255) !important; padding: 5px 12px 5px; line-height: 19px !important; background: linear-gradient(rgb(71, 167, 235) 0%, rgb(71, 167, 235) 0%); } .actionBar-action--reply:hover, .js-multiQuote:hover, .actionBar-action--like:hover, .actionBar-action--reaction:hover { background: rgb(65, 158, 224); color: rgb(255, 255, 255) !important; text-decoration: none; background: linear-gradient(rgb(65, 158, 224) 0%, rgb(65, 158, 224) 0%); } .actionBar-action--reply, .js-multiQuote, .actionBar-action--like, .actionBar-action--reaction { display:inline-block; background: rgb(71, 167, 235); color: rgb(255, 255, 255) !important; padding: 5px 12px 5px; line-height: 19px !important; background: linear-gradient(rgb(71, 167, 235) 0%, rgb(71, 167, 235) 0%); } .actionBar-action--reply:hover, .js-multiQuote:hover { background: rgb(65, 158, 224); color: rgb(255, 255, 255) !important; text-decoration: none; background: linear-gradient(rgb(65, 158, 224) 0%, rgb(65, 158, 224) 0%); } .actionBar-action--like:hover, .actionBar-action--reaction:hover { background: rgb(65, 158, 224); color: rgb(255, 255, 255) !important; text-decoration: none; transition: all .4s ease; background: linear-gradient(rgb(65, 158, 224) 0%, rgb(65, 158, 224) 0%); transform: scale(1.25); } @media (max-width: 800px) { .actionBar-action--like:hover { transform: none; } } .actionBar-action--report, .actionBar-action--edit, .actionBar-action--history, .actionBar-action--delete, .actionBar-action--spam, .actionBar-action--warn, .actionBar-action--ip { display:inline-block; background: rgb(71, 167, 235); color: rgb(255, 255, 255) !important; padding: 2px 6px 2px; line-height: 19px !important; background: linear-gradient(rgb(71, 167, 235) 0%, rgb(71, 167, 235) 0%); } .actionBar-action--report:hover, .actionBar-action--edit:hover, .actionBar-action--history:hover, .actionBar-action--delete:hover, .actionBar-action--spam:hover, .actionBar-action--warn:hover, .actionBar-action--ip:hover { background: rgb(65, 158, 224); color: rgb(255, 255, 255) !important; text-decoration: none; background: linear-gradient(rgb(65, 158, 224) 0%, rgb(65, 158, 224) 0%); } /* تعديل ازرار المشاركة اعجبني وغيرهنهاسة */ /* Hide user extra info */ .message-userExtras { opacity: 0; max-height: 0px; overflow: hidden; transition: all 0.5s ease-in-out; } .message-cell.message-cell--user:hover .message-userExtras { opacity: 1; max-height: 300px; } /**********/ /**التوقيع**/ .Sign-Block{ background: #f6f6f6; border: 1px solid #ececec; padding: 12px; position: relative; text-align: center; border-radius: 5px; margin: 20px; width: auto; } .Sign-Block h6 { background: #f6f6f6; border: 2px solid #fff; border-radius: 30px; margin: -30px auto 14px; position: relative; font-size: 12px; color: #7a7676; font-weight: bold; width: 200px; height: 35px; line-height: 35px; } .Sign-Content { font-size: 12px; color: #7a7676; font-weight: lighter; } @media (max-width: 480px) { .Sign-Block { display: block !important; } } .message-body:last-child { margin-bottom: 15px; min-height: 150px; } @media (max-width: 480px) { .message-body:last-child { min-height: 0px; margin-bottom: 0px; } } /**التوقيع**/ .structItemContainer-group--sticky { background-color: #E0FFFF; } /* CODE_new-node-icon_MAAIDNI */ .node--unread .node-icon i:after, .node--unread .no-icon i:after { font-size: 13px; font-style: initial; font-weight: bold; line-height: 18px; float: right; color: #fff; background-color: #F88017; padding: 0px 7px; left: 3px; margin-top: -6px; position: relative; border-radius: 2px; text-transform: uppercase; content: "جديد"; } /* CODE_new-node-icon_MAAIDNI */ .website-link{ background:transparent; position: relative; border: 0; color:#000; line-height: 0; border: 0; } /*هذا للتعديل على الناف بار */ .p-nav { color:#FFFFFF; background:#0f3652; } /*ايقونات المشاركات */ .shareButtons-button.shareButtons-button--facebook { background-color: #3B5998; } .shareButtons-button.shareButtons-button--twitter { background-color: #1DA1F3; } .shareButtons-button.shareButtons-button--gplus { background-color: #dd4b39; } .shareButtons-button.shareButtons-button--reddit { background-color: #FF4500; } .shareButtons-button.shareButtons-button--pinterest { background-color: #bd081c; } .shareButtons-button.shareButtons-button--tumblr { background-color: #35465c; } .shareButtons-button.shareButtons-button--whatsApp { background-color: #25D366; } .shareButtons-button.shareButtons-button--email { background-color: #1289ff; } .shareButtons-button.shareButtons-button--link { background-color: #787878; } .shareButtons--iconic .shareButtons-button:hover { opacity: .5; } .shareButtons--iconic .shareButtons-button { opacity: 1; color: #fff; margin: 0 3px 3px; } .blockMessage.blockMessage--none { background: #fff; color: #141414; padding: 10px 10px 6px; border-width: 1px; border-style: solid; border-top-color: #dfdfdf; border-right-color: #d8d8d8; border-bottom-color: #cbcbcb; border-left-color: #d8d8d8; } /*ايقونات المشاركات */ /* بداية كود توسيط المواضيع والردود */ .message-body .bbWrapper { text-align: center; }