*{ margin:0px; padding:0px; font-family: Droid Arabic Kufi,Tahoma; font-size: 13px; } .NewIcon{ color: red; font-size: 14px !important; vertical-align: middle; } html, body { margin: 0; padding: 0; border: none; width:100%; background-color: #F5F9F8; } .TPIcon{ max-width: 45px; max-height: 25px; vertical-align: middle; } .YouAreAdmin{ width: 90%; background-color: yellow; padding: 5px; margin-left: auto; margin-right: auto; } .Center{ text-align: center; } .Right{ text-align: right; } table { table-layout: fixed; width: 100%; } img{ border: none; } table td { word-wrap: break-word; /* All browsers since IE 5.5+ */ overflow-wrap: break-word; /* Renamed property in CSS3 draft spec */ } .OPSRTL{ text-align: left; } .OPSLTR{ text-align: right; } .Title{ font-size:26px; font-weight:800; padding-right:5px; color:#1c8260; padding-bottom:15px; } .RTD,.LTD,.HTD,.RTDProfile,.LTDProfile{ padding-top: 3px; padding-bottom: 2px; min-height: 27px; } .RTD,.RTDProfile{ width: 30%; background-color:#F5F9F8; padding-right: 15px; padding-left: 25px; color:#137058; font-weight: bold; } .LTD,.LTDProfile{ background-color:#e8f2ef; padding-right: 10px; padding-left: 10px; } .HTD{ padding-right: 10px; padding-left: 10px; color: #FFFFFF; background-color:#1c8260; } .TableForm{ border-spacing: 0px; border-collapse: separate; width:100%; padding:20px; background-color:#e8f2ef; margin-bottom:30px; border:1px solid #e8edeb; } .DivForm{ border-spacing: 0px; border-collapse: separate; width:100%; background-color:#e8f2ef; margin-bottom:30px; } a{ text-decoration:none; } .LTD a{ text-decoration:none; } .HoverTR:hover td { background-color:#eaefee; } .LTD input,select,textarea{ border:1px #c9cccb solid; border-radius: 3px; box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset; transition: all 0.2s linear; color: #222222; position: relative; height: 36px; padding-left: 8px; padding-right: 8px; font-size:13px; } input[type=checkbox], input[type=file],input[type=radio]{ height:auto; width:auto; border-radius : 0; border: 0; box-shadow: none; transition: none; color: inherit; position: static; height: static; padding-left: 0; padding-right:0; font-size:13px; } .LTD input:focus,select:focus,textarea:focus { box-shadow: 0 1px 0 #c9cccb inset, 0 -1px 0 #c9cccb inset, 1px 0 0 #c9cccb inset, -1px 0 0 #c9cccb inset, 0 0 4px #c9cccb; border-radius: 2px;outline: 0; } .Pager{ font-size:30px; color:#1c8260; font-weight:bold; text-align:center; } .Pager a{ font-size:22px; color:#000; font-weight:bold; text-decoration: none; } .Submit{ background-color:#5F3D6F; color:#fff; padding: 5px 20px 5px 20px; text-decoration: none; cursor:pointer; -webkit-border-radius: 9; -moz-border-radius: 9; border-radius: 9px; border:0; font-weight:bold; } .Submit:hover{ background-color:#bcaec1; color:#fff; } .DisableSubmit{ background-color:#E5E5E5; color:#000; padding: 5px 20px 5px 20px; text-decoration: none; -webkit-border-radius: 9; -moz-border-radius: 9; border-radius: 9px; border:0; font-weight:bold; } /** تستخدم في لوحة الإدارة لتحديد عرض input او ماشابه في */ .W300{ width:300px; } .W230{ width:230px; } .W130{ width:130px !important; } .W150{ width:150px !important; } .W170{ width:170px; } .W200{ width:200px; } .W250{ width:250px; } .W80{ width:80px !important; } .W110{ width:110px !important; } .W50{ width:50px; } .W40{ width:40px !important; } .W20{ width:20px !important; } .W25Per{ width: 25%; } .W45Per{ width: 45%; } .W15Per{ width: 15%; } .W600X400{ width:100%; height:800px; } .W100X300{ width:100%; height:300px; } .W100X200{ width:100%; height:200px; } .W100X90{ width:100%; height:90px; } .W80X120{ width:80%; height:120px; } .WH1VSmall{ width: 200px; height: 100px; } .WH1Small{ width: 476px; height: 89px; } .WH1Mid{ width: 657px; height: 200px; } .W30P{ width:30%; } .W20P{ width:20%; } .W15P{ width:15%; } .W5P{ width:5%; } /*//////////////////////الستايل////////////////////////*/ /*////////////////الهيد ////////////////*/ #HeaderStyle{ background-image: url('../Images/HeaderBG_01.jpg'); height: 159px; width: 100%; background-repeat: repeat-x; min-width: 999px; } #HeaderStyle .HeaderBox{ background-image: url('../Images/HeaderMain2.jpg'); height: 159px; margin-left: auto; margin-right: auto; background-repeat: no-repeat; width: 999px; } #FooterStyle{ background-image: url('../Images/Footer_02.jpg'); height: 301px; width: 100%; min-width: 999px; background-repeat: repeat-x; } #FooterStyle .FooterLeft{ background-image: url('../Images/Footer_01.jpg'); height: 294px; float: left; background-repeat:no-repeat; } #FooterStyle .FooterRight{ float: left; width: 100%; } /*////////////////الهيد ////////////////*/ .HeaderTabSmallSayHello{ background-color: #e8f2ef; height:60px; padding: 10px; width: 80%; margin-left: auto; margin-right: auto; clear: both; } .HeadTabButtons{ padding-right: 170px; } .HeadTabButtons .divbtn{ padding-top: 70px; margin-right: 20px; color: #fff; font-size: 18px; font-weight: bold; width: 140px; text-align: center; float: right; margin-top:8px; } .HeadTabButtons .divbtnLangs{ margin-right: 5px; color: #fff; font-size: 18px; font-weight: bold; width: 30px; text-align: center; float: right; margin-top:8px; } .HeadTabButtons .divbtn:hover{ cursor: pointer; color: #e8f2ef; border-bottom:3px #fff solid; } /*////////////////Footer ////////////////*/ .FooterContainer a{ color:#fff; font-weight: bold; } .FooterContainer i{ font-size: 20px; color: #fff; width: 30px; } .FooterDivsTXT{ float: right;padding: 20px;width: 15%; padding-right: 50px; padding-bottom: 10px; padding-top: 0px; } .FooterContainer span{ display: block; height: 30px; } .FooterContainer{ padding-top: 80px; -moz-box-sizing: border-box; box-sizing: border-box; } /******************************************/ .Row{ clear:both; } .PageBody{ background-color:#F5F9F8; } /*********توزيع الأعمدة */ .CenterLay{ height:100%; width: 100%; display:table; border-collapse:separate; border-spacing:5px; } .CenterLayDiv{ border-radius: 15px; min-width: 500px; display:table-cell; vertical-align: top; padding: 10px; background-color: inherit; } /*** بلوك الإعلان وتباعده**/ .ADBlock{ padding-bottom:15px; text-align:center; } /** القوائم **/ /** اعدادات القوائم بدون قالب*/ .NoBorderBlockFile{ padding:10px; } .NoBorderBlockTXT{ padding:10px; } .NoBorderBlockAd{ padding:10px; } /** القوائم **/ .HBlk1{ font-weight: bold; background-image: url('../Images/Block1_01-OPS.jpg'); width: 228px; height: 72px; padding-right: 45px; padding-left: 15px; padding-bottom: 5px; padding-top: 30px; font-size: 18px; color: #72429C; -moz-box-sizing: border-box; box-sizing: border-box; } .BdBlk1{ background-image: url('../Images/Block1_02.jpg'); min-height: 100px; width: 228px; background-repeat: repeat-y; padding-right: 15px; padding-left: 15px; padding-bottom: 5px; padding-top: 10px; -moz-box-sizing: border-box; box-sizing: border-box; } .BdBlk1 a{ color: #5F3D6F; } .FoBlk1{ width: 228px; height: 33px; background-image: url('../Images/Block1_05.jpg'); margin-bottom: 30px; } .HBlk2{ background-image: url('../Images/Block2_01.jpg'); width: 228px; height: 63px; padding-right: 15px; padding-left: 15px; padding-bottom: 5px; padding-top: 22px; font-size: 16px; font-weight: bold; color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; } .BdBlk2{ background-image: url('../Images/Block2_02.jpg'); min-height: 100px; width: 228px; background-repeat: repeat-y; padding-right: 20px; padding-left: 25px; padding-bottom: 5px; -moz-box-sizing: border-box; box-sizing: border-box; } .FoBlk2{ width: 228px; height: 39px; background-image: url('../Images/Block2_05.jpg'); } .BlockCenter{ } .BlockCenterHead{ font-weight: bold; font-size: 22px; color: #67556B; padding: 4px; border-bottom: 3px solid #66546E; margin-bottom: 25px; } /********************************************************/ .ErrorNewUserForm{ color:red; display:none; } .LTD .ErrorInput{ border:1px red solid; } /** صفحة العضو الرئيسية*/ .TD25Center{ width:25%; text-align:center; height:180px; } .TD25Center2{ width:25%; text-align:center; } .MenuTableUser .TD25Center a{ color: #66546E; } /** شريط اختر الألبوم او الصورة الشخصية العلوي أو تعديل بياناتي الوصفات ... */ .TD100Center{ width:33%; text-align:center;height:35px; float:right; padding-top:8px; background-color:#1c8260; } .TD100Center a,.TD100CenterTab a{ color:#ffffff; font-weight:bold; } .TalkoutConfirmMobBtn{ margin-left: auto;margin-right: auto;width: 300px !important;height: auto !important; cursor: pointer; background-color: red !important; } .TD100CenterTab{ width:100%; text-align:center;height:35px; padding-top:8px; margin-bottom:20px; background-color:#1c8260; } /** صفحة اضافة صورة شخصية مع تعديل التدوير وتحديد جزء منها **/ .img-containerRotate { max-height: 400px; max-width: 400px; margin-left:auto; margin-right:auto; } /** صفحة عرض صور الألبوم للحذف */ .IMGBlockAlbum{ float: right; width: 215px; height: 320px; text-align: center; background-color:#DEF2ED; margin-right: 10px; margin-bottom: 50px; } .IMGAlbumInfo{ width: 200px; height: 200px; margin-left:auto; margin-right:auto; } /** خصائص صفحة إضافة تفاصيل تواصل خارج الموقع للعضو **/ .InputTalkInfoHide{ display: none; font-style: italic; font-weight:bold; color:; } .InputTalkInfoShow{ font-style: italic; font-weight:bold; color:#A32668; } /** صفحة بروفايل العضو **/ .AddFavHref { outline:none; } .AddFavHref i{ color : #bc221e; font-size: 20px; text-shadow: 2px 2px 2px #c6afaf; } .ProfileFontAosSize i{ font-size: 92px !important; } .ProfileFontAosTOPSize i{ font-size: 50px !important; } #HeadProfile{ width: 100%; display: table; background-color:#e8f2ef; -webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75); box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75); margin-bottom:30px; } #HeadProfileRight{ width: 470px; vertical-align: top; float: right; } #HeadProfileLeft{ vertical-align: top; overflow: auto; width: 200px; margin-left: auto; margin-right: auto; } .HPLTXT{ padding: 15px; text-align: center; } .ProfileIMGMax{ max-height: 160px; max-width: 160px; } .UserTypeIcon{ vertical-align: middle; max-height: 50px; max-width: 150px; } .tabs-menu { height: 30px; float: right; clear: both; list-style-type:none; } .TabsMiniWidth{ min-width: 80px; } .TabsMiniWidth a{ padding: 10px; } .TabsMiniWidth li { background-color: #1c8260; } .tabs-menu li { height: 30px; font-weight: bold; line-height: 30px; float: right; margin-left: 10px; border-top: 1px solid #1c8260; border-right: 1px solid #1c8260; border-left: 1px solid #1c8260; } .tabs-menu li.current { position: relative; background-color: #fff; border-bottom: 1px solid #fff; z-index: 5; } .tabs-menu li a { color: #fff; padding-right:4px; padding-left: 4px; text-decoration: none; } .tabs-menu .current a { color: #1c8260; } .tab { border: 1px solid #1c8260; background-color: #fff; margin-bottom: 20px; width: 100%; clear: both; } .tab-content { width: auto; display: none; } .SubTitleProfile{ display: none; } #tab-1,#tab-5{ display: block; } .TabINTable{ border-spacing: 0px;padding: 10px; /* WordWarp */ -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .TalkOutIcons{ width:25px; height:25px; } /** مربع عرض وسائل تواصل خارجية في صفحة البروفايل */ #tabs-container0 { clear: both; padding-top: 10px; padding-bottom: 2px; margin-bottom: 30px; background-color: #DEF2ED; border: 1px solid #DEF2ED; } #tabs-container0 ul{ padding-bottom: 10px; } #tabs-container0 ul li.current { padding-bottom: 10px; } #tabs-container0 .tab{ border: 0px; } .TalkOutUL li{ display: none; } .TalkoutMainTitle{ background-color: #1C8260; width: 100%; padding-top: 5px; color: white; font-size: 16px; padding-bottom: 5px; } .TalkoutMainTitle div{ font-size: 16px; padding-right: 10px;padding-left: 10px; } /** عدل الصورة الشخصية صفحة بروفايل العضو الخاصة به ، عند التأشير على الصورة */ .EditIMGProfileTool{ width:180px; height:180px; background-color:#DEF2ED; position:absolute; display:none; top: 0; } .EditIMGProfileToolTXT{ padding: 40px; } #IMGCont{ position: relative; left: 0; top: 0; } /****ازارار البروفايل لعلوية*/ .NotNoneCountry{ color: red; font-weight: bold; font-size: 11px; cursor: pointer; } #ButtonsHeadProfile{ width: 460px; margin-left: auto; margin-right: auto; } #ButtonsHeadProfile > div{ height: 60px; width: 60px; margin-left:15px; margin-right:15px; margin-bottom: 15px; float: right; } #ButtonsHeadProfile .MAXHButtons{ width: 58px; height: 58px; } /****اأزرار اسفل البروفايل*/ #ButtonsFooterProfile{ clear: both; margin-left: auto; margin-right: auto; } #ButtonsFooterProfile > div{ height: 88px; width: 200px; margin-left:15px; margin-right:15px; margin-bottom: 55px; float: right; text-align: center; } #ButtonsFooterProfile .MAXHButtons{ width: 85px; height: 85px; } /** صورةمتواجد الأن وغير متواجد الخاصة بصفحة بيانات العضو*/ #HeadProfile .OFFLineONLine{ vertical-align: middle; width: 20px; height: 20px; } .AlertAdmin{ width: 100%; text-align: left; } .AlertAdmin a{ font-size: 12px; } /***صفحة ترقية العضوية***/ #tabUpgrade-1{ display: block; } #TableUGrade{ direction: rtl; } #TableUGrade .Clk{ cursor: pointer; } #TableUGrade .BuyButton{ padding: 10px; width: 70px; color: #ffffff; display: block; background-color: #1c8260; } #TableUGrade .RTD{ width: 270px; height: 35px; } #TableUGrade .LTD{ height: 30px; } /***** جدول طرق الدفع - ترقية العضوية*/ #PaymentMethodsList{ width: 100%; } #PaymentMethodsList div{ width:140px; height: 140px; float: right; text-align: center; font-size: 14px; cursor: pointer; margin-right: 30px; } #PaymentMethodsList a{ font-size: 16px; color: black; } #PaymentMethodsList .IMG{ max-height: 100px; max-width: 100px; } #PaymentMethodsOffers { clear: both; padding-top: 10px; padding-bottom: 2px; margin-bottom: 20px; border: 1px solid #1c8260; background-color: #1c8260; } #PaymentMethodsOffers ul{ padding-bottom: 10px; } #PaymentMethodsOffers ul li{ padding-bottom: 8px; background-color: #1c8260; } #PaymentMethodsOffers ul li.current { background-color: #fff; } #PaymentMethodsOffers .tab{ border: 0px; } .PaymentMethodsOffers li{ display: none; } #PaymentMethodsOffers .tab { background-color: #fff; margin-bottom: 5px; width: 100%; clear: both; } .TypesSmallInfo{ margin-top: 10px; width:200px; height: 200px; text-align: center; font-size: 16px; background-color: #F5F9F8; float: right; margin-right: 10px; font-weight: bold; padding: 10px; cursor: pointer; } .TypesSmallInfoSpOffer{ } .TypesSmallInfo span{ font-size: 16px; } .HoldOffers{ clear: both; display: none; } /** ارغب في الحصول على */ .SelectTypeUser{ clear: both; text-align: center; margin-bottom: 10px; background-color: #F5F9F8; padding: 10px; font-weight: bold; } .PriceINF{ color: #A32668; font-weight: bold; font-size: 20px; } .OffersForAllTypes .ShortTXT{ padding-top: 20px; padding-bottom: 20px; font-size: 18px; font-weight: bold; } .SPOfferMainSen{ color:red; } /*** صفحة ترقية العضوية ، اضافة تفاصيل مثل حوالة بنكية او مالية او كروت جوال */ .AddPaymentInfo{ display: none; } .HideLeftCards{ display: none; } .MobCardsRept{ color: red; font-weight: bold; } /** صفحة ارسال رسالة جديد*/ .SendPMBodyRTL{ width: 70%;float: right; } .SendPMBodyLTR{ width: 30%;float: right; text-align: center; } /** اعضضاء مقترحين لما الرابط خطأ*/ #SuggestingPage .Suj{ margin: 5px; padding: 5px; padding-top: 10px; height: 125px; width: 220px; background-color:#FCFCFC; border: 1px solid #DEF2ED; float: right; } #SuggestingPage .BodySuj,#SuggestingPage .BodySuj a{ display: block; color: #000000; } #SuggestingPage .ProfileIMG{ float:right; width: 100px; text-align: center; margin-bottom: 10px; } #SuggestingPage .PIMG{ max-height: 80px; max-width: 80px; } .UserSuj{ color: #A32668; font-weight: bold; } .MoreButtons{ clear: both; text-align: center; width: 20%; margin-left: auto; margin-right: auto; } .MoreButtons a{ color: white; text-align: center; } .AjaxLoader{ width: 20%; margin-left: auto; margin-right: auto; text-align: center; display: none; } /*** رسائل الواردة والصادرة**/ /** رسالةجديدة*/ .NewMSG td{ background-color: #f7eac0; border-bottom: 1px solid #fff; } /** رسائل مشاهدة */ .RTDMSGs{ background-color:#F5F9F8; padding-right: 15px; padding-left: 25px; padding-top: 5px; padding-bottom: 5px; border-bottom: 2px solid white; } /** قراءة رسالة واردة ، قالب للمرسل وقالب للسمتلم */ .MSGDesign1{ background-color:#e8f2ef; padding-right: 15px; padding-left: 15px; padding-top: 20px; padding-bottom: 20px; border-bottom: 8px solid white; } .MSGDesign2{ background-color:#DEF2ED; padding-right: 15px; padding-left: 15px; padding-top: 20px; padding-bottom: 20px; border-bottom: 8px solid white; } .HeadMSG{ font-weight: bold; } .OneHeadMSGrtl{ float: right; } .LeftHeadMSGrtl{ float: left; } .OneHeadMSGltr{ float: left; } .LeftHeadMSGltr{ float: right; } .ProfileIMGMSG{ max-height: 40px; max-width: 40px; vertical-align: middle; } .ScrollMSG{ overflow:auto; height:500px; } .Hbar{ color: #FFFFFF; background-color:#1c8260; padding: 5px; text-align: center; } /** تبقى 2 ساعة للغة العربية*/ .MSGFooterrtl{ color: green; font-size: 10px; text-align: left; } .MSGFooterltr{ color: green; font-size: 10px; text-align: right; } .MSGBody{ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .TXTReadStatusMSG,.TXTReadStatusMSG a,.TXTReadStatusMSG span{ font-size: 10px; font-style: italic; } .TXTTitleMSG{ clear: both; font-style: italic;font-weight: bold; font-size: 16px; } .HrefSameColor { color: blue; } .RepBtn{ display: inline-block; margin: 10px; text-align: center; background-color: #1c8260; } #FormReply{ display: none; } /** قسم المقالات وعرضها نفسها لصفحات الموقع */ .BodyArticles{ padding: 20px; background-color:#e8f2ef; } .FooterArticles{ padding: 20px; font-weight: bold; width: 100%; } .FooterArticles #A1,.FooterArticles #A2{ width:100px; float:right; } .ArticlesPaddingAddComt{ padding: 20px !important; } #SameArticles{ background-color:red; width: 100%; text-align: center; } #SameArticles .Div1{ float:right; width:50%; background-color:#e8f2ef; height: 30px; } #SameArticles .Div0{ float:right; width:50%; background-color:#e8f2ef; height: 30px; } #AllArticles .RTD{ padding: 0; width: 100%; } #AllArticles .RTD div{ padding: 10px; } /** صحفات جاهزة - المتواجدين الأن */ /** الإهدائات*/ #SayHello div:nth-of-type(odd) { background-color:#F5F9F8; padding: 5px; } #SayHello div:nth-of-type(even) { background-color:#e8f2ef; padding: 5px; } /***** الدخول بواسطة وسائل التواصل الإجتماعي و التسجيل ايضا */ .SocialLogin{ width: 220px; margin-right: auto; margin-left: auto; } .SocialLogin ul { overflow: auto; } .SocialLogin ul li { list-style-type: none; float: right; } .SocialLogin ul li a i { background: #205D7A; color: #fff; width: 45px; height: 35px; border-radius: 50%; font-size: 25px; text-align: center; margin-right: 10px; padding-top: 10px; transition: all 0.2s ease-in-out; } .SocialLogin .fa-facebook { background:#3b5998 } .SocialLogin .fa-linkedin { background:#007bb6 } .SocialLogin .fa-twitter { background:#00aced } .SocialLogin .fa-google-plus { background:#dd4b39; } .SocialLogin .fa-instagram{ background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ); } .SocialLogin ul li a i:hover { opacity: .7; } .hr-sect2 { display: flex; flex-basis: 100%; align-items: center; color: rgba(0, 0, 0, 0.35); margin: 8px 0px; } .hr-sect { display: flex; flex-basis: 100%; align-items: center; color: rgba(0, 0, 0, 0.35); margin: 8px 0px; } .hr-sect::before, .hr-sect::after { content: ""; flex-grow: 1; background: rgba(0, 0, 0, 0.35); height: 1px; font-size: 0px; line-height: 0px; margin: 0px 8px; } /** سجل الزوار */ #Guestbk div:nth-of-type(odd) { background-color:#DEF2ED; padding: 5px; margin-bottom: 2px; } #Guestbk div:nth-of-type(even) { background-color:#F5F9F8; padding: 5px; margin-bottom: 2px; } /** سؤال وجواب */ .LTDDD{ background-color: #e8f2ef; cursor: pointer; border-bottom: #FFF 2px solid; } .RTDDD{ display: none; background-color: #FBFBFB; } .TXTQaA{ padding: 7px; } #QandA .LTDDD ,#QandA .RTDDD{ width: 100%; } /** البحث مالتقدم */ #SearchFor{ width: 50%; margin-left: auto; margin-right: auto; text-align: center; background-color:#e8f2ef; } #SearchFor .SMTXT{ font-size: 18px; margin-bottom: 20px; } #SearchFor a{ color:#5F3D6F; font-weight: bold; } #SearchFor .SForMAN{ float: right; width: 50%; font-size: 14px; } #SearchFor .SForWOMAN{ width: 50%; float: right; font-size: 14px; } .SFFullBdy{ padding: 15px; overflow:auto; } .SFFullBdy .SFRTD{ float: right; width: 50%; background-color:#DEF2ED; } .SFFullBdy .SFLTD{ background-color:#F5F9F8; float: right; width: 50%; } .SFFullBdy .SFRTDSM{ float: right; width: 38%; background-color:#DEF2ED; padding: 1%; min-height: 35px; } .SFFullBdy .SFLTDSM{ float: right; width: 58%; background-color:#F5F9F8; padding: 1%; min-height: 35px; } #SearchResult{ padding: 10px; margin-bottom:10px; } #SearchResult .SRLTD{ width:25%; background-color:#FBFBFB; } #SearchResult .SRLTD a{ color: #5F3D6F; } #SearchResult .IMGtd{ width: 20%;text-align: center; } .SRButtns{ width: 30%; } .OnineResultSearch{ padding-top: 10px; } .SRTXTTitles{ height: 30px; background-color:#DEF2ED; color:#1c8260; font-weight: bold; padding-right: 10px; padding-left: 10px; } .SRTXT{ min-height: 30px; padding-right: 10px; padding-left: 10px; } .TalkOutsSearchIcons img{ width: 20px; height: 20px; } .SRTalkoutICONS{ float: right; clear: both; list-style-type:none; } .SRTalkoutICONS li { float: right; margin-left: 5px; cursor: pointer; } .TableFormNoShadow{ border-spacing: 0px; border-collapse: separate; width:100%; background-color:#F5F5F5; border-bottom: 3px solid #1c8260; margin-bottom:30px; } .IMGProfSearch{ max-height: 130px; max-width: 130px; border-radius: 50%; } .SRLTD .OFFLineONLine{ width: 15px; height: 15px; } .SRButtns img{ vertical-align: middle; } .SRButtns a { color:#DC1E64; } .TitleNumSearch{ text-align: center; background-color:#DEF2ED; color: #1c8260; font-weight: bold; margin: 20px; } .PagerSearch{ display: none; } .SearchOrderDiv{ background-color:#1c8260; width: 50%; float: right; text-align: center; color: #fff; font-weight: bold; font-size: 15px; } /** التصويت */ .VoteBar{ background-color:#1c8260; height: 25px; } .VoteTR{ background-color:#F5F9F8; padding-right: 10px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; } /** كل القصص الناجحة */ #AllStories .RTD{ padding: 0; width: 100%; } #AllStories .RTD div{ padding: 10px;background-color: #e8f2ef; } /**** قائمة حبابي الخاصة بالعضو */ .HeadTabUserDiv{ z-index:10; display:none; background-color:#fff; border:1px #EDDCDC solid; height:350px; width:450px; position:absolute; -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); box-shadow: 10px 10px 5px 1px rgba(0,0,0,0.75); margin-top: 130px; padding-top: 25px; margin-right: 180px; } .HeadTabUserDiv ul{ clear:both; padding:10px; } .HeadTabUserDiv ul li{ display: inline-block; width:110px; height:90px; list-style: none ; } .HeadTabUserDiv a{ color:#000; } .HeadTabUserDiv:after { bottom: 100%; right: 80px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #FFF; border-width: 8px; margin-left: -8px; } .HeadTabUserDiv .HTUDBtns{ width: 20%; float: right; color: #1c8260; font-weight: bold; } .HeadTabUserDiv .HTUDBtns i{ font-size: 3em; color: #1c8260; } .HeadTabUserDiv .HTUDUPTXT{/** عذه يتم تغيرها بالعكس حسب اللغة بواسطة الجافا سكربت Application.js */ width: 25%; padding-top: 10px; font-weight: bold; padding-bottom: 10px; } .HeadTabUserDiv .TXTColor{ /** عذه يتم تغيرها بالعكس حسب اللغة بواسطة الجافا سكربت Application.js */ color: #5F3D6F; } .HeadTabUserDiv .DivLastNofi{ clear: both; width: 100%; background-color: #EDDCDC; font-weight: bold; } /** اشعارات لعلوض الخاصة بىالعضو بعد دخوله */ .UserNoficationDiv{ height: 210px; overflow-y: auto; width: 100%; } .UserNoficationDiv .MGNOT{ background-color: #FCFCFC; border-bottom: 2px solid #fff; display:table; width: 100%; } .UserNoficationDiv .NewNotfi{ background-color: #fffcfc; font-weight: bold; } .UserNoficationDiv .MGNOTR{ width: 20%; background-color: inherit; padding-top: 5px; padding-bottom: 10px; text-align: center; display:table-cell; } .UserNoficationDiv .MGNOTL{ width: 80%; background-color: inherit; padding-top: 5px; padding-bottom: 10px; display:table-cell; } .MGNOTR i{ color: #1c8260; font-size: 20px; } .HeadUserIcons{ padding-top: 5px; margin-right: 70px; color: #DEF2ED; float: right; padding-right: 5px; padding-left: 5px; padding-bottom: 10px; padding-top: 70px; } .HeadUserIcons i:hover{ color: #fff; } .HeadUserIcons i{ font-size: 4em; cursor: pointer; color: #DEF2ED; } .HeadUserIcons a{ color:#fff; } .badge1 { position:relative; } .badge1[data-badge]:after { content:attr(data-badge); position:absolute; top:-10px; right:26px; font-size:13px; font-weight: bold; background:#fff600; color:#A32668; width:23px;height:23px; text-align:center; border-radius:50%; box-shadow:0 0 1px #333; } .NofTime{ font-style: italic; font-weight: bold; font-size: 10px; } /** صحة خدمة الزبائن راسلنا */ .ContactusIndexDiv{ float:right;width:33%;text-align: center; } .ContactusHref{ Color:#1c8260; } /** البوم صور العضو */ .IMGBlockAlbumView{ float: right; width: 215px; padding: 20px; text-align: center; background-color:#e8f2ef; margin-right: 10px; margin-bottom: 30px; } .IMGBlockAlbumView .IMGAlbumInfo{ } /** online stander page */ .ProfileIMGOnlinePage{ max-height: 35px; max-width: 35px; vertical-align: middle; border-radius: 50%; } #OnlinePage tr:nth-of-type(odd) { background-color:#FCFCFC; } #OnlinePage tr:nth-of-type(even) { } #OnlinePage td { height: 60px; } #OnlinePage .HTD { height: 30px; } .ChatICPageOnline{ vertical-align: middle; margin-right: 10px; cursor: pointer; } /** بعد التسجيل */ .AfterReg2{ margin-right: auto; width: 80%; margin-left: auto; } .AfterReg2 a,.AfterReg2 a:visited{ color:#D3C6D8; } /** قائمة العضو داخل صفحة ادارة حسابي*/ .MenuTableUser i,.MenuTableUser i:visited{ font-size: 7em; color:#D3C6D8; } .MenuTableUser i:hover{ color:#DEF2ED; } .MenuTableUser{ width: 100%; } /** الدردشة الوان */ .ChatBoxHead{ background-color: #A32668 !important; } .ChatBoxFooter{ background-color: #A32668 !important; } /** تادعم تاغنب مباشر ، جسم المحادثة */ .BodyTXTSupport{ background-color: #e8f2ef !important; } /** الدردشة المباشر */ .ChatBoxHead{ background-color: #66546E !important; } .ChatBoxFooter{ background-color: #66546E !important; }