<b:if cond='data:view.isError'><data:blog.title/></b:if><b:if cond='data:view.isMultipleItems'><b:if cond='data:view.isHomepage'><data:blog.title/><b:else/><data:blog.pageTitle.escaped/></b:if><b:elseif cond='data:view.isSingleItem'/><data:view.title.escaped/></b:if>
Homepage: https://www.seoplus-template.com -> Version : 8.0 -> Updated : 1 november, 2022 *//*================= >Variables ===================
*//*================= >Normalize ===================*/ /* HeadLine SidePar Icon */ .clear{clear:both} /* Css Icon */ .icon-spinner{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' x='0px' y='0px'%3E%3Cpath d='M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z' style='fill:%23989b9f;stroke:%23989b9f'%3E%3CanimateTransform attributeName='transform' attributeType='xml' dur='0.6s' from='0 25 25' repeatCount='indefinite' to='360 25 25' type='rotate'%3E%3C/animateTransform%3E%3C/path%3E%3C/svg%3E") center no-repeat} .OpenSitting.inside:after,.search-submit2:after{content:'\2715';line-height:18px;font-size:14px;font-weight:bold;font-family:inherit} /* Normalize */ :root{--HLinkfont:$(HLinkfont);--OldMin:$(keycolor);--startSide: $startSide;--endSide: $endSide;--maxWidth:$(content.width);--BodyBG:$(body.background);--minColorIc:$(keycolor);--minColor:$(keycolor);--minColorTran:$(keycolor)cf;--secColor:$(step.color);--thrColor:#fff;--whiteColor:$(grad.color);--hoverColor:$(keycolor);--MinBgColor:#fff;--txtColor:$(text.color);--TitColor:#444;--SanColor:#666;--Borderes:#f7f7f7;--Borderes2:#f7f7f7;--Borderes3:#eee;--PostTxtColor:$(PostsTextColor);--PostTitleColor:$(PostsTitleColor);--PostLinkColor:$(PostsLinkColor);--Hbg:$(BacgroundHeader);--HColor:$(LinkColor);--HbgIcon:$(Bgbuttons);--HCoIcon:$(Cobuttons);--HtitleColor:$(keycolor);--Cpc:$(PostsTextColor);--Cic:$(keycolor);--Hok:$(keycolor);--Sco:$(keycolor);--Gap:2px;--ImgRadius:1px;} :root body.dark-mode{--BodyBG:#202442;--minColor:#242950;--minColorIc:#fff;--secColor:#242950;--thrColor:#1b2044;--whiteColor:#ffffff;--hoverColor:#3a7bd5;--MinBgColor:#2d325a;--txtColor:#ffffff;--TitColor:#ffffff;--SanColor:#eee;--Borderes:#262b52;--Borderes2:#3e4477;--Borderes3:#2d325a;--PostTxtColor:#eee;--PostTitleColor:#ffffff;--PostLinkColor:#3a7bd5;--Hbg:#2d325a;--HColor:#ffffff;--HtitleColor:#ffffff;--HbgIcon:#242950;--HCoIcon:#fff;--Cpc:#eee;--Cic:#fff;--Hok:#3a7bd5;--Sco:#3a7bd5;} ul{margin:0;padding:0}*{text-decoration:none;margin:0;padding:0;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;color:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}img{max-height:100%;max-width:100%;position:relative} body,input{font:400 15px sans-serif;font-optical-sizing:auto;font-style:normal;font-stretch:normal;line-height:initial} body{background:var(--BodyBG)} .widget{overflow:hidden} .EndSides{overflow:hidden;clear:both;display:block} .site .widget{display:block;clear:both;overflow:hidden;margin:0 0 20px;padding:20px;background:var(--MinBgColor);box-shadow:0 2px 6px 0 rgb(9 32 76 / 4%);border-radius:3px} .bocker{flex-wrap: wrap;position:relative;display:flex;align-items:flex-start;justify-content:space-between;overflow: hidden;transition: none !important;} .r-r{position:relative;width:calc(100% - $(sidebar.width) - 20px);overflow: hidden;transition: none !important;} #sidepar-wid{width:$(sidebar.width);margin-$startSide:20px;overflow: hidden;transition: none !important;} .Treelists{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;row-gap:0} .towcol{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;row-gap:0} .no-items{display:none!important} .container{width:100%;max-width:$(content.width);margin:0 auto;display:block} /* HeadLine */ .scrolhide { overflow: hidden; } .headline,.Followers .title{position:relative;font-size:18px;padding:0 0 10px;border-bottom:2px solid var(--Borderes);display:flex;margin-bottom:15px;align-items:center;justify-content:space-between;color:var(--txtColor)} .headline:before,.Followers .title:before{content:"";width:0;height:0;position:absolute;bottom:-6px;border-top:6px solid var(--minColorTran);right:0;left:auto;border-left:5px solid transparent;border-right:0;border-top-color:var(--minColorTran)} .headline .title:after,.Followers .title:after{content:"";background:var(--minColorTran);width:103%;height:2px;position:absolute;bottom:-12px;background-color:var(--minColorTran);right:0;left:auto;z-index:1} .headline .title{position:relative;float:right;color:var(--txtColor);line-height:33px} .blocker{display:block;overflow:hidden;margin-top:15px} a.Lapel-Link{text-align:center;transition:all 0.2s linear;float:left;color:var(--whiteColor);background:var(--minColor);position:relative;font-size:13px;padding:0 15px;border-radius:2px;height:28px;line-height:28px} /* Stats Widget */ .Stats img{width:auto;height:auto;display:inline-block;vertical-align:-4px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin-$endSide:5px}.Stats .widget-content *{vertical-align:middle}.Stats .widget-content{color:var(--TitColor);text-align:center;font-size:24px;font-family:sans-serif!important}.Stats .digit strong{background:#eee;margin:0 3px;border-radius:3px;padding:0 8px} /* social Icon's */ aside .social-static.social li a svg{fill:#fff;width:23px;height:23px}.social-static.social li a svg{fill:#fff;width:19px;height:19px}.shmal .social-static.social li{float:$startSide;vertical-align:middle;margin-$startSide:5px;list-style:none}aside .social-static.social li{float:$startSide;vertical-align:middle;list-style:none;width:calc((100% - 15px) / 4);margin-$endSide:5px;margin-bottom:5px;padding-bottom:0;border:0}aside .social-static.social li a{background: #aaa;border-radius:5px;justify-content:center;height:50px;display:flex;align-items:center}aside .social-static.social li:nth-of-type(4n+4){margin-$endSide:0}.social-static.social{display:block;overflow:hidden;vertical-align:middle}.shmal .social-static.social li{float:$startSide;vertical-align:middle;margin-$startSide:5px;list-style:none;padding-bottom:0;margin-bottom:0;border:0}.shmal .social-static.social li a{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:3px;background:#888}.shmal .social-static.social li:first-of-type{margin-$startSide:0} /* social Icon Color's */ .social a[title="sitemap"] {background: var(--minColor) !important;}.social a[title="email"]{background-color:#ea4335!important}.social a[title="line"]{background-color:#06c152!important}.social a[title="facebook"]{background-color:#1778F2!important}.social a[title="twitter"]{background-color:#1da1f2!important}.social a[title="rss"]{background-color:#f26522!important}.social a[title="dribbble"]{background-color:#ea4c89!important}.social a[title="google-plus"]{background-color:#dd4b39!important}.social a[title="pinterest"]{background-color:#cc2127!important}.social a[title="linkedin"]{background-color:#0976b4!important}.social a[title="wordpress"]{background-color:#00769d!important}.social a[title="github"]{background-color:#000000!important}.social a[title="youtube"]{background-color:#e52d27!important}.social a[title="quora"]{background-color:#a82400!important}.social a[title="spotify"]{background-color:#1ed760!important}.social a[title="snapchat"]{background-color:#f5d602!important}.social a[title="flickr"]{background-color:#FF0084!important}.social a[title="instagram"]{background-color:#7c38af;background:radial-gradient(circle at 0 130%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)!important}.social a[title="behance"]{background-color:#009fff!important}.social a[title="whatsapp"]{background-color:#128C7E!important}.social a[title="soundcloud"]{background-color:#FF5419!important}.social a[title="tumblr"]{background-color:#3e5a70!important}.social a[title="khamsat"]{background-color:#f9b01c!important}.social a[title="tradent"]{background-color:#59c5c4!important}.social a[title="blogger"]{background-color:#fc9644!important}.social a[title="telegram"]{background-color:#32AEE1!important}.social a[title="google-play"]{background-color:#3d9dab!important}.social a[title="mostaql"]{background-color:#2caae2!important}.social a[title="messenger"]{background-color:#0084ff!important}.social a[title="paypal"]{background-color:#193685!important}.social a[title="reddit"]{background-color:#ff4500!important}.social a[title="vk"]{background-color:#45668e!important}.social a[title="website"]{background-color:#444444!important}a[title="website:before"]{content:"\f0ac"!important} /* Style Headr */ li.item:hover > ul{opacity:1;visibility:visible;transform:translateY(0)} li.item > ul,li.sitem > ul{height:auto!important;display:block!important;position:absolute;right:0;width:200px;background:var(--Hbg);top:60px;box-shadow:0 0 5px 1px rgb(0 0 0 / 8%);z-index:9;opacity:0;visibility:hidden;transition:all .2s linear;transform:translateY(20px);border-radius:3px;border-top:2px solid var(--OldMin)} li.item > ul:before{content:"";width:25px;height:25px;position:absolute;background:var(--Hbg);top:-10px;right:8%;border-radius:8px;transform:rotate(45deg);box-shadow:0 0 5px 1px rgb(0 0 0 / 8%);z-index:-1;border:2px solid var(--OldMin)} li.item > ul li.sitem{display:block!important;padding:0!important;margin:0!important;background:var(--Hbg);border-radius:3px} li.item > ul li.sitem a{color:var(--HColor);padding:14px;margin:0!important;display:block;position:relative;background:var(--Hbg);border-radius:3px;overflow:hidden} li.sitem > ul{transform:translateX(-30px);right:100%;top:0;border-right:2px solid var(--OldMin);border-top:0} li.sitem > ul:before{content:"";width:26px;height:26px;position:absolute;background:var(--Hbg);top:10px;right:-10px;z-index:-1;transform:rotate(45deg);border:1px solid var(--Borderes);box-shadow:0 0 5px 1px rgb(0 0 0 / 8%);border:2px solid var(--OldMin);border-radius:8px} li.sitem:hover > ul{transform:translateX(0);opacity:1;visibility:visible} li.sitem:last-of-type > a{border-bottom:0!important} li.ssitem:last-of-type > a{border-bottom:0!important} li.ssitem{border-radius: 8px;background: var(--MinBgColor);padding:0!important;float:none;margin:0!important;width:100%} .targetitem li a:hover:before{color:var(--hoverColor)!important} nav.nav-par ul li a:hover{color:var(--hoverColor)} div#menu i.fa{display:inline-block;vertical-align:middle;margin-$endSide:5px} .icon.arrow-down{z-index: 9;transition:all .3s linear;display:block;position:absolute;top:19px;left:5px;right:auto} .item.targetitem:hover .icon{top:23px} .item.targetitem:hover .icon:after{transform:rotate(-45deg)} .item.targetitem .icon:after{user-select:none;content:"";display:inline-block;width:8px;height:8px;background:transparent;border:2px solid var(--Cic);border-bottom-color:transparent;border-left-color:transparent;transform:rotate(135deg);border-radius:3px;transition:all 0.3s} .item.targetitem .targetitem span.icon{left:13px!important;top:14px!important;right:auto!important} .item.targetitem .targetitem:hover span.icon{$endSide:20px!important} .item.targetitem{padding-$endSide:30px!important} .sitem:hover > a,.ssitem:hover > a{background:rgb(0 0 0 / 5%) !important} .sitem.targetitem .icon:after{transform:rotate(225deg)!important;width:6px;height:6px} /* headr sidenav */ .pos-t-t,.Sittings{display:none;position:fixed;top:0;$endSide:0;$startSide:0;bottom:0;background-color:rgba(0,0,0,.2);backdrop-filter:saturate(100%) blur(2px);z-index:999} #NavM:checked ~ .contenarpage .pos-t-t{display:block} .sidenav{transition:all .3s linear;height:100vh;width:300px;position:fixed;top:0;bottom:0;right:-400px;background-color:var(--MinBgColor);z-index:9999;max-width:100%;box-shadow:-4px 0 10px 0 rgb(0 0 0 / 8%)} #NavM:checked ~ .contenarpage .sidenav{$startSide:0} .sidehead{position:absolute;width:45px;height:45px;left:-40px;top:20px;overflow:hidden;display:flex;align-items:center;background:var(--MinBgColor);border-radius:50% 0 50% 50%;justify-content:center;box-shadow:-2px 3px 0 0 rgb(0 0 0 / 8%);border-right:0} .closemenu{display:flex;height:100%;color:var(--TitColor);font-size:16px;align-items:center;cursor:pointer;padding:0 19px} .closemenu:after{content:'\2715';line-height:18px;font-size:14px;font-weight:bold} .flexmenu{position:relative;width:100%;height:100%;display:flex;justify-content:flex-start;overflow:hidden;flex-direction:column;overflow-y:scroll;margin:0;padding-bottom:200px} .flexmenu .MegaItem .mega-wraper{display:none!important} .SiteInfo{padding:20px 20px 5px;border-bottom:1px solid var(--Borderes)} .SiteInfo .navlogo img{max-width:100%;max-height:100%;display:inline-block} .SiteInfo .navlogo{text-align: center;display:block;margin:0 auto 15px} .SiteInfo .navtitle{display:block;padding:10px 0;font-size:21px;background:var(--Borderes);margin-bottom:15px;color:var(--txtColor);text-align:center;border-radius:5px} .navdis{display:block;max-height:8em;overflow:hidden;margin-bottom:15px;color:var(--txtColor);opacity:.9;font-family:sans-serif!important;text-align:center} .mainmenu{position:relative;width:100%;padding:16px} .mainmenu ul li{position:relative;display:block;overflow:hidden;width:100%;margin:0!important} .mainmenu ul li a{border-bottom:0!important;font-size:15px;color:var(--TitColor);padding:15px 0;display:block;border-bottom:1px solid rgb(0 0 0 / 8%)!important} .mainmenu .item.targetitem{padding-left:0!important} .mainmenu .targetitem ul a:before{content:'.';font-size:30px;line-height:0;display:inline-block;vertical-align:middle;margin-left:5px;top:-6px;position:relative} .bottommeny{display:block;padding:20px;border-top:1px solid var(--Borderes)} .bottommeny{padding-bottom:100px} .bottpage ul li:after{content:'';font-size:27px;line-height:0;display:inline-block;vertical-align:middle;margin:0 8px;width:10px;height:1px;background:#666} .bottpage ul{list-style:none;margin-bottom:5px} .bottpage ul li{display:inline-block;margin-bottom:5px} .bottpage ul li a{font-size:15px;color:var(--TitColor);font-family:sans-serif;opacity:0.8} .bottpage ul li a:hover{opacity:1;text-decoration:underline} .bottsocial .social-static li{display:inline-block;margin-left:10px} .bottsocial .social-static li a{background:transparent!important} .bottsocial .social-static li a svg{fill:var(--TitColor);opacity:0.8} .bottsocial .social-static li a:hover svg{opacity:1} .mainmenu .item.targetitem .icon{transform:none!important;border-radius:3px;left:0!important;top:14px!important;background:var(--secColor);color:#202124;width:30px;height:25px;line-height:25px;padding-top:4px;display:flex;align-items:baseline;justify-content:center} .mainmenu .item.targetitem .icon:after{transform:rotate(135deg)!important} .mainmenu ul li a i{font-size:14px;color:var(--TitColor);margin-$endSide:5px} .sidenav .targetitem ul.open{display:block!important} .sidenav .targetitem ul{box-shadow: none !important;position:relative!important;opacity:1!important;visibility:visible!important;transform:unset!important;display:none!important;width:auto!important;top:0!important;right:0!important;margin-top:10px;border:0!important;border-top:1px solid var(--Borderes)!important;border-bottom:1px solid var(--Borderes)!important} .sidenav .targetitem ul:before{border:1px solid var(--Borderes);right:5%;box-shadow:none!important} .sidenav .sitem.targetitem .icon{$endSide:5px!important;transform:rotate(180deg)!important} .sidenav .sitem.targetitem span.icon{transform:rotate(0deg)!important} .sidenav .targetitem.sitem ul.open{padding-right:10px;margin:3px 0;position:relative!important} .sidenav .targetitem.sitem ul.open:before{top:-8px!important} .mainmenu .item.targetitem span.icon,.mainmenu .item.targetitem .targetitem:hover span.icon{left:10px!important} .mainmenu .item.targetitem.open > span.icon,.sidenav .sitem.targetitem.open > span.icon{background: var(--Sco);--Cic: #fff;} .bottpage ul li:last-child:after{display:none} .mainmenu .sitem:hover > a,.mainmenu .ssitem:hover > a{background:transparent!important} /* Aside */ .FeaturedPost .item-thumbnail.thumb{margin-$endSide: 0;float: none;width:100%;padding-top: 56.25%;margin-bottom:5px} .FeaturedPost .post-title .title{overflow:hidden;display:block;font-size:19px;color:var(--TitColor);max-height:4.9em;line-height:1.6em;background-size:0!important} .FeaturedPost .snippet-item{color:var(--SanColor);font-size:13px;font-family:sans-serif!important;line-height:18px;margin-top:5px;overflow:hidden}.Profile .profile-img{display:block;margin:0 auto 20px;border-radius:50%}.Profile .profile-link.g-profile{color:var(--txtColor);background:var(--secColor);display:block;text-align:center;padding:10px;margin-bottom:15px;border-radius:3px;font-family:'Tajawal',sans-serif!important;font-size:inherit!important;opacity:1}.Profile .profile-data.location{display:none}.Profile .profile-textblock{color:var(--SanColor);font-size:15px;font-family:sans-serif!important;margin-bottom:15px;text-align:center;display:block}.Profile .profile-link{color:#ffffff;background:#3560ab;display:block;text-align:center;padding:10px;border-radius:3px;font-family:sans-serif!important;font-size:13px;opacity:0.7}.Profile .profile-link:hover{opacity:1}.BlogSearch input{background:transparent;font-family:sans-serif!important;color:var(--txtColor);display:inline-block;font-size:13px;padding:10px;border-radius:3px;width:55px;border:1px solid var(--Borderes)}.BlogSearch input[type="submit"]{transition:all 0.3s;background:var(--secColor);border:0;cursor:pointer}.search-input input:hover,.search-input input:focus{border-color:#4b9ce7}.search-input{display:inline-block;width:calc((100% - 60px) / 1)}.search-input input{display:block;width:100%}aside .LinkList ul li,footer .LinkList ul li,aside .PageList ul li,footer .PageList ul li{padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--Borderes);list-style:none}aside .LinkList ul li a,footer .LinkList ul li a,aside .PageList ul li a,footer .PageList ul li a{font-family:sans-serif!important;color:var(--TitColor);display:block}.list-label-widget-content ul li{display:block;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--Borderes)}.list-label-widget-content ul li a{font-family:sans-serif!important;color:var(--TitColor);display:block}aside .LinkList ul li a:before, footer .LinkList ul li a:before, aside .PageList ul li a:before, footer .PageList ul li a:before, .list-label-widget-content ul li a:before{vertical-align:baseline;display:inline-block;width:4px;height:4px;content:"";margin-left:10px;background:transparent;border:1.7px solid var(--txtColor);border-bottom-color:transparent;border-left-color:transparent;transform:rotate(225deg);font-family:inherit!important} .list-label-widget-content .label-count{float:$endSide;background-color:var(--minColor);text-align:center;font-size:13px;padding:0 5px;min-width:24px;height:20px;line-height:20px;color:var(--whiteColor);border-radius:2px;font-family:sans-serif!important}.list-label-widget-content li:hover .label-count{opacity:1}.cloud-label-widget-content{justify-content:center;display:flex;justify-content:flex-start;flex-wrap:wrap}span.label-size{flex-grow:1}.cloud-label-widget-content .label-count{margin-$startSide:10px;background:var(--MinBgColor);font-size:13px;padding:0 5px;min-width:20px;height:18px;line-height:18px;text-align:center;border-radius:3px;color:var(--txtColor)} .cloud-label-widget-content .label-name{transition:all 0.3s;display:flex;padding:0 13px;justify-content:space-between;align-items:center;background:var(--minColor);font-family:sans-serif!important;margin:0 0 6px 5px;color:var(--whiteColor);font-size:15px;border-radius:3px;height:35px;line-height:35px} input.follow-by-email-address{display:block;width:100%;height:40px;margin:15px 0;border-radius:3px;border:1px solid #efefef;text-align:center}input.follow-by-email-submit{background:#eee;border:1px solid #ccc;padding:10px;border-radius:3px;width:100%;text-align:center;color:#6b6b6b;font-size:12px;cursor:pointer}input.follow-by-email-address::placeholder{font-weight:normal;font-size:14px}div#ArchiveList ul.hierarchy{padding-$startSide:30px}div#ArchiveList ul.hierarchy ul.hierarchy{padding-$startSide:15px}div#ArchiveList ul.hierarchy ul.hierarchy ul.hierarchy li:not(:last-of-type){margin-bottom:5px;padding-bottom:5px}div#ArchiveList ul.hierarchy li a,div#ArchiveList ul.flat li a{color:#121212}div#ArchiveList ul.hierarchy ul.hierarchy ul.hierarchy li:first-of-type{margin-top:5px;padding-top:5px}div#ArchiveList ul.hierarchy li{font-size:11px}div#ArchiveList ul.hierarchy li a:hover,div#ArchiveList ul.flat li a:hover{color:$(step.color)}div#ArchiveList .hierarchy-title{font-size:13px;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #f7f7f7}div#ArchiveList .hierarchy-title span.post-count,div#ArchiveList ul.flat li span.post-count{float:$endSide;width:25px;padding:0 0;text-align:center;background:#eee;border-radius:3px;border:1px solid #ccc;font-size:12px;font-weight:normal}div#ArchiveList ul.flat{padding-$startSide:30px}div#ArchiveList ul.flat li:not(:last-of-type){margin-bottom:5px;padding-bottom:5px}div#ArchiveList ul.flat li{font-size:13px}.ContactForm textarea[name="email-message"],.ContactForm input[type="text"]{margin:0 auto 10px;border:1px solid var(--Borderes);width:100%;border-radius:3px;padding:10px 15px;background:transparent;font-family:sans-serif!important}.ContactForm textarea[name="email-message"]:hover,.ContactForm input[type="text"]:hover,.ContactForm textarea[name="email-message"]:focus,.ContactForm input[type="text"]:focus{border:1px solid #4b9ce7}textarea[name="email-message"]{min-height:130px;resize:vertical}.ContactForm input[type="button"]{transition:all 0.3s;display:inline-block!important;position:relative;font-size:14px;background:var(--secColor);color:var(--txtColor);padding:7px 20px;border-radius:3px;font-family:sans-serif!important;border:none;float:$endSide;cursor:pointer}p#ContactForm1_contact-form-error-message{font-family:sans-serif!important}p#ContactForm1_contact-form-success-message{font-family:sans-serif!important;color:#30bb81} /* nextprev */ .page-navigation{display:flex!important;align-items:center;justify-content:space-between}div#siki_next a,div#siki_prev a{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--minColor);color:var(--whiteColor);font-size:25px;border-radius:3px}.sikinot{opacity:0.7}.sikinot a{pointer-events:none}div#siki-page-number{font-size:16px;font-family:sans-serif;color:var(--txtColor)} /* InPost And Page*/ .post-body{font:$(PostsTextFont);line-height:2em;overflow:hidden;color:var(--PostTxtColor)}.post-body a{color:var(--PostLinkColor)}.post div#Blog1,.post .post-outer,.post .post-body{overflow:initial!important}.post div#Blog1,.page div#Blog1{display:block;background:transparent;border-radius:0;padding:0;border:0;margin:0;box-shadow:none;margin-bottom:15px}.bobxed,.commentsection,.pSh,.post-tags,.shareButton,.RelatedPosts,.author-posts,.post-body,.page-navigation{display:block;background:var(--MinBgColor)!important;clear:both;padding:20px!important;overflow:hidden;border-bottom:1px solid var(--Borderes)} .post .post-body p{margin:1.5em 0} .post-body h1:not(.rnav-title),.post-body h2:not(.rnav-title),.post-body h3:not(.rnav-title),.post-body h4:not(.rnav-title){margin:1em 0;line-height:1.5em} .post-body h1{font-size:1.9rem} .post-body h2{font-size:1.7rem} .post-body h3:not(.rnav-title){font-size:1.5rem} .post-body h4{font-size:1.4rem} .post-body sup {vertical-align: super;font-size: smaller !important;} .post-body sub {vertical-align: sub;font-size: smaller;} .post-meta{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.au-ti{height: 36px;display:flex;align-items:center;justify-content:flex-start;font-size:13px} .metapost{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;line-height:20px} .Times{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%} .Times > div{display:inline} .authorname{margin-$endSide:8px} .authorPhoto{width:36px;height:36px;object-fit:cover;border-radius:8px;margin-left:5px} .article-timeago,.readTime{opacity:.7} .readTime:before{content:'';margin:0 5px;width:13px;height:1px;background:var(--txtColor);display:inline-block;vertical-align:middle} .article-author,.article-timeago,.readTime{display:flex;align-items:center;justify-content:center;color:var(--txtColor)} .topcs7v{margin-bottom:15px;position:relative;width:100%;display:flex;flex-direction:column;overflow:hidden;border-top:1px solid var(--Borderes)} .toctitle{border-bottom:1px solid var(--Borderes);cursor:pointer;position:relative;height:55px;font-size:16px;color:var(--txtColor);display:flex;align-items:center;justify-content:flex-start;padding:0 15px;margin:0;width:100%} .toctitle:before{content:'\002B';margin-left:10px;font-size:21px} .toctitle:after{content:"عرض الكل";float:left;font-family:sans-serif;margin-right:10px;font-size:13px;position:absolute;left:15px;text-align:center;line-height:26px;border-radius:3px;opacity:0.9} #tocList{padding:0 20px 15px;display:none;border-bottom:1px solid var(--Borderes)} #tocList li{list-style:decimal inside;font-size:14px;line-height:1.7;margin-bottom:0;padding-bottom:0;color:var(--txtColor);opacity:.8} #tocList li a{color:var(--txtColor)} #tocList li:hover{opacity:1;text-decoration:underline} .closed .toctitle:before{content:'\2212'} .closed #tocList{display:block} .toctitle:hover,.closed .toctitle{background:var(--Borderes)} .closed .toctitle:after{content:'أخفاء الكل'} .tr-caption{font-family:sans-serif!important;opacity:.8;font-size:14px;line-height:1.5em} .post-body img{border-radius:3px;width:auto;height:auto;display:inline} .separator,.separator a,a[imageanchor="1"],a[style*='1em']{text-align:center;margin:0!important} .post-body strike{text-decoration:line-through} .post-body u{text-decoration:underline} .post-body ul,.post-body ol{padding:0 15px 0 0;margin:10px 0} .post-body li{margin:5px 0;padding:0} .post-body ul li{list-style:disc inside} .post-body ol li{list-style:decimal inside} .post-body ul ul li{list-style:circle inside} .post-body blockquote{overflow:hidden;position:relative;background-color:rgba(155,155,155,0.05);color:var(--PostTxtColor);padding:15px 25px;margin:0;font-size:15px;border-$startSide:3px solid rgba(155,155,155,0.2)} .post-body blockquote *{display:initial!important} div#AddOns{display:none;opacity:0;visibility:hidden} .post-amp .topic-title{overflow:hidden;font:$(PostsTitleFont);line-height:1.7em;color:var(--PostTitleColor)} .hideensa{overflow:hidden;display:block;clear:both} .foqTitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px} .FTBU{display:flex} .postTopTag{color:var(--whiteColor);background:var(--minColor);font-size:13px;padding:4px 13px;border-radius:3px} .postTopTag:hover{background:var(--minColor)} .OpenSitting,.gocomments{cursor:pointer;margin-right:10px;width:40px;height:28px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:3px;border:1px solid rgb(0 0 0 / 5%)} .gocomments{margin:0} .OpenSitting:hover,.gocomments:hover{background:rgb(0 0 0 / 6%)} .gocomments svg,.OpenSitting svg{width:18px;height:18px;fill:var(--minColorIc)} .numcomment{position:absolute;top:-10px;right:-5px;background:#ddd;padding:0 7px;color:#333;font-size:13px;border-radius:3px} .post-tags{flex-wrap:wrap;padding-bottom:15px!important;display:flex;align-items:center;justify-content:flex-start} .post-tags a{background:rgba(0,0,0,5%);color:var(--txtColor)} .post-tags .tagstitle{background:var(--minColor);color:var(--whiteColor);margin-$endSide:10px} .post-tags span,.post-tags a{margin-bottom:5px;flex-shrink:0;transition:all 0.3s;border-radius:2px;padding:0 10px;line-height:26px;margin-$endSide:7px;position:relative;font-size:13px} .tagstitle:before{content:'';position:absolute;top:10px;$endSide:-3px;width:6px;height:6px;background-color:var(--minColor);transform:rotate(45deg)} /* SeoPlusAds */ div#Topa3lan-sc .HTML,div#Topa3lan-sc2 .HTML{box-shadow:none;background:transparent!important;padding:0!important;border:0;margin:0}div#PostA3lan .widget,div#PostA3lan2 .widget{background:transparent!important;border:0!important;padding:0 20px!important;margin:0!important;box-shadow:none!important} #Blog1 .clearhtml > .HTML{background:var(--MinBgColor)!important;margin:0;padding:20px 0!important;border-bottom:1px solid var(--Borderes)} .SeoPlusAds,#Blog1 .HTML{font-family:sans-serif;background:transparent!important;margin:15px 0;text-align:center;font-size:13px;display:block;clear:both;border:none;overflow:unset!important;box-shadow:none;padding:0!important;border-radius:0}div#HTML100 .SeoPlusAds{margin-top:0}div#top-a3lan .HTML{margin-top:0}div#bot-a3lan .HTML{margin-bottom:0}.pnavigation .HTML{margin-bottom:15px!important}div#bot-a3lan,div#top-a3lan,div#ret-a3lan{overflow:initial}div#ret-a3lan .HTML{background:var(--MinBgColor)!important;padding:15px 0!important;margin:0!important;border-bottom:1px solid var(--Borderes)} /* comments */ .bloggerComment{background:#fc9644} .comments-tabs .active,.comments-tabs span:hover{opacity:1} .noimg{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwn-1_H9jRk02lmn0uvurbikaVuKUjyCyKY-9pSe8KEmypix1VUaZZVxnJzNvDCTCU6jwkbhOFIT5s_90ADQsLE6NZ38ggYe1FZe8fgNWUTXQiU4s1QqR6vqP0QH19h1stiq6dIyC6RYQ/s83/log.jpg) no-repeat center;display:block;width:38px;height:38px;background-size:38px} .avatar-image{width:38px;height:38px;position:absolute;top:0;right:0;border-radius:8px;overflow:hidden} .CommentCounter{position:relative} .cmt-user{font-family:sans-serif!important;font-size:14px;color:var(--txtColor)} .comment-block{padding-right:45px} .comment{position:relative;padding:0;margin:15px 0 0;padding-top:15px;list-style:none;border-radius:0;border-top:1px solid rgb(0 0 0 / 2%)} .comment-replies{padding-right:45px} .comment .comment-replies .comment:not(:first-child){border-top:0} .comments .comment-content{font-size:14px;color:var(--Cpc);line-height:1.6em;margin:6px 0 10px;padding:10px;background:rgb(0 0 0 / 5%);border-radius:12px 2px 12px 12px;display:inline-block;white-space:pre-wrap} .comments .comment-actions{display:flex;margin:0;align-items:center} .comment-actions .comment-reply,.comment-actions a{margin-left:10px;font-size:13px;color:var(--txtColor);cursor:pointer;font-family:sans-serif!important;line-height:1em} .comment-actions .comment-reply{padding-left:10px;border-left:1px solid rgb(9 32 76 / 2%)} .comment-actions .comment-reply:hover,.comment-actions a:hover{text-decoration:underline} .ShowMoreCMT,.PostEdit a{display:inline-block;padding:7px 22px;text-align:center;font-size:15px;background:var(--minColor);margin-top:20px;cursor:pointer;border-radius:3px;color:var(--whiteColor);line-height:1.3em;transition:all .2s linear} #comments-respond,.comment-replies #comment-editor{padding:15px;border-radius:8px;border:1px solid rgb(9 32 76 / 2%);background:rgb(9 32 76 / 2%);min-height:100px} .comment-replies #comment-editor{margin-top:10px} .conart{margin-bottom:10px;display:block;padding-bottom:15px;border-bottom:1px solid rgb(9 32 76 / 5%)} #comment-post-message{font-size:15px;color:var(--txtColor);display:inline-block;background:rgb(0 0 0 / 5%);padding:4px 10px;border-radius:3px} #comment-post-message:hover{background:rgb(0 0 0 / 8%)} .conart p{font-size:15px;font-family:sans-serif!important;color:var(--txtColor);margin-top:5px} /* author profile */ .authorImage{float:$startSide;width:60px;height:60px;margin-$endSide:15px}.authorImage .authorImg{overflow:hidden;width:60px;height:60px}.authorInfo{width:calc(100% - 75px);float:$startSide;margin-top:5px}.author-posts{display:flex!important;align-items:flex-start}.author-name{font-size:18px;color:var(--txtColor);margin-bottom:12px}.author-desc{font-family:sans-serif!important;color:var(--SanColor);font-size:14px} /* PageRedirect */ div#pageredirect{position:relative}.cLoaderWrap{text-align:center;width:260px;margin:0 auto;position:relative;font-style:normal;display:block}#cLoaderSVG{-webkit-transform:rotate(140deg);transform:rotate(140deg);width:260px;height:260px;display:block}.cPath{stroke-dashoffset:0;stroke-dasharray:500;r:110;cy:130;cx:130;stroke-width:20px;stroke:var(--Borderes2);fill:none}.cLoader{stroke-dashoffset:500;stroke-dasharray:500;-webkit-transition:all 1s linear;transition:all 1s linear;r:110;cy:130;cx:130;fill:none;stroke-width:20px;stroke:var(--minColor)}.hLoader{stroke-dashoffset:500;stroke-dasharray:500;-webkit-transition:all 1s linear;transition:all 1s linear;r:110;cy:130;cx:130;fill:none;stroke-width:22px;stroke:var(--MinBgColor)}.page .cCount{top:105px}.cCount{position:absolute;top:90px;$startSide:calc(50% - 30px);font-size:60px;width:66px;font-family:Arial!important;display:block;margin-bottom:0;color:var(--TitColor);text-align:center}.cButton{text-align:center} a.cLink{position:absolute;bottom:20px;right:0;user-select:none;left:0;z-index:8;border-style:solid;border-width:5px;border-color:rgba(0,0,0,0.03);display:inline-block;background-color:#f8f8f8;padding:0 15px;width:160px;font-size:14px;margin:0 auto;border-radius:50px;color:#d2d2d2!important;cursor:progress;height:40px} a.cLink.ready:hover{border-color:var(--minColor);background:var(--minColor);color:#fff!important} a.cLink.ready{cursor:pointer;color:#3c5b92!important;border-color:var(--minColor);border-style:double;transition:all 0.3s} a.cLink.err{cursor:no-drop;background-color:#ffcfcf;color:#de6262!important} div#ReadPage{z-index:99999;position:fixed;display:none;background:rgba(0,0,0,.2);backdrop-filter:saturate(100%) blur(2px);right:0;left:0;top:0;bottom:0;width:100%;height:100%} .ReadPage-popup{width:calc(100% - 40px);height:auto!important;min-height:calc(100% - 40px);max-height:calc(100% - 40px)!important;display:flex;margin:20px} .ReadPage-popup-cont{width:100%;position:relative;direction:unset;display:flex;border-radius:8px;margin:0 auto;flex-direction:column;height:auto!important;max-width:900px!important;overflow:hidden;padding-bottom:0!important} .modal-head{font-size:21px;background:var(--MinBgColor);height:60px;line-height:60px;padding:0 20px;color:var(--txtColor);border-bottom:1px solid var(--Borderes3);display:flex;align-items:center;justify-content:space-between} .mdltitle{width:90%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .modal-close{background-color:var(--minColor);width:40px;height:40px;text-align:center;color:#FFF;cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center} .modal-close:after{content:'\2715';line-height:0;font-size:18px;font-weight:bold;font-family:inherit} .modal-body.post-body .cCount{top:110px} .ReadPage-popup .ReadPage-popup-cont .modal-body.post-body{background-color:var(--MinBgColor)!important;overflow:hidden!important;padding:20px!important;box-shadow:none!important;margin:0!important;border:0!important;height:100%!important;overflow-y:scroll!important;display:block} .PagePrakediv{text-align:center;line-height:1.6em;margin-top:20px} .PagePrakediv a{color:var(--whiteColor)!important;line-height:1.6em;background:var(--minColor);border-radius:3px;cursor:pointer;display:inline-block;transition:all .2s linear;font-size:14px;padding:8px 25px;position:relative} .PagePrakediv a:hover,a.Lapel-Link:hover,.moreLink:hover,.loadMore div:hover,.ShowMoreCMT:hover,.PostEdit a:hover{transform:translateY(-2px);background:var(--minColor);box-shadow:0 16px 18px 0 rgb(137 137 137 / 32%)} .ReadPage-popup-cont .icon-load{position:unset;width:50px;height:50px;display:block}.modal-title .icon-load{width:25px;height:25px}.ay7aga{display:flex;align-items:center;justify-content:center;height:80vh} /* footer */ footer{overflow:hidden;display:block;clear:both;background:var(--MinBgColor);border-top:1px solid var(--Borderes3)}.mid-top-footer{overflow:hidden;display:flex;justify-content:space-between}.footer-col{padding:0 10px;width:100%;min-width:25%}.footer-col.no-items{display:none}footer .container{display:block;overflow:hidden}.mid-top-footer .footer-col .widget{margin-top:15px;margin-bottom:30px;vertical-align:top}.mid-top-footer .footer-col .widget:last-of-type{margin-bottom:20px}.bottom-footer .container{padding:0 15px}.bottom-footer{display:block;overflow:hidden;clear:both;padding:10px 0;border-top:1px solid var(--Borderes3);margin-top:0}.yemen{min-height:32px;font-size:13px;float:$startSide;display:flex;align-items:center;color:var(--TitColor)}.yemen a{font-size:14px;color:var(--Hok);letter-spacing:0;vertical-align:middle}.yemen span{font-size:14px;vertical-align:middle;margin-$endSide:3px}.shmal{float:$endSide;font-size:13px;margin-top:5px}svg.svg-inline--fa.fa-exclamation-triangle.fa-w-18{width:200px;margin:0 auto 0;display:block;height:200px;color:var(--minColor)} /* post-share */ .n-line{width:19px;height:19px;fill:#fff;margin:0 3px} .shC .n-line{width:22px;height:22px} .pShc{display:flex;align-items:center;flex-wrap:wrap;position:relative;width:calc(100% + 18px);font-size:13px} .pShc::before{content:attr(data-text);margin-left:10px;flex-shrink:0;color:var(--txtColor);font-size:14px} .pShc .c::after{content:attr(aria-label);margin:0 3px} .pShc >*{cursor:pointer;margin:0 5px;display:flex;align-items:center;color:inherit;padding:8px 12px;border-radius:5px;background:rgba(0,0,0,5%)} .sharemore:hover{background:rgba(0,0,0,8%)} .pShc .tw{background:#1DA1F2} .pShc .c{color:#fffdfc} .pShc .wa{background:#128C7E} .pShc .fb{background:#1778F2} .fixi:checked ~ .fixL{opacity:1;visibility:visible} .fixL{display:flex;align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:20;transition:all .1s linear;width:100%;height:100%;opacity:0;visibility:hidden} .sharemore svg{fill:var(--txtColor)} .fixLi{width:100%;max-width:520px;max-height:calc(100% - 60px);border-radius:5px;transition:inherit;z-index:3;display:flex;overflow:hidden;position:relative;margin:0 auto;box-shadow:0 5px 30px 0 rgb(0 0 0 / 5%)} .fixLs{padding:60px 20px 20px;overflow-x:hidden;width:100%;background:var(--MinBgColor)} .shL,.fixH{color:var(--txtColor)} .fixH{display:flex;background:inherit;position:absolute;top:0;left:0;right:0;padding:0 10px;z-index:2} .fixT::before{content:attr(data-text);flex-grow:1;padding:16px 10px;font-size:90%;opacity:.7} .fixH .cl{padding:0 10px;display:flex;align-items:center;justify-content:flex-end;position:relative;flex-shrink:0;min-width:40px;cursor:pointer} .fCls.sharebg{cursor:pointer} .fixT .c::before{content:attr(aria-label);font-size:11px;margin:0 8px;opacity:.6} .fixH .c::after{content:'\2715';line-height:18px;font-size:14px} .shL{position:relative;width:calc(100% + 20px);left:-10px;right:-10px;display:flex;flex-wrap:wrap;justify-content:center} .shL >*{margin:0 10px 20px;text-align:center} .shL a{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:60px;height:60px;color:inherit;margin:0 auto 5px;padding:8px;border-radius:5px;background:#5a5a5a} .shL >*::after{content:attr(data-text);font-size:90%;opacity:.7;display:block} .fCls{display:block;position:fixed;top:-50%;left:-50%;right:-50%;bottom:-50%;z-index:1;transition:all .1s linear;background:transparent;opacity:0;visibility:hidden} .fixi:checked ~ .fixL .sharebg, #NavC:checked ~ .searchformbox .searchbg{opacity:1;visibility:visible;background:rgba(0,0,0,.2);-webkit-backdrop-filter:saturate(100%) blur(2px);backdrop-filter:saturate(100%) blur(2px)} @media screen and (max-width: 640px){ .fixL{align-items:flex-end} .fixL .fixLi,.fixL .cmBri{border-radius:12px 12px 0 0} .pShc .c::after{display:none} } .post-body iframe{display:block;margin:auto;max-width:100%} iframe {color-scheme: none;} .contenarpage{overflow:hidden} /* new worck */ .loadMore{display:flex;align-items:center;justify-content:center;font-size:90%;color:#fffdfc;margin:20px 0 0;max-width:100%} .loadMore div{transition:all .2s linear;cursor:pointer;display:flex;align-items:center;user-select:none;padding:0 20px;background:var(--minColor);border-radius:3px;height:35px;line-height:35px} #loadMoreWait,#loadMoreNomore{background:var(--secColor);color:#989b9f;display:none;user-select:none} .blog-posts{display:block} .post .blog-posts{box-shadow:0 2px 6px 0 rgb(9 32 76 / 4%);border-radius:3px} /* blog-pager2 */ .topic-nav{display:flex;align-items:center;justify-content:center}div#blog-pager{display:flex;align-items:center;justify-content:center;overflow:hidden;clear:both;margin:15px 0 0;padding:15px 0 0;border-top:1px solid var(--Borderes3)}.blog-pager{height:36px;width:40px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:3px;margin:0 2px;color:#fff;background:var(--minColor)}.blog-pager i.icon{font-size:14px;text-align:center;line-height:36px}.homelink i.icon{font-size:16px} /* Pagecontactus */ div#ContactForm200{display:none}div#Pagecontactus .widget{border:0!important;padding:0;box-shadow:none;margin:0 0;min-height:385px;display:block}div#Pagecontactus{min-height:385px}div#Pagecontactus .widget p{margin:0} /* Hovers */ .post-tags a:hover, .Lapel-Link:hover, .BlogSearch input[type="submit"]:hover, .cloud-label-widget-content .label-name:hover, .list-label-widget-content li:hover .label-count, .ContactForm input[type="button"]:hover, .moreLink:hover,.caregory-div a:hover{color: var(--whiteColor);background: var(--minColor);} tbody,table{width:100%;max-width:100%}body.dark-mode input,body.dark-mode textarea{color:#fff}body.dark-mode .ContactForm textarea[name="email-message"]::placeholder,body.dark-mode .ContactForm input[type="text"]::placeholder{color:#fff} .dark-mode g.d1{display:none} .dark-mode g.d2{display:block} /*================= responsev [not completed] ===================*/ @media screen and (max-width:992px){ #sidepar-wid{width:250px}.r-r{width:calc((100% - 255px - 15px) / 1)} .mid-top-footer{flex-wrap:wrap}.footer-col{width:50%} } @media screen and (max-width:860px){ .ReadPage-popup-cont {margin: 0;height: 100%;padding-bottom: 50px;} .bocker {display: block;} .r-r, #sidepar-wid {transform: none !important;float: none;width: 100%!important;margin: 0;display: block;} } @media screen and (max-width:720px){ span.modal-close{$endSide:5px;top:-15px} .bottom-footer{box-shadow:none} .bottom-footer .yemen{min-height:auto;display:block!important;float:none;text-align:center;margin-bottom:10px} .yemen a[title="SeoPlus Template"]{display:inline-block!important} .bottom-footer .shmal{float:none;margin-top:0;margin:0 auto;text-align:center} .bottom-footer .shmal .social-static.social{flex-wrap:wrap;display:flex;overflow:hidden;vertical-align:middle;align-items:flex-start;justify-content:center} .bottom-footer .shmal .social-static.social li{margin-bottom:5px} .metapost{width:calc(100% - 33px)} } @media screen and (max-width:640px){ .commentsection .headline:before,.commentsection .headline .title:after{display:none} .headline,.Followers .title{font-size:17px} .metapost{justify-content:flex-start;flex-direction:column;align-items:flex-start} .site .widget,.post .blog-posts { border-right: 0 !important; border-left: 0 !important; } .comment-content iframe {height: 200px;} .comment-content img{height: auto;} .textst{font-size:35px}span.datetime.com-date{float:none!important;display:block} .search-submit2{$endSide:-10px} .footer-col{width:100%} #item-comments .headline{flex-direction:column} #item-comments .headline .title{margin-bottom:5px} .commentsShow{display:flex;align-items:center;justify-content:center;text-align:center} } /* New Edit's */ .PostByCatRandom{line-height:initial!important} .PostByCatRandom .rnav-title{margin:0!important} .PostByCatRandom{margin:30px 0 15px;padding:15px;display:none;border:2px solid var(--Borderes);border-radius:3px;position:relative} .PostRandomCont{margin-top:15px} .PostRandomTitle{background:var(--MinBgColor);padding:0 10px;display:block;position:absolute;top:-20px} .PostRandomTitle .title{background:var(--minColor);font-size:15px;color:var(--whiteColor);display:inline-block;padding:0 20px;flex-shrink:0;border-radius:3px;height:35px;line-height:35px} .potg .Sp-slide .Posts-byCategory,.potg .Sp-slide2 .Posts-byCategory,.potg .Sp-slide3 .Posts-byCategory,,.potg .Sp-slide4 .Posts-byCategory,.btg2 .Sp-posts1 .Posts-byCategory,.btg2 .Sp-posts2 .Posts-byCategory,.btg2 .Sp-posts5 .Posts-byCategory,.btg2 .Sp-postsnew .Posts-byCategory{display:none} .potg .Sp-slide:before,.potg .Sp-slide2:before,.potg .Sp-slide3:before,.potg .Sp-slide4:before,.btg2 .Sp-posts1:before,.btg2 .Sp-posts2:before,.btg2 .Sp-posts5:before,.btg2 .Sp-postsnew:before{content:'\f12a';font-family:'FontAwesome';margin-$endSide:5px} .potg .Sp-slide:after,.potg .Sp-slide2:after,.potg .Sp-slide3:after,.potg .Sp-slide4:after,.btg2 .Sp-posts1:after,.btg2 .Sp-posts2:after,.btg2 .Sp-posts5:after,.btg2 .Sp-postsnew:after{content:"لأ يمكنك استخدام هذا الشكل في هذا المكان"} .potg .Sp-slide,.potg .Sp-slide2,.potg .Sp-slide3,.potg .Sp-slide4,.btg2 .Sp-posts1,.btg2 .Sp-posts2,.btg2 .Sp-posts5,.btg2 .Sp-postsnew{display:block;overflow:hidden;font-size:16px;height:50px;padding:0 10px;line-height:50px;text-align:center;color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:3px} .moreLink{transition:all 0.2s linear;background:var(--minColor);color:var(--whiteColor)} .postTags .HTML .headline{opacity:0} .post-frome-tag .headline{opacity:1!important} .Img-Holder{background:var(--Borderes)} .Img-Holder img{opacity:0} .Img-Loaded img{opacity:1} .rnav-title a,.post-title .title{background:linear-gradient(to right,currentColor 0%,currentColor 100%);background-size:0 1px;background-repeat:no-repeat;background-position:right 85%;transition:background 0.3s;padding-bottom:7px;display:inline;line-height:1.6em;color:var(--TitColor)} .rnav-title a:hover,.post-title .title:hover{background-size:100% 1px} .rnav-title{clear:both;font-size:16px} .thumb{transition:all .3s linear;float:$startSide;margin-$endSide:15px;display:block;border-radius:var(--ImgRadius);overflow:hidden;position:relative} .thumb img{transition:all .3s linear;border-radius:0;object-fit:cover;display:block;width:100%;height:100%;position:absolute;top:0;right:0;left:0;bottom:0} .posts-from{font-style:normal;display:flex;align-items:center;justify-content:center;min-height:410px;flex-direction:column} .posts-from[data-type="Sp-shreet"]{min-height:inherit!important} .posts-from[data-type="Sp-shreet"]:before{display:none} .posts .Date svg{display:inline-block;width:10px;height:10px;vertical-align:middle;margin-left:5px;fill:var(--SanColor)} .posts .Date{display:block;position:relative} .posts .Date a{color:var(--SanColor);display:inline-block;vertical-align:middle;font-size:12px;font-family:sans-serif!important} .posts .author{display:block;font-size:15px} .postcat{position:absolute;top:10px;right:10px;display:inline-block;background:var(--minColor);color:#fff;padding:0 10px;font-size:12px;font-family:sans-serif!important;transition:.3s;z-index:2;border-radius:2px;height:25px;line-height:25px} .postcat.catnum0{background:#95281C} .postcat.catnum1{background:#1B5A84} .postcat.catnum2{background:#2C3E50} .postcat.catnum3{background:#1A5D50} .postcat.catnum4{background:#0A3D62} .postcat.catnum5{background:#A41138} .postcat.catnum6{background:#0C2461} .postcat.catnum7{background:#850021} .postcat.catnum8{background:#04626A} .postcat.catnum9{background:#3C40C6} .thumb:after{content:"";position:absolute;z-index:1;$endSide:0;$startSide:0;bottom:0;height:100%;background:rgb(0 0 0 / 26%);opacity:0;transition:all 0.3s}.lapel .posts:hover .thumb:after,.post .posts:hover > .thumb:after,.item-thumbnail:hover{opacity:1}.Sp-posts4 .Short_content,.Sp-posts3 .Short_content,.Sp-posts4 .posts:not(.postnum0) .thumb .postcat,.Sp-posts3 .postcat,.Sp-posts3.noImg .thumb,.Sp-postsnew0.noImg .thumb,.Sp-3colList.noImg .thumb,.Sp-postsnew.noImg .thumb,.Sp-posts1 .Short_content,.Sp-3colList .posts .postcat,.moreLink,.Short_content,.Sp-shreet .Short_content,.Sp-slide3 .posts:not(.postnum0) .cont .Short_content,.Sp-slide3 .posts:not(.postnum0):not(.postnum1):not(.postnum2) .items a.author,.Sp-slide4 .posts:not(.postnum0) .cont .Short_content,.Sp-slide2 .posts:not(.postnum0) .Short_content,.Sp-posts5 .posts:not(.postnum0) .Short_content,.Sp-posts5 .posts:not(.postnum0) .postcat,.posts .items, .block-side, .Sp-shreet .posts .Date, .Sp-shreet .thumb .Noimger, .SiteInfo:empty, .modal-body.post-body .redirectSkin.blog-admin, .readMode .PostByCatRandom, .readMode div#tocDiv,.readMode li.tag-link, .dark-mode g.d1, .Sp-posts6 .thumb, .PopularPosts .Noimg a.item-thumbnail.thumb, .Sp-posts4.noImg .posts .thumb, aside .post-frome-tag .headline .Lapel-Link,footer .post-frome-tag .headline .Lapel-Link, .page .reaction-buttons, .LinkList .social li a:before {display:none!important} .Sp-shreet .rnav-title a:hover,.Sp-posts4 .posts:not(.postnum0) .rnav-title a:hover,.Sp-posts1 .rnav-title a:hover,.Sp-posts3 .rnav-title a:hover,.Sp-posts6 .rnav-title a:hover,.Sp-postsnew .posts .rnav-title a:hover,.Sp-posts5 .posts .rnav-title a:hover,.Sp-3colList .rnav-title a:hover,.list-label-widget-content ul li a:hover,.PopularPosts h3.post-title .title:hover,.FeaturedPost .post-title .title:hover,.posts .Date:hover a,.Sp-postsnew0 .posts .rnav-title a:hover,.posts .Date:hover:before{color:var(--hoverColor)!important},.Sp-3colList .posts:nth-last-child(-n+3),.Sp-posts4 .posts:last-of-type,.Sp-posts6 .posts:last-of-type,.PopularPosts article.post:last-of-type,aside .LinkList ul li:last-of-type,footer .LinkList ul li:last-of-type,aside .PageList ul li:last-of-type,footer .PageList ul li:last-of-type,.Sp-postsnew0 .posts:last-of-type,.list-label-widget-content ul li:last-of-type{padding-bottom:0!important;margin-bottom:0!important;border-bottom:0!important} /* shreet a5bar */ .Sp-shreet .Posts-byCategory{display:block;position:relative} .Sp-shreet{transition:all 0.3s linear} .ShreetTitle{color:var(--whiteColor);flex-shrink:0;padding:0 20px;background:var(--minColor);border-radius:3px;font-size:15px;height:35px;line-height:35px;max-width:130px} .ShreetTitle svg{width:16px;height:16px;fill:var(--whiteColor);margin-left:8px;display:inline-block;vertical-align:middle} #shreeta5bar .widget-content{height:40px;overflow:hidden;width:calc(100% - 160px);flex-shrink:0} #shreeta5bar .widget{display:flex;border:1px solid transparent;box-shadow:0 2px 6px 0 rgb(9 32 76 / 4%);padding:10px;align-items:center} #shreeta5bar .widget-content{height:40px;overflow:hidden} .Sp-shreet .posts{padding-right:20px;height:40px;display:flex;align-items:center} .Sp-shreet .rnav-title a{display:block;font-size:15px;overflow:hidden;width:100%;background-size:0!important;white-space:nowrap;padding:0!important;line-height:40px;text-overflow:ellipsis} .Sp-shreet .Posts-byCategory .cont{display:block;position:relative;overflow:hidden} .Sp-shreet .thumb{display:none} /* post posts1 */ .Sp-posts1 .Posts-byCategory,.Sp-posts2 .Posts-byCategory,.Sp-postsnew .Posts-byCategory{display:grid;grid-gap:15px} .Sp-posts2 .posts{position:relative} .fullwide .Sp-postsnew .Posts-byCategory{grid-template-columns:repeat(3,1fr)} .potg .Sp-postsnew .Posts-byCategory{grid-template-columns:repeat(2,1fr)} .fullwide .Sp-posts1 .Posts-byCategory{grid-template-columns:repeat(4,1fr)} .potg .Sp-posts1 .Posts-byCategory{grid-template-columns:repeat(3,1fr)} .Sp-posts2 .Posts-byCategory{grid-template-columns:repeat(3,1fr);gap:var(--Gap)} .Sp-posts1 a.thumb,.Sp-posts8 a.thumb{margin:0;width:100%!important;padding-top:68.17%;position:relative} .Sp-slide .posts .thumb:before,.Sp-slide2 .posts .thumb:before,.Sp-slide3 .posts .thumb:before,.Sp-slide4 .posts .thumb:before,.Sp-posts4 .postnum0 .thumb:before,.Sp-posts7 .thumb:before{content:"";position:absolute;z-index:1;$endSide:0;$startSide:0;bottom:0;height:65%;transition:opacity 0.2s;background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,0.75))} .Sp-posts8 .Posts-byCategory{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;row-gap:15px} .fullwide .Sp-posts8 .Posts-byCategory{grid-template-columns:repeat(6,1fr)} .Sp-posts8 .rnav-title{font-size:15px} .potg .PostRandomCont.Sp-posts8 .Posts-byCategory{grid-template-columns:repeat(3,1fr)} /* posts7 */ .Sp-posts7 .Posts-byCategory{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--Gap)} .fullwide .Sp-posts7 .Posts-byCategory{grid-template-columns:repeat(4,1fr)} .Sp-posts7 .posts .thumb{height:270px;display:block;margin:0;width:100%} .Sp-posts7 .posts{position:relative} .Sp-posts7 .posts .cont{position:absolute;bottom:0;$startSide:0;z-index:1;padding:15px;display:block;width:100%} .Sp-posts7 .posts .rnav-title a{color:#fff;font-size:18px;line-height:initial!important;height:inherit;margin:0;overflow:hidden} .Sp-postsnew0 .Posts-byCategory{display:grid;gap:15px;grid-template-columns:1fr} .Sp-postsnew0 .posts{display:flex} .Sp-postsnew0 .posts .thumb{width:300px;height:170px;flex-shrink:0} .Sp-postsnew0 .posts .cont{width:calc((100% - 315px) / 1);flex-shrink:0} .Sp-postsnew0 .posts .rnav-title a{font-size:21px} .Sp-postsnew0 .posts .Short_content{color:var(--SanColor);font-size:13px;font-family:sans-serif!important;line-height:21px;margin-top:5px;overflow:hidden;height:63px;display:block!important} .Sp-postsnew0.noImg .posts .cont{width:100%} .Sp-postsnew .posts .thumb{width:100%;padding-top:56.25%;margin:0;margin-bottom:5px} .Sp-postsnew .posts .cont{width:100%} .Sp-postsnew .posts .rnav-title{height:inherit;clear:both;overflow:hidden} .Sp-postsnew .posts .rnav-title a{font-size:21px;max-height:4.2em;overflow:hidden} .Sp-postsnew .posts .Short_content{color:var(--SanColor);font-size:13px;font-family:sans-serif!important;line-height:21px;margin-top:5px;overflow:hidden;display:block!important;height:63px} .Sp-postsnew .posts .moreLink,.Sp-postsnew0 .posts .moreLink{display:inline-block!important;position:relative;font-size:14px;padding:0 20px;border-radius:3px;margin-top:10px;height:30px;line-height:30px} /* post slide 2 */ .Sp-slide .Posts-byCategory,.Sp-slide2 .Posts-byCategory,.Sp-slide3 .Posts-byCategory,.Sp-slide4 .Posts-byCategory{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--Gap)} .Sp-slide4 .Posts-byCategory{grid-template-columns:repeat(3,1fr)} .Sp-slide .posts,.Sp-slide2 .posts,.Sp-slide3 .posts,.Sp-slide4 .posts{position:relative;overflow:hidden;padding-top:68.17%} .Sp-slide4 .posts{padding-top:56.25%} .Sp-slide2 .postnum0,.Sp-slide3 .postnum0,.Sp-slide4 .postnum0{grid-column:span 2;grid-row:span 2} .Sp-slide .postnum0{grid-column:2/4;grid-row:1/3} .Sp-slide3 .postnum1{padding-top:42%;grid-column:span 2} .Sp-slide3 .posts .thumb,.Sp-slide4 .posts .thumb,.Sp-slide .thumb,.Sp-slide2 .thumb{position:absolute;top:0;right:0;width:100%;margin:0;height:100%} .Sp-slide3 .posts .thumb img,.Sp-slide4 .posts .thumb img,.Sp-slide .thumb img,.Sp-slide2 .thumb img{position:unset} .Sp-slide .posts .cont,.Sp-slide2 .posts .cont,.Sp-slide3 .posts .cont,.Sp-slide4 .posts .cont{transition:all 0.1s linear;position:absolute;bottom:0;$startSide:0;z-index:1;padding:20px 20px 15px} .Sp-slide .posts .rnav-title,.Sp-slide2 .posts .rnav-title,.Sp-slide3 .posts .rnav-title,.Sp-slide4 .posts .rnav-title{font-size:inherit;height:auto} .Sp-slide .posts .rnav-title a,.Sp-slide2 .posts .rnav-title a,.Sp-slide3 .posts .rnav-title a,.Sp-slide4 .posts .rnav-title a{color:#fff;line-height:inherit;font-size:18px} .Sp-slide .postnum0 .rnav-title a,.Sp-slide2 .postnum0 .rnav-title a,.Sp-slide3 .postnum0 .rnav-title a,.Sp-slide4 .postnum0 .rnav-title a{font-size:30px} .Sp-slide .posts .Date a,.Sp-slide2 .posts .Date a,.Sp-slide3 .posts .Date a,.Sp-slide4 .posts .Date a,.Sp-posts2 .posts .Date a,.Sp-posts4 .posts.postnum0 .Date a,.Sp-posts7 .posts .Date a{color:#e4e4e4!important} .Sp-slide .posts .Date svg,.Sp-slide2 .posts .Date svg,.Sp-slide3 .posts .Date svg,.Sp-slide4 .posts .Date svg,.Sp-posts2 .posts .Date svg,.Sp-posts4 .posts.postnum0 .Date svg,.Sp-posts7 .posts .Date svg{fill:#e4e4e4!important} .Sp-slide .postnum0 .Short_content,.Sp-slide2 .postnum0 .Short_content,.Sp-slide3 .postnum0 .Short_content,.Sp-slide4 .postnum0 .Short_content{line-height:18px;font-size:13px;font-family:sans-serif!important;color:#eaeaea;max-height:100px;overflow:hidden;display:block!important;margin-top:5px} .Sp-slide .posts:hover .cont,.Sp-slide2 .posts:hover .cont,.Sp-slide3 .posts:hover .cont,.Sp-slide4 .posts:hover .cont{bottom:10px} /* post posts2 */ .Sp-posts2 .posts a.thumb{margin:0;width:100%!important;padding-top:68.17%;position:relative} .fullwide .Sp-posts2 .posts .thumb{padding-top:56.25%} .Sp-posts2 .cont{position:absolute;bottom:0;$startSide:0;z-index:1;padding:15px;display:block;width:100%} .Sp-posts2 .thumb:before{content:"";position:absolute;z-index:1;$endSide:0;$startSide:0;bottom:0;height:65%;transition:opacity 0.2s;background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,0.75))} .Sp-posts2 .cont .rnav-title a{color:#fff!important;font-size:18px} .Sp-posts2 .rnav-title{height:inherit} .Sp-posts2 .thumb:after{content:"\025B6";position:absolute;top:10px;bottom:auto;$startSide:auto;$endSide:10px;width:38px;height:27px;background-color:rgba(0,0,0,0.5);font-family:sans-serif;font-size:15px;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;z-index:5;transform:translate(0);box-sizing:border-box;padding:0 0 0 1px;margin:0;box-shadow:0 1px 3px 0 rgb(0 0 0 / 10%);transition:background .17s linear;opacity:1;border-radius:5px} .Sp-posts2 .thumb:hover:after{background:#f50000;color:#fff} /* post posts4 and posts3 and 3colList and6 */ .Sp-posts4 .posts.postnum0{position:relative;overflow:hidden} .Sp-posts4 .posts.postnum0 .cont{position:absolute;bottom:0;$startSide:0;z-index:1;padding:15px;display:block;width:100%} .Sp-posts4 .posts.postnum0 .rnav-title a{color:#fff;font-size:18px} .Sp-posts3 .Posts-byCategory,.Sp-posts4 .Posts-byCategory,.Sp-3colList .Posts-byCategory,.PopularPosts .ImgShow{gap:15px;display:grid;grid-template-columns:1fr} .Sp-3colList .Posts-byCategory{grid-template-columns:repeat(3,1fr)} .Sp-posts4 .posts.postnum0 .thumb{width:100%;padding-top:56.25%;margin:0!important} .Sp-posts3 .Posts-byCategory .posts,.Sp-posts4 .posts:not(.postnum0),.Sp-posts5 .posts:not(.postnum0),.Sp-3colList .posts,.PopularPosts .ImgShow .post{display:flex} .Sp-posts4 .posts:not(.postnum0) .cont,.Sp-posts3 .cont,.Sp-3colList .cont,.PopularPosts h3.post-title,.Sp-posts5 .posts:not(.postnum0) .cont{width:calc(100% - 125px);flex-shrink:0} .Sp-posts3 .posts .thumb,.Sp-posts4 .thumb,.Sp-3colList .thumb,.PopularPosts a.item-thumbnail.thumb,.Sp-posts5 .posts:not(.postnum0) .thumb{width:110px;height:75px;flex-shrink:0} .Sp-posts3 .posts:not(.postnum0) .rnav-title a,.Sp-posts4 .rnav-title a,.Sp-posts6 .rnav-title a,.Sp-3colList .rnav-title a,.PopularPosts h3.post-title .title{font-size:14px} .PopularPosts .post-title .title{background-size:0!important;display:block;max-height:4.9em;overflow:hidden} .3colList.noImg .cont{width:100%} .Sp-posts6 .cont,.PopularPosts .Noimg .posts.post-title{width:100%} .caregory-div a{background:var(--minColor);padding:4px 20px;display:table;border-radius:3px;font-size:15px;line-height:1.6em;color:var(--whiteColor)} .ArchivePage{min-height:450px;display:block} .Sp-posts6.archive{margin-bottom:15px} .Sp-posts6.archive .Date{line-height:1.5em} .Sp-posts6 .Posts-byCategory:before,.PopularPosts .Noimg:before{content:"";position:absolute;$startSide:0;top:0;width:2px;height:100%;background:rgba(0,0,0,0.3)} .Sp-posts6 .Posts-byCategory,.PopularPosts .Noimg{overflow:unset;padding-$startSide:15px;margin-$startSide:10px;position:relative} .Sp-posts6 .Date:after,.PopularPosts .Noimg .Date:after{content:"";width:12px;height:12px;background:#e6e6e6;border:1px solid rgba(255,255,255,0.8);position:absolute;display:inline-block;vertical-align:middle;border-radius:3px;transform:translateZ(0);transition-duration:0.3s;$startSide:-21px;border-color:rgba(0,0,0,0.3);top:5px} .Sp-posts6 .posts:hover .Date:after,.PopularPosts .Noimg article.post:hover .Date:after{background:#3560ab;transform:scale(1.2)} .Sp-posts6 .posts,.PopularPosts .Noimg article.post{overflow:unset;margin-bottom:15px} .Sp-posts4.noImg .posts .cont,.Sp-posts3.noImg .posts .cont{width:100%;position:relative;padding:0} .Sp-posts4.noImg .postnum0 .Date a{color:var(--SanColor)!important} .Sp-posts4.noImg .posts.postnum0 .rnav-title a{color:var(--TitColor)} .Sp-posts4.noImg .posts.postnum0{padding:15px;background:var(--secColor);border-radius:5px;border:1px solid var(--Borderes)} .Sp-posts4.noImg .postnum0 .Date svg{display:inline-block!important} /* post posts5 */ .Sp-posts5 .Posts-byCategory{display:grid;grid-template-columns:repeat(2,1fr);gap:15px} .Sp-posts5 .posts.postnum0{grid-row:span 4} .Sp-posts5 .posts.postnum0 a.thumb{width:100%;padding-top:56.25%;margin:0;float:none} .Sp-posts5 .cont{overflow:hidden;display:block;clear:both} .Sp-posts5 .posts.postnum0 .rnav-title a{font-size:21px} .Sp-posts5 .posts.postnum0 .Short_content{color:var(--SanColor);line-height:21px;margin:5px 0 0;font-size:13px;display:block!important;font-family:sans-serif!important;max-height:42px;overflow:hidden} .Sp-posts5 .posts:not(.postnum0) .rnav-title a{font-size:14px} /* respons2 */ @media screen and (max-width:992px){ .Sp-slide .posts .rnav-title a,.Sp-slide2 .posts .rnav-title a,.Sp-slide3 .posts .rnav-title a,.Sp-slide4 .posts .rnav-title a{font-size:16px} .Sp-slide .postnum0 .Short_content,.Sp-slide2 .postnum0 .Short_content,.Sp-slide3 .postnum0 .Short_content,.Sp-slide4 .postnum0 .Short_content{font-size:12px} .Sp-slide .postnum0 .rnav-title a,.Sp-slide2 .postnum0 .rnav-title a,.Sp-slide3 .postnum0 .rnav-title a,.Sp-slide4 .postnum0 .rnav-title a{font-size:20px} .Sp-slide .postnum0 .Short_content,.Sp-slide2 .postnum0 .Short_content,.Sp-slide3 .postnum0 .Short_content,.Sp-slide4 .postnum0 .Short_content{max-height:35px} .Treelists,.towcol{grid-template-columns:1fr} } @media screen and (max-width:850px){ .Sp-posts8 .Posts-byCategory{grid-template-columns:repeat(3,1fr)!important} .Sp-posts8 .postcat{display:none} .Sp-3colList .Posts-byCategory{grid-template-columns:repeat(2,1fr)} .fullwide .Sp-posts7 .Posts-byCategory{grid-template-columns:repeat(3,1fr)} .Sp-slide .Posts-byCategory,.Sp-slide2 .Posts-byCategory,.Sp-slide3 .Posts-byCategory,.Sp-slide4 .Posts-byCategory{grid-template-columns:repeat(2,1fr)} .Sp-slide .postnum0{grid-column:span 2;grid-row:span 2;padding-top:56.25%} .Sp-slide4 .posts:not(.postnum0){padding-top:68.17%} .Sp-slide1 .postnum0,.Sp-slide2 .postnum0,.Sp-slide3 .postnum0{padding-top:56.25%} .Sp-slide3 .postnum1{padding-top:45%} .Sp-posts2 .Posts-byCategory{grid-template-columns:repeat(2,1fr)} .Sp-posts2 .posts a.thumb{padding-top:68.17%} } @media screen and (max-width:640px){ .ShreetTitle svg{width:14px;height:14px} .ShreetTitle{padding:0 15px;font-size:14px} #shreeta5bar .widget-content{width:calc(100% - 120px)} .Sp-posts5 .Posts-byCategory,.Sp-postsnew .Posts-byCategory,.Sp-posts2 .Posts-byCategory,.Sp-3colList .Posts-byCategory{grid-template-columns:1fr!important} .Sp-slide .posts:not(.postnum0),.Sp-slide2 .posts:not(.postnum0),.Sp-slide3 .posts:not(.postnum0):not(.postnum1),.Sp-slide4 .posts:not(.postnum0){padding-top:80%} .Sp-postsnew0 .posts{flex-direction:column} .Sp-postsnew0 .posts .thumb,.Sp-posts2 .posts a.thumb{width:100%;padding-top:56.25%;margin-left:0} .Sp-postsnew0 .posts .cont{width:100%} .Sp-posts1 .Posts-byCategory{grid-template-columns:repeat(2,1fr)!important;gap:10px;row-gap:15px} .Sp-posts7 .Posts-byCategory{grid-template-columns:repeat(2,1fr)!important} .Sp-posts7 .posts .thumb{height:230px} } @media screen and (max-width:480px){ .Sp-slide .posts .rnav-title a,.Sp-slide2 .posts .rnav-title a,.Sp-slide3 .posts .rnav-title a,.Sp-slide4 .posts .rnav-title a{font-size:14px} .Sp-slide .postnum0 .rnav-title a,.Sp-slide2 .postnum0 .rnav-title a,.Sp-slide3 .postnum0 .rnav-title a,.Sp-slide4 .postnum0 .rnav-title a{font-size:18px} .postcat{padding:0 5px;font-size:11px;line-height:22px;height:22px} .Sp-posts8 .thumb{height:75px;padding-top:0!important} .Sp-posts8 .posts .Date svg{width:8px;height:8px} .Sp-posts8 .posts .Date a{font-size:10px} .Sp-posts8 .posts .rnav-title{font-size:13px} } ]]>
div{margin-top:0!important} body#layout .contpotg div.section,body#layout footer div.section{border:0!important} body#layout div.section:after,header#sp-header:after,body#layout .contpotg:after,body#layout footer:after{content:"";height:2px;width:100%;background:#eee;display:block;position:absolute;top:30px;right:-10px} body#layout .trelists.section{display:inline-block;width:235px;padding-top:10px!important;border-top:0!important;border-left:0!important;margin:0 -2px!important} body#layout .trelists.section:after,div#BotPostsc:after{display:none!important} body#layout div#Postnw4,body#layout div#Postnw5,body#layout div#Postnw6{border-radius:0!important;border-top:1px solid #eee!important;padding-top:60px!important} .Treelists{position:relative;z-index:1;border:1px solid #eee!important} body#layout div#Postnw4:after,body#layout div#Postnw5:after,body#layout div#Postnw6:after{display:block!important} body#layout div#BotPostsc{margin-top:-5px!important;padding-top:15px!important;border-radius:0!important} body#layout div.widget{border:1px solid #eee} body#layout .dr_active:before{content:'\افلت هُنا';font-size:30px;padding-top:25px;display:block;font-weight:700} body#layout .dr_active{height:50px!important;background-color:transparent;border:1px dashed var(--minColor);color:#111;margin-bottom:30px;top:20px;border-radius:2px} #sittings:before{content:"الإعدادت"!important} #sp-header:before{content:"القائمة العلوية"!important} #TopPost-sc:before,body#layout div#Postnw4:before,.contpotg:before{content:"منطقة التدوينات الاضافية"!important} div#sidepar:before{content:"القائمة الجانبية"!important} div#shreeta5bar:before{content:"شريط الاخبار"!important} div#Tempnec:before{content:"أخر المشاركات"!important} footer:before{content:"زيل المدونة (الفوتر)"!important} #Topa3lan-sc:before{content:"اعلان للحاسوب فقط [pc]"!important} #Topa3lan-sc2:before{content:"إعلان للهاتف فقط [mopile]"!important} #lazy:before{content:"تأجيل الاعلانات"!important} #AddOns:before{content:"مميزات المقال الاضافية"!important} #PostA3lan:before{content:"اعلانات المقال"!important} #PostA3lan2:before{content:"اعلانات المقال [للكتاب]"!important} div#BotPostsc,#Tempnec,.mid-top-footer,div#TopPost-sc,header#sp-header,div#Postcs1,div#Postcs4,div#Postcs8,div#Postcs5,.contpotg,.Treelists,footer{display:block;overflow:unset;clear:both} body#layout .widget-content{background:#fff} div#PostA3lan .HTML{width:49%!important;float:right!important;clear:none;margin-left:0.5%!important} body#layout div.section:before,header#sp-header:before,body#layout .contpotg:before,body#layout footer:before{background:#3560ab} body#layout div#TopPost-sc{margin-bottom:-5px!important;border-radius:0!important} body#layout div.section:before,header#sp-header:before,body#layout .contpotg:before,body#layout footer:before{background:var(--minColor);color:#fff;padding:7px 35px;border-radius:5px;position:absolute;top:15px;right:15px;z-index:999;font-family:sans-serif} body#layout,body#layout *{font-family:sans-serif!important} body#layout div#Topa3lan-sc2,body#layout div#Topa3lan-sc{width:375px;display:inline-block!important;float:right!important;margin:0 4px!important;padding:0!important;padding-top:60px!important} header#sp-header,body#layout .contpotg,footer{background:#fff} body#layout div.section,header#sp-header,.contpotg,footer{background:#fff!important;overflow:unset!important;padding:50px 15px 15px!important;border:1px solid rgba(32,33,36,0.07)!important;margin:10px 0 20px!important;position:relative;border-radius:8px!important} body#layout:before{z-index:99;content:"Seoplus V8.0";text-align:center;position:absolute;right:10px;top:25px;font-weight:bold;color:#fff;padding:10px 15px;background:#3560ab;border-radius:8px 8px 8px 0} body#layout,body#layout *{font-family:sans-serif!important} body#layout{background:#f7f7f7!important;min-height:100%!important;direction:rtl!important;width:1130px;display:block!important;position:relative!important;border:0!important;padding:5px 0!important;border-radius:8px;margin:10px auto 10px auto !important;border:1px solid #e5e5e5!important} .contenarpage{width:800px;margin:20px 300px 20px auto;overflow:hidden!important} header#sp-header div.section{border:0!important} .TEMPsittings{right:20px;top:55px;padding:10px;background:#3560ab;float:right;width:250px;position:absolute;z-index:999;border-radius:8px} .TEMPsittings .section .editlink.icon,header#sp-header .section .editlink.icon{padding:0!important;top:0!important;right:0!important;width:45px!important;height:45px!important;border-radius:0!important} body#layout .TEMPsittings .section > div,body#layout header#sp-header .section > div{margin:0!important;border:0!important;box-shadow:none!important;margin-bottom:0!important;border-radius:0!important} body#layout .TEMPsittings .locked-widget .widget-content,body#layout header#sp-header .locked-widget .widget-content{border-radius:0!important;margin:0!important;border:0!important;padding:10px!important;margin-bottom:5px!important;border-radius:5px!important} .TEMPsittings .section::before,.TEMPsittings .section::after{display:none!important} body#layout .TEMPsittings div.section{padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important} .TEMPsittings:before{content:"Template Sittings";font-size:24px;font-family:sans-serif;color:#fff;padding:10px 0;display:block} body#layout .TEMPsittings div#AddOns:before{display:block!important;content:"Post Sittings"!important;font-size:24px;font-family:sans-serif;color:#fff;padding:10px 0;display:block;position:relative!important;border-radius:0!important;top:auto;right:auto;left:auto;bottom:auto;border-top:1px solid #2b4e8d;margin-top:10px} .searchformbox:before{content:"Header";font-size:24px;font-family:sans-serif;color:#fff;padding:10px 0;display:block;border-top:1px solid #2b4e8d;margin-top:10px} body#layout div#Header1 .editlink{font-size:0!important;padding:0!important;top:0!important;right:0!important;width:45px!important;height:45px!important;border-radius:0!important} body#layout div#Header1 .editlink:before{content:"";background:url(https://www.gstatic.com/images/icons/material/system/1x/mode_edit_grey600_24dp.png);width:23px;height:23px;display:block;margin:0 auto;top:10px;position:relative} body#layout div#topsocialL,body#layout div#pages,body#layout div#menu,body#layout div#logo{display:block!important;width:375px!important;float:right!important;margin:0 4px!important} body#layout div#topsocialL .locked-widget .widget-content,body#layout div#pages .locked-widget .widget-content,body#layout div#menu .locked-widget .widget-content,body#layout div#logo .locked-widget .widget-content,body#layout div#Topa3lan-sc2 .locked-widget .widget-content,body#layout div#Topa3lan-sc .locked-widget .widget-content{border:1px solid #e5e5e5!important} header#sp-header{overflow:hidden!important} body#layout div#Postnw1,body#layout div#Postnw2,body#layout div#Postnw3{border:1px solid #eee!important;border-radius:0!important} body#layout .mid-top-footer div.section{width:189px!important} .contenarpage{padding-right:10px;border-right:1px solid #e5e5e5} body#layout div#customeAnalytics:before{content:"Analytics ID";font-size:24px;font-family:sans-serif;color:#fff;padding:10px 0;border-top:1px solid #2b4e8d;margin-top:10px;display:block!important;top:auto;right:auto;position:unset} #BlogSearch2{display:none!important} ]]>
<link href='
' rel='image_src'/>
<meta content='
' property='og:image'/>
<meta content='
' name='twitter:image'/>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi02ZWPv5tYUDZcSF7gvCwNWVYJQGvyyZQiXeiAwsH9_Jcwp40SD-nuRDbu9QXLi2Vcg2NprRFLXXE6zRILj9siMm9BtsSqvJXr4o5g0FmdllYSC7U0RAUkr6AccJbboV8LGC7D45ABqNY/s1600/default.png
Font Size
حجم الخط
+
16
-
lines height
تباعد السطور
+
2
-
if(AuthorName === `
`){ AuthorsInfo.postAds[`
`] = `
`; }
if(AuthorName === `
`){ AuthorsInfo.postAds[`
`] = `
`; }
<br/> <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/> <div style='width: calc(100% - 80px);display: flex;float: left;height: 30px;align-items: center;'> <p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/> <p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/> </div> </form> </div> </div> </b:includable> </b:defaultmarkup> <b:defaultmarkup type='PopularPosts,FeaturedPost'> <b:includable id='snippetedPostContent'> <b:if cond='data:postDisplay.showFeaturedImage'> <a class='item-thumbnail Img-Holder thumb' expr:href='data:post.url' expr:title='data:messages.image'> <b:if cond='data:post.featuredImage'> <b:if cond='data:widget.type == "FeaturedPost"'><span class='postcat'><data:post.labels.first.name/></span></b:if> <img expr:alt='data:messages.image' expr:data-src='data:post.featuredImage' height='108' width='192'/> <b:else/> <span class='Noimger'/> </b:if> </a> </b:if> <b:if cond='data:postDisplay.showTitle'><h3 class='posts post-title'><span class='Date published updated'><svg><use href='#ic-clock'/></svg><a class='agotime' expr:datetime='data:post.lastUpdated.iso8601' expr:href='data:post.url'/></span><a class='title' expr:href='data:post.url'><data:post.title/></a></h3></b:if> <b:if cond='data:postDisplay.showSnippet'><p class='snippet-item'><b:if cond='data:widget.type == "FeaturedPost"'><data:post.snippets.short/></b:if></p> </b:if> </b:includable> <b:includable id='snippetedPosts'> <div expr:class='(data:postDisplay.showFeaturedImage ? "ImgShow" : "Noimg")' role='feed'> <b:loop index='i' values='data:posts filter (p => p.id != data:view.postId)' var='post'> <article class='post' role='article'> <b:include name='snippetedPostContent'/> </article> </b:loop> </div> </b:includable> </b:defaultmarkup> <b:defaultmarkup type='Profile'> <b:includable id='teamProfile'> <div class='get-Authors'/> </b:includable> </b:defaultmarkup> </b:defaultmarkups> <b:tag name='script' type='text/javascript'> let BlogID = "<data:blog.blogId/>", Url = "<data:blog.canonicalHomepageUrl.https/>", blogger = "https://www.blogger.com/", isPost = <data:view.isPost/>, isPage = <data:view.isPage/>, isHome = <data:view.isHomepage/>, isSingleItem = <data:view.isSingleItem/>, isMultipleItem = <data:view.isMultipleItems/>, agnow = "منذ بضع لحظات"; agminutes = "منذ بضع دقائق"; aghour = "منذ ساعه"; aghours = "منذ بضع ساعات"; agday = "منذ يوم"; agdays = "منذ بضع ايام"; agmonth = "منذ شهر"; agmonths = "منذ بضع شهور"; agYear = "منذ عام"; agYears = "منذ بضع اعوام"; ReadMore = <b:if cond='data:blog.languageDirection == "ltr"'>"read more"<b:else/>"اقرأ المزيد"</b:if>, ReadMoreA = <b:if cond='data:blog.languageDirection == "ltr"'>"read more"<b:else/>"أكمل قرأة المقال"</b:if>, ViewMore = <b:if cond='data:blog.languageDirection == "ltr"'>"view more"<b:else/>"عرض المزيد"</b:if>, NextArticle = <b:if cond='data:blog.languageDirection == "ltr"'>"Next article"<b:else/>"المقال التالي"</b:if>, PreviousArticle = <b:if cond='data:blog.languageDirection == "ltr"'>"Previous article"<b:else/>"المقال السابق"</b:if>, Direction = <b:if cond='data:blog.languageDirection == "ltr"'>"left"<b:else/>"right"</b:if>, page = <b:if cond='data:blog.languageDirection == "ltr"'>"page"<b:else/>"صفحة"</b:if>, of = <b:if cond='data:blog.languageDirection == "ltr"'>"of"<b:else/>"من"</b:if>, shareText = <b:if cond='data:blog.languageDirection == "ltr"'>"You cannot share the article on WhatsApp from a computer"<b:else/>"لا يمكنك مشاركة التدوينة على الواتساب من الحاسوب"</b:if>, shareText2 = <b:if cond='data:blog.languageDirection == "ltr"'>"You cannot share the article on mail from a computer"<b:else/>"لا يمكنك مشاركة التدوينة على البريد من الحاسوب"</b:if>, configtxt = <b:if cond='data:blog.languageDirection == "ltr"'>"Initializing link"<b:else/>"جاري تهيئة الرابط"</b:if>, redytxt = <b:if cond='data:blog.languageDirection == "ltr"'>"link is ready"<b:else/>"الرابط جاهز"</b:if>, errtxt = <b:if cond='data:blog.languageDirection == "ltr"'>"Broken link"<b:else/>"رابط معطل"</b:if>, nolapel = "بدون قسم", minifun = " دقائق للقراءة", replyfun = "أترك ردا", cmtdelet = "حذف التعليق", cmtShowMore = "عرض المذيد من التعليقات", popup = false, BlogLang="<data:blog.locale/>", LazyAdsense = false, MaxTitle = true, MaxTitleNum = 10, bjsif = true, altImage = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwn-1_H9jRk02lmn0uvurbikaVuKUjyCyKY-9pSe8KEmypix1VUaZZVxnJzNvDCTCU6jwkbhOFIT5s_90ADQsLE6NZ38ggYe1FZe8fgNWUTXQiU4s1QqR6vqP0QH19h1stiq6dIyC6RYQ/s1600/log.jpg', AllowCom = false, commentjs = false, imgfilter = '/s800-rw-e360-l50/', AdsenseUrl = ""; let LazyLoad = true; let UltraLazy = <b:if cond='data:skin.vars.UltraLazy == "2px"'>true<b:else/>false</b:if>; let Storg = 'storg'; let skinclass = 'out'; let CMTGlobal = {}; let CMTLimt = 10; function Lazy(){} /*<;k['src']=j,k['onload']=function(){f();};if(D)k[D]=D;document['head']['append'](k);}; // getScript Function // Document query ShortCode Function window['_$'] = function (j) { var f = document['querySelectorAll'](j); if (f['length'] > 0x1) return f; else return f['length'] == 0x0 ? document['createDocumentFragment']()['childNodes'] : f[0x0]; } // Document query ShortCode Function function GetAgo(od){ od = new Date(od); let nw = new Date() if(od.getUTCFullYear() < nw.getUTCFullYear()){ let num = Math.abs(od.getUTCFullYear() - nw.getUTCFullYear()); return (num <= 1) ? agYear : agYears; }else if(od.getUTCMonth() < nw.getUTCMonth()){ let num = Math.abs(od.getUTCMonth() - nw.getUTCMonth()); return (num <= 1) ? agmonth : agmonths; }else if(od.getUTCDate() < nw.getUTCDate()){ let num = Math.abs(od.getUTCDate() - nw.getUTCDate()); return (num <= 1) ? agday : agdays; }else if(od.getUTCHours() < nw.getUTCHours()){ let num = Math.abs(od.getUTCHours() - nw.getUTCHours()); return (num <= 1) ? aghour : aghours; }else if(od.getUTCMinutes() < nw.getUTCMinutes()){ let num = Math.abs(od.getUTCMinutes() - nw.getUTCMinutes()); return (num <= 1) ? agminutes : agminutes; }else{ return agnow } } /*]]>*/ </b:tag> <style> #LinkList001 {overflow: unset!important;} /* cookie-choices */ .cookie-choices-info{top:auto!important;bottom:70px!important;right:auto!important;left:20px!important;width:260px!important;padding:15px!important;background:var(--MinBgColor)!important;border:1px solid var(--Borderes3)!important;box-shadow:0 6px 18px 0 rgb(9 32 76 / 4%)!important;border-radius:10px!important;direction:ltr!important} .cookie-choices-info .cookie-choices-text{text-align: justify!important;color:var(--txtColor)!important;font-size:13px!important;margin:0!important;display:block!important;margin-bottom:15px!important} .cookie-choices-info .cookie-choices-buttons a{width:50%!important;flex-shrink:0!important;color:var(--whiteColor)!important;background:var(--minColor)!important;border-radius:30px!important;padding:7px 0!important;display:block!important;font-size:13px!important;font-family:sans-serif!important;text-transform:none!important} .cookie-choices-info .cookie-choices-buttons{margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important} .cookie-choices-info .cookie-choices-button:first-of-type{margin-left:0!important} /* post add's */ .post-body hr:before{content:'\2027 \2027 \2027';display:block;text-align:center;font-size:24px;letter-spacing:0.6em;text-indent:0.6em;opacity:.8;clear:both} .post-body hr{margin:2em 0;border:0} /* textarea code 's */ /*<![CDATA[*/ textarea.code{min-height:200px;resize:vertical;width:100%;border-radius:3px;padding:0 15px;font-family:sans-serif;background:#f6f6f6;color:#2f3337;font-size:13px;line-height:1.8em;overflow:auto;border:1px solid var(--Borderes);margin:0;direction:ltr} .areacode{position:relative;display:flex;overflow:hidden;clear:both;width:100%;padding:40px 0 0;background:#f6f6f6;margin:15px 0} .areacode:before{content:'</>';position:absolute;left:0;top:0;background:inherit;color:var(--txtColor);font-size:12px;font-family:monospace;padding:5px 15px;z-index:2;line-height:30px} .areacode:after{content:'أضغط لنسخ كل المحتويات';position:absolute;right:0;top:0;color:var(--txtColor);font-size:12px;font-family:sans-serif;padding:5px 15px;z-index:2;line-height:30px} .dark-mode .areacode{background: var(--thrColor);} .dark-mode .areacode textarea.code{background: var(--thrColor);} /*]]>*/ /* button's */ .post-body .button svg{vertical-align:middle;display:inline-block;width:18px;height:18px;fill:var(--whiteColor);stroke-width:1.5;margin-left:10px} .post-body .button.ln svg{fill:var(--txtColor)} .post-body .button{vertical-align: middle;text-align:center;top:0;transition:all .1s;position:relative;display:inline-block;margin:10px 0;padding:0 20px;border:0;border-radius:3px;line-height:35px;color:var(--whiteColor)!important;background:var(--minColor);font-size:14px;height:35px;white-space:nowrap;overflow:hidden;min-width:120px;opacity:.9} .post-body .button.ln{color:var(--txtColor)!important;background:transparent;border:1px solid rgb(162 162 162 / 38%)} .post-body .button:hover {opacity: 1;} /* note's */ .post-body .note{position:relative;padding:16px 55px 16px 20px;background:#e1f5fe;color:#3c4043;font-size:1rem;line-height:1.8em;border-radius:5px;overflow:hidden} .post-body .note::before{content:'';width:60px;height:60px;background:#81b4dc;display:block;border-radius:8px;position:absolute;top:-10px;right:-10px;opacity:.1} .post-body .note::after{content:'\2605';position:absolute;right:16px;top:11px;font-size:25px;min-width:15px;text-align:center} .post-body .note.wr:after,.post-body .note.aler:after {right: 17px;content: '\0021';} .post-body .note.secs:after {content: '\2714';font-size: 20px;} .post-body .note.wr{background:#ffdfdf;color:#48525c} .post-body .note.wr::before{background:#e65151} .post-body .note.aler {background: #fef5e7;} .post-body .note.aler:before {background: #3c3609;} .post-body .note.secs:before {background: #0d8540;} .post-body .note.secs {background: #e9f7ef;} /* tapel */ .post-body .table{display:block;overflow-y:hidden;overflow-x:auto;scroll-behavior:smooth} .post-body table{margin:0 auto;font-size:14px} .post-body table{border-spacing:0} .post-body table:not(.tr-caption-container){min-width:90%;border:1px solid rgb(162 162 162 / 38%);border-radius:3px;overflow:hidden} .post-body table th{padding:16px;text-align:inherit;border-bottom:1px solid rgb(162 162 162 / 38%)} .post-body table:not(.tr-caption-container) tr:nth-child(2n+1) td{background:rgba(0,0,0,.01)} .post-body table:not(.tr-caption-container) tr:not(:last-child) td{border-bottom:1px solid rgb(162 162 162 / 38%)} .post-body table:not(.tr-caption-container) td{padding:16px} @media screen and (max-width:640px){.post-body .table{text-align: center;position:relative;width:calc(100% + 40px);left:-20px;right:-20px;padding:0 20px;display:flex}} /* Authors-plugin */ .Authors-plugin{display:flex;align-items:center;padding:10px 15px;border:1px solid var(--Borderes);border-bottom:0} .Authors-plugin > *{flex-shrink:0} .Authors-plugin:last-of-type{border-bottom:1px solid var(--Borderes)} .Authors-plugin .Authors-img{width:50px;height:50px;margin-left:15px;border-radius:5px;overflow:hidden} .Authors-plugin .Authors-data{display:block;width:auto} .Authors-plugin .Authors-data .auname{font-size:16px;color:var(--txtColor)} .Authors-plugin:hover{background:var(--Borderes)} /* comment-plugin */ .comment-plugin{padding:10px 15px;border:1px solid var(--Borderes);border-bottom:0} .comment-plugin:last-of-type{border-bottom:1px solid var(--Borderes)} .CMPimg{width:40px;height:40px;margin-left:10px;overflow:hidden} .CMPuser{display:flex;align-items:center} .CMPuser > *,.CMPinfo > *{flex-shrink:0} .CMPinfo{display:flex;flex-direction:column;width:calc(100% - 50px);border-right:1px solid var(--Borderes);padding-right:10px} .CMPinfo .CMPicon{fill:var(--Cpc);width:11px;height:11px;display:inline-block;vertical-align:middle;margin-left:6px;opacity:.8} .CMPau{color:var(--txtColor);font-size:13px;opacity:.9;font-family:sans-serif!important} .CMPcon{color:var(--txtColor);font-size:14px;margin:5px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .CMPlin{font-size:13px;color:var(--txtColor);opacity:.9;font-family:sans-serif!important} .CMPlin:hover{color:var(--Sco);text-decoration:underline} @media print { div#shreeta5bar,.shBr.fixL,header,footer,aside,div#mobile-menu,div#backTop,.Dmode,.commentsection,.RelatedPosts.post-frome-tag,.author-posts,.pSh,.post-tags,.PostByCatRandom,.foqTitle,.post-meta,div#tocDiv,div#shreeta5bar,iframe,ins{display:none!important}.r-r{width:100%}body{background:#fff}.post .post-body,.post .blog-posts{padding:0!important;border:0!important;border-radius:0}.bobxed{padding:20px 0!important;margin-bottom:20px!important;} } <b:if cond='data:skin.vars.darckmodecolor == "2px"'>:root body.dark-mode{--BodyBG:#1e1e1e;--minColor:#1e1e1e;--minColorIc:#fff;--secColor:#1e1e1e;--thrColor:#2d2d30;--whiteColor:#ffffff;--hoverColor:#4e9f3d;--MinBgColor:#2d2d30;--txtColor:#ffffff;--TitColor:#ffffff;--SanColor:#eee;--Borderes:#404040;--Borderes2:#1e1e1e;--Borderes3:#404040;--PostTxtColor:#eee;--PostTitleColor:#ffffff;--PostLinkColor:#4e9f3d;--Hbg:#2d2d30;--HColor:#ffffff;--HtitleColor:#ffffff;--HbgIcon:#1e1e1e;--HCoIcon:#fff;--Cpc:#eee;--Cic:#fff;--Hok:#4e9f3d;--Sco:#4e9f3d;}</b:if> <b:if cond='data:skin.vars.disaplelastposts == "2px"'>.home.lapel #Tempnec {display: none !important;}.mopspeed.home.lapel #Tempnec{display:block!important}</b:if> <b:if cond='data:skin.vars.RemoveAuthor == "2px"'>.post-meta .authorPhoto, .post-meta .authorname, .author-posts{display: none !important;}</b:if> <b:if cond='data:skin.vars.RemoveAdiseHome == "2px"'><b:if cond='data:view.isMultipleItems'>.r-r {float: none;width: 100%;}aside{display: none!important;}</b:if></b:if> <b:if cond='data:skin.vars.RemoveAdisePost == "2px"'><b:if cond='data:view.isPost'>.r-r {float: none;width: 100%;}aside{display: none!important;}</b:if></b:if> <b:if cond='data:skin.vars.RemoveAdisePage == "2px"'><b:if cond='data:view.isPage'>.r-r {float: none;width: 100%;}aside{display: none!important;}</b:if></b:if> <b:if cond='data:skin.vars.StopCopying == "2px"'>body *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}blockquote,blockquote *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}</b:if> <b:if cond='data:skin.vars.CoverImg == "1px"'>.thumb img,img.post-thumbnail,.post-random a.reimage img, img.post-thumbnail {object-fit: initial;}</b:if> <b:if cond='data:skin.vars.PostSittings == "2px"'>/*<![CDATA[*/ .Sittings.OPen{display:flex;align-items:center;justify-content:center} .e3dadat{color:var(--txtColor);width:300px;background:var(--MinBgColor);border-radius:5px;padding:20px;position:relative} .OpenSitting.inside{color:var(--txtColor);position:absolute;top:-15px;left:-15px;background:var(--MinBgColor);border-radius:50%;border:0;width:35px;height:35px;line-height:35px;text-align:center;cursor:pointer} .addAndMin{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #555;padding:15px 0;padding-top:40px;position:relative} .addAndMin > span{position:absolute;top:8px;font-size:13px;line-height:2em;background:var(--MinBgColor);width:100%;text-align:center;border-radius:3px} .AddNumper,.MinNumper{text-align:center;font-size:30px;cursor:pointer;width:70px;height:50px;display:flex;align-items:center;justify-content:center} .NowNumper span{font-size:14px;line-height:1.5em;margin:0 15px;background:var(--secColor);padding:0 15px;border-radius:30px;width:55px;display:inline-block;text-align:center} .addAndMin:last-of-type{border-bottom:0;padding-bottom:0} .MinNumper.enf,.AddNumper.enf{opacity:0.5;cursor:not-allowed} /*]]>*/</b:if> /* UbdateCSS */ html{scroll-behavior:smooth} html[mode="dark"] {color-scheme: dark;} .hide{display:none!important} .blog-admin{display:none} #PostA3lan2{display:none} .FacebookComment,.DisqusComment,.BloggerComment{display:none} .Noimger:before{content:"No Image"!important;font-size:21px;font-family:inherit!important} .Noimger{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:#eee;color:#08102b;position:absolute;right:0;top:0;border-radius:var(--ImgRadius)} .posts-from:before{border-top-color:var(--Cic);border-right-color:var(--Cic);content:"";position:absolute} .spiner-icon{border-top-color:#989b9f;border-right-color:#989b9f;width:18px!important;height:18px!important;border-width:2px!important;margin-left:15px} .posts-from:before,.spiner-icon{width:30px;height:30px;border-width:4px;border-style:solid;border-bottom-color:transparent;border-left-color:transparent;border-radius:100%;animation:spin .5s infinite linear;transform:rotate(0deg)} @keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}} .commentsShow .cshow{border-radius:3px;cursor:pointer;display:inline-block;transition:all .3s linear;opacity:0.6;font-size:13px;padding:6px 15px;margin-left:5px;color:#fff} .commentsShow .cshow:hover,.commentsShow .cshow.active{opacity:1} .commentsShow .cshow:last-of-type{margin-left:0} .cshow.facebook{background-color:#1778F2} .cshow.blogger{background-color:#f87850} .cshow.disqus{background-color:#2e9fff} div#commentFB:before{border-style:solid;content:"";border-bottom-color:transparent;border-left-color:transparent;border-radius:100%;animation:spin .5s infinite linear;transform:rotate(0deg);border-top-color:var(--minColor);border-right-color:var(--minColor);width:30px;height:30px;border-width:4px;margin-left:15px;position:absolute;z-index:1} div#commentFB{min-height:215px;display:flex;align-items:center;justify-content:center;position:relative} #commentFB iframe{position:relative;z-index:2;background:#fff} /* IconTOP */ .toTopB { display: flex; align-items: center; justify-content: center; position: fixed; right: 27.5px; bottom: 80px; width: 45px; height: 45px; border-radius: 50%; cursor: pointer; visibility: hidden; opacity: 0; z-index: 5; transform: scale(0); transition: all 0.3s; } .toTopB.vsbl{visibility:visible;opacity:1;transform:scale(1)} .toTopB svg{height:100%;width:100%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);stroke-width:1.5;cursor:pointer} .toTopB svg .b{fill:var(--MinBgColor);stroke:var(--Borderes3);opacity:.9} .toTopB svg .c{fill:none;stroke:var(--Sco);stroke-dasharray:100 100;stroke-dashoffset:100;stroke-linecap:round} /* IconTOP */ #lamiabutton,.Dmode{display:flex;align-items:center;justify-content:center;position:fixed;z-index:9;background:var(--MinBgColor);opacity:.9;width:55px;height:55px;border-radius:100%;right:22px;transition:all 0.3s;bottom:20px;cursor:pointer;box-shadow:0 0 15px rgb(0 0 0 / 8%)} #lamiabutton svg,.Dmode svg{width:23px;height:23px} #lamiabutton svg {fill: var(--minColorIc);} .hidden,#mobile-menu{display:none} svg.line,svg .line{width:20px;height:20px;fill:none!important;stroke:var(--minColorIc);stroke-linecap:round;stroke-linejoin:round;stroke-width:2} svg.line.linedd{fill:var(--minColorIc) !important;stroke:none} .Circalewhy label svg{width:22px;height:22px} g.d2{display:none} <b:if cond='data:skin.vars.MopileFasterVirsonFot != "5px"'> <b:if cond='data:skin.vars.MopileFasterVirsonFot == "1px" or data:skin.vars.MopileFasterVirsonFot == "4px"'> <b:if cond='data:skin.vars.disapledarck == "2px"'>.toTopB{right:22px}</b:if> .Circalewhy2{position:fixed;left:0;right:0;bottom:0;border-radius:12px 12px 0 0;background:var(--thrColor);color:var(--txtColor);padding:0 20px;box-shadow:0 -10px 25px -5px rgb(0 0 0 / 20%);z-index:8} .Circalewhy{height:55px;display:flex;align-items:center;justify-content:center;list-style:none;margin:0;padding:0} .Circalewhy label{display:flex;justify-content:center;flex:1 0 20%;opacity:.7;position:relative} .Circalewhy2 svg.line{stroke:var(--minColorIc)} .Circalewhy2 svg.line.home,.Circalewhy2 svg.line.linedd{fill:var(--minColorIc)!important;stroke:none} .Circalewhy .link:hover:after{content:"";width:4px;height:4px;border-radius:50%;position:absolute;bottom:-8px;background:var(--minColor);opacity:.7} <b:if cond='data:skin.vars.MopileFasterVirsonFot != "4px"'>@media screen and (max-width:720px){.Dmode,.toTopB{display:none}.toTopB,.Dmode{bottom:70px!important}footer{margin-bottom:50px}#mobile-menu{display:block}}</b:if> </b:if> <b:if cond='data:skin.vars.MopileFasterVirsonFot != "1px" and data:skin.vars.MopileFasterVirsonFot != "4px"'> svg.line.linedd,svg.line.home{fill:var(--whiteColor) !important;stroke:none} #mobile-menu{display:block} #lamiabutton path.svgC{stroke:var(--Sco)} .Circalewhy label svg{stroke:#fff} label.link.scroltop{background:#0c2460} label.link.searcha{background:#850021} label.link.dark-link{background:#04626a} label.link.menue{background:#1b5a84} label.link.homee{background:#F79F1F} #offNav:checked ~ .contenarpage #lamiabutton{transform:rotate(90deg)} .Circalewhy label{display:flex;justify-content:center;align-items:center;background:#eee;width:45px;height:45px;border-radius:100%;position:relative;cursor:pointer} .Circalewhy{width:45px;margin:0 auto} .CIrcclee{position:fixed;width:280px;height:280px;z-index:9999;bottom:0;display:flex;right:-90px;align-items:center;justify-content:center} .Circalewhy2{transition:all 0.3s;opacity:0;visibility:hidden;position:fixed;z-index:8;overflow:hidden} .Circalewhy label:last-of-type{margin-bottom:0} </b:if> <b:if cond='data:skin.vars.MopileFasterVirsonFot == "2px"'> .Circalewhy label:last-of-type {bottom: -13px;} #offNav:checked ~ .contenarpage .Circalewhy2{opacity:0.9;visibility:visible;width:280px;height:280px} #offNav:checked ~ .contenarpage .toTopB.vsbl{opacity:0} #offNav:checked ~ .contenarpage #lamiabutton{bottom:100px} .Circalewhy{height:280px;padding:20px 0} .Circalewhy2{width:0;height:0;background:var(--thrColor);;border-radius:100%;box-shadow:0 5px 30px 0 rgb(0 0 0 / 5%);bottom:-15px;right:-90px} .Circalewhy label:nth-of-type(1){top:-3px} .Circalewhy label:nth-of-type(2){right:60px;top:-15px} .Circalewhy label:nth-of-type(3){right:90px;top:0} .Circalewhy label:nth-of-type(4){right:60px;top:18px} </b:if> <b:if cond='data:skin.vars.MopileFasterVirsonFot == "3px"'> #offNav:checked ~ .contenarpage .toTopB {opacity: 0;} #offNav:checked ~ .contenarpage .Circalewhy2{opacity:1;visibility:visible;bottom:75px} .Circalewhy {padding: 10px 0;} .Circalewhy label {margin-bottom: 15px;} .Circalewhy2{bottom:0;right:27.5px} .Circalewhy{display:flex;align-items:center;flex-wrap:wrap} </b:if> </b:if> /* New Search */ .searchformbox{display:flex;align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:20;transition:all 0.3s;width:100%;height:100%;opacity:0;visibility:hidden} #NavC:checked ~ .searchformbox{opacity:1;visibility:visible} .fxbox{width:100%;max-width:680px;max-height:calc(100% - 60px);border-radius:12px;transition:inherit;z-index:3;display:flex;overflow:hidden;position:relative;margin:0 auto;box-shadow:0 5px 30px 0 rgb(0 0 0 / 5%)} div#searchform{padding:60px 20px 0;overflow:hidden;width:100%;background:var(--MinBgColor)} div#BlogSearch2{display:flex;background:inherit;position:absolute;top:0;left:0;right:0;padding:0;z-index:2;border-bottom:1px solid var(--Borderes)} div#BlogSearch2 form{position:relative;flex-grow:1} div#BlogSearch2 .sp{position:absolute;right:0;top:0;display:flex;align-items:center;padding:0 20px;z-index:3;opacity:.7;height:100%;background:transparent;border:0;outline:0} div#BlogSearch2 .sp svg{width:18px;height:18px} div#BlogSearch2 input{position:relative;display:block;background:var(--MinBgColor);border:0;outline:0;padding:10px 55px;width:100%;height:60px;transition:all 0.3s;z-index:2} div#BlogSearch2 button.sp{right:auto;left:0;opacity:0;font-size:12px;padding:0 15px} #BlogSearch2 button.sp:before{content:attr(data-text)} #BlogSearch2 input:focus ~ button.sp{opacity:.7} label.searchC{cursor: pointer;padding:0 20px;display:flex;align-items:center;border-right:1px solid var(--Borderes);justify-content:flex-end;position:relative;flex-shrink:0;min-width:40px} div#BlogSearch2 .sp svg, label.searchC,div#BlogSearch2 button.sp { stroke: var(--txtColor); color: var(--txtColor); } label.searchC:after{content:'\2715';line-height:18px;font-size:14px} div#Label002{padding:20px 0} div#Label002 .label-name{font-size:13px} div#Label002 .headline:before,div#Label002 .headline:after{display:none} div#Label002 .title{font-size:15px} div#Label002 .headline{padding-bottom:0;border:0} div#Label002 .cloud-label-widget-content{max-height:160px;overflow-y:scroll} div#Label002 .title:after{display:none} #BlogSearch2 input[type=search]::-ms-clear,#BlogSearch2 input[type=search]::-ms-reveal{display:none;appearance:none;width:0;height:0} #BlogSearch2 input[type=search]::-webkit-search-decoration,#BlogSearch2 input[type=search]::-webkit-search-cancel-button,.BlogSearch input[type=search]::-webkit-search-results-button,.BlogSearch input[type=search]::-webkit-search-results-decoration{display:none;-webkit-appearance:none;appearance:none} .dark-mode #BlogSearch2 input::placeholder {color: #ddd;} @media screen and (min-width:768px){ #Label002 .cloud-label-widget-content::-webkit-scrollbar{-webkit-appearance:none;width:4px;height:5px} #Label002 .cloud-label-widget-content::-webkit-scrollbar-track{background:transparent} #Label002 .cloud-label-widget-content::-webkit-scrollbar-thumb{background:rgb(157 157 157 / 50%);border-radius:10px} #Label002 .cloud-label-widget-content::-webkit-scrollbar-thumb:hover{background:rgb(157 157 157 / 75%)} #Label002 .cloud-label-widget-content::-webkit-scrollbar-thumb:active{background:rgb(157 157 157 / 75%)} } @media screen and (max-width: 640px){.fxbox {border-radius: 12px 12px 0 0;max-width: 680px;}.searchformbox {align-items: flex-end;}} /* Start Header */ img#Header1_headerimg { width: unset; height: unset; } .inline-icon{transition:all .3s linear;display:inline-block;vertical-align:middle;width:14px;height:14px;margin-left:5px;fill:var(--HColor)} #menu{opacity:0;overflow:unset!important} .HeaderBOT #menu ul{height:62px;display:flex;align-items:center;list-style:none} .HeaderBOT #menu ul li{flex-shrink:0;margin-left:15px;position:relative;padding:20px 0;transition:all .3s linear} #clicksearch,.open.nav1{display:flex;background:var(--HbgIcon);width:30px;height:31px;align-items:center;justify-content:center;border-radius:3px;cursor:pointer} #clicksearch svg,.open.nav1 svg{stroke-width:2;stroke:var(--HCoIcon)} .open.nav1,.searchHide{display:none!important} .HeaderTOP ul{display:flex!important;list-style:none} .HeaderTOP li { padding: 2px 5px; flex-shrink: 0; border-radius: 3px; } .HeaderTOP .social li:hover, #pages ul a:hover, #pages ul li.selected a { background: rgba(0,0,0,8%); } #pages ul a{transition:all .2s linear;display:block;color:var(--whiteColor);font-size:13px;padding:3px 8px;border-radius:3px} .sp-header .social a{display:flex;width:24px;height:27px;align-items:center;justify-content:center;background:transparent!important} .HTOPC >div{flex-shrink:0;position:relative} .HRS{display:flex;align-items:center} .HRS >div{flex-shrink:0} <b:if cond='data:skin.vars.Style2Headr'> .sp-header{display:block;position:relative;margin-bottom:20px;height:100px} .HeaderBg{box-shadow: 0 6px 14px 0 rgb(9 32 76 / 5%);transition: all .3s linear;height:100px;width:100%;position:fixed;background:var(--Hbg);top:0;right:0;left:0;z-index:9} .sp-header .HeaderTOP .inline-icon{fill:var(--whiteColor)} .HeaderBOT #menu ul li:hover > a,.HeaderBOT #menu ul a.selected{color:var(--hoverColor)} .HeaderBOT #menu ul li:hover > .inline-icon,.HeaderBOT #menu ul a.selected .inline-icon,.HeaderBOT #menu ul a:hover .inline-icon{fill:var(--hoverColor)} .HeaderBOT #menu ul a{font:var(--HLinkfont);color:var(--HColor)} <b:if cond='data:skin.vars.Style2Headr == "1px"'> .HeaderTOP{transition:all .3s linear;display:block;width:100%;clear:both;height:35px;position:absolute;top:0;right:0;left:0;max-width:var(--maxWidth);margin:0 auto} .HeaderBOT{transition:all .3s linear;display:block;clear:both;position:absolute;top:35px;right:0;left:0;width:100%;position:relative} .sp-header.activeDown.active .HeaderBg{top:-100px} .sp-header.active #logo{top:0} .sp-header.active .HeaderBg .HeaderTOP{top:-35px} .sp-header.active .HeaderBg .HeaderBOT{top:0} .sp-header.active .HeaderBg .HeaderBOT .HBOTC{height:100px} </b:if> <b:if cond='data:skin.vars.Style2Headr != "3px"'> .StikyHead.active .MegaItem {padding: 36px 0 !important;} .Headerplace{color:#ffffff;width:76%;float:left;display:block;clear:both;position:relative;font-size:13px;padding:0 15px 0 0} .Headerplace:before{background:var(--minColor);color:#ffffff;width:2000px;display:block;clear:both;position:absolute;border-bottom-left-radius:15px;right:0;content:"";border-bottom-right-radius:15px;height:35px} .HTOPC{margin:0 auto;width:100%;max-width:var(--maxWidth);display:flex;align-items:center;justify-content:space-between;height:35px} </b:if> .HBOTC{position: relative;transition: all .3s linear;width:100%;max-width:var(--maxWidth);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:62px} .HeaderBOT #menu{width:calc((100% - 320px) /1)!important;top:0;flex-shrink:0} .HeaderBOT #logo,.HeaderTOP #logo{transition: all .3s linear;display:flex;justify-content:center;align-items:center;width:250px;height:70px;position:relative;font-size:1.5rem;top:-18px;flex-shrink:0} .HeaderBOT #logo a, .HeaderTOP #logo a {width: auto;height: auto;overflow: hidden;display: flex;align-items: center;justify-content: center;} <b:if cond='data:skin.vars.Style2Headr == "2px"'> .MegaItem {padding: 36px 0 !important;} .HeaderBg,.sp-header{height:127px} .HeaderTOP{display:block;width:100%;clear:both;height:35px} .HeaderBOT{display:block;clear:both;position:relative} .Headerplace{width:100%;padding:0} .Headerplace:before{width:100%;transform:none;border-radius:0} .HBOTC{height:92px} .HeaderBOT #logo{top:0} .sp-header.activeDown.active .HeaderBg{top:-127px} .sp-header.active .HeaderBg{top:-35px} </b:if> <b:if cond='data:skin.vars.Style2Headr == "3px"'> .HeaderTOP #logo{width:200px;height:60px;margin-left:20px;top:0} .HeaderBg,.sp-header{height:135px} .HTOPC{width:100%;max-width:var(--maxWidth);margin:0 auto;display:flex;height:75px;align-items:center;justify-content:space-between} .Headerplace{background:var(--minColor)} .Headerplace #pages ul a:hover,#pages .selected a{background:var(--whiteColor) !important;color:var(--minColor) !important} .Headerplace #pages ul a:hover .inline-icon,#pages .selected .inline-icon{fill:var(--minColor)} .Headerplace #pages ul a{color:var(--whiteColor);transition:all .3s linear;font-size:14px;padding:8px 15px;border-radius:5px;display:block} .HeaderTOP #logo a{color:var(--whiteColor)} .HeaderBOT #menu{width:calc((100% - 50px) /1)!important} .sp-header.activeDown.active .HeaderBg{top:-135px} .sp-header.active .HeaderBg{top:-75px} </b:if> <b:if cond='data:skin.vars.StykiHeadr == "1px"'> .HeaderBg{position:relative} </b:if> @media screen and (max-width: 1100px){.HTOPC, .HBOTC {width: 95%;}} <b:if cond='data:skin.vars.Style2Headr != "3px"'> @media screen and (max-width: 992px){ .HeaderTOP,#menu{display:none} .HeaderBOT{top:0} .HeaderBg,.sp-header{height:92px} .HBOTC{height:92px} .HeaderBOT #logo,.HeaderTOP #logo{top:0} .open.nav1{display:flex!important} .sp-header.active .HBOTC{height:92px} .sp-header.active .HeaderBg{top:0;height:92px} } </b:if> <b:if cond='data:skin.vars.Style2Headr == "3px"'> @media screen and (max-width: 992px){ .HeaderBOT,#menu,#topsocialL,#pages{display:none} #clicksearch,.open.nav1{display:flex!important;background:var(--whiteColor)!important} #clicksearch svg,.open.nav1 svg{stroke:var(--HbgIcon)!important} .HeaderBg,.sp-header{height:75px} .sp-header.active .HeaderBg{top:0} } </b:if> </b:if> .MegaItem .mega-wraper{position:absolute;right:0;left:0;width:100%;background:var(--Hbg);top:100%;transform:translateY(40px);visibility:hidden;opacity:0;border-radius:3px;border-top:2px solid var(--OldMin);box-shadow:0 0 5px 1px rgb(0 0 0 / 8%);z-index:2;padding:20px;transition:all .2s linear} .MegaPosts{height:260px!important;min-height:260px!important} .mega-wraper.Sp-posts3:before{content:"";width:25px;height:25px;position:absolute;background:var(--Hbg);top:-13px;right:8%;border-radius:8px;transform:rotate(45deg);box-shadow:0 0 5px 1px rgb(0 0 0 / 8%);z-index:-1;border:2px solid var(--OldMin)} .mega-wraper.Sp-posts3>div{background:var(--Hbg);border-radius:8px;padding:15px} .mega-wraper.Sp-posts2 .Posts-byCategory{grid-template-columns:repeat(4,1fr)} .mega-wraper.Sp-posts1 .thumb{padding-top:56.25%} .MegaItem{position:static!important} .MegaItem:hover .mega-wraper{display:block;transform:translateY(-2px);visibility:visible;opacity:1} .mega-wraper .thumb{display:block;width:90px;height:70px} .mega-wraper.Sp-posts3{right:auto;left:auto;width:300px;padding:0} </style> <b:if cond='data:blog.adsenseClientId'><!--</b:if></head><!--<link rel="me" href="https://www.blogger.com/profile/16898731231667251300" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?display=swap&family=Roboto&family=Katibeh&family=Jomhuria&family=Cairo&family=El+Messiri&family=Tajawal&family=Changa&family=Amiri"><meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/> <meta name='google-adsense-platform-domain' content='blogspot.com'/> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2602688536491128&host=ca-host-pub-1556223355139109" crossorigin="anonymous"></script> <!-- data-ad-client=ca-pub-2602688536491128 --> <!-- --><style type="text/css">@import url(https://www.blogger.com/static/v1/v-css/navbar/3334278262-classic.css); div.b-mobile {display:none;} </style> </head><b:if cond='!data:blog.adsenseClientId'>--></b:if> <body expr:class='data:blog.languageDirection' expr:data-id='data:blog.blogId'><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar/6232280726219287225?origin\x3dhttps://new-technology2019.blogspot.com', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script> <b:class cond='data:view.isHomepage' name='home'/> <b:class cond='data:view.isSingleItem' name='post'/> <b:class cond='data:view.isMultipleItems' name='lapel'/> <b:class cond='data:view.isPage' name='page'/> <b:class cond='data:skin.vars.MopileFasterVirsonFot == "2px"' name='AmopFot'/> <b:class cond='data:skin.vars.darckmoodF == "2px"' name='dark-mode'/> <b:class cond='data:skin.vars.darckmoodF == "2px"' name='dark-modex'/> <b:class cond='data:skin.vars.darckmoodF == "1px"' name='lite-modex'/> <b:class cond='data:blog.view == "ReadMode"' name='readMode'/> <input class='navI hidden' id='offNav' type='checkbox'/> <input class='navM hidden' id='NavM' type='checkbox'/> <b:if cond='data:skin.vars.darckmoodF == "2px"'> <script>/*<![CDATA[*/ document.body.classList.contains("dark-modex")&&"darck"!==localStorage.getItem("modex")&&(localStorage.setItem("modex","darck"),localStorage.removeItem("mode")),"light"===localStorage.getItem("mode")?(_$("body").classList.remove("dark-mode"),_$("html").setAttribute("mode", 'light')):(_$("body").classList.add("dark-mode"),_$("html").setAttribute("mode", 'dark')); /*]]>*/</script> <b:else/> <script>/*<![CDATA[*/ document.body.classList.contains("lite-modex")&&"darck"===localStorage.getItem("modex")&&(localStorage.removeItem("modex"),localStorage.removeItem("mode")),"darkmode"===localStorage.getItem("mode")?(_$("body").classList.add("dark-mode"),_$("html").setAttribute("mode", 'dark')):(_$("body").classList.remove("dark-mode"),_$("html").setAttribute("mode", 'light')); /*]]>*/</script> </b:if> <b:section class='hide' id='sitting' maxwidgets='1' showaddelement='no'> <b:widget id='BlogArchive400' locked='true' title='BlogArchive' type='BlogArchive' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='showStyle'>HIERARCHY</b:widget-setting> <b:widget-setting name='yearPattern'>yyyy</b:widget-setting> <b:widget-setting name='showWeekEnd'>true</b:widget-setting> <b:widget-setting name='monthPattern'>MMMM</b:widget-setting> <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting> <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting> <b:widget-setting name='chronological'>false</b:widget-setting> <b:widget-setting name='showPosts'>true</b:widget-setting> <b:widget-setting name='frequency'>MONTHLY</b:widget-setting> </b:widget-settings> <b:includable id='main'><b:tag name='script' type='text/javascript'>var PostCount=<b:eval expr='data:data map (d=> d.post-count)'/>.reduce(function(a,b){return a+b});</b:tag></b:includable> <b:includable id='content'/> <b:includable id='flat'/> <b:includable id='hierarchy'/> <b:includable id='interval' var='intervals'/> <b:includable id='posts' var='posts'/> </b:widget> <b:widget id='Profile400' locked='true' title='BlogAuthors' type='Profile' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='showaboutme'>true</b:widget-setting> <b:widget-setting name='showlocation'>true</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:tag name='script' type='text/javascript'> let AuthorsInfo=new Object(); <b:if cond='data:team'> <b:loop values='data:authors' var='author'> AuthorsInfo["<data:author.display-name/>"] = {"userUrl":"<data:author.userUrl/>","name":"<data:author.display-name/>","avatar":"<b:include data='author' name='authorImageTeam'/>",}; </b:loop> <b:else/> AuthorsInfo["<data:displayname/>"] = {"userUrl":"<data:userUrl/>","name":"<data:displayname/>","avatar":"<b:include name='authorImageSingle'/>",}; </b:if> AuthorsInfo.postAds = {}; </b:tag> </b:includable> <b:includable id='authorImageSingle'><b:if cond='data:authorPhoto.image'><b:eval expr='resizeImage(data:authorPhoto.image, 1600)'/><b:else/>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwn-1_H9jRk02lmn0uvurbikaVuKUjyCyKY-9pSe8KEmypix1VUaZZVxnJzNvDCTCU6jwkbhOFIT5s_90ADQsLE6NZ38ggYe1FZe8fgNWUTXQiU4s1QqR6vqP0QH19h1stiq6dIyC6RYQ/s1600/log.jpg</b:if></b:includable> <b:includable id='authorImageTeam' var='author'><b:if cond='data:author.authorPhoto.image'><b:eval expr='resizeImage(data:author.authorPhoto.image, 1600)'/><b:else/>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwn-1_H9jRk02lmn0uvurbikaVuKUjyCyKY-9pSe8KEmypix1VUaZZVxnJzNvDCTCU6jwkbhOFIT5s_90ADQsLE6NZ38ggYe1FZe8fgNWUTXQiU4s1QqR6vqP0QH19h1stiq6dIyC6RYQ/s1600/log.jpg</b:if></b:includable> <b:includable id='authorProfileImage'/> <b:includable id='content'/> <b:includable id='defaultProfileImage'/> <b:includable id='profileImage'/> <b:includable id='teamProfile'/> <b:includable id='teamProfileLink'/> <b:includable id='userGoogleProfile'/> <b:includable id='userLocation'/> <b:includable id='userProfile'/> <b:includable id='userProfileData'/> <b:includable id='userProfileImage'/> <b:includable id='userProfileInfo'/> <b:includable id='userProfileLink'/> <b:includable id='userProfileText'/> <b:includable id='viewProfileLink'/> </b:widget> <b:widget id='Label400' locked='true' title='BlogLabels' type='Label' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='sorting'>ALPHA</b:widget-setting> <b:widget-setting name='display'>LIST</b:widget-setting> <b:widget-setting name='selectedLabelsList'/> <b:widget-setting name='showType'>ALL</b:widget-setting> <b:widget-setting name='showFreqNumbers'>false</b:widget-setting> </b:widget-settings> <b:includable id='main' var='this'><b:if cond='data:labels'><script>var _bl=<b:eval expr='data:labels map (l => l.name.jsEscaped + ":" + l.count)'/></script><b:else/><script>var _bl={Labels:0}</script></b:if></b:includable> <b:includable id='cloud'/> <b:includable id='content'/> <b:includable id='list'/> </b:widget> </b:section> <b:if cond='data:view.isPreview'> <b:if cond='!data:view.isSingleItem'> <div class='isPreview' style=' position: fixed; top: 0; right: 0; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; font-size: 25px; font-family: sans-serif !important; '> نموذج المعاينة يعمل فقط للمقالات والصفحات </div> <style> .contenarpage {display: none;} </style> </b:if> </b:if> <div class='contenarpage'> <b:if cond='!data:view.search.query'> <div class='TEMPsittings hide'> <b:section class='hide' id='lazy' maxwidgets='1' showaddelement='no'> <b:widget id='HTML001' locked='true' title='تأجيل الاعلانات' type='HTML' version='2' visible='false'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'><b:tag name='script' type='text/javascript'>LazyAdsense = true;AdsenseUrl = '<data:content/>';function Lazy(){if(LazyAdsense){LazyAdsense = false;var Adsensecode = document.createElement('script');Adsensecode.src = AdsenseUrl;Adsensecode.async = true;Adsensecode.crossOrigin = 'anonymous';document.head.appendChild(Adsensecode)}}</b:tag></b:includable> </b:widget> </b:section> <b:if cond='data:view.isLayoutMode'><b:include name='customeIcons'/></b:if> <b:if cond='data:view.isLayoutMode'><b:include name='customeAnalytics'/></b:if> <b:if cond='data:view.isLayoutMode'><b:include name='HeaderSearch'/></b:if> <b:include name='MopileMenuLogo'/> <b:if cond='data:view.isLayoutMode'><b:include name='ArticaleSittings'/></b:if> <b:if cond='data:view.isLayoutMode'><b:include name='CommentSittings'/></b:if> </div> </b:if> <!-- start header --> <header class='sp-header' id='sp-header'> <b:class cond='data:skin.vars.StykiHeadr == "2px"' name='StikyHead'/> <b:if cond='data:skin.vars.Style2Headr == "1px" or data:skin.vars.Style2Headr == "2px"'> <div class='HeaderBg'> <div class='HeaderTOP'> <div class='Headerplace'> <div class='HTOPC'> <b:include name='HeaderPages'/> <b:include name='HeaderIcons'/> </div> </div> </div> <div class='HeaderBOT'> <div class='HBOTC'> <label aria-label='القائمة الرئيسي' class='open nav1' for='NavM' id='navMopile' onclick='openSidenav()'><svg class='line' viewBox='0 0 24 24'><line x1='3' x2='21' y1='12' y2='12'/><line x1='3' x2='21' y1='5' y2='5'/><line x1='3' x2='21' y1='19' y2='19'/></svg></label> <b:include name='HeaderLogo'/> <b:include name='HeaderLinks'/> <label aria-label='بحث' class='search' for='NavC' id='clicksearch'><svg class='line'><use href='#ic-search'/></svg></label> </div> </div> </div> </b:if> <b:if cond='data:skin.vars.Style2Headr == "3px"'> <div class='HeaderBg'> <div class='HeaderTOP'> <div class='Headerplace'> <div class='HTOPC'> <label aria-label='القائمة الرئيسي' class='open nav1' for='NavM' id='navMopile' onclick='openSidenav()'><svg class='line' viewBox='0 0 24 24'><line x1='3' x2='21' y1='12' y2='12'/><line x1='3' x2='21' y1='5' y2='5'/><line x1='3' x2='21' y1='19' y2='19'/></svg></label> <div class='HRS'> <b:include name='HeaderLogo'/> <b:include name='HeaderPages'/> </div> <b:include name='HeaderIcons'/> <label aria-label='بحث' class='searchHide' for='NavC' id='clicksearch'><svg class='line'><use href='#ic-search'/></svg></label> </div> </div> </div> <div class='HeaderBOT'> <div class='HBOTC'> <b:include name='HeaderLinks'/> <label aria-label='بحث' class='search' for='NavC' id='clicksearch'><svg class='line'><use href='#ic-search'/></svg></label> </div> </div> </div> </b:if> <!-- N** H***** --> <b:if cond='data:view.isLayoutMode'><b:include name='HeaderAds'/></b:if> </header> <!-- Header markups --> <b:defaultmarkups> <b:defaultmarkup type='Common'> <b:includable id='MopileMenuLogo'> <b:section id='MopileMenuLogo' maxwidgets='1' showaddelement='no'> <b:widget id='Image002' locked='true' title='لوجو قائمه الهاتف' type='Image' version='2' visible='true'> <b:includable id='main'><b:if cond='data:sourceUrl'><i class='hide dataheader' expr:site-dis='data:caption' expr:site-logo='data:sourceUrl' expr:site-title='data:title'/></b:if></b:includable> <b:includable id='content'/> </b:widget> </b:section> </b:includable> <b:includable id='HeaderLogo'> <b:section id='logo' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='تست القالب 8 (رأس الصفحة)' type='Header' version='1'> <b:widget-settings> <b:widget-setting name='displayUrl'/> <b:widget-setting name='displayHeight'>0</b:widget-setting> <b:widget-setting name='sectionWidth'>150</b:widget-setting> <b:widget-setting name='useImage'>false</b:widget-setting> <b:widget-setting name='shrinkToFit'>false</b:widget-setting> <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting> <b:widget-setting name='displayWidth'>0</b:widget-setting> </b:widget-settings> <b:includable id='main'><b:include name='content'/></b:includable> <b:includable id='behindImageStyle'/> <b:includable id='content'><div id='header-inner'><b:if cond='data:useImage'><a class='img-logo' expr:href='data:blog.homepageUrl' expr:title='data:blog.title' style='display: flex'><b:if cond='data:sourceUrl'><img expr:alt='data:blog.title' expr:src='data:sourceUrl' expr:title='data:blog.title' height='70' id='Header1_headerimg' width='250'/></b:if></a><b:if cond='data:view.isHomepage'><h1 style='display: none'><data:blog.title/></h1><b:else/><h2 style='display: none'><data:blog.title/></h2></b:if><b:else/><div class='titlewrapper'><b:include name='title'/><b:include name='description'/></div></b:if></div></b:includable> <b:includable id='description'><p class='descriptionwrapper' style='display: none'><data:description/></p></b:includable> <b:includable id='image'> <a class='header-image-wrapper' expr:href='data:blog.homepageUrl'> <b:include data='{image: data:image,altText: data:blog.title.escaped,originalWidth: data:width,originalHeight: data:height}' name='responsiveImage'/> </a> </b:includable> <b:includable id='title'><b:if cond='data:view.isHomepage'><h1 class='title'><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:title/></a></h1><b:else/><h2 class='title'><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:title/></a></h2></b:if></b:includable> </b:widget> </b:section> </b:includable> <b:includable id='HeaderPages'> <b:section id='pages' maxwidgets='1' showaddelement='no'> <b:widget id='PageList1' locked='true' title='الصفحات' type='PageList' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='pageListJson'>{}</b:widget-setting> <b:widget-setting name='homeTitle'>الصفحة الرئيسية</b:widget-setting> </b:widget-settings> <b:includable id='main'><b:include name='content'/></b:includable> <b:includable id='content'><div class='widget-content'><b:include name='pageList'/></div></b:includable> <b:includable id='overflowButton'/> <b:includable id='overflowablePageList'/> <b:includable id='pageLink'><li><b:class cond='data:view.url==data:link.href or data:blog.url==data:link.href' name='selected'/><a expr:href='data:link.href'><data:link.title/></a></li></b:includable> <b:includable id='pageList'><ul><b:class cond='data:pageListClass' expr:name='data:pageListClass'/><b:loop values='data:links' var='link'><b:include name='pageLink'/></b:loop></ul></b:includable> </b:widget> </b:section> </b:includable> <b:includable id='HeaderIcons'> <b:section id='topsocialL' maxwidgets='1' showaddelement='no'> <b:widget id='LinkList3' locked='true' title='مواقع التواصل الإجتماعي' type='LinkList' version='2' visible='true'> <b:includable id='main'><b:include name='content'/></b:includable> <b:includable id='AUTH'/> <b:includable id='DEF'/> <b:includable id='content'><ul class='social-static social'><b:loop values='data:links' var='link'><li><a expr:href='data:link.target' expr:title='data:link.name' rel='nofollow noopener' target='_blank'><svg><use expr:href='"#ic-" + data:link.name'/></svg></a></li></b:loop></ul></b:includable> </b:widget> </b:section> </b:includable> <b:includable id='HeaderLinks'> <b:section id='menu' maxwidgets='1' showaddelement='no'> <b:widget id='LinkList001' locked='true' title='القائمة الرئيسية' type='LinkList' version='2' visible='true'> <b:includable id='main'><b:include name='content'/></b:includable> <b:includable id='AUTH'/> <b:includable id='DEF'/> <b:includable id='content'> <div class='widget-content'> <ul> <b:loop index='index' values='data:links' var='link'> <b:if cond='data:link.name contains "+"'> <b:if cond='data:link.name contains "++"'> <li class='ssitem'><a expr:href='data:link.target' expr:title='data:link.name'><data:link.name/></a></li> <b:else/> <b:if cond='data:index != 0'> <b:eval expr='data:links[data:index - 1].name contains "+" ? "</ul></li>" : ""'/> </b:if> <li class='sitem'> <a expr:href='data:link.target' expr:title='data:link.name'><data:link.name/></a> <b:eval expr='data:links[data:index + 1].name contains "+" ? "<ul>" : "</li>"'/> </b:if> <b:else/> <b:if cond='data:index != 0'> <b:eval expr='data:links[data:index - 1].name contains "++" ? "</ul></li>" : ""'/> <b:eval expr='"</ul></li>"'/> </b:if> <!-- start --> <b:if cond='data:link.target contains "MegaStyle" and data:link.target.size > 1'> <li class='item MegaItem fullwide'> <a expr:href='data:link.target' expr:title='data:link.name'> <data:link.name/> </a> <div class='mega-wraper'><b:class cond='data:link.target contains "Mega3"' name='Sp-posts2'/><b:class cond='data:link.target contains "Mega2"' name='Sp-posts1'/><b:class cond='data:link.target contains "Mega1"' name='Sp-posts3'/><div class='MegaPosts' data-index='1' data-number='4'/></div> <b:else/> <li class='item'> <a expr:href='data:link.target' expr:title='data:link.name'><b:class cond='data:view.url==data:link.target or data:blog.url==data:link.target' name='selected'/><data:link.name/></a> </b:if> <!-- start --> <b:eval expr='data:index+1 == data:links.length ? "</li>" : "<ul>"'/> </b:if> </b:loop> </ul> </div> </b:includable> </b:widget> </b:section> </b:includable> <b:includable id='HeaderAds'> <b:section class='HAD' cond='!data:view.isError and !data:blog.isMobileRequest' id='Topa3lan-sc' maxwidgets='1' showaddelement='no'> <b:widget id='HTML100' locked='true' title='اعلان اسفل القائمة العلوية للحاسوب' type='HTML' version='2' visible='false'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'><div class='SeoPlusAds'><data:content/></div></b:includable> </b:widget> </b:section> <b:section cond='not data:view.isError and data:blog.isMobileRequest' id='Topa3lan-sc2' maxwidgets='1' showaddelement='no'> <b:widget id='HTML101' locked='true' title='اعلان اسفل القائمة العلوية للهاتف' type='HTML' version='2' visible='false'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'><div class='SeoPlusAds'><data:content/></div></b:includable> </b:widget> </b:section> </b:includable> <b:includable id='HeaderSearch'> <div class='searchformbox'> <div class='fxbox'> <b:section id='searchform' maxwidgets='2' showaddelement='no'> <b:widget id='BlogSearch2' locked='true' title='بحث ...' type='BlogSearch' version='2' visible='true'> <b:includable id='main'> <form class='sharef' expr:action='data:blog.searchUrl' role='search' target='_top'> <label class='sp' for='searchIn'> <svg class='line'><use href='#ic-search'/></svg> </label> <input autocomplete='off' expr:aria-label='data:messages.searchThisBlog' expr:placeholder='data:title' expr:value='data:view.isSearch ? data:view.search.query.escaped : ""' id='searchIn' minlength='3' name='q' required='required' type='search'/> <button aria-label='Clear' class='sp' data-text='حذف' type='reset'/> </form> <label aria-label='Close' class='searchC' for='NavC'/> <b:if cond='data:view.isHomepage'><b:tag name='script' type='application/ld+json'>{"@context": "http://schema.org","@type": "WebSite","url": "<data:blog.homepageUrl/>","potentialAction": [{"@type": "SearchAction","target": "<data:blog.searchUrl/>?q={search_term_string}","query-input": "required name=search_term_string"}]}</b:tag></b:if> </b:includable> <b:includable id='content'/> <b:includable id='searchForm'/> <b:includable id='searchSubmit'/> </b:widget> <b:widget id='Label002' locked='true' title='أقسام الوصول السريع ( مربع البحث )' type='Label' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='sorting'>ALPHA</b:widget-setting> <b:widget-setting name='display'>LIST</b:widget-setting> <b:widget-setting name='selectedLabelsList'/> <b:widget-setting name='showType'>ALL</b:widget-setting> <b:widget-setting name='showFreqNumbers'>true</b:widget-setting> </b:widget-settings> <b:includable id='main' var='this'> <b:include name='widget-title'/> <div class='widget-content cloud-label-widget-content'> <b:loop index='m' values='data:labels' var='label'> <b:if cond='data:m <= 20'> <span class='label-size'> <a class='label-name' expr:href='data:label.url'> <data:label.name/> <b:if cond='data:this.showFreqNumbers'> <span class='label-count'><data:label.count/></span> </b:if> </a> </span> </b:if> </b:loop> </div> </b:includable> <b:includable id='cloud'/> <b:includable id='content'/> <b:includable id='list'/> </b:widget> </b:section> </div> <label class='fCls searchbg' for='NavC'/> </div> </b:includable> <b:includable id='post-commentDisqus'> <div id='disqus_thread'/> <script> /*<![CDATA[*/ function load_disqus(){$getScript("//"+_$("#disqus-id").getAttribute('content')+".disqus.com/embed.js",()=>{_$(".BloggerComment").style.display="none",_$(".DisqusComment").style.display="block",_$(".FacebookComment").style.display="none",console.clear(),document.querySelectorAll(".cshow").forEach(s=>{s.classList.remove("active"),s.classList.contains("disqus")&&s.classList.add("active")})})} /* load_disqus() */ /*]]>*/</script> </b:includable> <b:includable id='post-commentFB'> <div id='fb-root'/> <div id='commentFB'><div class='fb-comments facebookcmt' expr:href='data:post.url' num_posts='10' width='100%'/></div> <script>/*<![CDATA[*/ function load_facebook(){var e="ar"===BlogLang?"ar_AR":"es"===BlogLang?"es_LA":"en"===BlogLang?"en_US":-1==BlogLang.indexOf("_")?BlogLang.toLowerCase()+"_"+BlogLang.toUpperCase():BlogLang;$getScript("//connect.facebook.net/"+e+"/sdk.js",function(){W=!0,FB.init({appId:_$('meta[property="fb:app_id"]').getAttribute("content"),version:"v3.3"}),FB.XFBML.parse(),_$(".BloggerComment").style.display="none",_$(".DisqusComment").style.display="none",_$(".FacebookComment").style.display="block",console.clear(),document.querySelectorAll(".cshow").forEach(e=>{e.classList.remove("active"),e.classList.contains("facebook")&&e.classList.add("active")})})} /*]]>*/</script> </b:includable> <b:includable id='CommentSittings'> <b:section id='sitteng-menu hide' maxwidgets='1' showaddelement='false'> <b:widget id='TextList88' locked='true' title='قائمة التعليقات' type='TextList' version='2' visible='false'> <b:widget-settings> <b:widget-setting name='shownum'>3</b:widget-setting> <b:widget-setting name='sorting'>NONE</b:widget-setting> <b:widget-setting name='item-2'>Disqus</b:widget-setting> <b:widget-setting name='item-1'>Facebook</b:widget-setting> <b:widget-setting name='item-0'>Blogger</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:include name='content'/> </b:includable> <b:includable id='content'><script>_$('.commentsShow').innerHTML = "<b:loop index='m' values='data:items' var='item'><b:if cond='data:m <= 2'><b:if cond='data:item == "Blogger"'><span class='cshow blogger'>تعليقات Blogger</span><b:elseif cond='data:item == "Facebook"'/><span class='cshow facebook' onclick='load_facebook()'>تعليقات Facebook</span><b:elseif cond='data:item == "Disqus"'/><span class='cshow disqus' onclick='load_disqus()'>تعليقات Disqus</span></b:if></b:if></b:loop>"; <b:loop index='m' values='data:items' var='item'><b:if cond='data:m == 0'><b:if cond='data:item == "Blogger"'>commentjs = 'bloggerjs';<b:elseif cond='data:item == "Facebook"'/>commentjs = 'facebookjs';<b:elseif cond='data:item == "Disqus"'/>commentjs = 'disqusjs';</b:if></b:if></b:loop></script> </b:includable> </b:widget> </b:section> </b:includable> <b:includable id='ArticaleSittings'> <b:section id='AddOns' maxwidgets='1' showaddelement='no'> <b:widget id='LinkList500' locked='true' title='ميزة تحويل الروابط الخارجية' type='LinkList' version='2' visible='true'> <b:includable id='main'><b:if cond='data:view.isSingleItem'> <b:tag name='script' type='text/javascript'> Settingsredirect={ <b:loop values='data:links' var='link'>'<data:link.name/>' : <b:if cond='data:link.target in {"true","false"}'><data:link.target/><b:else/>'<data:link.target.jsEscaped/>'</b:if>,</b:loop>}; let page_redirect = void 0 !== Settingsredirect["page-url"] ? Settingsredirect["page-url"] : "noNamePage", redirect_T_Configure = void 0 !== Settingsredirect["text-Configure"] ? Settingsredirect["text-Configure"] : configtxt, redirect_T_ready = void 0 !== Settingsredirect["text-ready"] ? Settingsredirect["text-ready"] : redytxt, redirect_T_err = void 0 !== Settingsredirect["text-err"] ? Settingsredirect["text-err"] : errtxt, redirect_timer = void 0 !== Settingsredirect["redirect_timer"] ? Settingsredirect["redirect_timer"] : "10", redirect_match = void 0 !== Settingsredirect["Block-Site"] ? Settingsredirect["Block-Site"] : "fulaxcbontent", button = void 0 !== Settingsredirect["button"] ? Settingsredirect["button"] : true, skin = void 0 !== Settingsredirect["skin"] ? Settingsredirect["skin"] : false; popup = void 0 !== Settingsredirect["popup"] ? Settingsredirect["popup"] : false; protection = void 0 !== Settingsredirect["protection"] ? Settingsredirect["protection"] : true; skinclass = void 0 !== Settingsredirect["skinclass"] == '1' ? "ln" : "out" ; </b:tag><b:if cond='data:view.isPage'><script id='PageRedirect'>/*<![CDATA[*/const _0x4ed6bd=_0x2698,_0x2b1ba1=_0x5cb5;function _0x1705(){const _0x4d5a86=['axVcNMC9','oSoRACoEW655c8kQiq','WP4Zedikbmofadq','W73cMZDSASkSqSkwW4/dLs/cMCk5','gfpcOrffq0lcL0NdQgTBW6JcS8kbW7OvW7X4WPiBbvGItSkyzrbCWRVcQfviW7JdGCoBxrVdGgH9W47dUCkRWRG6WR7cU0hdQ2bQA8kZW6iQWRRcRdytW6SOW48etmoCgSkzESoYFCouaSkyjmk3f8k1CmoXmSoOWOFcKCkshrJdUmo9WONcISoeWR7dVSkhjxeTyJalW5rTc8kAWRniesNdKCogsmkKFLpcJLFdG8oRf03cQCojWQRcPSkXW6W9eCoAwHFdKmo1WQiyDmkknKL+WO4fBGm8dMVcTZRdTYT0g2lcHmk6bM/cN3CUCmkzW7StW5bjW6lcVmoHAubGWQCdrCkLW40NzSoDCv58adP1W7DhWPecWRtcJ8oxycDNW5NdGmoCBCkdWP7dISktWRTsWRxdUZbCc8owW6JdU8o1wNZdKmk4W6/cPmkxs8kEEZrNW5jNvuhcRbv5W4BdPSoFaSkHxmkDmrBcN8kYD8owECkOW6DabCkSWPVcOmkGaZncwmowc8oDWQtdLCkBk8oKyutcMSouW6r4W6WQcaJdUmo8hCkpfvRcOqNdS0WIW71FWRjAWRddJZNdSCkXCSouWQ3dV8os','mtK5mdu5EvzvtMTe','WRPcWRFdKSoMz8kAWRzdvN8Y','W7pdS8kYW7BcOSkCW6FcUb1gWObXua','mtbqq1bVtfu','W7xdR8o4mSk8W6ZcJttdIa','k8k9WPZdUHBdSqldJ8oQWOu','CMvTB3zL','Aw5Zzxj0qwrQywnLBNrive1m','mtboDMzArgW','DxjS','W6KjDmkSx8koW7S','pc9HpJWVzgL2pG','AhjLzG','CMvTB3zLsxrLBq','lMncDxr0B24GlMvYCG','lMncDxr0B24GlNjLywr5','ntKWmZG2ohv2zgn5Aq','W6/dMCoEcrnUdCkBWRbzDSoyWQC','BM9vCMW','WOhdLSopW7KcxmkckG','z2v0sxrLBq','FCkVmG','mte3nZr6uK5xA2O','AgLKzq','W41MDr0BketdNfxcNt4aWOG','W4bXjSkzWOxdL8o8W4hcGwD8','W47dSmonj8oPt2tcOb/dNITyxG','C3rYB2TLrgfZAg9MzNnLDa','pc9HpJXHihrHCMDLDd0Ix2jSyw5RiIbJBgfZCZ0Iy0XPBMSGCMvHzhKGAgLKzsbUB3jLzgKIihjLBd0IBM9MB2XSB3CGBM9YzwzLCNjLCIiGAhjLzJ0IAMf2yxnJCMLWDdO7iJ4','mJG3nJeZD2nNtKv5','W7rlW7K','ndHUsNjvCM8','mZaZndm3mJbXCg9Wz0q','C2vHCMnO','i3bHz2vYzwrPCMvJDa','WPVcRmkwEmkSeG','pc9IpJWVzgL2pJXKAxyGy2XHC3m9iMncDxr0B24IpJXHignSyxnZpsjJtgLUAYbSB2rLCIbUB3jLzgKIigHYzwy9iMPHDMfZy3jPChq6oYiGCMvSpsjUB2zVBgXVDYbUB3jLzMvYCMvYiJ4','C2v0qxr0CMLIDxrL','Aw5Uzxjive1m'];_0x1705=function(){return _0x4d5a86;};return _0x1705();}function _0x2698(_0x5eee44,_0x4f2a6e){const _0x1705e7=_0x1705();return _0x2698=function(_0x5cb5f5,_0x58859d){_0x5cb5f5=_0x5cb5f5-0x1ad;let _0x13ecd9=_0x1705e7[_0x5cb5f5];if(_0x2698['qiDBuG']===undefined){var _0x34c6d0=function(_0x269804){const _0x283f6d='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';let _0x627185='',_0x3ac83c='';for(let _0x47261d=0x0,_0xaaa314,_0x22814d,_0x33e795=0x0;_0x22814d=_0x269804['charAt'](_0x33e795++);~_0x22814d&&(_0xaaa314=_0x47261d%0x4?_0xaaa314*0x40+_0x22814d:_0x22814d,_0x47261d++%0x4)?_0x627185+=String['fromCharCode'](0xff&_0xaaa314>>(-0x2*_0x47261d&0x6)):0x0){_0x22814d=_0x283f6d['indexOf'](_0x22814d);}for(let _0x241029=0x0,_0x1a82b8=_0x627185['length'];_0x241029<_0x1a82b8;_0x241029++){_0x3ac83c+='%'+('00'+_0x627185['charCodeAt'](_0x241029)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x3ac83c);};_0x2698['fneuVf']=_0x34c6d0,_0x5eee44=arguments,_0x2698['qiDBuG']=!![];}const _0x3952fb=_0x1705e7[0x0],_0x51bebe=_0x5cb5f5+_0x3952fb,_0x424383=_0x5eee44[_0x51bebe];return!_0x424383?(_0x13ecd9=_0x2698['fneuVf'](_0x13ecd9),_0x5eee44[_0x51bebe]=_0x13ecd9):_0x13ecd9=_0x424383,_0x13ecd9;},_0x2698(_0x5eee44,_0x4f2a6e);}(function(_0x13750f,_0xa7ff2b){const _0x328bc0=_0x2698,_0x5c4137=_0x5cb5,_0x468427=_0x13750f();while(!![]){try{const _0x43e0fa=-parseInt(_0x5c4137(0x1d2,'s)(f'))/0x1+parseInt(_0x328bc0(0x1bb))/0x2*(-parseInt(_0x5c4137(0x1d5,'dr5k'))/0x3)+parseInt(_0x5c4137(0x1cf,'752u'))/0x4*(parseInt(_0x328bc0(0x1d4))/0x5)+-parseInt(_0x328bc0(0x1b5))/0x6+parseInt(_0x328bc0(0x1d1))/0x7*(parseInt(_0x328bc0(0x1c4))/0x8)+-parseInt(_0x5c4137(0x1bf,'#]!N'))/0x9+-parseInt(_0x328bc0(0x1ad))/0xa*(-parseInt(_0x328bc0(0x1c5))/0xb);if(_0x43e0fa===_0xa7ff2b)break;else _0x468427['push'](_0x468427['shift']());}catch(_0x539827){_0x468427['push'](_0x468427['shift']());}}}(_0x1705,0x8ffe0));function _0x5cb5(_0x5eee44,_0x4f2a6e){const _0x1705e7=_0x1705();return _0x5cb5=function(_0x5cb5f5,_0x58859d){_0x5cb5f5=_0x5cb5f5-0x1ad;let _0x13ecd9=_0x1705e7[_0x5cb5f5];if(_0x5cb5['BUoQce']===undefined){var _0x34c6d0=function(_0x283f6d){const _0x627185='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';let _0x3ac83c='',_0x47261d='';for(let _0xaaa314=0x0,_0x22814d,_0x33e795,_0x241029=0x0;_0x33e795=_0x283f6d['charAt'](_0x241029++);~_0x33e795&&(_0x22814d=_0xaaa314%0x4?_0x22814d*0x40+_0x33e795:_0x33e795,_0xaaa314++%0x4)?_0x3ac83c+=String['fromCharCode'](0xff&_0x22814d>>(-0x2*_0xaaa314&0x6)):0x0){_0x33e795=_0x627185['indexOf'](_0x33e795);}for(let _0x1a82b8=0x0,_0x466e41=_0x3ac83c['length'];_0x1a82b8<_0x466e41;_0x1a82b8++){_0x47261d+='%'+('00'+_0x3ac83c['charCodeAt'](_0x1a82b8)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x47261d);};const _0x269804=function(_0x7ea7cf,_0x3695c6){let _0x2f713f=[],_0x2d04a5=0x0,_0x3bfa80,_0x52d4b1='';_0x7ea7cf=_0x34c6d0(_0x7ea7cf);let _0x4ec71e;for(_0x4ec71e=0x0;_0x4ec71e<0x100;_0x4ec71e++){_0x2f713f[_0x4ec71e]=_0x4ec71e;}for(_0x4ec71e=0x0;_0x4ec71e<0x100;_0x4ec71e++){_0x2d04a5=(_0x2d04a5+_0x2f713f[_0x4ec71e]+_0x3695c6['charCodeAt'](_0x4ec71e%_0x3695c6['length']))%0x100,_0x3bfa80=_0x2f713f[_0x4ec71e],_0x2f713f[_0x4ec71e]=_0x2f713f[_0x2d04a5],_0x2f713f[_0x2d04a5]=_0x3bfa80;}_0x4ec71e=0x0,_0x2d04a5=0x0;for(let _0x568cf1=0x0;_0x568cf1<_0x7ea7cf['length'];_0x568cf1++){_0x4ec71e=(_0x4ec71e+0x1)%0x100,_0x2d04a5=(_0x2d04a5+_0x2f713f[_0x4ec71e])%0x100,_0x3bfa80=_0x2f713f[_0x4ec71e],_0x2f713f[_0x4ec71e]=_0x2f713f[_0x2d04a5],_0x2f713f[_0x2d04a5]=_0x3bfa80,_0x52d4b1+=String['fromCharCode'](_0x7ea7cf['charCodeAt'](_0x568cf1)^_0x2f713f[(_0x2f713f[_0x4ec71e]+_0x2f713f[_0x2d04a5])%0x100]);}return _0x52d4b1;};_0x5cb5['YEbUZq']=_0x269804,_0x5eee44=arguments,_0x5cb5['BUoQce']=!![];}const _0x3952fb=_0x1705e7[0x0],_0x51bebe=_0x5cb5f5+_0x3952fb,_0x424383=_0x5eee44[_0x51bebe];return!_0x424383?(_0x5cb5['kAnjsK']===undefined&&(_0x5cb5['kAnjsK']=!![]),_0x13ecd9=_0x5cb5['YEbUZq'](_0x13ecd9,_0x58859d),_0x5eee44[_0x51bebe]=_0x13ecd9):_0x13ecd9=_0x424383,_0x13ecd9;},_0x5cb5(_0x5eee44,_0x4f2a6e);}if(document[_0x2b1ba1(0x1d3,'ypQ@')](_0x4ed6bd(0x1c7))){function a(){const _0x59db3a=_0x4ed6bd,_0x4313a3=_0x2b1ba1;_$(_0x4313a3(0x1b8,'aSua'))[_0x4313a3(0x1cc,'gz7Y')][_0x59db3a(0x1c0)]=g,g-=h,_$(_0x4313a3(0x1af,'owdD'))[_0x59db3a(0x1cb)]=redirect_timer,0x0==redirect_timer&&(_$('.cButton\x20.loder')['classList'][_0x4313a3(0x1c3,'kXsL')](_0x59db3a(0x1bc)),_0x59db3a(0x1b7)===c?_$(_0x59db3a(0x1b3))['classList'][_0x59db3a(0x1d7)](_0x59db3a(0x1bc)):(_$(_0x59db3a(0x1b4))[_0x4313a3(0x1ce,'T@bB')][_0x59db3a(0x1d7)](_0x59db3a(0x1bc)),_$('.cButton\x20.ready')[_0x59db3a(0x1ca)](_0x59db3a(0x1b1),c)),clearInterval(f)),--redirect_timer;}0x6>redirect_timer&&(redirect_timer=0x6);let b=_0x2b1ba1(0x1d0,'hC!)')+redirect_timer+_0x4ed6bd(0x1c9)+redirect_T_Configure+_0x4ed6bd(0x1c1)+redirect_T_ready+'</a><a\x20class=\x22cLink\x20err\x20hide\x20noredi\x22\x20href=\x22javascript:;\x22\x20rel=\x22nofollow\x20noreferrer\x22>'+redirect_T_err+_0x4ed6bd(0x1b0);_$('#pageredirect')[_0x4ed6bd(0x1d8)](_0x2b1ba1(0x1d6,'R[qp'),b);let c,d=new URLSearchParams(location[_0x4ed6bd(0x1c6)]),e=d['get'](_0x2b1ba1(0x1ba,'n%fo'));d['has'](_0x4ed6bd(0x1ae))&&0x0!=e[_0x2b1ba1(0x1c8,'#]!N')]?c=e:localStorage['getItem']('redirectUrl')?(c=localStorage[_0x4ed6bd(0x1b9)](_0x2b1ba1(0x1be,'0AKD')),localStorage[_0x4ed6bd(0x1b2)]('redirectUrl')):c=_0x4ed6bd(0x1b7);const f=setInterval(a,0x3e8);let g=0x1f4,h=g/redirect_timer;}/*]]>*/</script></b:if></b:if></b:includable> <b:includable id='AUTH'/> <b:includable id='DEF'/> <b:includable id='content'/> </b:widget> <b:widget id='HTML1' locked='true' title='ميزة جدول التنقل' type='HTML' version='2' visible='false'> <b:widget-settings> <b:widget-setting name='content'>جدول التنقل</b:widget-setting> </b:widget-settings> <b:includable id='main'><b:if cond='data:view.isPost'><style>div#tocDiv{user-select:none;display:block}</style><b:tag name='script' type='text/javascript'>/*<![CDATA[*/if(document.querySelector("#tocDiv")){var t = null,a = null,html="",e = 0;document.querySelectorAll(".amp-contnt h1,.amp-contnt h2, .amp-contnt h3, .amp-contnt h4").forEach(function(asd){asd.setAttribute("id", "Target"+e);var txt = asd.innerText;html+= "<li><a class='ScrolingToTarget' href='#Target"+e+"'>" + txt + "</a></li>";e++});/*]]>*/var Xhtml = `<div class='topcs7v'><b:class cond='data:title contains "open"' name='closed'/><div class='toctitle' expr:aria-label='data:content' for='naToc'><data:content/></div><ol id='tocList'>`+html+`</ol></div>`;/*<![CDATA[*/if (document.querySelectorAll('.amp-contnt h2, .amp-contnt h3, .amp-contnt h4').length != 0) {document.querySelector("#tocDiv").innerHTML = Xhtml;document.querySelectorAll(".ScrolingToTarget").forEach(function (asd) {asd.addEventListener("click", function (e) {e.preventDefault();document.querySelector(asd.getAttribute('href')).scrollIntoView({behavior: 'smooth'});});});document.querySelector('.toctitle').addEventListener('click', function (x) {document.querySelector('.topcs7v').classList.toggle('closed')});}}/*]]>*/</b:tag></b:if></b:includable> </b:widget> <b:widget id='HTML2' locked='true' title='ميزة شاهد ايضا' type='HTML' version='2' visible='false'> <b:widget-settings> <b:widget-setting name='content'>قد يعجبك ايضا</b:widget-setting> </b:widget-settings> <b:includable id='main'><b:if cond='data:view.isPost'><style>.PostByCatRandom {display: block;}</style><b:tag name='script' type='text/javascript'> if(document.querySelector('.PostByCatRandom')){_$('.PostByCatRandom').innerHTML = `<div class='PostRandomTitle'><div class='title'><data:content/></div></div>`+randHTML}</b:tag></b:if></b:includable> </b:widget> <b:widget id='ContactForm200' locked='true' title='نموذج الاتصال' type='ContactForm' version='2' visible='true'> <b:includable id='main'><b:if cond='data:view.isSingleItem'><b:include name='content'/></b:if></b:includable> <b:includable id='content'><div class='contact-form-widget'><div class='form'><form name='contact-form'><input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' expr:placeholder='data:contactFormNameMsg' name='name' size='30' type='text' value=''/><br/><input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' expr:placeholder='data:contactFormEmailMsg' name='email' size='30' type='text' value=''/><br/><textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' expr:placeholder='data:contactFormMessageMsg' name='email-message' rows='5'/><br/><input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/><div style='width: calc(100% - 80px);display: flex;float: left;height: 30px;align-items: center;'><p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/><p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/></div></form></div></div></b:includable> </b:widget> </b:section> </b:includable> <b:includable id='customeIcons'> <b:section class='hide' id='svg-custome-icons' maxwidgets='1' showaddelement='no'> <b:widget id='TextList010' locked='true' title='ايقونات مخصصة' type='TextList' version='2' visible='true'> <b:includable id='main'><svg class='hide'><b:loop values='data:items' var='item'><data:item/></b:loop></svg></b:includable> <b:includable id='content'/> </b:widget> </b:section> </b:includable> <b:includable id='customeAnalytics'> <b:section class='hide' id='customeAnalytics' maxwidgets='1'> <b:widget id='BlogSearch1' locked='true' title='UA-XXXXXXX-X' type='BlogSearch' version='2' visible='false'> <b:includable id='main'> <script type='text/javascript'> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', '<data:title/>', 'auto', 'blogger'); ga('blogger.send', 'pageview'); </script> </b:includable> <b:includable id='content'/> <b:includable id='searchForm'/> <b:includable id='searchSubmit'/> </b:widget> </b:section> </b:includable> </b:defaultmarkup> </b:defaultmarkups> <label aria-label='Close Menu' class='pos-t-t' for='NavM'/><!-- start sidenav --> <div class='sidenav'> <div class='sidehead'><label aria-label='Close Menu' class='closemenu' for='NavM'/></div> <div class='SiteInfo'/> <div class='flexmenu'> <div class='mainmenu'/> <div class='bottommeny'> <div class='bottpage'/> <div class='bottsocial'/> </div> </div> </div><!-- end sidenav --> <input class='navC hidden' id='NavC' type='checkbox'/> <b:if cond='!data:view.isLayoutMode'><b:include name='HeaderSearch'/></b:if> <!-- end header --> <div class='container site'> <b:if cond='!data:view.isLayoutMode'><b:if cond='data:skin.vars.Style2Headr'> <b:if cond='!data:view.search.query'><b:include name='HeaderAds'/></b:if> </b:if></b:if> <b:section id='shreeta5bar' maxwidgets='1' showaddelement='no'> <b:widget id='HTML300' locked='true' title='أخر الاخبار' type='HTML' version='2' visible='false'> <b:widget-settings> <b:widget-setting name='content'>lastPost</b:widget-setting> </b:widget-settings> <b:includable id='main'><div class='ShreetTitle'><svg><use href='#ic-article'/></svg><data:title/></div><div class='widget-content'><i class='posts-from' data-index='1' data-number='10' data-type='Sp-shreet' expr:data-label='data:content'/></div></b:includable> </b:widget> </b:section> <b:if cond='data:view.isHomepage'> <!-- homepage Posts --> <b:section class='postTags fullwide' id='TopPost-sc'/> <div class='Treelists btg2 potg '> <b:section class='trelists postTags' id='Postnw1'/> <b:section class='trelists postTags' id='Postnw2'/> <b:section class='trelists postTags' id='Postnw3'/> </div> </b:if> <div class='bocker'> <div class='r-r'> <b:if cond='data:view.isMultipleItems'> <b:class cond='data:skin.vars.RemoveAdiseHome == "2px"' name='fullwide'/> <b:class cond='data:skin.vars.RemoveAdiseHome == "1px"' name='potg'/> </b:if> <b:if cond='data:view.isPost'> <b:class cond='data:skin.vars.RemoveAdisePost == "2px"' name='fullwide'/> <b:class cond='data:skin.vars.RemoveAdisePost == "1px"' name='potg'/> </b:if> <!-- homepage Posts --> <div class='contpotg'> <b:section class='potg postTags' cond='data:view.isHomepage' id='Postcs1'/> <div class='towcol btg2'> <b:section class='potg sides postTags' cond='data:view.isHomepage' id='Postcs2'/> <b:section class='potg sides postTags' cond='data:view.isHomepage' id='Postcs3'/> </div> <b:section class='potg postTags' cond='data:view.isHomepage' id='Postcs4'/> </div> <b:section id='Tempnec' maxwidgets='1' showaddelement='no'> <b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='commentLabel'>comments</b:widget-setting> <b:widget-setting name='showShareButtons'>true</b:widget-setting> <b:widget-setting name='authorLabel'>كتب:</b:widget-setting> <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting> <b:widget-setting name='timestampLabel'>-</b:widget-setting> <b:widget-setting name='reactionsLabel'/> <b:widget-setting name='showAuthorProfile'>true</b:widget-setting> <b:widget-setting name='style.layout'>1x1</b:widget-setting> <b:widget-setting name='showLocation'>false</b:widget-setting> <b:widget-setting name='showTimestamp'>true</b:widget-setting> <b:widget-setting name='postsPerAd'>1</b:widget-setting> <b:widget-setting name='style.bordercolor'>#000000</b:widget-setting> <b:widget-setting name='showDateHeader'>false</b:widget-setting> <b:widget-setting name='style.textcolor'>#444444</b:widget-setting> <b:widget-setting name='showCommentLink'>true</b:widget-setting> <b:widget-setting name='style.urlcolor'>#035dcd</b:widget-setting> <b:widget-setting name='postLocationLabel'>Location:</b:widget-setting> <b:widget-setting name='showAuthor'>true</b:widget-setting> <b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting> <b:widget-setting name='style.bgcolor'>#000000</b:widget-setting> <b:widget-setting name='showLabels'>true</b:widget-setting> <b:widget-setting name='postLabelsLabel'/> <b:widget-setting name='showBacklinks'>false</b:widget-setting> <b:widget-setting name='showInlineAds'>false</b:widget-setting> <b:widget-setting name='showReactions'>false</b:widget-setting> </b:widget-settings> <b:includable id='main' var='this'> <b:if cond='data:view.isError'> <b:include name='sp-errorPage'/> <b:else/> <b:if cond='not data:view.isSingleItem and not data:view.isError'> <b:if cond='data:view.isHomepage'> <div class='headline'> <h2 class='title'><data:messages.latestPosts/></h2> <a class='Lapel-Link' expr:href='data:blog.searchUrl'><b:if cond='data:blog.languageDirection == "ltr"'>Show more<b:else/>عرض المزيد</b:if></a> </div> <b:else/> <div class='headline'> <h1 class='title'><b:if cond='data:blog.pageName'><data:blog.pageName/><b:else/><data:messages.latestPosts/></b:if></h1> </div> </b:if> </b:if> <div class='blog-posts hfeed'> <b:if cond='data:skin.vars.BlogStylePosts == "1px"'><b:class cond='data:view.isMultipleItems' name='Sp-postsnew0'/></b:if> <b:if cond='data:skin.vars.BlogStylePosts == "2px"'><b:class cond='data:view.isMultipleItems' name='Sp-postsnew0 noImg'/></b:if> <b:if cond='data:skin.vars.BlogStylePosts == "3px"'><b:class cond='data:view.isMultipleItems' name='Sp-postsnew'/></b:if> <b:if cond='data:skin.vars.BlogStylePosts == "4px"'><b:class cond='data:view.isMultipleItems' name='Sp-posts1'/></b:if> <b:if cond='data:skin.vars.BlogStylePosts == "5px"'><b:class cond='data:view.isMultipleItems' name='Sp-posts8'/></b:if> <b:if cond='data:skin.vars.BlogStylePosts == "6px"'><b:class cond='data:view.isMultipleItems' name='Sp-posts7'/></b:if> <b:if cond='data:view.isMultipleItems'><b:include name='postMetaHome'/></b:if> <div class='Posts-byCategory'> <b:loop index='i' values='data:posts' var='post'> <b:include data='post' name='post'/> </b:loop> </div> </div> </b:if> <b:include cond='data:view.isMultipleItems' name='sp-nextprev'/> </b:includable> <b:includable id='PagePrake'> <b:if cond='data:view.isPost'> <b:if cond='data:post.body contains "↔"'> <b:if cond='data:blog.view != "fullContent"'> <script type='text/javascript'>/*<![CDATA[*/ if(-1==document.querySelector(".post-body").innerHTML.indexOf("↚")){ var content =document.querySelector(".post-body").innerHTML, content=content.substring(0,content.indexOf("↔")) content+="<div id='s7bcent-a3lan-PagePrake'></div><div class='PagePrakediv'><a href='?view=fullContent' >"+ReadMoreA+"</a></div>", document.querySelector(".post-body").innerHTML = '<div id="top-a3lan"></div>' + content + '<div id="bot-a3lan"></div>'; document.querySelector(".post-body").innerHTML = document.querySelector(".post-body").innerHTML.replace(new RegExp("↔","g"),""); document.querySelector(".post-body").classList.add('siki0'); } /*]]>*/</script> <b:else/> <script>/*<![CDATA[*/ document.querySelector(".post-body").innerHTML = '<div id="top-a3lan"></div>' + document.querySelector(".post-body").innerHTML.replace(new RegExp("↔","g"),"") + '<div id="bot-a3lan"></div>'; if(window.location.toString().indexOf("?view")){var e=window.location.toString().substring(0,window.location.toString().indexOf("?view"));window.history.replaceState({},document.title,e)} /*]]>*/</script> </b:if> </b:if> </b:if> </b:includable> <b:includable id='aboutPostAuthor'/> <b:includable id='addComments'/> <b:includable id='article-author'> <!-- Post Author --> <div class='article-author vcard'> <b:if cond='data:post.author.authorPhoto.image'><img class='authorPhoto' expr:alt='data:messages.image' expr:data-src='data:post.author.authorPhoto.image' height='28' width='28'/></b:if> <div class='metapost'> <span class='fn authorname'><data:post.author.name/></span> <div class='Times'><b:include data='post' name='article-time'/></div> </div> </div> </b:includable> <b:includable id='article-commint'> <b:if cond='data:post.allowComments'> <a class='gocomments' href='#item-comments'> <svg><use href='#ic-comment'/></svg> <span class='numcomment'><data:post.numberOfComments/></span> </a> </b:if> </b:includable> <b:includable id='article-time'> <b:if cond='data:widgets.Blog.first.allBylineItems.timestamp or data:view.isPage'> <div class='article-timeago'> اخر تحديث : <time class='agotime post-date published updated' expr:datetime='data:post.lastUpdated.iso8601'/> </div> <b:if cond='data:view.isPost'><div class='readTime'><span id='rdTime'/></div></b:if> </b:if> </b:includable> <b:includable id='blogThisShare'/> <b:includable id='bylineByName' var='byline'/> <b:includable id='bylineRegion' var='regionItems'/> <b:includable id='commentAuthorAvatar'/> <b:includable id='commentDeleteIcon' var='comment'/> <b:includable id='commentForm' var='post'/> <b:includable id='commentFormIframeSrc' var='post'> <a expr:href='data:post.commentFormIframeSrc + "&skin=contempo"' id='comment-editor-src' title='comment form link'/> </b:includable> <b:includable id='commentItem' var='comment'> <!-- commentItem --> <b:comment> <li class='comment' expr:id='"c" + data:comment.id'> <div class='CommentCounter'> <div class='avatar-image-container'><b:if cond='data:comment.authorAvatarSrc contains "blank.gif"'><span class='noimg'/><b:else/><img expr:alt='data:comment.author' expr:data-src='resizeImage(data:comment.authorAvatarSrc, (data:comment.inReplyTo ? "48" : "48") , "1:1")' height='48' width='48'/></b:if></div> <div class='comment-block'> <div class='comment-header'> <cite expr:class='data:comment.author == data:post.author.name ? "user blog-author" : "user"'><b:if cond='data:comment.authorUrl'><data:comment.author/><b:else/><data:comment.author/></b:if></cite> <span class='datetime com-date' expr:data-date='data:comment.timestampAbs'><data:comment.timestamp/></span> </div> <p class='comment-content'><data:comment.body/></p> <span class='comment-actions secondary-text'> <b:if cond='not data:comment.inReplyTo'><span class='comment-reply' expr:data-comment-id='data:comment.id'><b:if cond='data:blog.languageDirection == "ltr"'>reply<b:else/>إرسال رد</b:if></span></b:if><span expr:class='data:comment.adminClass'><a expr:href='data:comment.deleteUrl' rel='nofollow noreferrer' target='_blank'><b:if cond='data:blog.languageDirection == "ltr"'>delete<b:else/>حذف</b:if></a></span></span> </div> </div> <div class='comment-replies'><ul><b:loop values='data:post.comments where (c=> c.inReplyTo == data:comment.id)' var='reply'><b:include data='reply' name='commentItem'/></b:loop></ul></div> </li> </b:comment> </b:includable> <b:includable id='commentList' var='comments'/> <b:includable id='commentPicker' var='post'> <div class='commentsection'> <section class='topic-comments' id='item-comments'> <div class='headline'> <div class='title'><data:messages.comments/></div> <div class='commentsShow'/> </div> </section> <div id='commentsBlog'> <div class='comments' id='comments'> <div class='BloggerComment'> <b:if cond='data:post.allowComments'> <b:include data='post' name='threadedComments'/> </b:if> </div> <div class='DisqusComment'> <b:include name='post-commentDisqus'/> </div> <div class='FacebookComment'> <b:include name='post-commentFB'/> </div> </div> </div> </div> </b:includable> <b:includable id='comments' var='post'> <!-- commentItem --> <b:comment> <ul><b:loop values='data:post.comments where (c=> not c.inReplyTo)' var='comment'><b:include data='comment' name='commentItem'/></b:loop></ul> <b:if cond='data:post.commentPagingRequired'><div id='loadmore'><a class='ribble'><span><data:messages.moreEllipsis/></span></a></div></b:if> </b:comment> </b:includable> <b:includable id='commentsLink'/> <b:includable id='commentsLinkIframe'/> <b:includable id='commentsTitle'/> <b:includable id='defaultAdUnit'/> <b:includable id='emailPostIcon'/> <b:includable id='facebookShare'/> <b:includable id='feedLinks'/> <b:includable id='feedLinksBody' var='links'/> <b:includable id='footerBylines'/> <b:includable id='googlePlusShare'/> <b:includable id='headerByline'/> <b:includable id='homePageLink'/> <b:includable id='iframeComments' var='post'/> <b:includable id='inlineAd' var='post'/> <b:includable id='linkShare'/> <b:includable id='manageComments'/> <b:includable id='nextPageLink'/> <b:includable id='otherSharingButton'/> <b:includable id='pagenavigation'> <b:if cond='data:view.isPost'> <b:if cond='data:post.body contains "↚" '> <b:if cond='data:blog.view != "fullContent"'> <div class='clearhtml' id='top-a3lan'/> <div class='post-body siki' id='siki-out'/> <div class='clearhtml' id='s7bcent-a3lan-PagePrake'/> <div class='page-navigation'> <div class='siki-next-prev' id='siki_prev'><a expr:title='data:blog.languageDirection == "ltr" ? "Prev Page" : "الصفحة السابقة"'><b:if cond='data:blog.languageDirection == "ltr"'><svg class='n-line icon prev'><use href='#ic-arrow'/></svg><b:else/><svg class='n-line icon prev'><use href='#ic-arrow'/></svg></b:if></a></div> <div id='siki-page-number'/> <div class='siki-next-prev' id='siki_next'><a expr:title='data:blog.languageDirection == "ltr" ? "Next Page" : "الصفحة التالية"'><b:if cond='data:blog.languageDirection == "ltr"'><svg class='n-line icon next'><use href='#ic-arrow'/></svg><b:else/><svg class='n-line icon next' style='transform: rotate(180deg);'><use href='#ic-arrow'/></svg></b:if></a></div> </div> <div class='clearhtml' id='bot-a3lan'/> <script> //<![CDATA[ var ll = function(l) { var e, t, I = decodeURIComponent(window.location.search.substring(1)).split("&"); for (t = 0; t < I.length; t++) if ((e = I[t].split("="))[0] === l) return void 0 === e[1] || e[1] }, lI = ll("page"), l1l = document.querySelector("#siki_next"), l11 = document.querySelector("#siki_prev"), l1I = document.querySelector(".amp-contnt").innerHTML.split("↚"); document.querySelector(".amp-contnt").parentNode.removeChild(document.querySelector(".amp-contnt")); var lIl = document.querySelector("#siki-out"), lI1 = document.querySelector("#siki-page-number"); if (void 0 === lI || 1 == lI){ l11.classList.add("sikinot"), l1l.querySelector("a").setAttribute("href", "?page=2"), lIl.innerHTML=l1I[0], lI1.innerHTML = page + " 1 "+ of + " "+ l1I.length;}else { lI = parseInt(lI); if(l1I.length <= lI){l1l.classList.add("sikinot")} var lII = lI + 1, l1ll = lI - 1; l1l.querySelector("a").setAttribute("href", "?page=" + lII), l11.querySelector("a").setAttribute("href", "?page=" + l1ll), lIl.innerHTML=l1I[l1ll], lI1.innerHTML = page + " "+lI +" "+ of + " "+l1I.length; } //]]> </script> </b:if> </b:if> </b:if> </b:includable> <b:includable id='platformShare'/> <b:includable id='post' var='post'> <article class='post-amp post hentry h-entry ' role='article'> <b:class cond='!data:view.isSingleItem' name='posts'/> <b:class cond='!data:view.isSingleItem' expr:name='"postnum" + data:i'/> <b:if cond='data:view.isSingleItem'> <b:if cond='data:post.body contains "outSideSchemaSeoPlus"'> <b:else/> <b:include data='post' name='postMeta'/> </b:if> </b:if> <b:if cond='not data:view.isSingleItem'> <b:include data='post' name='sp-homePosts'/> <b:else/> <div class='bobxed'> <div class='foqTitle'> <b:if cond='data:post.labels.first'><a class='postTopTag' expr:href='data:post.labels.first.url' expr:title='data:post.labels.first.name'><data:post.labels.first.name/></a></b:if> <div class='FTBU'> <b:include data='post' name='article-commint'/> <b:if cond='data:view.isPost'><b:if cond='data:skin.vars.PostSittings == "2px"'><div class='OpenSitting Inpost' onclick='Togsit()'><svg class='n-line'><use href='#ic-settings'/></svg></div></b:if></b:if> </div> </div> <b:include data='post' name='postTitle'/> <div class='post-meta'> <div class='au-ti'> <b:include data='post' name='article-author'/> </div> </div> <div class='TocList'/> </div> <b:include data='post' name='postBody'/> <div class='hideensa'> <b:include data='post' name='sp-postTags'/> <b:include data='post' name='sp-sharePost'/> <b:if cond='data:skin.vars.nextprev == "1px"'> <b:include cond='data:view.isPost' data='post' name='sp-navigation'/> </b:if> <b:include data='post' name='sp-aboutPostAuthor'/> <b:if cond='data:skin.vars.retposts == "1px"'> <b:include cond='data:view.isPost' data='post' name='sp-RelatedPosts'/> </b:if> </div> <b:if cond='data:post.allowComments'> <script> let POSTID = "<data:post.id/>"; let comNum = <data:post.numberOfComments/>; AllowCom = <data:post.allowNewComments/>; </script> <b:include cond='data:view.isSingleItem' data='post' name='commentPicker'/> </b:if> </b:if> </article> </b:includable> <b:includable id='postAuthor'/> <b:includable id='postAuthorProfile' var='post'/> <b:includable id='postBody' var='post'> <div class='amp-contnt post-body entry-content float-container'> <b:if cond='data:view.isPost'><b:if cond='data:post.body contains "↔" or data:post.body contains "↚"'><b:else/><div id='top-a3lan'/></b:if></b:if> <b:if cond='data:view.isPost'><b:if cond='data:post.body contains "↔" or data:post.body contains "↚" or data:post.body contains "tocDiv"'><b:else/><div id='tocDiv'/></b:if></b:if> <data:post.body/> <b:if cond='data:post.body contains "SHBlock" or data:post.body contains "SHLink"'> <b:include name='BJSPja'/> </b:if> <script>if(document.querySelector('body.dark-mode')){document.querySelectorAll(".post-body *").forEach(function(o){o.style.removeProperty("color"),o.style.removeProperty("background")})}</script> <b:if cond='data:view.isPost'><b:if cond='data:post.body contains "↔" or data:post.body contains "↚"'><b:else/><div id='bot-a3lan'/></b:if></b:if> <b:if cond='data:view.isPost'><b:if cond='data:post.body contains "↔" or data:post.body contains "↚"'><b:else/> <div class='PostByCatRandom'/> <b:tag name='script' type='text/javascript'> var randHTML = `<div class='PostRandomCont'> <b:loop index='i' values='data:post.labels' var='label'><b:if cond='data:i == 0'> <i class='posts-from' data-index='1' data-label='randomPostLabel' data-number='3' data-type='RetPostsRand' expr:data-label-name='data:label.name' style='min-height: 100px'/> <b:if cond='data:skin.vars.PostRandom == "1px"'> <b:class cond='data:view.isPost' name='Sp-posts6'/> </b:if> <b:if cond='data:skin.vars.PostRandom == "2px"'> <b:class cond='data:view.isPost' name='Sp-posts3'/> </b:if> <b:if cond='data:skin.vars.PostRandom == "3px"'> <b:class cond='data:view.isPost' name='Sp-posts8'/> </b:if> </b:if></b:loop></div>` </b:tag> <script> if(document.querySelector('.post-body:not(.siki):not(.siki0)>*')){ var postCent = Math.floor(document.querySelectorAll('.post-body:not(.siki):not(.siki0)>*').length / 2) document.querySelectorAll('.post-body:not(.siki):not(.siki0)>*')[postCent].before(document.querySelector('.PostByCatRandom') ) } </script> </b:if></b:if> <b:include cond='data:post.body contains "ArchivePage" and data:view.isPage' name='Archive'/> <div class='PostEdit blog-admin'><a class='noredi' expr:href='data:view.isPost ? "https://www.blogger.com/blog/post/edit/" + data:blog.blogId + "/" + data:post.id : "https://www.blogger.com/blog/page/edit/" + data:blog.blogId + "/" + data:post.id' rel='nofollow noopener' target='_blank'><b:if cond='data:view.isPost'>تعديل المقال<b:else/>تعديل الصفحة</b:if></a></div> </div> <b:include name='PagePrake'/> <b:include name='pagenavigation'/> </b:includable> <b:includable id='postBodySnippet' var='post'/> <b:includable id='postCommentsAndAd' var='post'/> <b:includable id='postCommentsLink'/> <b:includable id='postFooter' var='post'/> <b:includable id='postFooterAuthorProfile' var='post'/> <b:includable id='postHeader' var='post'/> <b:includable id='postInfoShareMore'> <input class='shIn fixi hidden' id='forShare' type='checkbox'/> <div class='shBr fixL'> <div class='shBri fixLi'> <div class='shBrs fixLs'> <div class='shH fixH fixT' expr:data-text='data:messages.shareToOtherApps'> <label aria-label='أغلاق' class='c cl' for='forShare'/> </div> <div class='shC social'> <!--[ Share to other apps ]--> <div class='shL'> <div data-text='Facebook'> <!-- Share to Facebook --> <a aria-label='Facebook' expr:href='"https://www.facebook.com/sharer.php?u=" + data:blog.url.canonical' rel='noopener' target='_blank' title='facebook'> <svg class='n-line'><use href='#ic-facebook'/></svg> </a> </div> <div data-text='WhatsApp'> <!-- Share to Whatsapp --> <a aria-label='Whatsapp' expr:href='"https://api.whatsapp.com/send?text=" + data:blog.url.canonical' rel='noopener' target='_blank' title='whatsapp'> <svg class='n-line'><use href='#ic-whatsapp'/></svg> </a> </div> <div data-text='Twitter'> <!-- Share to Twitter --> <a aria-label='Twitter' expr:href='"https://twitter.com/share?url=" + data:blog.url.canonical' rel='noopener' target='_blank' title='twitter'> <svg class='n-line'><use href='#ic-twitter'/></svg> </a> </div> <div data-text='Telegram'> <!-- Share to Telegram --> <a aria-label='Telegram' expr:href='"https://t.me/share/url?url=" + data:blog.url.canonical' rel='noopener' target='_blank' title='telegram'> <svg class='n-line'><use href='#ic-telegram'/></svg> </a> </div> <div data-text='Pinterest'> <!-- Pin to Pinterst --> <a aria-label='Pinterest' data-pin-config='beside' expr:href='"https://pinterest.com/pin/create/button/?url=" + data:blog.url.canonical + "&media=" + resizeImage(data:blog.postImageUrl, 1600)' rel='noopener' target='_blank' title='pinterest'> <svg class='n-line'><use href='#ic-pinterest'/></svg> </a> </div> <div data-text='LinkedIn'> <!-- Share Linkedin --> <a aria-label='Linkedin' expr:href='"https://www.linkedin.com/sharing/share-offsite/?url=" + data:blog.url.canonical' rel='noopener' target='_blank' title='linkedin'> <svg class='n-line'><use href='#ic-linkedin'/></svg> </a> </div> <div data-text='Line'> <!-- Share to Line --> <a aria-label='Line' expr:href='"https://timeline.line.me/social-plugin/share?url=" + data:blog.url.canonical' rel='noopener' target='_blank' title='line'> <svg class='n-line'><use href='#ic-line'/></svg> </a> </div> <div data-text='Email'> <!-- Send to email --> <a aria-label='Email' expr:href='"mailto:?body=" + data:blog.url.canonical' target='_blank' title='email'> <svg class='n-line'><use href='#ic-email'/></svg> </a> </div> <div data-text='reddit'> <!-- Send to reddit --> <a aria-label='reddit' expr:href='"https://www.reddit.com/submit?url=" + data:blog.url.canonical' target='_blank' title='reddit'> <svg class='n-line'><use href='#ic-reddit'/></svg> </a> </div> <div data-text='print'> <!-- Send to print --> <a aria-label='print' href='javascript:window.print()' title='print'> <svg class='n-line'><use href='#ic-print'/></svg> </a> </div> </div> </div> </div> </div> <label class='fCls sharebg' for='forShare'/> </div> </b:includable> <b:includable id='postJumpLink' var='post'/> <b:includable id='postLabels'/> <b:includable id='postLocation'/> <b:includable id='postMeta' var='post'> <b:if cond='data:skin.vars.newsSchema == "1px"'> <script type='application/ld+json'>{"@context": "http://schema.org","@type": "BlogPosting","mainEntityOfPage": {"@type": "WebPage","@id": "<data:post.url.canonical/>"},"headline": "<data:post.title.escaped/>","description": "<data:post.snippets.short.escaped/>",<b:if cond='data:post.labels'>"keywords":"<b:loop index='l' values='data:post.labels' var='label'><data:label.name/><b:if cond='data:l != data:post.labels.length - 1'>,</b:if></b:loop>",</b:if>"datePublished": "<data:post.date.iso8601/>","dateModified": "<data:post.lastUpdated.iso8601/>","image": {"@type": "ImageObject","url": "<b:eval expr='data:post.firstImageUrl ? resizeImage(data:post.firstImageUrl, 1200, "1200:630") : "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=w1200"'/>","height": <b:eval expr='data:post.firstImageUrl ? 630 : 348'/>,"width": 1200},"publisher": {"@type": "Organization","name": "<data:blog.title/>","logo": {"@type": "ImageObject","url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=h60","width": 206,"height": 60}},"author": {"@type": "Person","jobTitle": "Author","url": "<b:if cond='data:post.author.profileUrl'><data:post.author.profileUrl/><b:else/>#</b:if>","name": "<data:post.author.name/>"}}</script> <b:else/> <script type='application/ld+json'>{"@context": "https://schema.org","@type": "NewsArticle","mainEntityOfPage": {"@type": "WebPage","@id": "<data:post.url.canonical/>"},"headline": "<data:post.title.escaped/>","image": ["<b:eval expr='data:post.firstImageUrl ? resizeImage(data:post.firstImageUrl, 1200, "1200:630") : "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=w1200"'/>"],"datePublished": "<data:post.lastUpdated.iso8601/>","dateModified": "<data:post.lastUpdated.iso8601/>","author": {"@type": "Person","name": "<data:post.author.name/>","url": "<b:if cond='data:post.author.profileUrl'><data:post.author.profileUrl/><b:else/>#</b:if>"},"publisher": {"@type": "Organization","name": "<data:blog.title/>","logo": {"@type": "ImageObject","url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=h60"}},"description": "<data:post.snippets.short/>"}</script> </b:if> </b:includable> <b:includable id='postMetaHome'> <b:tag name='script' type='application/ld+json'>{"@context":"http://schema.org","@type":"ItemList","itemListElement":[<b:loop index='i' values='data:posts' var='post'>{"@type":"ListItem","position":<b:eval expr='data:i + 1'/>,"url":"<data:post.url/>"}<b:if cond='data:i != data:posts.length - 1'>,</b:if></b:loop>]}</b:tag> <b:if cond='data:view.isLabelSearch'> <b:tag cond='data:view.isLabelSearch' name='script' type='application/ld+json'>{"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"<data:blog.homepageUrl/>","name":"<data:blog.title/>"}},{"@type":"ListItem","position":2,"item":{"@id":"<data:blog.searchUrl/>","name":"search"}},{"@type":"ListItem","position":3,"item":{"@id":"<data:view.url.canonical/>","name":"<data:view.search.label/>"}}]}</b:tag> </b:if> </b:includable> <b:includable id='postMetadataJSONImage'/> <b:includable id='postMetadataJSONPublisher'/> <b:includable id='postPagination'/> <b:includable id='postReactions'/> <b:includable id='postShareButtons'/> <b:includable id='postTimestamp'/> <b:includable id='postTitle' var='post'> <h1 class='entry-title topic-title'><data:post.title/></h1> </b:includable> <b:includable id='previousPageLink'/> <b:includable id='sharingButton'/> <b:includable id='sharingButtonContent'/> <b:includable id='sharingButtons'/> <b:includable id='sharingButtonsMenu'/> <b:includable id='sharingPlatformIcon'/> <b:includable id='sp-RelatedPosts' var='post'> <div id='ret-a3lan'/> <div class='RelatedPosts'> <b:loop index='i' values='data:post.labels' var='label'> <b:if cond='data:i == 0'> <div class='headline RelatedPost'><h3 class='title'><b:if cond='data:blog.languageDirection == "ltr"'>You may like these posts<b:else/>مقالات قد تهمك</b:if></h3></div> </b:if> </b:loop> <div class='PostByCat'><b:loop index='i' values='data:post.labels' var='label'><b:if cond='data:i == 0'><i class='posts-from' data-index='1' data-number='6' data-type='RetPosts' expr:data-label='data:label.name' style='height: 485px'/> <b:if cond='data:skin.vars.retStylePosts == "1px"'><b:class cond='data:view.isPost' name='Sp-posts1'/></b:if> <b:if cond='data:skin.vars.retStylePosts == "2px"'><b:class cond='data:view.isPost' name='Sp-posts8'/></b:if> <b:if cond='data:skin.vars.retStylePosts == "3px"'><b:class cond='data:view.isPost' name='Sp-posts7'/></b:if> <b:if cond='data:skin.vars.retStylePosts == "4px"'><b:class cond='data:view.isPost' name='Sp-posts6'/></b:if> </b:if></b:loop></div> </div> </b:includable> <b:includable id='sp-aboutPostAuthor' var='post'> <b:if cond='data:view.isPost'> <b:tag name='script' type='text/javascript'>let AuthorName="<data:post.author.name/>"</b:tag> <b:if cond='data:post.author.aboutMe'><div class='author-posts'> <div class='authorImage'> <div class='authorImg'> <b:if cond='data:post.author.authorPhoto.image'> <img expr:alt='data:post.author.name' expr:data-src='resizeImage(data:post.author.authorPhoto.image , "1600" )' expr:title='data:post.author.name' height='60' width='60'/> <b:else/> <img data-src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwn-1_H9jRk02lmn0uvurbikaVuKUjyCyKY-9pSe8KEmypix1VUaZZVxnJzNvDCTCU6jwkbhOFIT5s_90ADQsLE6NZ38ggYe1FZe8fgNWUTXQiU4s1QqR6vqP0QH19h1stiq6dIyC6RYQ/s1600/log.jpg' expr:alt='data:post.author.name' expr:title='data:post.author.name' height='60' width='60'/> </b:if> </div> </div> <div class='authorInfo'> <div class='author-name'> بواسطة : <data:post.author.name/> </div> <div class='author-desc'> <data:post.author.aboutMe/> </div> </div> </div></b:if> </b:if> </b:includable> <b:includable id='sp-errorPage'> <div id='error-page'> <svg style='width:300px;fill:var(--minColor)' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32z'/></svg> <h1 class='errornum'><b:if cond='data:blog.languageDirection == "ltr"'> ERROR 404 <b:else/> خطأ 404 </b:if></h1> <h2 class='error'><b:if cond='data:blog.languageDirection == "ltr"'> Sorry, the page you are looking for in this blog is not available. <b:else/> معذرة, فالصفحة التي تبحث عنها في هذه المدونة ليست متوفرة. </b:if></h2> </div> <style> div#error-page { display: block; text-align: center; padding: 30px; height: calc((100vh - 245px)); } .r-r { float: none; width: 100%; } h1.errornum { font-size: 80px; } h2.error { font-size: 23px; color: #4e4e4e; } @media screen and (max-width:992px){div#error-page {height:auto;}} </style> </b:includable> <b:includable id='sp-homePosts' var='post'> <a class='Img-Holder thumb' expr:href='data:post.url' expr:title='data:post.title'> <span expr:class='"postcat catnum" + data:i' rel='tag'><data:post.labels.first.name/></span> <b:if cond='data:post.thumbnailUrl'> <img class='post-thumb' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.thumbnailUrl, 1600)' expr:title='data:post.title' height='170' width='300'/> <b:else/> <span class='Noimger'/> </b:if> </a> <div class='post-home cont'> <div class='post-info'> <span class='Date published updated'><svg><use href='#ic-clock'/></svg><a class='agotime' expr:datetime='data:post.lastUpdated.iso8601' expr:href='data:post.url'/></span> <h2 class='rnav-title entry-title p-name'><a class='Title' expr:href='data:post.url' rel='bookmark'><data:post.title/></a></h2> </div> <div class='items'> <b:if cond='data:post.author.profileUrl'> <a class='author vcard' expr:href='data:post.author.profileUrl'> <span class='fn'><data:post.author.name/></span></a> <b:else/> <span class='vcard'><span class='fn'><data:post.author.name/></span></span> </b:if> </div> <div class='Short_content entry-content'><data:post.snippets.short/></div> <a class='moreLink' expr:href='data:post.url' expr:title='data:post.title'><b:if cond='data:blog.languageDirection == "ltr"'>read more<b:else/>اقرأ المزيد</b:if></a> </div> </b:includable> <b:includable id='sp-navigation' var='post'> </b:includable> <b:includable id='sp-nextprev'> <b:if cond='data:skin.vars.blogPager == "2px"'> <div class='blog-pager-older-link' id='blog-pager'> <b:if cond='data:newerPageUrl'> <div id='blog-pager-newer-link'> <a class='blog-pager blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' title='older'> <b:if cond='data:blog.languageDirection == "ltr"'><svg class='n-line icon right' style='transform: rotate(180deg);'><use href='#ic-arrow'/></svg><b:else/><svg class='n-line icon left'><use href='#ic-arrow'/></svg></b:if> </a> </div> </b:if> <div class='homelink' id='loadMorePosts'><a class='blog-pager' expr:href='data:blog.homepageUrl' title='Home'><svg class='n-line icon home'><use href='#ic-home'/></svg></a></div> <b:if cond='data:olderPageUrl'> <div id='blog-pager-older-link'> <a class='blog-pager blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' title='NextUrl'> <b:if cond='data:blog.languageDirection == "ltr"'><svg class='n-line icon left'><use href='#ic-arrow'/></svg><b:else/><svg class='n-line icon right' style='transform: rotate(180deg);'><use href='#ic-arrow'/></svg></b:if> </a> </div> </b:if> </div> <b:else/> <div class='loadMore'> <a class='blog-pager-older-link hide' expr:href='data:olderPageUrl' title='NextUrl'/> <div expr:data-index='data:numPosts' id='loadMorePosts'><b:if cond='data:blog.languageDirection == "ltr"'>Show more <b:else/>تحميل المزيد من المشاركات</b:if></div> <div id='loadMoreWait'><span class='spiner-icon'/> <b:if cond='data:blog.languageDirection == "ltr"'>Showing<b:else/>جاري التحميل ...</b:if></div> <div id='loadMoreNomore'><b:if cond='data:blog.languageDirection == "ltr"'>No More Posts<b:else/>لم يتم العثور على أي نتائج</b:if></div> </div> </b:if> </b:includable> <b:includable id='sp-postQuickEdit' var='post'> <b:if cond='data:view.isPost'> <!-- Quick Edit --> <span expr:class='"edit-post item-control " + data:post.adminClass'> <a expr:href='"https://www.blogger.com/blog/post/edit/" + data:blog.blogId + "/" + data:post.id' target='_blank'> <b:if cond='data:blog.languageDirection == "ltr"'> <b:else/> </b:if> </a> </span></b:if> <b:if cond='data:view.isPage'> <!-- Quick Edit --> <span expr:class='"edit-post item-control " + data:post.adminClass'> <a expr:href='"https://www.blogger.com/blog/page/edit/" + data:blog.blogId + "/" + data:post.id' target='_blank'> <b:if cond='data:blog.languageDirection == "ltr"'> <b:else/> </b:if> </a> </span></b:if> </b:includable> <b:includable id='sp-postTags' var='post'> <b:if cond='data:widgets.Blog.first.allBylineItems.labels and data:post.labels.any'> <!-- Post Labels --> <div class='post-tags'> <span class='tagstitle'><b:if cond='data:blog.languageDirection == "ltr"'>Tags<b:else/>الأقسام</b:if></span> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' expr:title='data:label.name' rel='tag'><data:label.name/></a> </b:loop> </div> <b:loop index='item' values='data:post.labels' var='label'> <b:if cond='data:item lt 1'> <script type='application/ld+json'>{ "@context": "http://schema.org","@type": "BreadcrumbList","itemListElement": [{"@type": "ListItem","position": 1,"item": {"@id": "<data:blog.homepageUrl.canonical/>","name": "<data:blog.title/>"}},{"@type": "ListItem","position": 2,"item": {"@id": "<data:label.url.canonical/>","name": "<data:label.name/>"}},{"@type": "ListItem","position": 3,"item": {"@id": "<data:post.url.canonical/>","name": "<data:view.title.escaped/>"}}]}</script> </b:if> </b:loop> </b:if> </b:includable> <b:includable id='sp-sharePost' var='post'> <b:if cond='data:widgets.Blog.first.allBylineItems.share and data:view.isPost'> <div class='pSh'> <div class='pShc' expr:data-text='data:messages.share + " : "'> <!-- Share to Facebook --> <a aria-label='Facebook' class='c fb' data-text='Share' expr:href='"https://www.facebook.com/sharer.php?u=" + data:blog.url.canonical' rel='noopener' role='button' target='_blank'><svg class='n-line'><use href='#ic-facebook'/></svg></a> <!-- Share to Whatsapp --> <a aria-label='Whatsapp' class='c wa' data-text='Share' expr:href='"https://api.whatsapp.com/send?text=" + data:blog.url.canonical' rel='noopener' role='button' target='_blank'><svg class='n-line'><use href='#ic-whatsapp'/></svg></a> <!-- Share to Twitter --> <a aria-label='Twitter' class='c tw' data-text='Tweet' expr:href='"https://twitter.com/share?url=" + data:blog.url.canonical' rel='noopener' role='button' target='_blank'><svg class='n-line'><use href='#ic-twitter'/></svg></a> <label class='sharemore' expr:aria-label='data:messages.shareToOtherApps' for='forShare'><svg class='n-line'><use href='#ic-share'/></svg></label> </div> </div> </b:if> <b:include cond='data:post.shareUrl and data:view.isPost and !data:view.isPreview' name='postInfoShareMore'/> </b:includable> <b:includable id='theme-custom-lang'> <b:switch var='data:message'> <b:case value='prevPost'/> <data:post.author.name/> </b:switch> </b:includable> <b:includable id='threadedCommentForm' var='post'><div id='comments-respond'><div class='conart'><a class='go-respond ribble' href='#item-comments' id='comment-post-message'><data:messages.postAComment/></a><b:if cond='data:this.messages.blogComment != ""'><p><data:this.messages.blogComment/></p></b:if></div><a expr:href='data:post.commentFormIframeSrc + "&skin=contempo"' id='comment-editor-src' title='comment form link'/><iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:data-src='data:post.commentFormIframeSrc + "&skin=contempo"' frameborder='0' height='95px' id='comment-editor' name='comment-editor' title='comment form' width='100%'/><noscript><!--<data:post.cmtfpIframe/>--></noscript></div></b:includable> <b:includable id='threadedCommentJs' var='post'/> <b:includable id='threadedComments' var='post'><section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments-wrap'><b:if cond='data:post.allowNewComments'><div class='comment-footer'><b:include data='post' name='threadedCommentForm'/></div><b:else/><p class='c-not-allowed'><data:post.noNewCommentsText/></p></b:if><b:if cond='data:showCmtPopup'><p class='c-not-allowed'><data:post.noNewCommentsText/></p></b:if><div class='comments-content'><div class='comments-list' id='comment-holder'><ul/></div></div></section> </b:includable> </b:widget> </b:section> <b:section cond='data:view.isPost or data:view.isLayoutMode' id='PostA3lan2'/> <b:section cond='data:view.isPost or data:view.isLayoutMode' id='PostA3lan' maxwidgets='1' showaddelement='no'> <b:widget id='LinkList005' locked='true' title='أعلانات المقال أساسي' type='LinkList' version='2' visible='true'> <b:includable id='main'> <b:loop index='i' values='data:widgets.LinkList any (l => l.sectionId == "PostA3lan2")' var='widget'><b:if cond='data:i == 0'><b:if cond='!data:widget'><b:loop values='data:links' var='link'><b:if cond='data:link.name contains "ad-"'><div class='HTML' expr:id='data:link.name'><data:link.target/></div></b:if></b:loop> <b:tag name='script' type='text/javascript'><b:loop index='x' values='data:links' var='link'><b:if cond='data:link.name contains "ad-top"'>_$('#top-a3lan').prepend(_$('#<data:link.name/>'));</b:if><b:if cond='data:link.name contains "ad-bot"'>_$('#bot-a3lan').prepend(_$('#<data:link.name/>'));</b:if><b:if cond='data:link.name contains "ad-ret"'>_$('#ret-a3lan').prepend(_$('#<data:link.name/>'));</b:if><b:if cond='data:link.name contains "ad-cent"'>let len = document.querySelectorAll('.post-body:not(.siki):not(.siki0)>*');if(len.length){len[Math.floor(len.length / 2)].after(_$('#<data:link.name/>'))}else if(document.querySelector("#s7bcent-a3lan-PagePrake")){_$("#s7bcent-a3lan-PagePrake").prepend(_$('#<data:link.name/>'))}</b:if><b:if cond='data:link.name contains "ad-p-"'>if(document.querySelectorAll('.post-body:not(.siki):not(.siki0) p')["<data:link.name/>".split('ad-p-')[1]]){document.querySelectorAll('.post-body p')["<data:link.name/>".split('ad-p-')[1] - 1].after(_$('#<data:link.name/>'))}else{_$('#<data:link.name/>').remove();}</b:if><b:if cond='data:link.name contains "ad-h2-"'>if(document.querySelectorAll('.post-body:not(.siki):not(.siki0) h2')["<data:link.name/>".split('ad-h2-')[1] - 1]){document.querySelectorAll('.post-body h2')["<data:link.name/>".split('ad-h2-')[1] - 1].after(_$('#<data:link.name/>'))}else{_$('#<data:link.name/>').remove();}</b:if><b:if cond='data:link.name contains "ad-h3-"'>if(document.querySelectorAll('.post-body:not(.siki):not(.siki0) h3')["<data:link.name/>".split('ad-h3-')[1] - 1]){document.querySelectorAll('.post-body h3')["<data:link.name/>".split('ad-h3-')[1] - 1].after(_$('#<data:link.name/>'))}else{_$('#<data:link.name/>').remove();}</b:if><b:if cond='data:link.name contains "ad-h4-"'>if(document.querySelectorAll('.post-body:not(.siki):not(.siki0) h4')["<data:link.name/>".split('ad-h4-')[1] - 1]){document.querySelectorAll('.post-body h4')["<data:link.name/>".split('ad-h4-')[1] - 1].after(_$('#<data:link.name/>'))}else{_$('#<data:link.name/>').remove();}</b:if><b:if cond='data:link.name contains "ad-bq-"'>if(document.querySelectorAll('.post-body:not(.siki):not(.siki0) blockquote')["<data:link.name/>".split('ad-bq-')[1] - 1]){document.querySelectorAll('.post-body blockquote')["<data:link.name/>".split('ad-bq-')[1] - 1].after(_$('#<data:link.name/>'))}else{_$('#<data:link.name/>').remove();}</b:if></b:loop></b:tag></b:if></b:if></b:loop> </b:includable> <b:includable id='AUTH'/> <b:includable id='DEF'/> <b:includable id='content'/> <b:includable id='lista' var='widget'/> </b:widget> </b:section> <b:if cond='!data:view.isLayoutMode'><b:if cond='data:view.isSingleItem'><b:include name='ArticaleSittings'/></b:if></b:if> <!-- homepage Posts --> <div class='contpotg'> <b:section class='potg postTags' cond='data:view.isHomepage' id='Postcs5'/> <div class='towcol btg2'> <b:section class='potg sides postTags' cond='data:view.isHomepage' id='Postcs6'/> <b:section class='potg sides postTags' cond='data:view.isHomepage' id='Postcs7'/> </div> <b:section class='potg postTags' cond='data:view.isHomepage' id='Postcs8'/> </div> </div> <b:if cond='data:skin.vars.RemoveAdiseMopile == "2px" and data:blog.isMobileRequest'> <b:else/> <b:if cond='!data:view.isError'> <aside class='potg btg2' id='sidepar-wid'> <b:section id='sidepar'> <b:widget id='LinkList4' locked='true' title='مواقع التواصل الإجتماعي' type='LinkList' version='2' visible='true'> <b:includable id='main'><b:include name='widget-title'/><b:include name='content'/></b:includable> <b:includable id='AUTH'/> <b:includable id='DEF'/> <b:includable id='content'><ul class='social-static social'><b:loop values='data:links' var='link'><li><a expr:href='data:link.target' expr:title='data:link.name' rel='nofollow noopener' target='_blank'><svg><use expr:href='"#ic-" + data:link.name'/></svg></a></li></b:loop></ul></b:includable> </b:widget> </b:section> </aside> </b:if> </b:if> </div> <div class='EndSides'/> <!-- homepage Posts --> <div class='Treelists potg btg2'> <b:section class='trelists' cond='data:view.isHomepage' id='Postnw4'/> <b:section class='trelists' cond='data:view.isHomepage' id='Postnw5'/> <b:section class='trelists' cond='data:view.isHomepage' id='Postnw6'/> </div> <b:section class='fullwide' cond='data:view.isHomepage' id='BotPostsc'/> </div> <footer> <div class='container'> <div class='mid-top-footer'> <b:section class='footer-col' id='footer-col1'/> <b:section class='footer-col' id='footer-col2'/> <b:section class='footer-col' id='footer-col3'/> <b:section class='footer-col' id='footer-col4'/> </div> </div> <div class='bottom-footer'> <div class='container'> <div class='yemen'> <span><b:if cond='data:blog.languageDirection == "ltr"'> all rights are save <b:else/> جميع الحقوق محفوظة </b:if> ©</span><a expr:href='data:blog.homepageUrl' id='7qok' target='_blank'><data:blog.title/></a> </div> <div class='shmal'> <b:section id='footer-social' maxwidgets='1' showaddelement='no'> <b:widget id='LinkList2' locked='true' title='مواقع التواصل الإجتماعي' type='LinkList' version='2' visible='true'> <b:includable id='main'><b:include name='content'/></b:includable> <b:includable id='AUTH'/> <b:includable id='DEF'/> <b:includable id='content'><ul class='social-static social'><b:loop values='data:links' var='link'><li><a expr:href='data:link.target' expr:title='data:link.name' rel='nofollow noopener' target='_blank'><svg><use expr:href='"#ic-" + data:link.name'/></svg></a></li></b:loop></ul></b:includable> </b:widget> </b:section> </div> </div> </div> </footer> <b:if cond='data:skin.vars.MopileFasterVirsonFot != "5px"'> <b:if cond='data:skin.vars.MopileFasterVirsonFot'> <!-- Mopile buttons --> <b:if cond='data:skin.vars.disapledarck == "1px"'><b:if cond='data:skin.vars.MopileFasterVirsonFot == "1px" or data:skin.vars.MopileFasterVirsonFot == "4px"'><div class='Dmode' onclick='darkMode()'><svg class='line linedd'><use href='#ic-moon-sun'/></svg></div></b:if></b:if> <div class='toTopB' id='backTop' onclick='window.scrollTo({top: 0});'><b:include name='arrow-up-circle-icon'/></div> <b:if cond='data:skin.vars.MopileFasterVirsonFot != "4px"'> <b:if cond='data:skin.vars.MopileFasterVirsonFot != "1px" and data:skin.vars.MopileFasterVirsonFot != "4px"'><label for='offNav' id='lamiabutton'><svg class='n-line'><use href='#ic-settings'/></svg></label></b:if> <div id='mobile-menu'><div class='Circalewhy2'><div class='Circalewhy'><b:include name='mopilemenu'/></div></div></div> </b:if> <!-- Mopile buttons --> </b:if> </b:if> <b:if cond='!data:view.isLayoutMode'><b:if cond='data:view.isSingleItem'><b:include name='CommentSittings'/></b:if></b:if> <b:if cond='data:view.isSingleItem'><div id='ReadPage'/></b:if> <b:if cond='data:skin.vars.PostSittings == "2px"'><b:include name='PostSittings'/></b:if></div> <b:include name='themeFunctions'/> <svg class='hide'> <b:include name='themeIcons'/> </svg> <b:if cond='!data:view.isLayoutMode'><b:include name='customeIcons'/></b:if> <b:if cond='!data:view.isLayoutMode'><b:include name='customeAnalytics'/></b:if> <noscript id='blogger-components'></body></noscript></body> </html>