http://www.web3-night.net/2016/06/INTERFACE-BLOGGER.html

تضاف للمدونة حسب الاتي
الاضافة بسيطة اتبع الخطوات التالية :-
طبعا المعاينة موجودة في السيدبار====>>>>>>>
- أضف الكود التالي تحت <body
<link href='https://754031b879c72a73a15bceba3950cba9a2543285.googledrive.com/host/0B1NQlV8aQ963dk5PczFETjZyX0U/font-web3-night.blogspot.com.css' rel='stylesheet' type='text/css'/>
<link href='//fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>
<b:if cond='data:blog.isMobileRequest == "false"'>
<style>
.contact {
background-color: #EE5454;
box-shadow: 0 3px 0 #D53B3B;
color: #FFF!important;
margin-top: 50px!important;
display: inline-block;
font-size: 20px!important;
padding: 8px 30px!important;
margin-right: 415px;
left:0px !important;
}
</style>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
ul{margin:0;padding:0}
body{background:url("https://3.bp.blogspot.com/-mEsDHRwPC5Q/VtfVjiCE0TI/AAAAAAAAFCo/GHvKorNXc4E/s1600/banner.jpg") no-repeat scroll 50% center / cover #EEE;color:#6E8092;font:15px/20px Droid Arabic Naskh,Arial,Helvetica,sans-serif}
li{display:list-item;text-align:-webkit-match-parent}
*{position:relative;list-style:none;text-decoration:none;margin:0;padding:0;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a{color:#6E8092;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,'alba-neo'}
.clear{clear:both}
.widget{margin:0}
.widget-item-control,.blog-feeds,.status-msg-body,.date-header,.post-feeds{display:none}
.widget .widget-item-control a img{display:none}
.widget li,.BlogArchive #ArchiveList ul.flat li{padding:0}
.widget ul{padding:0}
.content-outer,.header-outer,.tabs-outer,.main-outer,.main-inner,.footer-outer,.post,.comments,.widget,.date-header,.inline-ad{position:relative;min-height:0;_position:static;_height:1%}
.content-outer,.header-outer,.tabs-outer,.main-outer,.main-inner,.footer-outer,.post,.comments,.widget,.date-header,.inline-ad{position:relative;min-height:0;_position:static;_height:1%}
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,font,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-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}
.container:after{clear:both}
.container:before,.container:after{display:table;content:"";line-height:0}
.container{margin-left:auto;margin-right:auto}
.container{width:1170px}
#menu-2{display:none}
.widget,.section{margin:0;padding:0}
.Header h1{margin-bottom:0}
h1,h2,h3,h4,h5,h6{font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,'alba-neo';display:block;font-weight:bold}
#header-wrapper{position:relative;z-index:9;box-shadow:0 8px 0 -5px #E1E6E9;background:none repeat scroll 0% 0% #FFF;border-radius:15px;padding:0;margin-top:30px;float:right;width:100%}
#header{position:relative;display:inline-block;margin:0;float:right}
#nav{display:inline-block;margin:31px 0 0 80px;min-height:17px;float:left;width:50%}
ul.sf-menu li{font:18px/20px "Merienda One",Georgia,sans-serif;float:right;position:relative;margin-right:53px;padding:0 0 18px}
ul.sf-menu > li.current > a img,ul.sf-menu > li.sfHover > a img,ul.sf-menu > li > a:hover img{margin-top:-32px}
ul.sf-menu li.current a,ul.sf-menu li.sfHover a,ul.sf-menu li a:hover{color:#6BCFBD}
ul.sf-menu li a{position:relative;display:block;color:#6E8092;padding:0;text-align:center;z-index:1;height:30px;overflow:hidden;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,'alba-neo';font-size:20px;letter-spacing:-0.6px;font-weight:100}
ul.sf-menu li:before{position:absolute;display:inline-block;content:"";width:12px;height:28px;left:-31px;top:-3px;background:url("http://2.bp.blogspot.com/-QnuJnNsPBWs/VQaKlvS55MI/AAAAAAAAD9Y/bQPYn6dKJNg/s1600/menu_sep_line.png") no-repeat scroll 0 0 transparent}
.sf-menu li ul{left:-64px;top:45px;width:185px;z-index:99;background:none repeat scroll 0% 0% #66CDBB;border-radius:15px;padding:17px 16px 20px;box-sizing:border-box;position:absolute;display:none}
.sf-menu li ul ul {
right: 160px;
opacity: 0;
border-radius: 10px;
width: 168px;
z-index: 99;
background: none repeat scroll 0% 0% #FFF;
padding: 10px;
box-sizing: border-box;
position: absolute;
text-align: right;
direction: rtl;
margin-top: -30px;
}
.sf-menu li ul li:hover ul{display:block;opacity:1}
.sf-menu li ul ul li a{display:block;padding:5px 0;text-align:center;text-transform:lowercase;text-indent:0;margin:1px 0 0;color:#555}
.sf-menu li ul:before{position:absolute;display:inline-block;content:"";width:9px;height:5px;left:47%;top:-5px;background:url("http://1.bp.blogspot.com/-F48vwjHDq1M/VNQdLnmcZsI/AAAAAAAADxc/3H3n8jluUz8/s1600/submenu1_corner.png") no-repeat scroll 0 0 transparent}
.sf-menu li ul li{padding:10px!important;margin:0!important;width:100%;text-align:center}
.sf-menu li ul li:before{content:inherit!important}
.sf-menu li ul li a{display:block;color:#FFF;padding:0;text-align:center;text-transform:lowercase;text-indent:0;margin:0;font-weight:700;font-size:16px;letter-spacing:0}
.sf-menu li ul li a:hover{color:#FFF;background:none repeat scroll 0% 0% #363F45;text-decoration:none}
.sf-menu li:hover ul{display:block}
#search-button button.open{display:block;line-height:25px;border:0 none;color:#FFF;background-color:#85D7C9;cursor:pointer;position:absolute;top:24px;left:18px;font-size:20px;width:42px;height:38px;border-radius:6px;text-align:center}
#search-button button.remove{border:0 none;line-height:20px;width:42px;border-radius:6px;height:38px;font-size:20px;color:#FFF;background-color:#85D7C9;cursor:pointer;position:absolute;top:24px;left:18px;display:none;font-size:20px;font-weight:100}
#search-button button.open span{margin:0!important;padding:4px 0!important}
#search-bar{position:absolute;right:100%;display:none;left:60px;top:24px;width:94%}
#search-bar input{height:37px;background-color:#FFF;width:70%;z-index:999999999;position:absolute;border:1px solid #eee;padding:0 14px 0 0;text-align:center;border-radius:5px}
#search-button button.open span{text-align:center}
.index .slider_wrapper{text-align:center;background:url("https://3.bp.blogspot.com/-mEsDHRwPC5Q/VtfVjiCE0TI/AAAAAAAAFCo/GHvKorNXc4E/s1600/banner.jpg") no-repeat scroll 50% center / cover #EEE;margin-top:-110px}
.alba-text-c{padding:200px 60px 150px}
.ls-inner{background-image:url("http://themes.ishyoboy.com/boldial/wp/wp-content/uploads/2014/04/row-svg-diamonds.svg");background-repeat:no-repeat;background-size:cover}
.box1-color{min-height:350px;position:relative;padding:20px 0;background:#fff;text-align:center}
.ish-color10{fill:#FCD14C}
.ish-color6{fill:#75A7C0}
.alba-servec{overflow:hidden}
.ish-row-decor-top{top:-49px;width:100%;height:50px;position:absolute;z-index:98}
svg:not(:root){overflow:hidden}
.vc_col-sm-4{width:25%;float:right;padding:15px;box-sizing:border-box}
.wpb_wrapper{text-align:center}
.ish-sc_svg_icon.ish-hexagon_rounded svg{z-index:0;position:absolute;left:57px;float:none;overflow:hidden}
.ish-sc-element{position: relative;
overflow: hidden;text-align:center!important;float:none!important;padding:12px 0;margin:0 auto;font-size:20px;color:#6E8092}
.ish-sc_svg_icon.ish-square.ish-glow,.ish-sc_svg_icon.ish-circle.ish-glow,.ish-sc_svg_icon.ish-hexagon.ish-glow > span,.ish-sc_svg_icon.ish-hexagon.ish-glow a > span,.ish-sc_svg_icon.ish-hexagon_rounded.ish-glow > span,.ish-sc_svg_icon.ish-hexagon_rounded.ish-glow a > span{background-repeat:no-repeat;background-position:center center;background-size:auto 100%}
.ish-sc_svg_icon.ish-hexagon_rounded.ish-glow > span,.ish-sc_svg_icon.ish-hexagon_rounded.ish-glow a > span{background-image:url("https://googledrive.com/host/0B-3cyo_HIYMIU1BEaklLbmQ1U0E")}
.ish-sc_svg_icon.ish-hexagon_rounded span{position:relative;z-index:1;display:block;background-repeat:no-repeat;background-position:center center;margin:0 auto}
.ish-sc_svg_icon.ish-hexagon_rounded span span{background-size:55% 55%}
.ish-sc_svg_icon.ish-hexagon span,.ish-sc_svg_icon.ish-hexagon_rounded span{position:relative;z-index:1;display:block}
.ish-color1{fill:#495052}
.ish-color2{fill:#8B6C93}
.ish-color3{fill:#49C9AF}
.ish-color4{fill:#F35E78}
.ish-color5{fill:#F35E78}
.ish-color1{fill:#F35E78}
.ser-tex{letter-spacing:-0.5px;font-size:14px;line-height:24px;
font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular , 'alba-neo';}
.ish-separator-thin-bold{margin:25px auto!important;width:100%!important;border-top:1px solid #DEDEDE!important;position:relative!important;clear:both}
.ish-separator-thin-bold::before{content:"";position:absolute;top:-5px;left:0;width:70px;height:9px;left:50%;margin-left:-35px;background-color:#DEDEDE}
.contact{background-color:#EE5454;box-shadow:0 3px 0 #D53B3B;color:#FFF!important;margin-top:40px!important;display:inline-block;font-size:20px!important;padding:8px 30px!important}
.homepage-latest-themes{background:#F9F9F9;overflow:hidden;padding:20px 0 40px;text-align:center}
.index h2.title{font-size:36px;font-weight:900;text-transform:uppercase;position:relative;margin:30px 0 40px}
.xs-margin{text-align:center;overflow:hidden;width:100%;margin:0 auto 21px}
.cs-divider-icon-inner{position:relative;display:inline-block;text-align:center;color:#bbb;border-color:#e8e8e8}
.cs-divider-icon-dashed::after,.cs-divider-icon-dashed::before{border-top-style:dashed}
.cs-divider-icon-inner::before{margin-right:0.5em;right:100%}
.cs-divider-icon-inner::after{margin-left:0.5em;left:100%}
.cs-divider-icon-inner::after,.cs-divider-icon-inner::before{content:"";position:absolute;display:block;top:50%;width:9999px;border-top-width:1px;border-top-style:solid;border-top-color:inherit}
.how-work{background:#ffffff;width:100%;height:auto;position:relative;padding:20px 0;text-align:center}
.process-bg{background:url(https://3.bp.blogspot.com/-H6OQs3myZDk/VtfVporYa6I/AAAAAAAAFCs/RaAeVPK0JlQ/s1600/light_process.png) no-repeat top center;width:100%;height:auto;position:relative;min-height:200px;padding-bottom:100px;text-align:center;margin-top:60px}
.col-md-2{width:16.66666667%;float:right;position:relative;min-height:1px;padding-left:15px;padding-right:15px}
.cricle-process{width:160px;height:160px;display:table-cell;vertical-align:middle;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-transform:uppercase;font-weight:300;background:#ffffff;border:1px solid #dddddd;color:#888;transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out}
.cricle-process i{font-size:40px;margin-bottom:14px}
.cricle-process:hover{background:#f54325}
.cricle-process:hover,.cricle-process:hover h4{color:#ffffff;border:none}
h1.intro{margin-top:0;font-weight:700;text-transform:uppercase;font-size:72px!important;margin-bottom:30px;line-height:0px;color:#6E8092}
h1.intro em .change-text{width:270px;height:87px;display:inline-block;position:relative;margin:0;padding:0;border-bottom:solid 2px #6E8092;padding-bottom:12px;text-align:right;margin-bottom:-27px}
.change-text:before{content:"";background:#6E8092;position:absolute;right:-20px;bottom:-1px;height:41px;width:20px;display:none}
h1.intro em .change-text span{-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;text-align:left;position:absolute;top:0;left:0;opacity:0;line-height:1;clip:rect(0px,0px,198px,0px)}
.change-text span:after{content:"";background:#6E8092;position:absolute;right:-40px;bottom:-1px;height:41px;width:10px;display:none}
h1.intro em .change-text span.active{-webkit-transition:all 0.85s ease-in-out;-moz-transition:all 0.85s ease-in-out;transition:all 0.85s ease-in-out;opacity:1;clip:rect(0,280px,280px,0px)}
.box-2{background:none repeat scroll 0% 0% #FFF;margin-top:0;padding-top:25px;padding-bottom:24px}
.txt9{line-height:38px;font-size:22px;height:70px;font-weight:700;margin:0;color:#6E8092;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,'alba-neo'}
.soc_icons{position:relative;display:inline-block;white-space:nowrap;text-align:right;margin-right:auto;margin-left:auto}
ol,ul{list-style:outside none none}
.soc_icons > li{position:relative;display:inline-block;margin-left:12px}
.soc_icons > li > a{position:relative;color:#FFF;transition:all 0.4s ease-out 0s;width:44px;height:44px;display:inline-block;background:none repeat scroll 0% 0% #88D0E1;text-align:center;font:19px/44px "FontAwesome";border-radius:500px}
.soc_icons i{font:19px/44px "FontAwesome"}
.soc_icons > li + li > a{background:none repeat scroll 0% 0% #FF8A8E}
.soc_icons > li + li + li > a{background:none repeat scroll 0% 0% #6982B8}
.soc_icons > li + li + li + li > a{background:none repeat scroll 0% 0% #F6CF71}
.more_btn_arr{display:inline-block;width:11px;height:11px;margin-top:5px}
.box,.box2,.box3{overflow:hidden;direction:rtl}
.index .post-outer{padding:15px;float:right;width:33.33%;box-sizing:border-box}
.index .post{overflow:hidden;padding:15px;box-shadow:0 8px 0 -5px #E1E6E9;background:none repeat scroll 0% 0% #FFF;border-radius:10px;margin-bottom:10px;border:2px solid #E0E5E8}
.item .post .post-header{margin-bottom:13px!important}
.static_page .post,.item .post .post-inner,.item .post .post-header,.post-pager,#related_postsp,.comments{overflow:hidden;background-color:#FFF;border-bottom:1px solid #d3d5d7;-webkit-box-shadow:0 0 5px 0 #e2e3e4;-moz-box-shadow:0 0 5px 0 #e2e3e4;box-shadow:0 0 5px 0 #e2e3e4;position:relative;margin-bottom:20px;padding:30px 30px 35px}
#related_postsp{margin:20px 0!important}
.item .post .post-inner:before,#sidebar-wrapper .widget:before,.item .post .post-header:before,.post-pager:before,#related_postsp:before,.comments:before{content:"";height:1px;width:100%;background-color:#FFF;border-bottom:1px solid #d3d5d7;-webkit-box-shadow:0 0 5px 0 #e2e3e4;-moz-box-shadow:0 0 5px 0 #e2e3e4;box-shadow:0 0 5px 0 #e2e3e4;bottom:2px;left:0;position:absolute}
.item .post .post-inner:after,#sidebar-wrapper .widget:after,.post-pager:after,#related_postsp:after,.comments:after{content:"";height:1px;width:100%;background-color:#FFF;border-bottom:1px solid #d3d5d7;-webkit-box-shadow:0 0 5px 0 #e2e3e4;-moz-box-shadow:0 0 5px 0 #e2e3e4;box-shadow:0 0 5px 0 #e2e3e4;bottom:5px;left:0;position:absolute}
.post-inner{width:100%;overflow:hidden;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,droid arabic naskh;line-height:27px;font-size:15px}
.static_page #main-wrapper{width:100%!important;padding-left:0!important;float:right}
.item .post-meta{width:100%;padding:2px 0 5px 0}
.item .post-meta .post-author,.item .post-meta .post-timestamp{float:right;padding-left:20px}
.item .post-meta .post-labels{float:left}
blockquote,pre{position:relative;z-index:50;background:url("http://lh4.ggpht.com/_XrWO8mEpDy0/THW2brwE74I/AAAAAAAAA0g/3zyTbFTLCTc/pre_bg.gif") repeat scroll left top #FFF;border:1px solid #999;color:#000;display:block;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,"Courier New",Courier,monospace;font-size:13px;line-height:18px;margin:10px 0;overflow-y:auto;overflow-x:scroll;padding:18px 10px 17px 10px;direction:ltr;opacity:0.7}
.post-body h3{font-weight:700;font-size:20px}
.post-body h4{font-weight:700;font-size:18px;text-decoration:underline}
.status-msg-body{background-color:transparent;background-image:url("http://4.bp.blogspot.com/-KJi8TbT-tbk/U9jsuWRhPLI/AAAAAAAACGs/LydwyDmUKUw/s1600/tag.png");background-position:12px center;background-repeat:no-repeat;background-size:30px auto;border:1px solid #AAA;height:40px;opacity:0.3;width:100%;margin:-6px 0 38px!important;text-align:center!important;padding:7px!important;position:relative!important}
#post-foot{width:100%;overflow:hidden;clear:both;height:30px;padding:2px 15px}
.status-msg-border{display:none!important}
.breadcrumbs{background:#ECECEC;width:100%;font-weight:400;font-size:11px;text-transform:uppercase;position:relative;bottom:0;border:1px solid #EEE;margin-bottom:10px;overflow:hidden;margin-right:0;padding:5px;color:#333}
.breadcrumbs .crust{display:block;position:relative;float:right;font-size:17px;color:#333;padding:0 5px!important;line-height:14px}
.fa-angle-left:before{margin:0 5px}
.post-heading h1{padding:5px 5px 12px;display:inline-block;border-bottom:2px solid #f1f1f1;font-size:23px;color:#6E8092;width:100%;letter-spacing:0}
.sharepost h4{font-size:15px;position:relative;overflow:hidden;margin:0 0 20px;font-weight:700;padding:0 10px;text-align:center;text-transform:uppercase;transition:all 0.5s ease-out 0s;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,"Droid Arabic Naskh",serif;color:rgba(47,4,17,0.59)}
.sharepost h4:after{content:"";position:absolute;width:8px;height:7px;border-radius:50%;bottom:2px;right:52%;box-shadow:1em 0 0 0 #1A9EDA,2em 0 0 0 #E99393;background:none repeat scroll 0% 0% #E99393}
.sharepost h4 span{padding-bottom:12px;display:inline-block}
.sharepost li{width:20%;border:3px solid #EEE;padding:0;float:right}
.sharepost li a{padding:0 0;color:#FFF;display:block;border-radius:2px;overflow:hidden;line-height:37px;text-align:center}
.sharepost li a .fa{margin-left:3px;border-radius:3px;float:right;padding:10px 13px;background:rgba(0,0,0,0.38) none repeat scroll 0% 0%}
.sharepost{overflow:hidden;text-align:center;margin-bottom:20px;margin-top:25px}
.sharepost li a:hover{opacity:0.8}
.sharepost li .twitter{background-color:#55acee}
.sharepost li .facebook{background-color:#3b5998}
.sharepost li .gplus{background-color:#dd4b39}
.sharepost li .pinterest{background-color:#cc2127}
.sharepost li .linkedin{background-color:#0976b4}
.hreview{display:none}
.post-pager{padding:0!important}
ul.post-pager *{transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease}
.post-pager li{padding:0;display:inline-block;width:50%;padding:20px 15px 35px!important}
.post-pager .next{text-align:right}
.post-pager .previous{float:left;text-align:left}
.post-pager li a{color:#6E8092;display:block;overflow:hidden}
.post-pager li:hover{color:#888;background:#f8f8f8}
.post-pager li strong{display:block;padding:0 0 10px;color:#888}
.prv,.nxt{position:absolute;color:#CCC;font-size:56px;margin-top:-7px;height:22px;line-height:22px;width:40px;top:34%}
.next h6,.next h5{float:right;width:100%;padding-right:37px;text-align:right;font-size:13px;color:#6E8092;margin:0}
.previous h6,.previous h5{float:left;width:100%;padding-left:37px;font-size:13px;color:#555;margin:0}
.nxt{left:10px}
.previous h6,.next h6{color:#555;font-size:19px!important;padding-bottom:5px;font-weight:700!important;margin:0;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,Droid Arabic Kufi,tahoma}
.label-info a{color:#777}
.loop-image-wrapper{position:relative;z-index:2;height:180px;float:right;width:100%}
.index .post-thumb a{display:block;width:100%;height:180px;overflow:hidden;border-radius:4px}
.loop-info-wrapper{overflow:hidden;height:100%;max-height:100%;width:100%}
.index .post-title{line-height:26px;padding:10px;font-size:17px;height:70px;font-weight:700;margin:0;text-align:right;letter-spacing:-0.5px;color:#6E8092;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,Droid Arabic Naskh}
.index .post-title a{color:#6E8092}
.slsss{margin:10px auto 5px;border-top:1px solid #E7E8E8;float:none;width:90%;display:inherit}
.post:hover .overlay{transform:scale(0.8);opacity:1;text-decoration:none;font-weight:normal;font-style:normal;margin-left:-46px;font-size:35px}
.overlay:before{content:"\f060";font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,FontAwesome}
.overlay{color:#4371CF;background:none repeat scroll 0% 0% #FFF;border:2px solid #4371CF;border-radius:50%;transform:scale(2);text-align:center;line-height:70px;width:79px;height:79px;opacity:0;font-size:30px;position:absolute;z-index:2;top:50%;left:50%;margin-top:-35px;margin-left:-39px;cursor:pointer;text-decoration:none;font-weight:normal;font-style:normal;transition:all 0.2s ease-out 0s}
.index .post-snippet{margin:0;color:#333;line-height:1.5em}
.index .postags{position:absolute;top:5px;right:5px}
.index .postags{margin:0;padding:0;display:inline-block;position:absolute;top:0;z-index:2;right:0}
.postags a:nth-child(n+2){display:none}
.postags a{position:relative;background:#E14938;color:#FFF;font-size:11px;display:block;text-transform:uppercase;padding:2px 9px;line-height:normal;font-weight:100;margin:0;transition:all 0.3s ease-out 0s}
.post-share{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:2;height:30px;float:left}
.post-share .share-toggle{position:absolute;left:0;bottom:0;height:30px;width:30px;line-height:30px;text-align:center;padding:0;border:0;z-index:2;background-color:rgba(255,255,255,.40);text-shadow:0 0 2px rgba(0,0,0,0.1);font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,Fontawesome;cursor:pointer;font-size:19px;color:#7F8C8D;display:inline-block;transition:all 0.5s ease 0s;font-weight:700}
.post-share .share{opacity:0;padding:0;visibility:hidden;margin-left:0;transition:all .3s}
.post-share .share.share-active{opacity:1;visibility:visible;margin-left:30px}
.share-toggle.pi-btn.toggle-active{color:#cf4d35;background-color:rgba(255,255,255,.95)}
.post-share .share a{background-color:rgba(255,255,255,.95);display:inline-block;color:#fff;line-height:5px;padding:8px;width:30px;text-align:center}
.post-share .share a:nth-child(1){background-color:rgba(98,123,173,.95)}
.post-share .share a:nth-child(2){background-color:rgba(26,193,255,.95)}
.post-share .share a:nth-child(3){background-color:rgba(243,26,26,.95)}
.post-share .share a:nth-child(4){background-color:rgba(255,117,26,.95)}
.post-share .share a:hover{background-color:rgba(43,45,51,1);color:#fff}
.how-nm{float:right;font-size:19px;color:#7F8C8D;display:inline-block;transition:all 0.5s ease 0s;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,a;font-weight:700}
#post-foot .fa{padding-left:5px}
.label_remove{font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,Droid Arabic Naskh;font-size:13px;letter-spacing:-0.5px;font-weight:700}
.label_remove:nth-child(n+2){display:none}
.how-nm i{font-size:21px}
.item_price,.price_remove{float:left;border-radius:4px;font-weight:700;color:#7F8C8D;display:inline-block;transition:all 0.5s ease 0s;vertical-align:middle}
.how-nm span{float:left;font-size:16px}
.sb .box_content{padding:19px;margin:1px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border:2px solid rgb(224,241,233);margin-top:-2px;margin-bottom:11px}
.rounded-list ol li{position:relative;display:block;border:solid 1px #E4E4E4;padding:0.4em 1.8em 0.4em 2em;margin:0.6em 0;background:#F3F3F3;color:#444;text-decoration:none;border-radius:0;transition:all 0.3s ease-out 0s}
.rounded-list ol li:before{content:counter(li);counter-increment:li;position:absolute;right:-1.3em;top:50%;margin-top:-1.3em;background:#FDD761;height:2.4em;width:2.4em;line-height:2em;border:.3em solid #fff;text-align:center;font-weight:bold;-moz-border-radius:2em;-webkit-border-radius:2em;border-radius:2em;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.rounded-list ol li:hover:before{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
ol ol{margin:0 1.2em 0 12px}
ol{counter-reset:li;list-style:none outside none;padding:0;margin-right:-4px;margin-top:0;margin-bottom:0}
.item img,.item .post-body a{border:none!important;max-width:100%!important;margin-right:0!important;margin-left:0!important}
.post-body .box_title{padding:15px;text-align:center;border-radius:2px;border:2px solid rgb(224,241,233);background-color:rgb(241,249,247);color:rgb(29,157,116);font-weight:700;font-size:21px;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,'alba-neo'}
.post-body .box_title span{color:rgb(29,157,116)!important}
.previewbutton{background-color:#EE5454;box-shadow:0 3px 0 #D53B3B;color:#FFF!important;margin-top:15px!important;display:inline-block;font-size:19px!important;padding:2px 30px!important}
.post-body h2{background-color:#fcf8e3;color:#8a6d3b;position:relative;display:block;margin:20px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:1px solid #faebcc;text-align:center;font-size:21px}
#content-wrapper{width:100%;padding:40px 0}
.item #main-wrapper{width:70%;float:right}
#sidebar-wrapper{width:28.5%;float:left}
#sidebar-wrapper .widget{background-color:#FFF;border-bottom:1px solid #d3d5d7;-webkit-box-shadow:0 0 5px 0 #e2e3e4;-moz-box-shadow:0 0 5px 0 #e2e3e4;box-shadow:0 0 5px 0 #e2e3e4;position:relative;margin-bottom:30px;padding:20px 30px 35px}
#sidebar-wrapper .widget h2{font-size:16px;font-weight:700;padding-bottom:10px;border-bottom:2px solid #ecedee;margin-bottom:20px;line-height:24px;position:relative;color:#6E8092}
#sidebar-wrapper .widget h2:after{content:"\f013";display:block;background-color:#F05672;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,FontAwesome;height:28px;width:32px;line-height:28px;font-size:14px;text-align:center;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;float:right;margin-right:0;margin-left:10px;color:#FFF}
#sidebar-wrapper .widget h2:before{content:"";position:absolute;height:2px;width:32px;background-color:#F05672;bottom:-2px;left:initial!important;right:0}
.PopularPosts ul{background:#fff;list-style:none;margin:0;padding:5px 5px 0;overflow:hidden;border-top:none}
.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}
.PopularPosts ul{margin:0;list-style:none;color:#64707a}
.PopularPosts ul li img{background:#fafafa;display:block;margin:0 10px 0 0;width:60px;height:60px;overflow:hidden;float:right;margin-left:10px}
.PopularPosts ul li{position:relative;background-color:#fff;margin:0;padding:.7em 0!important;border:0;position:relative;border-bottom:1px dotted rgba(0,0,0,0.2)}
.PopularPosts ul li:before{font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,fontawesome;content:'\f005\f005';display:inline-block;position:absolute;color:#f39c12;text-align:center;bottom:0;left:0;margin:9px 0;font-size:11px;padding:0;font-weight:normal;line-height:normal;transition:all .3s}
.PopularPosts ul li:nth-child(1):before,.post-home:before{font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,fontawesome;content:'\f005\f005\f005\f005\f005'}
.PopularPosts ul li:nth-child(2):before{font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,fontawesome;content:'\f005\f005\f005\f005';opacity:.9}
.PopularPosts ul li:nth-child(3):before{font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,fontawesome;content:'\f005\f005\f005';opacity:.85}
.PopularPosts ul li:nth-child(4):before{font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,fontawesome;content:'\f005\f005';opacity:.8}
.PopularPosts ul li:nth-child(5):before{font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,fontawesome;content:'\f005';opacity:.75}
.PopularPosts ul li:hover:before{opacity:1}
.PopularPosts ul li:first-child{border-top:none}
.PopularPosts ul li:last-child{border-bottom:none}
.PopularPosts ul li .item-title a,.PopularPosts ul li a{color:#333;font-size:12px;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,tahoma}
.PopularPosts ul li a:hover{color:#2476e0}
.PopularPosts .item-thumbnail{float:right;margin:0 0 5px 5px}
.PopularPosts .item-snippet{display:none}
.PopularPosts .item-title{font-weight:700;padding-bottom:.2em;padding:0 5px}
.post-home:before{font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,fontawesome;display:inline-block;position:absolute;color:#FFC73D;text-align:center;top:13px;left:25px;margin:9px 0;font-size:14px;padding:0;font-weight:normal;line-height:normal;transition:all 0.3s ease 0s;z-index:999}
.pagenavi{clear:both;margin:10px 0;text-align:center;font-size:13px;font-weight:400;overflow:hidden;padding:15px;border-radius:6px;margin-bottom:10px}
.pagenavi .pages{background-color:#3F414A;display:inline-block;color:#FFF;margin:0 2px;line-height:35px;height:35px;padding:0 12px;border-radius:4px;transition:all 0.2s ease 0s}
.pagenavi span,.pagenavi a{display:inline-block;background-color:#cf4d35;color:#fff;margin:0 2px;line-height:35px;height:35px;padding:0 12px;border-radius:4px;transition:all .2s}
.pagenavi .current,.pagenavi a:hover{background:#ba452f;color:#fff}
#backtotop{overflow:hidden;position:fixed;z-index:90;left:20px;bottom:20px;display:none;width:42px;height:40px;line-height:34px;color:#eee;text-align:center;background-color:#3f414a;font-size:20px;text-indent:0;cursor:pointer;-webkit-transform:translateZ(0);padding:4px 0 0;text-align:center;border-radius:5px;transition:all .5s}
#backtotop:hover{background-color:#3f414a;color:#fff}
.comments .avatar-image-container{float:right;max-height:50px;overflow:hidden;width:50px;padding:2px;background:#fff;border:1px solid #eee;margin:0 7px}
.comments .avatar-image-container img{width:100%;max-width:100%}
.comments .comment-block{background:none repeat scroll 0% 0% #F6F6F6;margin:0 73px 0 14px;position:relative;border:1px solid rgba(200,200,200,0.54);color:#818F96}
.comment-header a{color:#999;text-shadow:1px 1px #FFF;font-size:13px;font-weight:100;line-height:1.6}
.comments .comment-block:after{content:"";position:absolute;bottom:-3px;right:0;color:#468847;background:url('http://3.bp.blogspot.com/-JfvhAJeiFeY/VHo2uLQkmVI/AAAAAAAADag/zmmNZwAM79I/s1600/bg_color.png') repeat scroll 0% 0% transparent;height:3px;width:100%}
.comments .comments-content .comment:first-child{padding-top:0}
.comments .comments-content .comment{margin-bottom:3px;padding-bottom:0}
.comment-header{display:inline-block;border:1px solid #eee;border-right:0;border-top:0;padding:1px 10px 0 10px}
.comments .comment-block:before{content:'\f0da';position:absolute;font:30px fontawesome;top:15px;right:-11px;color:#E8E8E8}
.comment-content{padding:20px}
.comment-actions a{background:#fff;color:#6F6F6F;padding:0 10px;padding-top:2px!important;padding-left:10px!important;font-size:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:2px;border:1px solid #eee;display:inline-block}
.comments .comments-content .user a{float:right;margin:-1px -10px 0 10px;padding:0 5px;height:23px;color:#468847;background-color:#DFF0D8;border-color:#D6E9C6}
.comments .comments-content .user a:before{content:'\f0d9';font:19px fontawesome;float:left;position:relative;left:-12px;top:2px;color:#DFF0D8;text-shadow:none}
.comments .comments-content .user a:after{content:'\f14b';font:17px fontawesome;float:right;margin:0 0 0 8px;position:relative;top:2px;padding:0 2px;color:#468847;text-shadow:none}
span.item-control.blog-admin a:after{content:'\f014';font:14px fontawesome;margin:0 5px 0 0;color:#ccc}
.comments .continue a{background:#fff;color:#6F6F6F;padding:3px 10px!important;font-size:12px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-weight:500!important;border:1px solid #eee;display:inline-block}
.comments .continue a:after{content:'\f124';font:12px fontawesome;margin:0 10px 0 0;display:inline-block;color:#ccc}
.comments .comment .comment-actions a:hover,.comments .continue a:hover{text-decoration:none;background:#eee}
.feed-links{display:none}
.top-comment-widget-menu{background:none repeat scroll 0 0 #FFF;border-color:#DDD;border-style:solid;border-width:1px 1px 5px;float:right;margin:20px 0;width:953px}
.top-comment{float:right;text-align:center;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,"ge_ss_threeregular";font-size:14px;list-style:none outside none;margin:10px 0;text-transform:uppercase;width:50%;cursor:pointer}
.top-comment.selected{color:$(mmcb.background.color);cursor:pointer}
#comments h4{display:inline;padding:4px 8px;line-height:45px}
#comments h4,.comments.comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
#comments h4{background:#73C4D1}
#comments h4{font-size:17px}
#comments h4{font-weight:normal;color:#fff}
#comments h4:after{content:"";position:absolute;bottom:-10px;right:10px;border-top:10px solid #73C4D1;border-left:20px solid transparent;width:0;height:0;line-height:0}
.icon.blog-author:after{content:"الكاتب";background:#f66;color:#FFF;padding:2px 16px;border-radius:1px;position:absolute;left:0;margin-top:-3px;font-size:14px;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,ge_hiliregular}
.comment-content{padding:20px;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,ge_hiliregular}
.top-comment.blogico:before{content:"\f0d5";font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,fontawesome;font-size:18px;margin-left:15px;color:#F66}
.top-comment.faceico:before{content:"\f09a";font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,fontawesome;font-size:18px;margin-left:15px;color:#627AAC}
.post-feeds{display:none}
#s{background:none repeat scroll 0% 0% transparent!important;border:medium none;color:#fff;width:800px;float:right;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,"roboto","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;height:36px;line-height:36px;margin-right:12px;outline:medium none;padding:0 0 0 35px}
input,select{vertical-align:middle}
#scrolltop{display:none}
#rocketmeluncur{position:fixed;bottom:50px;z-index:7;display:none;visibility:hidden;width:26px;height:48px;left:25px;background:url(http://1.bp.blogspot.com/-UR9I7YEuEUY/VXIJn8MrBPI/AAAAAAAAKRE/qZObHBd5zIo/s1600/rocket.png) 50% 0 no-repeat;opacity:0;-webkit-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-webkit-transform .6s cubic-bezier(.6,.04,.98,.335);-moz-transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),-moz-transform .6s cubic-bezier(.6,.04,.98,.335);transition:visibility .6s cubic-bezier(.6,.04,.98,.335),opacity .6s cubic-bezier(.6,.04,.98,.335),transform .6s cubic-bezier(.6,.04,.98,.335)}
#rocketmeluncur i{display:block;margin-top:48px;height:14px;background:url(http://1.bp.blogspot.com/-UR9I7YEuEUY/VXIJn8MrBPI/AAAAAAAAKRE/qZObHBd5zIo/s1600/rocket.png) 50% -48px no-repeat;opacity:.5;-webkit-transition:-webkit-transform .2s;-moz-transition:-moz-transform .2s;transition:transform .2s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0}
#rocketmeluncur:hover{background-position:50% -62px}
#rocketmeluncur:hover i{background-position:50% 100%;-webkit-animation:flaming .7s infinite;-moz-animation:flaming .7s infinite;animation:flaming .7s infinite}
#rocketmeluncur.showrocket{visibility:visible;opacity:1}
#rocketmeluncur.launchrocket{background-position:50% -62px;opacity:0;-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);transform:translateY(-800px);pointer-events:none}
#rocketmeluncur.launchrocket i{background-position:50% 100%;-webkit-transform:scale(1.4,3.2);-moz-transform:scale(1.4,3.2);transform:scale(1.4,3.2)}
.updated{display:none}
#copylefts{text-align:center;padding:9px 7px 11px;font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular , "alba-neo";}
.emoWrap{display:none}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}
@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}
.bounce{-webkit-animation-name:bounce;animation-name:bounce}
@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}
@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}
.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
</style>
<style type='text/css'>
@media screen and (max-width: 1170px){
.container {
width: 100%;
padding: 0 15px;
}
.index .post-outer {
padding: 5px;
}
#nav {
margin: 31px 0px 0px 8px;
}
ul.sf-menu li {
margin-right: 30px;
}
ul.sf-menu li::before {
content: inherit !important;
}
}
@media screen and (max-width: 1060px){
}
@media screen and (max-width: 980px){
.index .post-outer {
width: 50%;
}
.sf-menu {
display: none;
}
#nav {
margin: 0 !important;
width: 100%;
position: absolute;
left: 0;
}
#menu-2 {
display: block;
margin: 15px;
float: left;
}
#menu-2 a {
display: block;
background: none repeat scroll 0% 0% #F05672;
color: #FFF !important;
padding: 15px 20px;
}
#sidebar-wrapper,.item #main-wrapper {
width: 100%;
float: right;
}
.sf-menu {
position: absolute;
top: 82px;
background: #fff;
width: 100%;
border-radius: 4px;
padding: 15px 25px;
float: right;
right: 0;
}
ul.sf-menu li, ul.sf-menu li a {
margin-right: 0;
width: 100%;
text-align: right;
}
ul.sf-menu li.current {
display: none;
}
.sf-menu li ul {
display: block;
width: 100%;
position: relative;
left: auto !important;
background: #fff !important;
height: auto !important;
top: auto;
float: right;
padding: 0;
}
.sf-menu li ul li a {
display: block;
color: #6E8092;
padding: 0;
text-align: right;
}
.sf-menu li ul ul {
right: auto;
opacity: 1;
border-radius: 0;
width: 100%;
position: relative;
text-align: right;
direction: rtl;
margin-top: 0;
}
.sf-menu li ul:before {
content: inherit;
}
.sf-menu li ul ul li a {
display: block;
padding: 5px 0;
text-align: right;
text-transform: lowercase;
text-indent: 0;
margin: 1px 0 0;
color: #6E8092;
}
.alba-text-c {
padding: 130px 60px 35px;
}
h1.intro {
font-size: 50px !important;
margin-bottom: 0px;
line-height: 89px;
}
h1.intro em .change-text {
width: 180px;
height: 64px;
margin: 0px 0px -21px;
}
.col-md-2 {
width: 180px;
float: right;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 39px;
}
}
@media screen and (max-width: 768px){
#header {
width: 250px;
}
.sf-menu {
top: 65px;
}
a img {
border: none;
position: relative;
max-width: 100%;
height: auto;
}
#menu-2 {
margin: 7px 15px;
}
.vc_col-sm-4 {
width: 49%;
padding: 10px;
}
.col-md-2 {
width: 33.33%;
}
}
@media screen and (max-width: 564px){
#menu-2 a {
border-radius: 2px;
}
#menu-2 {
margin: 7px 10px;
}
.index .post-outer {
width: 100%;
padding: 0 !important;
}
.loop-image-wrapper {
height: 105px;
width: 135px;
}
.index .post-thumb a {
height: 105px;
}
.loop-info-wrapper {
overflow: hidden;
height: auto;
width: auto;
display: table-cell;
vertical-align: middle;
}
.index .post { padding: 7px;}
.index .postags {
display: none !important;
}
.col-md-2 {
width: 50%;
}
}
@media screen and (max-width: 480px){
.container {
width: 100%;
padding: 0 5px;
}
#header-wrapper {
border-radius: 6px;
padding: 5px;
}
#header {
width: 222px;
}
#menu-2 {
margin: 5px 6px 0;
}
.loop-image-wrapper {
height: 90px;
width: 110px;
}
.index .post-thumb a {
height: 90px;
}
.index .post-title {
line-height: 23px;
padding: 0px 10px;
font-size: 16px;
height: 55px;
font-weight: 100;
}
.how-nm {
font-size: 17px;
}
.how-nm i {
font-size: 15px;
}
.how-nm span {
float: left;
font-size: 13px;
line-height: 27px;
}
.post-share .share-toggle {
cursor: pointer;
font-size: 17px;
color: #f66;
}
.pagenavi span, .pagenavi a {
margin: 4px 5px;
}
.alba-text-c {
padding: 122px 10px 29px;
}
h1.intro em .change-text {
width: 154px;
height: 50px;
margin: 0px 0px -15px;
}
h1.intro {
font-size: 40px !important;
margin-bottom: 0px;
line-height: 58px;
}
.alba-text-c .contact {
font-size: 15px !important;
}
.vc_col-sm-4 {
width: 100%;
}
.col-md-2 {
width: 193px;
float: none !important;
margin: 0 auto 13px;
}
.index h2.title {
font-size: 30px;
font-weight: 900;
text-transform: uppercase;
position: relative;
margin: 20px 0px 20px;
line-height: 36px;
}
}
@media screen and (max-width: 360px){
.index .post {
padding: 5px;
border-radius: 4px;
}
.index .post-thumb a {
height: 150px;
}
.loop-image-wrapper {
height: 155px;
width: 100%;
}
.index .post-title {
height: auto;
}
}
@media screen and (max-width: 320px){
}
</style>
<style>
/*=====================================
= Slider
=====================================*/
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.grabbing,.grabbing a,.grabbing * {
cursor: e-resize!important;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
float: right;
}
.owl-prev,.owl-next {
width: 40px;
height: 40px;
background-color: #fff;
text-align: center;
line-height: 40px;
font-size: 12px;
margin-top: 5px;
color: #aaa;
position: absolute;
top: 50%;
margin-top: -20px;
}
.owl-prev {
right: -5px;
}
.owl-next {
left: -5px;
}
.owl-next:before {
content: '\f053';
font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular , fontawesome;
}
.owl-prev:before {
content: '\f054';
font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular , fontawesome;
}
.slider * {
transition:all 0 ease;
-webkit-transition:all 0 ease;
-moz-transition:all 0 ease;
-o-transition:all 0 ease
}
.slider li {
background-color: #FFF;
margin: 0 15px;
padding: 0;
}
.slider .recent-thumb {
display: block;
width: 100%;
height: 220px;
}
.slider .recent-content {
padding: 20px;
min-height: 125px;
border-bottom: 2px solid #FA4710;
}
.slider .recent-title {
font-size: 17px;
line-height: 27px;
margin-bottom: 10px;
}
.slider-layout {
max-width: 1130px;
margin: 50px auto 0;
}
.slider-layout .widget-content,.slider-layout h2.title {
display: none;
}
.recent-author:before, .recent-date:before {
font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular , fontawesome;
float: right;
margin-left: 10px;
}
.recent-author:before {
content: '\f007';
}
.recent-date:before {
content: '\f073';
}
.recent-date {
float: right;
margin-left: 10px
}
.recent-date,.recent-author {
font-size: 12px;
color: #999;
}
.alba-tech-slide {
max-height: 270px;
direction: ltr;
padding: 0px !important;
clear: both;
width: 100%;
margin: 20px 0 45px !important;
position: relative;
background: none repeat scroll 0% 0% #FFF;
overflow: hidden;
float: right;
}
.owl-carousel .owl-wrapper-outer {
width: 100%;
}
.owl-carousel .owl-wrapper {
display: none;
position: relative;
}
.owl-item {
float: left;
}
.slides .item {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
width: 100%;
height: 270px direction: rtl;
text-align: right;
overflow: hidden;
padding: 0 5px;
}
.slides .item-list {
height: 100%;
margin: 0;
padding: 0;
position: relative;
}
.item-thumbnail {
background: #313131;
}
.item .tag-thumbnail {
display: block;
height: 270px;
overflow: hidden;
position: relative;
width: 100% !important;
z-index: 1;
opacity: 0.5;
}
.caption {
position: absolute;
width: 100%;
bottom: 15%;
text-shadow: none;
z-index: 40;
right: auto;
left: auto;
color: #fff;
text-align: center;
padding: 0 50px;
}
.text {
display: none;
}
.indextag {
background: #FF8D03;
color: #FFF !important;
font-size: 11px;
font-weight: 700;
line-height: 10px;
overflow: hidden;
padding: 3px 6px;
position: relative;
text-transform: uppercase;
z-index: 82;
margin: 0px auto 5px !important;
display: inline-block;
text-align: right;
}
.caption h3 a {
color: #fff;
text-shadow: rgba(0,0,0,.6) 0 0 5px;
line-height: 26px;
}
.item .post-meta {
width: 100%;
padding: 2px 0px 5px 0px;
}
.post-meta {
color: #bbb;
cursor: default;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin: 7px 0 0;
padding: 0;
white-space: nowrap;
overflow: hidden;
line-height: 12px;
}
.post-meta a {
color: #bbb;
font-size: 11px;
font-weight: 700;
height: 30px;
margin-left: 0;
padding: 0;
white-space: nowrap;
overflow: hidden;
line-height: 12px;
}
.item-list:hover .caption{ display:block; overflow:hidden}
.date{ text-align:right; display:inline-block}
.date:before{color:#bbb; content:"\f073"; font:12px fontawesome; padding-left:.4em; text-decoration:inherit; top:0}
.icomm .date{position:relative}
.icomm:before{color:#bbb; content:"\f007"; font:12px fontawesome; padding-left:.3em; padding-right:.6em; text-decoration:inherit; top:0}
.item-list .#thumb-img{display:block; float:left; height:100%; width:100%; z-index:1}
.slides .owl-buttons #next:after, .slides .owl-buttons #prev:after{ color:#fff; content:"\f105"; display:block; font-family: 'Lobster',ge_ss_threeregular ,'Lobster',ge_ss_threeregular , 'Lobster',ge_ss_threeregular ,FontAwesome; font-size:45px; font-style:normal; font-weight:400; line-height:60px; margin-top:0; text-align:center}
.slides .owl-buttons #prev:after{content:"\f104"}
.slides .owl-buttons .owl-prev, .slides .owl-buttons .owl-next{ cursor:pointer; background:transparent; width:72px; height:72px; line-height:72px; border:none; border-radius:50%; opacity:1; top:40%; text-shadow:none; color:#fff; font-size:30px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000',GradientType=1); background-repeat:repeat-x; position:absolute; font-size:45px; text-align:center; padding:4px; z-index:40; margin-top: 100px;
}
.slides .owl-buttons .owl-next:hover, .slides .owl-buttons .owl-prev:hover{background:rgba(237,237,237,0.45); color:#fff}
.slides .owl-buttons .owl-prev{right:1%}
.slides .owl-buttons .owl-next{left:1%}
.owl-theme .owl-controls{z-index:40}
</style>
<script type='text/javascript'>
//<![CDATA[
// jQuery OwlCarousel v1.31 - http://www.owlgraphic.com/owlcarousel (RTL Version)
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('7(B 3l.3k!=="9"){3l.3k=9(e){9 t(){}t.4S=e;q 4R t}}(9(e,t,n,r){b i={1Y:9(t,n){b r=d;r.$k=e(n);r.6=e.44({},e.3f.2s.6,r.$k.w(),t);r.2m=t;r.4g()},4g:9(){b t=d;7(B t.6.37==="9"){t.6.37.O(d,[t.$k])}7(B t.6.33==="34"){b n=t.6.33;9 r(e){7(B t.6.2P==="9"){t.6.2P.O(d,[e])}m{b n="";1B(b r 2f e["h"]){n+=e["h"][r]["1U"]}t.$k.2e(n)}t.2O()}e.4W(n,r)}m{t.2O()}},2O:9(e){b t=d;t.$k.w("h-42",t.$k.2x("2j")).w("h-41",t.$k.2x("K"));t.$k.A({2o:0});t.2u=t.6.v;t.3N();t.4O=0;t.1G;t.21()},21:9(){b e=d;7(e.$k.1J().S===0){q c}e.1P();e.3K();e.$U=e.$k.1J();e.F=e.$U.S;e.4n();e.$L=e.$k.11(".h-1U");e.$H=e.$k.11(".h-1g");e.2Z="T";e.14=0;e.1M=[0];e.p=0;e.4D();e.4q()},4q:9(){b e=d;e.3p();e.3F();e.40();e.2U();e.46();e.3V();e.2t();e.4t();7(e.6.2k!==c){e.4N(e.6.2k)}7(e.6.P===j){e.6.P=5a}e.19();e.$k.11(".h-1g").A("4e","45");7(!e.$k.2A(":3y")){e.3t()}m{e.$k.A("2o",1)}e.4X=c;e.28();7(B e.6.2S==="9"){e.6.2S.O(d,[e.$k])}},28:9(){b e=d;7(e.6.1Q===j){e.1Q()}7(e.6.1q===j){e.1q()}e.4M();7(B e.6.2V==="9"){e.6.2V.O(d,[e.$k])}},3E:9(){b e=d;7(B e.6.39==="9"){e.6.39.O(d,[e.$k])}e.3t();e.3p();e.3F();e.43();e.2U();e.28();7(B e.6.38==="9"){e.6.38.O(d,[e.$k])}},4p:9(e){b t=d;1f(9(){t.3E()},0)},3t:9(){b e=d;7(e.$k.2A(":3y")===c){e.$k.A({2o:0});1d(e.1w);1d(e.1G)}m{q c}e.1G=3Q(9(){7(e.$k.2A(":3y")){e.4p();e.$k.3W({2o:1},2D);1d(e.1G)}},58)},4n:9(){b e=d;e.$U.54(\'<M K="h-1g">\').4o(\'<M K="h-1U"></M>\');e.$k.11(".h-1g").4o(\'<M K="h-1g-4f">\');e.1V=e.$k.11(".h-1g-4f");e.$k.A("4e","45")},1P:9(){b e=d;b t=e.$k.1O(e.6.1P);b n=e.$k.1O(e.6.2r);7(!t){e.$k.I(e.6.1P)}7(!n){e.$k.I(e.6.2r)}},3p:9(){b t=d;7(t.6.2F===c){q c}7(t.6.4r===j){t.6.v=t.2u=1;t.6.13=c;t.6.1A=c;t.6.26=c;t.6.24=c;t.6.1W=c;t.6.1K=c;q c}b n=e(t.6.4h).1k();7(n>(t.6.1A[0]||t.2u)){t.6.v=t.2u}7(B t.6.13!=="3b"&&t.6.13!==c){t.6.13.50(9(e,t){q e[0]-t[0]});1B(b r 2f t.6.13){7(B t.6.13[r]!=="3b"&&t.6.13[r][0]<=n){t.6.v=t.6.13[r][1]}}}m{7(n<=t.6.1A[0]&&t.6.1A!==c){t.6.v=t.6.1A[1]}7(n<=t.6.26[0]&&t.6.26!==c){t.6.v=t.6.26[1]}7(n<=t.6.24[0]&&t.6.24!==c){t.6.v=t.6.24[1]}7(n<=t.6.1W[0]&&t.6.1W!==c){t.6.v=t.6.1W[1]}7(n<=t.6.1K[0]&&t.6.1K!==c){t.6.v=t.6.1K[1]}}7(t.6.v>t.F&&t.6.4m===j){t.6.v=t.F}},46:9(){b n=d,r;7(n.6.2F!==j){q c}b i=e(t).1k();n.3v=9(){7(e(t).1k()!==i){7(n.6.P!==c){1d(n.1w)}52(r);r=1f(9(){i=e(t).1k();n.3E()},n.6.4l)}};e(t).48(n.3v)},43:9(){b e=d;e.2b(e.p);7(e.6.P!==c){e.3z()}},4c:9(){b t=d;b n=0;b r=t.F-t.6.v;t.$L.2p(9(i){b s=e(d);s.A({1k:t.N}).w("h-1U",2M(i));7(i%t.6.v===0||i===r){7(!(i>r)){n+=1}}s.w("h-1L",n)})},49:9(){b e=d;b t=0;b t=e.$L.S*e.N;e.$H.A({1k:t*2,W:0});e.4c()},3F:9(){b e=d;e.4a();e.49();e.4s();e.3j()},4a:9(){b e=d;e.N=23.4Q(e.$k.1k()/e.6.v)},3j:9(){b e=d;b t=(e.F*e.N-e.6.v*e.N)*-1;7(e.6.v>e.F){e.D=0;t=0;e.3x=0}m{e.D=e.F-e.6.v;e.3x=t}q t},3Z:9(){q 0},4s:9(){b t=d;t.J=[0];t.2X=[];b n=0;b r=0;1B(b i=0;i<t.F;i++){r+=t.N;t.J.3s(-r);7(t.6.16===j){b s=e(t.$L[i]);b o=s.w("h-1L");7(o!==n){t.2X[n]=t.J[i];n=o}}}},40:9(){b t=d;7(t.6.2n===j||t.6.1C===j){t.E=e(\'<M K="h-53"/>\').4U("57",!t.G.15).51(t.$k)}7(t.6.1C===j){t.4w()}7(t.6.2n===j){t.4x()}},4x:9(){b t=d;b n=e(\'<M K="h-4Y"/>\');t.E.1j(n);t.1v=e("<M/>",{"K":"h-1h",2e:t.6.2I[0]||""});t.1u=e("<M/>",{"K":"h-T",2e:t.6.2I[1]||""});n.1j(t.1v).1j(t.1u);n.z("3a.E 25.E",\'M[K^="h"]\',9(e){e.1n()});n.z("2q.E 2B.E",\'M[K^="h"]\',9(n){n.1n();7(e(d).1O("h-T")){t.T()}m{t.1h()}})},4w:9(){b t=d;t.1p=e(\'<M K="h-1C"/>\');t.E.1j(t.1p);t.1p.z("2q.E 2B.E",".h-1o",9(n){n.1n();7(2M(e(d).w("h-1o"))!==t.p){t.1l(2M(e(d).w("h-1o")),j)}})},3T:9(){b t=d;7(t.6.1C===c){q c}t.1p.2e("");b n=0;b r=t.F-t.F%t.6.v;1B(b i=0;i<t.F;i++){7(i%t.6.v===0){n+=1;7(r===i){b s=t.F-t.6.v}b o=e("<M/>",{"K":"h-1o"});b u=e("<4G></4G>",{59:t.6.2H===j?n:"","K":t.6.2H===j?"h-4V":""});o.1j(u);o.w("h-1o",r===i?s:i);o.w("h-1L",n);t.1p.1j(o)}}t.2L()},2L:9(){b t=d;7(t.6.1C===c){q c}t.1p.11(".h-1o").2p(9(n,r){7(e(d).w("h-1L")===e(t.$L[t.p]).w("h-1L")){t.1p.11(".h-1o").X("2g");e(d).I("2g")}})},3o:9(){b e=d;7(e.6.2n===c){q c}7(e.6.2l===c){7(e.p===0&&e.D===0){e.1v.I("1a");e.1u.I("1a")}m 7(e.p===0&&e.D!==0){e.1v.I("1a");e.1u.X("1a")}m 7(e.p===e.D){e.1v.X("1a");e.1u.I("1a")}m 7(e.p!==0&&e.p!==e.D){e.1v.X("1a");e.1u.X("1a")}}},2U:9(){b e=d;e.3T();e.3o();7(e.E){7(e.6.v>=e.F){e.E.4A()}m{e.E.4u()}}},4P:9(){b e=d;7(e.E){e.E.3w()}},T:9(e){b t=d;7(t.1H){q c}t.p+=t.6.16===j?t.6.v:1;7(t.p>t.D+(t.6.16==j?t.6.v-1:0)){7(t.6.2l===j){t.p=0;e="29"}m{t.p=t.D;q c}}t.1l(t.p,e)},1h:9(e){b t=d;7(t.1H){q c}7(t.6.16===j&&t.p>0&&t.p<t.6.v){t.p=0}m{t.p-=t.6.16===j?t.6.v:1}7(t.p<0){7(t.6.2l===j){t.p=t.D;e="29"}m{t.p=0;q c}}t.1l(t.p,e)},1l:9(e,t,n){b r=d;7(r.1H){q c}7(B r.6.1R==="9"){r.6.1R.O(d,[r.$k])}7(e>=r.D){e=r.D}m 7(e<=0){e=0}r.p=r.h.p=e;7(r.6.2k!==c&&n!=="3M"&&r.6.v===1&&r.G.1t===j){r.1s(0);7(r.G.1t===j){r.1Z(r.J[e])}m{r.1r(r.J[e],1)}r.2d();r.4H();q c}b i=r.J[e];7(r.G.1t===j){r.1F=c;7(t===j){r.1s("1z");1f(9(){r.1F=j},r.6.1z)}m 7(t==="29"){r.1s(r.6.2z);1f(9(){r.1F=j},r.6.2z)}m{r.1s("1m");1f(9(){r.1F=j},r.6.1m)}r.1Z(i)}m{7(t===j){r.1r(i,r.6.1z)}m 7(t==="29"){r.1r(i,r.6.2z)}m{r.1r(i,r.6.1m)}}r.2d()},2b:9(e){b t=d;7(B t.6.1R==="9"){t.6.1R.O(d,[t.$k])}7(e>=t.D||e===-1){e=t.D}m 7(e<=0){e=0}t.1s(0);7(t.G.1t===j){t.1Z(t.J[e])}m{t.1r(t.J[e],1)}t.p=t.h.p=e;t.2d()},2d:9(){b e=d;e.1M.3s(e.p);e.14=e.h.14=e.1M[e.1M.S-2];e.1M.4Z(0);7(e.14!==e.p){e.2L();e.3o();e.28();7(e.6.P!==c){e.3z()}}7(B e.6.2Q==="9"&&e.14!==e.p){e.6.2Q.O(d,[e.$k])}},Z:9(){b e=d;e.3i="Z";1d(e.1w)},3z:9(){b e=d;7(e.3i!=="Z"){e.19()}},19:9(){b e=d;e.3i="19";7(e.6.P===c){q c}1d(e.1w);e.1w=3Q(9(){e.T(j)},e.6.P)},1s:9(e){b t=d;7(e==="1m"){t.$H.A(t.2y(t.6.1m))}m 7(e==="1z"){t.$H.A(t.2y(t.6.1z))}m 7(B e!=="34"){t.$H.A(t.2y(e))}},2y:9(e){b t=d;q{"-22-1c":"2v "+e+"1x 2w","-1X-1c":"2v "+e+"1x 2w","-o-1c":"2v "+e+"1x 2w",1c:"2v "+e+"1x 2w"}},3G:9(){q{"-22-1c":"","-1X-1c":"","-o-1c":"",1c:""}},3J:9(e){q{"-22-Q":"1i("+e+"V, C, C)","-1X-Q":"1i("+e+"V, C, C)","-o-Q":"1i("+e+"V, C, C)","-1x-Q":"1i("+e+"V, C, C)",Q:"1i("+e+"V, C,C)"}},1Z:9(e){b t=d;t.$H.A(t.3J(e))},3U:9(e){b t=d;t.$H.A({W:e})},1r:9(e,t){b n=d;n.2c=c;n.$H.Z(j,j).3W({W:e},{55:t||n.6.1m,4y:9(){n.2c=j}})},3N:9(){b e=d;b r="1i(C, C, C)",i=n.56("M");i.2j.3I=" -1X-Q:"+r+"; -1x-Q:"+r+"; -o-Q:"+r+"; -22-Q:"+r+"; Q:"+r;b s=/1i\\(C, C, C\\)/g,o=i.2j.3I.4T(s),u=o!==1b&&o.S===1;b a="5k"2f t||66.5X;e.G={1t:u,15:a}},3V:9(){b e=d;7(e.6.1T!==c||e.6.1S!==c){e.3L();e.3P()}},3K:9(){b e=d;b t=["s","e","x"];e.12={};7(e.6.1T===j&&e.6.1S===j){t=["3a.h 25.h","3B.h 3S.h","2q.h 3X.h 2B.h"]}m 7(e.6.1T===c&&e.6.1S===j){t=["3a.h","3B.h","2q.h 3X.h"]}m 7(e.6.1T===j&&e.6.1S===c){t=["25.h","3S.h","2B.h"]}e.12["3H"]=t[0];e.12["3g"]=t[1];e.12["3n"]=t[2]},3P:9(){b t=d;t.$k.z("5N.h",9(e){e.1n()});t.$k.z("25.4d",9(t){q e(t.1e).2A("5M, 5L, 5Q, 5R")})},3L:9(){9 o(e){7(e.3q){q{x:e.3q[0].3h,y:e.3q[0].3Y}}m{7(e.3h!==r){q{x:e.3h,y:e.3Y}}m{q{x:e.5S,y:e.5T}}}}9 u(t){7(t==="z"){e(n).z(i.12["3g"],f);e(n).z(i.12["3n"],l)}m 7(t==="R"){e(n).R(i.12["3g"]);e(n).R(i.12["3n"])}}9 a(n){b n=n.3d||n||t.3r;7(n.5U===3){q c}7(i.F<=i.6.v){q}7(i.2c===c&&!i.6.31){q c}7(i.1F===c&&!i.6.31){q c}7(i.6.P!==c){1d(i.1w)}7(i.G.15!==j&&!i.$H.1O("3C")){i.$H.I("3C")}i.17=0;i.Y=0;e(d).A(i.3G());b r=e(d).2i();s.2K=r.W;s.2E=o(n).x-r.W;s.2G=o(n).y-r.5V;u("z");s.2a=c;s.30=n.1e||n.3R}9 f(r){b r=r.3d||r||t.3r;i.17=o(r).x-s.2E;i.3D=o(r).y-s.2G;i.Y=i.17-s.2K;7(B i.6.2Y==="9"&&s.3A!==j&&i.Y!==0){s.3A=j;i.6.2Y.O(i,[i.$k])}7(i.Y>8||i.Y<-8&&i.G.15===j){r.1n?r.1n():r.5K=c;s.2a=j}7((i.3D>10||i.3D<-10)&&s.2a===c){e(n).R("3B.h")}b u=9(){q i.Y/5};b a=9(){q i.3x+i.Y/5};i.17=23.3j(23.3Z(i.17,u()),a());7(i.G.1t===j){i.1Z(i.17)}m{i.3U(i.17)}}9 l(n){b n=n.3d||n||t.3r;n.1e=n.1e||n.3R;s.3A=c;7(i.G.15!==j){i.$H.X("3C")}7(i.Y<0){i.1D=i.h.1D="W"}m{i.1D=i.h.1D="2T"}7(i.Y!==0){b r=i.4b();i.1l(r,c,"3M");7(s.30===n.1e&&i.G.15!==j){e(n.1e).z("2N.3O",9(t){t.5O();t.5W();t.1n();e(n.1e).R("2N.3O")});b o=e.5Y(n.1e,"68")["2N"];b a=o.69();o.63(0,0,a)}}u("R")}b i=d;b s={2E:0,2G:0,5Z:0,2K:0,2i:1b,60:1b,61:1b,2a:1b,62:1b,30:1b};i.2c=j;i.$k.z(i.12["3H"],".h-1g",a)},4b:9(){b e=d,t;t=e.4B();7(t>e.D){e.p=e.D;t=e.D}m 7(e.17>=0){t=0;e.p=0}q t},4B:9(){b t=d,n=t.6.16===j?t.2X:t.J,r=t.17,i=1b;e.2p(n,9(s,o){7(r-t.N/20>n[s+1]&&r-t.N/20<o&&t.2R()==="W"){i=o;7(t.6.16===j){t.p=e.4C(i,t.J)}m{t.p=s}}m 7(r+t.N/20<o&&r+t.N/20>(n[s+1]||n[s]-t.N)&&t.2R()==="2T"){7(t.6.16===j){i=n[s+1]||n[n.S-1];t.p=e.4C(i,t.J)}m{i=n[s+1];t.p=s+1}}});q t.p},2R:9(){b e=d,t;7(e.Y<0){t="2T";e.2Z="T"}m{t="W";e.2Z="1h"}q t},4D:9(){b e=d;e.$k.z("h.T",9(){e.T()});e.$k.z("h.1h",9(){e.1h()});e.$k.z("h.19",9(t,n){e.6.P=n;e.19();e.36="19"});e.$k.z("h.Z",9(){e.Z();e.36="Z"});e.$k.z("h.1l",9(t,n){e.1l(n)});e.$k.z("h.2b",9(t,n){e.2b(n)})},2t:9(){b e=d;7(e.6.2t===j&&e.G.15!==j&&e.6.P!==c){e.$k.z("67",9(){e.Z()});e.$k.z("64",9(){7(e.36!=="Z"){e.19()}})}},1Q:9(){b t=d;7(t.6.1Q===c){q c}1B(b n=0;n<t.F;n++){b i=e(t.$L[n]);7(i.w("h-18")==="18"){4E}b s=i.w("h-1U"),o=i.11(".65"),u;7(B o.w("1N")!=="34"){i.w("h-18","18");4E}7(i.w("h-18")===r){o.4A();i.I("4v").w("h-18","5P")}7(t.6.4i===j){u=s>=t.p}m{u=j}7(u&&s<t.p+t.6.v&&o.S){t.4z(i,o)}}},4z:9(e,t){9 s(){r+=1;7(n.32(t.2C(0))||i===j){o()}m 7(r<=2h){1f(s,2h)}m{o()}}9 o(){e.w("h-18","18").X("4v");t.5I("w-1N");n.6.4j==="4k"?t.5m(5l):t.4u();7(B n.6.2W==="9"){n.6.2W.O(d,[n.$k])}}b n=d,r=0;7(t.5b("5o")==="5q"){t.A("5p-5J","5j("+t.w("1N")+")");b i=j}m{t[0].1N=t.w("1N")}s()},1q:9(){9 s(){i+=1;7(t.32(n.2C(0))){o()}m 7(i<=2h){1f(s,2h)}m{t.1V.A("2J","")}}9 o(){b n=e(t.$L[t.p]).2J();t.1V.A("2J",n+"V");7(!t.1V.1O("1q")){1f(9(){t.1V.I("1q")},0)}}b t=d;b n=e(t.$L[t.p]).11("5e");7(n.2C(0)!==r){b i=0;s()}m{o()}},32:9(e){7(!e.4y){q c}7(B e.4F!=="3b"&&e.4F==0){q c}q j},4M:9(){b t=d;7(t.6.35===j){t.$L.X("2g")}t.1y=[];1B(b n=t.p;n<t.p+t.6.v;n++){t.1y.3s(n);7(t.6.35===j){e(t.$L[n]).I("2g")}}t.h.1y=t.1y},4N:9(e){b t=d;t.4L="h-"+e+"-5d";t.4K="h-"+e+"-2f"},4H:9(){9 u(e,t){q{2i:"5c",W:e+"V"}}b e=d;e.1H=j;b t=e.4L,n=e.4K,r=e.$L.27(e.p),i=e.$L.27(e.14),s=23.4J(e.J[e.p])+e.J[e.14],o=23.4J(e.J[e.p])+e.N/2;e.$H.I("h-1I").A({"-22-Q-1I":o+"V","-1X-4I-1I":o+"V","4I-1I":o+"V"});b a="5f 5g 5i 5h";i.A(u(s,10)).I(t).z(a,9(){e.3c=j;i.R(a);e.3m(i,t)});r.I(n).z(a,9(){e.3e=j;r.R(a);e.3m(r,n)})},3m:9(e,t){b n=d;e.A({2i:"",W:""}).X(t);7(n.3c&&n.3e){n.$H.X("h-1I");n.3c=c;n.3e=c;n.1H=c}},4t:9(){b e=d;e.h={2m:e.2m,5r:e.$k,U:e.$U,L:e.$L,p:e.p,14:e.14,1y:e.1y,15:e.G.15,G:e.G,1D:e.1D}},47:9(){b r=d;r.$k.R(".h h 25.4d");e(n).R(".h h");e(t).R("48",r.3v)},1E:9(){b e=d;7(e.$k.1J().S!==0){e.$H.3u();e.$U.3u().3u();7(e.E){e.E.3w()}}e.47();e.$k.2x("2j",e.$k.w("h-42")||"").2x("K",e.$k.w("h-41"))},5s:9(){b e=d;e.Z();1d(e.1G);e.1E();e.$k.5D()},5C:9(t){b n=d;b r=e.44({},n.2m,t);n.1E();n.1Y(r,n.$k)},5E:9(e,t){b n=d,i;7(!e){q c}7(n.$k.1J().S===0){n.$k.1j(e);n.21();q c}n.1E();7(t===r||t===-1){i=-1}m{i=t}7(i>=n.$U.S||i===-1){n.$U.27(-1).5F(e)}m{n.$U.27(i).5H(e)}n.21()},5G:9(e){b t=d,n;7(t.$k.1J().S===0){q c}7(e===r||e===-1){n=-1}m{n=e}t.1E();t.$U.27(n).3w();t.21()}};e.3f.2s=9(t){q d.2p(9(){7(e(d).w("h-1Y")===j){q c}e(d).w("h-1Y",j);b n=3l.3k(i);n.1Y(t,d);e.w(d,"2s",n)})};e.3f.2s.6={v:5,13:c,1A:[5B,4],26:[5A,3],24:[5v,2],1W:c,1K:[5u,1],4r:c,4m:c,1m:2D,1z:5t,2z:5w,P:c,2t:c,2n:c,2I:["1h","T"],2l:j,16:c,1C:j,2H:c,2F:j,4l:2D,4h:t,1P:"h-5x",2r:"h-2r",1Q:c,4i:j,4j:"4k",1q:c,33:c,2P:c,31:j,1T:j,1S:j,35:c,2k:c,39:c,38:c,37:c,2S:c,1R:c,2Q:c,2V:c,2Y:c,2W:c}})(5z,5y,5n)',62,382,'||||||options|if||function||var|false|this||||owl||true|elem||else|||currentItem|return|||||items|data|||on|css|typeof|0px|maximumItem|owlControls|itemsAmount|browser|owlWrapper|addClass|positionsInArray|class|owlItems|div|itemWidth|apply|autoPlay|transform|off|length|next|userItems|px|right|removeClass|newRelativeX|stop||find|ev_types|itemsCustom|prevItem|isTouch|scrollPerPage|newPosX|loaded|play|disabled|null|transition|clearInterval|target|setTimeout|wrapper|prev|translate3d|append|width|goTo|slideSpeed|preventDefault|page|paginationWrapper|autoHeight|css2slide|swapSpeed|support3d|buttonNext|buttonPrev|autoPlayInterval|ms|visibleItems|paginationSpeed|itemsDesktop|for|pagination|dragDirection|unWrap|isCss3Finish|checkVisible|isTransition|origin|children|itemsMobile|roundPages|prevArr|src|hasClass|baseClass|lazyLoad|beforeMove|touchDrag|mouseDrag|item|wrapperOuter|itemsTabletSmall|moz|init|transition3d||setVars|webkit|Math|itemsTablet|mousedown|itemsDesktopSmall|eq|eachMoveUpdate|rewind|sliding|jumpTo|isCssFinish|afterGo|html|in|active|100|position|style|transitionStyle|rewindNav|userOptions|navigation|opacity|each|touchend|theme|owlCarousel|stopOnHover|orignalItems|all|ease|attr|addCssSpeed|rewindSpeed|is|mouseup|get|200|offsetX|responsive|offsetY|paginationNumbers|navigationText|height|relativePos|checkPagination|Number|click|logIn|jsonSuccess|afterMove|moveDirection|afterInit|left|updateControls|afterAction|afterLazyLoad|pagesInArray|startDragging|playDirection|targetElement|dragBeforeAnimFinish|completeImg|jsonPath|string|addClassActive|hoverStatus|beforeInit|afterUpdate|beforeUpdate|touchstart|undefined|endPrev|originalEvent|endCurrent|fn|move|pageX|apStatus|max|create|Object|clearTransStyle|end|checkNavigation|updateItems|touches|event|push|watchVisibility|unwrap|resizer|remove|maximumPixels|visible|checkAp|dragging|touchmove|grabbing|newPosY|updateVars|calculateAll|removeTransition|start|cssText|doTranslate|eventTypes|gestures|drag|checkBrowser|disable|disabledEvents|setInterval|srcElement|mousemove|updatePagination|css2move|moveEvents|animate|touchcancel|pageY|min|buildControls|originalClasses|originalStyles|updatePosition|extend|block|response|clearEvents|resize|appendWrapperSizes|calculateWidth|getNewPosition|appendItemsSizes|disableTextSelect|display|outer|loadContent|responsiveBaseWidth|lazyFollow|lazyEffect|fade|responsiveRefreshRate|itemsScaleUp|wrapItems|wrap|reload|onStartup|singleItem|loops|owlStatus|show|loading|buildPagination|buildButtons|complete|lazyPreload|hide|closestItem|inArray|customEvents|continue|naturalWidth|span|singleItemTransition|perspective|abs|inClass|outClass|onVisibleItems|transitionTypes|wrapperWidth|destroyControls|round|new|prototype|match|toggleClass|numbers|getJSON|onstartup|buttons|shift|sort|appendTo|clearTimeout|controls|wrapAll|duration|createElement|clickable|500|text|5e3|prop|relative|out|img|webkitAnimationEnd|oAnimationEnd|animationend|MSAnimationEnd|url|ontouchstart|400|fadeIn|document|tagName|background|DIV|baseElement|destroy|800|479|768|1e3|carousel|window|jQuery|979|1199|reinit|removeData|addItem|after|removeItem|before|removeAttr|image|returnValue|textarea|input|dragstart|stopImmediatePropagation|checked|select|option|clientX|clientY|which|top|stopPropagation|msMaxTouchPoints|_data|baseElWidth|minSwipe|maxSwipe|dargging|splice|mouseout|lazyOwl|navigator|mouseover|events|pop'.split('|'),0,{}));
// SelectNav.js - https://github.com/lukaszfiszer/selectnav.js
window.selectnav=function(){"use strict";var e=function(e,t){function c(e){var t;if(!e)e=window.event;if(e.target)t=e.target;else if(e.srcElement)t=e.srcElement;if(t.nodeType===3)t=t.parentNode;if(t.value)window.location.href=t.value}function h(e){var t=e.nodeName.toLowerCase();return t==="ul"||t==="ol"}function p(e){for(var t=1;document.getElementById("selectnav"+t);t++);return e?"selectnav"+t:"selectnav"+(t-1)}function d(e){a++;var t=e.children.length,n="",l="",c=a-1;if(!t){return}if(c){while(c--){l+=o}l+=" "}for(var v=0;v<t;v++){var m=e.children[v].children[0];if(typeof m!=="undefined"){var g=m.innerText||m.textContent;var y="";if(r){y=m.className.search(r)!==-1||m.parentNode.className.search(r)!==-1?f:""}if(i&&!y){y=m.href===document.URL?f:""}n+='<option value="'+m.href+'" '+y+">"+l+g+"</option>";if(s){var b=e.children[v].children[1];if(b&&h(b)){n+=d(b)}}}}if(a===1&&u){n='<option value="">'+u+"</option>"+n}if(a===1){n='<select class="selectnav" id="'+p(true)+'">'+n+"</select>"}a--;return n}e=document.getElementById(e);if(!e){return}if(!h(e)){return}if(!("insertAdjacentHTML"in window.document.documentElement)){return}document.documentElement.className+=" js";var n=t||{},r=n.activeclass||"active",i=typeof n.autoselect==="boolean"?n.autoselect:true,s=typeof n.nested==="boolean"?n.nested:true,o=n.indent||"←",u=n.label||"- القائمة -",a=0,f=" selected ";e.insertAdjacentHTML("afterend",d(e));var l=document.getElementById(p());if(l.addEventListener){l.addEventListener("change",c)}if(l.attachEvent){l.attachEvent("onchange",c)}return l};return function(t,n){e(t,n)}}();$(document).ready(function(){selectnav('nav');});
$(document).ready(function() {
$(".widget-content").each(function(){var e=$(this).text();if(e.substr(0,10).match("fbbox")){e=e.replace("fbbox/","");$(this).html('<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href='+e+'&width=340px&height=258&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false&appId=492409184153294" style="border:none; overflow:hidden; width:100%; height:258px;"></iframe>');}});$(document).ready(function() {$('#sidebar-wrapper h2:contains("فيس بوك")').parents(".widget").addClass('facebook-box');});
(function($){
$('.data-snippet').each(function() {
var postdesc = $(this);
$.get(postdesc.attr('data-post'), function (data) {
postdesc.html('<span>'+$(data).find('.post-body').text().substr(0, 300)+' [...]</span>');
},"html");
});
})(jQuery);
$('.post-thumb a').attr('style', function(i, src) {return src.replace( '/s72-c', '/s1600' );});
$('.post-thumb a').attr('style', function(i, src) {return src.replace( '/default.jpg', '/mqdefault.jpg' );});
$('.index .post-outer').each(function() {
var title = $(this).find('.post-home .post-title').text();
var thumb = $(this).find('.post-thumb a').attr('data-thumb');
var snippet = $(this).find('.data-snippet');
var url = snippet.attr('data-post');
var share = $(this).find('.post-share').length;
if (share === 0) {
snippet.after('<div class="post-share"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=' + url + '"><i class="fa fa-facebook"></i></a><a target="_blank" href="https://twitter.com/intent/tweet?source=webclient&text=' + title + ' ' + url + '"><i class="fa fa-twitter"></i></a><a target="_blank" href="https://plus.google.com/share?url=' + url + '"><i class="fa fa-google-plus"></i></a><a target="_blank" href="http://www.pinterest.com/pin/create/button/?source_url=' + url + '&media=' + thumb + '&description=' + title + '"><i class="fa fa-pinterest"></i></a><a target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&url=' + url + '"><i class="fa fa-linkedin"></i></a><div>');
}
});
if ( $('.item .first-img').length != 0) {
$('.post-body img:first-child').remove();
}
$('.error_page #main-wrapper').prepend('<div class="error-title"><span>404</span>');
$( "#sidebar-wrapper .widget h2" ).wrap( "<div class='widget-title'/>" );
$( "#footer-wrapper .widget h2" ).wrap( "<div class='widget-title'/>" );
$( ".FollowByEmail .follow-by-email-inner form table" ).html( "<tr><td><input class='follow-by-email-address' name='email' placeholder='البريد الإلكتروني..' type='text'><div class='email-icon'><i class='fa fa-envelope'/></div></td><td width='64px'><input class='follow-by-email-submit' type='submit' value='إشتراك'></td></tr>" );
});
$(document).on('click','#search-button button.open',function(){
$( "#search-bar" ).css("display","block");
$( "#search-bar" ).animate({right:'0px'},"500");
$( this ).css("display","none");
$( "#search-button button.remove" ).css("display","block");
});
$(document).on('click','#search-button button.remove',function(){
$( "#search-bar" ).css("display","none");
$( "#search-bar" ).css("right","100%");
$( this ).css("display","none");
$( "#search-button button.open" ).css("display","block");
});
// Infinite Scrolling
(function($) {
var loadingGif = 'http://1.bp.blogspot.com/-mS3MxrWoZMA/U7cGlLXgvVI/AAAAAAAAEQE/OYVpjUSqEHI/s1600/ajax-loader+(2).gif';
var olderPostsLink = '';
var loadMoreDiv = null;
var postContainerSelector = '.blog-posts';
var loading = false;
var win = $(window);
var doc = $(document);
// Took from jQuery to avoid permission denied error in IE.
var rscript = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;
function loadDisqusScript(domain) {
$.getScript('http://' + domain + '.disqus.com/blogger_index.js');
}
function loadMore() {
if (loading) {
return;
}
loading = true;
if (!olderPostsLink) {
loadMoreDiv.html('<span>لايوجد المزيد</span>');
return;
}
loadMoreDiv.find('a').hide();
loadMoreDiv.find('img').show();
$.ajax(olderPostsLink, {
'dataType': 'html'
}).done(function(html) {
var newDom = $('<div></div>').append(html.replace(rscript, ''));
var newLink = newDom.find('a.blog-pager-older-link');
if (newLink) {
olderPostsLink = newLink.attr('href');
} else {
olderPostsLink = '';
loadMoreDiv.hide();
}
var newPosts = newDom.find(postContainerSelector).children();
$(postContainerSelector).append(newPosts);
(function($){
$('.data-snippet').each(function() {
var postdesc = $(this);
$.get(postdesc.attr('data-post'), function (data) {
postdesc.html('<span>'+$(data).find('.post-body').text().substr(0, 300)+' [...]</span>');
},"html");
});
})(jQuery);
$('.post-thumb a').attr('style', function(i, src) {return src.replace( '/s72-c', '/s1600' );});
$('.post-thumb a').attr('style', function(i, src) {return src.replace( '/default.jpg', '/mqdefault.jpg' );});
$('.index .post-outer').each(function() {
var title = $(this).find('.post-home .post-title').text();
var thumb = $(this).find('.post-thumb a').attr('data-thumb');
var snippet = $(this).find('.data-snippet');
var url = snippet.attr('data-post');
var share = $(this).find('.post-share').length;
if (share === 0) {
snippet.after('<div class="post-share"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=' + url + '"><i class="fa fa-facebook"></i></a><a target="_blank" href="https://twitter.com/intent/tweet?source=webclient&text=' + title + ' ' + url + '"><i class="fa fa-twitter"></i></a><a target="_blank" href="https://plus.google.com/share?url=' + url + '"><i class="fa fa-google-plus"></i></a><a target="_blank" href="http://www.pinterest.com/pin/create/button/?source_url=' + url + '&media=' + thumb + '&description=' + title + '"><i class="fa fa-pinterest"></i></a><a target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&url=' + url + '"><i class="fa fa-linkedin"></i></a><div>');
}
});
// Loaded more posts successfully. Register this pageview with
// Google Analytics.
if (window._gaq) {
window._gaq.push(['_trackPageview', olderPostsLink]);
}
// Render +1 buttons.
if (window.gapi && window.gapi.plusone && window.gapi.plusone.go) {
window.gapi.plusone.go();
}
// Render Disqus comments.
if (window.disqus_shortname) {
loadDisqusScript(window.disqus_shortname);
}
// Render Facebook buttons.
if (window.FB && window.FB.XFBML && window.FB.XFBML.parse) {
window.FB.XFBML.parse();
}
// Render Twitter widgets.
if (window.twttr && window.twttr.widgets && window.twttr.widgets.load) {
window.twttr.widgets.load();
}
loadMoreDiv.find('img').hide();
loadMoreDiv.find('a').show();
loading = false;
});
}
function getDocumentHeight() {
return Math.max(
win.height(),
doc.height(),
document.documentElement.clientHeight);
}
function handleScroll() {
var height = getDocumentHeight();
var pos = win.scrollTop() + win.height();
if (height - pos < 0) {
loadMore();
}
}
function init() {
if (_WidgetManager._GetAllData().blog.pageType == 'item') {
return;
}
olderPostsLink = $('a.blog-pager-older-link').attr('href');
if (!olderPostsLink) {
return;
}
var link = $('<a href="javascript:;"><i class="fa fa-spin fa-circle-o-notch"></i> تحميل المزيد من الموضوعات</a>');
link.click(loadMore);
var img = $('<img src="' + loadingGif + '" style="display: none;">');
win.scroll(handleScroll);
loadMoreDiv = $('<div class="loadmore"></div>');
loadMoreDiv.append(link);
loadMoreDiv.append(img);
loadMoreDiv.insertBefore($('#blog-pager'));
$('#blog-pager').hide();
}
$(document).ready(init);
})(jQuery);
// Recent Posts Styles
$(".slider-layout .HTML .widget-content").each(function () {
var tag = $(this).text();
$.ajax({
url: "/feeds/posts/default/-/" + tag + "?alt=json-in-script&max-results=9",
type: 'get',
dataType: "jsonp",
success: function (data) {
var posturl = "";
var htmlcode = '<div class="slider-items owl-carousel">';
for (var i = 0; i < data.feed.entry.length; i++) {
for (var j = 0; j < data.feed.entry[i].link.length; j++) {
if (data.feed.entry[i].link[j].rel == "alternate") {
posturl = data.feed.entry[i].link[j].href;
break;
}
}
var posttitle = data.feed.entry[i].title.$t;
var author = data.feed.entry[i].author[0].name.$t;
var date = data.feed.entry[i].published.$t.substring(0, 10);
var content = data.feed.entry[i].content.$t;
var $content = $('<div>').html(content);
if (content.indexOf("http://www.youtube.com/embed/") > -1 || content.indexOf("https://www.youtube.com/embed/") > -1 ) {
var src2 = data.feed.entry[i].media$thumbnail.url;
var thumb = '<a class="recent-thumb" href="' + posturl + '" style="background:url('+src2+') no-repeat center center;background-size: cover"/>';
} else if (content.indexOf("<img") > -1 ) {
var src = $content.find('img:first').attr('src');
var thumb = '<a class="recent-thumb" href="' + posturl + '" style="background:url('+src+') no-repeat center center;background-size: cover"/>';
} else {
var thumb = '<a class="recent-thumb" href="' + posturl + '" style="background:url(http://3.bp.blogspot.com/-qnLm52EsvBE/VDkrZ46TWXI/AAAAAAAAAsM/tiJ36WiboU4/s1600/90.jpg) no-repeat center center;background-size: cover"/>';
}
htmlcode += '<li>' + thumb + '<div class="recent-content"><h3 class="recent-title"><a href="' + posturl + '">' + posttitle + '</a></h3><span class="recent-date">' + date + '</span><span class="recent-author">' + author + '</span></div><div class="clear"/></li>';
}
htmlcode += '</div>';
$(".slider-layout .HTML .widget-content").each(function () {
$(this).html(htmlcode);
$(this).parent().addClass('slider');
$(this).removeClass('widget-content').addClass('layout-content');
$(".slider-items").owlCarousel({
items : 3,
navigation : true,
navigationText : ["",""],
itemsDesktop : [1000,3],
itemsDesktopSmall : [647,2],
itemsTablet : [396,1],
autoPlay: true,
autoPlay : 5000,
itemsMobile : false,
pagination : true
});
$(this).find('.recent-thumb').each(function() {
$(this).attr('style', function(i, src) {
return src.replace('/default.jpg', '/mqdefault.jpg');
}).attr('style', function(i, src) {
return src.replace('s72-c', 's1600');
});
});
});
}
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
(function(){var a,b,c,d,e,f=function(a,b){return function(){return a.apply(b,arguments)}},g=[].indexOf||function(a){for(var b=0,c=this.length;c>b;b++)if(b in this&&this[b]===a)return b;return-1};b=function(){function a(){}return a.prototype.extend=function(a,b){var c,d;for(c in b)d=b[c],null==a[c]&&(a[c]=d);return a},a.prototype.isMobile=function(a){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(a)},a.prototype.addEvent=function(a,b,c){return null!=a.addEventListener?a.addEventListener(b,c,!1):null!=a.attachEvent?a.attachEvent("on"+b,c):a[b]=c},a.prototype.removeEvent=function(a,b,c){return null!=a.removeEventListener?a.removeEventListener(b,c,!1):null!=a.detachEvent?a.detachEvent("on"+b,c):delete a[b]},a.prototype.innerHeight=function(){return"innerHeight"in window?window.innerHeight:document.documentElement.clientHeight},a}(),c=this.WeakMap||this.MozWeakMap||(c=function(){function a(){this.keys=[],this.values=[]}return a.prototype.get=function(a){var b,c,d,e,f;for(f=this.keys,b=d=0,e=f.length;e>d;b=++d)if(c=f[b],c===a)return this.values[b]},a.prototype.set=function(a,b){var c,d,e,f,g;for(g=this.keys,c=e=0,f=g.length;f>e;c=++e)if(d=g[c],d===a)return void(this.values[c]=b);return this.keys.push(a),this.values.push(b)},a}()),a=this.MutationObserver||this.WebkitMutationObserver||this.MozMutationObserver||(a=function(){function a(){"undefined"!=typeof console&&null!==console&&console.warn("MutationObserver is not supported by your browser."),"undefined"!=typeof console&&null!==console&&console.warn("WOW.js cannot detect dom mutations, please call .sync() after loading new content.")}return a.notSupported=!0,a.prototype.observe=function(){},a}()),d=this.getComputedStyle||function(a){return this.getPropertyValue=function(b){var c;return"float"===b&&(b="styleFloat"),e.test(b)&&b.replace(e,function(a,b){return b.toUpperCase()}),(null!=(c=a.currentStyle)?c[b]:void 0)||null},this},e=/(\-([a-z]){1})/g,this.WOW=function(){function e(a){null==a&&(a={}),this.scrollCallback=f(this.scrollCallback,this),this.scrollHandler=f(this.scrollHandler,this),this.start=f(this.start,this),this.scrolled=!0,this.config=this.util().extend(a,this.defaults),this.animationNameCache=new c}return e.prototype.defaults={boxClass:"wow",animateClass:"animated",offset:0,mobile:!0,live:!0},e.prototype.init=function(){var a;return this.element=window.document.documentElement,"interactive"===(a=document.readyState)||"complete"===a?this.start():this.util().addEvent(document,"DOMContentLoaded",this.start),this.finished=[]},e.prototype.start=function(){var b,c,d,e;if(this.stopped=!1,this.boxes=function(){var a,c,d,e;for(d=this.element.querySelectorAll("."+this.config.boxClass),e=[],a=0,c=d.length;c>a;a++)b=d[a],e.push(b);return e}.call(this),this.all=function(){var a,c,d,e;for(d=this.boxes,e=[],a=0,c=d.length;c>a;a++)b=d[a],e.push(b);return e}.call(this),this.boxes.length)if(this.disabled())this.resetStyle();else{for(e=this.boxes,c=0,d=e.length;d>c;c++)b=e[c],this.applyStyle(b,!0);this.util().addEvent(window,"scroll",this.scrollHandler),this.util().addEvent(window,"resize",this.scrollHandler),this.interval=setInterval(this.scrollCallback,50)}return this.config.live?new a(function(a){return function(b){var c,d,e,f,g;for(g=[],e=0,f=b.length;f>e;e++)d=b[e],g.push(function(){var a,b,e,f;for(e=d.addedNodes||[],f=[],a=0,b=e.length;b>a;a++)c=e[a],f.push(this.doSync(c));return f}.call(a));return g}}(this)).observe(document.body,{childList:!0,subtree:!0}):void 0},e.prototype.stop=function(){return this.stopped=!0,this.util().removeEvent(window,"scroll",this.scrollHandler),this.util().removeEvent(window,"resize",this.scrollHandler),null!=this.interval?clearInterval(this.interval):void 0},e.prototype.sync=function(){return a.notSupported?this.doSync(this.element):void 0},e.prototype.doSync=function(a){var b,c,d,e,f;if(null==a&&(a=this.element),1===a.nodeType){for(a=a.parentNode||a,e=a.querySelectorAll("."+this.config.boxClass),f=[],c=0,d=e.length;d>c;c++)b=e[c],g.call(this.all,b)<0?(this.boxes.push(b),this.all.push(b),this.stopped||this.disabled()?this.resetStyle():this.applyStyle(b,!0),f.push(this.scrolled=!0)):f.push(void 0);return f}},e.prototype.show=function(a){return this.applyStyle(a),a.className=""+a.className+" "+this.config.animateClass},e.prototype.applyStyle=function(a,b){var c,d,e;return d=a.getAttribute("data-wow-duration"),c=a.getAttribute("data-wow-delay"),e=a.getAttribute("data-wow-iteration"),this.animate(function(f){return function(){return f.customStyle(a,b,d,c,e)}}(this))},e.prototype.animate=function(){return"requestAnimationFrame"in window?function(a){return window.requestAnimationFrame(a)}:function(a){return a()}}(),e.prototype.resetStyle=function(){var a,b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],e.push(a.style.visibility="visible");return e},e.prototype.customStyle=function(a,b,c,d,e){return b&&this.cacheAnimationName(a),a.style.visibility=b?"hidden":"visible",c&&this.vendorSet(a.style,{animationDuration:c}),d&&this.vendorSet(a.style,{animationDelay:d}),e&&this.vendorSet(a.style,{animationIterationCount:e}),this.vendorSet(a.style,{animationName:b?"none":this.cachedAnimationName(a)}),a},e.prototype.vendors=["moz","webkit"],e.prototype.vendorSet=function(a,b){var c,d,e,f;f=[];for(c in b)d=b[c],a[""+c]=d,f.push(function(){var b,f,g,h;for(g=this.vendors,h=[],b=0,f=g.length;f>b;b++)e=g[b],h.push(a[""+e+c.charAt(0).toUpperCase()+c.substr(1)]=d);return h}.call(this));return f},e.prototype.vendorCSS=function(a,b){var c,e,f,g,h,i;for(e=d(a),c=e.getPropertyCSSValue(b),i=this.vendors,g=0,h=i.length;h>g;g++)f=i[g],c=c||e.getPropertyCSSValue("-"+f+"-"+b);return c},e.prototype.animationName=function(a){var b;try{b=this.vendorCSS(a,"animation-name").cssText}catch(c){b=d(a).getPropertyValue("animation-name")}return"none"===b?"":b},e.prototype.cacheAnimationName=function(a){return this.animationNameCache.set(a,this.animationName(a))},e.prototype.cachedAnimationName=function(a){return this.animationNameCache.get(a)},e.prototype.scrollHandler=function(){return this.scrolled=!0},e.prototype.scrollCallback=function(){var a;return!this.scrolled||(this.scrolled=!1,this.boxes=function(){var b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],a&&(this.isVisible(a)?this.show(a):e.push(a));return e}.call(this),this.boxes.length||this.config.live)?void 0:this.stop()},e.prototype.offsetTop=function(a){for(var b;void 0===a.offsetTop;)a=a.parentNode;for(b=a.offsetTop;a=a.offsetParent;)b+=a.offsetTop;return b},e.prototype.isVisible=function(a){var b,c,d,e,f;return c=a.getAttribute("data-wow-offset")||this.config.offset,f=window.pageYOffset,e=f+Math.min(this.element.clientHeight,this.util().innerHeight())-c,d=this.offsetTop(a),b=d+a.clientHeight,e>=d&&b>=f},e.prototype.util=function(){return null!=this._util?this._util:this._util=new b},e.prototype.disabled=function(){return!this.config.mobile&&this.util().isMobile(navigator.userAgent)},e}()}).call(this);
//]]>
</script>
<script>
new WOW().init();
</script>
<div class='container'>
<div id='header-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
<div class='header section' id='header'><div class='widget Header' data-version='1' id='Header1'>
<div id='header-inner'>
<h1>
<a href='http://WEB3-NIGHT.blogspot.com/' style='display: block'>
<h1><img alt='مدونة ويب نايت | قوالب بلوجر,اضافات بلوجر, دروس بلوجر' height='80px; ' id='Header1_headerimg' src='http://store2.up-00.com/2016-06/1465961578391.png' style='display: block' width='308px; '/></h1>
</a></h1>
</div>
</div></div>
<div id='nav'>
<div id='menu-2'><a><i class='fa fa-bars'/></a></div>
<ul class='sf-menu header_menu sf-js-enabled'>
<li class='current' id='first-li'><a href='/'>
<img alt='' class='menu_img' src='http://1.bp.blogspot.com/-vLI6-qtiu8M/VNQdKqNYEcI/AAAAAAAADx0/7MPD95Dhilo/s1600/home_icon2.png'/></a></li>
<li><a class='sf-with-ul' href='/search/?max-results=12'>
<span/>المدونة<strong/><span class='sf-sub-indicator'/></a>
<ul>
<li><a href='/search/label/اضافات بلوجر'>اضافات بلوجر</a></li>
<li><a href='/search/label/JQuery'>جي كويري</a></li>
<li><a href='/search/label/تعليقــات'>تعليقات</a></li>
<li><a href='/search/label/أيقونات'>ازرار + ايقونات</a></li>
<li><a href='/search/label/CSS3'>CSS3 + CSS</a></li>
<li><a href='/search/label/سلايدرشو'>سلايدرشو</a></li>
<li><a href='/p/blog-page.html'>الارشيف</a></li>
<li><a href='#'><i class='fa fa-code'/>ادوات بلوجر</a><ul>
<li><a href='/p/blog-page_22.html'>ضغط اكواد css</a></li>
<li><a href='/p/blog-page_15.html'>محرر الاكواد</a></li>
<li><a href='/p/blog-page_23.html'>محول الاكواد</a></li>
<li><a href='/p/blog-page_8433.html'>اكواد الالوان</a></li>
</ul></li>
</ul>
</li>
<li><a href='/search/label/قوالب بلوجر مدفوعة' title='قوالب بلوجر مدفوعة'>اعمالي<strong/></a>
<ul>
<li><a href='/search/label/قوالب بلوجر مدفوعة' title='قوالب بلوجر مدفوعة'>القوالب المدفوعة</a></li>
<li><a href='/search/label/قوالب بلوجر مجانية' title='قوالب بلوجر مجانية'>القوالب المجانية<strong/></a></li>
<li><a href='http://WEB3-NIGHT.blogspot.com/search/label/%D9%82%D9%88%D8%A7%D9%84%D8%A8%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1%20%D9%85%D8%B9%D8%B1%D8%A8%D8%A9%20%20%D9%88%D9%85%D8%B7%D9%88%D8%B1%D8%A9' title='قوالب بلوجر معربة,قوالب بلوجر مطورةه'>التعريب والتطوير<strong/></a></li>
</ul>
</li>
<li><a href='/search/label/قوالب بلوجر'>قوالب مجانيه</a></li>
<li id='last-li'><a class='cbiframe' href='/p/blog-page_6165.html'>اتصل بنا<strong/></a></li>
</ul>
</div>
</div>
</div>
<div class='slider_wrapper'>
<div class='container'>
<div class='alba-text-c fadeInUp wow animated' style='visibility: visible;-webkit-animation-delay: .2s; -moz-animation-delay: .4s; animation-delay: .4s;'>
<h1 class='intro'><em style="
margin-right: 70px;
" >تصميم قوالب بلوجر
بدقة واحتراف</em></h1>
<a class='contact' href='/search/?max-results=18'>ادخل للمدونة الان</a>
</div>
</div>
</div>
<div class='box1-color'>
<div class='container'>
<h2 class='title'>الخدمات</h2>
<div class='cs-divider-icon text-center xs-margin' style='width:75%;'><div class='cs-divider-icon-inner cs-divider-icon-dashed'><i class='cs-in fa fa-th'/></div></div>
<div class='ish-vc_row_inner' style='padding: 20px 10px;'>
<div class='alba-servec'>
<div class='vc_col-sm-4 wpb_column column_container fadeInUp wow animated' data-wow-delay='0.2s' data-wow-duration='0.5s'><div class='wpb_wrapper'><div class='ish-sc-element ish-sc_svg_icon ish-hexagon_rounded ish-color10 ish-glow'><a href='/'><svg height='100px' style='width:150px;height:150px;' viewBox='0 0 572 650' width='100px'><path d='M553.901,178.69c-1.79-3.97-3.976-7.721-6.519-11.198c-19.332-32.392-216.94-145.165-255.816-146.085 c-2.269-0.25-4.57-0.388-6.905-0.388c-2.509,0-4.979,0.165-7.41,0.452C236.099,24.391,42.725,135.1,22.422,167.653 c-2.579,3.504-4.792,7.29-6.603,11.297C-3.06,212.637-3.067,443.009,16.166,472.354c1.523,3.224,3.318,6.291,5.347,9.184 c16.503,31.159,214.665,144.547,255.519,146.812c2.502,0.305,5.044,0.48,7.629,0.48c3.483,0,6.896-0.298,10.223-0.846 c0.731-0.12,1.462-0.245,2.185-0.391c0.159-0.031,0.323-0.067,0.485-0.102c0.87-0.183,1.775-0.391,2.721-0.628 c0.005-0.001,0.01-0.003,0.015-0.004c53.772-13.502,226.592-113.494,246.468-144.499c3.103-4.124,5.705-8.645,7.722-13.473 C572.138,429.665,572.058,212.169,553.901,178.69z'/></svg><span>
<span style='background-image: url("https://googledrive.com/host/0B-3cyo_HIYMIbzZncGVCbmo1cjQ"); width: 150px; height: 150px;'/>
</span></a></div>
<h3 class='ish-sc-element ish-sc_headline'>تصميم قوالب بلوجر</h3>
<p class='ser-tex'>
نتميز بالافكار الجديدة والمتنوعة باستخدام أحدث البرمجيات وبتقنيات مواكبه للعصر الحديث التي ستبهر زوار موقعك حيث يكون له طابع خاص بلمسات وفنون احترافيه
</p>
</div>
</div>
<div class='vc_col-sm-4 wpb_column column_container fadeInUp wow animated' data-wow-delay='0.4s' data-wow-duration='0.5s'>
<div class='wpb_wrapper'>
<div class='ish-sc-element ish-sc_svg_icon ish-hexagon_rounded ish-color6 ish-glow'>
<a href='/'>
<svg height='100px' style='width:150px;height:150px;' viewBox='0 0 572 650' width='100px'>
<path d='M553.901,178.69c-1.79-3.97-3.976-7.721-6.519-11.198c-19.332-32.392-216.94-145.165-255.816-146.085 c-2.269-0.25-4.57-0.388-6.905-0.388c-2.509,0-4.979,0.165-7.41,0.452C236.099,24.391,42.725,135.1,22.422,167.653 c-2.579,3.504-4.792,7.29-6.603,11.297C-3.06,212.637-3.067,443.009,16.166,472.354c1.523,3.224,3.318,6.291,5.347,9.184 c16.503,31.159,214.665,144.547,255.519,146.812c2.502,0.305,5.044,0.48,7.629,0.48c3.483,0,6.896-0.298,10.223-0.846 c0.731-0.12,1.462-0.245,2.185-0.391c0.159-0.031,0.323-0.067,0.485-0.102c0.87-0.183,1.775-0.391,2.721-0.628 c0.005-0.001,0.01-0.003,0.015-0.004c53.772-13.502,226.592-113.494,246.468-144.499c3.103-4.124,5.705-8.645,7.722-13.473 C572.138,429.665,572.058,212.169,553.901,178.69z'/>
</svg>
<span>
<span style='background-image: url('https://googledrive.com/host/0B-3cyo_HIYMIcFppbDk3TkdwbDA');width:150px;height:150px;'/>
</span></a></div>
<h3 class='ish-sc-element ish-sc_headline'>تكويد ملفات psd</h3>
<p class='ser-tex'>
نهتم بالبساطه والسهوله بالنسبه لتعديل وتخصيص القالب بحيث انه بامكان اي شخص التعديل على القالب وتنسيقه حتى ولو لم تكن له خبره مسبقه في بلوجر</p>
</div></div>
<div class='vc_col-sm-4 wpb_column column_container fadeInUp wow animated' data-wow-delay='0.6s' data-wow-duration='0.5s'><div class='wpb_wrapper'><div class='ish-sc-element ish-sc_svg_icon ish-hexagon_rounded ish-color5 ish-glow'>
<a href=''><svg height='100px' style='width:150px;height:150px;' viewBox='0 0 572 650' width='100px'><path d='M553.901,178.69c-1.79-3.97-3.976-7.721-6.519-11.198c-19.332-32.392-216.94-145.165-255.816-146.085 c-2.269-0.25-4.57-0.388-6.905-0.388c-2.509,0-4.979,0.165-7.41,0.452C236.099,24.391,42.725,135.1,22.422,167.653 c-2.579,3.504-4.792,7.29-6.603,11.297C-3.06,212.637-3.067,443.009,16.166,472.354c1.523,3.224,3.318,6.291,5.347,9.184 c16.503,31.159,214.665,144.547,255.519,146.812c2.502,0.305,5.044,0.48,7.629,0.48c3.483,0,6.896-0.298,10.223-0.846 c0.731-0.12,1.462-0.245,2.185-0.391c0.159-0.031,0.323-0.067,0.485-0.102c0.87-0.183,1.775-0.391,2.721-0.628 c0.005-0.001,0.01-0.003,0.015-0.004c53.772-13.502,226.592-113.494,246.468-144.499c3.103-4.124,5.705-8.645,7.722-13.473 C572.138,429.665,572.058,212.169,553.901,178.69z'/></svg><span>
<span style='background-image: url('https://googledrive.com/host/0B-3cyo_HIYMINzc1VWl0bEZ4NzQ');width:150px;height:150px;'/>
</span></a>
</div>
<h3 class='ish-sc-element ish-sc_headline'>تصميم قوالب متجاوبة</h3>
<p class='ser-tex'>
التصميم المتجاوب يجعل من موقعك اكثر انسيابيه ووضوح كما انه يجعله متناسق مع جميع انواع مقاسات شاشات الاجهزه الذكيه (موبايل , تابلت , ايباد )
</p>
</div>
</div>
<div class='vc_col-sm-4 wpb_column column_container fadeInUp wow animated' data-wow-delay='0.8s' data-wow-duration='0.5s' style='margin-left: 0px ! important;'>
<div class='wpb_wrapper'>
<div class='ish-sc-element ish-sc_svg_icon ish-hexagon_rounded ish-color3 ish-glow'>
<a href='/'>
<svg height='100px' style='width:150px;height:150px;' viewBox='0 0 572 650' width='100px'><path d='M553.901,178.69c-1.79-3.97-3.976-7.721-6.519-11.198c-19.332-32.392-216.94-145.165-255.816-146.085 c-2.269-0.25-4.57-0.388-6.905-0.388c-2.509,0-4.979,0.165-7.41,0.452C236.099,24.391,42.725,135.1,22.422,167.653 c-2.579,3.504-4.792,7.29-6.603,11.297C-3.06,212.637-3.067,443.009,16.166,472.354c1.523,3.224,3.318,6.291,5.347,9.184 c16.503,31.159,214.665,144.547,255.519,146.812c2.502,0.305,5.044,0.48,7.629,0.48c3.483,0,6.896-0.298,10.223-0.846 c0.731-0.12,1.462-0.245,2.185-0.391c0.159-0.031,0.323-0.067,0.485-0.102c0.87-0.183,1.775-0.391,2.721-0.628 c0.005-0.001,0.01-0.003,0.015-0.004c53.772-13.502,226.592-113.494,246.468-144.499c3.103-4.124,5.705-8.645,7.722-13.473 C572.138,429.665,572.058,212.169,553.901,178.69z'/>
</svg>
<span>
<span style='background-image: url('https://googledrive.com/host/0B-3cyo_HIYMING83c2dhY1A5elk');width:150px;height:150px;'/>
</span></a></div><h3 class='ish-sc-element ish-sc_headline'>دعم فني شامل</h3>
<p class='ser-tex'>
نعمل على تقديم خدمات مميزه من خلال حل جميع المشاكل والعوائق التي تصادف مواقع عملاءنا الكرام والعمل على تقديم المشورة وحل كافة المشاكل ان شاء الله.
</p>
</div></div>
</div>
<div class='ish-separator-thin-bold'/>
<a class='contact1' href='/p/blog-page_6165.html'>تقدم بطلبك الان</a>
<style>
.contact1 {
background-color: #EE5454;
box-shadow: 0 3px 0 #D53B3B;
color: #FFF!important;
margin-top: 24px!important;
display: inline-block;
font-size: 20px!important;
padding: 8px 30px!important;
}
</style>
</div>
</div>
</div>
<div class='homepage-latest-themes fadeInUp wow animated' data-wow-delay='0.4s' data-wow-duration='1.5s'>
<h2 class='title'>اخر الاعمال الاحترافية</h2>
<div class='cs-divider-icon text-center xs-margin' style='width:75%;'><div class='cs-divider-icon-inner cs-divider-icon-dashed'><i class='cs-in fa fa-th'/></div></div>
<!--سلايدر شو-->
<div class='folioswrapper'>
<div class='col-sm-4 col-xs-12'>
<div class='foliowrapper' style=' width: 33.3333333%; float: left; '><a href='https://web3-night.blogspot.com/'><img alt='' src='http://takiddine.com/eyad/imgs/folio/1.png'/></a></div>
</div>
<div class='col-sm-4 col-xs-12'>
<div class='foliowrapper' style=' width: 33.3333333%; float: left; '><a href='https://web3-night.blogspot.com/'><img alt='' src='http://takiddine.com/eyad/imgs/folio/2.png'/></a></div>
</div>
<div class='col-sm-4 col-xs-12'>
<div class='foliowrapper' style=' width: 33.3333333%; float: left; '><a href='https://web3-night.blogspot.com/'><img alt='' src='http://takiddine.com/eyad/imgs/folio/3.png'/></a></div>
</div>
</div>
<style>
.folioswrapper {
margin: 80px 0;
display: inline-block;
width: 90%;
margin-top: -26px;
margin-bottom: -45px;
}.col-sm-4 {
}
@media (min-width: 768px)
.col-sm-4{
float: left;
}
.foliowrapper {
box-shadow: 0 0 20px 0 rgba(0,0,0,0.07);
-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.07);
-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.07);
-o-box-shadow: 0 0 20px 0 rgba(0,0,0,0.07);
overflow: hidden;
padding: 10px;
margin: 20px 0;
}
.foliowrapper a img {
width: 100%;
}
</style>
<style>
.index .slider_wrapper {
text-align: center;
background: url("https://3.bp.blogspot.com/-mEsDHRwPC5Q/VtfVjiCE0TI/AAAAAAAAFCo/GHvKorNXc4E/s1600/banner.jpg") no-repeat scroll 50% center / cover #EEE !important;
margin-top: -110px;
}
</style>
<!--End Slider-->
</div>
<section class='how-work'>
<h2 class='title'>كيف نعمل ؟</h2>
<div class='cs-divider-icon text-center xs-margin' style='width:75%;'><div class='cs-divider-icon-inner cs-divider-icon-dashed'><i class='cs-in fa fa-th'/></div></div>
<div class='process-bg'>
<div class='container'>
<div class='col-md-2 wow bounceIn' data-wow-delay='0.2s' data-wow-duration='0.5s'>
<div class='cricle-process'><i class='fa fa-edit'/>
<h4>استقبال الطلبات</h4>
</div>
</div>
<!-- End #Process Item -->
<!-- Process Item -->
<div class='col-md-2 wow bounceIn' data-wow-delay='0.4s' data-wow-duration='0.5s'>
<div class='cricle-process'><i class='fa fa-coffee'/>
<h4>اضافة افكارنا</h4>
</div>
</div>
<!-- End #Process Item -->
<!-- Process Item -->
<div class='col-md-2 wow bounceIn' data-wow-delay='0.6s' data-wow-duration='0.5s'>
<div class='cricle-process'><i class='fa fa-building'/>
<h4>تحديد الاسعار</h4>
</div>
</div>
<!-- End #Process Item -->
<!-- Process Item -->
<div class='col-md-2 wow bounceIn' data-wow-delay='0.8s' data-wow-duration='0.5s'>
<div class='cricle-process'><i class='fa fa-pencil'/>
<h4>البدء بالتصميم</h4>
</div>
</div>
<!-- End #Process Item -->
<!-- Process Item -->
<div class='col-md-2 wow bounceIn' data-wow-delay='1s' data-wow-duration='0.5s'>
<div class='cricle-process'><i class='fa fa-gears'/>
<h4>اختبار التصميم</h4>
</div>
</div>
<!-- End #Process Item -->
<!-- Process Item -->
<div class='col-md-2 wow bounceIn' data-wow-delay='1.2s' data-wow-duration='0.5s'>
<div class='cricle-process'><i class='fa fa-paper-plane'/>
<h4>تسليم القالب</h4>
</div>
</div>
<!-- End #Process Item --></div>
</div>
</section>
<footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter'>
<div class='box-2 fadeInUp wow animated animated' style='visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;'>
<div class='container'>
<div class='ish-separator-thin-bold'/>
<div class='wpb_wrapper'>
<p class='txt9' style='text-align: center;'>تابعنا عبر مواقع التواصل الاجتماعيه</p>
<ul class='soc_icons'>
<li><a href='https://twitter.com/'><i class='fa fa-twitter'/></a></li>
<li><a href='https://plus.google.com/'><i class='fa fa-google-plus'/></a></li>
<li><a href='https://www.facebook.com/'><i class='fa fa-facebook'/></a></li>
<li><a href='http://WEB3-NIGHT.blogspot.com/'><i class='fa fa-rss'/></a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Copylefts -->
<div id='copylefts'>
<div class='container' id='copyrights'>
<div class='vieleftcredit'>
جميع الحقوق محفوظة © لـ<span id='current-year'/>
<a href='https://web3-night.blogspot.com/'><span itemprop='name'>مدونة ويب نايت | واجهة احترافية من ويب نايت</span></a>
</div>
<div id='poweredbyjalal'>
<div class='widget HTML impo' id='HTML110'/>
</div>
</div>
</div>
<div class='no-items section' id='d'/>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
#osama2016 {display:none;}
</style>
</b:if>
<div id='osama2016'>
- بعدها ابحث عن </body>
- وأضف الكود التالي فوق </body>
</div>
اتمنى من الجميع بدعمنا بالتعليقات وتحفيزنا والانضمام للمدونة حتى لايفوتك افضل اعمالنا التي نقدمها لكم اتمنى لكم قضاء اوقات سعيدة بالمدونة ويب نايت - مع تحياتي اسامة عبد الرضا
التعليقات : 14
الكاتب :
اسامة عبد الرضا
7:59 م
اضافات بلوجر
،
بلوجر
،
قوالب بلوجر
،
قوالب مدفوعة
،
واجهات مدونات
،
price_مجانا
المشاهدات :
للإبلاغ عن رابط معطوب اضغط هنا
تعليقات الموضوع
14 التعليقات
جمالك دلال والله روعة
شكرا لمرورك :) :)
انته مبدع فنان اسامة
اخي ممكن تركبه لي
تم التركيب هنا علي المدونة ولكن المدونة تتوجه لمدونة اخري ..
ما الحل ؟؟
http://zaker-bzkaa.blogspot.com/
https://www.facebook.com/osama.barcelona.26
المشكلة في القالب خاصتك يوجد كود سكربت اعادة توجيه
(h)
(h)
عمل رائع انت مبدع م. اسامة عبدالرضا
لي طلب اخي الكريم وحقا انت كريم
ياريت ترسل لي الشعار مفتوح المصدر
دا اميلي
zo7el.soft@gmail.com
تفضل ملف psd للشعار
http://adf.ly/1bzmwh
عندما يذكر إسمك يذكر الإمتياز <3 روعة
رائع جزاكم الله كل خير من زمان و انا ابحث عنها تحياتي لكم و مودتي متابع للمدونة و ستجدوني دائما هنا
ممكن قالب امنى www.amni8.com وشكرا على مجهودك
يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
عبّر عن تعليقكالإبتسامات1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية