قالب مشرفة تربوية حنان الزنبقي
السلام عليكم ورحمه الله وبركاته
و هو قالب مشرفة تربوية حنان الزنبقي من تصميم الرائع جلال البعدانى قالب مدوفوع
وغير مجاني لكن احضرته لكم مجانا
قالب بمميزات عديدة وكثيرة وجميلة اكتشفة بنفسك
كود القالب
|
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir='rtl' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml'>
<head>
<meta content='053DB34E5A5A4313E1D7D13D50D7DE69' name='msvalidate.01'/>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<link href='https://plus.google.com/103499777490414306950' rel='author'/>
<meta content='وصف قصير عن المدونه' name='DESCRIPTION'/>
<meta content='كلمات دلاليه عن المدون بين كل كلمه فاصله' name='KEYWORDS'/>
<meta content='10 days' name='revisit'/>
<meta content='10 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='حنان الزنبقي' name='author'/>
<meta content='ar' name='language'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link href='http://blogger-template-byalb33dani.blogspot.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='http://blogger-template-byalb33dani.blogspot.com/' rel='canonical'/>
<link href='http://blogger-template-byalb33dani.blogspot.com/feeds/posts/default' rel='alternate' title='قالب بلوجر مدفوع متجاوب - تصميم البعداني - Atom' type='application/atom+xml'/>
<link href='http://blogger-template-byalb33dani.blogspot.com/feeds/posts/default?alt=rss' rel='alternate' title='قالب بلوجر مدفوع متجاوب - تصميم البعداني - RSS' type='application/rss+xml'/>
<link href='http://www.blogger.com/feeds/5284237692732958551/posts/default' rel='service.post' title='قالب بلوجر مدفوع متجاوب - تصميم البعداني - Atom' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://blogger-template-byalb33dani.blogspot.com/' rel='openid.delegate'/>
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<title>قالب بلوجر مدفوع متجاوب - تصميم البعداني</title>
<link href='http://cdn.jsdelivr.net/darfonts/0.1/cont-hili-jarida-smoth/stylesheet.css' rel='stylesheet'/>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>
<script src='//code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>
<link href='https://www.blogger.com/static/v1/widgets/2003679616-widget_css_bundle_rtl.css' rel='stylesheet' type='text/css'/>
<style type="text/css"><!-- /* <b:skin><![CDATA[/*
/*
-----------------------------------------------
Blogger Template Style
Name: albaadani
Designer: jalal albaadani
URL: www.alb33dani.blogspot.com
----------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; direction:rtl}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
nav ul{list-style:none}
body#layout #content-wrapper{
width: 799px;
}
body#layout .f0ooterwrap{
width: 790px;
max-width: 100%;
}
blockquote, q{quotes:none}
a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent}
.last{margin:0!important}
h2, h3, h4, h5, h6{font-weight:normal!important; margin:0; padding:0}
h1{font-size:30px}
h2{font-size:130%}
h3{font-size:22px}
h4{font-size:18px}
h5{font-size:16px}
h6{font-size:14px}
h1 a, h1 a:link, h1 a:visited{color:#c6cef7}
.container{padding-right:20px; padding-left:20px}
.row{width:100%; max-width:100%; min-width:100%; margin:0 auto; overflow:hidden}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol{margin-left:3.8%; float:right; min-height:1px}
.row .onecol{width:4.85%}
.row .twocol{width:13.45%}
.row .threecol{width:22.05%}
.row .fourcol{width:30.75%}
.row .fivecol{width:39.45%}
.row .sixcol{width:48%}
.row .sevencol{width:56.75%}
.row .eightcol{width:65.4%}
.row .ninecol{width:74.05%}
.row .tencol{width:82.7%}
.row .elevencol{width:91.35%}
.row .twelvecol{width:100%; float:right}
.dnone{display:none!important; position:absolute!important; top:-4000em!important; right:-4000em!important; width:0!Important; height:0!Important; color:transparent!important; font-size:0!important}
a.x-blog-share{display:none}
.clear{clear:both}
a{outline:none; font-weight:700!important}
a:link, a:visited, a:active, a:hover{text-decoration:none; color:#68A0A3}
#iklan{Display:none}
h1 a, h1 a:link, h1 a:visited{color:#c6cef7}
li{line-height:160%}
.nav-message a{display:none!Important}
body {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2enfyvtakxV5zxqjYpUtbI0DRbQpKZyrZxI8rEPU3PGHR_xI7vc-LA5lCy3SCSFVF3u4cMAheDzEZ2KOd2_bt8D8f1R-Qbr68Humc1i9Br30lk0u2NUVPxT4ihjQ31mXq7zTfoi9rQbA/s1600/IMG_037822.jpg") ;
color: #A8B5BD;
font-size: small;
font-family: ge_hiliregular;
overflow-x: hidden;
overflow-y: scroll;
background-repeat: repeat, repeat;
background-position: 0% 0%, 0% 0%;
background-clip: border-box, border-box;
background-origin: padding-box, padding-box;
background-size: auto auto, auto auto;
background-attachment: fixed;
}
#layout {
overflow: hidden;
margin: 0px !important;
background: none repeat scroll 0% 0% rgba(41, 171, 164, 0.37);
}
.post-body {font-size: 17px;line-height: 1.7;}#wrap2{padding-top:40px}
.bg-1x88z1{position:absolute; right:0; left:0; top:0; height:400px; opacity:0.6}
#content-wrapper{max-width:1024px; margin:0 auto; width:1024px; text-align:right; margin:10px auto; overflow:hidden}
#main{margin:0 auto; width:100%; overflow-x:hidden}
header.header {
width: 100%;
height: 55px;
position: relative;
z-index: 20;
text-align: right;
background-color: #FFF;
box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.15);
}
.date-header{
color: #fff;
}
header.header{margin:0 auto!important}
header.header section.header11{width:950px; margin:0 auto}
#logo{ float:right; padding:15px 0px; height:40px; width:225px}
#logo li.s-home{ display:inline !important; font-weight:normal !important; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAXtXeP5tlhs1h2dXmW9ChORX6DHw9Hy5lrJ91vkO_7MPh210blkc7UtYTGSYmra4vgXGy1o850VgrxmCEaI9ip4Q1JBlk0hg9G2QrfHf0iMWt4ch9IlIOftB41M3-oM5U_ljqHRvTW2Ks/s1600/dot-circle.png'); background-repeat:no-repeat; background-position:right center; padding:4px 23px 0px 15px !important; float:right; position:relative}
#logo li.s-home a {
padding: 11px 0px;
color: #A8B5BD;
font-size: 29px !important;
font-family: ge_hiliregular;
line-height: 0;
}
header.header section.header11 .nav{
padding-top:15px;
text-align:right;
height:40px;
padding-bottom:15px;
float:left;
margin:0px 0px 0px 23px;
width:671px}
header.header section.header11 .nav li{
display:inline!important; font-weight:normal!important;padding:4px 15px 0px 0px !important; float:right; position:relative}
header.header section.header11 .nav li ul {
top: 41px;
width: 140px;
z-index: 99;
background: #FFFFFF;
border-radius: 0 0 15px 15px;
padding: 10px 0px 15px;
box-sizing: border-box;
position: absolute;
margin-right: -15px;
display: none;
}
header.header section.header11 .nav li ul ul {
right: 155px;
position: absolute;
opacity: 0;
top: -11px;
border-radius: 4px;
}
header.header section.header11 .nav li ul li:hover ul{
display: block;opacity: 1;
}
header.header section.header11 .nav li ul li a:hover{
background: #8FC7C9;color: #fff !important;
}
header.header section.header11 .nav li ul li a {
padding: 3px 10px;
width: 120px;
display: block;
height: 26px;
margin: 0 !important;
}
header.header section.header11 .nav li ul li a {
color: #ACB9C1;
}
header.header section.header11 .nav li ul li {
text-align: right;
background-position: right center;
margin-right: 0px;
line-height: 2;
padding: 0px !important;
}
header.header section.header11 .nav li:hover ul{display:block}
header.header section.header11 .nav a {
font-size: 15px !important;
font-family: ge_hiliregular;
color: #A8B5BD;
text-transform: uppercase;
padding: 16px 0px;
font-weight: 100 !important;
}
footer.f0ooterwrap {
position: relative;
margin: 0px auto;
width: 100%;
z-index: 0;
color: #FFF;
text-align: right;
font-size: 11px;
box-shadow: 0px 2px 5px rgba(0, 68, 80, 0.9) inset;
}
footer.f0ooterwrap div.footerbody {
background: none repeat scroll 0% 0% rgba(62, 184, 208, 0.45);
}
footer.footerwrfooter.f0ooterwrap a {
color: #A6A6A6;
text-decoration: none;
font-weight: 100 !important;
}ap a{color:#fff; text-decoration:none}
footer.f0ooterwrap .footergrd{max-width: 100%;width:1000px; margin:0 auto; text-align:right; font-size:99%; padding-bottom:20px; padding-top:2%}
footer.f0ooterwrap article.footergrd section.footergrd-c1{width:20%; float:right; text-align:left}
.footergrd-c2 {
width: 29%;
float: right;
margin-left: 10px;
}
footer.f0ooterwrap p{font-size:11px; line-height:1.8}
.footergrd-c2 h2 {
padding: 5px;
font-size: 17px;
text-align: center;
background-color: #F6F6F6;
color: #758295;
}
header.header section.header11 .nav a:hover {
color: #37BBE2 !important;
text-shadow: 1px 1px 20px #1FA7CD;
}
.footergrd-m1, .footergrd-m2, .footergrd-m3{width:3%; height:1px; float:right}
.comments .comments-content .comment-content a { display: none; }
.widget-content img.profile-img{border-radius:160px; -moz-border-radius:160px; -webkitborder-radius:160px; width:80px!important; height:80px!important; float:right!important; border:2px solid #222; border:2px solid #222}
aside#bawahbana{display:block; position:relative; z-index:2; background-color:#0e0e0e; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0qMiwjqCkCZAsE0l4Wu_yj3crurjn6N3bgA4pINeHm12N02TnvcL1LPZtVBx4xXzgygbUY0IvclMzxGwK-_oZs1h7B5tCKpltVagLBtfDk6_AhHRwx74b_nlW7cnhATXm5n62-I8Ml8ap/s1600/pattern.png); background-repeat:repeat; border-top:1px solid #202020; border-top:1px solid rgba(115,115,115,.2); -webkit-box-shadow:0 1px 2px rgba(0,0,0,.5),0 -2px 4px rgba(0,0,0,.3); -moz-box-shadow:0 1px 2px rgba(0,0,0,.5),0 -2px 4px rgba(0,0,0,.3); box-shadow:0 1px 2px rgba(0,0,0,.5),0 -2px 4px rgba(0,0,0,.3); -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box}
aside#bawahbana p{position:relative; width:1000px; margin:0 auto; padding:14px 0; z-index:999; font-weight:600!Important; font-size:11px; text-shadow:0 -1px 1px hsla(0,0%,0%,.8); color:#fff; text-align:center}
aside#bawahbana p a{color:#fff}
#blog-pager-older-link{float:left}
#blog-pager a, #blog-pager a:visited, #blog-pager a:hover{color:#FFF !important; text-shadow:0 -1px 1px hsla(1,1%,1%,.9)}
ul.dot-icon{margin:10px 0}
ul.dot-icon li{display:inline!important; font-weight:normal!important; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAXtXeP5tlhs1h2dXmW9ChORX6DHw9Hy5lrJ91vkO_7MPh210blkc7UtYTGSYmra4vgXGy1o850VgrxmCEaI9ip4Q1JBlk0hg9G2QrfHf0iMWt4ch9IlIOftB41M3-oM5U_ljqHRvTW2Ks/s1600/dot-circle.png)!Important; background-repeat:no-repeat; background-position:0 13px; padding:5px 18px 0 20px!important; font-size:20px; color:#535453!important; text-shadow:0 1px 1px rgba(0,0,0,0.8)!Important; font-weight:600!Important; text-transform:uppercase}
.profil-image-home {
width: 130px;
position: relative;
overflow: hidden;
float: right;
height: 100px;
}.profil-image-home img{border:4px solid #A0ADB5; border-radius:160px; -moz-border-radius:160px; -webkitborder-radius:160px}
a.fb, a.twitter, a.google-plus{border:4px solid #C6D3DB; border-radius:160px; border-radius:50px; transition:all 0.2s ease-out}
.profil-image-icon img:hover{opacity:0.9}
img.profile-img{width:72px!important; height:72px!important; margin:9px 10px 0 2px; float:right!important; margin:10px 0 30px 0}
.profil-dep-home {
margin: 8px 0 0 0;
}
.profil-dep-home p {
padding-bottom: 0px;
font-size: 15px;
font-weight: 100 !important;
line-height: 1.9;
color: #237B91;
}
a.fb{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBO6__-fEYbEK2yf29MyzHrugwixHgZKcCju4lstQQFp3sYOXccecZEGqZVWHRkYh271plBNpA8wsknvWmYNFWKQDNYrrqK9VpjeSws8dcOBw47KbTowvpV4IVVIdMP8Vf6MQ78KyGIe6y/s1600/spirt-2.png); background-repeat:no-repeat; background-position:0 -99px; width:21px; height:21px; position:absolute; top:6px; left:14px}
a.twitter{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBO6__-fEYbEK2yf29MyzHrugwixHgZKcCju4lstQQFp3sYOXccecZEGqZVWHRkYh271plBNpA8wsknvWmYNFWKQDNYrrqK9VpjeSws8dcOBw47KbTowvpV4IVVIdMP8Vf6MQ78KyGIe6y/s1600/spirt-2.png); background-repeat:no-repeat; background-position:-2px -124px; width:18px; height:18px; position:absolute; top:38px; left:7px}
a.google-plus{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBO6__-fEYbEK2yf29MyzHrugwixHgZKcCju4lstQQFp3sYOXccecZEGqZVWHRkYh271plBNpA8wsknvWmYNFWKQDNYrrqK9VpjeSws8dcOBw47KbTowvpV4IVVIdMP8Vf6MQ78KyGIe6y/s1600/spirt-2.png); background-repeat:no-repeat; background-position:-2px -146px; width:16px; height:16px; position:absolute; top:67px; left:17px}
a.fb:hover{border:4px solid #5e83cf!important; box-shadow:0 0 10px #3b5998,0 1px 3px #000!important; -webkit-box-shadow:0 0 10px #3b5998,0 1px 3px #000!important; -moz-box-shadow:0 0 10px #3b5998,0 1px 3px #000!important}
a.twitter:hover{border:4px solid #45c6e3!important; box-shadow:0 0 10px #45c6e3,0 1px 3px #000!important; -webkit-box-shadow:0 0 10px #45c6e3,0 1px 3px #000!important; -moz-box-shadow:0 0 10px #45c6e3,0 1px 3px #000!important}
a.google-plus:hover{border:4px solid #e36347!important; box-shadow:0 0 10px #e36347,0 1px 3px #000!important; -webkit-box-shadow:0 0 10px #e36347,0 1px 3px #000!important; -moz-box-shadow:0 0 10px #e36347,0 1px 3px #000!important}
nav ul.menu-3 li{padding:4px 0!important; margin:0!important; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifozhiZFhpG0mdYUooNW2huGcW8K4ez26fMNfKmwPVO28lmtPPy3QHG6pVftSITeqBneRsnY4AfLv1-NH1_Rzd5HjXHLUZiDede1FPktup6uw4KMntxDxP7IbMSoi0-KL2umJt6KcUbW1l/s1600/small-line-border.png)!important; background-position:bottom center!important; background-repeat:no-repeat!important}
nav ul.menu-3 li a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBO6__-fEYbEK2yf29MyzHrugwixHgZKcCju4lstQQFp3sYOXccecZEGqZVWHRkYh271plBNpA8wsknvWmYNFWKQDNYrrqK9VpjeSws8dcOBw47KbTowvpV4IVVIdMP8Vf6MQ78KyGIe6y/s1600/spirt-2.png); background-repeat:no-repeat; margin:0; padding:0 26px 0 4px; line-height:16px; text-decoration:none}
nav ul.menu-3 li.blogger a{background-position:right -4px}
nav ul.menu-3 li.g-site a{background-position:right -28px}
nav ul.menu-3 li.disqus a{background-position:right -77px}
nav ul.menu-3 li.w3c a{background-position:right -53px}
img{max-width:100%}
.post {
margin: 0px 0px 7px 0px;
padding: 15px;
background: #F6F6F6;
border-bottom: 2px solid #6FA7AA;
}
.post-labels {
height: 22px;
overflow: hidden;
margin-bottom: 13px;
}
.blog-pager1 li .home-link{background: none}
.home-link{padding:0 10px;}
.sosialbutton ul li{list-style:none outside none; float:left}
.sosialbutton ul li a{width:23px; height:24px; line-height:21px}
.sosialbutton ul li a {
position: relative;
line-height: 24px;
display: inline-block;
text-align: center;
background: none repeat scroll 0% 0% #CBD8E0 !important;
border-radius: 100%;
color: #FFF;
margin: 0px 6px 0px 0px !important;
}
.blog-post-container h3 a{color:8FA8B7; font-weight:600; font-style:normal; padding:0 0 10px 0}
.blog-post-container h3 a:hover{opacity: 0.8; }
.sosialbutton ul li a:hover {
opacity: 0.5;
}
.sosialbutton ul li{float:right; list-style:none}
.sosialbutton ul li a:before{content:""; font-size:13px; font-family:FontAwesome; font-weight:normal; font-style:normal; text-decoration:inherit; -webkit-font-smoothing:antialiased; *margin-right:.3em; text-shadow:none}
.sosialbutton ul li a.sb-email:before{content:"\f003"}
.sosialbutton ul li a.sb-blog:before{content:"\f0c5"}
.sosialbutton ul li a.sb-twitter:before{content:"\f099"}
.sosialbutton ul li a.sb-facebook:before{content:"\f09a"}
.sosialbutton ul li a.sb-pinterest:before{content:"\f0d5"}
.share-button-link-text{display:block; text-indent:-9999px}
.thumbnaiPost{display:block; border:none; background-color:rgba(0,0,0,0.4); background-image:url(../image/loader.gif); background-position:center center; background-repeat:no-repeat; position:absolute; top:0; bottom:0; right:0; left:0}
.sosialbutton ul li a.sb-twitter{background: #60CBD2 !important;}
.sosialbutton ul li a.sb-facebook{background: #77A1E4 !important;}
.sosialbutton ul li a.sb-pinterest{background: #FF7271 !important;}
.sosialbutton ul li a.sb-blog {background: #8FC5B5 !important;}
.sosialbutton ul li a.sb-email{background: #FF677A !important}
.colll1, .colll2, .colll3 {
float: right;
font-size: 11px;
text-align: right;
color: #636363;
line-height: 1.8;
}
.colll1{width:92px}
.colll2{width:39.5%;margin-right:10px;}
.colll3{width:37.5%}
.colll4{float:left; font-size:11px; text-align:right}
.colll1 img{border:1px solid #68A0A3; margin:-2px;display:inherit; border-radius:7px;height:82px;width:85px;}
.colll1 img:hover{opacity:1}
.colll4 {
line-height: 1.2em !important;
width: 5em;
height: 5em;
text-align: center;
margin: 2px 10px 0px 0px;
padding: 10px;
font-family: serif;
float: left;
border: 1px solid #85C786;
background: #DFF0D8;color: #5D9F5E;
}
.colll2 h3{line-height:1em; font-size:16px; margin:0; padding:4px 0 0 10px}
.colll3 .post-labels {
width: 100%;
float: left;
color: #F18699;
font-weight: 600;
}
.colll3 .post-labels a {
margin: 0px 0px 0px 5px;
border-bottom: 1px dotted #A6A6A6;
color: #F18699;
font-weight: 100 !important;
font-size: 12px;
}
.colll3 .post-labels a:before{content:"\f111"; margin:0 8px 0 6px; font-size:6px}
.colll4 .numcomment{line-height: 0.6em !important;font-size:4em; float:left; width:100%; margin:10px -4px 6px 0; display:block;margin-top:-1px;font-family: serif;color:#5D9F5E;}
.colll4 .labelscomment{font-family: ge_hiliregular;font-size:11px; color:#A6A6A6}
.blog-post-container{overflow: hidden;line-height:1.5em; margin:0 auto; color:#A6A6A6; position:relative; z-index:2; width:100%}
.sosialbutton{float:right; margin:10px -14px 0; height:26px; width:200px}
.sosialbutton:before{content:"\f045"; float:right; margin:0 0 15px 0; font-family:FontAwesome; font-weight:normal; font-style:normal; text-decoration:inherit}
a.x-blog{display:none}
a.x-blog-share{color:rgb(198,235,4)!important; display:inline!important; text-shadow:0 0 10px rgb(198,235,4),0px 0 20px rgb(198,235,4),0px 0 30px rgb(198,235,4)!important}
.blog-post-container a{color:#68A0A3}
.nav-message{display:none}
.item .blog-post-container .eightcol img{padding:10px; width:96%; max-width:100%; background:#A6A6A6}
.blog-post-container .row .eightcol, .blog-post-container .row .fourcol{float:left; overflow:hidden}
.blog-post-container .row .eightcol{margin:0; width:100%}
.blog-post-container .row .fourcol{margin:0; width:15%}
.blog-post-container .span26{padding:2em!important; background:rgba(30,30,30,0.4)url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAADd0lEQVR4nO2dwZHCQAwE930hkAZxkAZxkAZxkAZxEMd9z3OUmznuI6r7t7X22stDsjTSsi6Xy9f6wfl83oyv1+vu+H6/b8a3220zfjwem/HxeNydX2ttxofDoXpe3p/X535zvt1frpf7y/fP+/N6EZFJpM0kG5vzOT6dTrtj8glks3M+12tteuuTaH/pg2m9vF5EZBIUN5CNzPkVNjLXT59FcQr5uLw/5/P5OSYfl+Pcf/qgBXFQ3p/ri4hMgnIz7Xc5feeTTaZcV75frpfX53yun/vL98n1ckz7ozjuSS5PRGQMZEOffCdTPr+y4WSjyWdQHJTjNg6i55EPzue98P4iImOg72j6zk+bS3pBjtPmLvBReX++f75f2vC8P+fJp+b15BPp91VTF5HJkL5BuSGyue/mpqhubIXPafUQ0uypZoA0dMqdpU8SERnGWzaf9APySZQLIh/zxAZX709xSq6Xv0/6HPIx5JNERCZBdUOUG6I6JcodkU8gH0A+Jm0+5c4ol9fWabW1yCIik2jjCKq9pdwO1RKT3tDWYbV1YxQ30X5JryF9RURkEm1d0wu5GNKMd210zpNPIB9CffYUl5DN/+8eSxGRSVBtLekVC3rqcp7iiFZ/yfdrzxYhn9P21ZMeQrktEZFJkEZMtbP0HU76BGn4pElTPwvlnshHUJ0Z5QIpjlIPEZHJkA+g2tR3fQBp7mRzW02fNG3qqaR50keoLkxEZBJp81qNeJV96aSZk97RnsXSaviUiyKfRbk+fYiIfBhk0yobTd/57VnsdA4v+bRW/2jrzNqzU2g/IiKToLoj+m5fUGfV5o4obmnPMCQbTvujfpA2bnrhbHgRkTGQhkzf3aQ5U+1v23dO17fnU1Ec09YCU67O/hAR+STIZ9A5tXRmYXuWCGn2ZNMpziEb3mr0NN/WKIiITIJ6AHNMNjGvb/u827iC+lmoX4Tej3wSndnY5rZERCZBNvW/NfG2v6M9a556Ftu+89wP5aYozrAuS0Q+CcpVrTIuIZtLekF7JmJ79nwbN7U9krQerS8iMgmyce3Z7dRP8Yc6pV0fRP/5RD6O+sjpesq9UVxmLktEJkPf0a1mTmcoUq6M9Im2Fpf0CTrbne5v/4PqhTo0EZExtOfQUi1sjtuz5fP+fB7pC6TvkF5Bmnyrz1Cctn7/fiIiU/gG9i5uLQnuYhUAAAAASUVORK5CYII=); border:1px solid #181818; box-shadow:0 1px 2px #000; -webkit-box-shadow:0 2px 3px #000; margin:0 1px 8px 0; display:block; float:left}
.g-profile{display:block; margin:0 0 -3px 0}
.search-blogv2 span:before, .search-blogv2 .post-labels a:before, .post-timestamp:before, .g-profile:before, .colll3 .post-labels a:before, .post-snippet:before, .post-labels:before,header.header section.header11 .nav li:before, #submitButton-2:before{font-family:FontAwesome; font-weight:normal; font-style:normal; text-shadow:none!Important}
.g-profile:before{content:"\f007"; font-size:13px; margin:0 0 0 5px; float:right}
.post-timestamp:before{content:"\f017"; margin:0 8px 0 0; font-size:12px}
.post-snippet{font-size:1.2em; line-height:1.5em; }
.post-snippet:before{content:"\f017"; margin:0 0px 0 11px; font-size:12px}
.post-labels:before{content:"\f005"; margin:0 0px 0 10px; font-size:12px}
#toggle-container {
width: 98% !important;
position: relative;
margin: 0px 0px 30px 0px !important;
padding: 1px 0px !important;
background-position: center bottom;
background-repeat: repeat-x;
display: block;
text-align: left;
}
.footer-width{max-width:100%; margin:0 auto}
#toggle-container a {
font-size: 12px;
font-weight: bold !important;
color: #D5D5D5 !important;
outline: 0px none;
position: relative;
z-index: 999;
}
ul#blog-pager {
width: 95% !important;
border: 1px solid #589093;
margin: 0px;
padding: 2px 10px;
color: #fff !important;
background: #71A9AC;
text-align: center;
overflow: hidden;
margin-right: 15px;
height: 40px;
line-height: 40px;
}
ul#blog-pager a{font-size:12px!Important; #d9d9d9 !important;}
ul#blog-pager li{background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFn-ObdAZFiwQO9KyPYQVaiP5mTmXj9QzvlGOrNHeMvW9cRqqPkc2Dchd4wuHC2w_jm_l1mFbbx79RbZeUpemQD21ns3IExHqWStEnI0Puuum46vEYG3DAFT3uVxykRDvhJrTYQLmx_wVE/s1600/border-top-icon.png'); background-position:left top; background-repeat:repeat-y; list-style:none outside none; text-align:center}
#blog-pager-newer-link a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTicTzxIkR3oN-My6N86wnCznj2g5YoQfFJ-60XPqmecVzTJMK_yisBNTewrov3vAJ0eu1thFJZhgMNrq9spw4Guaj_GzUlxjPjRdTgckjUPQ81sPsTNVe4bYwPmsKFVyWTBdHLPnADjYm/s1600/right.png); background-repeat:no-repeat; background-position:center right}
#blog-pager-newer-link{float:right}
#blog-pager-older-link a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEholPohLSBy5sSEtW3BENXBiHAfD2hdJIURwCLtaDgq8lo6NPAkTasJbcHh3pQf_5uwsGa995c5-yY-yD6RNlbD8HjFoIH9plVkZcRCnTtEhZ_32UFahpPPyxDT9_xKS4pgaCM46bHSiJ7U/s1600/left.png); background-repeat:no-repeat; background-position:center left}
#blog-pager-older-link a, #blog-pager-newer-link a{display:inline!important; font-weight:normal!important; padding:0 18px 0 20px!important; font-size:12px; color:#fff!important; text-shadow:0 1px 1px rgba(0,0,0,0.8)!Important; font-weight:600!Important; text-transform:uppercase;line-height:40px;}
ul.label-post{margin:4px 0 0 24px!important; display:inline-block}
ul.label-post li{font-size:11px!Important; display:inline!important; font-weight:normal!important; padding:0 3px 0 0!important; color:#fff!important; text-shadow:0 1px 1px rgba(0,0,0,0.8)!Important; font-weight:600!Important; text-transform:uppercase; color:#383838!Important}
ul.label-post li:before {
content: ".";
background-repeat: no-repeat;
background-position: -2px 7px;
width: 12px;
height: 18px;
float: right;
font-size: 45px;
margin-top: -10px;
color: #D5D5D5;
}
.Archive_flat{background:none!important; margin:0 4px 0 -10px}
.Archive_flat a:before{content:"\f009"; font-family:FontAwesome; font-weight:normal; font-style:normal; padding:0 6px 0 1px; float:right}
ul.label-post li a{font-size:12px!Important; color:transparent; padding-right:4px; color:#D5D5D5!Important}
ul.label-post li a:hover{color:#A6A6A6!Important}
ul.label-post li span{color:#272727; padding-left:3px; margin-left:3px; font-weight:normal!Important}
ul.label-post{overflow:hidden}
ul.label-post li{float:right}
#toggle-container li{display:inline; line-height:30px; height:34px}
.comment-form p{background:#fff;padding:5px;width:98%;border:1px solid #f1f1f1;color:#777;font:14px Droid Arabic Naskh;margin:0 auto;margin-top:10px;line-height:21px;}
.comment-form p:before{content:'\f05a';float:right;font:39px fontawesome;width:41px;color:#ccc;height:41px;margin:0 5px;}
.comments-content{background:#f9f9f9;padding:5px;border:1px solid #DDD;margin:5px;position:relative;}
.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: 0px 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: 0px;
color: #468847;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSMRFZ1lDDieCQngqeXX4c23xp9_lgBvWTk8xkAgz89MrpIEt17qKg-ycbMoyxBi5PjEowDsb2gzy0ofWLhnUvwhBdXYo9C7MC6NR2_D1ZtHvFM99Eo952-wlBEb2Ui1qEkBx0RzhsZ9M/s1600/bg_color.png') repeat scroll 0% 0% transparent;
height: 3px;
width: 100%;
}
.comments .comments-content .comment:first-child {
padding-top: 0px;
}
.comments .comments-content .comment {
margin-bottom: 3px;
padding-bottom: 0px;
}
.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 0px 10px;
padding: 0px 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: 0px 0px 0px 8px;
position: relative;
top: 2px;
padding: 0px 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;}
.comments {
background: none repeat scroll 0% 0% #F9F9F9;
padding: 15px;
border: 1px solid #DDD;
margin: 5px 0 0 0;
position: relative;
}
.feed-links {
display: none;
}
.top-comment-widget-menu {
background: none repeat scroll 0px 0px #FFF;
border-color: #DDD;
border-style: solid;
border-width: 1px 1px 5px;
float: right;
margin: 20px 0px;
width: 953px;
}
.top-comment {
float: right;text-align: center;
font-family: "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: 0px;
height: 0px;
line-height: 0;
}
.icon.blog-author:after {
content: "الكاتب";
background: #f66;
color: #FFF;
padding: 2px 16px;
border-radius: 1px;
position: absolute;
left: 0px;
margin-top: -3px;
font-size: 14px;
font-family: ge_hiliregular;
}
.comment-content {
padding: 20px;
font-family: ge_hiliregular;
}
.top-comment.blogico:before {
content: "\f0d5";
font-family: fontawesome;
font-size: 18px;
margin-left: 15px;
color: #F66;
}
.top-comment.faceico:before {
content: "\f09a";
font-family: fontawesome;
font-size: 18px;
margin-left: 15px;
color: #627AAC;
}
.post-feeds{display:none}
.form-search-templates{margin:0 0 4px!important; display:block; width:99%; position:relative; right:6px}
.searchform{width:100%; overflow:hidden; margin:0 0 5px 5px; position:relative; background-color:transparent!important; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgddFRBSrrheRFxfXTyocn6xEHGqwNSx4Z52YFQmLoyrEHUtTY8xYc42S6aJxN2LgppjCWckKRjfIY3EySWdftAWHWCy06XEMi5sZx1V3Ay0T6JofD4ppjgB3ltaeIlO-WBiYsHLt_0FMqq/s1600/li-x.png')!important; background-position:center bottom!important; background-repeat:repeat-x!important}
#s{background:none repeat scroll 0% 0% transparent!important; border:medium none; color:#fff; width:800px; float:right; font-family:"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}
#submitButton-2{margin:0 0 0 16px!important}
#submitButton, #submitButton-2{background:none repeat scroll 0% 0% transparent; font:bold 12px "roboto","Helvetica Neue",Helvetica,Arial,sans-serif; width:108px; height:36px; overflow:hidden; text-transform:uppercase; border:medium none; cursor:pointer; float:left; color:#fff}
#blog-pager-older-link{background-position:right top!important}
.comments .comments-content .comment:first-child{padding-top:0}
.status-msg-wrap{display:none}
.previewbutton {
background: rgba(181, 13, 10, 0.67);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.9), 0px 0px 6px rgba(0, 0, 0, 0.9) inset !important;
color: #FFF !important;
padding: 5px 17px !important;
text-align: center !important;
}
.previewbutton:hover {
background: rgba(181, 13, 10, 1);
}
@media screen and (max-width:1208px){#content-wrapper{max-width:95%; width:95%}}
@media screen and (max-width:1060px){header.header section.header11 .nav{width:73%}
header.header section.header11{width:87%}
#time >nav.clock{margin:0px auto; padding:30px 0 !important}}
@media screen and (max-width:980px){header.header section.header11{width:94%}
header.header section.header11 .nav li {
padding: 4px 5px 0px 5px !important;
}header.header section.header11 .nav {
width: 62%;
}.container{padding-right:0px; padding-left:0px}.colll3{width:34.5%}ul.label-post{display:none}header.header section.header11 .nav a {
font-size: 11px!Important;}}
@media only screen and (min-width:769px){#menu-2{display:none}}
@media only screen and (max-width:768px){
.colll4 .numcomment {
font-size: 3em;
float: left;
width: 100%;
margin: 6px -4px 6px 0px;
display: block;
line-height: 0.6em !important;
}
header.header section.header11 .nav li ul ul {
right: 38px;
position: absolute;
opacity: 1;
top: -33px;
border-radius: 4px;
}
header.header section.header11 .nav li ul {
top: -26px;
width: 140px;
z-index: 99;
background: none;
border-radius: 0px 0px 15px 15px;
padding: 21px 16px 20px;
box-sizing: border-box;
margin-right: -18px;
}
#menu-2 {
display: block;
text-align: center;
float: left;
background: none repeat scroll 0% 0% #A8B5BD;
width: 2em;
margin: 13px 6px;
font-size: 24px;
border-radius: 6px;
border: 1px solid #909DA5;
color: #FFF;
height: 29px;
line-height: 1.4;
}
section.header11 .nav {
width: 96% !important;
background: none repeat scroll 0% 0% rgba(20, 20, 19, 0.8);
height: auto !important;
margin-top: -14px !important;
float: right !important;
padding: 5px !important;
border-radius: 6px !important;
z-index: 10000 !important;
}
.nav.js{display:none}
header.header section.header11 .nav li ul li {
width: 100%;
text-align: right;
margin-right: 15px;
line-height: 2;
padding: 5px 21px 5px 5px !important;
background: none !important;
}
header.header section.header11 .nav li{padding:4px 15px 0px 9px !important; width:100%}
header.header section.header11 .nav li ul {
position: relative !important;
right: 8px;
background-image: none !important;
background-color: none !important;
display: block !important;
}header.header section.header11 .nav li {background-image: none !important;}
.post-labels:before{font-size:8pxكmargin: 0px -5px 0px 2px;}
.colll3 .post-labels a:before {
margin: 0px 3px 0px 6px;
}
.post-snippet:before{font-size:9px}
.colll1 img{display:block}
.colll2{width:36.5%; font-size:9px}
.colll3{width:27.5%; font-size:8px !important; line-height:2}
.colll4{width:4em; height:4em; margin:2px 8px 0px 0px}
#content-wrapper{max-width:92%; width:92%}
.colll2 h3{line-height:1em; margin:0px; padding:4px 0px 0px 10px; font-size:10px !important}
.g-profile:before{font-size:9px; margin:0px 0px 0px 5px}
.sosialbutton ul li a{line-height:21px; margin:0px 6px 0px 0px !important}
.sosialbutton ul li a{width:20px; height:20px}
#logo-home{ height:auto !important}
#time{ width:98% !important; float:none; margin-right:0px !important; height:78px !important}
#time >nav.clock{ padding:0px !important}
#wrap2{ padding-top:32px !important}
div#phone{ width:96% !important}
nav.top-menu-home{ width:90% !important}
nav.top-menu-home a:link, nav.top-menu-home a:visited{width:17.9% !important}}
@media screen and (max-width:530px){.colll1{width:90px}
nav.top-menu-home a:link, nav.top-menu-home a:visited{margin:-8px 0px 0px 24px !important}
.colll2{width:40.5%}
.colll3{width:34.5%}
.colll4{display:none}
.post{margin:0px 0px 8px 0px; padding:5px}
#wrap2{padding-top:35px}
.row .threecol{width:100% !important; text-align:center !important; line-height:1.7 !important}
footer.f0ooterwrap .footergrd{max-width:100%}
.footergrd-c3{width:100% !important; margin:5px 15px}
.footergrd-c2{width:93%; margin:5px 20px}
div#phone h2.phone-number{display:none !important}
nav.top-menu-home a.blog:before, nav.top-menu-home a.about:before, nav.top-menu-home a.archive:before, nav.top-menu-home a.contact:before{width:25px !important; height:25px !important; border:4px solid !important; font-size:13px}
}
@media only screen and (max-width:420px){
.colll1 {
width: 83px;
}
.colll2 {
width: 54%;
}
.colll2 h3 {
line-height: 1.4em;
margin: 0px;
padding: 4px 0px 0px 10px;
font-size: 13px !important;
}
.post-author{
display: none;
}
.colll3{width:30.5%}
.colll4{display:none}
.colll3 {
width: 30.5%;
display: none;
}
.sosialbutton {
float: right;
margin: 10px 2px 0px;
height: 23px;
width: 135px;
}
.sosialbutton ul li a {
width: 18px;
height: 18px;
}
.sosialbutton ul li a {
line-height: 17px;
margin: 0px 7px 0px 0px !important;
}.sosialbutton ul li a:before{font-size:9px}
nav.top-menu-home a.blog:before, nav.top-menu-home a.about:before, nav.top-menu-home a.archive:before, nav.top-menu-home a.contact:before{width:20px !important; height:20px !important; line-height:1.87em !important; border:4px solid !important; line-height:1.2 !important}
div#phone h2.phone-number{display:none !important}
nav.top-menu-home a:link, nav.top-menu-home a:visited{
width:16.9% !important; font-size:12.50px !important}
.colll4 {
width: 3.2em;
height: 3.2em;
margin: 6px 0px 0px 10px;
display: block;
}ul#blog-pager {
width: 96% !important; margin: 30px 0px;
}#toggle-container li {
display: inline;
line-height: 25px;
height: 24px;
}.footergrd-c2 {
width: 91%;
margin: 5px 20px;
}
.colll4 .numcomment {
line-height: 0.7em !important;
font-size: 2em;
float: left;
width: 100%;
margin: 4px 0px 6px 0px;
display: block;
}
.button-share {
background: none repeat scroll 0% 0% #DCE0E0;
position: relative;
display: block;
float: right;
height: 40px;
overflow: hidden;
width: 46.99%;
margin: 4px;
border-radius: 3px;
}.profil-dep-home p {
padding-bottom: 0px;
font-size: 10px;
font-weight: 100 !important;
line-height: 1.9;
font-family: a;
}ul#relpost_img_sum li {
border-bottom: 1px dashed #085A58;
list-style: outside none none;
margin: 0px 20px 0px 0px;
overflow: hidden;
width: 90%;
float: right;
padding: 10px 0px;
font-size: 12px;
}
.comments .avatar-image-container img {
float: right;
background: none repeat scroll 0% 0% rgba(30, 30, 30, 0.5);
border: 1px solid #151515;
box-shadow: 0px 2px 3px #000, 0px 0px 1px 0px #000 inset;
height: 45px;
width: 45px;
padding: 2px;
max-width: 45px;
border-radius: 8px;
}
.comments .comment-block {
background: none repeat scroll 0% 0% rgba(4, 30, 44, 0.54);
border-top: 1px solid #181818;
border-bottom: 1px solid #181818;
border-left: 1px solid #181818;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
margin-right: 53px;
overflow: hidden;
}
.comments .thread-toggle {
display: block !important;
position: absolute !important;
right: 8px !important;
margin-top: -36px !important;
}
.comments .comments-content .comment-replies .avatar-image-container img {
width: 35px;
height: 35px;
overflow: hidden;
border-radius: 5px;
margin-right: -2px;
}
.comments .comments-content .comment-content {
padding: 0px 11px 8px 0px;
margin: 0px 0px 0px 1.1em;
color: #A6A6A6;
font-size: 13px;
line-height: 1.4em !important;
}
}
@media only screen and (max-width:360px){
.colll3 .post-labels{display:none}ul#blog-pager {
width: 95%;
margin: 30px 0px;
}
.socialsider.socialsider_bgcolor_white a i {
font-size: 9px !important;
margin: 9px 6px 0px 0px !important;
}.socialsider_spacer a {
height: 30px !important;
margin-bottom: 1px;
}.socialsider_radius a {
border-radius: 3px !important;
}.socialsider {
width: 55px !important;
display: block;
transition: all 0.5s ease 0s;
}
nav.top-menu-home a.blog:before, nav.top-menu-home a.about:before, nav.top-menu-home a.archive:before, nav.top-menu-home a.contact:before{width:15px !important; height:16px !important; font-size:12px !important; border:2px solid !important}
nav.top-menu-home a:link, nav.top-menu-home a:visited{margin:-8px 0px 0px 18px !important; font-size:12px !important}
.colll3{width:66%;display: none;}
.colll2 h3 {
line-height: 1.2;
margin: 0px;
padding: 4px 0px 0px 10px;
font-size: 11px !important;
}
.post-author vcard{display:none}
.post{margin:0px 0px 8px 0px; padding:5px}
.sosialbutton {
float: right;
margin: 7px 2px 0px;
height: 19px;
width: 136px;
}.sosialbutton ul li a {
width: 17px;
height: 17px;
}.sosialbutton ul li a {
line-height: 17px;
margin: -1px 7px 0px 0px !important;
}.colll4 .numcomment {
line-height: 0.1 !important;
font-size: 2em;
float: left;
width: 100%;
margin: 8px 0px 13px 0px;
display: block;
}
#menu-2{width:1.2em}
#logo {
float: right;
padding: 16px 0px;
height: 41px;
width: 265px;
}.post-author {
display: none;
}.colll1 {
width: 76px;
}.colll2 {
width: 53%;
margin-top: -1px;
}
.colll4 {
width: 3em;
height: 3em;
margin: 0px 1px 0px 0px;
display: block;
}.footergrd-c2 {
width: 90%;
margin: 5px 20px;
text-align: center !important;
}
}
#displayText{
float: left;
margin-left: 20px;
margin-top: -27px;
}
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; margin: 3px; padding-top: 3px;}
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
box-shadow: -2px -2px 10px silver;
-moz-box-shadow: -2px -2px 10px silver;
-webkit-box-shadow: -2px -2px 10px silver;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
box-shadow: -2px 2px 10px silver;
-moz-box-shadow: -2px 2px 10px silver;
-webkit-box-shadow: -2px 2px 10px silver;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #A6A6A6;
}
#lightbox-container-image-data #lightbox-image-details {
direction: rtl;
float: left;
font-family: Tahoma;
font-size: 12px;
padding: 2px;
text-align: right;
text-shadow: 2px 3px 4px silver;
width: 80%;
}
#lightbox-image-details-caption { font-weight: lighter; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
display:none !important;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}
.comments .comments-content {
margin: 16px;
}
.breadcrumbs{display:none}
#displayText{
float: left;
margin-left: 20px;
margin-top: -27px;
}
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; margin: 3px; padding-top: 3px;}
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
box-shadow: -2px -2px 10px silver;
-moz-box-shadow: -2px -2px 10px silver;
-webkit-box-shadow: -2px -2px 10px silver;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
box-shadow: -2px 2px 10px silver;
-moz-box-shadow: -2px 2px 10px silver;
-webkit-box-shadow: -2px 2px 10px silver;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #A6A6A6;
}
#lightbox-container-image-data #lightbox-image-details {
direction: rtl;
float: left;
font-family: Tahoma;
font-size: 12px;
padding: 2px;
text-align: right;
text-shadow: 2px 3px 4px silver;
width: 80%;
}
#lightbox-image-details-caption { font-weight: lighter; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
display:none !important;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}
.comments .comments-content {
margin: 16px;
}
.breadcrumbs{display:none}
.widget-content {
background-color: #DFF1F5;color: #7582A9 !important;
border-width: 1px;
border-style: solid;
min-height: 280px;
border-color: rgba(255, 255, 255, 0.04) rgba(255, 255, 255, 0.03) rgba(255, 255, 255, 0.01);
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.7);
overflow: hidden;padding: 5px 10px;
}
.blog-feeds,.feed-links{
display: none;
}#toTop{display:none;text-decoration:none;position:fixed;bottom:10px;left:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:-999px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUSZ67NvNZZYfndwevFi1osZm-p6Bs9_L7NMDhO213okgHnMhRi7i7xJLhl3UNXOXQBeKTN1xeCqkj3GKs5STGQPOjjbDQHtuVt3xx6zoojWlV_RHBdenmZ4uHol0Rrv4dW_AMCxr_8n9g/s102/ui.totop.png) no-repeat right top}
#toTopHover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUSZ67NvNZZYfndwevFi1osZm-p6Bs9_L7NMDhO213okgHnMhRi7i7xJLhl3UNXOXQBeKTN1xeCqkj3GKs5STGQPOjjbDQHtuVt3xx6zoojWlV_RHBdenmZ4uHol0Rrv4dW_AMCxr_8n9g/s102/ui.totop.png) no-repeat right -51px;width:51px;height:51px;display:block;overflow:hidden;float:right;opacity:0;-moz-opacity:0;filter:alpha(opacity=0)}
#toTop:active,#toTop:focus{outline:none}
.jump-link{
display: none;
}
.nav li a i{padding-left: 6px}
.puertoColor {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSMRFZ1lDDieCQngqeXX4c23xp9_lgBvWTk8xkAgz89MrpIEt17qKg-ycbMoyxBi5PjEowDsb2gzy0ofWLhnUvwhBdXYo9C7MC6NR2_D1ZtHvFM99Eo952-wlBEb2Ui1qEkBx0RzhsZ9M/s1600/bg_color.png") repeat scroll 0% 0% transparent;
height: 3px;
}
.pluginSkinDark a, .pluginSkinDark .uiHeader h3 {
color: #7582A9 !important;
}.pluginConnectTextDark a {
color: #7582A9 !important;
}
.PopularPosts .item-thumbnail {
float: right;
margin: 0px 7px 0px 15px;
}
.PopularPosts img {
height: 57px;padding-right: 0 !important;
width: 60px;
border-radius: 8px;
border: solid 1px #4B98A3;
}
.PopularPosts .item-title {
padding-top: 1em;
}
.PopularPosts .item-title a{
color: #758295
}
.PopularPosts .widget-content ul li {
padding: 0.1em 0px;
}
p.pad_t_15 {
color: #F2FEFE;
font-size: 13x !important;;
margin: 0px;
padding: 8px;
text-align: center;
}
.pad_t_15 a{
color: #BDF2F2 !important;;
}
.PopularPosts .item-title a {
color: #758295;
font-size: 16px;
font-weight: 100 !important;
padding: 5px 0px 0px 12px;
}
]]></b:skin>
<style>
.threecol p {
border-top: 3px solid #649999;
background-position: center top;
background-repeat: repeat-x;
font-size: 11px;
color: #158694;
margin: 0px auto;
padding-top: 5px;
padding-left: 10px;
text-align: center;
line-height: 1.8;
}
</style>
<script src='http://albaadani.googlecode.com/files/UIto-op.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
<script src='https://googledrive.com/host/0B-3cyo_HIYMIUVpfUzdsZURRSTg/custom-lightbox-for-blogger.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var relnojudul = 0;
var relmaxtampil = 6;
var numchars = 100;
var reljudul=new Array();var relurls=new Array();var relcuplikan=new Array();var relgambar=new Array();function saringtags(g,h){var e=g.split("<");for(var f=0;f<e.length;f++){if(e[f].indexOf(">")!=-1){e[f]=e[f].substring(e[f].indexOf(">")+1,e[f].length)}}e=e.join("");e=e.substring(0,h-1);return e}function relpostimgcuplik(h){for(var e=0;e<h.feed.entry.length;e++){var g=h.feed.entry[e];reljudul[relnojudul]=g.title.$t;postcontent="";if("content" in g){postcontent=g.content.$t}else{if("summary" in g){postcontent=g.summary.$t}}relcuplikan[relnojudul]=saringtags(postcontent,numchars);if("media$thumbnail" in g){postimg=g.media$thumbnail.url}else{postimg="http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.GIF"}relgambar[relnojudul]=postimg;for(var f=0;f<g.link.length;f++){if(g.link[f].rel=="alternate"){relurls[relnojudul]=g.link[f].href;break}}relnojudul++}}function contains(a,e){for(var f=0;f<a.length;f++){if(a[f]==e){return true}}return false}function artikelterkait(){var v=new Array(0);var w=new Array(0);var x=new Array(0);var A=new Array(0);for(var u=0;u<relurls.length;u++){if(!contains(v,relurls[u])){v.length+=1;v[v.length-1]=relurls[u];w.length+=1;w[w.length-1]=reljudul[u];x.length+=1;x[x.length-1]=relcuplikan[u];A.length+=1;A[A.length-1]=relgambar[u]}}reljudul=w;relurls=v;relcuplikan=x;relgambar=A;for(var u=0;u<reljudul.length;u++){var B=Math.floor((reljudul.length-1)*Math.random());var i=reljudul[u];var s=relurls[u];var y=relcuplikan[u];var C=relgambar[u];reljudul[u]=reljudul[B];relurls[u]=relurls[B];relcuplikan[u]=relcuplikan[B];relgambar[u]=relgambar[B];reljudul[B]=i;relurls[B]=s;relcuplikan[B]=y;relgambar[B]=C}var r=0;var D=Math.floor((reljudul.length-1)*Math.random());var z=D;var q;var t=document.URL;while(r<relmaxtampil){if(relurls[D]!=t){q="<li class='news-title clearfix'>";q+="<a href='"+relurls[D]+"' rel='nofollow' target='_top' title='"+reljudul[D]+"'><div class='overlayb'></div><img src='"+relgambar[D]+"' /></a>";q+="<a class='relinkjdulx' href='"+relurls[D]+"' target='_top'>"+reljudul[D]+"</a> ";q+="<span class='news-text'>"+relcuplikan[D]+"</span>";q+="</li>";document.write(q);r++;if(r==relmaxtampil){break}}if(D<reljudul.length-1){D++}else{D=0}if(D==z){break}}};
//]]>
</script>
<style>
h4 {
font-size: 18px;
background: none repeat scroll 0% 0% #F66;
color: #FFF;
font-weight: 700 !important;
width: 230px;
margin: 0px auto !important;
text-align: center !important;
border-radius: 4px;
}
h4:hover{
background: -moz-linear-gradient(center top , #8CBA0E 0%, #558A0A 85%, #558A0A) repeat scroll 0% 0% transparent;
}
h4 a{
color: #FFF !important;
}
ul#blog-pager{width:100%}
ul#relpost_img_sum{ background:none repeat scroll 0 0 #FFF; margin:0}
ul#relpost_img_sum li {
border-bottom: 1px dashed #085A58;
list-style: outside none none;
margin: 0px 20px 0px 0px;
overflow: hidden;
width: 30%;
float: right;
padding: 10px 0px 10px 0px;
}
ul#relpost_img_sum li a{ display:block}
ul#relpost_img_sum li img {
float: right;
width: 60px;
height: 60px;
margin-left: 5px;
padding: 2px;
border: 1px solid #085856;
background-color: rgba(8, 88, 86, 0.69);
border-radius: 6px;
}
ul#relpost_img_sum li a.relinkjdulx {
display: block;
font-weight: normal !important;
height: 17px;
overflow: hidden;
background-image: none;
font-size: 14px;
}
#related_posts h4 {
font-size: 22px;
text-align: center !important;
background: url("https://jetara.googlecode.com/svn/trunk/header-6.png") repeat-x scroll 0% 0% #309BBF;
text-shadow: 0px 0px 12px #FFF;
padding: 10px;width: 100%;
color: #FFF;
}
#related_posts {
margin-top: 26px;
padding: 2px;
overflow: hidden;
background-color: #DFF0D8;
border: 1px solid #A4B59D;
width: 99%;
margin: 0 auto;
}
/* CSS Social Share */
h9{color:#fff;font-family:ge_hiliregular;margin-right:140px}
.share-box{background-color:#2e3138;font-size:14px;padding:10px 0 11px;position:relative;margin-top:10px;color:#A6A6A6;border-bottom:1px solid #353942}
/* Slide Share */
#jalal-share {
padding: 0;
overflow: hidden;
margin-top: 80px;
background: #fff;
border-radius: 5px;
border: solid 1px #E6E6E6;
}
#button-count-share{overflow:hidden;background:none repeat scroll 0% 0% transparent;padding:3px;}
#button-count-share span{float:left;position:relative;font-size:13px;color:#fff;margin:12px 5px 12px 5px}
.button-share{background:#dce0e0;position:relative;display:block;float:right;height:40px;overflow:hidden;width:23.99%;margin:4px;border-radius:3px}
.ikons{display:block;float:left;position:relative;z-index:3;height:100%;vertical-align:top;width:17%;text-align:center}
.ikons i{color:#fff;line-height:33px}
.slide-share{z-index:2;display:block;height:100%;left:17%;position:absolute;width:84%;margin:0}
.slide-share p{font-family:ge_hiliregular;font-weight:400;border-left:1px solid rgba(255,255,255,0.35);color:#fff;font-size:14px;left:0;position:absolute;text-align:center;top:10px;width:100%;margin:0}
.button-share .slide-share{transition:all 0.4s ease-in-out}
.facebook .fb_iframe_widget{display:block;position:absolute;right:25%;top:0;z-index:1}
.twitter iframe{right:20%;top:10px;z-index:1;display:block;position:absolute}
.google #___plusone_0{width:90px!important;top:10px;right:35%;position:absolute;display:block;z-index:1}
.facebook .ikons,.facebook .slide-share{background:#4f79bc}
.twitter .ikons,.twitter .slide-share{background:#63cef2}
.google .ikons,.google .slide-share{background:#f36261}
.facebook:hover .slide-share,.twitter:hover .slide-share,.google:hover .slide-share{left:180px;opacity:0.6}
.pager{margin-top:50px}
.home-link{float:none}
blockquote, pre {
border: 1px solid rgba(255, 255, 255, 0.05);
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4), 0px 2px 16px #000 inset;
border-radius: 4px;
padding: 15px;
overflow: hidden;
direction: ltr;
text-align: left !important;
font-size: 14px;
background: url('https://jetara.googlecode.com/svn/trunk/header-6.png') repeat scroll 0% 0% rgba(3, 3, 3, 0.5);
font-style: italic;
}.post h2 {
background: url("https://jetara.googlecode.com/svn/trunk/header-6.png") repeat-x scroll 0% 0% #32ADCE !important;
color: #FFF !important;
padding: 13px !important;
text-align: center !important;
margin:0px 0px 20px;
}
#main-wrapper{float:right;overflow:hidden;width:100%}#sidebar-wrapper{float:left;width:300px;overflow:hidden;margin-right:10px}
.post{margin:0 0px 7px 0;padding:15px;font-size:17px}
#sidebar .widget h2{text-align:center;background:none repeat scroll 0% 0% rgba(50,50,50,0.2);margin:-20px -20px 20px;padding:10px;border:1px solid #282828}#Label1 a{position:relative;z-index:2;text-decoration:none!important;margin:6px 6px 0 0;float:right;display:inline;padding:0 10px;line-height:22px;font-size:12px;border-radius:1px;box-shadow:0 2px 4px rgba(0,0,0,0.75),0px 0 0 1px rgba(255,255,255,0.02) inset;color:#fff;background:linear-gradient(to bottom,rgba(69,72,77,0.17) 0%,rgba(0,0,0,0.21) 100%) repeat scroll 0% 0% transparent}li{list-style:none}
.table_blue table,.sb_blue{1px solid #318381}
.styled_table table, .sb {
border-collapse: collapse;
margin: 10px 0px 20px;
text-shadow: none;
color: #4B4B4B;
border: 1px solid #888;
}
.table_blue table tr th, .sb_blue .box_title {
color: #FFF !important;
padding: 2px !important;
font-size: 22px;
text-align: center !important;
background: url("https://jetara.googlecode.com/svn/trunk/header-6.png") repeat-x scroll 0% 0% #333;
text-shadow: 0px 0px 12px #FFF;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.9), 0px 0px 12px rgba(0, 0, 0, 0.9) inset;
}
.sb .box_content{color: #A6A6A6;padding:10px;margin:1px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
ol{counter-reset:li;list-style:none outside none;font:15px "trebuchet MS","lucida sans";padding:0;margin-right:-4px;margin-top:0;margin-bottom:0}
ol{list-style:none outside none;font:15px "trebuchet MS","lucida sans"}
ol ol{margin:0 2em 0 0}
.rounded-list ol li:before {
counter-increment: li;
position: absolute;
right: -1.3em;
top: 50%;
margin-top: -1.3em;
height: 2em;
width: 2em;
line-height: 2em;
text-align: center;
font-weight: bold;
border-radius: 2em;
transition: all 0.3s ease-out 0s;
content: counter(li, decimal);
color: #FFF !important;
font-family: a;
background-color: #333;
border: 3px solid #888;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.75);
text-shadow: 0px 0px 12px #FFF;
}
.rounded-list ol li {
font-family: ge_hiliregular;
display: block;
padding: 0.4em 2em 0.4em 0.4em;
margin: 0.5em 0px;
background: rgba(0, 0, 0, 0.33);
color: #A6A6A6;
text-decoration: none;
border-radius: 0.3em;
transition: all 0.3s ease-out 0s;
position: relative;
}
.rounded-list ol li:hover:before{transform:rotate(360deg)}
.rounded-list ol li:hover {
background-color: #20606B;
color: #FFF !important;
}
post h4{
background-color: #82A700;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.9), 0px 0px 12px rgba(0, 0, 0, 0.9) inset;
color: #FFF !important;
padding: 11px !important;
text-align: center !important;
}
</style>
<style>
</style>
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 1; /* طول الملخص للمواضيع بدون صورة */
summary_img = 1; /* طول الملخص للمواضيع ذات صورة*/
img_thumb_height = 80; /* عرض الصورة في الملخص*/
img_thumb_width = 85; /*طول الصورة في الملخص */
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:right; padding:0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div style="display:none;>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<style>
@media only screen and (max-width:360px){
h3 {
font-size: 16px;
}.colll1 {
width: 100%;
font-size: 12px !important;
}.button-share {
background: none repeat scroll 0% 0% #DCE0E0;
position: relative;
display: block;
float: right;
height: 40px;
overflow: hidden;
width: 45.99%;
margin: 4px;
border-radius: 3px;
}.ikons {
display: block;
float: left;
position: relative;
z-index: 3;
height: 100%;
vertical-align: top;
width: 25%;
text-align: center;
padding-top: 5px;
}.facebook .fb_iframe_widget {
display: block;
position: absolute;
right: -2%;
top: 0px;
z-index: 1;
}.google #___plusone_0 {
width: 90px !important;
top: 10px;
right: 18%;
position: absolute;
display: block;
z-index: 1;
}.twitter iframe {
right: -21%;
top: 10px;
z-index: 1;
display: block;
position: absolute;
}img.profile-img {
width: 60px !important;
height: 60px !important;
float: right !important;
margin: 16px 0px 2px;
}.profil-image-home {
width: 107px;
position: relative;
overflow: hidden;
float: right;
height: 100px;
margin-right: -7px;
}.profil-dep-home p {
padding-bottom: 0px;
font-size: 8.5px;color: #8A979F;
font-weight: 99 !important;
line-height: 1.2;
font-family: arial;
}ul#relpost_img_sum li {
border-bottom: 1px dashed #085A58;
list-style: outside none none;
margin: 0px 13px 0px 0px;
overflow: hidden;
width: 89%;
float: right;
padding: 8px 0px;
font-size: 10px;
}
}
</style>
<script type='text/javascript'>
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>
<style>
@media only screen and (max-width:420px){
.colll1 img {
display: block;
width: 70px;
height: 63px;
border-radius: 4px;
margin: 2px;
}
}
</style>
<style>
footer.footerwrap div.footerbody {
height: 30px;
}footer.footerwrap .footergrd {
display: none;
}
body{
color:#A6A6A6; text-shadow:0 1px 0 rgba(0,0,0,0.1); font-size:small; font-family:ge_hiliregular; overflow-x:hidden; overflow-y:scroll}
#heden{display:none}
nav.top-menu-home{width:71.93478260869565%;padding:0.5em 0 0.15em 0;float:left}
nav.top-menu-home a:link, nav.top-menu-home a:visited {
width: 18.9%;
float: right;
margin: -8px 0px 0px 28px;
padding: 16px 0px;
font-size: 16px;
color: #fff;
font-weight: normal;
line-height: 120%;
text-align: left;
text-transform: uppercase;
text-decoration: none;
background-position: center bottom;
position: relative;
border-bottom: 3px solid;
border-right: 3px solid;
border-color: #649999;
}
nav.top-menu-home a.blog:before,nav.top-menu-home a.about:before,nav.top-menu-home a.archive:before,nav.top-menu-home a.contact:before{position:absolute;right:-18px;top:30px;width:32px;height:32px;color:#fff;text-shadow:0 0 12px #fff;line-height:1.87em;background-color:#333;border:6px solid #888;text-align:center;font-weight:bold;border-radius:2em;-moz-border-radius:2em;-webkit-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;-moz-box-shadow:0 4px 6px rgba(0,0,0,0.25);-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.75);box-shadow:0 4px 6px rgba(0,0,0,0.75);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;font-family:serif}
nav.top-menu-home a.blog:hover:before,nav.top-menu-home a.about:hover:before,nav.top-menu-home a.archive:hover:before,nav.top-menu-home a.contact: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);
color:#161616!important;border:6px solid #85A101;
background-color:#F5FEFF;
-moz-box-shadow:0 0 10px #C6EB04,0 0 30px #C6EB04,0 0 50px #C6EB04,0 1px 3px #000!important;
-webkit-box-shadow:0 0 10px #F5FEFF ,0 0 30px #C6EB04,0 0 50px #C6EB04,0 1px 3px #000!important;
box-shadow:0 4px 6px #99CECE,0 0 10px #99CECE,0 0 30px #99CECE,0 0 50px #fff,0 1px 3px #000!important}
nav.top-menu-home a.blog:before {
content: "1";
background: #73DAC8;
border-color: #46AD9B;
color: #FFF;
}
nav.top-menu-home a.about:before {
content: "2";
background: #F2D245;
border-color: #CAAA1D;
}
nav.top-menu-home a.contact:before {
content: "3";
background: none repeat scroll 0% 0% #FE6480;
border-color: #E94F6B;
}
nav.top-menu-home a.archive:before {
content: "4";
background: #CD8ECF;
border-color: #B071B2;
}
nav.top-menu-home a:hover {
color: #568B8B;
text-shadow: 0px 0px 30px #99CECE;
}
nav.top-menu-home .divider{float:right;text-align:center;width:1.44%}
div#phone {
width: 73.9348%;
padding: 0.5em 0px 0.95em;
float: left;
margin: 10px 0px 0px;
border-bottom: 3px solid #649999;
}
div#phone h2.phone-number{font:100 40px/30px "roboto","Helvetica Neue",Helvetica,Arial,sans-serif!important;padding:0;text-transform:uppercase;float:left;color:#666}div#phone h6.call{font:300 14px/14px "roboto","Helvetica Neue",Helvetica,Arial,sans-serif!important;float:left;width:200px;margin-top:2px;margin-left:10px;text-align:left;line-height:120%;color:#444}
#time {
width: 22.595%;
float: right;
margin-right: 23px;
text-align: center;
height: 142px;
border-right: 3px solid #649999;
border-left: 3px solid #649999;
}
#time{margin:0 auto;overflow:hidden}
#time >nav.clock{margin:0 auto;padding:30px}
#time >nav.clock #Date{font-size:12px;text-align:center;color:#FDFDFB;line-height:0.9em;font-family:serif}
#time >nav.clock ul{margin:0 auto;padding:0;list-style:none outside none;text-align:center;direction:ltr;font-family:serif}
#time > nav.clock ul li {
color: #F2FEFE;
display: inline;
font-size: 40px;
text-align: center;
font-weight: 100;
}
#time >nav.clock li.point{position:relative;padding-right:1px;padding-left:1px}.threecol h5{text-transform:uppercase;text-align:center;font-size:23px;color:#aaa;font-weight:600!important}nav#topnav{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUhKcTJqTvj83i_52B0jeummCL6sAEcoUQBABz1dNS9CIBMwQF6FPJCJhotGelbMPZi7pKzzuFgsVc1E3d_fNsLpp6z2AXyVlxQXHKpsu802R41hvKkmbAq7NOD9mG3XNPPwKVUpNLCuw9/s1600/border-nav.png);background-position:top center;background-repeat:no-repeat;padding:7px 0 0 0;margin-top:4px;width:1000px}nav#topnav li{font-family:ge_hiliregular;display:inline;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGbgX2qQT8DIlYMuLpwZUnz_LKiPmVbcugCEZ6-API1ayLTnCxd7hzrAb6KW7kMyq0KCj1Oa_Vr2OFWoEfz4WROUHBuQ4d_zsDxtTCNgQbQxH1b3oCXC3yIhizGdAIz5orYiw_6CAlUpLQ/s1600/border-top.png);background-position:top left;background-repeat:repeat-y;padding:8px 10px 2px 8px;margin-top:10px}nav#topnav li a{position:relative;padding:0 0 10px 20px!important;color:#666!Important;font-size:11px}cufon{display:inline-block!important;position:relative!important;vertical-align:middle!important;font-size:17px!important;line-height:1px!important;color:#fff;text-align:center}cufon canvas{position:relative!important;margin-top:-12px}cufon cufontext{width:0!important;height:0!important;overflow:hidden!important;text-indent:-10000in!important}nav#topnav li a:link,nav#topnav li a:visited{text-decoration:none}
#logo-home {
margin: 6px 0px 0px -15px;
padding: 0px;
overflow: hidden;
position: relative;
cursor: crosshair;
height: 400px;
}
</style>
<b:if cond='data:blog.pageType == "item"'>
<style>
ul#blog-pager {
width: 100%;
margin: 30px 0;
}
h3 {
font-size: 24px;
padding: 10px;
text-align: center;
background: #BDDEE7;
margin: 0px 0px 20px;
color: #4499B6;
border: 1px solid #80B8BB;
font-weight: 700 !important;
}
.colll1{width:100%;font-size:15px!important}
</style></b:if>
<!-- welcom home -->
<style>
/*--------------css welcome home-------------*/
.l0ast{margin:0!important}.t0hreecol p{background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSdboRUyQU_VrMGSqGO6WZ3fxZ2ooqWMdfV1ul3X71yenOPnk4o0LzOf16rb-pfews05cCX7ePSDOLFKEal81Vto-xowvduHn8C5ky6i5zckUhkpQaFtZUfvFWmxVHR7qvlSwLbd-BZHBi/s1600/center-border.png');background-position:center top;background-repeat:repeat-x;font-size:11px;color:#A6A6A6;margin:0 auto;padding-top:5px;padding-left:10px;text-align:center;line-height:1.8}.r0ow{width:100%;max-width:100%;min-width:100%;margin:0 auto;overflow:hidden}.o0necol,.t0wocol,.t0hreecol,.f0ourcol,.f0ivecol,.s0ixcol,.s0evencol,.e0ightcol,.n0inecol,.t0encol,.e0levencol{margin-left:3.8%;float:right;min-height:1px}.r0ow .o0necol{width:4.85%}.r0ow .t0wocol{width:13.45%}.r0ow .t0hreecol{width:22.05%}.r0ow .f0ourcol{width:30.75%}.r0ow .f0ivecol{width:39.45%}.r0ow .s0ixcol{width:48%}.r0ow .s0evencol{width:56.75%}.r0ow .e0ightcol{width:65.4%}.r0ow .n0inecol{width:74.05%}.r0ow .t0encol{width:82.7%}.r0ow .e0levencol{width:91.35%}.r0ow .t0welvecol{width:100%;float:right}.c0ontainer{padding-right:20px;padding-left:20px}.b0g-1x88z1{position:absolute;right:0;left:0;top:0;height:400px;opacity:0.6}#w0rap2{padding-top:70px}#c0ontent-wrapper{max-width:1024px;margin:0 auto;width:1024px;text-align:right;margin:10px auto;overflow:hidden}#c0ontent-wrapper{max-width:92%;width:92%}#h0eden{display:none}nav.top-menu-hom0e{width:71.93478260869565%;padding:0.5em 0 0.15em 0;float:left}nav.top-menu-hom0e a:link,nav.top-menu-hom0e a:visited{width:18.9%;float:right;margin:-8px 0 0 28px;padding:16px 0 16px;font-size:16px;color:#ccc;font-weight:normal;line-height:120%;text-align:center;text-transform:uppercase;text-decoration:none;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgckwbTgFCoiaPvWd1UNkh3fM4M76ZZj5LDnTJCPUof2Rim8o9sNOzXv2A3-UDzNs4nZet2wxqYVUaYdEzVvuy9uOzB8a1IloGg5X5fwrUi1seqXask1PFACb9w9VdmpJktFku-Qrl4WhDE/s1600/border-center-top-left.png);background-position:bottom center;background-repeat:repeat-x;-webkit-transition:background .3s linear;-moz-transition:background .3s linear;-o-transition:background .3s linear;transition:background .3s linear;position:relative}nav.top-menu-hom0e a.blog:before,nav.top-menu-hom0e a.about:before,nav.top-menu-hom0e a.archive:before,nav.top-menu-hom0e a.contact:before{position:absolute;right:-18px;top:30px;width:32px;height:32px;color:#ccc;text-shadow:0 0 12px #fff;line-height:1.87em;background-color:#333;border:6px solid #888;text-align:center;font-weight:bold;border-radius:2em;-moz-border-radius:2em;-webkit-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;-moz-box-shadow:0 4px 6px rgba(0,0,0,0.75);-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.75);box-shadow:0 4px 6px rgba(0,0,0,0.75);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;font-family:serif}nav.top-menu-hom0e a.blog:hover:before,nav.top-menu-hom0e a.about:hover:before,nav.top-menu-hom0e a.archive:hover:before,nav.top-menu-hom0e a.contact: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);color:#161616!important;border:6px solid #85A101;background-color:#C6EB04;-moz-box-shadow:0 0 10px #C6EB04,0 0 30px #C6EB04,0 0 50px #C6EB04,0 1px 3px #000!important;-webkit-box-shadow:0 0 10px #C6EB04,0 0 30px #C6EB04,0 0 50px #C6EB04,0 1px 3px #000!important;box-shadow:0 4px 6px rgba(0,0,0,0.25),0 0 10px #C6EB04,0 0 30px #C6EB04,0 0 50px #C6EB04,0 1px 3px #000!important}nav.top-menu-hom0e a.blog:before{content:'1'}nav.top-menu-hom0e a.about:before{content:'2'}nav.top-menu-hom0e a.contact:before{content:'3'}nav.top-menu-hom0e a.archive:before{content:'4'}nav.top-menu-hom0e a:hover{color:#C6EB04;text-shadow:0 0 30px #C6EB04}nav.top-menu-hom0e .d0ivider{float:right;text-align:center;width:1.44%}div#0phone{width:73.93478260869565%;padding:0.5em 0 0.95em 0;float:left;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_tvFJCQp6qGgeTCgmolu0RbcuhsAV9XYa8LDnu6GtMlzGHw7-VS9Fszze71TGNE7qMTUu6Nq-Yan7gtBJwWWgs9UBt3N2s0TfScJcvHsRGODZQKs2Jsf3d7kfMs_lNcr86978Hgf9tEa3/s1600/big-border.png);background-position:bottom center;background-repeat:repeat-x;margin:10px 0 0 0}div#0phone h2.phone-number{font:100 40px/30px "roboto","Helvetica Neue",Helvetica,Arial,sans-serif!important;padding:0;text-transform:uppercase;float:left;color:#666}div#0phone h6.call{font:300 14px/14px "roboto","Helvetica Neue",Helvetica,Arial,sans-serif!important;float:left;width:200px;margin-top:2px;margin-left:10px;text-align:left;line-height:120%;color:#444}#0time{width:25.59521739130435%;float:right;margin-right:23px;text-align:center;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL49nsej7-vkJuoEXZlexYEJkYDZ_QdduynjQmBPoF7dxyo3IQJ568mMFGko5XHHrwHov6U2HmbfpMH7ha5vNOwp-UgE2FMYmcYSAsF2yqbyQiumJ0cjwCyyUHz3D7rMJn1UxPJlMgzm-i/s1600/big-border-top.png);background-position:top center;background-repeat:repeat-y;height:142px;color:#666;color:#fff}#0time{margin:0 auto;overflow:hidden}#0time >nav.clock{margin:0 auto;padding:30px}#0time >nav.clock #0Date{font-size:12px;text-align:center;color:#666;line-height:0.9em;font-family:serif}#0time >nav.clock ul{margin:0 auto;padding:0;list-style:none outside none;text-align:center;direction:ltr;font-family:serif}#0time >nav.clock ul li{color:#ccc;display:inline;font-size:40px;text-align:center;font-weight:100}#0time >nav.clock li.point{position:relative;padding-right:1px;padding-left:1px}.threecol h5{text-transform:uppercase;text-align:center;font-size:23px;color:#aaa;font-weight:600!important}nav#0topnav{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUhKcTJqTvj83i_52B0jeummCL6sAEcoUQBABz1dNS9CIBMwQF6FPJCJhotGelbMPZi7pKzzuFgsVc1E3d_fNsLpp6z2AXyVlxQXHKpsu802R41hvKkmbAq7NOD9mG3XNPPwKVUpNLCuw9/s1600/border-nav.png);background-position:top center;background-repeat:no-repeat;padding:7px 0 0 0;margin-top:4px;width:1000px}nav#0topnav li{font-family:ge_dinar_tworegular;display:inline;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGbgX2qQT8DIlYMuLpwZUnz_LKiPmVbcugCEZ6-API1ayLTnCxd7hzrAb6KW7kMyq0KCj1Oa_Vr2OFWoEfz4WROUHBuQ4d_zsDxtTCNgQbQxH1b3oCXC3yIhizGdAIz5orYiw_6CAlUpLQ/s1600/border-top.png);background-position:top left;background-repeat:repeat-y;padding:8px 10px 2px 8px;margin-top:10px}nav#0topnav li a{position:relative;padding:0 0 10px 20px!important;color:#666!important;font-size:11px}cufon{display:inline-block!important;position:relative!important;vertical-align:middle!important;font-size:17px!important;line-height:1px!important;color:#fff;text-align:center}cufon canvas{position:relative!important;margin-top:-12px}cufon cufontext{width:0!important;height:0!important;overflow:hidden!important;text-indent:-10000in!important}nav#0topnav li a:link,nav#0topnav li a:visited{text-decoration:none}#0logo-home{margin:6px 0 0 -15px;padding:0;overflow:hidden;position:relative;cursor:crosshair;height:400px}#0layout{position:absolute;width: 100%;overflow:hidden;background:-moz-radial-gradient(center center,circle cover,hsla(0,0%,0%,.0) 0%,hsla(0,0%,3%,9) 100%)no-repeat;background:-webkit-gradient(radial,center center,0,center center,800,from(hsla(0,0%,0%,.0)),to(hsla(0,0%,3%,9)) );background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);background:radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000',endColorstr='#d9000000',GradientType=1 );margin:0!important;padding:0!important}#0layout{width: 100%;overflow:hidden;margin:0;padding:0!important;background-attachment:fixed;background-image:radial-gradient(ellipse at center center,transparent 5%,#000 159%)}h0eader.header{width:100%;height:55px;position:relative;z-index:20;text-align:right;border-bottom:1px solid rgba(105,105,105,0.2);background-color:rgba(0,0,0,0.56);background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0qMiwjqCkCZAsE0l4Wu_yj3crurjn6N3bgA4pINeHm12N02TnvcL1LPZtVBx4xXzgygbUY0IvclMzxGwK-_oZs1h7B5tCKpltVagLBtfDk6_AhHRwx74b_nlW7cnhATXm5n62-I8Ml8ap/s1600/pattern.png');background-repeat:repeat;box-shadow:0 6px 5px rgba(0,0,0,0.35),0px 1px 0 rgba(0,0,0,0.2) inset;background-clip:padding-box}h0eader.header{margin:0 auto!important}h0eader.header section.header11{width:950px;margin:0 auto}#0logo{float:right;padding:15px 0;height:40px;width:210px}#0logo li.s-home{display:inline!important;font-weight:normal!important;background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAXtXeP5tlhs1h2dXmW9ChORX6DHw9Hy5lrJ91vkO_7MPh210blkc7UtYTGSYmra4vgXGy1o850VgrxmCEaI9ip4Q1JBlk0hg9G2QrfHf0iMWt4ch9IlIOftB41M3-oM5U_ljqHRvTW2Ks/s1600/dot-circle.png');background-repeat:no-repeat;background-position:right center;padding:4px 23px 0 15px!important;float:right;position:relative}#0logo li.s-home a{animation-name:zelzal;-moz-animation-name:zelzal;-webkit-animation-name:zelzal;animation-duration:0.8s;-moz-animation-duration:0.8s;-webkit-animation-duration:0.8s;transform-origin:50% 50%;-moz-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:linear;-moz-animation-timing-function:linear;-webkit-animation-timing-function:linear;border-bottom:1px solid #C6EB04;padding:11px 0;color:#C6EB04;font-size:26px!important;font-family:ge_dinar,Great Vibes;line-height:0}h0eader.header section.header11 .nav{padding-top:0px;text-align:right;height:40px;padding-bottom:15px;float:left;margin:0 0 0 -13px;width:660px}h0eader.header section.header11 .nav li{display:inline!important;font-weight:normal!important;padding:4px 15px 0 7px!important;float:right;position:relative}h0eader.header section.header11 .nav li ul{position:absolute;right:-10px;background-color:rgba(0,0,0,0.73);background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0qMiwjqCkCZAsE0l4Wu_yj3crurjn6N3bgA4pINeHm12N02TnvcL1LPZtVBx4xXzgygbUY0IvclMzxGwK-_oZs1h7B5tCKpltVagLBtfDk6_AhHRwx74b_nlW7cnhATXm5n62-I8Ml8ap/s1600/pattern.png');top:20px;display:none}h0eader.header section.header11 .nav li ul li{width:103px;text-align:right;background-position:right center;margin-right:10px;line-height:2;padding:5px 21px 5px 5px!important}h0eader.header section.header11 .nav li:hover ul{display:block}h0eader.header section.header11 .nav a{font-size:12px!important;font-family:ge_dinar_tworegular;font-weight:bold!important;color:#A6A6A6;text-shadow:0 -1px 1px rgba(2,2,2,0.9);text-transform:uppercase;padding:16px 0}h0eader.header section.header11 .nav a:hover{color:#C6EB04;text-shadow:0 0 10px #C6EB04,0px 0 20px #C6EB04,0px 0 30px #C6EB04}footer.footerwrap{position:relative;margin:0 auto;width:100%;z-index:0;color:#fff;text-align:right;font-size:11px;background-color:transparent!important;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM4Iw5yPW1oFKl38NXrrQ0mUyG61ZchQ48e57QArX_PdoCcJLevH31tMPwD8FpxrULnS8B3tqYAEu_eTWK_E-jl8ISpQAdi5cCdp8mpU_7e3g1xEGC0y8Rg_tdp25LwS14_dV9vXZNb5M8/s1600/top-arrow.png);background-repeat:repeat-x;background-position:top center;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.9) inset;-moz-box-shadow:0 2px 5px rgba(0,0,0,.9) inset;box-shadow:0 2px 5px rgba(0,0,0,.9) inset}
</style><b:if cond='data:blog.url == data:blog.homepageUrl'><style>
/*----------css rensponsiv home welcom-----------------*/
.ayana-welcome{display:none;bakground:#111;}
@media screen and (max-width:1208px){#0content-wrapper{max-width:95%;width:95%}}@media screen and (max-width:1060px){h0eader.header section.header11 .nav{width:73%}h0eader.header section.header11{width:87%}#time >nav.clock{margin:0 auto;padding:30px 0!important}}@media screen and (max-width:980px){h0eader.header section.header11{width:94%}h0eader.header section.header11 .nav li{padding:4px 5px 0 5px!important}h0eader.header section.header11 .nav{width:72%}.container{padding-right:0;padding-left:0}.colll3{width:34.5%}ul.label-post{display:none}h0eader.header section.header11 .nav a{font-size:11px!important}}@media only screen and (min-width:769px){#menu-2{display:none}}@media only screen and (max-width:768px){.menu_btn {display: block!important;}h0eader.header {display: block!important;}#menu-2{display:block!important;text-align:center;float:left;background:none repeat scroll 0% 0% rgba(20,20,19,0.8);width:2.2em;margin:9px 22px;font-size:24px;border-radius:6px;border:solid 2px #1E1E1E}section.header11 .nav{display:none;width:96%!important;background:none repeat scroll 0% 0% rgba(20,20,19,0.8);height:auto!important;margin-top:-14px!important;float:right!important;padding:5px!important;border-radius:6px!important;z-index:10000!important}.nav.js{display:none}h0eader.header section.header11 .nav li ul li{width:100%;text-align:right;margin-right:15px;line-height:2;padding:5px 21px 5px 5px!important;background:none!important}h0eader.header section.header11 .nav li{padding:4px 15px 0 9px!important;width:100%}h0eader.header section.header11 .nav li ul{position:relative!important;right:8px;background-image:none!important;background-color:none!important;display:block!important}h0eader.header section.header11 .nav li{background-image:none!important}.post-labels:before{font-size:8pxكmargin:0 -5px 0 2px}.colll3 .post-labels a:before{margin:0 3px 0 6px}.post-snippet:before{font-size:9px}.colll1 img{display:block}.colll2{width:36.5%;font-size:9px}.colll3{width:27.5%;font-size:8px!important;line-height:2}.colll4{width:4em;height:4em;margin:2px 8px 0 0}#content-wrapper{max-width:92%;width:92%}.colll2 h3{line-height:1em;margin:0;padding:4px 0 0 10px;font-size:10px!important}.g-profile:before{font-size:9px;margin:0 0 0 5px}.sosialbutton ul li a{line-height:21px;margin:0 6px 0 0!important}.sosialbutton ul li a{width:20px;height:20px}#logo-home{height:auto!important}#time{width:100%!important;float:none;margin-right:0!important;height:78px!important}#time >nav.clock{padding:0!important}#wrap2{padding-top:32px!important}div#phone{width:96%!important}nav.top-menu-home{width:90%!important}nav.top-menu-home a:link,nav.top-menu-home a:visited{width:17.9%!important}}@media screen and (max-width:530px){.colll1{width:90px}nav.top-menu-home a:link,nav.top-menu-home a:visited{margin:-8px 0 0 24px!important}.colll2{width:40.5%}.colll3{width:34.5%}.colll4{display:none}.post{margin:0 0 8px 0;padding:5px}#wrap2{padding-top:35px}.row .threecol{width:100%!important;text-align:center!important;line-height:1.7!important}footer.footerwrap .footergrd{max-width:100%}.footergrd-c3{width:100%!important;margin:5px 15px}.footergrd-c2{width:100%;margin:5px 20px}div#phone h2.phone-number{display:none!important}nav.top-menu-home a.blog:before,nav.top-menu-home a.about:before,nav.top-menu-home a.archive:before,nav.top-menu-home a.contact:before{width:25px!important;height:25px!important;border:4px solid #888!important;font-size:13px}}@media only screen and (max-width:420px){.colll1{width:88px}.colll2{width:36.5%}.colll3{width:30.5%}.colll4{display:none}.colll3 .post-labels{display:none}.sosialbutton{float:right;margin:10px -14px 0;height:23px;width:135px}.sosialbutton ul li a{width:15px;height:15px}.sosialbutton ul li a{line-height:17px;margin:0 5px 0 0!important}.sosialbutton ul li a:before{font-size:9px}nav.top-menu-home a.blog:before,nav.top-menu-home a.about:before,nav.top-menu-home a.archive:before,nav.top-menu-home a.contact:before{width:20px!important;height:20px!important;line-height:1.87em!important;border:4px solid #888!important;line-height:1.2!important}div#phone h2.phone-number{display:none!important}nav.top-menu-home a:link,nav.top-menu-home a:visited{width:16.9%!important;font-size:12.50px!important}}@media only screen and (max-width:360px){.colll3 .post-labels{display:none}nav.top-menu-home a.blog:before,nav.top-menu-home a.about:before,nav.top-menu-home a.archive:before,nav.top-menu-home a.contact:before{width:15px!important;height:16px!important;font-size:12px!important;border:2px solid #888!important}nav.top-menu-home a:link,nav.top-menu-home a:visited{margin:-8px 0 0 18px!important;font-size:12px!important}.colll3{width:66%}.post-author vcard{display:none}.colll2{width:66%}.post{margin:0 0 8px 0;padding:5px}.sosialbutton{display:none}#menu-2{width:1.2em}}#MBT-REDIRECTION{display:none;background:#111;width:100%;height:100%}</style></b:if><script src='https://ayana-tech1.googlecode.com/svn/Ayana/clock-home.js' type='text/javascript'/><a href='http://ayanatech.blogspot.com/'/><link href='http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>
</head>
<body>
<div class='tools-bar' style='display:none;'><span class='iframe simptip-position-top' data-tooltip='اتصل بنا' href='http://www.123contactform.com/form-1081027/-' id='Love-ayana' style='padding-left:0px;padding-right:4px;margin-right:0;border-radius: 0;background: #C6EB04;color: #000;'><a href='http://www.123contactform.com/form-1081027/-' style='color: #fff;' target='_blank'><i class='fa fa-envelope' style='padding-left:4px;color: #000;'/></a></span><span class='simptip-position-top' data-tooltip='إنضم للأعضاء' href='https://www.blogger.com/follow-blog.g?blogID=295450615618330528' id='Love-ayana' style='padding-left: 0px;padding-right: 4px;margin-right: 0;border-radius: 0;background: #C6EB04;color: #000;'><a href='https://www.blogger.com/follow-blog.g?blogID=295450615618330528' style='padding-left:3px;' target='_blank'><i class='fa fa-user' style='color: #000;'/></a></span><span class='simptip-position-top' data-tooltip='طباعه الصفحه' href='javascript:window.print()' id='Love-ayana' style='margin-right: 0;border-radius: 0;background: #C6EB04;color: #000;'><a href='javascript:window.print()' style='padding: 3px;color: #fff;'><i class='fa fa-print' style='padding-left: 0px;padding-right: 4px;color: #000;'/></a></span><span class='simptip-position-top' data-tooltip='الصعود إلي اعلي' href='#' id='Love-ayana' style='padding-left: 0px;padding-right: 4px;margin-right: 0;border-radius: 0;background: #C6EB04;color: #000;'><a href='#' style='padding: 10px;color: #fff;'><i class='fa fa-arrow-up' style='padding-left:4px;color: #000;'/></a></span><span class='simptip-position-top' data-tooltip='عوده للخلف' href='javascript:history.go(-1)' id='Love-ayana' style='padding-left: 0px;padding-right: 4px;margin-right: 0;border-radius: 0;background: #C6EB04;color: #000;'><a href='javascript:history.go(-1)' style='padding: 5px;color: #fff;'><i class='fa fa-arrow-right' style='padding-left:4px;color: #000;'/></a></span><span class='simptip-position-top' data-tooltip='إعاده تحميل الصفحه' href='javascript:window.location.reload()' id='Love-ayana' style='padding-left: 0px;padding-right: 4px;margin-right: 0;border-radius: 0;background: #C6EB04;color: #000;'><a href='javascript:window.location.reload()' style='padding: 5px;color: #fff;'><i class='fa fa-undo' style='padding-left:4px;color: #000;'/></a></span></div><b:if cond='data:blog.url == data:blog.homepageUrl'><div id='layout'><div id='pxsdrf' style=' margin-bottom: 50px; '><div class='bg-1x88z1'/><div id='wrap2'><div id='content-wrapper' style=' margin-top: 63px; '><header class='clearfix'><div id='time'><nav class='clock'><ul><li id='hours'/><li class='point'>:</li><li id='min'/><li class='point'>:</li><li id='sec'/></ul><div id='Date'/></nav></div><div class='clearfix' id='phone'><h2 class='phone-number'><cufon alt='+62 ' class='cufon cufon-canvas' style='width: 85px; height: 40px;'><canvas height='39' style='width: 115px; height: 39px; top: 0px; right: -1px;' width='115'/></cufon><cufon alt='857-6747-1247' class='cufon cufon-canvas' style='width: 285px; height: 40px;'><canvas height='39' style='width: 305px; height: 39px; top: 0px; right: -1px;' width='305'/></cufon></h2><h6 class='call'/></div><nav class='top-menu-home'><div class='container clearfix'><a class='tip blog' href='/search/?max-results=9'><tip>دخول المدونه</tip></a><span class='divider'/><a class='tip about' href='/search/label/قوالب بلوجر'>القوالب <tip>القوالب</tip></a><span class='divider'/><a class='contact' href='/search/label/قوالب مدفوعه'>اعمالي</a><span class='divider'/><a class='iframe archive' href='http://www.123contactform.com/form-1081027/-'>اتصل بنا</a></div></nav></header><br style='clear:both'/><div id='logo-home'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-QvtO-62yE9BhW7JiO3LET6SdsoqG9GXm9v7P3RM9O1ibwEnrP350wosCvdDE7bFzrWIAsZx293o27-7uzOwvZMgsAB9QBu00TDeTUbx32GNIVjF2NFOdtofj2RGuMlOw2ciw7dfmILs/s1600/hanan-hom-logo.png' style='margin:45px 9px 0px 0px;'/></div><div class='container'><div class='row'><div class='threecol'><h5><cufon alt='kopizine' class='cufon cufon-canvas' style='width:117px;height:23px;'><canvas height='23' style='width:125px;height:23px;top:0;right:0;' width='125'/>قوالب مجانيه</cufon></h5><p>ميز مدونتك بافضل قوالب بلوجر المجانيه الاحترافيه التي تزيد مدونتك جمالا واحترافيه والتي بدورها تزيد من اقبال الزوار عليها </p></div><div class='threecol'><h5><cufon alt='kopizine' class='cufon cufon-canvas' style='width:117px;height:23px;'><canvas height='23' style='width:125px;height:23px;top:0;right:0;' width='125'/>قوالب مدفوعه</cufon></h5><p>اجعل مدونتك افضل مدونة من حيث التصميم الخلاب الذي ستحصل عليه وفق احدث معايير الويب والذي سيكون تصميم خاص وحصري بمدونتك بسعر مميز </p></div><div class='threecol'><h5><cufon alt='kopizine' class='cufon cufon-canvas' style='width:117px;height:23px;'><canvas height='23' style='width:125px;height:23px;top:0;right:0;' width='125'/>اضافات بلوجر</cufon></h5><p>احصل على احدث الاضافات والادوات الخدميه والتفاعليه مجانا والتي تزيد من انسيابية مدونتك واحترافيتها وتجعلها مدونه متكامله من حيث الشكل والمحتوى </p></div><div class='threecol last'><h5><cufon alt='Tentang' class='cufon cufon-canvas' style='width:120px;height:23px;'><canvas height='23' style='width:126px;height:23px;top:0;right:0;' width='126'/>دعم فني</cufon></h5><p>دعم فني مجاني لجميع مشاكل مدونات بلوجر ومحاولة الرد على جميع استفسارات زوار المدونه ومساعدتهم للارتقاء بمدوناتهم الى الاعلى </p></div></div></div></div></div></div></div></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<header class='header' style='margin-top: -820px!important;'>
<section class='header11'>
<div id='logo'><li class='s-home'>
<a href='/'>مدونة ويب نايت</a></li></div>
<nav class='nav'><ul><li><a href='/search/?max-results=9'>
<i class='fa fa-file'/> المدونه</a></li>
<li><a href='/search/label/قوالب بلوجر'>
<i class='fa fa-paint-brush'/>قوالب بلوجر</a><ul>
<li><a href='/search/label/قوالب بلوجر'>قوالب مجانيه</a></li>
<li><a href='/search/label/قوالب مدفوعه'>اعمالي</a></li></ul></li>
<li><a href='/search/label/اضافات بلوجر'><i class='fa fa-briefcase'/>اضافات بلوجر</a><ul>
<li><a href='/search/label/اضافات بلوجر'>جي كويري</a></li><li><a href='/search/label/اضافات بلوجر'>تعليقات</a></li>
<li><a href='/search/label/اضافات بلوجر'>ازرار + ايقونات</a></li>
<li><a href='/search/label/اضافات بلوجر'>CSS3 + CSS</a></li>
<li><a href='/search/label/اضافات بلوجر'>سلايدرشو</a></li></ul></li>
<li><a href='#'><i class='fa fa-code'/>ادوات بلوجر</a><ul>
<li><a href='http://ayanatech.blogspot.com/p/blog-page_22.html'>محرر الاكواد</a></li>
<li><a href='http://ayanatech.blogspot.com/p/ayana-tech.html'>محول الاكواد</a></li>
<li><a href='http://ayanatech.blogspot.com/p/blog-page_8.html'>اكواد الالوان</a></li>
<li><a href='http://ayanatech.blogspot.com/p/blog-page_5.html'>فوتوشوب اونلاين</a></li></ul></li>
<li><a href='#'><i class='fa fa-archive'/>الارشيف</a></li>
<li><a href='#'><i class='fa fa-life-ring'/>الدعم الفني</a></li>
<li><a class='iframe' href='http://www.123contactform.com/form-1081027/-'><i class='fa fa-user'/>اتصل بنا</a></li></ul></nav>
</section><li id='ribbon'/></header>
</b:if>
<div class='ayana-welcome'>
<div id='layout'>
<div id='pxsdrf'>
<header class='header'>
<section class='header11'>
<div id='logo'><li class='s-home'>
<a href='/'>مدونة ويب نايت</a></li></div>
<nav class='nav'><ul><li><a href='/search/?max-results=9'>
<i class='fa fa-file'/> المدونه</a></li>
<li><a href='/search/label/قوالب بلوجر'>
<i class='fa fa-paint-brush'/>قوالب بلوجر</a><ul>
<li><a href='/search/label/قوالب بلوجر'>قوالب مجانيه</a></li>
<li><a href='/search/label/قوالب مدفوعه'>اعمالي</a></li></ul></li>
<li><a href='/search/label/اضافات بلوجر'><i class='fa fa-briefcase'/>اضافات بلوجر</a><ul>
<li><a href='/search/label/اضافات بلوجر'>جي كويري</a></li><li><a href='/search/label/اضافات بلوجر'>تعليقات</a></li>
<li><a href='/search/label/اضافات بلوجر'>ازرار + ايقونات</a></li>
<li><a href='/search/label/اضافات بلوجر'>CSS3 + CSS</a></li>
<li><a href='/search/label/اضافات بلوجر'>سلايدرشو</a></li></ul></li>
<li><a href='#'><i class='fa fa-code'/>ادوات بلوجر</a><ul>
<li><a href='http://ayanatech.blogspot.com/p/blog-page_22.html'>محرر الاكواد</a></li>
<li><a href='http://ayanatech.blogspot.com/p/ayana-tech.html'>محول الاكواد</a></li>
<li><a href='http://ayanatech.blogspot.com/p/blog-page_8.html'>اكواد الالوان</a></li>
<li><a href='http://ayanatech.blogspot.com/p/blog-page_5.html'>فوتوشوب اونلاين</a></li></ul></li>
<li><a href='#'><i class='fa fa-archive'/>الارشيف</a></li>
<li><a href='#'><i class='fa fa-life-ring'/>الدعم الفني</a></li>
<li><a class='iframe' href='http://www.123contactform.com/form-1081027/-'><i class='fa fa-user'/>اتصل بنا</a></li></ul></nav>
</section><li id='ribbon'/></header>
<div id='wrap2'>
<div id='content-wrapper'>
<div class='container' id='heden'>
</div>
<b:section id='main-wrapper'>
<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog'>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'/>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<div class='puertoColor'/>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='blog-pager1'>
<ul class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<li id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</li>
</b:if>
<b:if cond='data:olderPageUrl'>
<li id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</li>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</ul>
<div class='clear'/>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4><data:post.commentLabelFull/>:</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
</b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</b:if>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</a>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<b:include data='post' name='comment_count_picker'/>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='puertoColor'/>
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<style>
.hreview{display:none}
</style>
<div class='hreview'>
<span typeof='v:Review-aggregate' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span rel='v:rating'>
<span typeof='v:Rating'>
<span property='v:average'>100</span>
<span property='v:best'>100</span>
</span>
</span>
<span property='v:votes'>100</span>
</span>
</div>
<b:if cond='data:post.thumbnailUrl'>
<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comment_count_picker'/>
</b:if>
</b:if>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<ul class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<li id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</li>
</b:if>
<b:if cond='data:olderPageUrl'>
<li id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</li>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</ul>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<article class='post'>
<b:if cond='data:post.firstImageUrl'>
<a expr:content='data:post.firstImageUrl'/>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.thumbnailUrl'>
<div class='img-thumbnail'><span class='overlay'/><span class='medal'/>
</div>
<a xpr:id='"post-body-" + data:post.id'/>
<h3 class='post-title' itemprop='name'>
<a expr:href='data:post.url' expr:title='data:post.title'/>
</h3>
</b:if>
</b:if>
</b:if>
<b:if cond='data:post.title'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
<b:else/>
</b:if>
<b:else/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style>
.hreview{display:none}
</style>
<div class='hreview'>
<span typeof='v:Review-aggregate' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span rel='v:rating'>
<span typeof='v:Rating'>
<span property='v:average'>100</span>
<span property='v:best'>100</span>
</span>
</span>
<span property='v:votes'>100</span>
</span>
</div>
<div class='colll1'>
<img expr:alt='data:post.title' expr:href='data:post.url' expr:src='data:post.firstImageUrl'/>
</div>
<div class='colll2'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<i class=''/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<div class='sosialbutton'>
<ul>
<li><a class='goog-inline-block share-button sb-email' href='https://mail.google.com' target='_blank' title='إرسال بالبريد الإلكتروني'>
<span class='share-button-link-text'>Email This</span></a>
</li>
<li><a class='goog-inline-block share-button sb-blog' href='https://draft.blogger.com/home' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='كتابة مدونة حول هذه المشاركة'><span class='share-button-link-text'>كتابة مدونة حول هذه المشاركة</span>
</a></li>
<li><a class='goog-inline-block share-button sb-twitter' expr:href='"http://twitter.com/home?status=" + data:post.title + " -- " + data:post.url' target='_blank' title='المشاركة في Twitter'>
<span class='share-button-link-text'>‏المشاركة في Twitter</span></a></li>
<li><a class='goog-inline-block share-button sb-facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='المشاركة في Facebook'>
<span class='share-button-link-text'>‏المشاركة في Facebook</span>
</a></li>
<li><a class='goog-inline-block share-button sb-pinterest' expr:href='"https://plus.google.com/share?url=" + data:post.url + ""' target='_blank'><span class='share-button-link-text'>.to google+</span></a></li>
</ul>
</div>
</div>
<div class='colll3'>
<span class='post-labels'>
التسميات:
<b:if cond='data:post.labels'>
<i class=''/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
<span class='post-snippet'>
<data:post.snippet/>
</span>
</div>
<div class='colll4'>
<a class='numcomment' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>0 <span class='labelscomment'>تعليق</span> </b:if> <b:if cond='data:post.numComments == 1'> 1 <span class='labelscomment'>تعليق</span></b:if>
<span class='numcomment' style=' font-size: 1em; line-height: 0.5em !important; margin-top: 1px;color:#5D9F5E;'><b:if cond='data:post.numComments > 1'>
<data:post.numComments/></b:if>
</span>
<b:if cond='data:post.numComments > 1'><span class='labelscomment'>تعليق</span></b:if>
</a>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
<b:include data='post' name='postQuickEdit'/>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<data:post.body/>
<div style='clear:both;'/>
</div>
<b:else/>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<div>
</div>
<div style='clear:both;'/>
</div>
</b:if>
<b:else/>
<!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<div class='post-home'>
</div>
</div>
<div class='post-info'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<data:post.body/>
<center>
<div class='clear'/>
<div id='jalal-share'>
<div id='button-count-share'>
<div class='facebook button-share'><i class='ikons'><i class='fa fa-facebook'/></i>
<div class='slide-share'>
<p>مشاركه</p>
</div>
<a class='fb-share-button' name='fb_share' rel='nofollow' share_url='"http://www.facebook.com/sharer.php?u=" + data:blog.url' type='button_count'/>
</div>
<div class='facebook button-share'><i class='ikons'><i class='fa fa-facebook'/></i>
<div class='slide-share'>
<p>اعجاب</p>
</div>
<div class='fb-like' data-action='like' data-layout='button_count' data-share='false' data-show-faces='false'/>
</div>
<div class='google button-share'><i class='ikons'><i class='fa fa-google-plus'/></i>
<div class='slide-share'>
<p>+ مشاركه </p>
</div>
<div class='g-plusone' data-count='true' data-size='medium' expr:data-href='data:post.url' rel='nofollow'/>
<script type='text/javascript'>
window.___gcfg = {lang: 'id'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
<div class='twitter button-share'><i class='ikons'><i class='fa fa-twitter'/></i>
<div class='slide-share'>
<p>غرد تغريده</p>
</div>
<a class='twitter-share-button' data-count='horizontal' data-related='' data-via='' href='http://twitter.com/share' title='Share via Twitter'>تغريد</a>
<script async='async' src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div class='clear'/>
</div></div>
<div class='clear'/>
</center>
<div class='post-footer'>
<style>
.post-footer {
background-color: rgb(223, 241, 245);
border-radius: 4px;
overflow: hidden;
padding: 4px 15px 0px;
border: 1px solid rgb(176, 227, 246);
}
</style>
<div class='profil-image-home'>
<a href='/'>
<img class='profile-img' id='profil' src='http://s8.postimg.org/okq46hpet/16432.jpg' width='72'/></a>
<div class='profil-image-icon'>
<a class='fb' href='https://www.facebook.com/profile.php?id=100003075260217' target='_blank'/>
<a class='twitter' href='https://twitter.com/H_S_R1' target='_blank'/>
<a class='google-plus' href='/' rel='publisher' target='_blank'/>
</div></div>
<div class='profil-dep-home'><p>
اسامة عبد الرضا : من الجمهورية العراقية , إهتمام وتخصص في تصميم قوالب بلوجر كذلك التصاميم العامة أعمل حر , حب وعشق للأجهزة ابل وبألعاب الفيديو أيضا مترجم أفلام ومسلسلات وبرامج تلفزيونية إنجليزية.
<a href='https://www.facebook.com/osama.barcelona.26' style='text-decoration: none;'>صفحتي على الفيس بوك من هنا</a></p></div>
<div class='post-footer-line post-footer-line-1'>
<span class='reaction-buttons'>
</span>
<span class='star-ratings'>
</span>
<span class='post-backlinks post-comment-link'>
</span>
</div></div>
<style>
/* CSS Related Posts Ar1web */
.related-post{margin:10px 0;border-radius:3px;}
.titlehead{margin:0 4px 10px;font-size:15px;border-bottom:3px solid #ecf0f1;color:3px solid #F5F5F5;font-weight:700;padding-bottom:2px;background: url("https://jetara.googlecode.com/svn/trunk/header-6.png") repeat-x scroll 0% 0% #32ADCE !important;
color: #FFF !important;
padding: 13px !important;
text-align: center !important;
margin: 0px 0px 20px;border-radius:3px;}
.titlehead span{border-bottom:3px solid #F5F5F5;padding-bottom:4px;}
.related-post{margin:1em auto 0;background: #F5F5F5;border: 1px solid #ddd;}
.related-post-style-3,.related-post-style-3 li{margin:0;padding:0;list-style:none;word-wrap:break-word;overflow:hidden;}
.related-post-style-3 .related-post-item{float:right;width:322px;height:auto;margin:0 3px;margin-bottom:-993px;padding-bottom:999px;outline:0;}
.related-post-style-3 .related-post-item:first-child{border-left:none;}
.related-post-style-3 .related-post-item-thumbnail{max-width:none;max-height:none;padding:0;float:right;}
.related-post-style-3 .related-post-item-title{font-weight:500;font-size:14px;margin-right: 10px;}
div.rel-item-post{background:#DFF1F5;padding:8px;border:1px solid #A4D4D0;}
div.rich-snippet{padding:7px 7px 20px;margin:10px 0;background:#eee;border-top:1px solid #DBDBDB;font-size:12px;color:#525252;line-height:1.6em;font-family: Electrolize,ge_ss_threeregular;border: 1px solid #DFDDDD;}
div.st_share{margin:10px 0;}
div.rich-snippet span{color:#727272;}
</style>
<div class='related-post' id='related-post'/>
<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
"<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop></b:if>];
var relatedPostConfig = {
homePage: "<data:blog.homepageUrl/>",
widgetTitle: "<h3 class='titlehead'><span>تدوينات ذات صلة:</span></h3>",
numPosts: 6,
summaryLength: 0,
titleLength: "auto",
thumbnailSize: 65,
noImage: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",
containerId: "related-post",
newTabLink: false,
moreText: "Read More",
widgetStyle: 3,
callBack: function() {}
};
</script>
<script src='https://ar1web-com.googlecode.com/svn/Hm/related%20posts.js' type='text/javascript'/>
<div style='clear: both;'/>
</div>
</b:if>
</article>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
<div style='clear:both'/>
</div></div>
<div class='footcol' id='fcol1'/>
<footer class='f0ooterwrap'>
<div class='footerbody'>
<article class='footergrd'>
<div class='footergrd-m1'/>
<b:section class='footergrd-c2' id='footer1'>
<b:widget id='HTML2' locked='false' title='اصدقاء المدونه على فيس بوك' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<div class='footergrd-m2'/>
<b:section class='footergrd-c2' id='footer'>
<b:widget id='PopularPosts1' locked='false' title='الاكثر زيارة' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='footergrd-m3'/>
<b:section class='footergrd-c2' id='footer3'>
<b:widget id='PopularPosts2' locked='false' title='الاكثر زيارة' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<br style='clear:both'/>
</article>
</div>
<p class='pad_t_15'>Designed by © <span/><a href='http://alb33dani.blogspot.com'>albaadani</a> - Copyright </p>
</footer>
</div></div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
// Create two variable with the names of the months and days in an array
var monthNames = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ];
var dayNames= ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]
// Create a newDate() object
var newDate = new Date();
// Extract the current date from Date object
newDate.setDate(newDate.getDate());
// Output the day, date, month and year
$('#Date').html(dayNames[newDate.getDay()] + " " + newDate.getDate() + ' ' + monthNames[newDate.getMonth()] + ' ' + newDate.getFullYear());
setInterval( function() {
// Create a newDate() object and extract the seconds of the current time on the visitor's
var seconds = new Date().getSeconds();
// Add a leading zero to seconds value
$("#sec").html(( seconds < 10 ? "0" : "" ) + seconds);
},1000);
setInterval( function() {
// Create a newDate() object and extract the minutes of the current time on the visitor's
var minutes = new Date().getMinutes();
// Add a leading zero to the minutes value
$("#min").html(( minutes < 10 ? "0" : "" ) + minutes);
},1000);
setInterval( function() {
// Create a newDate() object and extract the hours of the current time on the visitor's
var hours = new Date().getHours();
// Add a leading zero to the hours value
$("#hours").html(( hours < 10 ? "0" : "" ) + hours);
}, 1000);
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[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}('$(".0").1("3");$(".0").1("3").9(\'<4 b="5-2"><a><i c="6 6-d"/></a></4>\');$("#5-2").e(7(){$(".0").f()});$("8").g(7(){h(8.j>k){$(".0").l("m")}});',23,23,'nav|addClass||js|div|menu|fa|function|window|before||id|class|bars|click|toggle|resize|if||innerWidth|768|removeAttr|style'.split('|'),0,{}))
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
jQuery('a').each(function() {
// Let's make external links open in a new window.
var href = jQuery(this).attr('href');
if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {
jQuery(this).attr("target", "_blank");
}
});
//]]>
</script>
<div class='socialsider socialsider_left_middle socialsider_fixed socialsider_bgcolor_white socialsider_radius socialsider_spacer socialsider_opacity socialsider_hidden '><ul>
<li><a data-socialsider='facebook' href='https://www.facebook.com/profile.php?id=100003075260217' title='Facebook'><i class='fa fa-facebook'/></a></li>
<li><a data-socialsider='twitter' href='https://twitter.com/H_S_R1' title='Twitter'><i class='fa fa-twitter'/></a></li>
<li><a data-socialsider='youtube' href='https://www.youtube.com/channel/UCWnB8K2JFwQpR5d3wyRW8Aw' title='YouTube'><i class='fa fa-youtube'/></a></li>
<li><a data-socialsider='instagram' href='http://instagram.com/hanansr1/' title='Instagram'><i class='fa fa-instagram'/></a></li>
<li><a data-socialsider='tumblr' href='https://www.tumblr.com/blog/hanan1435' title='Tumblr'><i class='fa fa-tumblr'/></a></li>
</ul></div>
<style>
.socialsider_left_middle a:hover {opacity: 1111;}
.socialsider { width:70px; display:block; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
.socialsider ul { list-style-type:none; margin:0; padding:0; }
.socialsider li { margin:0; padding:0; }
.socialsider a { overflow:hidden; height:41px;display:block; text-decoration:none; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; position:relative;}
.socialsider a::after { display:block; font-family:'socicon'; text-decoration:none; font-size:20px; padding:10px; position:absolute;left:0;top:0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; }
.socialsider_fixed { position:fixed; }
.socialsider_absolute { position:absolute; }
/* Effects */
.socialsider_radius a { border-radius:5px; }
.socialsider_shadow a { -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);box-shadow: 0 0 2px 2px rgba(0,0,0,0.2); }
.socialsider_opacity a { opacity:0.6; }
.socialsider_opacity a:hover::after { opacity:1; }
.socialsider_spacer a { height:42px; margin-bottom:1px; }
.socialsider.socialsider_bgcolor_white a i {font-size: 23px;margin: 9px 10px 0px 0px;}
.socialsider_left_middle { left:-30px; top:30%; }
.socialsider_left_middle.socialsider_hidden { left:-45px;}
.socialsider_left_middle.socialsider_hidden:hover { left:-25px; }
.socialsider_left_middle a { left:0px;}
.socialsider_left_middle a::after { padding-left:40px; }
.socialsider_left_middle a:hover { left:10px; }
.socialsider.socialsider_bgcolor_white a{ color:#FFF;}
.socialsider.socialsider_bgcolor_white a[data-socialsider='twitter']{ background:#4da7de;}
.socialsider.socialsider_bgcolor_white a[data-socialsider='facebook'] { background:#3e5b98;}
.socialsider.socialsider_bgcolor_white a[data-socialsider='youtube']{ background:#e02a20;}
.socialsider.socialsider_bgcolor_white a[data-socialsider='instagram'] { background:#E5C538;}
.socialsider.socialsider_bgcolor_white a[data-socialsider='blogger']{ background:#ec661c;}
.socialsider.socialsider_bgcolor_white a[data-socialsider="tumblr"]{background:#45556C;}
</style>
<script type='text/javascript'>
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
</script><script src='https://www.blogger.com/static/v1/widgets/3220738932-widgets.js' type='text/javascript'/>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html dir='rtl' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml'>
<head>
<meta content='053DB34E5A5A4313E1D7D13D50D7DE69' name='msvalidate.01'/>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<link href='https://plus.google.com/103499777490414306950' rel='author'/>
<meta content='وصف قصير عن المدونه' name='DESCRIPTION'/>
<meta content='كلمات دلاليه عن المدون بين كل كلمه فاصله' name='KEYWORDS'/>
<meta content='10 days' name='revisit'/>
<meta content='10 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='حنان الزنبقي' name='author'/>
<meta content='ar' name='language'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link href='http://blogger-template-byalb33dani.blogspot.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='http://blogger-template-byalb33dani.blogspot.com/' rel='canonical'/>
<link href='http://blogger-template-byalb33dani.blogspot.com/feeds/posts/default' rel='alternate' title='قالب بلوجر مدفوع متجاوب - تصميم البعداني - Atom' type='application/atom+xml'/>
<link href='http://blogger-template-byalb33dani.blogspot.com/feeds/posts/default?alt=rss' rel='alternate' title='قالب بلوجر مدفوع متجاوب - تصميم البعداني - RSS' type='application/rss+xml'/>
<link href='http://www.blogger.com/feeds/5284237692732958551/posts/default' rel='service.post' title='قالب بلوجر مدفوع متجاوب - تصميم البعداني - Atom' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://blogger-template-byalb33dani.blogspot.com/' rel='openid.delegate'/>
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<title>قالب بلوجر مدفوع متجاوب - تصميم البعداني</title>
<link href='http://cdn.jsdelivr.net/darfonts/0.1/cont-hili-jarida-smoth/stylesheet.css' rel='stylesheet'/>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>
<script src='//code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>
<link href='https://www.blogger.com/static/v1/widgets/2003679616-widget_css_bundle_rtl.css' rel='stylesheet' type='text/css'/>
<style type="text/css"><!-- /* <b:skin><![CDATA[/*
/*
-----------------------------------------------
Blogger Template Style
Name: albaadani
Designer: jalal albaadani
URL: www.alb33dani.blogspot.com
----------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; direction:rtl}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
nav ul{list-style:none}
body#layout #content-wrapper{
width: 799px;
}
body#layout .f0ooterwrap{
width: 790px;
max-width: 100%;
}
blockquote, q{quotes:none}
a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent}
.last{margin:0!important}
h2, h3, h4, h5, h6{font-weight:normal!important; margin:0; padding:0}
h1{font-size:30px}
h2{font-size:130%}
h3{font-size:22px}
h4{font-size:18px}
h5{font-size:16px}
h6{font-size:14px}
h1 a, h1 a:link, h1 a:visited{color:#c6cef7}
.container{padding-right:20px; padding-left:20px}
.row{width:100%; max-width:100%; min-width:100%; margin:0 auto; overflow:hidden}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol{margin-left:3.8%; float:right; min-height:1px}
.row .onecol{width:4.85%}
.row .twocol{width:13.45%}
.row .threecol{width:22.05%}
.row .fourcol{width:30.75%}
.row .fivecol{width:39.45%}
.row .sixcol{width:48%}
.row .sevencol{width:56.75%}
.row .eightcol{width:65.4%}
.row .ninecol{width:74.05%}
.row .tencol{width:82.7%}
.row .elevencol{width:91.35%}
.row .twelvecol{width:100%; float:right}
.dnone{display:none!important; position:absolute!important; top:-4000em!important; right:-4000em!important; width:0!Important; height:0!Important; color:transparent!important; font-size:0!important}
a.x-blog-share{display:none}
.clear{clear:both}
a{outline:none; font-weight:700!important}
a:link, a:visited, a:active, a:hover{text-decoration:none; color:#68A0A3}
#iklan{Display:none}
h1 a, h1 a:link, h1 a:visited{color:#c6cef7}
li{line-height:160%}
.nav-message a{display:none!Important}
body {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2enfyvtakxV5zxqjYpUtbI0DRbQpKZyrZxI8rEPU3PGHR_xI7vc-LA5lCy3SCSFVF3u4cMAheDzEZ2KOd2_bt8D8f1R-Qbr68Humc1i9Br30lk0u2NUVPxT4ihjQ31mXq7zTfoi9rQbA/s1600/IMG_037822.jpg") ;
color: #A8B5BD;
font-size: small;
font-family: ge_hiliregular;
overflow-x: hidden;
overflow-y: scroll;
background-repeat: repeat, repeat;
background-position: 0% 0%, 0% 0%;
background-clip: border-box, border-box;
background-origin: padding-box, padding-box;
background-size: auto auto, auto auto;
background-attachment: fixed;
}
#layout {
overflow: hidden;
margin: 0px !important;
background: none repeat scroll 0% 0% rgba(41, 171, 164, 0.37);
}
.post-body {font-size: 17px;line-height: 1.7;}#wrap2{padding-top:40px}
.bg-1x88z1{position:absolute; right:0; left:0; top:0; height:400px; opacity:0.6}
#content-wrapper{max-width:1024px; margin:0 auto; width:1024px; text-align:right; margin:10px auto; overflow:hidden}
#main{margin:0 auto; width:100%; overflow-x:hidden}
header.header {
width: 100%;
height: 55px;
position: relative;
z-index: 20;
text-align: right;
background-color: #FFF;
box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.15);
}
.date-header{
color: #fff;
}
header.header{margin:0 auto!important}
header.header section.header11{width:950px; margin:0 auto}
#logo{ float:right; padding:15px 0px; height:40px; width:225px}
#logo li.s-home{ display:inline !important; font-weight:normal !important; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAXtXeP5tlhs1h2dXmW9ChORX6DHw9Hy5lrJ91vkO_7MPh210blkc7UtYTGSYmra4vgXGy1o850VgrxmCEaI9ip4Q1JBlk0hg9G2QrfHf0iMWt4ch9IlIOftB41M3-oM5U_ljqHRvTW2Ks/s1600/dot-circle.png'); background-repeat:no-repeat; background-position:right center; padding:4px 23px 0px 15px !important; float:right; position:relative}
#logo li.s-home a {
padding: 11px 0px;
color: #A8B5BD;
font-size: 29px !important;
font-family: ge_hiliregular;
line-height: 0;
}
header.header section.header11 .nav{
padding-top:15px;
text-align:right;
height:40px;
padding-bottom:15px;
float:left;
margin:0px 0px 0px 23px;
width:671px}
header.header section.header11 .nav li{
display:inline!important; font-weight:normal!important;padding:4px 15px 0px 0px !important; float:right; position:relative}
header.header section.header11 .nav li ul {
top: 41px;
width: 140px;
z-index: 99;
background: #FFFFFF;
border-radius: 0 0 15px 15px;
padding: 10px 0px 15px;
box-sizing: border-box;
position: absolute;
margin-right: -15px;
display: none;
}
header.header section.header11 .nav li ul ul {
right: 155px;
position: absolute;
opacity: 0;
top: -11px;
border-radius: 4px;
}
header.header section.header11 .nav li ul li:hover ul{
display: block;opacity: 1;
}
header.header section.header11 .nav li ul li a:hover{
background: #8FC7C9;color: #fff !important;
}
header.header section.header11 .nav li ul li a {
padding: 3px 10px;
width: 120px;
display: block;
height: 26px;
margin: 0 !important;
}
header.header section.header11 .nav li ul li a {
color: #ACB9C1;
}
header.header section.header11 .nav li ul li {
text-align: right;
background-position: right center;
margin-right: 0px;
line-height: 2;
padding: 0px !important;
}
header.header section.header11 .nav li:hover ul{display:block}
header.header section.header11 .nav a {
font-size: 15px !important;
font-family: ge_hiliregular;
color: #A8B5BD;
text-transform: uppercase;
padding: 16px 0px;
font-weight: 100 !important;
}
footer.f0ooterwrap {
position: relative;
margin: 0px auto;
width: 100%;
z-index: 0;
color: #FFF;
text-align: right;
font-size: 11px;
box-shadow: 0px 2px 5px rgba(0, 68, 80, 0.9) inset;
}
footer.f0ooterwrap div.footerbody {
background: none repeat scroll 0% 0% rgba(62, 184, 208, 0.45);
}
footer.footerwrfooter.f0ooterwrap a {
color: #A6A6A6;
text-decoration: none;
font-weight: 100 !important;
}ap a{color:#fff; text-decoration:none}
footer.f0ooterwrap .footergrd{max-width: 100%;width:1000px; margin:0 auto; text-align:right; font-size:99%; padding-bottom:20px; padding-top:2%}
footer.f0ooterwrap article.footergrd section.footergrd-c1{width:20%; float:right; text-align:left}
.footergrd-c2 {
width: 29%;
float: right;
margin-left: 10px;
}
footer.f0ooterwrap p{font-size:11px; line-height:1.8}
.footergrd-c2 h2 {
padding: 5px;
font-size: 17px;
text-align: center;
background-color: #F6F6F6;
color: #758295;
}
header.header section.header11 .nav a:hover {
color: #37BBE2 !important;
text-shadow: 1px 1px 20px #1FA7CD;
}
.footergrd-m1, .footergrd-m2, .footergrd-m3{width:3%; height:1px; float:right}
.comments .comments-content .comment-content a { display: none; }
.widget-content img.profile-img{border-radius:160px; -moz-border-radius:160px; -webkitborder-radius:160px; width:80px!important; height:80px!important; float:right!important; border:2px solid #222; border:2px solid #222}
aside#bawahbana{display:block; position:relative; z-index:2; background-color:#0e0e0e; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0qMiwjqCkCZAsE0l4Wu_yj3crurjn6N3bgA4pINeHm12N02TnvcL1LPZtVBx4xXzgygbUY0IvclMzxGwK-_oZs1h7B5tCKpltVagLBtfDk6_AhHRwx74b_nlW7cnhATXm5n62-I8Ml8ap/s1600/pattern.png); background-repeat:repeat; border-top:1px solid #202020; border-top:1px solid rgba(115,115,115,.2); -webkit-box-shadow:0 1px 2px rgba(0,0,0,.5),0 -2px 4px rgba(0,0,0,.3); -moz-box-shadow:0 1px 2px rgba(0,0,0,.5),0 -2px 4px rgba(0,0,0,.3); box-shadow:0 1px 2px rgba(0,0,0,.5),0 -2px 4px rgba(0,0,0,.3); -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box}
aside#bawahbana p{position:relative; width:1000px; margin:0 auto; padding:14px 0; z-index:999; font-weight:600!Important; font-size:11px; text-shadow:0 -1px 1px hsla(0,0%,0%,.8); color:#fff; text-align:center}
aside#bawahbana p a{color:#fff}
#blog-pager-older-link{float:left}
#blog-pager a, #blog-pager a:visited, #blog-pager a:hover{color:#FFF !important; text-shadow:0 -1px 1px hsla(1,1%,1%,.9)}
ul.dot-icon{margin:10px 0}
ul.dot-icon li{display:inline!important; font-weight:normal!important; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAXtXeP5tlhs1h2dXmW9ChORX6DHw9Hy5lrJ91vkO_7MPh210blkc7UtYTGSYmra4vgXGy1o850VgrxmCEaI9ip4Q1JBlk0hg9G2QrfHf0iMWt4ch9IlIOftB41M3-oM5U_ljqHRvTW2Ks/s1600/dot-circle.png)!Important; background-repeat:no-repeat; background-position:0 13px; padding:5px 18px 0 20px!important; font-size:20px; color:#535453!important; text-shadow:0 1px 1px rgba(0,0,0,0.8)!Important; font-weight:600!Important; text-transform:uppercase}
.profil-image-home {
width: 130px;
position: relative;
overflow: hidden;
float: right;
height: 100px;
}.profil-image-home img{border:4px solid #A0ADB5; border-radius:160px; -moz-border-radius:160px; -webkitborder-radius:160px}
a.fb, a.twitter, a.google-plus{border:4px solid #C6D3DB; border-radius:160px; border-radius:50px; transition:all 0.2s ease-out}
.profil-image-icon img:hover{opacity:0.9}
img.profile-img{width:72px!important; height:72px!important; margin:9px 10px 0 2px; float:right!important; margin:10px 0 30px 0}
.profil-dep-home {
margin: 8px 0 0 0;
}
.profil-dep-home p {
padding-bottom: 0px;
font-size: 15px;
font-weight: 100 !important;
line-height: 1.9;
color: #237B91;
}
a.fb{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBO6__-fEYbEK2yf29MyzHrugwixHgZKcCju4lstQQFp3sYOXccecZEGqZVWHRkYh271plBNpA8wsknvWmYNFWKQDNYrrqK9VpjeSws8dcOBw47KbTowvpV4IVVIdMP8Vf6MQ78KyGIe6y/s1600/spirt-2.png); background-repeat:no-repeat; background-position:0 -99px; width:21px; height:21px; position:absolute; top:6px; left:14px}
a.twitter{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBO6__-fEYbEK2yf29MyzHrugwixHgZKcCju4lstQQFp3sYOXccecZEGqZVWHRkYh271plBNpA8wsknvWmYNFWKQDNYrrqK9VpjeSws8dcOBw47KbTowvpV4IVVIdMP8Vf6MQ78KyGIe6y/s1600/spirt-2.png); background-repeat:no-repeat; background-position:-2px -124px; width:18px; height:18px; position:absolute; top:38px; left:7px}
a.google-plus{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBO6__-fEYbEK2yf29MyzHrugwixHgZKcCju4lstQQFp3sYOXccecZEGqZVWHRkYh271plBNpA8wsknvWmYNFWKQDNYrrqK9VpjeSws8dcOBw47KbTowvpV4IVVIdMP8Vf6MQ78KyGIe6y/s1600/spirt-2.png); background-repeat:no-repeat; background-position:-2px -146px; width:16px; height:16px; position:absolute; top:67px; left:17px}
a.fb:hover{border:4px solid #5e83cf!important; box-shadow:0 0 10px #3b5998,0 1px 3px #000!important; -webkit-box-shadow:0 0 10px #3b5998,0 1px 3px #000!important; -moz-box-shadow:0 0 10px #3b5998,0 1px 3px #000!important}
a.twitter:hover{border:4px solid #45c6e3!important; box-shadow:0 0 10px #45c6e3,0 1px 3px #000!important; -webkit-box-shadow:0 0 10px #45c6e3,0 1px 3px #000!important; -moz-box-shadow:0 0 10px #45c6e3,0 1px 3px #000!important}
a.google-plus:hover{border:4px solid #e36347!important; box-shadow:0 0 10px #e36347,0 1px 3px #000!important; -webkit-box-shadow:0 0 10px #e36347,0 1px 3px #000!important; -moz-box-shadow:0 0 10px #e36347,0 1px 3px #000!important}
nav ul.menu-3 li{padding:4px 0!important; margin:0!important; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifozhiZFhpG0mdYUooNW2huGcW8K4ez26fMNfKmwPVO28lmtPPy3QHG6pVftSITeqBneRsnY4AfLv1-NH1_Rzd5HjXHLUZiDede1FPktup6uw4KMntxDxP7IbMSoi0-KL2umJt6KcUbW1l/s1600/small-line-border.png)!important; background-position:bottom center!important; background-repeat:no-repeat!important}
nav ul.menu-3 li a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBO6__-fEYbEK2yf29MyzHrugwixHgZKcCju4lstQQFp3sYOXccecZEGqZVWHRkYh271plBNpA8wsknvWmYNFWKQDNYrrqK9VpjeSws8dcOBw47KbTowvpV4IVVIdMP8Vf6MQ78KyGIe6y/s1600/spirt-2.png); background-repeat:no-repeat; margin:0; padding:0 26px 0 4px; line-height:16px; text-decoration:none}
nav ul.menu-3 li.blogger a{background-position:right -4px}
nav ul.menu-3 li.g-site a{background-position:right -28px}
nav ul.menu-3 li.disqus a{background-position:right -77px}
nav ul.menu-3 li.w3c a{background-position:right -53px}
img{max-width:100%}
.post {
margin: 0px 0px 7px 0px;
padding: 15px;
background: #F6F6F6;
border-bottom: 2px solid #6FA7AA;
}
.post-labels {
height: 22px;
overflow: hidden;
margin-bottom: 13px;
}
.blog-pager1 li .home-link{background: none}
.home-link{padding:0 10px;}
.sosialbutton ul li{list-style:none outside none; float:left}
.sosialbutton ul li a{width:23px; height:24px; line-height:21px}
.sosialbutton ul li a {
position: relative;
line-height: 24px;
display: inline-block;
text-align: center;
background: none repeat scroll 0% 0% #CBD8E0 !important;
border-radius: 100%;
color: #FFF;
margin: 0px 6px 0px 0px !important;
}
.blog-post-container h3 a{color:8FA8B7; font-weight:600; font-style:normal; padding:0 0 10px 0}
.blog-post-container h3 a:hover{opacity: 0.8; }
.sosialbutton ul li a:hover {
opacity: 0.5;
}
.sosialbutton ul li{float:right; list-style:none}
.sosialbutton ul li a:before{content:""; font-size:13px; font-family:FontAwesome; font-weight:normal; font-style:normal; text-decoration:inherit; -webkit-font-smoothing:antialiased; *margin-right:.3em; text-shadow:none}
.sosialbutton ul li a.sb-email:before{content:"\f003"}
.sosialbutton ul li a.sb-blog:before{content:"\f0c5"}
.sosialbutton ul li a.sb-twitter:before{content:"\f099"}
.sosialbutton ul li a.sb-facebook:before{content:"\f09a"}
.sosialbutton ul li a.sb-pinterest:before{content:"\f0d5"}
.share-button-link-text{display:block; text-indent:-9999px}
.thumbnaiPost{display:block; border:none; background-color:rgba(0,0,0,0.4); background-image:url(../image/loader.gif); background-position:center center; background-repeat:no-repeat; position:absolute; top:0; bottom:0; right:0; left:0}
.sosialbutton ul li a.sb-twitter{background: #60CBD2 !important;}
.sosialbutton ul li a.sb-facebook{background: #77A1E4 !important;}
.sosialbutton ul li a.sb-pinterest{background: #FF7271 !important;}
.sosialbutton ul li a.sb-blog {background: #8FC5B5 !important;}
.sosialbutton ul li a.sb-email{background: #FF677A !important}
.colll1, .colll2, .colll3 {
float: right;
font-size: 11px;
text-align: right;
color: #636363;
line-height: 1.8;
}
.colll1{width:92px}
.colll2{width:39.5%;margin-right:10px;}
.colll3{width:37.5%}
.colll4{float:left; font-size:11px; text-align:right}
.colll1 img{border:1px solid #68A0A3; margin:-2px;display:inherit; border-radius:7px;height:82px;width:85px;}
.colll1 img:hover{opacity:1}
.colll4 {
line-height: 1.2em !important;
width: 5em;
height: 5em;
text-align: center;
margin: 2px 10px 0px 0px;
padding: 10px;
font-family: serif;
float: left;
border: 1px solid #85C786;
background: #DFF0D8;color: #5D9F5E;
}
.colll2 h3{line-height:1em; font-size:16px; margin:0; padding:4px 0 0 10px}
.colll3 .post-labels {
width: 100%;
float: left;
color: #F18699;
font-weight: 600;
}
.colll3 .post-labels a {
margin: 0px 0px 0px 5px;
border-bottom: 1px dotted #A6A6A6;
color: #F18699;
font-weight: 100 !important;
font-size: 12px;
}
.colll3 .post-labels a:before{content:"\f111"; margin:0 8px 0 6px; font-size:6px}
.colll4 .numcomment{line-height: 0.6em !important;font-size:4em; float:left; width:100%; margin:10px -4px 6px 0; display:block;margin-top:-1px;font-family: serif;color:#5D9F5E;}
.colll4 .labelscomment{font-family: ge_hiliregular;font-size:11px; color:#A6A6A6}
.blog-post-container{overflow: hidden;line-height:1.5em; margin:0 auto; color:#A6A6A6; position:relative; z-index:2; width:100%}
.sosialbutton{float:right; margin:10px -14px 0; height:26px; width:200px}
.sosialbutton:before{content:"\f045"; float:right; margin:0 0 15px 0; font-family:FontAwesome; font-weight:normal; font-style:normal; text-decoration:inherit}
a.x-blog{display:none}
a.x-blog-share{color:rgb(198,235,4)!important; display:inline!important; text-shadow:0 0 10px rgb(198,235,4),0px 0 20px rgb(198,235,4),0px 0 30px rgb(198,235,4)!important}
.blog-post-container a{color:#68A0A3}
.nav-message{display:none}
.item .blog-post-container .eightcol img{padding:10px; width:96%; max-width:100%; background:#A6A6A6}
.blog-post-container .row .eightcol, .blog-post-container .row .fourcol{float:left; overflow:hidden}
.blog-post-container .row .eightcol{margin:0; width:100%}
.blog-post-container .row .fourcol{margin:0; width:15%}
.blog-post-container .span26{padding:2em!important; background:rgba(30,30,30,0.4)url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAADd0lEQVR4nO2dwZHCQAwE930hkAZxkAZxkAZxkAZxEMd9z3OUmznuI6r7t7X22stDsjTSsi6Xy9f6wfl83oyv1+vu+H6/b8a3220zfjwem/HxeNydX2ttxofDoXpe3p/X535zvt1frpf7y/fP+/N6EZFJpM0kG5vzOT6dTrtj8glks3M+12tteuuTaH/pg2m9vF5EZBIUN5CNzPkVNjLXT59FcQr5uLw/5/P5OSYfl+Pcf/qgBXFQ3p/ri4hMgnIz7Xc5feeTTaZcV75frpfX53yun/vL98n1ckz7ozjuSS5PRGQMZEOffCdTPr+y4WSjyWdQHJTjNg6i55EPzue98P4iImOg72j6zk+bS3pBjtPmLvBReX++f75f2vC8P+fJp+b15BPp91VTF5HJkL5BuSGyue/mpqhubIXPafUQ0uypZoA0dMqdpU8SERnGWzaf9APySZQLIh/zxAZX709xSq6Xv0/6HPIx5JNERCZBdUOUG6I6JcodkU8gH0A+Jm0+5c4ol9fWabW1yCIik2jjCKq9pdwO1RKT3tDWYbV1YxQ30X5JryF9RURkEm1d0wu5GNKMd210zpNPIB9CffYUl5DN/+8eSxGRSVBtLekVC3rqcp7iiFZ/yfdrzxYhn9P21ZMeQrktEZFJkEZMtbP0HU76BGn4pElTPwvlnshHUJ0Z5QIpjlIPEZHJkA+g2tR3fQBp7mRzW02fNG3qqaR50keoLkxEZBJp81qNeJV96aSZk97RnsXSaviUiyKfRbk+fYiIfBhk0yobTd/57VnsdA4v+bRW/2jrzNqzU2g/IiKToLoj+m5fUGfV5o4obmnPMCQbTvujfpA2bnrhbHgRkTGQhkzf3aQ5U+1v23dO17fnU1Ec09YCU67O/hAR+STIZ9A5tXRmYXuWCGn2ZNMpziEb3mr0NN/WKIiITIJ6AHNMNjGvb/u827iC+lmoX4Tej3wSndnY5rZERCZBNvW/NfG2v6M9a556Ftu+89wP5aYozrAuS0Q+CcpVrTIuIZtLekF7JmJ79nwbN7U9krQerS8iMgmyce3Z7dRP8Yc6pV0fRP/5RD6O+sjpesq9UVxmLktEJkPf0a1mTmcoUq6M9Im2Fpf0CTrbne5v/4PqhTo0EZExtOfQUi1sjtuz5fP+fB7pC6TvkF5Bmnyrz1Cctn7/fiIiU/gG9i5uLQnuYhUAAAAASUVORK5CYII=); border:1px solid #181818; box-shadow:0 1px 2px #000; -webkit-box-shadow:0 2px 3px #000; margin:0 1px 8px 0; display:block; float:left}
.g-profile{display:block; margin:0 0 -3px 0}
.search-blogv2 span:before, .search-blogv2 .post-labels a:before, .post-timestamp:before, .g-profile:before, .colll3 .post-labels a:before, .post-snippet:before, .post-labels:before,header.header section.header11 .nav li:before, #submitButton-2:before{font-family:FontAwesome; font-weight:normal; font-style:normal; text-shadow:none!Important}
.g-profile:before{content:"\f007"; font-size:13px; margin:0 0 0 5px; float:right}
.post-timestamp:before{content:"\f017"; margin:0 8px 0 0; font-size:12px}
.post-snippet{font-size:1.2em; line-height:1.5em; }
.post-snippet:before{content:"\f017"; margin:0 0px 0 11px; font-size:12px}
.post-labels:before{content:"\f005"; margin:0 0px 0 10px; font-size:12px}
#toggle-container {
width: 98% !important;
position: relative;
margin: 0px 0px 30px 0px !important;
padding: 1px 0px !important;
background-position: center bottom;
background-repeat: repeat-x;
display: block;
text-align: left;
}
.footer-width{max-width:100%; margin:0 auto}
#toggle-container a {
font-size: 12px;
font-weight: bold !important;
color: #D5D5D5 !important;
outline: 0px none;
position: relative;
z-index: 999;
}
ul#blog-pager {
width: 95% !important;
border: 1px solid #589093;
margin: 0px;
padding: 2px 10px;
color: #fff !important;
background: #71A9AC;
text-align: center;
overflow: hidden;
margin-right: 15px;
height: 40px;
line-height: 40px;
}
ul#blog-pager a{font-size:12px!Important; #d9d9d9 !important;}
ul#blog-pager li{background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFn-ObdAZFiwQO9KyPYQVaiP5mTmXj9QzvlGOrNHeMvW9cRqqPkc2Dchd4wuHC2w_jm_l1mFbbx79RbZeUpemQD21ns3IExHqWStEnI0Puuum46vEYG3DAFT3uVxykRDvhJrTYQLmx_wVE/s1600/border-top-icon.png'); background-position:left top; background-repeat:repeat-y; list-style:none outside none; text-align:center}
#blog-pager-newer-link a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTicTzxIkR3oN-My6N86wnCznj2g5YoQfFJ-60XPqmecVzTJMK_yisBNTewrov3vAJ0eu1thFJZhgMNrq9spw4Guaj_GzUlxjPjRdTgckjUPQ81sPsTNVe4bYwPmsKFVyWTBdHLPnADjYm/s1600/right.png); background-repeat:no-repeat; background-position:center right}
#blog-pager-newer-link{float:right}
#blog-pager-older-link a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEholPohLSBy5sSEtW3BENXBiHAfD2hdJIURwCLtaDgq8lo6NPAkTasJbcHh3pQf_5uwsGa995c5-yY-yD6RNlbD8HjFoIH9plVkZcRCnTtEhZ_32UFahpPPyxDT9_xKS4pgaCM46bHSiJ7U/s1600/left.png); background-repeat:no-repeat; background-position:center left}
#blog-pager-older-link a, #blog-pager-newer-link a{display:inline!important; font-weight:normal!important; padding:0 18px 0 20px!important; font-size:12px; color:#fff!important; text-shadow:0 1px 1px rgba(0,0,0,0.8)!Important; font-weight:600!Important; text-transform:uppercase;line-height:40px;}
ul.label-post{margin:4px 0 0 24px!important; display:inline-block}
ul.label-post li{font-size:11px!Important; display:inline!important; font-weight:normal!important; padding:0 3px 0 0!important; color:#fff!important; text-shadow:0 1px 1px rgba(0,0,0,0.8)!Important; font-weight:600!Important; text-transform:uppercase; color:#383838!Important}
ul.label-post li:before {
content: ".";
background-repeat: no-repeat;
background-position: -2px 7px;
width: 12px;
height: 18px;
float: right;
font-size: 45px;
margin-top: -10px;
color: #D5D5D5;
}
.Archive_flat{background:none!important; margin:0 4px 0 -10px}
.Archive_flat a:before{content:"\f009"; font-family:FontAwesome; font-weight:normal; font-style:normal; padding:0 6px 0 1px; float:right}
ul.label-post li a{font-size:12px!Important; color:transparent; padding-right:4px; color:#D5D5D5!Important}
ul.label-post li a:hover{color:#A6A6A6!Important}
ul.label-post li span{color:#272727; padding-left:3px; margin-left:3px; font-weight:normal!Important}
ul.label-post{overflow:hidden}
ul.label-post li{float:right}
#toggle-container li{display:inline; line-height:30px; height:34px}
.comment-form p{background:#fff;padding:5px;width:98%;border:1px solid #f1f1f1;color:#777;font:14px Droid Arabic Naskh;margin:0 auto;margin-top:10px;line-height:21px;}
.comment-form p:before{content:'\f05a';float:right;font:39px fontawesome;width:41px;color:#ccc;height:41px;margin:0 5px;}
.comments-content{background:#f9f9f9;padding:5px;border:1px solid #DDD;margin:5px;position:relative;}
.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: 0px 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: 0px;
color: #468847;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSMRFZ1lDDieCQngqeXX4c23xp9_lgBvWTk8xkAgz89MrpIEt17qKg-ycbMoyxBi5PjEowDsb2gzy0ofWLhnUvwhBdXYo9C7MC6NR2_D1ZtHvFM99Eo952-wlBEb2Ui1qEkBx0RzhsZ9M/s1600/bg_color.png') repeat scroll 0% 0% transparent;
height: 3px;
width: 100%;
}
.comments .comments-content .comment:first-child {
padding-top: 0px;
}
.comments .comments-content .comment {
margin-bottom: 3px;
padding-bottom: 0px;
}
.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 0px 10px;
padding: 0px 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: 0px 0px 0px 8px;
position: relative;
top: 2px;
padding: 0px 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;}
.comments {
background: none repeat scroll 0% 0% #F9F9F9;
padding: 15px;
border: 1px solid #DDD;
margin: 5px 0 0 0;
position: relative;
}
.feed-links {
display: none;
}
.top-comment-widget-menu {
background: none repeat scroll 0px 0px #FFF;
border-color: #DDD;
border-style: solid;
border-width: 1px 1px 5px;
float: right;
margin: 20px 0px;
width: 953px;
}
.top-comment {
float: right;text-align: center;
font-family: "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: 0px;
height: 0px;
line-height: 0;
}
.icon.blog-author:after {
content: "الكاتب";
background: #f66;
color: #FFF;
padding: 2px 16px;
border-radius: 1px;
position: absolute;
left: 0px;
margin-top: -3px;
font-size: 14px;
font-family: ge_hiliregular;
}
.comment-content {
padding: 20px;
font-family: ge_hiliregular;
}
.top-comment.blogico:before {
content: "\f0d5";
font-family: fontawesome;
font-size: 18px;
margin-left: 15px;
color: #F66;
}
.top-comment.faceico:before {
content: "\f09a";
font-family: fontawesome;
font-size: 18px;
margin-left: 15px;
color: #627AAC;
}
.post-feeds{display:none}
.form-search-templates{margin:0 0 4px!important; display:block; width:99%; position:relative; right:6px}
.searchform{width:100%; overflow:hidden; margin:0 0 5px 5px; position:relative; background-color:transparent!important; background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgddFRBSrrheRFxfXTyocn6xEHGqwNSx4Z52YFQmLoyrEHUtTY8xYc42S6aJxN2LgppjCWckKRjfIY3EySWdftAWHWCy06XEMi5sZx1V3Ay0T6JofD4ppjgB3ltaeIlO-WBiYsHLt_0FMqq/s1600/li-x.png')!important; background-position:center bottom!important; background-repeat:repeat-x!important}
#s{background:none repeat scroll 0% 0% transparent!important; border:medium none; color:#fff; width:800px; float:right; font-family:"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}
#submitButton-2{margin:0 0 0 16px!important}
#submitButton, #submitButton-2{background:none repeat scroll 0% 0% transparent; font:bold 12px "roboto","Helvetica Neue",Helvetica,Arial,sans-serif; width:108px; height:36px; overflow:hidden; text-transform:uppercase; border:medium none; cursor:pointer; float:left; color:#fff}
#blog-pager-older-link{background-position:right top!important}
.comments .comments-content .comment:first-child{padding-top:0}
.status-msg-wrap{display:none}
.previewbutton {
background: rgba(181, 13, 10, 0.67);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.9), 0px 0px 6px rgba(0, 0, 0, 0.9) inset !important;
color: #FFF !important;
padding: 5px 17px !important;
text-align: center !important;
}
.previewbutton:hover {
background: rgba(181, 13, 10, 1);
}
@media screen and (max-width:1208px){#content-wrapper{max-width:95%; width:95%}}
@media screen and (max-width:1060px){header.header section.header11 .nav{width:73%}
header.header section.header11{width:87%}
#time >nav.clock{margin:0px auto; padding:30px 0 !important}}
@media screen and (max-width:980px){header.header section.header11{width:94%}
header.header section.header11 .nav li {
padding: 4px 5px 0px 5px !important;
}header.header section.header11 .nav {
width: 62%;
}.container{padding-right:0px; padding-left:0px}.colll3{width:34.5%}ul.label-post{display:none}header.header section.header11 .nav a {
font-size: 11px!Important;}}
@media only screen and (min-width:769px){#menu-2{display:none}}
@media only screen and (max-width:768px){
.colll4 .numcomment {
font-size: 3em;
float: left;
width: 100%;
margin: 6px -4px 6px 0px;
display: block;
line-height: 0.6em !important;
}
header.header section.header11 .nav li ul ul {
right: 38px;
position: absolute;
opacity: 1;
top: -33px;
border-radius: 4px;
}
header.header section.header11 .nav li ul {
top: -26px;
width: 140px;
z-index: 99;
background: none;
border-radius: 0px 0px 15px 15px;
padding: 21px 16px 20px;
box-sizing: border-box;
margin-right: -18px;
}
#menu-2 {
display: block;
text-align: center;
float: left;
background: none repeat scroll 0% 0% #A8B5BD;
width: 2em;
margin: 13px 6px;
font-size: 24px;
border-radius: 6px;
border: 1px solid #909DA5;
color: #FFF;
height: 29px;
line-height: 1.4;
}
section.header11 .nav {
width: 96% !important;
background: none repeat scroll 0% 0% rgba(20, 20, 19, 0.8);
height: auto !important;
margin-top: -14px !important;
float: right !important;
padding: 5px !important;
border-radius: 6px !important;
z-index: 10000 !important;
}
.nav.js{display:none}
header.header section.header11 .nav li ul li {
width: 100%;
text-align: right;
margin-right: 15px;
line-height: 2;
padding: 5px 21px 5px 5px !important;
background: none !important;
}
header.header section.header11 .nav li{padding:4px 15px 0px 9px !important; width:100%}
header.header section.header11 .nav li ul {
position: relative !important;
right: 8px;
background-image: none !important;
background-color: none !important;
display: block !important;
}header.header section.header11 .nav li {background-image: none !important;}
.post-labels:before{font-size:8pxكmargin: 0px -5px 0px 2px;}
.colll3 .post-labels a:before {
margin: 0px 3px 0px 6px;
}
.post-snippet:before{font-size:9px}
.colll1 img{display:block}
.colll2{width:36.5%; font-size:9px}
.colll3{width:27.5%; font-size:8px !important; line-height:2}
.colll4{width:4em; height:4em; margin:2px 8px 0px 0px}
#content-wrapper{max-width:92%; width:92%}
.colll2 h3{line-height:1em; margin:0px; padding:4px 0px 0px 10px; font-size:10px !important}
.g-profile:before{font-size:9px; margin:0px 0px 0px 5px}
.sosialbutton ul li a{line-height:21px; margin:0px 6px 0px 0px !important}
.sosialbutton ul li a{width:20px; height:20px}
#logo-home{ height:auto !important}
#time{ width:98% !important; float:none; margin-right:0px !important; height:78px !important}
#time >nav.clock{ padding:0px !important}
#wrap2{ padding-top:32px !important}
div#phone{ width:96% !important}
nav.top-menu-home{ width:90% !important}
nav.top-menu-home a:link, nav.top-menu-home a:visited{width:17.9% !important}}
@media screen and (max-width:530px){.colll1{width:90px}
nav.top-menu-home a:link, nav.top-menu-home a:visited{margin:-8px 0px 0px 24px !important}
.colll2{width:40.5%}
.colll3{width:34.5%}
.colll4{display:none}
.post{margin:0px 0px 8px 0px; padding:5px}
#wrap2{padding-top:35px}
.row .threecol{width:100% !important; text-align:center !important; line-height:1.7 !important}
footer.f0ooterwrap .footergrd{max-width:100%}
.footergrd-c3{width:100% !important; margin:5px 15px}
.footergrd-c2{width:93%; margin:5px 20px}
div#phone h2.phone-number{display:none !important}
nav.top-menu-home a.blog:before, nav.top-menu-home a.about:before, nav.top-menu-home a.archive:before, nav.top-menu-home a.contact:before{width:25px !important; height:25px !important; border:4px solid !important; font-size:13px}
}
@media only screen and (max-width:420px){
.colll1 {
width: 83px;
}
.colll2 {
width: 54%;
}
.colll2 h3 {
line-height: 1.4em;
margin: 0px;
padding: 4px 0px 0px 10px;
font-size: 13px !important;
}
.post-author{
display: none;
}
.colll3{width:30.5%}
.colll4{display:none}
.colll3 {
width: 30.5%;
display: none;
}
.sosialbutton {
float: right;
margin: 10px 2px 0px;
height: 23px;
width: 135px;
}
.sosialbutton ul li a {
width: 18px;
height: 18px;
}
.sosialbutton ul li a {
line-height: 17px;
margin: 0px 7px 0px 0px !important;
}.sosialbutton ul li a:before{font-size:9px}
nav.top-menu-home a.blog:before, nav.top-menu-home a.about:before, nav.top-menu-home a.archive:before, nav.top-menu-home a.contact:before{width:20px !important; height:20px !important; line-height:1.87em !important; border:4px solid !important; line-height:1.2 !important}
div#phone h2.phone-number{display:none !important}
nav.top-menu-home a:link, nav.top-menu-home a:visited{
width:16.9% !important; font-size:12.50px !important}
.colll4 {
width: 3.2em;
height: 3.2em;
margin: 6px 0px 0px 10px;
display: block;
}ul#blog-pager {
width: 96% !important; margin: 30px 0px;
}#toggle-container li {
display: inline;
line-height: 25px;
height: 24px;
}.footergrd-c2 {
width: 91%;
margin: 5px 20px;
}
.colll4 .numcomment {
line-height: 0.7em !important;
font-size: 2em;
float: left;
width: 100%;
margin: 4px 0px 6px 0px;
display: block;
}
.button-share {
background: none repeat scroll 0% 0% #DCE0E0;
position: relative;
display: block;
float: right;
height: 40px;
overflow: hidden;
width: 46.99%;
margin: 4px;
border-radius: 3px;
}.profil-dep-home p {
padding-bottom: 0px;
font-size: 10px;
font-weight: 100 !important;
line-height: 1.9;
font-family: a;
}ul#relpost_img_sum li {
border-bottom: 1px dashed #085A58;
list-style: outside none none;
margin: 0px 20px 0px 0px;
overflow: hidden;
width: 90%;
float: right;
padding: 10px 0px;
font-size: 12px;
}
.comments .avatar-image-container img {
float: right;
background: none repeat scroll 0% 0% rgba(30, 30, 30, 0.5);
border: 1px solid #151515;
box-shadow: 0px 2px 3px #000, 0px 0px 1px 0px #000 inset;
height: 45px;
width: 45px;
padding: 2px;
max-width: 45px;
border-radius: 8px;
}
.comments .comment-block {
background: none repeat scroll 0% 0% rgba(4, 30, 44, 0.54);
border-top: 1px solid #181818;
border-bottom: 1px solid #181818;
border-left: 1px solid #181818;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
margin-right: 53px;
overflow: hidden;
}
.comments .thread-toggle {
display: block !important;
position: absolute !important;
right: 8px !important;
margin-top: -36px !important;
}
.comments .comments-content .comment-replies .avatar-image-container img {
width: 35px;
height: 35px;
overflow: hidden;
border-radius: 5px;
margin-right: -2px;
}
.comments .comments-content .comment-content {
padding: 0px 11px 8px 0px;
margin: 0px 0px 0px 1.1em;
color: #A6A6A6;
font-size: 13px;
line-height: 1.4em !important;
}
}
@media only screen and (max-width:360px){
.colll3 .post-labels{display:none}ul#blog-pager {
width: 95%;
margin: 30px 0px;
}
.socialsider.socialsider_bgcolor_white a i {
font-size: 9px !important;
margin: 9px 6px 0px 0px !important;
}.socialsider_spacer a {
height: 30px !important;
margin-bottom: 1px;
}.socialsider_radius a {
border-radius: 3px !important;
}.socialsider {
width: 55px !important;
display: block;
transition: all 0.5s ease 0s;
}
nav.top-menu-home a.blog:before, nav.top-menu-home a.about:before, nav.top-menu-home a.archive:before, nav.top-menu-home a.contact:before{width:15px !important; height:16px !important; font-size:12px !important; border:2px solid !important}
nav.top-menu-home a:link, nav.top-menu-home a:visited{margin:-8px 0px 0px 18px !important; font-size:12px !important}
.colll3{width:66%;display: none;}
.colll2 h3 {
line-height: 1.2;
margin: 0px;
padding: 4px 0px 0px 10px;
font-size: 11px !important;
}
.post-author vcard{display:none}
.post{margin:0px 0px 8px 0px; padding:5px}
.sosialbutton {
float: right;
margin: 7px 2px 0px;
height: 19px;
width: 136px;
}.sosialbutton ul li a {
width: 17px;
height: 17px;
}.sosialbutton ul li a {
line-height: 17px;
margin: -1px 7px 0px 0px !important;
}.colll4 .numcomment {
line-height: 0.1 !important;
font-size: 2em;
float: left;
width: 100%;
margin: 8px 0px 13px 0px;
display: block;
}
#menu-2{width:1.2em}
#logo {
float: right;
padding: 16px 0px;
height: 41px;
width: 265px;
}.post-author {
display: none;
}.colll1 {
width: 76px;
}.colll2 {
width: 53%;
margin-top: -1px;
}
.colll4 {
width: 3em;
height: 3em;
margin: 0px 1px 0px 0px;
display: block;
}.footergrd-c2 {
width: 90%;
margin: 5px 20px;
text-align: center !important;
}
}
#displayText{
float: left;
margin-left: 20px;
margin-top: -27px;
}
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; margin: 3px; padding-top: 3px;}
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
box-shadow: -2px -2px 10px silver;
-moz-box-shadow: -2px -2px 10px silver;
-webkit-box-shadow: -2px -2px 10px silver;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
box-shadow: -2px 2px 10px silver;
-moz-box-shadow: -2px 2px 10px silver;
-webkit-box-shadow: -2px 2px 10px silver;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #A6A6A6;
}
#lightbox-container-image-data #lightbox-image-details {
direction: rtl;
float: left;
font-family: Tahoma;
font-size: 12px;
padding: 2px;
text-align: right;
text-shadow: 2px 3px 4px silver;
width: 80%;
}
#lightbox-image-details-caption { font-weight: lighter; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
display:none !important;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}
.comments .comments-content {
margin: 16px;
}
.breadcrumbs{display:none}
#displayText{
float: left;
margin-left: 20px;
margin-top: -27px;
}
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; margin: 3px; padding-top: 3px;}
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
box-shadow: -2px -2px 10px silver;
-moz-box-shadow: -2px -2px 10px silver;
-webkit-box-shadow: -2px -2px 10px silver;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
box-shadow: -2px 2px 10px silver;
-moz-box-shadow: -2px 2px 10px silver;
-webkit-box-shadow: -2px 2px 10px silver;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #A6A6A6;
}
#lightbox-container-image-data #lightbox-image-details {
direction: rtl;
float: left;
font-family: Tahoma;
font-size: 12px;
padding: 2px;
text-align: right;
text-shadow: 2px 3px 4px silver;
width: 80%;
}
#lightbox-image-details-caption { font-weight: lighter; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
display:none !important;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}
.comments .comments-content {
margin: 16px;
}
.breadcrumbs{display:none}
.widget-content {
background-color: #DFF1F5;color: #7582A9 !important;
border-width: 1px;
border-style: solid;
min-height: 280px;
border-color: rgba(255, 255, 255, 0.04) rgba(255, 255, 255, 0.03) rgba(255, 255, 255, 0.01);
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.7);
overflow: hidden;padding: 5px 10px;
}
.blog-feeds,.feed-links{
display: none;
}#toTop{display:none;text-decoration:none;position:fixed;bottom:10px;left:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:-999px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUSZ67NvNZZYfndwevFi1osZm-p6Bs9_L7NMDhO213okgHnMhRi7i7xJLhl3UNXOXQBeKTN1xeCqkj3GKs5STGQPOjjbDQHtuVt3xx6zoojWlV_RHBdenmZ4uHol0Rrv4dW_AMCxr_8n9g/s102/ui.totop.png) no-repeat right top}
#toTopHover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUSZ67NvNZZYfndwevFi1osZm-p6Bs9_L7NMDhO213okgHnMhRi7i7xJLhl3UNXOXQBeKTN1xeCqkj3GKs5STGQPOjjbDQHtuVt3xx6zoojWlV_RHBdenmZ4uHol0Rrv4dW_AMCxr_8n9g/s102/ui.totop.png) no-repeat right -51px;width:51px;height:51px;display:block;overflow:hidden;float:right;opacity:0;-moz-opacity:0;filter:alpha(opacity=0)}
#toTop:active,#toTop:focus{outline:none}
.jump-link{
display: none;
}
.nav li a i{padding-left: 6px}
.puertoColor {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSMRFZ1lDDieCQngqeXX4c23xp9_lgBvWTk8xkAgz89MrpIEt17qKg-ycbMoyxBi5PjEowDsb2gzy0ofWLhnUvwhBdXYo9C7MC6NR2_D1ZtHvFM99Eo952-wlBEb2Ui1qEkBx0RzhsZ9M/s1600/bg_color.png") repeat scroll 0% 0% transparent;
height: 3px;
}
.pluginSkinDark a, .pluginSkinDark .uiHeader h3 {
color: #7582A9 !important;
}.pluginConnectTextDark a {
color: #7582A9 !important;
}
.PopularPosts .item-thumbnail {
float: right;
margin: 0px 7px 0px 15px;
}
.PopularPosts img {
height: 57px;padding-right: 0 !important;
width: 60px;
border-radius: 8px;
border: solid 1px #4B98A3;
}
.PopularPosts .item-title {
padding-top: 1em;
}
.PopularPosts .item-title a{
color: #758295
}
.PopularPosts .widget-content ul li {
padding: 0.1em 0px;
}
p.pad_t_15 {
color: #F2FEFE;
font-size: 13x !important;;
margin: 0px;
padding: 8px;
text-align: center;
}
.pad_t_15 a{
color: #BDF2F2 !important;;
}
.PopularPosts .item-title a {
color: #758295;
font-size: 16px;
font-weight: 100 !important;
padding: 5px 0px 0px 12px;
}
]]></b:skin>
<style>
.threecol p {
border-top: 3px solid #649999;
background-position: center top;
background-repeat: repeat-x;
font-size: 11px;
color: #158694;
margin: 0px auto;
padding-top: 5px;
padding-left: 10px;
text-align: center;
line-height: 1.8;
}
</style>
<script src='http://albaadani.googlecode.com/files/UIto-op.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
<script src='https://googledrive.com/host/0B-3cyo_HIYMIUVpfUzdsZURRSTg/custom-lightbox-for-blogger.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var relnojudul = 0;
var relmaxtampil = 6;
var numchars = 100;
var reljudul=new Array();var relurls=new Array();var relcuplikan=new Array();var relgambar=new Array();function saringtags(g,h){var e=g.split("<");for(var f=0;f<e.length;f++){if(e[f].indexOf(">")!=-1){e[f]=e[f].substring(e[f].indexOf(">")+1,e[f].length)}}e=e.join("");e=e.substring(0,h-1);return e}function relpostimgcuplik(h){for(var e=0;e<h.feed.entry.length;e++){var g=h.feed.entry[e];reljudul[relnojudul]=g.title.$t;postcontent="";if("content" in g){postcontent=g.content.$t}else{if("summary" in g){postcontent=g.summary.$t}}relcuplikan[relnojudul]=saringtags(postcontent,numchars);if("media$thumbnail" in g){postimg=g.media$thumbnail.url}else{postimg="http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.GIF"}relgambar[relnojudul]=postimg;for(var f=0;f<g.link.length;f++){if(g.link[f].rel=="alternate"){relurls[relnojudul]=g.link[f].href;break}}relnojudul++}}function contains(a,e){for(var f=0;f<a.length;f++){if(a[f]==e){return true}}return false}function artikelterkait(){var v=new Array(0);var w=new Array(0);var x=new Array(0);var A=new Array(0);for(var u=0;u<relurls.length;u++){if(!contains(v,relurls[u])){v.length+=1;v[v.length-1]=relurls[u];w.length+=1;w[w.length-1]=reljudul[u];x.length+=1;x[x.length-1]=relcuplikan[u];A.length+=1;A[A.length-1]=relgambar[u]}}reljudul=w;relurls=v;relcuplikan=x;relgambar=A;for(var u=0;u<reljudul.length;u++){var B=Math.floor((reljudul.length-1)*Math.random());var i=reljudul[u];var s=relurls[u];var y=relcuplikan[u];var C=relgambar[u];reljudul[u]=reljudul[B];relurls[u]=relurls[B];relcuplikan[u]=relcuplikan[B];relgambar[u]=relgambar[B];reljudul[B]=i;relurls[B]=s;relcuplikan[B]=y;relgambar[B]=C}var r=0;var D=Math.floor((reljudul.length-1)*Math.random());var z=D;var q;var t=document.URL;while(r<relmaxtampil){if(relurls[D]!=t){q="<li class='news-title clearfix'>";q+="<a href='"+relurls[D]+"' rel='nofollow' target='_top' title='"+reljudul[D]+"'><div class='overlayb'></div><img src='"+relgambar[D]+"' /></a>";q+="<a class='relinkjdulx' href='"+relurls[D]+"' target='_top'>"+reljudul[D]+"</a> ";q+="<span class='news-text'>"+relcuplikan[D]+"</span>";q+="</li>";document.write(q);r++;if(r==relmaxtampil){break}}if(D<reljudul.length-1){D++}else{D=0}if(D==z){break}}};
//]]>
</script>
<style>
h4 {
font-size: 18px;
background: none repeat scroll 0% 0% #F66;
color: #FFF;
font-weight: 700 !important;
width: 230px;
margin: 0px auto !important;
text-align: center !important;
border-radius: 4px;
}
h4:hover{
background: -moz-linear-gradient(center top , #8CBA0E 0%, #558A0A 85%, #558A0A) repeat scroll 0% 0% transparent;
}
h4 a{
color: #FFF !important;
}
ul#blog-pager{width:100%}
ul#relpost_img_sum{ background:none repeat scroll 0 0 #FFF; margin:0}
ul#relpost_img_sum li {
border-bottom: 1px dashed #085A58;
list-style: outside none none;
margin: 0px 20px 0px 0px;
overflow: hidden;
width: 30%;
float: right;
padding: 10px 0px 10px 0px;
}
ul#relpost_img_sum li a{ display:block}
ul#relpost_img_sum li img {
float: right;
width: 60px;
height: 60px;
margin-left: 5px;
padding: 2px;
border: 1px solid #085856;
background-color: rgba(8, 88, 86, 0.69);
border-radius: 6px;
}
ul#relpost_img_sum li a.relinkjdulx {
display: block;
font-weight: normal !important;
height: 17px;
overflow: hidden;
background-image: none;
font-size: 14px;
}
#related_posts h4 {
font-size: 22px;
text-align: center !important;
background: url("https://jetara.googlecode.com/svn/trunk/header-6.png") repeat-x scroll 0% 0% #309BBF;
text-shadow: 0px 0px 12px #FFF;
padding: 10px;width: 100%;
color: #FFF;
}
#related_posts {
margin-top: 26px;
padding: 2px;
overflow: hidden;
background-color: #DFF0D8;
border: 1px solid #A4B59D;
width: 99%;
margin: 0 auto;
}
/* CSS Social Share */
h9{color:#fff;font-family:ge_hiliregular;margin-right:140px}
.share-box{background-color:#2e3138;font-size:14px;padding:10px 0 11px;position:relative;margin-top:10px;color:#A6A6A6;border-bottom:1px solid #353942}
/* Slide Share */
#jalal-share {
padding: 0;
overflow: hidden;
margin-top: 80px;
background: #fff;
border-radius: 5px;
border: solid 1px #E6E6E6;
}
#button-count-share{overflow:hidden;background:none repeat scroll 0% 0% transparent;padding:3px;}
#button-count-share span{float:left;position:relative;font-size:13px;color:#fff;margin:12px 5px 12px 5px}
.button-share{background:#dce0e0;position:relative;display:block;float:right;height:40px;overflow:hidden;width:23.99%;margin:4px;border-radius:3px}
.ikons{display:block;float:left;position:relative;z-index:3;height:100%;vertical-align:top;width:17%;text-align:center}
.ikons i{color:#fff;line-height:33px}
.slide-share{z-index:2;display:block;height:100%;left:17%;position:absolute;width:84%;margin:0}
.slide-share p{font-family:ge_hiliregular;font-weight:400;border-left:1px solid rgba(255,255,255,0.35);color:#fff;font-size:14px;left:0;position:absolute;text-align:center;top:10px;width:100%;margin:0}
.button-share .slide-share{transition:all 0.4s ease-in-out}
.facebook .fb_iframe_widget{display:block;position:absolute;right:25%;top:0;z-index:1}
.twitter iframe{right:20%;top:10px;z-index:1;display:block;position:absolute}
.google #___plusone_0{width:90px!important;top:10px;right:35%;position:absolute;display:block;z-index:1}
.facebook .ikons,.facebook .slide-share{background:#4f79bc}
.twitter .ikons,.twitter .slide-share{background:#63cef2}
.google .ikons,.google .slide-share{background:#f36261}
.facebook:hover .slide-share,.twitter:hover .slide-share,.google:hover .slide-share{left:180px;opacity:0.6}
.pager{margin-top:50px}
.home-link{float:none}
blockquote, pre {
border: 1px solid rgba(255, 255, 255, 0.05);
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4), 0px 2px 16px #000 inset;
border-radius: 4px;
padding: 15px;
overflow: hidden;
direction: ltr;
text-align: left !important;
font-size: 14px;
background: url('https://jetara.googlecode.com/svn/trunk/header-6.png') repeat scroll 0% 0% rgba(3, 3, 3, 0.5);
font-style: italic;
}.post h2 {
background: url("https://jetara.googlecode.com/svn/trunk/header-6.png") repeat-x scroll 0% 0% #32ADCE !important;
color: #FFF !important;
padding: 13px !important;
text-align: center !important;
margin:0px 0px 20px;
}
#main-wrapper{float:right;overflow:hidden;width:100%}#sidebar-wrapper{float:left;width:300px;overflow:hidden;margin-right:10px}
.post{margin:0 0px 7px 0;padding:15px;font-size:17px}
#sidebar .widget h2{text-align:center;background:none repeat scroll 0% 0% rgba(50,50,50,0.2);margin:-20px -20px 20px;padding:10px;border:1px solid #282828}#Label1 a{position:relative;z-index:2;text-decoration:none!important;margin:6px 6px 0 0;float:right;display:inline;padding:0 10px;line-height:22px;font-size:12px;border-radius:1px;box-shadow:0 2px 4px rgba(0,0,0,0.75),0px 0 0 1px rgba(255,255,255,0.02) inset;color:#fff;background:linear-gradient(to bottom,rgba(69,72,77,0.17) 0%,rgba(0,0,0,0.21) 100%) repeat scroll 0% 0% transparent}li{list-style:none}
.table_blue table,.sb_blue{1px solid #318381}
.styled_table table, .sb {
border-collapse: collapse;
margin: 10px 0px 20px;
text-shadow: none;
color: #4B4B4B;
border: 1px solid #888;
}
.table_blue table tr th, .sb_blue .box_title {
color: #FFF !important;
padding: 2px !important;
font-size: 22px;
text-align: center !important;
background: url("https://jetara.googlecode.com/svn/trunk/header-6.png") repeat-x scroll 0% 0% #333;
text-shadow: 0px 0px 12px #FFF;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.9), 0px 0px 12px rgba(0, 0, 0, 0.9) inset;
}
.sb .box_content{color: #A6A6A6;padding:10px;margin:1px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}
ol{counter-reset:li;list-style:none outside none;font:15px "trebuchet MS","lucida sans";padding:0;margin-right:-4px;margin-top:0;margin-bottom:0}
ol{list-style:none outside none;font:15px "trebuchet MS","lucida sans"}
ol ol{margin:0 2em 0 0}
.rounded-list ol li:before {
counter-increment: li;
position: absolute;
right: -1.3em;
top: 50%;
margin-top: -1.3em;
height: 2em;
width: 2em;
line-height: 2em;
text-align: center;
font-weight: bold;
border-radius: 2em;
transition: all 0.3s ease-out 0s;
content: counter(li, decimal);
color: #FFF !important;
font-family: a;
background-color: #333;
border: 3px solid #888;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.75);
text-shadow: 0px 0px 12px #FFF;
}
.rounded-list ol li {
font-family: ge_hiliregular;
display: block;
padding: 0.4em 2em 0.4em 0.4em;
margin: 0.5em 0px;
background: rgba(0, 0, 0, 0.33);
color: #A6A6A6;
text-decoration: none;
border-radius: 0.3em;
transition: all 0.3s ease-out 0s;
position: relative;
}
.rounded-list ol li:hover:before{transform:rotate(360deg)}
.rounded-list ol li:hover {
background-color: #20606B;
color: #FFF !important;
}
post h4{
background-color: #82A700;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.9), 0px 0px 12px rgba(0, 0, 0, 0.9) inset;
color: #FFF !important;
padding: 11px !important;
text-align: center !important;
}
</style>
<style>
</style>
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 1; /* طول الملخص للمواضيع بدون صورة */
summary_img = 1; /* طول الملخص للمواضيع ذات صورة*/
img_thumb_height = 80; /* عرض الصورة في الملخص*/
img_thumb_width = 85; /*طول الصورة في الملخص */
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:right; padding:0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div style="display:none;>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<style>
@media only screen and (max-width:360px){
h3 {
font-size: 16px;
}.colll1 {
width: 100%;
font-size: 12px !important;
}.button-share {
background: none repeat scroll 0% 0% #DCE0E0;
position: relative;
display: block;
float: right;
height: 40px;
overflow: hidden;
width: 45.99%;
margin: 4px;
border-radius: 3px;
}.ikons {
display: block;
float: left;
position: relative;
z-index: 3;
height: 100%;
vertical-align: top;
width: 25%;
text-align: center;
padding-top: 5px;
}.facebook .fb_iframe_widget {
display: block;
position: absolute;
right: -2%;
top: 0px;
z-index: 1;
}.google #___plusone_0 {
width: 90px !important;
top: 10px;
right: 18%;
position: absolute;
display: block;
z-index: 1;
}.twitter iframe {
right: -21%;
top: 10px;
z-index: 1;
display: block;
position: absolute;
}img.profile-img {
width: 60px !important;
height: 60px !important;
float: right !important;
margin: 16px 0px 2px;
}.profil-image-home {
width: 107px;
position: relative;
overflow: hidden;
float: right;
height: 100px;
margin-right: -7px;
}.profil-dep-home p {
padding-bottom: 0px;
font-size: 8.5px;color: #8A979F;
font-weight: 99 !important;
line-height: 1.2;
font-family: arial;
}ul#relpost_img_sum li {
border-bottom: 1px dashed #085A58;
list-style: outside none none;
margin: 0px 13px 0px 0px;
overflow: hidden;
width: 89%;
float: right;
padding: 8px 0px;
font-size: 10px;
}
}
</style>
<script type='text/javascript'>
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>
<style>
@media only screen and (max-width:420px){
.colll1 img {
display: block;
width: 70px;
height: 63px;
border-radius: 4px;
margin: 2px;
}
}
</style>
<style>
footer.footerwrap div.footerbody {
height: 30px;
}footer.footerwrap .footergrd {
display: none;
}
body{
color:#A6A6A6; text-shadow:0 1px 0 rgba(0,0,0,0.1); font-size:small; font-family:ge_hiliregular; overflow-x:hidden; overflow-y:scroll}
#heden{display:none}
nav.top-menu-home{width:71.93478260869565%;padding:0.5em 0 0.15em 0;float:left}
nav.top-menu-home a:link, nav.top-menu-home a:visited {
width: 18.9%;
float: right;
margin: -8px 0px 0px 28px;
padding: 16px 0px;
font-size: 16px;
color: #fff;
font-weight: normal;
line-height: 120%;
text-align: left;
text-transform: uppercase;
text-decoration: none;
background-position: center bottom;
position: relative;
border-bottom: 3px solid;
border-right: 3px solid;
border-color: #649999;
}
nav.top-menu-home a.blog:before,nav.top-menu-home a.about:before,nav.top-menu-home a.archive:before,nav.top-menu-home a.contact:before{position:absolute;right:-18px;top:30px;width:32px;height:32px;color:#fff;text-shadow:0 0 12px #fff;line-height:1.87em;background-color:#333;border:6px solid #888;text-align:center;font-weight:bold;border-radius:2em;-moz-border-radius:2em;-webkit-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;-moz-box-shadow:0 4px 6px rgba(0,0,0,0.25);-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.75);box-shadow:0 4px 6px rgba(0,0,0,0.75);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;font-family:serif}
nav.top-menu-home a.blog:hover:before,nav.top-menu-home a.about:hover:before,nav.top-menu-home a.archive:hover:before,nav.top-menu-home a.contact: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);
color:#161616!important;border:6px solid #85A101;
background-color:#F5FEFF;
-moz-box-shadow:0 0 10px #C6EB04,0 0 30px #C6EB04,0 0 50px #C6EB04,0 1px 3px #000!important;
-webkit-box-shadow:0 0 10px #F5FEFF ,0 0 30px #C6EB04,0 0 50px #C6EB04,0 1px 3px #000!important;
box-shadow:0 4px 6px #99CECE,0 0 10px #99CECE,0 0 30px #99CECE,0 0 50px #fff,0 1px 3px #000!important}
nav.top-menu-home a.blog:before {
content: "1";
background: #73DAC8;
border-color: #46AD9B;
color: #FFF;
}
nav.top-menu-home a.about:before {
content: "2";
background: #F2D245;
border-color: #CAAA1D;
}
nav.top-menu-home a.contact:before {
content: "3";
background: none repeat scroll 0% 0% #FE6480;
border-color: #E94F6B;
}
nav.top-menu-home a.archive:before {
content: "4";
background: #CD8ECF;
border-color: #B071B2;
}
nav.top-menu-home a:hover {
color: #568B8B;
text-shadow: 0px 0px 30px #99CECE;
}
nav.top-menu-home .divider{float:right;text-align:center;width:1.44%}
div#phone {
width: 73.9348%;
padding: 0.5em 0px 0.95em;
float: left;
margin: 10px 0px 0px;
border-bottom: 3px solid #649999;
}
div#phone h2.phone-number{font:100 40px/30px "roboto","Helvetica Neue",Helvetica,Arial,sans-serif!important;padding:0;text-transform:uppercase;float:left;color:#666}div#phone h6.call{font:300 14px/14px "roboto","Helvetica Neue",Helvetica,Arial,sans-serif!important;float:left;width:200px;margin-top:2px;margin-left:10px;text-align:left;line-height:120%;color:#444}
#time {
width: 22.595%;
float: right;
margin-right: 23px;
text-align: center;
height: 142px;
border-right: 3px solid #649999;
border-left: 3px solid #649999;
}
#time{margin:0 auto;overflow:hidden}
#time >nav.clock{margin:0 auto;padding:30px}
#time >nav.clock #Date{font-size:12px;text-align:center;color:#FDFDFB;line-height:0.9em;font-family:serif}
#time >nav.clock ul{margin:0 auto;padding:0;list-style:none outside none;text-align:center;direction:ltr;font-family:serif}
#time > nav.clock ul li {
color: #F2FEFE;
display: inline;
font-size: 40px;
text-align: center;
font-weight: 100;
}
#time >nav.clock li.point{position:relative;padding-right:1px;padding-left:1px}.threecol h5{text-transform:uppercase;text-align:center;font-size:23px;color:#aaa;font-weight:600!important}nav#topnav{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUhKcTJqTvj83i_52B0jeummCL6sAEcoUQBABz1dNS9CIBMwQF6FPJCJhotGelbMPZi7pKzzuFgsVc1E3d_fNsLpp6z2AXyVlxQXHKpsu802R41hvKkmbAq7NOD9mG3XNPPwKVUpNLCuw9/s1600/border-nav.png);background-position:top center;background-repeat:no-repeat;padding:7px 0 0 0;margin-top:4px;width:1000px}nav#topnav li{font-family:ge_hiliregular;display:inline;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGbgX2qQT8DIlYMuLpwZUnz_LKiPmVbcugCEZ6-API1ayLTnCxd7hzrAb6KW7kMyq0KCj1Oa_Vr2OFWoEfz4WROUHBuQ4d_zsDxtTCNgQbQxH1b3oCXC3yIhizGdAIz5orYiw_6CAlUpLQ/s1600/border-top.png);background-position:top left;background-repeat:repeat-y;padding:8px 10px 2px 8px;margin-top:10px}nav#topnav li a{position:relative;padding:0 0 10px 20px!important;color:#666!Important;font-size:11px}cufon{display:inline-block!important;position:relative!important;vertical-align:middle!important;font-size:17px!important;line-height:1px!important;color:#fff;text-align:center}cufon canvas{position:relative!important;margin-top:-12px}cufon cufontext{width:0!important;height:0!important;overflow:hidden!important;text-indent:-10000in!important}nav#topnav li a:link,nav#topnav li a:visited{text-decoration:none}
#logo-home {
margin: 6px 0px 0px -15px;
padding: 0px;
overflow: hidden;
position: relative;
cursor: crosshair;
height: 400px;
}
</style>
<b:if cond='data:blog.pageType == "item"'>
<style>
ul#blog-pager {
width: 100%;
margin: 30px 0;
}
h3 {
font-size: 24px;
padding: 10px;
text-align: center;
background: #BDDEE7;
margin: 0px 0px 20px;
color: #4499B6;
border: 1px solid #80B8BB;
font-weight: 700 !important;
}
.colll1{width:100%;font-size:15px!important}
</style></b:if>
<!-- welcom home -->
<style>
/*--------------css welcome home-------------*/
.l0ast{margin:0!important}.t0hreecol p{background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSdboRUyQU_VrMGSqGO6WZ3fxZ2ooqWMdfV1ul3X71yenOPnk4o0LzOf16rb-pfews05cCX7ePSDOLFKEal81Vto-xowvduHn8C5ky6i5zckUhkpQaFtZUfvFWmxVHR7qvlSwLbd-BZHBi/s1600/center-border.png');background-position:center top;background-repeat:repeat-x;font-size:11px;color:#A6A6A6;margin:0 auto;padding-top:5px;padding-left:10px;text-align:center;line-height:1.8}.r0ow{width:100%;max-width:100%;min-width:100%;margin:0 auto;overflow:hidden}.o0necol,.t0wocol,.t0hreecol,.f0ourcol,.f0ivecol,.s0ixcol,.s0evencol,.e0ightcol,.n0inecol,.t0encol,.e0levencol{margin-left:3.8%;float:right;min-height:1px}.r0ow .o0necol{width:4.85%}.r0ow .t0wocol{width:13.45%}.r0ow .t0hreecol{width:22.05%}.r0ow .f0ourcol{width:30.75%}.r0ow .f0ivecol{width:39.45%}.r0ow .s0ixcol{width:48%}.r0ow .s0evencol{width:56.75%}.r0ow .e0ightcol{width:65.4%}.r0ow .n0inecol{width:74.05%}.r0ow .t0encol{width:82.7%}.r0ow .e0levencol{width:91.35%}.r0ow .t0welvecol{width:100%;float:right}.c0ontainer{padding-right:20px;padding-left:20px}.b0g-1x88z1{position:absolute;right:0;left:0;top:0;height:400px;opacity:0.6}#w0rap2{padding-top:70px}#c0ontent-wrapper{max-width:1024px;margin:0 auto;width:1024px;text-align:right;margin:10px auto;overflow:hidden}#c0ontent-wrapper{max-width:92%;width:92%}#h0eden{display:none}nav.top-menu-hom0e{width:71.93478260869565%;padding:0.5em 0 0.15em 0;float:left}nav.top-menu-hom0e a:link,nav.top-menu-hom0e a:visited{width:18.9%;float:right;margin:-8px 0 0 28px;padding:16px 0 16px;font-size:16px;color:#ccc;font-weight:normal;line-height:120%;text-align:center;text-transform:uppercase;text-decoration:none;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgckwbTgFCoiaPvWd1UNkh3fM4M76ZZj5LDnTJCPUof2Rim8o9sNOzXv2A3-UDzNs4nZet2wxqYVUaYdEzVvuy9uOzB8a1IloGg5X5fwrUi1seqXask1PFACb9w9VdmpJktFku-Qrl4WhDE/s1600/border-center-top-left.png);background-position:bottom center;background-repeat:repeat-x;-webkit-transition:background .3s linear;-moz-transition:background .3s linear;-o-transition:background .3s linear;transition:background .3s linear;position:relative}nav.top-menu-hom0e a.blog:before,nav.top-menu-hom0e a.about:before,nav.top-menu-hom0e a.archive:before,nav.top-menu-hom0e a.contact:before{position:absolute;right:-18px;top:30px;width:32px;height:32px;color:#ccc;text-shadow:0 0 12px #fff;line-height:1.87em;background-color:#333;border:6px solid #888;text-align:center;font-weight:bold;border-radius:2em;-moz-border-radius:2em;-webkit-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;-moz-box-shadow:0 4px 6px rgba(0,0,0,0.75);-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.75);box-shadow:0 4px 6px rgba(0,0,0,0.75);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;font-family:serif}nav.top-menu-hom0e a.blog:hover:before,nav.top-menu-hom0e a.about:hover:before,nav.top-menu-hom0e a.archive:hover:before,nav.top-menu-hom0e a.contact: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);color:#161616!important;border:6px solid #85A101;background-color:#C6EB04;-moz-box-shadow:0 0 10px #C6EB04,0 0 30px #C6EB04,0 0 50px #C6EB04,0 1px 3px #000!important;-webkit-box-shadow:0 0 10px #C6EB04,0 0 30px #C6EB04,0 0 50px #C6EB04,0 1px 3px #000!important;box-shadow:0 4px 6px rgba(0,0,0,0.25),0 0 10px #C6EB04,0 0 30px #C6EB04,0 0 50px #C6EB04,0 1px 3px #000!important}nav.top-menu-hom0e a.blog:before{content:'1'}nav.top-menu-hom0e a.about:before{content:'2'}nav.top-menu-hom0e a.contact:before{content:'3'}nav.top-menu-hom0e a.archive:before{content:'4'}nav.top-menu-hom0e a:hover{color:#C6EB04;text-shadow:0 0 30px #C6EB04}nav.top-menu-hom0e .d0ivider{float:right;text-align:center;width:1.44%}div#0phone{width:73.93478260869565%;padding:0.5em 0 0.95em 0;float:left;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_tvFJCQp6qGgeTCgmolu0RbcuhsAV9XYa8LDnu6GtMlzGHw7-VS9Fszze71TGNE7qMTUu6Nq-Yan7gtBJwWWgs9UBt3N2s0TfScJcvHsRGODZQKs2Jsf3d7kfMs_lNcr86978Hgf9tEa3/s1600/big-border.png);background-position:bottom center;background-repeat:repeat-x;margin:10px 0 0 0}div#0phone h2.phone-number{font:100 40px/30px "roboto","Helvetica Neue",Helvetica,Arial,sans-serif!important;padding:0;text-transform:uppercase;float:left;color:#666}div#0phone h6.call{font:300 14px/14px "roboto","Helvetica Neue",Helvetica,Arial,sans-serif!important;float:left;width:200px;margin-top:2px;margin-left:10px;text-align:left;line-height:120%;color:#444}#0time{width:25.59521739130435%;float:right;margin-right:23px;text-align:center;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL49nsej7-vkJuoEXZlexYEJkYDZ_QdduynjQmBPoF7dxyo3IQJ568mMFGko5XHHrwHov6U2HmbfpMH7ha5vNOwp-UgE2FMYmcYSAsF2yqbyQiumJ0cjwCyyUHz3D7rMJn1UxPJlMgzm-i/s1600/big-border-top.png);background-position:top center;background-repeat:repeat-y;height:142px;color:#666;color:#fff}#0time{margin:0 auto;overflow:hidden}#0time >nav.clock{margin:0 auto;padding:30px}#0time >nav.clock #0Date{font-size:12px;text-align:center;color:#666;line-height:0.9em;font-family:serif}#0time >nav.clock ul{margin:0 auto;padding:0;list-style:none outside none;text-align:center;direction:ltr;font-family:serif}#0time >nav.clock ul li{color:#ccc;display:inline;font-size:40px;text-align:center;font-weight:100}#0time >nav.clock li.point{position:relative;padding-right:1px;padding-left:1px}.threecol h5{text-transform:uppercase;text-align:center;font-size:23px;color:#aaa;font-weight:600!important}nav#0topnav{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUhKcTJqTvj83i_52B0jeummCL6sAEcoUQBABz1dNS9CIBMwQF6FPJCJhotGelbMPZi7pKzzuFgsVc1E3d_fNsLpp6z2AXyVlxQXHKpsu802R41hvKkmbAq7NOD9mG3XNPPwKVUpNLCuw9/s1600/border-nav.png);background-position:top center;background-repeat:no-repeat;padding:7px 0 0 0;margin-top:4px;width:1000px}nav#0topnav li{font-family:ge_dinar_tworegular;display:inline;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGbgX2qQT8DIlYMuLpwZUnz_LKiPmVbcugCEZ6-API1ayLTnCxd7hzrAb6KW7kMyq0KCj1Oa_Vr2OFWoEfz4WROUHBuQ4d_zsDxtTCNgQbQxH1b3oCXC3yIhizGdAIz5orYiw_6CAlUpLQ/s1600/border-top.png);background-position:top left;background-repeat:repeat-y;padding:8px 10px 2px 8px;margin-top:10px}nav#0topnav li a{position:relative;padding:0 0 10px 20px!important;color:#666!important;font-size:11px}cufon{display:inline-block!important;position:relative!important;vertical-align:middle!important;font-size:17px!important;line-height:1px!important;color:#fff;text-align:center}cufon canvas{position:relative!important;margin-top:-12px}cufon cufontext{width:0!important;height:0!important;overflow:hidden!important;text-indent:-10000in!important}nav#0topnav li a:link,nav#0topnav li a:visited{text-decoration:none}#0logo-home{margin:6px 0 0 -15px;padding:0;overflow:hidden;position:relative;cursor:crosshair;height:400px}#0layout{position:absolute;width: 100%;overflow:hidden;background:-moz-radial-gradient(center center,circle cover,hsla(0,0%,0%,.0) 0%,hsla(0,0%,3%,9) 100%)no-repeat;background:-webkit-gradient(radial,center center,0,center center,800,from(hsla(0,0%,0%,.0)),to(hsla(0,0%,3%,9)) );background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);background:radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000',endColorstr='#d9000000',GradientType=1 );margin:0!important;padding:0!important}#0layout{width: 100%;overflow:hidden;margin:0;padding:0!important;background-attachment:fixed;background-image:radial-gradient(ellipse at center center,transparent 5%,#000 159%)}h0eader.header{width:100%;height:55px;position:relative;z-index:20;text-align:right;border-bottom:1px solid rgba(105,105,105,0.2);background-color:rgba(0,0,0,0.56);background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0qMiwjqCkCZAsE0l4Wu_yj3crurjn6N3bgA4pINeHm12N02TnvcL1LPZtVBx4xXzgygbUY0IvclMzxGwK-_oZs1h7B5tCKpltVagLBtfDk6_AhHRwx74b_nlW7cnhATXm5n62-I8Ml8ap/s1600/pattern.png');background-repeat:repeat;box-shadow:0 6px 5px rgba(0,0,0,0.35),0px 1px 0 rgba(0,0,0,0.2) inset;background-clip:padding-box}h0eader.header{margin:0 auto!important}h0eader.header section.header11{width:950px;margin:0 auto}#0logo{float:right;padding:15px 0;height:40px;width:210px}#0logo li.s-home{display:inline!important;font-weight:normal!important;background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAXtXeP5tlhs1h2dXmW9ChORX6DHw9Hy5lrJ91vkO_7MPh210blkc7UtYTGSYmra4vgXGy1o850VgrxmCEaI9ip4Q1JBlk0hg9G2QrfHf0iMWt4ch9IlIOftB41M3-oM5U_ljqHRvTW2Ks/s1600/dot-circle.png');background-repeat:no-repeat;background-position:right center;padding:4px 23px 0 15px!important;float:right;position:relative}#0logo li.s-home a{animation-name:zelzal;-moz-animation-name:zelzal;-webkit-animation-name:zelzal;animation-duration:0.8s;-moz-animation-duration:0.8s;-webkit-animation-duration:0.8s;transform-origin:50% 50%;-moz-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:linear;-moz-animation-timing-function:linear;-webkit-animation-timing-function:linear;border-bottom:1px solid #C6EB04;padding:11px 0;color:#C6EB04;font-size:26px!important;font-family:ge_dinar,Great Vibes;line-height:0}h0eader.header section.header11 .nav{padding-top:0px;text-align:right;height:40px;padding-bottom:15px;float:left;margin:0 0 0 -13px;width:660px}h0eader.header section.header11 .nav li{display:inline!important;font-weight:normal!important;padding:4px 15px 0 7px!important;float:right;position:relative}h0eader.header section.header11 .nav li ul{position:absolute;right:-10px;background-color:rgba(0,0,0,0.73);background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0qMiwjqCkCZAsE0l4Wu_yj3crurjn6N3bgA4pINeHm12N02TnvcL1LPZtVBx4xXzgygbUY0IvclMzxGwK-_oZs1h7B5tCKpltVagLBtfDk6_AhHRwx74b_nlW7cnhATXm5n62-I8Ml8ap/s1600/pattern.png');top:20px;display:none}h0eader.header section.header11 .nav li ul li{width:103px;text-align:right;background-position:right center;margin-right:10px;line-height:2;padding:5px 21px 5px 5px!important}h0eader.header section.header11 .nav li:hover ul{display:block}h0eader.header section.header11 .nav a{font-size:12px!important;font-family:ge_dinar_tworegular;font-weight:bold!important;color:#A6A6A6;text-shadow:0 -1px 1px rgba(2,2,2,0.9);text-transform:uppercase;padding:16px 0}h0eader.header section.header11 .nav a:hover{color:#C6EB04;text-shadow:0 0 10px #C6EB04,0px 0 20px #C6EB04,0px 0 30px #C6EB04}footer.footerwrap{position:relative;margin:0 auto;width:100%;z-index:0;color:#fff;text-align:right;font-size:11px;background-color:transparent!important;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM4Iw5yPW1oFKl38NXrrQ0mUyG61ZchQ48e57QArX_PdoCcJLevH31tMPwD8FpxrULnS8B3tqYAEu_eTWK_E-jl8ISpQAdi5cCdp8mpU_7e3g1xEGC0y8Rg_tdp25LwS14_dV9vXZNb5M8/s1600/top-arrow.png);background-repeat:repeat-x;background-position:top center;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.9) inset;-moz-box-shadow:0 2px 5px rgba(0,0,0,.9) inset;box-shadow:0 2px 5px rgba(0,0,0,.9) inset}
</style><b:if cond='data:blog.url == data:blog.homepageUrl'><style>
/*----------css rensponsiv home welcom-----------------*/
.ayana-welcome{display:none;bakground:#111;}
@media screen and (max-width:1208px){#0content-wrapper{max-width:95%;width:95%}}@media screen and (max-width:1060px){h0eader.header section.header11 .nav{width:73%}h0eader.header section.header11{width:87%}#time >nav.clock{margin:0 auto;padding:30px 0!important}}@media screen and (max-width:980px){h0eader.header section.header11{width:94%}h0eader.header section.header11 .nav li{padding:4px 5px 0 5px!important}h0eader.header section.header11 .nav{width:72%}.container{padding-right:0;padding-left:0}.colll3{width:34.5%}ul.label-post{display:none}h0eader.header section.header11 .nav a{font-size:11px!important}}@media only screen and (min-width:769px){#menu-2{display:none}}@media only screen and (max-width:768px){.menu_btn {display: block!important;}h0eader.header {display: block!important;}#menu-2{display:block!important;text-align:center;float:left;background:none repeat scroll 0% 0% rgba(20,20,19,0.8);width:2.2em;margin:9px 22px;font-size:24px;border-radius:6px;border:solid 2px #1E1E1E}section.header11 .nav{display:none;width:96%!important;background:none repeat scroll 0% 0% rgba(20,20,19,0.8);height:auto!important;margin-top:-14px!important;float:right!important;padding:5px!important;border-radius:6px!important;z-index:10000!important}.nav.js{display:none}h0eader.header section.header11 .nav li ul li{width:100%;text-align:right;margin-right:15px;line-height:2;padding:5px 21px 5px 5px!important;background:none!important}h0eader.header section.header11 .nav li{padding:4px 15px 0 9px!important;width:100%}h0eader.header section.header11 .nav li ul{position:relative!important;right:8px;background-image:none!important;background-color:none!important;display:block!important}h0eader.header section.header11 .nav li{background-image:none!important}.post-labels:before{font-size:8pxكmargin:0 -5px 0 2px}.colll3 .post-labels a:before{margin:0 3px 0 6px}.post-snippet:before{font-size:9px}.colll1 img{display:block}.colll2{width:36.5%;font-size:9px}.colll3{width:27.5%;font-size:8px!important;line-height:2}.colll4{width:4em;height:4em;margin:2px 8px 0 0}#content-wrapper{max-width:92%;width:92%}.colll2 h3{line-height:1em;margin:0;padding:4px 0 0 10px;font-size:10px!important}.g-profile:before{font-size:9px;margin:0 0 0 5px}.sosialbutton ul li a{line-height:21px;margin:0 6px 0 0!important}.sosialbutton ul li a{width:20px;height:20px}#logo-home{height:auto!important}#time{width:100%!important;float:none;margin-right:0!important;height:78px!important}#time >nav.clock{padding:0!important}#wrap2{padding-top:32px!important}div#phone{width:96%!important}nav.top-menu-home{width:90%!important}nav.top-menu-home a:link,nav.top-menu-home a:visited{width:17.9%!important}}@media screen and (max-width:530px){.colll1{width:90px}nav.top-menu-home a:link,nav.top-menu-home a:visited{margin:-8px 0 0 24px!important}.colll2{width:40.5%}.colll3{width:34.5%}.colll4{display:none}.post{margin:0 0 8px 0;padding:5px}#wrap2{padding-top:35px}.row .threecol{width:100%!important;text-align:center!important;line-height:1.7!important}footer.footerwrap .footergrd{max-width:100%}.footergrd-c3{width:100%!important;margin:5px 15px}.footergrd-c2{width:100%;margin:5px 20px}div#phone h2.phone-number{display:none!important}nav.top-menu-home a.blog:before,nav.top-menu-home a.about:before,nav.top-menu-home a.archive:before,nav.top-menu-home a.contact:before{width:25px!important;height:25px!important;border:4px solid #888!important;font-size:13px}}@media only screen and (max-width:420px){.colll1{width:88px}.colll2{width:36.5%}.colll3{width:30.5%}.colll4{display:none}.colll3 .post-labels{display:none}.sosialbutton{float:right;margin:10px -14px 0;height:23px;width:135px}.sosialbutton ul li a{width:15px;height:15px}.sosialbutton ul li a{line-height:17px;margin:0 5px 0 0!important}.sosialbutton ul li a:before{font-size:9px}nav.top-menu-home a.blog:before,nav.top-menu-home a.about:before,nav.top-menu-home a.archive:before,nav.top-menu-home a.contact:before{width:20px!important;height:20px!important;line-height:1.87em!important;border:4px solid #888!important;line-height:1.2!important}div#phone h2.phone-number{display:none!important}nav.top-menu-home a:link,nav.top-menu-home a:visited{width:16.9%!important;font-size:12.50px!important}}@media only screen and (max-width:360px){.colll3 .post-labels{display:none}nav.top-menu-home a.blog:before,nav.top-menu-home a.about:before,nav.top-menu-home a.archive:before,nav.top-menu-home a.contact:before{width:15px!important;height:16px!important;font-size:12px!important;border:2px solid #888!important}nav.top-menu-home a:link,nav.top-menu-home a:visited{margin:-8px 0 0 18px!important;font-size:12px!important}.colll3{width:66%}.post-author vcard{display:none}.colll2{width:66%}.post{margin:0 0 8px 0;padding:5px}.sosialbutton{display:none}#menu-2{width:1.2em}}#MBT-REDIRECTION{display:none;background:#111;width:100%;height:100%}</style></b:if><script src='https://ayana-tech1.googlecode.com/svn/Ayana/clock-home.js' type='text/javascript'/><a href='http://ayanatech.blogspot.com/'/><link href='http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>
</head>
<body>
<div class='tools-bar' style='display:none;'><span class='iframe simptip-position-top' data-tooltip='اتصل بنا' href='http://www.123contactform.com/form-1081027/-' id='Love-ayana' style='padding-left:0px;padding-right:4px;margin-right:0;border-radius: 0;background: #C6EB04;color: #000;'><a href='http://www.123contactform.com/form-1081027/-' style='color: #fff;' target='_blank'><i class='fa fa-envelope' style='padding-left:4px;color: #000;'/></a></span><span class='simptip-position-top' data-tooltip='إنضم للأعضاء' href='https://www.blogger.com/follow-blog.g?blogID=295450615618330528' id='Love-ayana' style='padding-left: 0px;padding-right: 4px;margin-right: 0;border-radius: 0;background: #C6EB04;color: #000;'><a href='https://www.blogger.com/follow-blog.g?blogID=295450615618330528' style='padding-left:3px;' target='_blank'><i class='fa fa-user' style='color: #000;'/></a></span><span class='simptip-position-top' data-tooltip='طباعه الصفحه' href='javascript:window.print()' id='Love-ayana' style='margin-right: 0;border-radius: 0;background: #C6EB04;color: #000;'><a href='javascript:window.print()' style='padding: 3px;color: #fff;'><i class='fa fa-print' style='padding-left: 0px;padding-right: 4px;color: #000;'/></a></span><span class='simptip-position-top' data-tooltip='الصعود إلي اعلي' href='#' id='Love-ayana' style='padding-left: 0px;padding-right: 4px;margin-right: 0;border-radius: 0;background: #C6EB04;color: #000;'><a href='#' style='padding: 10px;color: #fff;'><i class='fa fa-arrow-up' style='padding-left:4px;color: #000;'/></a></span><span class='simptip-position-top' data-tooltip='عوده للخلف' href='javascript:history.go(-1)' id='Love-ayana' style='padding-left: 0px;padding-right: 4px;margin-right: 0;border-radius: 0;background: #C6EB04;color: #000;'><a href='javascript:history.go(-1)' style='padding: 5px;color: #fff;'><i class='fa fa-arrow-right' style='padding-left:4px;color: #000;'/></a></span><span class='simptip-position-top' data-tooltip='إعاده تحميل الصفحه' href='javascript:window.location.reload()' id='Love-ayana' style='padding-left: 0px;padding-right: 4px;margin-right: 0;border-radius: 0;background: #C6EB04;color: #000;'><a href='javascript:window.location.reload()' style='padding: 5px;color: #fff;'><i class='fa fa-undo' style='padding-left:4px;color: #000;'/></a></span></div><b:if cond='data:blog.url == data:blog.homepageUrl'><div id='layout'><div id='pxsdrf' style=' margin-bottom: 50px; '><div class='bg-1x88z1'/><div id='wrap2'><div id='content-wrapper' style=' margin-top: 63px; '><header class='clearfix'><div id='time'><nav class='clock'><ul><li id='hours'/><li class='point'>:</li><li id='min'/><li class='point'>:</li><li id='sec'/></ul><div id='Date'/></nav></div><div class='clearfix' id='phone'><h2 class='phone-number'><cufon alt='+62 ' class='cufon cufon-canvas' style='width: 85px; height: 40px;'><canvas height='39' style='width: 115px; height: 39px; top: 0px; right: -1px;' width='115'/></cufon><cufon alt='857-6747-1247' class='cufon cufon-canvas' style='width: 285px; height: 40px;'><canvas height='39' style='width: 305px; height: 39px; top: 0px; right: -1px;' width='305'/></cufon></h2><h6 class='call'/></div><nav class='top-menu-home'><div class='container clearfix'><a class='tip blog' href='/search/?max-results=9'><tip>دخول المدونه</tip></a><span class='divider'/><a class='tip about' href='/search/label/قوالب بلوجر'>القوالب <tip>القوالب</tip></a><span class='divider'/><a class='contact' href='/search/label/قوالب مدفوعه'>اعمالي</a><span class='divider'/><a class='iframe archive' href='http://www.123contactform.com/form-1081027/-'>اتصل بنا</a></div></nav></header><br style='clear:both'/><div id='logo-home'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-QvtO-62yE9BhW7JiO3LET6SdsoqG9GXm9v7P3RM9O1ibwEnrP350wosCvdDE7bFzrWIAsZx293o27-7uzOwvZMgsAB9QBu00TDeTUbx32GNIVjF2NFOdtofj2RGuMlOw2ciw7dfmILs/s1600/hanan-hom-logo.png' style='margin:45px 9px 0px 0px;'/></div><div class='container'><div class='row'><div class='threecol'><h5><cufon alt='kopizine' class='cufon cufon-canvas' style='width:117px;height:23px;'><canvas height='23' style='width:125px;height:23px;top:0;right:0;' width='125'/>قوالب مجانيه</cufon></h5><p>ميز مدونتك بافضل قوالب بلوجر المجانيه الاحترافيه التي تزيد مدونتك جمالا واحترافيه والتي بدورها تزيد من اقبال الزوار عليها </p></div><div class='threecol'><h5><cufon alt='kopizine' class='cufon cufon-canvas' style='width:117px;height:23px;'><canvas height='23' style='width:125px;height:23px;top:0;right:0;' width='125'/>قوالب مدفوعه</cufon></h5><p>اجعل مدونتك افضل مدونة من حيث التصميم الخلاب الذي ستحصل عليه وفق احدث معايير الويب والذي سيكون تصميم خاص وحصري بمدونتك بسعر مميز </p></div><div class='threecol'><h5><cufon alt='kopizine' class='cufon cufon-canvas' style='width:117px;height:23px;'><canvas height='23' style='width:125px;height:23px;top:0;right:0;' width='125'/>اضافات بلوجر</cufon></h5><p>احصل على احدث الاضافات والادوات الخدميه والتفاعليه مجانا والتي تزيد من انسيابية مدونتك واحترافيتها وتجعلها مدونه متكامله من حيث الشكل والمحتوى </p></div><div class='threecol last'><h5><cufon alt='Tentang' class='cufon cufon-canvas' style='width:120px;height:23px;'><canvas height='23' style='width:126px;height:23px;top:0;right:0;' width='126'/>دعم فني</cufon></h5><p>دعم فني مجاني لجميع مشاكل مدونات بلوجر ومحاولة الرد على جميع استفسارات زوار المدونه ومساعدتهم للارتقاء بمدوناتهم الى الاعلى </p></div></div></div></div></div></div></div></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<header class='header' style='margin-top: -820px!important;'>
<section class='header11'>
<div id='logo'><li class='s-home'>
<a href='/'>مدونة ويب نايت</a></li></div>
<nav class='nav'><ul><li><a href='/search/?max-results=9'>
<i class='fa fa-file'/> المدونه</a></li>
<li><a href='/search/label/قوالب بلوجر'>
<i class='fa fa-paint-brush'/>قوالب بلوجر</a><ul>
<li><a href='/search/label/قوالب بلوجر'>قوالب مجانيه</a></li>
<li><a href='/search/label/قوالب مدفوعه'>اعمالي</a></li></ul></li>
<li><a href='/search/label/اضافات بلوجر'><i class='fa fa-briefcase'/>اضافات بلوجر</a><ul>
<li><a href='/search/label/اضافات بلوجر'>جي كويري</a></li><li><a href='/search/label/اضافات بلوجر'>تعليقات</a></li>
<li><a href='/search/label/اضافات بلوجر'>ازرار + ايقونات</a></li>
<li><a href='/search/label/اضافات بلوجر'>CSS3 + CSS</a></li>
<li><a href='/search/label/اضافات بلوجر'>سلايدرشو</a></li></ul></li>
<li><a href='#'><i class='fa fa-code'/>ادوات بلوجر</a><ul>
<li><a href='http://ayanatech.blogspot.com/p/blog-page_22.html'>محرر الاكواد</a></li>
<li><a href='http://ayanatech.blogspot.com/p/ayana-tech.html'>محول الاكواد</a></li>
<li><a href='http://ayanatech.blogspot.com/p/blog-page_8.html'>اكواد الالوان</a></li>
<li><a href='http://ayanatech.blogspot.com/p/blog-page_5.html'>فوتوشوب اونلاين</a></li></ul></li>
<li><a href='#'><i class='fa fa-archive'/>الارشيف</a></li>
<li><a href='#'><i class='fa fa-life-ring'/>الدعم الفني</a></li>
<li><a class='iframe' href='http://www.123contactform.com/form-1081027/-'><i class='fa fa-user'/>اتصل بنا</a></li></ul></nav>
</section><li id='ribbon'/></header>
</b:if>
<div class='ayana-welcome'>
<div id='layout'>
<div id='pxsdrf'>
<header class='header'>
<section class='header11'>
<div id='logo'><li class='s-home'>
<a href='/'>مدونة ويب نايت</a></li></div>
<nav class='nav'><ul><li><a href='/search/?max-results=9'>
<i class='fa fa-file'/> المدونه</a></li>
<li><a href='/search/label/قوالب بلوجر'>
<i class='fa fa-paint-brush'/>قوالب بلوجر</a><ul>
<li><a href='/search/label/قوالب بلوجر'>قوالب مجانيه</a></li>
<li><a href='/search/label/قوالب مدفوعه'>اعمالي</a></li></ul></li>
<li><a href='/search/label/اضافات بلوجر'><i class='fa fa-briefcase'/>اضافات بلوجر</a><ul>
<li><a href='/search/label/اضافات بلوجر'>جي كويري</a></li><li><a href='/search/label/اضافات بلوجر'>تعليقات</a></li>
<li><a href='/search/label/اضافات بلوجر'>ازرار + ايقونات</a></li>
<li><a href='/search/label/اضافات بلوجر'>CSS3 + CSS</a></li>
<li><a href='/search/label/اضافات بلوجر'>سلايدرشو</a></li></ul></li>
<li><a href='#'><i class='fa fa-code'/>ادوات بلوجر</a><ul>
<li><a href='http://ayanatech.blogspot.com/p/blog-page_22.html'>محرر الاكواد</a></li>
<li><a href='http://ayanatech.blogspot.com/p/ayana-tech.html'>محول الاكواد</a></li>
<li><a href='http://ayanatech.blogspot.com/p/blog-page_8.html'>اكواد الالوان</a></li>
<li><a href='http://ayanatech.blogspot.com/p/blog-page_5.html'>فوتوشوب اونلاين</a></li></ul></li>
<li><a href='#'><i class='fa fa-archive'/>الارشيف</a></li>
<li><a href='#'><i class='fa fa-life-ring'/>الدعم الفني</a></li>
<li><a class='iframe' href='http://www.123contactform.com/form-1081027/-'><i class='fa fa-user'/>اتصل بنا</a></li></ul></nav>
</section><li id='ribbon'/></header>
<div id='wrap2'>
<div id='content-wrapper'>
<div class='container' id='heden'>
</div>
<b:section id='main-wrapper'>
<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog'>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'/>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<div class='puertoColor'/>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='blog-pager1'>
<ul class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<li id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</li>
</b:if>
<b:if cond='data:olderPageUrl'>
<li id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</li>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</ul>
<div class='clear'/>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4><data:post.commentLabelFull/>:</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
</b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</b:if>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</a>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<b:include data='post' name='comment_count_picker'/>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='puertoColor'/>
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<style>
.hreview{display:none}
</style>
<div class='hreview'>
<span typeof='v:Review-aggregate' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span rel='v:rating'>
<span typeof='v:Rating'>
<span property='v:average'>100</span>
<span property='v:best'>100</span>
</span>
</span>
<span property='v:votes'>100</span>
</span>
</div>
<b:if cond='data:post.thumbnailUrl'>
<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comment_count_picker'/>
</b:if>
</b:if>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<ul class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<li id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</li>
</b:if>
<b:if cond='data:olderPageUrl'>
<li id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</li>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</ul>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<article class='post'>
<b:if cond='data:post.firstImageUrl'>
<a expr:content='data:post.firstImageUrl'/>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.thumbnailUrl'>
<div class='img-thumbnail'><span class='overlay'/><span class='medal'/>
</div>
<a xpr:id='"post-body-" + data:post.id'/>
<h3 class='post-title' itemprop='name'>
<a expr:href='data:post.url' expr:title='data:post.title'/>
</h3>
</b:if>
</b:if>
</b:if>
<b:if cond='data:post.title'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
<b:else/>
</b:if>
<b:else/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style>
.hreview{display:none}
</style>
<div class='hreview'>
<span typeof='v:Review-aggregate' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span rel='v:rating'>
<span typeof='v:Rating'>
<span property='v:average'>100</span>
<span property='v:best'>100</span>
</span>
</span>
<span property='v:votes'>100</span>
</span>
</div>
<div class='colll1'>
<img expr:alt='data:post.title' expr:href='data:post.url' expr:src='data:post.firstImageUrl'/>
</div>
<div class='colll2'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<i class=''/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<div class='sosialbutton'>
<ul>
<li><a class='goog-inline-block share-button sb-email' href='https://mail.google.com' target='_blank' title='إرسال بالبريد الإلكتروني'>
<span class='share-button-link-text'>Email This</span></a>
</li>
<li><a class='goog-inline-block share-button sb-blog' href='https://draft.blogger.com/home' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='كتابة مدونة حول هذه المشاركة'><span class='share-button-link-text'>كتابة مدونة حول هذه المشاركة</span>
</a></li>
<li><a class='goog-inline-block share-button sb-twitter' expr:href='"http://twitter.com/home?status=" + data:post.title + " -- " + data:post.url' target='_blank' title='المشاركة في Twitter'>
<span class='share-button-link-text'>‏المشاركة في Twitter</span></a></li>
<li><a class='goog-inline-block share-button sb-facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title="+ data:post.title' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='المشاركة في Facebook'>
<span class='share-button-link-text'>‏المشاركة في Facebook</span>
</a></li>
<li><a class='goog-inline-block share-button sb-pinterest' expr:href='"https://plus.google.com/share?url=" + data:post.url + ""' target='_blank'><span class='share-button-link-text'>.to google+</span></a></li>
</ul>
</div>
</div>
<div class='colll3'>
<span class='post-labels'>
التسميات:
<b:if cond='data:post.labels'>
<i class=''/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
<span class='post-snippet'>
<data:post.snippet/>
</span>
</div>
<div class='colll4'>
<a class='numcomment' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>0 <span class='labelscomment'>تعليق</span> </b:if> <b:if cond='data:post.numComments == 1'> 1 <span class='labelscomment'>تعليق</span></b:if>
<span class='numcomment' style=' font-size: 1em; line-height: 0.5em !important; margin-top: 1px;color:#5D9F5E;'><b:if cond='data:post.numComments > 1'>
<data:post.numComments/></b:if>
</span>
<b:if cond='data:post.numComments > 1'><span class='labelscomment'>تعليق</span></b:if>
</a>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
<b:include data='post' name='postQuickEdit'/>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<data:post.body/>
<div style='clear:both;'/>
</div>
<b:else/>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<div>
</div>
<div style='clear:both;'/>
</div>
</b:if>
<b:else/>
<!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<div class='post-home'>
</div>
</div>
<div class='post-info'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<data:post.body/>
<center>
<div class='clear'/>
<div id='jalal-share'>
<div id='button-count-share'>
<div class='facebook button-share'><i class='ikons'><i class='fa fa-facebook'/></i>
<div class='slide-share'>
<p>مشاركه</p>
</div>
<a class='fb-share-button' name='fb_share' rel='nofollow' share_url='"http://www.facebook.com/sharer.php?u=" + data:blog.url' type='button_count'/>
</div>
<div class='facebook button-share'><i class='ikons'><i class='fa fa-facebook'/></i>
<div class='slide-share'>
<p>اعجاب</p>
</div>
<div class='fb-like' data-action='like' data-layout='button_count' data-share='false' data-show-faces='false'/>
</div>
<div class='google button-share'><i class='ikons'><i class='fa fa-google-plus'/></i>
<div class='slide-share'>
<p>+ مشاركه </p>
</div>
<div class='g-plusone' data-count='true' data-size='medium' expr:data-href='data:post.url' rel='nofollow'/>
<script type='text/javascript'>
window.___gcfg = {lang: 'id'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
<div class='twitter button-share'><i class='ikons'><i class='fa fa-twitter'/></i>
<div class='slide-share'>
<p>غرد تغريده</p>
</div>
<a class='twitter-share-button' data-count='horizontal' data-related='' data-via='' href='http://twitter.com/share' title='Share via Twitter'>تغريد</a>
<script async='async' src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div class='clear'/>
</div></div>
<div class='clear'/>
</center>
<div class='post-footer'>
<style>
.post-footer {
background-color: rgb(223, 241, 245);
border-radius: 4px;
overflow: hidden;
padding: 4px 15px 0px;
border: 1px solid rgb(176, 227, 246);
}
</style>
<div class='profil-image-home'>
<a href='/'>
<img class='profile-img' id='profil' src='http://s8.postimg.org/okq46hpet/16432.jpg' width='72'/></a>
<div class='profil-image-icon'>
<a class='fb' href='https://www.facebook.com/profile.php?id=100003075260217' target='_blank'/>
<a class='twitter' href='https://twitter.com/H_S_R1' target='_blank'/>
<a class='google-plus' href='/' rel='publisher' target='_blank'/>
</div></div>
<div class='profil-dep-home'><p>
اسامة عبد الرضا : من الجمهورية العراقية , إهتمام وتخصص في تصميم قوالب بلوجر كذلك التصاميم العامة أعمل حر , حب وعشق للأجهزة ابل وبألعاب الفيديو أيضا مترجم أفلام ومسلسلات وبرامج تلفزيونية إنجليزية.
<a href='https://www.facebook.com/osama.barcelona.26' style='text-decoration: none;'>صفحتي على الفيس بوك من هنا</a></p></div>
<div class='post-footer-line post-footer-line-1'>
<span class='reaction-buttons'>
</span>
<span class='star-ratings'>
</span>
<span class='post-backlinks post-comment-link'>
</span>
</div></div>
<style>
/* CSS Related Posts Ar1web */
.related-post{margin:10px 0;border-radius:3px;}
.titlehead{margin:0 4px 10px;font-size:15px;border-bottom:3px solid #ecf0f1;color:3px solid #F5F5F5;font-weight:700;padding-bottom:2px;background: url("https://jetara.googlecode.com/svn/trunk/header-6.png") repeat-x scroll 0% 0% #32ADCE !important;
color: #FFF !important;
padding: 13px !important;
text-align: center !important;
margin: 0px 0px 20px;border-radius:3px;}
.titlehead span{border-bottom:3px solid #F5F5F5;padding-bottom:4px;}
.related-post{margin:1em auto 0;background: #F5F5F5;border: 1px solid #ddd;}
.related-post-style-3,.related-post-style-3 li{margin:0;padding:0;list-style:none;word-wrap:break-word;overflow:hidden;}
.related-post-style-3 .related-post-item{float:right;width:322px;height:auto;margin:0 3px;margin-bottom:-993px;padding-bottom:999px;outline:0;}
.related-post-style-3 .related-post-item:first-child{border-left:none;}
.related-post-style-3 .related-post-item-thumbnail{max-width:none;max-height:none;padding:0;float:right;}
.related-post-style-3 .related-post-item-title{font-weight:500;font-size:14px;margin-right: 10px;}
div.rel-item-post{background:#DFF1F5;padding:8px;border:1px solid #A4D4D0;}
div.rich-snippet{padding:7px 7px 20px;margin:10px 0;background:#eee;border-top:1px solid #DBDBDB;font-size:12px;color:#525252;line-height:1.6em;font-family: Electrolize,ge_ss_threeregular;border: 1px solid #DFDDDD;}
div.st_share{margin:10px 0;}
div.rich-snippet span{color:#727272;}
</style>
<div class='related-post' id='related-post'/>
<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
"<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop></b:if>];
var relatedPostConfig = {
homePage: "<data:blog.homepageUrl/>",
widgetTitle: "<h3 class='titlehead'><span>تدوينات ذات صلة:</span></h3>",
numPosts: 6,
summaryLength: 0,
titleLength: "auto",
thumbnailSize: 65,
noImage: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",
containerId: "related-post",
newTabLink: false,
moreText: "Read More",
widgetStyle: 3,
callBack: function() {}
};
</script>
<script src='https://ar1web-com.googlecode.com/svn/Hm/related%20posts.js' type='text/javascript'/>
<div style='clear: both;'/>
</div>
</b:if>
</article>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
<div style='clear:both'/>
</div></div>
<div class='footcol' id='fcol1'/>
<footer class='f0ooterwrap'>
<div class='footerbody'>
<article class='footergrd'>
<div class='footergrd-m1'/>
<b:section class='footergrd-c2' id='footer1'>
<b:widget id='HTML2' locked='false' title='اصدقاء المدونه على فيس بوك' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<div class='footergrd-m2'/>
<b:section class='footergrd-c2' id='footer'>
<b:widget id='PopularPosts1' locked='false' title='الاكثر زيارة' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='footergrd-m3'/>
<b:section class='footergrd-c2' id='footer3'>
<b:widget id='PopularPosts2' locked='false' title='الاكثر زيارة' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<br style='clear:both'/>
</article>
</div>
<p class='pad_t_15'>Designed by © <span/><a href='http://alb33dani.blogspot.com'>albaadani</a> - Copyright </p>
</footer>
</div></div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
// Create two variable with the names of the months and days in an array
var monthNames = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ];
var dayNames= ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]
// Create a newDate() object
var newDate = new Date();
// Extract the current date from Date object
newDate.setDate(newDate.getDate());
// Output the day, date, month and year
$('#Date').html(dayNames[newDate.getDay()] + " " + newDate.getDate() + ' ' + monthNames[newDate.getMonth()] + ' ' + newDate.getFullYear());
setInterval( function() {
// Create a newDate() object and extract the seconds of the current time on the visitor's
var seconds = new Date().getSeconds();
// Add a leading zero to seconds value
$("#sec").html(( seconds < 10 ? "0" : "" ) + seconds);
},1000);
setInterval( function() {
// Create a newDate() object and extract the minutes of the current time on the visitor's
var minutes = new Date().getMinutes();
// Add a leading zero to the minutes value
$("#min").html(( minutes < 10 ? "0" : "" ) + minutes);
},1000);
setInterval( function() {
// Create a newDate() object and extract the hours of the current time on the visitor's
var hours = new Date().getHours();
// Add a leading zero to the hours value
$("#hours").html(( hours < 10 ? "0" : "" ) + hours);
}, 1000);
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[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}('$(".0").1("3");$(".0").1("3").9(\'<4 b="5-2"><a><i c="6 6-d"/></a></4>\');$("#5-2").e(7(){$(".0").f()});$("8").g(7(){h(8.j>k){$(".0").l("m")}});',23,23,'nav|addClass||js|div|menu|fa|function|window|before||id|class|bars|click|toggle|resize|if||innerWidth|768|removeAttr|style'.split('|'),0,{}))
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
jQuery('a').each(function() {
// Let's make external links open in a new window.
var href = jQuery(this).attr('href');
if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {
jQuery(this).attr("target", "_blank");
}
});
//]]>
</script>
<div class='socialsider socialsider_left_middle socialsider_fixed socialsider_bgcolor_white socialsider_radius socialsider_spacer socialsider_opacity socialsider_hidden '><ul>
<li><a data-socialsider='facebook' href='https://www.facebook.com/profile.php?id=100003075260217' title='Facebook'><i class='fa fa-facebook'/></a></li>
<li><a data-socialsider='twitter' href='https://twitter.com/H_S_R1' title='Twitter'><i class='fa fa-twitter'/></a></li>
<li><a data-socialsider='youtube' href='https://www.youtube.com/channel/UCWnB8K2JFwQpR5d3wyRW8Aw' title='YouTube'><i class='fa fa-youtube'/></a></li>
<li><a data-socialsider='instagram' href='http://instagram.com/hanansr1/' title='Instagram'><i class='fa fa-instagram'/></a></li>
<li><a data-socialsider='tumblr' href='https://www.tumblr.com/blog/hanan1435' title='Tumblr'><i class='fa fa-tumblr'/></a></li>
</ul></div>
<style>
.socialsider_left_middle a:hover {opacity: 1111;}
.socialsider { width:70px; display:block; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
.socialsider ul { list-style-type:none; margin:0; padding:0; }
.socialsider li { margin:0; padding:0; }
.socialsider a { overflow:hidden; height:41px;display:block; text-decoration:none; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; position:relative;}
.socialsider a::after { display:block; font-family:'socicon'; text-decoration:none; font-size:20px; padding:10px; position:absolute;left:0;top:0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; }
.socialsider_fixed { position:fixed; }
.socialsider_absolute { position:absolute; }
/* Effects */
.socialsider_radius a { border-radius:5px; }
.socialsider_shadow a { -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);box-shadow: 0 0 2px 2px rgba(0,0,0,0.2); }
.socialsider_opacity a { opacity:0.6; }
.socialsider_opacity a:hover::after { opacity:1; }
.socialsider_spacer a { height:42px; margin-bottom:1px; }
.socialsider.socialsider_bgcolor_white a i {font-size: 23px;margin: 9px 10px 0px 0px;}
.socialsider_left_middle { left:-30px; top:30%; }
.socialsider_left_middle.socialsider_hidden { left:-45px;}
.socialsider_left_middle.socialsider_hidden:hover { left:-25px; }
.socialsider_left_middle a { left:0px;}
.socialsider_left_middle a::after { padding-left:40px; }
.socialsider_left_middle a:hover { left:10px; }
.socialsider.socialsider_bgcolor_white a{ color:#FFF;}
.socialsider.socialsider_bgcolor_white a[data-socialsider='twitter']{ background:#4da7de;}
.socialsider.socialsider_bgcolor_white a[data-socialsider='facebook'] { background:#3e5b98;}
.socialsider.socialsider_bgcolor_white a[data-socialsider='youtube']{ background:#e02a20;}
.socialsider.socialsider_bgcolor_white a[data-socialsider='instagram'] { background:#E5C538;}
.socialsider.socialsider_bgcolor_white a[data-socialsider='blogger']{ background:#ec661c;}
.socialsider.socialsider_bgcolor_white a[data-socialsider="tumblr"]{background:#45556C;}
</style>
<script type='text/javascript'>
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
</script><script src='https://www.blogger.com/static/v1/widgets/3220738932-widgets.js' type='text/javascript'/>
</div>
</body>
</html>
طريقة تغير القالب عن طريق نسخ و لصق الكود
0 التعليقات:
إرسال تعليق