<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' 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>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
(function() {
var gads = document.createElement('script');
gads.async = true;
gads.type = 'text/javascript';
var useSSL = 'https:' == document.location.protocol;
gads.src = (useSSL ? 'https:' : 'http:') +
'//www.googletagservices.com/tag/js/gpt.js';
var node = document.getElementsByTagName('script')[0];
node.parentNode.insertBefore(gads, node);
})();
</script>
<meta content='width=1100' name='viewport'/>
<meta content='مدونة دروس الفوتوشوب هي مدونة تهتم بوضع دروس وملحقات للفوتوشوب والخطوط والملفات المفتوحة وبرامج التصميم والفلاتر ' name='description'/>
<meta content='index, follow' name='robots'/>
<meta content='دورة دروس الفوتوشوب تحميل فوتوشوب 2014 برنامج فوتوشوب 2014 فوتوشوب ps برنامج فوتوشوب 2013 طريقة تحميل فوتوشوب دورة فوتوشوب احترافية برامج فوتوشوب 2014 فوتوشوب فيديو فوتوشوب انجليزي فوتوشوب فوتوشوب فوتوشوب-صور برنامج موقع تصاميم فوتوشوب موقع تصميم فوتوشوب فوتوشوب موقع كتاب فوتوشوب فوتوشوب تحميل 2014 مواقع فوتوشوب 2014 تحميل فوتوشوب فيديو برنامج فوتوشوب للفيديو دورة فوتوشوب اون لاين فيديو تصميم فوتوشوب فوتوشوب برامج تيليشارجي فوتوشوب مجانا طريقة تنزيل فوتوشوب برنامج الادوبي فوتوشوب برنامج فوتوشوب الفيديو تصاميم فوتوشوب مع الملحقات,dorossps , lessons photoshop , adobe photoshop , cs4 , cs5 , CS6 ,CC , cs7 , فكتور , بلوجر , سيو , فوتوشوب , تصميم , برمجة , شروحات , فيسبوك , تقنية ,إضافات , إنترنيت , الربح ,تطوير , programation , photoshop , blogger , facebook , psd , icons ,news' name='keywords'/>
<meta content='ben anas' name='author'/>
<meta content='ll-cc' http-equiv='content-language'/>
<meta content='blogger' name='generator'/>
<meta content='ar' name='language'/>
<meta content='(c) 2014 dorossps' name='copyright'/>
<meta content='blogger' name='generator'/>
<meta content='index, follow, ydir, odp, imageindex' name='googlebot'/>
<meta content='index, follow, ydir, odp, archive' name='slurp'/>
<meta content='index, follow, ydir, odp, archive' name='bingbot'/>
<meta content='2 hours' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='index, follow' name='robots'/>
<meta content='morocco' name='country'/>
<meta content='ben.anas' property='fb:admins'/>
<meta content='' property='fb:app_id'/>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title>
<b:else/>
<title>
<b:if cond='data:blog.pageType == "index"'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<data:blog.pageName/>
<b:else/>
Page Not Found | <data:blog.title/></b:if></b:if></title></b:if>
<link href='//www.blogger.com/static/v1/widgets/1554592164-widget_css_2_bundle_rtl.css' rel='stylesheet' type='text/css'/>
<link href='//www.blogger.com/dyn-css/authorization.css?targetBlogID=6850329966045510551&zx=8f725cbe-2331-49f1-b67a-0b1589864e41"/> ' rel='stylesheet' type='text/css'/>
<link href='http://im61.gulfup.com/c3iRi.ico' rel='shortout icon' type='image/vnd.microsoft.icon'/>
<script type='text/javascript'>
var blog = document.location.hostname;
var slug = document.location.pathname;
var ctld = blog.substr(blog.lastIndexOf("."));
if (ctld != ".com") {
var ncr = "http://" + blog.substr(0, blog.indexOf("."));
ncr += ".blogspot.com/ncr" + slug;
window.location.replace(ncr);
}
</script>
<b:skin><![CDATA[/*
-----------------------------------------------
Modify : ben anas
Web site : http://dorossps.bogspot.com
Name : template dorossps V.4.0.0
Blog name : دروس الفوتوشوب , dorossps , lessons photoshop
Design date : 2014
----------------------------------------------- */
html {overflow-x: hidden;}
.hidden{display:none;visibility:hidden}
.invisible{visibility:hidden}
::-webkit-scrollbar{background:#333;width:15px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
::-webkit-scrollbar-thumb{background:#ccc ;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);background-image:0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);background-image:0}
nav ul,ul,ol{list-style:none}
::selection,::-moz-selection{background:#ccc;color:#FFF;text-shadow:#4e265f 0 1px 0}
#navbar-iframe { display: none !important; }
/* Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#c0a154" value="#c0a154"/>
<Group description="Page Text" selector="body">
<Variable name="body.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="body.text.color" description="Text Color" type="color" default="#333333" value="#333333"/>
</Group>
<Group description="Backgrounds" selector=".main-inner">
<Variable name="body.background.color" description="Outer Background" type="color" default="#c0a154" value="#c0a154"/>
<Variable name="footer.background.color" description="Footer Background" type="color" default="transparent" value="transparent"/>
</Group>
<Group description="Links" selector=".main-inner">
<Variable name="link.color" description="Link Color" type="color" default="#cc3300" value="#cc3300"/>
<Variable name="link.visited.color" description="Visited Color" type="color" default="#993322" value="#993322"/>
<Variable name="link.hover.color" description="Hover Color" type="color" default="#ff3300" value="#ff3300"/>
</Group>
<Group description="Blog Title" selector=".header h1">
<Variable name="header.font" description="Title Font" type="font"
default="normal normal 60px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" value="normal normal 60px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
<Variable name="header.text.color" description="Title Color" type="color" default="#ffffff" value="#ffffff"/>
</Group>
<Group description="Blog Description" selector=".header .description">
<Variable name="description.text.color" description="Description Color" type="color"
default="#997755" value="#997755"/>
</Group>
<Group description="Tabs Text" selector=".tabs-inner .widget li a">
<Variable name="tabs.font" description="Font" type="font"
default="normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" value="normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
<Variable name="tabs.text.color" description="Text Color" type="color" default="#727272" value="#727272"/>
<Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#000000" value="#000000"/>
</Group>
<Group description="Tabs Background" selector=".tabs-outer .PageList">
<Variable name="tabs.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>
<Variable name="tabs.separator.color" description="Separator Color" type="color" default="transparent" value="transparent"/>
</Group>
<Group description="Date Header" selector="h2.date-header">
<Variable name="date.font" description="Font" type="font"
default="normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="date.text.color" description="Text Color" type="color" default="#997755" value="#997755"/>
</Group>
<Group description="Post" selector="h3.post-title, .comments h4">
<Variable name="post.title.font" description="Title Font" type="font"
default="normal normal 30px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" value="normal normal 30px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
<Variable name="post.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>
<Variable name="post.border.color" description="Border Color" type="color" default="#ccbb99" value="#ccbb99"/>
</Group>
<Group description="Post Footer" selector=".post-footer">
<Variable name="post.footer.text.color" description="Text Color" type="color" default="#997755" value="#997755"/>
</Group>
<Group description="Gadgets" selector="h2">
<Variable name="widget.title.font" description="Title Font" type="font"
default="normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" value="normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
<Variable name="widget.title.text.color" description="Title Color" type="color" default="#000000" value="#000000"/>
<Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#777777" value="#777777"/>
</Group>
<Group description="Footer" selector=".footer-inner">
<Variable name="footer.text.color" description="Text Color" type="color" default="#686161" value="#686161"/>
<Variable name="footer.widget.title.text.color" description="Gadget Title Color" type="color" default="#000000" value="#000000"/>
</Group>
<Group description="Footer Links" selector=".footer-inner">
<Variable name="footer.link.color" description="Link Color" type="color" default="#727272" value="#727272"/>
<Variable name="footer.link.visited.color" description="Visited Color" type="color" default="#727272" value="#727272"/>
<Variable name="footer.link.hover.color" description="Hover Color" type="color" default="#ffa116" value="#ffa116"/>
</Group>
<Variable name="body.background" description="Body Background" type="background"
color="transparent" default="$(color) url(//www.blogblog.com/1kt/watermark/body_background_birds.png) repeat scroll top left" value="$(color) url(//www.blogblog.com/1kt/watermark/body_background_birds.png) repeat scroll top left"/>
<Variable name="body.background.overlay" description="Overlay Background" type="background" color="transparent"
default="transparent url(//www.blogblog.com/1kt/watermark/body_overlay_birds.png) no-repeat scroll top right" value="transparent url(//www.blogblog.com/1kt/watermark/body_overlay_birds.png) no-repeat scroll top right"/>
<Variable name="body.background.overlay.height" description="Overlay Background Height" type="length" default="121px" value="121px"/>
<Variable name="tabs.background.inner" description="Tabs Background Inner" type="url" default="none" value="none"/>
<Variable name="tabs.background.outer" description="Tabs Background Outer" type="url" default="none" value="none"/>
<Variable name="tabs.border.size" description="Tabs Border Size" type="length" default="0" value="0"/>
<Variable name="tabs.shadow.spread" description="Tabs Shadow Spread" type="length" default="0" value="0"/>
<Variable name="main.padding.top" description="Main Padding Top" type="length" default="30px" value="30px"/>
<Variable name="main.cap.height" description="Main Cap Height" type="length" default="0" value="0"/>
<Variable name="main.cap.image" description="Main Cap Image" type="url" default="none" value="none"/>
<Variable name="main.cap.overlay" description="Main Cap Overlay" type="url" default="none" value="none"/>
<Variable name="main.background" description="Main Background" type="background"
default="transparent none no-repeat scroll top left" value="transparent none no-repeat scroll top left"/>
<Variable name="post.background.url" description="Post Background URL" type="url"
default="url(//www.blogblog.com/1kt/watermark/post_background_birds.png)" value="url(//www.blogblog.com/1kt/watermark/post_background_birds.png)"/>
<Variable name="post.border.size" description="Post Border Size" type="length" default="1px" value="1px"/>
<Variable name="post.border.style" description="Post Border Style" type="string" default="dotted" value=""/>
<Variable name="post.shadow.spread" description="Post Shadow Spread" type="length" default="0" value="0"/>
<Variable name="footer.background" description="Footer Background" type="background"
color="transparent" default="$(color) url(//www.blogblog.com/1kt/watermark/body_background_navigator.png) repeat scroll top left" value="$(color) url(//www.blogblog.com/1kt/watermark/body_background_navigator.png) repeat scroll top left"/>
<Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
default="transparent none repeat scroll top left" value=""/>
<Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
<Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
*/
/* Use this with templates/1ktemplate-*.html */
/* Content
----------------------------------------------- */
body, .body-fauxcolumn-outer {
font: 13px droidkufi-bold, tahoma;
color: #686161;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2SayndttexW7yH2kTTZatPufwJ8riEpgVqMdh2u3z_m5MgD4dHDOUs-5kZFMf5TuUB_iVy7SyjwmtQ2HBuRqW_mH_uuXliOT8mlkjqB3hZdfPvJrTsrBIM3rUgj3fpCPl0iL5xC2_CT4/s1600/body-bg7.png);
line-height: 24px;
}
.widget {
line-height: 24px;
}
html body .content-outer {
min-width: 0;
max-width: 100%;
width: 100%;
}
.stwrapper{
left: 10px !important;
}
* {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@font-face {
font-family: 'DroidKufi-Bold';
font-style: normal;
font-weight: 700;
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot);
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2) format('x-woff2'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff) format('woff'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf) format('truetype');
}
.h{
width: 100%;
background:#fff;
}
.top {
width:100%;
background:#515151;
border-bottom:1px solid #5e5e5e;
}
.top .menu1{
width: 980px;
margin: 0 auto;
}
.top .menu1 ul{
margin:0;
list-style:none;
float:right;
padding:0;
}
.top .menu1 ul li{
float:right;
}
.top .menu1 ul li a{
text-decoration: none;
font: 13px droidkufi-bold, tahoma;
color: #fff;
padding: 11px 8px 10px;
line-height: 34px;
}
.top .menu1 ul li a:hover{
color:#d8d8d8;
background:#3c3c3c;
}
#menua{
background: url(http://im88.gulfup.com/zcMD6g.png) 90px 13px no-repeat;
padding: 7px 20px;
}
#menub{
background: url(http://im88.gulfup.com/zcMD6g.png) 148px 13px no-repeat;
padding: 7px 20px;
}
#menuc{
background: url(http://im88.gulfup.com/zcMD6g.png) 85px 13px no-repeat;
padding: 7px 20px;
}
#menud{
background: url(http://im88.gulfup.com/zcMD6g.png) 111px 13px no-repeat;
padding: 7px 20px;
}
.logoandans{
padding: 30px 0;
margin: 0 auto;
width:990px;
text-align: center;
}
.logoandans .logo{ float: right;}
.logoandans .ads{ width:728px; height:90px; float:left; }
.logoandans .ads img{ width:728px; height:90px;}
.m{
width: 990px;
margin: 0 auto;
background:#1ec791;
}
.m ul{
margin:0;
list-style:none;
float:right;
padding:0;
}
.m ul li{
float:right;
}
.m ul li a{
text-decoration: none;
font-size: 12px;
font-family: droidkufi-bold, tahoma;
color: #fff;
padding: 16px 15px 16px;
line-height: 54px;
}
.m ul li a:hover{background:#3c3c3c;}
.m ul li .home{ background: #515151 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4vCslW7z3huUJ4Ac8KO2ClLxJsiAWWH4BHmObs9C8BW8Lm2YcK_YAEJKPwLCwJmd-eR9Qv1DyZ36KyZTdlVC5urdaHbfBjXwFllNCDGKAFHAnzfMplsSbg36qKvGZ88r7KQBu3veiU4A/s1600/home.png) center no-repeat;
padding: 16px 27px;}
.m ul li .home:hover{ background:#333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4vCslW7z3huUJ4Ac8KO2ClLxJsiAWWH4BHmObs9C8BW8Lm2YcK_YAEJKPwLCwJmd-eR9Qv1DyZ36KyZTdlVC5urdaHbfBjXwFllNCDGKAFHAnzfMplsSbg36qKvGZ88r7KQBu3veiU4A/s1600/home.png) center no-repeat;}
.m ul li ul{display: none;position: absolute;z-index: 99999;float: right;background: #2A2A2A;border-radius:0 0 5px 5px;}
.m ul li ul li{float: none;
margin: 0;
padding: 7px 14px;
width: 192px;
border-top: 1px solid rgb(34, 34, 34);}
.m ul li ul li a{ text-align:center; background:none;padding:0; line-height:0;}
.m ul li ul li a:hover{ text-align:center; background:none; border:none; }
.m ul li:hover > ul{ display:block; }
.m ul :hover > a{ background:#3c3c3c;}
.m ul ul :hover > a{ border:none; background: none; color:#8f8f8f;}
.recherche {
float: left;
height: 54px;
width: 150px;
}
#b-query {
width: 106px;
padding: 10px 4px 19px;
margin: 0;
background: #3c3c3c;
border: none;
float: right;
text-align: right;
color: #b5b5b5;
font: 13px droidkufi-bold, tahoma,Tahoma, Geneva, sans-serif;
}
#b-searchbtn {
float: left;
width: 36px;
height: 54px;
font: 13px droidkufi-bold, tahoma,Tahoma, Geneva, sans-serif;
background: #515151 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcpSldnMYnkwnLeS2nzbxYiozNxZkhE4a3RBLYE6l8F0rn7cgMb91EOHvDWKmidLrnVenfrc4mR8WuuT6075hS0SKcn1foQW9DEmaHpUzstGdt86Syg4Ej-EZZLaCMbNhIhIyvV2Q1fkM/s1600/srch.png) center no-repeat;
cursor: pointer;
border: none;
margin: 0;
padding: 0;
}
#b-searchbtn:hover {
background: #333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcpSldnMYnkwnLeS2nzbxYiozNxZkhE4a3RBLYE6l8F0rn7cgMb91EOHvDWKmidLrnVenfrc4mR8WuuT6075hS0SKcn1foQW9DEmaHpUzstGdt86Syg4Ej-EZZLaCMbNhIhIyvV2Q1fkM/s1600/srch.png) center no-repeat;
}
.s-social{ width: 125px; float:left; margin-top: 8px;}
.top .s-social .face{ width:20px; height:21px;float:left; margin: 7px 10px 0 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWd-PweKhdPClmhD_OgSVEAqt7CMU2dywl6rN2AkQQ0uG-L6aVshfiVAqQtcGeMI98MzFT7yTBevE6YR44xgadevEV05DUAdmaBlD624KcCb9ROZ0azTh5MKXQrkOtI_py7z2oPFFzGi0/s1600/f1.png) center no-repeat;}
.top .s-social .face:hover{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZddf6TdtUU2S2D5oeM9Qajca2XDo-KOKmjQZax7-9N6Gj29Gu48EVZCRvTvSeKd6EwinhIkaxI2w5HJki7l9G4y5SnXw-xpt_r6gkFlU5WJd-oc1CX3HTrdWlx-Vg_65BxWZOEjuygjQ/s1600/f2.png) center no-repeat; }
.top .s-social .twt{ width:20px; height:21px;float:left; margin: 7px 10px 0 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifWisigg6nMSMkUNu2WfRkvRXxN0WgO3GpIoRB3sXaczmYTIyZB8BYOFn5T_X-77YM0cJ_ZTrLvtUC57JalAjTuA_nMUPbu5Z6vuuNeumjIrLSaqNA0r65ds16ERpDYwiASB_53-ODtSU/s1600/t1.png) center no-repeat; }
.top .s-social .twt:hover{ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHAM4_urV7IcQ4GSLzATPSrVtTVA5CK4fcN3jjl-LUR4bM9kz3WL1BI1GjxSEbMyG676ydCbjMy15YEyu6CkPVNeh1-tnkYVhPldQbPP6wuTAtAew5yl1E6znuQJ-G-LbYICcUSFc8ZH8/s1600/t2.png) center no-repeat; }
.top .s-social .you{ width:20px; height:21px;float:left; margin: 7px 10px 0 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdChTBJz5PdAZ0KgVe94ImZA40cUBlDXrKxXDuNR3GTgb23ET2Q4A7ibhjoUYXeLh1OV5F3NITsISkchJe-0ghE5yNlTchwWJdhqGt1TaU-N5DdDGQ8tI8ZEP7JcV_0PSi7NqyY2Eakbo/s1600/y1.png) center no-repeat; }
.top .s-social .you:hover{ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgejIxMO0BG0VIDnhLusmbBp4Z6vJacfNSk9SiyR_Qf3ZjeYO5cKk29oYkNeShUB_m6gxUnpRVAPmhDTFpvxmMlNiE-GioH8Lon60z5HC2uH6jgkUhPsNw8Dj8vQbRaHzSV3ONKPm0Yi-w/s1600/y2.png) center no-repeat;
}
.top .s-social .r{ width:20px; height:21px;float:left; margin: 7px 10px 0 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCvucHYfboCYNzqlRCiUkiZfFNMPJDOxq_d-vvfvmxJcM0r0xyM4AoKSjqUNRr9QNtpZGkYXXna4YD2JObJAzmA84SWEVp3ROv-5JOD6nzKlm5ofpUfXi0qE6BXqoz_X93WtEVdhKQAnQ/s1600/r1.png) center no-repeat; }
.top .s-social .r:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ3Rt5qGcOtIEQ4mesleahAd40TxkG1fJRALnGg0fAs6wXq_Lg2WL6NzTIgWE2jkXxOWm80svxR92MUUIdDf4sIF9jh3pIeV9aVjT9PQYWNjdMGVJQY1YPYPoxkjjClgjyfHkLVpMJlVI/s1600/r2.png) center no-repeat; }
.ins{
width: 100%;
height:63px;
margin-top:19px;
}
#navhead{
margin-top: 10px;
margin-bottom: -10px;
}
#byard-topsubsbox {background: #fff;
background: #fff;
width: 961px!important;
height: 90px!important;
margin-top: 20px;
padding: 10px;
border: 1px solid #ddd;
overflow: hidden;
margin: 0 auto;}
#subscriptionsection {float: right;
border-left: 1px solid rgb(168, 168, 168);
padding-left: 56px;
margin-top: -3px;
padding-top: 9px;}
.subsbox-heading {font-size: 20px;
font-family: droidkufi-bold;
text-align: center;
font-weight: bold;}
.topsubsboxname {background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvxfGK1jaBZbYjaX_r9Q1EIkYXOsw-d1v5oj0m9IsQQ47Q7EXY__Rka_Q3r98t4krQgUBh7GEzWL7zb5bRnbwv-xjIBUNidLAt1eVo4-oI1k9FErW-o-G2jxG_2uWhzklQdm5w2eKwwcY/s320/name.png) no-repeat 7px 8px;border:1px solid #ddd; font-family:droidkufi-bold; font-size:14px; font-weight:bold;color:hsla(0,0%,27%,0.69); width:150px; margin-top:10px; height:24px; padding:5px 28px 5px 15px; vertical-align:top; display:inline-block;margin-right:15px;}
.topsubsboxemail {background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRM4rNcOG_U9-0U4gK61faeZ-4RVx_y0gWMrUjO1oF8j-tMoTelvu9d8yU6cTn2Mp-6aHgJ_E8ewdmR-z6DnPue1aukM3u1qtlZ3FkD_1plHt97_AhDl9paDDcJCflWiYl1UhiiRRBfiw/s320/email.png) no-repeat 7px 10px; border:1px solid #ddd; font-family:droidkufi-bold; font-size:14px; font-weight:bold; color:hsla(0,0%,27%,0.69); width:150px; height:24px; margin-right:5px; margin-top:10px; padding:5px 28px 5px 15px;vertical-align:top; display:inline-block;}
.topsubsboxname:hover,.topsubsboxemail:hover {border:1px solid #bebebe; box-shadow:0.5px 1.5px 2px rgba(5,95,255,.1);}
.topsubsboxbutton {-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;box-shadow:inset 0px 1px 0px 0px #bbdaf7;background:-webkit-gradient( linear, right top, right bottom, color-stop(0.05, #00B3FF), color-stop(1, #349ECB) );background:-moz-linear-gradient( center top, #00B3FF 5%, #349ECB 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00B3FF', endColorstr='#349ECB');background-color:#00B3FF; margin-top:10px; margin-right:5px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #84bbf3;display:inline-block;color:#ffffff;font-family:droidkufi-bold;font-size:13px;font-weight:bold;padding:5px 10px;text-decoration:none;text-shadow:1px 1px 0px #528ecc;}.topsubsboxbutton:hover {background:-webkit-gradient( linear, right top, right bottom, color-stop(0.05, #349ECB), color-stop(1, #00B3FF) );background:-moz-linear-gradient( center top, #349ECB 5%, #00B3FF 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#349ECB', endColorstr='#00B3FF');background-color:#349ECB;}.topsubsboxbutton:active {position:relative;top:1px;}
#socialsection {float:right;margin-top:20px;}
.socialheading{font-size: 20px;
font-family: droidkufi-bold;
text-align: center;
font-weight: bold;}
.socialicons ul {list-style: none;
display: inline;
float: left;
margin-top: 10px;
margin-left: 38px;}
.socialicons li {opacity: 1;float:right;padding:0px 0px 0px 10px;}
.socialicons li:nth-child(6) {padding: 0;}
.socialicons li a img{height:49px;width:49px}
.ins .txt2 {
border: none;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmsBjtB4jsmb8vKwrkCovRep8B2Gi1_dnkMQfXK7zXeAcX-OoUUZB0M1ZnUQlTYKXsUZAYAEY7aLDf06mWD44B-M5LG48Y4wsN8aDweswzDeO8wrBoFHGtPm3-mvJoK2dAMKNfXd8v4dM/s1600/back-sub.png);
font: 13px droidkufi-bold, tahoma,Tahoma, Geneva, sans-serif;
color: #adadad;
padding: 24px 7px 23px;
float: right;
margin: 0;
text-align: right;
width: 243px;
}
.ins .btn2 {
background: #ffb546 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjHJUhMxn_qztrXVX7ap5XzCA-TxXU2rtRNIsAZcIaTLWVeuwEJ8Nzq-yY62tldUC6JTPdFB0H48oirmTw8Mws2_PdN0gK4EujYg9q6fwxe28B3_oc93OmRAyqB1koNJ17UpHokw68XwU/s1600/btn-sub.png) center no-repeat;
float: right;
border: none;
border-right: 3px solid #ffa116;
width: 63px;
height: 63px;
cursor: pointer;
}
.ins .btn2:hover {
background: #ffb546 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhInFZUkShg9yJ5YUornk7f8d8_O5yt_LO0XvrWN_dP7duXUKrufeWEMuqFcuaWmvpvbBci4Lva9oBaumf1JXpWKxe_vQxz9sy1chHbB0WkCy0y4HhNrBvtnzOOZHpfmQ0ppwI7h4EpLSU/s1600/back-sub2.png) center no-repeat;
}
.content-outer {
font-size: 100%;
}
a:link {
text-decoration:none;
color: #727272;
}
a:visited {
text-decoration:none;
color: #727272;
}
a:hover {
color: #ccc;
}
.body-fauxcolumns .cap-top {
margin-top: 30px;
background: transparent none no-repeat scroll center center;
height: 121px;
}
.content-inner {
padding: 0;
}
.showpageArea { color: #333; padding:0px;}
.showpageArea a {color: #333; margin:0;}
.showpageNum a {padding: 5px 10px;
margin: 0 5px;
background: #FFF;
border: 1px solid #ccc;}
.showpageNum a:hover { color: #8B8B8B; }
.showpageOf{margin:0 10px 0 0; color: #8B8B8B !important;}
.showpagePoint {color:#fff; padding: 5px 10px; margin:0 5px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4nbQnC9u5w_zADYaQUPG39yxPrgFWgti2FIx6UaKU1Xq0RoFh-KfAKxb0BkF29AhLvXWTK-B8seMK5IpTz_NcIDyaJLaFl02mDSJHlmfu3HXA-b4qDlxH-tOK_gvwkVUEv0IyZvy-1yI/s1600/back-slid.png);border: 1px solid #fff;}
.status-msg-wrap{
width: 645px;
margin: 0;
margin-bottom: 10px;
}
.status-msg-border {
border:none;
border: 1px solid #525252;
}
.sidebar .widget{
padding:10px;
line-height: 17px;
box-shadow: 0 1px 2px #acacac;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7));
background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
z-index: 1;
}
.column-left-inner h2{
color: rgb(255, 255, 255);
font: 13px droidkufi-bold;
padding: 10px 10px;
border-right: 4px solid #333;
margin: -10px -10px 10px;
background:#1ec791;
text-align: center;
}
.widget {
margin: 0 0 20px !important;
}
#alwansd{height: 186px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4nbQnC9u5w_zADYaQUPG39yxPrgFWgti2FIx6UaKU1Xq0RoFh-KfAKxb0BkF29AhLvXWTK-B8seMK5IpTz_NcIDyaJLaFl02mDSJHlmfu3HXA-b4qDlxH-tOK_gvwkVUEv0IyZvy-1yI/s1600/back-slid.png);margin: 0 0 20px 14px;padding:14px;}
.alwanw{position: relative;height: 163px;}
.alwanw .contentdiv{visibility: hidden;position: absolute;height: 96%;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.alwan-ps{text-align: right;float: right;width: 100%;height: 18px;margin-right: 200px;}
.alwan-ps a{display:block;font-size:0px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg8ITpFZBu_D4EHAiiZQtO4853BdZr9RNtshzfkpyGAcFb5SAs_ymcrFsk_821T7aWHPwe2tf6Ulv9vbBHcchfqltpbduHPoDJk___AjVbPBtjtRfTBuG6maC2pEPJRL4Ux0Y1cUiaOmE/s1600/selec-slid.png )center no-repeat;width: 18px;height: 18px;float: right;margin:0 0 0 8px;}
.alwan-ps a.selected{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-t8xZ9LUXP1sjUGxN4h8CQykURYmdtLqiIi9urMnRthqCzGEpcVA7e10hZS_0QFj2ZOVqSWsGsfq_5FL9Eyf-xV1BDoaNVpEHkuLNzfT5Kvw4F0HheA0f7p4PzQ1A2ZB80vPZUhHpW7I/s1600/selec-slid2.png )center no-repeat;}
.alwan-ps .next,.alwan-ps .prev {display:none;}
.alwanip{width: 412px;padding: 0 !important;bottom: 0;float: left !important;margin-right: 100px;}
.alwanip a{color:#4e4e4e;font: 17px droidkufi-bold;margin:0;padding:0;line-height: 26px;}
.alwanip h6{margin:0;}.alwanip h6 a:hover {color:#7b7b7b;}.alwanip .alwand{display:none;}.alwanip p{font-size: 13px;margin: 0;color: #727272;line-height: 26px;}.alwansf a img{float: right !important;z-index:-1; }.alwansf {float: right !important; width:100px !important;}
.alwansf a{box-shadow: 0 0 9px #7e7e7e inset;width: 186px;height: 186px;z-index: 999999999999 !important;float: right;}
.column-center-outer {
width: 100%;
}
/* Author Bio */ .postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 0.7em; } .postauthor img { border: 5px solid #e2dede; float: right; margin-left: 1em; } .postauthor h3 { color: #666; font-size: 1.2em; margin-bottom: 5px; margin-top: 0; } .postauthor p { color: #515151; font-size: 12px; margin-bottom: 10px; margin-top: 0; } /* Author Bio End */
.item-thumbnail a img {
padding: 0px;
width: 52px;
height: 52px;
border-radius: 5px;
z-index: -1;
}
.alwantt .item-thumbnail a img {
z-index: 1;
}
.alwantt .PopularPosts .widget-content ul li {
border-top: none;
padding: 6px 0;
}
.PopularPosts .item-thumbnail {
float: right;
margin: 0 0 0 8px;
width: 52px;
height: 52px;
border-radius: 5px;
box-shadow: 0 0 9px #7e7e7e inset;
}
.PopularPosts .item-title a {
font-size: 12px;
font-family: droidkufi-bold, tahoma;
line-height: 22px;
}
.PopularPosts .item-title {
padding-top: 3px;
}
.PopularPosts .widget-content ul li {
padding:8px 0 6px;
border-top: solid 1px rgb(236, 235, 235);
}
.PopularPosts .widget-content ul li:first-child{
padding-top:0px
}
.PopularPosts .widget-content ul li:hover {
}
.Label li {
float: right;
margin: 0 0 9px 9px;
padding: 7px 18px !important;
background: rgb(236, 236, 236);
border-right: 3px solid rgb(143, 143, 143);
display: inline-block;
}
.Label li:hover{
border-right: 3px solid #ffb546;
}
.content-cat h3, .content-cat p i, .content-cat p br{display:none;}
.content-cat p{
width: 156px;
float: right;
text-align: right !important;
color: transparent;
padding: 0 7px 15px;
margin: 7px 0;
border-bottom: 1px solid #DDD;
height: 180px;
}
.content-cat p b{
font-size: 12px;
font-family: droidkufi-bold, tahoma;
color: #7B7B7B;
line-height: 23px;
}
.content-cat p img{
width: 150px;
height:102px;
float:right !important;
margin: 0 0 7px 0 !important;
padding:0 !important;
border:3px solid #DDD !important;
}
.content-cat p a{
font-size: 0px;
width: 100%;
height: 108px;
position: relative;
margin-top: -184px;
}
.content-cat p a:hover{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqsnYKmbwhRjxquxR_wDZYy7iPkcFb-iVaA6Q2FIP5h4wQzDtPi7HAPHu3TwFYiHLcL4HaNStBtYCsu8TyDyzrQOZBE1u68VZz4UAB4GAKoM_bPPh5jLITmGnH1c_2FT3rdcn5uFXb9Fw/s1600/rech.png) center no-repeat;
}
.footer-inner {
padding: 30px 15px;
}
.comments {
clear: both;
margin: 20px -15px;
padding: 0 15px;
}
.sidebar #HTML1{
background:none;
box-shadow:none;
padding:0;
}
.social-icone{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4nbQnC9u5w_zADYaQUPG39yxPrgFWgti2FIx6UaKU1Xq0RoFh-KfAKxb0BkF29AhLvXWTK-B8seMK5IpTz_NcIDyaJLaFl02mDSJHlmfu3HXA-b4qDlxH-tOK_gvwkVUEv0IyZvy-1yI/s1600/back-slid.png);
box-shadow:none;
padding:10px;
overflow: hidden;
}
.social-icone div{ margin: 12px 12px;}
.social-icone a{ text-decoration:none;}
.you-icone b, .twt-icone b,.face-icone b,.rss-icone b{ font:bold 14px tahoma; color:#fff;}
.you-icone span,.twt-icone span,.face-icone span,.rss-icone span{font: 11px tahoma; color:#f4f4f4;}
.you-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNCvE6GeStDeKKnk95M7INCIGNQNZIfmai6x9DT_p0Fi2xG_NRlWmfYl-5hqNmdnDriYT_tfNZdZipfEuAEhvGRPu98_D3z3hANWvR38B9tTHe-Xc8ZpQsRGXwtXRw0wtpY21FQj5DV2g/s1600/youtube.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.twt-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGUtHd-aMU5oScsZjquLM5eiSYlA1Q0fy6AsiCYOCle-2zd5EHk9u4K0PyIw91Bm7A1VY6Hn3pJCV2f2E-EJ1e345MfCAdi1LEDQaCn2aJ2hfRf8MpEz8ysvjg_kvdBusrtS9ktQusPew/s1600/twitter.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.face-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDJt0mXn708U6JI9PG4a9ExphySNd2IU-Y1i26jo__gqjl9pHzSpUUAh8jJbJpoosoWm00RiSjEIKUEdl46I2NJL0AMG-_DkMKrRvTScicck0lJ1LTFmvxwas3fizVb7vXZn84hlCS36g/s1600/facebook.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.rss-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEino6SQKCXYkyl6mCMPe7FKNrBeGF8vKUn43isq8kWiLtxIpGKGrMRx6LgGUAhW1cifbJdMYdCxuaeVA9othmIjL9P00Oqy-Hc8MhEcw4f-GaI07vxKW8gz1j7YB40F3g9L0mo45gnDqhM/s1600/RSS.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.you-icone:hover , .twt-icone:hover,.face-icone:hover,.rss-icone:hover{ opacity:0.7;}
.post-footer-line > * {
margin-left: 0;
}
/* Header
----------------------------------------------- */
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: 20px;
padding-right: 20px;
}
.Header h1 {
font: normal normal 60px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;
color: #ffffff;
text-shadow: 2px 2px rgba(0, 0, 0, .1);
}
.Header h1 a {
color: #ffffff;
}
.Header .description {
font-size: 140%;
color: #7b7b7b;
}
/* Tabs
----------------------------------------------- */
.tabs-inner .section {
margin: 0 20px;
}
.tabs-inner .PageList, .tabs-inner .LinkList, .tabs-inner .Labels {
margin-left: -11px;
margin-right: -11px;
background-color: transparent;
border-top: 0 solid #ffffff;
border-bottom: 0 solid #ffffff;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .3);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .3);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .3);
box-shadow: 0 0 0 rgba(0, 0, 0, .3);
}
.tabs-inner .PageList .widget-content,
.tabs-inner .LinkList .widget-content,
.tabs-inner .Labels .widget-content {
margin: -3px -11px;
background: transparent none no-repeat scroll right;
}
.tabs-inner .widget ul {
padding: 2px 25px;
max-height: 34px;
background: transparent none no-repeat scroll left;
}
.tabs-inner .widget li {
border: none;
}
.tabs-inner .widget li a {
display: inline-block;
padding: .25em 1em;
font: normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;
color: #979797;
border-right: 1px solid transparent;
}
.tabs-inner .widget li:first-child a {
border-left: 1px solid transparent;
}
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
color: #000000;
}
/* Headings
----------------------------------------------- */
h2 {
font: normal normal 20px droidkufi-bold, Georgia, Utopia, 'Palatino Linotype', Palatino, serif;
color: #000000;
margin: 0 0 .5em;
}
h2.date-header {
font: normal normal 16px droidkufi-bold, Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #7b7b7b;
}
/* Main
----------------------------------------------- */
.main-inner .column-center-inner,
.main-inner .column-left-inner,
.main-inner .column-right-inner {
padding: 0 0px;
}
.section {
margin: 0px;
}
.main{
}
.Blog{
margin:0;
}
.main-outer {
margin-top: 0;
background: transparent none no-repeat scroll top left;
}
.main-inner {
padding:20px 0 0;
}
.main-cap-top {
position: relative;
}
.main-cap-top .cap-right {
position: absolute;
height: 0;
width: 100%;
bottom: 0;
background: transparent none repeat-x scroll bottom center;
}
.main-cap-top .cap-left {
position: absolute;
height: 0;
width: 0;
right: 0;
bottom: 0;
background: transparent none no-repeat scroll bottom left;
}
/* Posts
----------------------------------------------- */
.post-outer {
padding: 12px;
box-shadow: 0 1px 2px #acacac;
width: 293px;
height:317px;
margin: 0 0 12px 12px;
float: right;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}
h2.post-title {
position: absolute;
bottom: 158px;
z-index: 99999;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGli3JA2tfaVtWeBmb1eOgvDJx2nk1N8GIcUA00NEroeV7YFoqPGGrFTYGPM71NTKdVykYakpIxjpBcv4Ss6PNfPKJLZql5f9iWoVUOcn3LGuDGUCR4g7aU1D_rKJA-AuwOwwdbUnWodo/s1600/back-post.png);
padding: 10px 9px;
margin:-12px -12px 0;
width: 299px;
text-align: center;
}
h2.post-title a {
font: bold 14px 'DroidKufi-Bold';
color: #fff;
}
h2.post-title a:hover {color: #ffa21a;}
.comments h4 {
font: 18px arial ;
margin: 1em 0 0;
}
.comment-form{
max-width:100% !important;
}
.post-body {
font-size: 85%;
line-height: 25px;
height: 317px;
}
.shadow-p{position:absolute;top:0;margin: -12px -12px 0;width: 317px;height: 171px; box-shadow: 0 0 9px #7e7e7e inset;}
.post-header {
padding: 0;
color: #818181;
font-size: 12px;
}
.post-header a{color:#818181;}
.post-header a:hover{color:#ffa116;}
.post-header-line-1{
display:none;}
.rmlink{
background:#e9e9e9;
border-bottom: 2px solid #d8d8d8;
float: right;
margin-top: 6px;
width: 100%;
height: 35px;
}
.rmlink .post-r {
background: #1ec791;
color: #fff;
font:12px droidkufi-bold,tahoma;
padding: 6px 12px 8px;
border-right: 4px solid #515151;
float: right;
}
.rmlink .post-r:hover {
background: #595959;
}
.post-a {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFN4ye0j_C97Vhg_-rdhyphenhyphen5kKL0-1QK3VsFmVLMCsTuOayMVRHF8Go4a1Ez9iMHIRKIMg97STgyIAjAI3IedrPRE9Q0Lvm97sSgelXNYQrQseJ63vGjN714sOa30xMXTfywFMp16gwh2e8/s1600/othor.png) center right no-repeat;
color: #a1a1a1;
font-size: 12px;
font-family:droidkufi-bold, tahoma,tahoma;
padding: 6px 36px 4px 10px;
float:right;
}
.post-t {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiozUz1DqldSmzxJLe-oy3rZaXm05XaWz_t_2kLucgguVkuNVEdbEMRHvD8W4B07DG3iMPs_HgkkEZW9jIlPGXaunASTQ-moIACFGA0S2aQtVVz9KKcruYirruVIDGLvP156UaGgfFUQgA/s1600/day.png) center right no-repeat;
color: #a1a1a1;
font-size: 12px;
font-family:droidkufi-bold, tahoma,tahoma;
padding: 6px 36px 4px 10px;
float:right;
}
.post-footer {
margin: 0px 0 0;
padding: 0px 0 0;
color: #979797;
display:none;
}
#blog-pager {
padding: 10px;
margin:0;
width: 95%;
overflow: inherit;
}
#comments .comment-author {
padding-top: 1.5em;
border-top: dashed 1px #777777;
background-position: 0 1.5em;
}
#comments .comment-author:first-child {
padding-top: 0;
border-top: none;
}
.avatar-image-container {
margin: .2em 0 0;
}
/* Comments
----------------------------------------------- */
.comments {
clear: both;
margin-top: 10px;
margin-bottom: 0px;
line-height: 1em;
}
.comments .comments-content {
font-size: 14px;
margin-bottom: 16px;
font-family:droidkufi-bold;
text-align:right;
line-height: 1.4em;
}
.comments .continue a, .comments .comment .comment-actions a {
display: inline;
font-family: DroidKufi-bold;
font-size: 11px;
padding: 2px 5px;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
color: #FFF;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 10px;
border: 1px solid #333;
background: #ccc;
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ccc));
background: -moz-linear-gradient(top, #279d97, #279d97);
filter: progid:DXImageTransform.Microsoft.gradient(startCo lorstr='#279d97', endColorstr='#279d97');
}
.comments .continue a:hover, .comments .comment .comment-actions a:hover {
text-decoration: none;
background: #000;
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
background: -moz-linear-gradient(top, #ecdc7d, #ecdc7d);
filter: progid:DXImageTransform.Microsoft.gradient(startCo lorstr='#ecdc7d', endColorstr='#ecdc7d');
}
.comments .continue a:active, .comments .comment .comment-actions a:active {
position: relative;
top:1px;
background: -webkit-gradient(linear, left top, left bottom, from(#0066FF), to(#0099CC));
background: -moz-linear-gradient(top, #0066FF, #0099CC);
filter: progid:DXImageTransform.Microsoft.gradient(startCo lorstr='#0066FF', endColorstr='#0099CC');
}
.comments .comments-content .comment-thread ol {
list-style-type: none;
padding: 0;
text-align: none;
}
.comments .comments-content .inline-thread {
padding: 0.5em 1em 0 1em;
}
.comments .comments-content .comment-thread {
margin: 8px 0px 0px 0px;
}
.comments .comments-content .comment-thread:empty {
display: none;
}
.comments .comments-content .comment-replies {
margin-top: 1em;
margin-left: 40px; font-size:13px;
}
.comments .comments-content .comment {
padding-bottom:8px;
margin-bottom: 0px
}
.comments .comments-content .comment:first-child {
padding-top:16px;
}
.comments .comments-content .comment:last-child {
border-bottom:0;
padding-bottom:0;
}
.comments .comments-content .comment-body {
position:relative;
}
.comments .comments-content .user {
font-style:normal;
font-weight:bold;
font-size:17px;
font-family:droidkufi-bold;
}
.comments .comments-content .user a {
color: #000;
font-size:14px;
}
.comments .comments-content .user a:hover {
text-decoration: none;
color: #CCC;
}
.comments .comments-content .icon.blog-author {
width: 18px;
height: 18px;
display: inline-block;
margin: 0 0 6px -4px;
}
.icon.blog-author {
position: absolute;
top: -25px;
left: -11px;
float: left;
margin: 5px 0px 0px 0px !important;
background: url("http://im37.gulfup.com/Gdn9S.png") no-repeat scroll 0% 0% rgba(0, 0, 0, 0);
width: 65px !important;
height: 96px !important;
}
.comments .comments-content .datetime {
margin-left:6px;
color: #999;
font-size: 12px;
font-family:droidkufi-bold;
float: left;
}
.comments .comments-content .comment-content {
font-family:droidkufi-bold;
font-size: 12px;
line-height: 19px;
text-align:none;
margin: 15px 0 15px;
}
.comments .comments-content .owner-actions {
position:absolute;
right:0;
top:0;
}
.comments .comments-replybox {
border: none;
height: 250px;
width: 500px;
}
.comments .comment-replybox-single {
margin-top: 5px;
margin-left: 48px;
}
.comments .comment-replybox-thread {
margin-top: 5px;
}
.comments .comments-content .loadmore a {
display: block;
padding: 10px 16px;
text-align: center;
}
.comments .thread-toggle {
cursor: pointer;
display: inline-block;
}
.comments .comments-content .loadmore {
cursor: pointer;
max-height: 3em;
margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
max-height: 0px;
opacity: 0;
overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
display: none;
}
.comments .thread-toggle {
display: inline-block;
}
.comments .thread-toggle .thread-arrow {
display: inline-block;
height: 6px;
width: 7px;
overflow: visible;
margin: 0.3em;
padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container {
float: right;
}
.comments .avatar-image-container img {
width:50px;
hieght:50px;
}
.comments .comment-block {
margin-right: 48px;
position: relative;
padding: 20px 15px 20px 15px;
background: #F7F7F7;
border: 1px solid #000;
border-image: initial;
width:490px;
}
/* Widgets
----------------------------------------------- */
.widget ul, .widget #ArchiveList ul.flat {
padding: 0;
list-style: none;
}
.widget ul li, .widget #ArchiveList ul.flat li {
padding: .35em 0;
text-indent: 0;
}
.widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child {
border-top: none;
}
.widget .post-body ul {
list-style: disc;
}
.widget .post-body ul li {
border: none;
}
.widget .zippy {
color: #777777;
}
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
}
.post-body .tr-caption-container {
padding: 8px;
}
.post-body img{
margin: -12px -12px 0;
}
.post-body .tr-caption-container {
color: #333333;
}
.post-body .tr-caption-container img {
padding: 0;
background: transparent;
border: none;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
box-shadow: 0 0 0 rgba(0, 0, 0, .1);
}
/* Footer
----------------------------------------------- */
footer {
}
.alwantt {
color: #a5a5a5;
margin: 0 !important;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmbzdIg6vSSquf0tRcvgWqZ2i9X-jZzVuYg9eIw8C1L2BBD6ZlKDM2jbKFLTvQyLuJOSIRo1SexBVC3hHNz3Z1DuJ9O7NmD9zA6qlPQ2Kq5EnSYWgBnSV1lOSPmoSciC9Y3an_yPGJF1c/s1600/b-body.png);
border-top: 5px solid #a5a5a5;
}
.alwantt .section {
margin: 0 15px;
}
.alwantt a {
color: #a5a5a5;
}
.alwantt a:visited {
color: #000;
}
.alwantt a:hover {
color: #ffa116;
}
.alwantt .widget h2 {
color:#fff;
font:16px droidkufi-bold,tahoma;
padding:0;
margin-bottom:10px;
text-align:center;
background: #a5a5a5;
padding: 12px 12px 12px 12px;
border-radius: 8px 0px 8px 0px;
margin-top: -12px;
}
/* Mobile
----------------------------------------------- */
body.mobile {
background-size: 100% auto;
}
.mobile .body-fauxcolumn-outer {
background: transparent none repeat scroll top left;
}
html .mobile .mobile-date-outer {
border-bottom: none;
background: transparent url(//www.blogblog.com/1kt/watermark/post_background_birds.png) repeat scroll top left;
_background-image: none;
margin-bottom: 10px;
}
.mobile .main-cap-top {
z-index: -1;
}
.mobile .content-outer {
font-size: 100%;
}
.mobile .post-outer {
padding: 10px;
}
.mobile .main-cap-top .cap-left {
background: transparent none no-repeat scroll bottom left;
}
.mobile .body-fauxcolumns .cap-top {
margin: 0;
}
.mobile-link-button {
background: transparent url(//www.blogblog.com/1kt/watermark/post_background_birds.png) repeat scroll top left;
}
.mobile-link-button a:link, .mobile-link-button a:visited {
color: #727272;
}
.mobile-index-date .date-header {
color: #7b7b7b;
}
.mobile-index-contents {
color: #686161;
}
.mobile .tabs-inner .section {
margin: 0;
}
.mobile .tabs-inner .PageList {
margin-left: 0;
margin-right: 0;
}
.mobile .tabs-inner .PageList .widget-content {
margin: 0;
color: #000000;
background: transparent url(//www.blogblog.com/1kt/watermark/post_background_birds.png) repeat scroll top left;
}
.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
border-left: 1px solid transparent;
}
#Blog1_blog-pager-older-link {
background: #312F2F;
border-radius: 12px;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 5px;
padding-top: 4px;
color: #fff;
}
#blog-pager > a {
background: #312F2F;
border-radius: 12px;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 5px;
padding-top: 4px;
color: #fff;
}
#Blog1_blog-pager-newer-link {
background: #312F2F;
border-radius: 12px;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 5px;
padding-top: 4px;
color: #fff;
}
.container5 {
width: 970px;
height: 178px;
background-color: #333;
padding: 10px;
margin: 0 auto;
margin-top: 12px;
margin-bottom: -8px;
}
.post111 {
opacity: 1;
animation: load1 2s;
float: left;
width: 180px;
height: 180px;
background-color: #fff;
border-radius: 5px;
background-image: url(http://im88.gulfup.com/snE0LI.jpg);
-webkit-animation: load1 7s;
-moz-animation: load1 7s;
-o-animation: load1 7s;
transition: all 400ms ease-in-out 0s;
}
.post111:hover {
opacity: 0.7;
}
.post111title {
opacity: 1;
width: 180px;
height: 30px;
background-color: rgba(39, 39, 39, 0.36);
z-index: 2;
position: relative;
top: 150px;
transition: 1s;
}
.post111title p{
font-size: 15px;
margin-top: auto;
padding: 5px;
text-align: center;
font-family: droidkufi-bold, tahoma;
}
.post222 {
opacity: 1;
animation: load1 3s;
float: left;
width: 180px;
height: 180px;
background-color: #fff;
border-radius: 5px;
margin-left: 5px;
background-image: url(http://im59.gulfup.com/9bBnBH.png);
-webkit-animation: load1 6s;
-moz-animation: load1 6s;
-o-animation: load1 6s;
transition: all 400ms ease-in-out 0s;
}
.post222:hover {
opacity: 0.7;
}
.post222title {
opacity: 1;
width: 180px;
height: 30px;
background-color: rgba(39, 39, 39, 0.36);
z-index: 2;
position: relative;
top: 150px;
transition: 1s;
}
.post222title p{
font-size: 15px;
margin-top: auto;
padding: 5px;
text-align: center;
font-family: droidkufi-bold, tahoma;
}
.post333 {
opacity: 1;
animation: load1 4s;
float: left;
width: 180px;
height: 180px;
background-color: #fff;
border-radius: 5px;
margin-left: 5px;
background-image: url(http://im59.gulfup.com/bQpgrs.png);
-webkit-animation: load1 5s;
-moz-animation: load1 5s;
-o-animation: load1 5s;
transition: all 400ms ease-in-out 0s;
}
.post333:hover {
opacity: 0.7;
}
.post333title {
opacity: 1;
width: 180px;
height: 30px;
background-color: rgba(39, 39, 39, 0.36);
border-radius: 5px;
z-index: 2;
position: relative;
top: 150px;
transition: 1s;
}
.post333title p{
font-size: 15px;
margin-top: auto;
padding: 5px;
text-align: center;
font-family: droidkufi-bold, tahoma;
}
.post444 {
opacity: 1;
animation: load1 5s;
float: left;
width: 180px;
height: 180px;
background-color: #fff;
border-radius: 5px;
margin-left: 5px;
background-image: url(http://im59.gulfup.com/vqohFc.png);
-webkit-animation: load1 4s;
-moz-animation: load1 4s;
-o-animation: load1 4s;
transition: all 400ms ease-in-out 0s;
}
.post444:hover {
opacity: 0.7;
}
.post444title {
opacity: 1;
width: 180px;
height: 30px;
background-color: rgba(39, 39, 39, 0.36);
z-index: 2;
position: relative;
top: 150px;
transition: 1s;
}
.post444title p{
font-size: 15px;
margin-top: auto;
padding: 5px;
text-align: center;
font-family: droidkufi-bold, tahoma;
}
.post555 {
opacity: 1;
animation: load1 6s;
float: left;
width: 180px;
height: 180px;
background-color: #fff;
border-radius: 5px;
margin-left: 5px;
background-image: url(http://im59.gulfup.com/VcCrKD.png);
-webkit-animation: load1 3s;
-moz-animation: load1 3s;
-o-animation: load1 3s;
transition: all 400ms ease-in-out 0s;
}
.post555:hover {
opacity: 0.7;
}
.post555title {
opacity: 1;
width: 180px;
height: 30px;
background-color: rgba(39, 39, 39, 0.36);
z-index: 2;
position: relative;
top: 150px;
transition: 1s;
}
.post555title p{
font-size: 15px;
margin-top: auto;
padding: 5px;
text-align: center;
font-family: droidkufi-bold, tahoma;
}
.title5 {
animation: load1 7s;
opacity: 1;
float: left;
width: 45px;
height: 180px;
background-color: #5FCECE;
border-radius: 5px;
margin-left: 5px;
transition: 1s;
-webkit-animation: load1 2s;
-moz-animation: load1 2s;
-o-animation: load1 2s;
}
.title5 a{
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
color: #fff;
position: relative;
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
font-size: 30px;
left: 25px;
}
a#conv {
font-size: 15px;
}
]]></b:skin>
<style>
<b:if cond='data:blog.pageType == "item"'>
h2.post-title{margin-bottom:4px;width:100%}.post-header{float:right;width:100%}.post-footer{display:block}.post-header-line-1 {margin-top: 1px;display: block;margin-bottom: 20px;width: 640px;margin-right: -8px;}span.timr {width: 100px;float: right;text-align: center;background: #ddd;border-left: 5px solid #ccc;height: 20px;padding: 5px;}span.timr img {width: 26px;float: right;margin-top: -3px;}span.post-author.vcard {width: 130px;float: right;text-align: center;background: #ddd;border-left: 5px solid #ccc;height: 20px;padding: 5px;}span.post-author.vcard img {width: 26px;float: right;margin-top: -3px;}span.post-labels {width: 238px;float: right;text-align: right;background: #ddd;border-left: 5px solid #ccc;height: 20px;padding: 5px;}span.post-labels img {width: 26px;float: right;margin-top: -3px;margin-left: 8px;}span.post-comment-link {width: 115px;float: right;text-align: center;background: #ddd;height: 20px;
padding: 5px;}span.post-comment-link img {width: 26px;float: right;margin-top: -3px;margin-left: 8px;}a.comment-link {float: right;}.post-body img{margin: 10px;}.post-body{height:auto}.post-outer{background:#fff!important;width:622px;height:auto}h2.post-title{position:relative;bottom:0;z-index:99999;background:#515151;padding:7px 8px 6px 16px;margin-left:0;font:14px droidkufi-bold;width:100%;color:#fff}
.shadow-p{ display:none}
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
h2.post-title{margin-bottom:4px;width:100%}.post-header{float:right;width:100%}.post-footer{display:block}.post-header-line-1 {margin-top: 1px;display: block;margin-bottom: 20px;width: 640px;margin-right: -8px;}span.timr {width: 100px;float: right;text-align: center;background: #ddd;border-left: 5px solid #ccc;height: 20px;padding: 5px;}span.timr img {width: 26px;float: right;margin-top: -3px;}span.post-author.vcard {width: 130px;float: right;text-align: center;background: #ddd;border-left: 5px solid #ccc;height: 20px;padding: 5px;}span.post-author.vcard img {width: 26px;float: right;margin-top: -3px;}span.post-labels {width: 238px;float: right;text-align: right;background: #ddd;
border-left: 5px solid #ccc;height: 20px;padding: 5px;}span.post-labels img {width:26px;float: right;margin-top: -3px;margin-left: 8px;}span.post-comment-link {
width: 115px;float: right;text-align: center;background: #ddd;height: 20px;padding:5px;}span.post-comment-link img {width: 26px;float: right;margin-top: -3px;margin-left: 8px;}a.comment-link {float: right;}.post-body img{margin:10px;border-radius:0}.post-body{height:auto}.post-outer{background:#fff!important;width:622px;height:auto}h2.post-title{position:relative;bottom:0;z-index:99999;background:#515151;padding:7px 8px 6px 16px;margin-left:0;font:14px droidkufi-bold;width:100%;color:#fff}.shadow-p{display:none}
</b:if>
</style>
<b:template-skin>
<b:variable default='960px' name='content.width' type='length' value='860px'/>
<b:variable default='0' name='main.column.left.width' type='length' value='260px'/>
<b:variable default='310px' name='main.column.right.width' type='length' value='0px'/>
<![CDATA[
body {
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
width:980px;
}
.main-inner .columns {
padding-left: 320px;
padding-right: 0px;
}
.main-inner .fauxcolumn-center-outer {
left: 320px;
right: 0px;
/* IE6 does not respect left and right together */
_width: expression(this.parentNode.offsetWidth -
parseInt("320px") -
parseInt("0px") + 'px');
}
.main-inner .fauxcolumn-left-outer {
width: 320px;
}
.main-inner .fauxcolumn-right-outer {
width: 0px;
}
.main-inner .column-left-outer {
width: 320px;
right: 100%;
margin-left: -320px;
}
.main-inner .column-right-outer {
width: 0px;
margin-right: -0px;
}
#layout {
min-width: 0;
}
#layout .content-outer {
min-width: 0;
width: 800px;
}
#layout .region-inner {
min-width: 0;
width: auto;
}
]]>
</b:template-skin>
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 300; /* طول الملخص للمواضيع بدون صورة */
summary_img = 185; /* طول الملخص للمواضيع ذات صورة*/
img_thumb_height = 171; /* عرض الصورة في الملخص*/
img_thumb_width = 317; /*طول الصورة في الملخص */
</script>
<script src='https://read-more-pro-ayoub.googlecode.com/svn/trunk/read-more-pro-ayoub.js' type='text/javascript'/><font size='0'><a href='http://www.monte-escalier-prix.org'/></font>
<script>
/* Script from:http://simplexdesign.blogspot.com/ */
imgr = new Array();
imgr[0] = "http://lh3.ggpht.com/_kViOplhgIHI/TKxBIScZTiI/AAAAAAAAAWE/PM7AQ1lf6ME/noimages.jpg";
showRandomImg = true;
aBold = true;
summaryPost =190;
numposts1 = 8;
label1 = "ملحقات";
function removeHtmlTag(strx,chop){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)}}s=s.join("");s=s.substring(0,chop-1);return s}
function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split("")[0];break}}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;
}}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<div class="contentdiv"><div class="alwansf"><a href="'+posturl+'"><img width="186" height="186" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"></div></div><div class="alwanip"><h6><a href="'+posturl+'">'+posttitle+'</a></h6><div class="alwand" >'+daystr+'</div><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>';
document.write(trtd);
j++;
}}
</script>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;}}}}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];}}
relatedTitles = tmp2;
relatedUrls = tmp;}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;}
document.write('</ul>');
}
//]]>
</script>
<style>
#related-posts{float:right;width:600px;margin-top:20px;margin-right:0;margin-bottom:20px;font:11px Arial;margin-bottom:10px}#related-posts .widget{list-style-type:none;margin:5px 0;padding:0}#related-posts .widget h2,#related-posts h2{background:#eee;color:#222;font-size:16px;line-height:16px;font-family:droidkufi-bold,tahoma;font-weight:700;margin:0 0 10px;padding:10px;text-transform:uppercase;text-shadow:0 1px 0 #fff;width:598px;border-right:5px solid #333}#related-posts a{color:#054474;font-weight:700;font-family:droidkufi-bold,tahoma;font-size:14px;text-decoration:none}#related-posts a:hover{color:#054474;text-decoration:none}#related-posts ul{border:medium none;margin:10px;padding:0;width:600px}#related-posts ul li{display:block;background:url("http://i263.photobucket.com/albums/ii150/mohamedrias/newconcept_bullet.png") no-repeat 0 0;margin:0;padding-top:0;padding-right:0;padding-bottom:1px;padding-left:16px;margin-bottom:5px;line-height:2em;border-bottom:1px dotted #ccc}
</style>
<script src='https://dl.dropboxusercontent.com/u/280199022/url.js' type='text/javascript'/>
<!-- Facebook Comment Start-->
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<!-- Facebook Comment End-->
<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",k="?m=1";function l(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+k;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var m=l();m&&window.location.replace(m)};
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>
<script src='https://dl.dropboxusercontent.com/u/280199022/google-c.js' type='text/javascript'/>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-51107143-1', 'proayoub.com');
ga('send', 'pageview');
</script>
</head>
<body>
<!-- Facebook Comment Start-->
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '136584896510571',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/ar_AR/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<!-- Facebook Comment End-->
<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
</div>
<div class='top'><div class='menu1'><ul><li id='menua'><a href='http://dorossps.blogspot.com/p/blog-page_13.html' target='_blank'>فوتوشوب اونلاين</a></li><li id='menub'><a href='http://dorossps.blogspot.com/2014/08/blog-post_82.html' target='_blank'>التبادل الاعلاني</a></li><li id='menuc'><a href='http://dorossps.blogspot.com/p/blog-page_10.html' target='_blank'> إتصل بنا!</a></li><li id='menud'><a href='http://dorossps.blogspot.com/p/blog-page_24.html' target='_blank'>تلبية طلبات التصاميم المجانية</a></li></ul><div class='s-social'><a href='https://www.facebook.com/pages/%D8%AF%D8%B1%D9%88%D8%B3-%D8%A7%D9%84%D9%81%D9%88%D8%AA%D9%88%D8%B4%D9%88%D8%A8/1524532567782857' target='_blank'><div class='face'/></a><a href='https://www.twitter.com/alexisanas1' target='_blank'><div class='twt'/></a><a href='https://www.youtube.com/channel/UCqIY8-3vNrlTZBejpR7HI4A' target='_blank'><div class='you'/></a><a href='http://dorossps.bogspot.com' target='_blank'><div class='r'/></a></div><div class='s-socialu'><a href='http://dorossps.blogspot.com' target='_blank'><div class='user'/></a></div><div style='clear: both;'/></div><div style='clear: both;'/></div><div class='h'><div class='logoandans'><h1><a href='http://dorossps.blogspot.com'><img alt='مدونة دروس الفوتوشوب هي مدونة تشمل العديد من الملحقات والخطوط والدروس التي يحتاجها المصمم ...' class='logo' src='http://im57.gulfup.com/VE6drn.png'/></a></h1>
<div class='ads'>
<a href='http://dorossps.blogspot.com' rel='nofollow' target='_blank'><img src='http://im57.gulfup.com/XRLMaW.jpg'/></a>
</div>
<div style='clear: both;'/>
</div>
<div class='m'><ul><li><a class='home' href='http://dorossps.blogspot.com'/></li><li><a href='http://dorossps.blogspot.com/search/label/%D8%A8%D8%B1%D8%A7%D9%85%D8%AC'>برامج</a></li><li><a href='http://dorossps.blogspot.com/search/label/%D8%A7%D8%AE%D8%A8%D8%A7%D8%B1%20%D8%A7%D9%84%D9%81%D9%88%D8%AA%D9%88%D8%B4%D9%88%D8%A8'>مقالات</a></li><li><a href='http://dorossps.blogspot.com/search/label/%D9%85%D9%84%D8%AD%D9%82%D8%A7%D8%AA'>ملحقات</a></li><li><a href='http://dorossps.blogspot.com/search/label/%D8%AF%D8%B1%D9%88%D8%B3%20%D8%A7%D9%84%D9%81%D9%88%D8%AA%D9%88%D8%B4%D9%88%D8%A8'>دروس </a></li><li><a href='http://dorossps.blogspot.com/search/label/%D9%82%D9%88%D8%A7%D9%84%D8%A8%20psd'>ملفات psd</a></li><li><a href='http://dorossps.blogspot.com'>خلفيات</a></li><li><a href='http://dorossps.blogspot.com/search/label/%D8%A7%D9%84%D8%B1%D8%A8%D8%AD%20%D9%85%D9%86%20%D8%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85'>الربح من التصميم</a></li><li><a href='http://dorossps.blogspot.com/search/label/%D9%82%D9%88%D8%A7%D9%84%D8%A8%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1'>قوالب بلوجر</a></li><li><a href='http://dorossps.blogspot.com/search/label/%D8%A7%D9%84%D9%85%D8%B2%D9%8A%D8%AF'>المزيد</a></li></ul><div class='recherche'><div class='shea'><form action='http://dorossps.blogspot.com/search' id='searchthis' method='get' style='display: inline;'><input id='b-query' maxlength='250' name='q' size='29' type='text'/><input id='b-searchbtn' type='submit' value=''/></form></div></div>
<div style='clear: both;'/>
</div>
</div>
<div class='topp22'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
</b:if>
<div class='main-outer'><div class='main-cap-top cap-top'/><div class='fauxborder-left main-fauxborder-left'><div class='fauxborder-right main-fauxborder-right'/><div class='region-inner main-inner'><div class='columns fauxcolumns'><div class='fauxcolumn-outer fauxcolumn-center-outer'><div class='cap-top'><div class='cap-left'/><div class='cap-right'/></div><div class='fauxborder-left'><div class='fauxborder-right'/><div class='fauxcolumn-inner'/></div><div class='cap-bottom'><div class='cap-left'/><div class='cap-right'/></div></div><div class='fauxcolumn-outer fauxcolumn-left-outer'><div class='cap-top'><div class='cap-left'/><div class='cap-right'/></div><div class='fauxborder-left'><div class='fauxborder-right'/><div class='fauxcolumn-inner'/></div><div class='cap-bottom'><div class='cap-left'/><div class='cap-right'/></div></div><div class='fauxcolumn-outer fauxcolumn-right-outer'><div class='cap-top'><div class='cap-left'/><div class='cap-right'/></div><div class='fauxborder-left'><div class='fauxborder-right'/><div class='fauxcolumn-inner'/></div><div class='cap-bottom'><div class='cap-left'/><div class='cap-right'/></div></div>
<!-- corrects IE6 width calculation -->
<div class='columns-inner'>
<div class='column-center-outer'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='alwansd'>
<div class='alwanw' id='ملحقات'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+ملحقات+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</div>
<div class='alwan-ps' id='paginate-slider1'/></div></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='column-left-inner'/></b:if>
<div class='column-center-inner'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar.g?targetBlogID\0755615028858040796871\46blogName\75%D8%AF%D8%B1%D9%88%D8%B3+%D8%A7%D9%84%D9%81%D9%88%D8%AA%D9%88%D8%B4%D9%88%D8%A8\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75http://dorossps.blogspot.com/search\46blogLocale\75ar\46v\0752\46homepageUrl\75http://dorossps.blogspot.com/\46blogFollowUrl\75https://plus.google.com/105725032360682349487\46vt\75-8419688239747128379',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
<b:widget id='Blog1' locked='false' 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.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<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:if cond='data:blog.pageType == "item"'>
<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>
</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='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>
<p><data:blogCommentMessage/></p>
<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>
<p><data:blogCommentMessage/></p>
<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/>', '<data:post.communityId/>');
</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.forceIframeComments'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<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-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: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'>
</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'/>
<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'>
<h2 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
</h2>
<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'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</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'>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<div class='post-header'>
<div class='post-header-line-1'/></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-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></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'>
<a class='timestamp-link' expr:href='data:post.url' itemprop='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>
<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'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a></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: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:if cond='data:blog.pageType == "item"'>
<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></div></div></div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span 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>
</span></b:if>
<b:if cond='data:olderPageUrl'>
<span 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>
</span></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></div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a name='6048115673652639121'/>
<div class='post-header'>
<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>
<div class='post-header-line-1'>
<span class='timr'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXPQk5q5YW9zRPx9sfODcADTtdxsp9tljWl1tBA68GU5qda3tFRmn-Ql_hjXkjRFnlPhoSzzLilJq-DbBk-WGcSoTHdaoNj7rgMMmaQsz_LDTq5ux7Y6wcZhyu6bZNblmNGzFoxjQZLUo/s1600/time.png'/>
<abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></span>
<span class='post-author vcard'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeTdP7OTaidKrcOD_adeHWBHzCbV1JC-dzRgFd6wR6tTQbSs7B8ES2M6P7ED3Gra6k2cjgblkJ0HrF_Re2GElxAXbgPf5s35DpVV0hUm3hvJcsmrYwhYN-Yc4JTAOEWn4T8fvEPIt-mTo/s1600/user.png' width='64'/>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
<data:post.author/></a></span></span>
<span class='post-labels'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnlcstXOXH-uNT_c3punAUKri4y_4ynkaouQireKyzTXJ2ix9FSd7LY2KxnfhE4h5A8H_FlNsXPTzv26e6X6asdw7hqSDj8xfI3r24kD-6DhonVpJ20_EaZR-aXv9aOOKgZbVTQJOkMjg/s1600/label.png'/>
<b:if cond='data:post.labels'>
<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-comment-link' style='visibility: visible;'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdBCVXj-N44s3rZ67zY7CuPRv-rpg_k3rW_WMl4yV4DQo9AyjCJ8wN2Xv0o0QbQ-4wstmxzs1iz0Lp2wizVHRFpqhJRA2UwPIqaLVzu3LveIva605HtHStQeWFEcze2P_Zpwc8vEByFSk/s1600/comm.png'/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 تعليق<b:else/><data:post.numComments/>تعليقات </b:if></a></span></div></div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<b:if cond='data:blog.pageType == "static_page"'><br/><data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'>
<data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink'><a class='post-r' expr:href='data:post.url'>تابع القراءة</a>
<span class='post-a'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
<data:post.author/></a></span></span></span>
<a href='http://abu-iyad.blogspot.com/2010/07/read-more-for-blogger.html' style='display:none;'>Résumé</a><a href='http://abu-iyad.blogspot.com' style='display:none;'>abuiyad</a> </b:if> <b:if cond='data:blog.pageType == "item"'>
<center>
</center>
<data:post.body/>
<br/>
<br/>
<center>
</center>
<b:if cond='data:blog.pageType == "item"'>
<center><img src='http://im75.gulfup.com/VEvs3R.png' style='border:0px;'/></center>
<b:if cond='data:blog.pageType == "item"'>
<div class='alwan-share' style='width: 608px; height: 88px;padding: 7px;background: #f3f3f3; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2;'>
<div style='width: 250px;height: 74px;padding: 6px;background: white;border: 1px solid #EBEBEB; float:right; text-align: center;'>
<div class='fb-like-box'>
هل أعجبك الموضوع ؟
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=230&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:230px; height:40px;'/></div></div><div align='left'>
<div style='float:left;padding:5px 5px 5px 0;'>
<a expr:share_url='data:post.url' href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
<div class='g-plus' data-action='share' data-annotation='vertical-bubble' data-height='60'/>
<a class='twitter-share-button' data-count='vertical' data-lang='ar' data-related='anywhereTheJavascriptAPI' data-via='mr_raghib' href='https://twitter.com/share'>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<div id='plusone-div'/></div></div></b:if>
<b:if cond='data:blog.pageType == "item"'>
<div class='postauthor'>
<img alt='' height='80' src='http://im65.gulfup.com/Oy3lMb.jpg' width='80'/>
<h3>بقلم <a href='https://plus.google.com/u/0/105725032360682349487/'> انس بنهمو </a></h3>
<p>مدون ومصمم مغربي الجنسية , اشارك خبرتي في التصميم مع الاخرين, يمكنك متابعتي من خلال <a href='htps://www.facebook.com/alexisanas10' target='_blank'>الفيسبوك</a> . <a href='http://twitter.com/alexisanas1' target='_blank'>تويتر</a> . <a href='https://plus.google.com/u/0/105725032360682349487/posts' target='_blank'>جوجل بلس</a></p>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/follow?href=https%3A%2F%2Fwww.facebook.com%2Falexisanas10&layout=standard&show_faces=true&colorscheme=light&width=450&height=80' style='border:none; overflow:hidden; width:450px; height:80px;'/>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<h2>مواضيع ذات صله<div style='display:none;'> <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=4"' type='text/javascript'/></b:if></b:loop></div> </h2>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script></div></b:if>
<!-- Facebook Comment Start-->
<b:if cond='data:blog.pageType == "item"'>
<script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<div><fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='620'/>
</div></b:if>
<!-- Facebook Comment End-->
</b:if></b:if></b:if></div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'/>
<div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-3'/>
</div></div>
</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'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</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.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 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'>
<p><data:blogCommentMessage/></p>
<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/>
<p><data:blogCommentMessage/></p>
<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/>', '<data:post.communityId/>');
</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></div>
<div class='column-left-outer'>
<div class='column-left-inner'>
<aside>
<macro:include id='main-column-left-sections' name='sections'>
<macro:param default='0' name='num' value='1'/>
<macro:param default='sidebar-left' name='idPrefix'/>
<macro:param default='sidebar' name='class'/>
<macro:param default='true' name='includeBottom'/>
</macro:include></aside></div></div>
<div class='column-right-outer'>
<div class='column-right-inner'>
<aside>
<macro:include id='main-column-right-sections' name='sections'>
<macro:param default='2' name='num' value='0'/>
<macro:param default='sidebar-right' name='idPrefix'/>
<macro:param default='sidebar' name='class'/>
<macro:param default='true' name='includeBottom'/>
</macro:include>
</aside></div></div></div>
<div style='clear: both'/>
<!-- columns -->
</div>
<!-- main -->
</div></div>
<div class='main-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div></div>
<footer>
<div class='alwantt'>
<div class='footer-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/></div>
<div class='fauxborder-left footer-fauxborder-left'>
<div class='fauxborder-right footer-fauxborder-right'/>
<div class='region-inner footer-inner'>
<div class='foot section' id='footer-1'/>
<macro:include id='footer-sections' name='sections'>
<macro:param default='2' name='num' value='3'/>
<macro:param default='footer' name='idPrefix'/>
<macro:param default='foot' name='class'/>
<macro:param default='false' name='includeBottom'/>
</macro:include>
<!-- outside of the include in order to lock Attribution widget -->
</div></div>
<div class='footer-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div></div></footer>
<!-- content -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='انتقل الى اعلى الصفحة'><img src='http://im85.gulfup.com/V4WREN.png'/></a>
</body>
<div class='content-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/></div>
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
<b:include data='blog' name='google-analytics'/>
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=6;
var numshowpage=9;
var upPageWord ='السابق';
var downPageWord ='التالي';
</script>
<script src='https://dl.dropboxusercontent.com/u/280199022/contentslider-by-blogproayoub.js'></script>
<script>
featuredcontentslider.init({
id: "slider1", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" to hide.
enablefade: [true, 0.5], //[true/false, fadedegree]
autorotate: [true, 6000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>
<macro:includable id='sections' var='col'>
<macro:if cond='data:col.num == 0'>
<macro:else/>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-1"' preferred='yes' showaddelement='yes'/>
<macro:if cond='data:col.num >= 2'>
<table border='0' cellpadding='0' cellspacing='0' mexpr:class='"section-columns columns-" + data:col.num'>
<tbody><tr>
<td class='first columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-1"'/></td>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-2"'/></td>
<macro:if cond='data:col.num >= 3'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-3"'/></td>
</macro:if>
<macro:if cond='data:col.num >= 4'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-4"'/></td>
</macro:if>
</tr></tbody></table>
<macro:if cond='data:col.includeBottom'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-3"' showaddelement='no'/>
</macro:if>
</macro:if>
</macro:if>
</macro:includable>
<div class='f'>
<div class='ftr'>
<div id='footer-bottom' style='-webkit-transition: all 0.3s ease-in-out; background-color: #222222; background-image: url(http://goo.gl/RpNGV); background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(55, 55, 55); border-bottom-style: solid; border-width: 0px 0px 0px; clear: both; color: #dddddd; font-family:droidkufi-bold, tahoma;; font-size: 0px; font: inherit; height: 0px; margin: 0px; max-width: 100%; min-width: 0px; outline: none medium; overflow: hidden; padding: 0px; text-align: start; vertical-align: baseline;border-top: 3px solid #ccc;'/>
<p>جميع الحقوق محفوظة لمدونة دروس الفوتوشوب ©2013-2014
| ، نقل بدون تصريح ممنوع
| <a href='http://dorossps.blogspot.com' rel='dofollow' target='_blank'>dorossps</a></p>
<a href='htps://www.facebook.com/alexisanas10' id='conv'>تطوير : ben anas</a></div></div>
<style>
.f {width: 100%;height: 63px;background: #252525;margin: 0 auto;}.ftr {width: 950px;margin: 0 auto;text-align: center;}.ftr p{margin:3px 0 0;font:12px droidkufi-bold,tahoma;color:#fff;text-align:center;text-shadow:1px 1px 1px #000}.ftr s{margin:3px 0 0;font-family:droidkufi-bold,tahoma;font-size:15px;color:#ccc;text-align:center;text-decoration:none;text-shadow:1px 1px 1px #000}.ftr s a{color:#979797}.ftr p a{color:#fff}.ftr img{float:left;margin:1px 0 0}
</style>
<!-- content -->
<div class='content-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/></div>
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
<b:section-contents id='sidebar-left-1'>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:blog.disableAdSenseWidget != "true"'>
<data:adCode/>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='التسميات' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<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:widget id='HTML3' 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: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' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><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 expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><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 expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><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>
</div>
</b:includable>
</b:widget>
</b:section-contents><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'>
<b:widget id='Followers1' locked='false' title='المتابعون' type='Followers'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<b:if cond='data:codeSnippet != ""'>
<h2 class='title'><data:title/></h2>
<b:else/>
<b:if cond='data:totalFollowerCount != ""'>
<h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
</b:if>
</b:if>
</b:if>
<div class='widget-content'>
<div expr:id='data:widget.instanceId + "-wrapper"'>
<b:if cond='data:codeSnippet != ""'>
<div style='margin-right:2px;'>
<data:codeSnippet/>
</div>
<b:else/>
<b:if cond='data:totalFollowerCount == ""'>
<span class='item-control following-not-admin'>
<b><data:failureSnippet/></b>
</span>
<span class='item-control blog-admin'>
<b><data:adminFailureSnippet/></b>
</span>
<b:else/>
<b:if cond='data:followingLinkPresent'>
<div class='follow-this profile-link item-control following-follow-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:followThisMessage/>
</a>
</div>
<div class='follow-this profile-link item-control following-stop-following-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:stopFollowingMessage/>
</a>
</div>
</b:if>
<div class='followers-grid'>
<b:if cond='data:totalFollowerCount == 0'>
<div class='profile-link item-control following-follow-this'>
<data:emptyFollowersMessage/>
</div>
</b:if>
<!--
Relies on the js written out in navbar.gxp
-->
<b:loop values='data:followers' var='follower'>
<div class='follower'>
<a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
<img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
</a>
</div>
</b:loop>
<div class='clear'/>
</div>
<div class='followers-canvas profile-link'>
<data:followersFooterMessage/>
<span class='item-control following-not-admin'>
<a expr:href='data:followersUri'>
<data:viewAllMessage/>
</a>
</span>
<span class='item-control blog-admin'>
<a expr:href='data:manageFollowersUri'>
<data:manageFollowersMessage/>
</a>
</span>
</div>
</b:if>
</b:if>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section-contents><b:section-contents id='footer-2-2'>
<b:widget id='HTML4' 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-contents><b:section-contents id='footer-2-3'>
<b:widget id='HTML7' 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-contents></html>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' 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>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
var googletag = googletag || {};
googletag.cmd = googletag.cmd || [];
(function() {
var gads = document.createElement('script');
gads.async = true;
gads.type = 'text/javascript';
var useSSL = 'https:' == document.location.protocol;
gads.src = (useSSL ? 'https:' : 'http:') +
'//www.googletagservices.com/tag/js/gpt.js';
var node = document.getElementsByTagName('script')[0];
node.parentNode.insertBefore(gads, node);
})();
</script>
<meta content='width=1100' name='viewport'/>
<meta content='مدونة دروس الفوتوشوب هي مدونة تهتم بوضع دروس وملحقات للفوتوشوب والخطوط والملفات المفتوحة وبرامج التصميم والفلاتر ' name='description'/>
<meta content='index, follow' name='robots'/>
<meta content='دورة دروس الفوتوشوب تحميل فوتوشوب 2014 برنامج فوتوشوب 2014 فوتوشوب ps برنامج فوتوشوب 2013 طريقة تحميل فوتوشوب دورة فوتوشوب احترافية برامج فوتوشوب 2014 فوتوشوب فيديو فوتوشوب انجليزي فوتوشوب فوتوشوب فوتوشوب-صور برنامج موقع تصاميم فوتوشوب موقع تصميم فوتوشوب فوتوشوب موقع كتاب فوتوشوب فوتوشوب تحميل 2014 مواقع فوتوشوب 2014 تحميل فوتوشوب فيديو برنامج فوتوشوب للفيديو دورة فوتوشوب اون لاين فيديو تصميم فوتوشوب فوتوشوب برامج تيليشارجي فوتوشوب مجانا طريقة تنزيل فوتوشوب برنامج الادوبي فوتوشوب برنامج فوتوشوب الفيديو تصاميم فوتوشوب مع الملحقات,dorossps , lessons photoshop , adobe photoshop , cs4 , cs5 , CS6 ,CC , cs7 , فكتور , بلوجر , سيو , فوتوشوب , تصميم , برمجة , شروحات , فيسبوك , تقنية ,إضافات , إنترنيت , الربح ,تطوير , programation , photoshop , blogger , facebook , psd , icons ,news' name='keywords'/>
<meta content='ben anas' name='author'/>
<meta content='ll-cc' http-equiv='content-language'/>
<meta content='blogger' name='generator'/>
<meta content='ar' name='language'/>
<meta content='(c) 2014 dorossps' name='copyright'/>
<meta content='blogger' name='generator'/>
<meta content='index, follow, ydir, odp, imageindex' name='googlebot'/>
<meta content='index, follow, ydir, odp, archive' name='slurp'/>
<meta content='index, follow, ydir, odp, archive' name='bingbot'/>
<meta content='2 hours' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='index, follow' name='robots'/>
<meta content='morocco' name='country'/>
<meta content='ben.anas' property='fb:admins'/>
<meta content='' property='fb:app_id'/>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title>
<b:else/>
<title>
<b:if cond='data:blog.pageType == "index"'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<data:blog.pageName/>
<b:else/>
Page Not Found | <data:blog.title/></b:if></b:if></title></b:if>
<link href='//www.blogger.com/static/v1/widgets/1554592164-widget_css_2_bundle_rtl.css' rel='stylesheet' type='text/css'/>
<link href='//www.blogger.com/dyn-css/authorization.css?targetBlogID=6850329966045510551&zx=8f725cbe-2331-49f1-b67a-0b1589864e41"/> ' rel='stylesheet' type='text/css'/>
<link href='http://im61.gulfup.com/c3iRi.ico' rel='shortout icon' type='image/vnd.microsoft.icon'/>
<script type='text/javascript'>
var blog = document.location.hostname;
var slug = document.location.pathname;
var ctld = blog.substr(blog.lastIndexOf("."));
if (ctld != ".com") {
var ncr = "http://" + blog.substr(0, blog.indexOf("."));
ncr += ".blogspot.com/ncr" + slug;
window.location.replace(ncr);
}
</script>
<b:skin><![CDATA[/*
-----------------------------------------------
Modify : ben anas
Web site : http://dorossps.bogspot.com
Name : template dorossps V.4.0.0
Blog name : دروس الفوتوشوب , dorossps , lessons photoshop
Design date : 2014
----------------------------------------------- */
html {overflow-x: hidden;}
.hidden{display:none;visibility:hidden}
.invisible{visibility:hidden}
::-webkit-scrollbar{background:#333;width:15px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
::-webkit-scrollbar-thumb{background:#ccc ;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);background-image:0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);background-image:0}
nav ul,ul,ol{list-style:none}
::selection,::-moz-selection{background:#ccc;color:#FFF;text-shadow:#4e265f 0 1px 0}
#navbar-iframe { display: none !important; }
/* Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#c0a154" value="#c0a154"/>
<Group description="Page Text" selector="body">
<Variable name="body.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="body.text.color" description="Text Color" type="color" default="#333333" value="#333333"/>
</Group>
<Group description="Backgrounds" selector=".main-inner">
<Variable name="body.background.color" description="Outer Background" type="color" default="#c0a154" value="#c0a154"/>
<Variable name="footer.background.color" description="Footer Background" type="color" default="transparent" value="transparent"/>
</Group>
<Group description="Links" selector=".main-inner">
<Variable name="link.color" description="Link Color" type="color" default="#cc3300" value="#cc3300"/>
<Variable name="link.visited.color" description="Visited Color" type="color" default="#993322" value="#993322"/>
<Variable name="link.hover.color" description="Hover Color" type="color" default="#ff3300" value="#ff3300"/>
</Group>
<Group description="Blog Title" selector=".header h1">
<Variable name="header.font" description="Title Font" type="font"
default="normal normal 60px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" value="normal normal 60px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
<Variable name="header.text.color" description="Title Color" type="color" default="#ffffff" value="#ffffff"/>
</Group>
<Group description="Blog Description" selector=".header .description">
<Variable name="description.text.color" description="Description Color" type="color"
default="#997755" value="#997755"/>
</Group>
<Group description="Tabs Text" selector=".tabs-inner .widget li a">
<Variable name="tabs.font" description="Font" type="font"
default="normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" value="normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
<Variable name="tabs.text.color" description="Text Color" type="color" default="#727272" value="#727272"/>
<Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#000000" value="#000000"/>
</Group>
<Group description="Tabs Background" selector=".tabs-outer .PageList">
<Variable name="tabs.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>
<Variable name="tabs.separator.color" description="Separator Color" type="color" default="transparent" value="transparent"/>
</Group>
<Group description="Date Header" selector="h2.date-header">
<Variable name="date.font" description="Font" type="font"
default="normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="date.text.color" description="Text Color" type="color" default="#997755" value="#997755"/>
</Group>
<Group description="Post" selector="h3.post-title, .comments h4">
<Variable name="post.title.font" description="Title Font" type="font"
default="normal normal 30px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" value="normal normal 30px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
<Variable name="post.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>
<Variable name="post.border.color" description="Border Color" type="color" default="#ccbb99" value="#ccbb99"/>
</Group>
<Group description="Post Footer" selector=".post-footer">
<Variable name="post.footer.text.color" description="Text Color" type="color" default="#997755" value="#997755"/>
</Group>
<Group description="Gadgets" selector="h2">
<Variable name="widget.title.font" description="Title Font" type="font"
default="normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" value="normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
<Variable name="widget.title.text.color" description="Title Color" type="color" default="#000000" value="#000000"/>
<Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#777777" value="#777777"/>
</Group>
<Group description="Footer" selector=".footer-inner">
<Variable name="footer.text.color" description="Text Color" type="color" default="#686161" value="#686161"/>
<Variable name="footer.widget.title.text.color" description="Gadget Title Color" type="color" default="#000000" value="#000000"/>
</Group>
<Group description="Footer Links" selector=".footer-inner">
<Variable name="footer.link.color" description="Link Color" type="color" default="#727272" value="#727272"/>
<Variable name="footer.link.visited.color" description="Visited Color" type="color" default="#727272" value="#727272"/>
<Variable name="footer.link.hover.color" description="Hover Color" type="color" default="#ffa116" value="#ffa116"/>
</Group>
<Variable name="body.background" description="Body Background" type="background"
color="transparent" default="$(color) url(//www.blogblog.com/1kt/watermark/body_background_birds.png) repeat scroll top left" value="$(color) url(//www.blogblog.com/1kt/watermark/body_background_birds.png) repeat scroll top left"/>
<Variable name="body.background.overlay" description="Overlay Background" type="background" color="transparent"
default="transparent url(//www.blogblog.com/1kt/watermark/body_overlay_birds.png) no-repeat scroll top right" value="transparent url(//www.blogblog.com/1kt/watermark/body_overlay_birds.png) no-repeat scroll top right"/>
<Variable name="body.background.overlay.height" description="Overlay Background Height" type="length" default="121px" value="121px"/>
<Variable name="tabs.background.inner" description="Tabs Background Inner" type="url" default="none" value="none"/>
<Variable name="tabs.background.outer" description="Tabs Background Outer" type="url" default="none" value="none"/>
<Variable name="tabs.border.size" description="Tabs Border Size" type="length" default="0" value="0"/>
<Variable name="tabs.shadow.spread" description="Tabs Shadow Spread" type="length" default="0" value="0"/>
<Variable name="main.padding.top" description="Main Padding Top" type="length" default="30px" value="30px"/>
<Variable name="main.cap.height" description="Main Cap Height" type="length" default="0" value="0"/>
<Variable name="main.cap.image" description="Main Cap Image" type="url" default="none" value="none"/>
<Variable name="main.cap.overlay" description="Main Cap Overlay" type="url" default="none" value="none"/>
<Variable name="main.background" description="Main Background" type="background"
default="transparent none no-repeat scroll top left" value="transparent none no-repeat scroll top left"/>
<Variable name="post.background.url" description="Post Background URL" type="url"
default="url(//www.blogblog.com/1kt/watermark/post_background_birds.png)" value="url(//www.blogblog.com/1kt/watermark/post_background_birds.png)"/>
<Variable name="post.border.size" description="Post Border Size" type="length" default="1px" value="1px"/>
<Variable name="post.border.style" description="Post Border Style" type="string" default="dotted" value=""/>
<Variable name="post.shadow.spread" description="Post Shadow Spread" type="length" default="0" value="0"/>
<Variable name="footer.background" description="Footer Background" type="background"
color="transparent" default="$(color) url(//www.blogblog.com/1kt/watermark/body_background_navigator.png) repeat scroll top left" value="$(color) url(//www.blogblog.com/1kt/watermark/body_background_navigator.png) repeat scroll top left"/>
<Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
default="transparent none repeat scroll top left" value=""/>
<Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
<Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
*/
/* Use this with templates/1ktemplate-*.html */
/* Content
----------------------------------------------- */
body, .body-fauxcolumn-outer {
font: 13px droidkufi-bold, tahoma;
color: #686161;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2SayndttexW7yH2kTTZatPufwJ8riEpgVqMdh2u3z_m5MgD4dHDOUs-5kZFMf5TuUB_iVy7SyjwmtQ2HBuRqW_mH_uuXliOT8mlkjqB3hZdfPvJrTsrBIM3rUgj3fpCPl0iL5xC2_CT4/s1600/body-bg7.png);
line-height: 24px;
}
.widget {
line-height: 24px;
}
html body .content-outer {
min-width: 0;
max-width: 100%;
width: 100%;
}
.stwrapper{
left: 10px !important;
}
* {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@font-face {
font-family: 'DroidKufi-Bold';
font-style: normal;
font-weight: 700;
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot);
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2) format('x-woff2'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff) format('woff'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf) format('truetype');
}
.h{
width: 100%;
background:#fff;
}
.top {
width:100%;
background:#515151;
border-bottom:1px solid #5e5e5e;
}
.top .menu1{
width: 980px;
margin: 0 auto;
}
.top .menu1 ul{
margin:0;
list-style:none;
float:right;
padding:0;
}
.top .menu1 ul li{
float:right;
}
.top .menu1 ul li a{
text-decoration: none;
font: 13px droidkufi-bold, tahoma;
color: #fff;
padding: 11px 8px 10px;
line-height: 34px;
}
.top .menu1 ul li a:hover{
color:#d8d8d8;
background:#3c3c3c;
}
#menua{
background: url(http://im88.gulfup.com/zcMD6g.png) 90px 13px no-repeat;
padding: 7px 20px;
}
#menub{
background: url(http://im88.gulfup.com/zcMD6g.png) 148px 13px no-repeat;
padding: 7px 20px;
}
#menuc{
background: url(http://im88.gulfup.com/zcMD6g.png) 85px 13px no-repeat;
padding: 7px 20px;
}
#menud{
background: url(http://im88.gulfup.com/zcMD6g.png) 111px 13px no-repeat;
padding: 7px 20px;
}
.logoandans{
padding: 30px 0;
margin: 0 auto;
width:990px;
text-align: center;
}
.logoandans .logo{ float: right;}
.logoandans .ads{ width:728px; height:90px; float:left; }
.logoandans .ads img{ width:728px; height:90px;}
.m{
width: 990px;
margin: 0 auto;
background:#1ec791;
}
.m ul{
margin:0;
list-style:none;
float:right;
padding:0;
}
.m ul li{
float:right;
}
.m ul li a{
text-decoration: none;
font-size: 12px;
font-family: droidkufi-bold, tahoma;
color: #fff;
padding: 16px 15px 16px;
line-height: 54px;
}
.m ul li a:hover{background:#3c3c3c;}
.m ul li .home{ background: #515151 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4vCslW7z3huUJ4Ac8KO2ClLxJsiAWWH4BHmObs9C8BW8Lm2YcK_YAEJKPwLCwJmd-eR9Qv1DyZ36KyZTdlVC5urdaHbfBjXwFllNCDGKAFHAnzfMplsSbg36qKvGZ88r7KQBu3veiU4A/s1600/home.png) center no-repeat;
padding: 16px 27px;}
.m ul li .home:hover{ background:#333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4vCslW7z3huUJ4Ac8KO2ClLxJsiAWWH4BHmObs9C8BW8Lm2YcK_YAEJKPwLCwJmd-eR9Qv1DyZ36KyZTdlVC5urdaHbfBjXwFllNCDGKAFHAnzfMplsSbg36qKvGZ88r7KQBu3veiU4A/s1600/home.png) center no-repeat;}
.m ul li ul{display: none;position: absolute;z-index: 99999;float: right;background: #2A2A2A;border-radius:0 0 5px 5px;}
.m ul li ul li{float: none;
margin: 0;
padding: 7px 14px;
width: 192px;
border-top: 1px solid rgb(34, 34, 34);}
.m ul li ul li a{ text-align:center; background:none;padding:0; line-height:0;}
.m ul li ul li a:hover{ text-align:center; background:none; border:none; }
.m ul li:hover > ul{ display:block; }
.m ul :hover > a{ background:#3c3c3c;}
.m ul ul :hover > a{ border:none; background: none; color:#8f8f8f;}
.recherche {
float: left;
height: 54px;
width: 150px;
}
#b-query {
width: 106px;
padding: 10px 4px 19px;
margin: 0;
background: #3c3c3c;
border: none;
float: right;
text-align: right;
color: #b5b5b5;
font: 13px droidkufi-bold, tahoma,Tahoma, Geneva, sans-serif;
}
#b-searchbtn {
float: left;
width: 36px;
height: 54px;
font: 13px droidkufi-bold, tahoma,Tahoma, Geneva, sans-serif;
background: #515151 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcpSldnMYnkwnLeS2nzbxYiozNxZkhE4a3RBLYE6l8F0rn7cgMb91EOHvDWKmidLrnVenfrc4mR8WuuT6075hS0SKcn1foQW9DEmaHpUzstGdt86Syg4Ej-EZZLaCMbNhIhIyvV2Q1fkM/s1600/srch.png) center no-repeat;
cursor: pointer;
border: none;
margin: 0;
padding: 0;
}
#b-searchbtn:hover {
background: #333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcpSldnMYnkwnLeS2nzbxYiozNxZkhE4a3RBLYE6l8F0rn7cgMb91EOHvDWKmidLrnVenfrc4mR8WuuT6075hS0SKcn1foQW9DEmaHpUzstGdt86Syg4Ej-EZZLaCMbNhIhIyvV2Q1fkM/s1600/srch.png) center no-repeat;
}
.s-social{ width: 125px; float:left; margin-top: 8px;}
.top .s-social .face{ width:20px; height:21px;float:left; margin: 7px 10px 0 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWd-PweKhdPClmhD_OgSVEAqt7CMU2dywl6rN2AkQQ0uG-L6aVshfiVAqQtcGeMI98MzFT7yTBevE6YR44xgadevEV05DUAdmaBlD624KcCb9ROZ0azTh5MKXQrkOtI_py7z2oPFFzGi0/s1600/f1.png) center no-repeat;}
.top .s-social .face:hover{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZddf6TdtUU2S2D5oeM9Qajca2XDo-KOKmjQZax7-9N6Gj29Gu48EVZCRvTvSeKd6EwinhIkaxI2w5HJki7l9G4y5SnXw-xpt_r6gkFlU5WJd-oc1CX3HTrdWlx-Vg_65BxWZOEjuygjQ/s1600/f2.png) center no-repeat; }
.top .s-social .twt{ width:20px; height:21px;float:left; margin: 7px 10px 0 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifWisigg6nMSMkUNu2WfRkvRXxN0WgO3GpIoRB3sXaczmYTIyZB8BYOFn5T_X-77YM0cJ_ZTrLvtUC57JalAjTuA_nMUPbu5Z6vuuNeumjIrLSaqNA0r65ds16ERpDYwiASB_53-ODtSU/s1600/t1.png) center no-repeat; }
.top .s-social .twt:hover{ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHAM4_urV7IcQ4GSLzATPSrVtTVA5CK4fcN3jjl-LUR4bM9kz3WL1BI1GjxSEbMyG676ydCbjMy15YEyu6CkPVNeh1-tnkYVhPldQbPP6wuTAtAew5yl1E6znuQJ-G-LbYICcUSFc8ZH8/s1600/t2.png) center no-repeat; }
.top .s-social .you{ width:20px; height:21px;float:left; margin: 7px 10px 0 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdChTBJz5PdAZ0KgVe94ImZA40cUBlDXrKxXDuNR3GTgb23ET2Q4A7ibhjoUYXeLh1OV5F3NITsISkchJe-0ghE5yNlTchwWJdhqGt1TaU-N5DdDGQ8tI8ZEP7JcV_0PSi7NqyY2Eakbo/s1600/y1.png) center no-repeat; }
.top .s-social .you:hover{ background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgejIxMO0BG0VIDnhLusmbBp4Z6vJacfNSk9SiyR_Qf3ZjeYO5cKk29oYkNeShUB_m6gxUnpRVAPmhDTFpvxmMlNiE-GioH8Lon60z5HC2uH6jgkUhPsNw8Dj8vQbRaHzSV3ONKPm0Yi-w/s1600/y2.png) center no-repeat;
}
.top .s-social .r{ width:20px; height:21px;float:left; margin: 7px 10px 0 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCvucHYfboCYNzqlRCiUkiZfFNMPJDOxq_d-vvfvmxJcM0r0xyM4AoKSjqUNRr9QNtpZGkYXXna4YD2JObJAzmA84SWEVp3ROv-5JOD6nzKlm5ofpUfXi0qE6BXqoz_X93WtEVdhKQAnQ/s1600/r1.png) center no-repeat; }
.top .s-social .r:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ3Rt5qGcOtIEQ4mesleahAd40TxkG1fJRALnGg0fAs6wXq_Lg2WL6NzTIgWE2jkXxOWm80svxR92MUUIdDf4sIF9jh3pIeV9aVjT9PQYWNjdMGVJQY1YPYPoxkjjClgjyfHkLVpMJlVI/s1600/r2.png) center no-repeat; }
.ins{
width: 100%;
height:63px;
margin-top:19px;
}
#navhead{
margin-top: 10px;
margin-bottom: -10px;
}
#byard-topsubsbox {background: #fff;
background: #fff;
width: 961px!important;
height: 90px!important;
margin-top: 20px;
padding: 10px;
border: 1px solid #ddd;
overflow: hidden;
margin: 0 auto;}
#subscriptionsection {float: right;
border-left: 1px solid rgb(168, 168, 168);
padding-left: 56px;
margin-top: -3px;
padding-top: 9px;}
.subsbox-heading {font-size: 20px;
font-family: droidkufi-bold;
text-align: center;
font-weight: bold;}
.topsubsboxname {background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvxfGK1jaBZbYjaX_r9Q1EIkYXOsw-d1v5oj0m9IsQQ47Q7EXY__Rka_Q3r98t4krQgUBh7GEzWL7zb5bRnbwv-xjIBUNidLAt1eVo4-oI1k9FErW-o-G2jxG_2uWhzklQdm5w2eKwwcY/s320/name.png) no-repeat 7px 8px;border:1px solid #ddd; font-family:droidkufi-bold; font-size:14px; font-weight:bold;color:hsla(0,0%,27%,0.69); width:150px; margin-top:10px; height:24px; padding:5px 28px 5px 15px; vertical-align:top; display:inline-block;margin-right:15px;}
.topsubsboxemail {background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRM4rNcOG_U9-0U4gK61faeZ-4RVx_y0gWMrUjO1oF8j-tMoTelvu9d8yU6cTn2Mp-6aHgJ_E8ewdmR-z6DnPue1aukM3u1qtlZ3FkD_1plHt97_AhDl9paDDcJCflWiYl1UhiiRRBfiw/s320/email.png) no-repeat 7px 10px; border:1px solid #ddd; font-family:droidkufi-bold; font-size:14px; font-weight:bold; color:hsla(0,0%,27%,0.69); width:150px; height:24px; margin-right:5px; margin-top:10px; padding:5px 28px 5px 15px;vertical-align:top; display:inline-block;}
.topsubsboxname:hover,.topsubsboxemail:hover {border:1px solid #bebebe; box-shadow:0.5px 1.5px 2px rgba(5,95,255,.1);}
.topsubsboxbutton {-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;box-shadow:inset 0px 1px 0px 0px #bbdaf7;background:-webkit-gradient( linear, right top, right bottom, color-stop(0.05, #00B3FF), color-stop(1, #349ECB) );background:-moz-linear-gradient( center top, #00B3FF 5%, #349ECB 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00B3FF', endColorstr='#349ECB');background-color:#00B3FF; margin-top:10px; margin-right:5px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #84bbf3;display:inline-block;color:#ffffff;font-family:droidkufi-bold;font-size:13px;font-weight:bold;padding:5px 10px;text-decoration:none;text-shadow:1px 1px 0px #528ecc;}.topsubsboxbutton:hover {background:-webkit-gradient( linear, right top, right bottom, color-stop(0.05, #349ECB), color-stop(1, #00B3FF) );background:-moz-linear-gradient( center top, #349ECB 5%, #00B3FF 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#349ECB', endColorstr='#00B3FF');background-color:#349ECB;}.topsubsboxbutton:active {position:relative;top:1px;}
#socialsection {float:right;margin-top:20px;}
.socialheading{font-size: 20px;
font-family: droidkufi-bold;
text-align: center;
font-weight: bold;}
.socialicons ul {list-style: none;
display: inline;
float: left;
margin-top: 10px;
margin-left: 38px;}
.socialicons li {opacity: 1;float:right;padding:0px 0px 0px 10px;}
.socialicons li:nth-child(6) {padding: 0;}
.socialicons li a img{height:49px;width:49px}
.ins .txt2 {
border: none;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmsBjtB4jsmb8vKwrkCovRep8B2Gi1_dnkMQfXK7zXeAcX-OoUUZB0M1ZnUQlTYKXsUZAYAEY7aLDf06mWD44B-M5LG48Y4wsN8aDweswzDeO8wrBoFHGtPm3-mvJoK2dAMKNfXd8v4dM/s1600/back-sub.png);
font: 13px droidkufi-bold, tahoma,Tahoma, Geneva, sans-serif;
color: #adadad;
padding: 24px 7px 23px;
float: right;
margin: 0;
text-align: right;
width: 243px;
}
.ins .btn2 {
background: #ffb546 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjHJUhMxn_qztrXVX7ap5XzCA-TxXU2rtRNIsAZcIaTLWVeuwEJ8Nzq-yY62tldUC6JTPdFB0H48oirmTw8Mws2_PdN0gK4EujYg9q6fwxe28B3_oc93OmRAyqB1koNJ17UpHokw68XwU/s1600/btn-sub.png) center no-repeat;
float: right;
border: none;
border-right: 3px solid #ffa116;
width: 63px;
height: 63px;
cursor: pointer;
}
.ins .btn2:hover {
background: #ffb546 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhInFZUkShg9yJ5YUornk7f8d8_O5yt_LO0XvrWN_dP7duXUKrufeWEMuqFcuaWmvpvbBci4Lva9oBaumf1JXpWKxe_vQxz9sy1chHbB0WkCy0y4HhNrBvtnzOOZHpfmQ0ppwI7h4EpLSU/s1600/back-sub2.png) center no-repeat;
}
.content-outer {
font-size: 100%;
}
a:link {
text-decoration:none;
color: #727272;
}
a:visited {
text-decoration:none;
color: #727272;
}
a:hover {
color: #ccc;
}
.body-fauxcolumns .cap-top {
margin-top: 30px;
background: transparent none no-repeat scroll center center;
height: 121px;
}
.content-inner {
padding: 0;
}
.showpageArea { color: #333; padding:0px;}
.showpageArea a {color: #333; margin:0;}
.showpageNum a {padding: 5px 10px;
margin: 0 5px;
background: #FFF;
border: 1px solid #ccc;}
.showpageNum a:hover { color: #8B8B8B; }
.showpageOf{margin:0 10px 0 0; color: #8B8B8B !important;}
.showpagePoint {color:#fff; padding: 5px 10px; margin:0 5px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4nbQnC9u5w_zADYaQUPG39yxPrgFWgti2FIx6UaKU1Xq0RoFh-KfAKxb0BkF29AhLvXWTK-B8seMK5IpTz_NcIDyaJLaFl02mDSJHlmfu3HXA-b4qDlxH-tOK_gvwkVUEv0IyZvy-1yI/s1600/back-slid.png);border: 1px solid #fff;}
.status-msg-wrap{
width: 645px;
margin: 0;
margin-bottom: 10px;
}
.status-msg-border {
border:none;
border: 1px solid #525252;
}
.sidebar .widget{
padding:10px;
line-height: 17px;
box-shadow: 0 1px 2px #acacac;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7));
background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
z-index: 1;
}
.column-left-inner h2{
color: rgb(255, 255, 255);
font: 13px droidkufi-bold;
padding: 10px 10px;
border-right: 4px solid #333;
margin: -10px -10px 10px;
background:#1ec791;
text-align: center;
}
.widget {
margin: 0 0 20px !important;
}
#alwansd{height: 186px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4nbQnC9u5w_zADYaQUPG39yxPrgFWgti2FIx6UaKU1Xq0RoFh-KfAKxb0BkF29AhLvXWTK-B8seMK5IpTz_NcIDyaJLaFl02mDSJHlmfu3HXA-b4qDlxH-tOK_gvwkVUEv0IyZvy-1yI/s1600/back-slid.png);margin: 0 0 20px 14px;padding:14px;}
.alwanw{position: relative;height: 163px;}
.alwanw .contentdiv{visibility: hidden;position: absolute;height: 96%;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.alwan-ps{text-align: right;float: right;width: 100%;height: 18px;margin-right: 200px;}
.alwan-ps a{display:block;font-size:0px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg8ITpFZBu_D4EHAiiZQtO4853BdZr9RNtshzfkpyGAcFb5SAs_ymcrFsk_821T7aWHPwe2tf6Ulv9vbBHcchfqltpbduHPoDJk___AjVbPBtjtRfTBuG6maC2pEPJRL4Ux0Y1cUiaOmE/s1600/selec-slid.png )center no-repeat;width: 18px;height: 18px;float: right;margin:0 0 0 8px;}
.alwan-ps a.selected{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-t8xZ9LUXP1sjUGxN4h8CQykURYmdtLqiIi9urMnRthqCzGEpcVA7e10hZS_0QFj2ZOVqSWsGsfq_5FL9Eyf-xV1BDoaNVpEHkuLNzfT5Kvw4F0HheA0f7p4PzQ1A2ZB80vPZUhHpW7I/s1600/selec-slid2.png )center no-repeat;}
.alwan-ps .next,.alwan-ps .prev {display:none;}
.alwanip{width: 412px;padding: 0 !important;bottom: 0;float: left !important;margin-right: 100px;}
.alwanip a{color:#4e4e4e;font: 17px droidkufi-bold;margin:0;padding:0;line-height: 26px;}
.alwanip h6{margin:0;}.alwanip h6 a:hover {color:#7b7b7b;}.alwanip .alwand{display:none;}.alwanip p{font-size: 13px;margin: 0;color: #727272;line-height: 26px;}.alwansf a img{float: right !important;z-index:-1; }.alwansf {float: right !important; width:100px !important;}
.alwansf a{box-shadow: 0 0 9px #7e7e7e inset;width: 186px;height: 186px;z-index: 999999999999 !important;float: right;}
.column-center-outer {
width: 100%;
}
/* Author Bio */ .postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 0.7em; } .postauthor img { border: 5px solid #e2dede; float: right; margin-left: 1em; } .postauthor h3 { color: #666; font-size: 1.2em; margin-bottom: 5px; margin-top: 0; } .postauthor p { color: #515151; font-size: 12px; margin-bottom: 10px; margin-top: 0; } /* Author Bio End */
.item-thumbnail a img {
padding: 0px;
width: 52px;
height: 52px;
border-radius: 5px;
z-index: -1;
}
.alwantt .item-thumbnail a img {
z-index: 1;
}
.alwantt .PopularPosts .widget-content ul li {
border-top: none;
padding: 6px 0;
}
.PopularPosts .item-thumbnail {
float: right;
margin: 0 0 0 8px;
width: 52px;
height: 52px;
border-radius: 5px;
box-shadow: 0 0 9px #7e7e7e inset;
}
.PopularPosts .item-title a {
font-size: 12px;
font-family: droidkufi-bold, tahoma;
line-height: 22px;
}
.PopularPosts .item-title {
padding-top: 3px;
}
.PopularPosts .widget-content ul li {
padding:8px 0 6px;
border-top: solid 1px rgb(236, 235, 235);
}
.PopularPosts .widget-content ul li:first-child{
padding-top:0px
}
.PopularPosts .widget-content ul li:hover {
}
.Label li {
float: right;
margin: 0 0 9px 9px;
padding: 7px 18px !important;
background: rgb(236, 236, 236);
border-right: 3px solid rgb(143, 143, 143);
display: inline-block;
}
.Label li:hover{
border-right: 3px solid #ffb546;
}
.content-cat h3, .content-cat p i, .content-cat p br{display:none;}
.content-cat p{
width: 156px;
float: right;
text-align: right !important;
color: transparent;
padding: 0 7px 15px;
margin: 7px 0;
border-bottom: 1px solid #DDD;
height: 180px;
}
.content-cat p b{
font-size: 12px;
font-family: droidkufi-bold, tahoma;
color: #7B7B7B;
line-height: 23px;
}
.content-cat p img{
width: 150px;
height:102px;
float:right !important;
margin: 0 0 7px 0 !important;
padding:0 !important;
border:3px solid #DDD !important;
}
.content-cat p a{
font-size: 0px;
width: 100%;
height: 108px;
position: relative;
margin-top: -184px;
}
.content-cat p a:hover{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqsnYKmbwhRjxquxR_wDZYy7iPkcFb-iVaA6Q2FIP5h4wQzDtPi7HAPHu3TwFYiHLcL4HaNStBtYCsu8TyDyzrQOZBE1u68VZz4UAB4GAKoM_bPPh5jLITmGnH1c_2FT3rdcn5uFXb9Fw/s1600/rech.png) center no-repeat;
}
.footer-inner {
padding: 30px 15px;
}
.comments {
clear: both;
margin: 20px -15px;
padding: 0 15px;
}
.sidebar #HTML1{
background:none;
box-shadow:none;
padding:0;
}
.social-icone{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4nbQnC9u5w_zADYaQUPG39yxPrgFWgti2FIx6UaKU1Xq0RoFh-KfAKxb0BkF29AhLvXWTK-B8seMK5IpTz_NcIDyaJLaFl02mDSJHlmfu3HXA-b4qDlxH-tOK_gvwkVUEv0IyZvy-1yI/s1600/back-slid.png);
box-shadow:none;
padding:10px;
overflow: hidden;
}
.social-icone div{ margin: 12px 12px;}
.social-icone a{ text-decoration:none;}
.you-icone b, .twt-icone b,.face-icone b,.rss-icone b{ font:bold 14px tahoma; color:#fff;}
.you-icone span,.twt-icone span,.face-icone span,.rss-icone span{font: 11px tahoma; color:#f4f4f4;}
.you-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNCvE6GeStDeKKnk95M7INCIGNQNZIfmai6x9DT_p0Fi2xG_NRlWmfYl-5hqNmdnDriYT_tfNZdZipfEuAEhvGRPu98_D3z3hANWvR38B9tTHe-Xc8ZpQsRGXwtXRw0wtpY21FQj5DV2g/s1600/youtube.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.twt-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGUtHd-aMU5oScsZjquLM5eiSYlA1Q0fy6AsiCYOCle-2zd5EHk9u4K0PyIw91Bm7A1VY6Hn3pJCV2f2E-EJ1e345MfCAdi1LEDQaCn2aJ2hfRf8MpEz8ysvjg_kvdBusrtS9ktQusPew/s1600/twitter.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.face-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDJt0mXn708U6JI9PG4a9ExphySNd2IU-Y1i26jo__gqjl9pHzSpUUAh8jJbJpoosoWm00RiSjEIKUEdl46I2NJL0AMG-_DkMKrRvTScicck0lJ1LTFmvxwas3fizVb7vXZn84hlCS36g/s1600/facebook.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.rss-icone{
width: 50px;
height: 32px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEino6SQKCXYkyl6mCMPe7FKNrBeGF8vKUn43isq8kWiLtxIpGKGrMRx6LgGUAhW1cifbJdMYdCxuaeVA9othmIjL9P00Oqy-Hc8MhEcw4f-GaI07vxKW8gz1j7YB40F3g9L0mo45gnDqhM/s1600/RSS.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.you-icone:hover , .twt-icone:hover,.face-icone:hover,.rss-icone:hover{ opacity:0.7;}
.post-footer-line > * {
margin-left: 0;
}
/* Header
----------------------------------------------- */
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: 20px;
padding-right: 20px;
}
.Header h1 {
font: normal normal 60px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;
color: #ffffff;
text-shadow: 2px 2px rgba(0, 0, 0, .1);
}
.Header h1 a {
color: #ffffff;
}
.Header .description {
font-size: 140%;
color: #7b7b7b;
}
/* Tabs
----------------------------------------------- */
.tabs-inner .section {
margin: 0 20px;
}
.tabs-inner .PageList, .tabs-inner .LinkList, .tabs-inner .Labels {
margin-left: -11px;
margin-right: -11px;
background-color: transparent;
border-top: 0 solid #ffffff;
border-bottom: 0 solid #ffffff;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .3);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .3);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .3);
box-shadow: 0 0 0 rgba(0, 0, 0, .3);
}
.tabs-inner .PageList .widget-content,
.tabs-inner .LinkList .widget-content,
.tabs-inner .Labels .widget-content {
margin: -3px -11px;
background: transparent none no-repeat scroll right;
}
.tabs-inner .widget ul {
padding: 2px 25px;
max-height: 34px;
background: transparent none no-repeat scroll left;
}
.tabs-inner .widget li {
border: none;
}
.tabs-inner .widget li a {
display: inline-block;
padding: .25em 1em;
font: normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;
color: #979797;
border-right: 1px solid transparent;
}
.tabs-inner .widget li:first-child a {
border-left: 1px solid transparent;
}
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
color: #000000;
}
/* Headings
----------------------------------------------- */
h2 {
font: normal normal 20px droidkufi-bold, Georgia, Utopia, 'Palatino Linotype', Palatino, serif;
color: #000000;
margin: 0 0 .5em;
}
h2.date-header {
font: normal normal 16px droidkufi-bold, Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #7b7b7b;
}
/* Main
----------------------------------------------- */
.main-inner .column-center-inner,
.main-inner .column-left-inner,
.main-inner .column-right-inner {
padding: 0 0px;
}
.section {
margin: 0px;
}
.main{
}
.Blog{
margin:0;
}
.main-outer {
margin-top: 0;
background: transparent none no-repeat scroll top left;
}
.main-inner {
padding:20px 0 0;
}
.main-cap-top {
position: relative;
}
.main-cap-top .cap-right {
position: absolute;
height: 0;
width: 100%;
bottom: 0;
background: transparent none repeat-x scroll bottom center;
}
.main-cap-top .cap-left {
position: absolute;
height: 0;
width: 0;
right: 0;
bottom: 0;
background: transparent none no-repeat scroll bottom left;
}
/* Posts
----------------------------------------------- */
.post-outer {
padding: 12px;
box-shadow: 0 1px 2px #acacac;
width: 293px;
height:317px;
margin: 0 0 12px 12px;
float: right;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}
h2.post-title {
position: absolute;
bottom: 158px;
z-index: 99999;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGli3JA2tfaVtWeBmb1eOgvDJx2nk1N8GIcUA00NEroeV7YFoqPGGrFTYGPM71NTKdVykYakpIxjpBcv4Ss6PNfPKJLZql5f9iWoVUOcn3LGuDGUCR4g7aU1D_rKJA-AuwOwwdbUnWodo/s1600/back-post.png);
padding: 10px 9px;
margin:-12px -12px 0;
width: 299px;
text-align: center;
}
h2.post-title a {
font: bold 14px 'DroidKufi-Bold';
color: #fff;
}
h2.post-title a:hover {color: #ffa21a;}
.comments h4 {
font: 18px arial ;
margin: 1em 0 0;
}
.comment-form{
max-width:100% !important;
}
.post-body {
font-size: 85%;
line-height: 25px;
height: 317px;
}
.shadow-p{position:absolute;top:0;margin: -12px -12px 0;width: 317px;height: 171px; box-shadow: 0 0 9px #7e7e7e inset;}
.post-header {
padding: 0;
color: #818181;
font-size: 12px;
}
.post-header a{color:#818181;}
.post-header a:hover{color:#ffa116;}
.post-header-line-1{
display:none;}
.rmlink{
background:#e9e9e9;
border-bottom: 2px solid #d8d8d8;
float: right;
margin-top: 6px;
width: 100%;
height: 35px;
}
.rmlink .post-r {
background: #1ec791;
color: #fff;
font:12px droidkufi-bold,tahoma;
padding: 6px 12px 8px;
border-right: 4px solid #515151;
float: right;
}
.rmlink .post-r:hover {
background: #595959;
}
.post-a {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFN4ye0j_C97Vhg_-rdhyphenhyphen5kKL0-1QK3VsFmVLMCsTuOayMVRHF8Go4a1Ez9iMHIRKIMg97STgyIAjAI3IedrPRE9Q0Lvm97sSgelXNYQrQseJ63vGjN714sOa30xMXTfywFMp16gwh2e8/s1600/othor.png) center right no-repeat;
color: #a1a1a1;
font-size: 12px;
font-family:droidkufi-bold, tahoma,tahoma;
padding: 6px 36px 4px 10px;
float:right;
}
.post-t {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiozUz1DqldSmzxJLe-oy3rZaXm05XaWz_t_2kLucgguVkuNVEdbEMRHvD8W4B07DG3iMPs_HgkkEZW9jIlPGXaunASTQ-moIACFGA0S2aQtVVz9KKcruYirruVIDGLvP156UaGgfFUQgA/s1600/day.png) center right no-repeat;
color: #a1a1a1;
font-size: 12px;
font-family:droidkufi-bold, tahoma,tahoma;
padding: 6px 36px 4px 10px;
float:right;
}
.post-footer {
margin: 0px 0 0;
padding: 0px 0 0;
color: #979797;
display:none;
}
#blog-pager {
padding: 10px;
margin:0;
width: 95%;
overflow: inherit;
}
#comments .comment-author {
padding-top: 1.5em;
border-top: dashed 1px #777777;
background-position: 0 1.5em;
}
#comments .comment-author:first-child {
padding-top: 0;
border-top: none;
}
.avatar-image-container {
margin: .2em 0 0;
}
/* Comments
----------------------------------------------- */
.comments {
clear: both;
margin-top: 10px;
margin-bottom: 0px;
line-height: 1em;
}
.comments .comments-content {
font-size: 14px;
margin-bottom: 16px;
font-family:droidkufi-bold;
text-align:right;
line-height: 1.4em;
}
.comments .continue a, .comments .comment .comment-actions a {
display: inline;
font-family: DroidKufi-bold;
font-size: 11px;
padding: 2px 5px;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
color: #FFF;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 10px;
border: 1px solid #333;
background: #ccc;
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ccc));
background: -moz-linear-gradient(top, #279d97, #279d97);
filter: progid:DXImageTransform.Microsoft.gradient(startCo lorstr='#279d97', endColorstr='#279d97');
}
.comments .continue a:hover, .comments .comment .comment-actions a:hover {
text-decoration: none;
background: #000;
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
background: -moz-linear-gradient(top, #ecdc7d, #ecdc7d);
filter: progid:DXImageTransform.Microsoft.gradient(startCo lorstr='#ecdc7d', endColorstr='#ecdc7d');
}
.comments .continue a:active, .comments .comment .comment-actions a:active {
position: relative;
top:1px;
background: -webkit-gradient(linear, left top, left bottom, from(#0066FF), to(#0099CC));
background: -moz-linear-gradient(top, #0066FF, #0099CC);
filter: progid:DXImageTransform.Microsoft.gradient(startCo lorstr='#0066FF', endColorstr='#0099CC');
}
.comments .comments-content .comment-thread ol {
list-style-type: none;
padding: 0;
text-align: none;
}
.comments .comments-content .inline-thread {
padding: 0.5em 1em 0 1em;
}
.comments .comments-content .comment-thread {
margin: 8px 0px 0px 0px;
}
.comments .comments-content .comment-thread:empty {
display: none;
}
.comments .comments-content .comment-replies {
margin-top: 1em;
margin-left: 40px; font-size:13px;
}
.comments .comments-content .comment {
padding-bottom:8px;
margin-bottom: 0px
}
.comments .comments-content .comment:first-child {
padding-top:16px;
}
.comments .comments-content .comment:last-child {
border-bottom:0;
padding-bottom:0;
}
.comments .comments-content .comment-body {
position:relative;
}
.comments .comments-content .user {
font-style:normal;
font-weight:bold;
font-size:17px;
font-family:droidkufi-bold;
}
.comments .comments-content .user a {
color: #000;
font-size:14px;
}
.comments .comments-content .user a:hover {
text-decoration: none;
color: #CCC;
}
.comments .comments-content .icon.blog-author {
width: 18px;
height: 18px;
display: inline-block;
margin: 0 0 6px -4px;
}
.icon.blog-author {
position: absolute;
top: -25px;
left: -11px;
float: left;
margin: 5px 0px 0px 0px !important;
background: url("http://im37.gulfup.com/Gdn9S.png") no-repeat scroll 0% 0% rgba(0, 0, 0, 0);
width: 65px !important;
height: 96px !important;
}
.comments .comments-content .datetime {
margin-left:6px;
color: #999;
font-size: 12px;
font-family:droidkufi-bold;
float: left;
}
.comments .comments-content .comment-content {
font-family:droidkufi-bold;
font-size: 12px;
line-height: 19px;
text-align:none;
margin: 15px 0 15px;
}
.comments .comments-content .owner-actions {
position:absolute;
right:0;
top:0;
}
.comments .comments-replybox {
border: none;
height: 250px;
width: 500px;
}
.comments .comment-replybox-single {
margin-top: 5px;
margin-left: 48px;
}
.comments .comment-replybox-thread {
margin-top: 5px;
}
.comments .comments-content .loadmore a {
display: block;
padding: 10px 16px;
text-align: center;
}
.comments .thread-toggle {
cursor: pointer;
display: inline-block;
}
.comments .comments-content .loadmore {
cursor: pointer;
max-height: 3em;
margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
max-height: 0px;
opacity: 0;
overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
display: none;
}
.comments .thread-toggle {
display: inline-block;
}
.comments .thread-toggle .thread-arrow {
display: inline-block;
height: 6px;
width: 7px;
overflow: visible;
margin: 0.3em;
padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container {
float: right;
}
.comments .avatar-image-container img {
width:50px;
hieght:50px;
}
.comments .comment-block {
margin-right: 48px;
position: relative;
padding: 20px 15px 20px 15px;
background: #F7F7F7;
border: 1px solid #000;
border-image: initial;
width:490px;
}
/* Widgets
----------------------------------------------- */
.widget ul, .widget #ArchiveList ul.flat {
padding: 0;
list-style: none;
}
.widget ul li, .widget #ArchiveList ul.flat li {
padding: .35em 0;
text-indent: 0;
}
.widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child {
border-top: none;
}
.widget .post-body ul {
list-style: disc;
}
.widget .post-body ul li {
border: none;
}
.widget .zippy {
color: #777777;
}
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
}
.post-body .tr-caption-container {
padding: 8px;
}
.post-body img{
margin: -12px -12px 0;
}
.post-body .tr-caption-container {
color: #333333;
}
.post-body .tr-caption-container img {
padding: 0;
background: transparent;
border: none;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
box-shadow: 0 0 0 rgba(0, 0, 0, .1);
}
/* Footer
----------------------------------------------- */
footer {
}
.alwantt {
color: #a5a5a5;
margin: 0 !important;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmbzdIg6vSSquf0tRcvgWqZ2i9X-jZzVuYg9eIw8C1L2BBD6ZlKDM2jbKFLTvQyLuJOSIRo1SexBVC3hHNz3Z1DuJ9O7NmD9zA6qlPQ2Kq5EnSYWgBnSV1lOSPmoSciC9Y3an_yPGJF1c/s1600/b-body.png);
border-top: 5px solid #a5a5a5;
}
.alwantt .section {
margin: 0 15px;
}
.alwantt a {
color: #a5a5a5;
}
.alwantt a:visited {
color: #000;
}
.alwantt a:hover {
color: #ffa116;
}
.alwantt .widget h2 {
color:#fff;
font:16px droidkufi-bold,tahoma;
padding:0;
margin-bottom:10px;
text-align:center;
background: #a5a5a5;
padding: 12px 12px 12px 12px;
border-radius: 8px 0px 8px 0px;
margin-top: -12px;
}
/* Mobile
----------------------------------------------- */
body.mobile {
background-size: 100% auto;
}
.mobile .body-fauxcolumn-outer {
background: transparent none repeat scroll top left;
}
html .mobile .mobile-date-outer {
border-bottom: none;
background: transparent url(//www.blogblog.com/1kt/watermark/post_background_birds.png) repeat scroll top left;
_background-image: none;
margin-bottom: 10px;
}
.mobile .main-cap-top {
z-index: -1;
}
.mobile .content-outer {
font-size: 100%;
}
.mobile .post-outer {
padding: 10px;
}
.mobile .main-cap-top .cap-left {
background: transparent none no-repeat scroll bottom left;
}
.mobile .body-fauxcolumns .cap-top {
margin: 0;
}
.mobile-link-button {
background: transparent url(//www.blogblog.com/1kt/watermark/post_background_birds.png) repeat scroll top left;
}
.mobile-link-button a:link, .mobile-link-button a:visited {
color: #727272;
}
.mobile-index-date .date-header {
color: #7b7b7b;
}
.mobile-index-contents {
color: #686161;
}
.mobile .tabs-inner .section {
margin: 0;
}
.mobile .tabs-inner .PageList {
margin-left: 0;
margin-right: 0;
}
.mobile .tabs-inner .PageList .widget-content {
margin: 0;
color: #000000;
background: transparent url(//www.blogblog.com/1kt/watermark/post_background_birds.png) repeat scroll top left;
}
.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
border-left: 1px solid transparent;
}
#Blog1_blog-pager-older-link {
background: #312F2F;
border-radius: 12px;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 5px;
padding-top: 4px;
color: #fff;
}
#blog-pager > a {
background: #312F2F;
border-radius: 12px;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 5px;
padding-top: 4px;
color: #fff;
}
#Blog1_blog-pager-newer-link {
background: #312F2F;
border-radius: 12px;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 5px;
padding-top: 4px;
color: #fff;
}
.container5 {
width: 970px;
height: 178px;
background-color: #333;
padding: 10px;
margin: 0 auto;
margin-top: 12px;
margin-bottom: -8px;
}
.post111 {
opacity: 1;
animation: load1 2s;
float: left;
width: 180px;
height: 180px;
background-color: #fff;
border-radius: 5px;
background-image: url(http://im88.gulfup.com/snE0LI.jpg);
-webkit-animation: load1 7s;
-moz-animation: load1 7s;
-o-animation: load1 7s;
transition: all 400ms ease-in-out 0s;
}
.post111:hover {
opacity: 0.7;
}
.post111title {
opacity: 1;
width: 180px;
height: 30px;
background-color: rgba(39, 39, 39, 0.36);
z-index: 2;
position: relative;
top: 150px;
transition: 1s;
}
.post111title p{
font-size: 15px;
margin-top: auto;
padding: 5px;
text-align: center;
font-family: droidkufi-bold, tahoma;
}
.post222 {
opacity: 1;
animation: load1 3s;
float: left;
width: 180px;
height: 180px;
background-color: #fff;
border-radius: 5px;
margin-left: 5px;
background-image: url(http://im59.gulfup.com/9bBnBH.png);
-webkit-animation: load1 6s;
-moz-animation: load1 6s;
-o-animation: load1 6s;
transition: all 400ms ease-in-out 0s;
}
.post222:hover {
opacity: 0.7;
}
.post222title {
opacity: 1;
width: 180px;
height: 30px;
background-color: rgba(39, 39, 39, 0.36);
z-index: 2;
position: relative;
top: 150px;
transition: 1s;
}
.post222title p{
font-size: 15px;
margin-top: auto;
padding: 5px;
text-align: center;
font-family: droidkufi-bold, tahoma;
}
.post333 {
opacity: 1;
animation: load1 4s;
float: left;
width: 180px;
height: 180px;
background-color: #fff;
border-radius: 5px;
margin-left: 5px;
background-image: url(http://im59.gulfup.com/bQpgrs.png);
-webkit-animation: load1 5s;
-moz-animation: load1 5s;
-o-animation: load1 5s;
transition: all 400ms ease-in-out 0s;
}
.post333:hover {
opacity: 0.7;
}
.post333title {
opacity: 1;
width: 180px;
height: 30px;
background-color: rgba(39, 39, 39, 0.36);
border-radius: 5px;
z-index: 2;
position: relative;
top: 150px;
transition: 1s;
}
.post333title p{
font-size: 15px;
margin-top: auto;
padding: 5px;
text-align: center;
font-family: droidkufi-bold, tahoma;
}
.post444 {
opacity: 1;
animation: load1 5s;
float: left;
width: 180px;
height: 180px;
background-color: #fff;
border-radius: 5px;
margin-left: 5px;
background-image: url(http://im59.gulfup.com/vqohFc.png);
-webkit-animation: load1 4s;
-moz-animation: load1 4s;
-o-animation: load1 4s;
transition: all 400ms ease-in-out 0s;
}
.post444:hover {
opacity: 0.7;
}
.post444title {
opacity: 1;
width: 180px;
height: 30px;
background-color: rgba(39, 39, 39, 0.36);
z-index: 2;
position: relative;
top: 150px;
transition: 1s;
}
.post444title p{
font-size: 15px;
margin-top: auto;
padding: 5px;
text-align: center;
font-family: droidkufi-bold, tahoma;
}
.post555 {
opacity: 1;
animation: load1 6s;
float: left;
width: 180px;
height: 180px;
background-color: #fff;
border-radius: 5px;
margin-left: 5px;
background-image: url(http://im59.gulfup.com/VcCrKD.png);
-webkit-animation: load1 3s;
-moz-animation: load1 3s;
-o-animation: load1 3s;
transition: all 400ms ease-in-out 0s;
}
.post555:hover {
opacity: 0.7;
}
.post555title {
opacity: 1;
width: 180px;
height: 30px;
background-color: rgba(39, 39, 39, 0.36);
z-index: 2;
position: relative;
top: 150px;
transition: 1s;
}
.post555title p{
font-size: 15px;
margin-top: auto;
padding: 5px;
text-align: center;
font-family: droidkufi-bold, tahoma;
}
.title5 {
animation: load1 7s;
opacity: 1;
float: left;
width: 45px;
height: 180px;
background-color: #5FCECE;
border-radius: 5px;
margin-left: 5px;
transition: 1s;
-webkit-animation: load1 2s;
-moz-animation: load1 2s;
-o-animation: load1 2s;
}
.title5 a{
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
color: #fff;
position: relative;
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
font-size: 30px;
left: 25px;
}
a#conv {
font-size: 15px;
}
]]></b:skin>
<style>
<b:if cond='data:blog.pageType == "item"'>
h2.post-title{margin-bottom:4px;width:100%}.post-header{float:right;width:100%}.post-footer{display:block}.post-header-line-1 {margin-top: 1px;display: block;margin-bottom: 20px;width: 640px;margin-right: -8px;}span.timr {width: 100px;float: right;text-align: center;background: #ddd;border-left: 5px solid #ccc;height: 20px;padding: 5px;}span.timr img {width: 26px;float: right;margin-top: -3px;}span.post-author.vcard {width: 130px;float: right;text-align: center;background: #ddd;border-left: 5px solid #ccc;height: 20px;padding: 5px;}span.post-author.vcard img {width: 26px;float: right;margin-top: -3px;}span.post-labels {width: 238px;float: right;text-align: right;background: #ddd;border-left: 5px solid #ccc;height: 20px;padding: 5px;}span.post-labels img {width: 26px;float: right;margin-top: -3px;margin-left: 8px;}span.post-comment-link {width: 115px;float: right;text-align: center;background: #ddd;height: 20px;
padding: 5px;}span.post-comment-link img {width: 26px;float: right;margin-top: -3px;margin-left: 8px;}a.comment-link {float: right;}.post-body img{margin: 10px;}.post-body{height:auto}.post-outer{background:#fff!important;width:622px;height:auto}h2.post-title{position:relative;bottom:0;z-index:99999;background:#515151;padding:7px 8px 6px 16px;margin-left:0;font:14px droidkufi-bold;width:100%;color:#fff}
.shadow-p{ display:none}
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
h2.post-title{margin-bottom:4px;width:100%}.post-header{float:right;width:100%}.post-footer{display:block}.post-header-line-1 {margin-top: 1px;display: block;margin-bottom: 20px;width: 640px;margin-right: -8px;}span.timr {width: 100px;float: right;text-align: center;background: #ddd;border-left: 5px solid #ccc;height: 20px;padding: 5px;}span.timr img {width: 26px;float: right;margin-top: -3px;}span.post-author.vcard {width: 130px;float: right;text-align: center;background: #ddd;border-left: 5px solid #ccc;height: 20px;padding: 5px;}span.post-author.vcard img {width: 26px;float: right;margin-top: -3px;}span.post-labels {width: 238px;float: right;text-align: right;background: #ddd;
border-left: 5px solid #ccc;height: 20px;padding: 5px;}span.post-labels img {width:26px;float: right;margin-top: -3px;margin-left: 8px;}span.post-comment-link {
width: 115px;float: right;text-align: center;background: #ddd;height: 20px;padding:5px;}span.post-comment-link img {width: 26px;float: right;margin-top: -3px;margin-left: 8px;}a.comment-link {float: right;}.post-body img{margin:10px;border-radius:0}.post-body{height:auto}.post-outer{background:#fff!important;width:622px;height:auto}h2.post-title{position:relative;bottom:0;z-index:99999;background:#515151;padding:7px 8px 6px 16px;margin-left:0;font:14px droidkufi-bold;width:100%;color:#fff}.shadow-p{display:none}
</b:if>
</style>
<b:template-skin>
<b:variable default='960px' name='content.width' type='length' value='860px'/>
<b:variable default='0' name='main.column.left.width' type='length' value='260px'/>
<b:variable default='310px' name='main.column.right.width' type='length' value='0px'/>
<![CDATA[
body {
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
width:980px;
}
.main-inner .columns {
padding-left: 320px;
padding-right: 0px;
}
.main-inner .fauxcolumn-center-outer {
left: 320px;
right: 0px;
/* IE6 does not respect left and right together */
_width: expression(this.parentNode.offsetWidth -
parseInt("320px") -
parseInt("0px") + 'px');
}
.main-inner .fauxcolumn-left-outer {
width: 320px;
}
.main-inner .fauxcolumn-right-outer {
width: 0px;
}
.main-inner .column-left-outer {
width: 320px;
right: 100%;
margin-left: -320px;
}
.main-inner .column-right-outer {
width: 0px;
margin-right: -0px;
}
#layout {
min-width: 0;
}
#layout .content-outer {
min-width: 0;
width: 800px;
}
#layout .region-inner {
min-width: 0;
width: auto;
}
]]>
</b:template-skin>
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 300; /* طول الملخص للمواضيع بدون صورة */
summary_img = 185; /* طول الملخص للمواضيع ذات صورة*/
img_thumb_height = 171; /* عرض الصورة في الملخص*/
img_thumb_width = 317; /*طول الصورة في الملخص */
</script>
<script src='https://read-more-pro-ayoub.googlecode.com/svn/trunk/read-more-pro-ayoub.js' type='text/javascript'/><font size='0'><a href='http://www.monte-escalier-prix.org'/></font>
<script>
/* Script from:http://simplexdesign.blogspot.com/ */
imgr = new Array();
imgr[0] = "http://lh3.ggpht.com/_kViOplhgIHI/TKxBIScZTiI/AAAAAAAAAWE/PM7AQ1lf6ME/noimages.jpg";
showRandomImg = true;
aBold = true;
summaryPost =190;
numposts1 = 8;
label1 = "ملحقات";
function removeHtmlTag(strx,chop){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)}}s=s.join("");s=s.substring(0,chop-1);return s}
function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split("")[0];break}}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;
}}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<div class="contentdiv"><div class="alwansf"><a href="'+posturl+'"><img width="186" height="186" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"></div></div><div class="alwanip"><h6><a href="'+posturl+'">'+posttitle+'</a></h6><div class="alwand" >'+daystr+'</div><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>';
document.write(trtd);
j++;
}}
</script>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;}}}}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];}}
relatedTitles = tmp2;
relatedUrls = tmp;}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;}
document.write('</ul>');
}
//]]>
</script>
<style>
#related-posts{float:right;width:600px;margin-top:20px;margin-right:0;margin-bottom:20px;font:11px Arial;margin-bottom:10px}#related-posts .widget{list-style-type:none;margin:5px 0;padding:0}#related-posts .widget h2,#related-posts h2{background:#eee;color:#222;font-size:16px;line-height:16px;font-family:droidkufi-bold,tahoma;font-weight:700;margin:0 0 10px;padding:10px;text-transform:uppercase;text-shadow:0 1px 0 #fff;width:598px;border-right:5px solid #333}#related-posts a{color:#054474;font-weight:700;font-family:droidkufi-bold,tahoma;font-size:14px;text-decoration:none}#related-posts a:hover{color:#054474;text-decoration:none}#related-posts ul{border:medium none;margin:10px;padding:0;width:600px}#related-posts ul li{display:block;background:url("http://i263.photobucket.com/albums/ii150/mohamedrias/newconcept_bullet.png") no-repeat 0 0;margin:0;padding-top:0;padding-right:0;padding-bottom:1px;padding-left:16px;margin-bottom:5px;line-height:2em;border-bottom:1px dotted #ccc}
</style>
<script src='https://dl.dropboxusercontent.com/u/280199022/url.js' type='text/javascript'/>
<!-- Facebook Comment Start-->
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<!-- Facebook Comment End-->
<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",k="?m=1";function l(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+k;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var m=l();m&&window.location.replace(m)};
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>
<script src='https://dl.dropboxusercontent.com/u/280199022/google-c.js' type='text/javascript'/>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-51107143-1', 'proayoub.com');
ga('send', 'pageview');
</script>
</head>
<body>
<!-- Facebook Comment Start-->
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '136584896510571',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/ar_AR/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<!-- Facebook Comment End-->
<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
</div>
<div class='top'><div class='menu1'><ul><li id='menua'><a href='http://dorossps.blogspot.com/p/blog-page_13.html' target='_blank'>فوتوشوب اونلاين</a></li><li id='menub'><a href='http://dorossps.blogspot.com/2014/08/blog-post_82.html' target='_blank'>التبادل الاعلاني</a></li><li id='menuc'><a href='http://dorossps.blogspot.com/p/blog-page_10.html' target='_blank'> إتصل بنا!</a></li><li id='menud'><a href='http://dorossps.blogspot.com/p/blog-page_24.html' target='_blank'>تلبية طلبات التصاميم المجانية</a></li></ul><div class='s-social'><a href='https://www.facebook.com/pages/%D8%AF%D8%B1%D9%88%D8%B3-%D8%A7%D9%84%D9%81%D9%88%D8%AA%D9%88%D8%B4%D9%88%D8%A8/1524532567782857' target='_blank'><div class='face'/></a><a href='https://www.twitter.com/alexisanas1' target='_blank'><div class='twt'/></a><a href='https://www.youtube.com/channel/UCqIY8-3vNrlTZBejpR7HI4A' target='_blank'><div class='you'/></a><a href='http://dorossps.bogspot.com' target='_blank'><div class='r'/></a></div><div class='s-socialu'><a href='http://dorossps.blogspot.com' target='_blank'><div class='user'/></a></div><div style='clear: both;'/></div><div style='clear: both;'/></div><div class='h'><div class='logoandans'><h1><a href='http://dorossps.blogspot.com'><img alt='مدونة دروس الفوتوشوب هي مدونة تشمل العديد من الملحقات والخطوط والدروس التي يحتاجها المصمم ...' class='logo' src='http://im57.gulfup.com/VE6drn.png'/></a></h1>
<div class='ads'>
<a href='http://dorossps.blogspot.com' rel='nofollow' target='_blank'><img src='http://im57.gulfup.com/XRLMaW.jpg'/></a>
</div>
<div style='clear: both;'/>
</div>
<div class='m'><ul><li><a class='home' href='http://dorossps.blogspot.com'/></li><li><a href='http://dorossps.blogspot.com/search/label/%D8%A8%D8%B1%D8%A7%D9%85%D8%AC'>برامج</a></li><li><a href='http://dorossps.blogspot.com/search/label/%D8%A7%D8%AE%D8%A8%D8%A7%D8%B1%20%D8%A7%D9%84%D9%81%D9%88%D8%AA%D9%88%D8%B4%D9%88%D8%A8'>مقالات</a></li><li><a href='http://dorossps.blogspot.com/search/label/%D9%85%D9%84%D8%AD%D9%82%D8%A7%D8%AA'>ملحقات</a></li><li><a href='http://dorossps.blogspot.com/search/label/%D8%AF%D8%B1%D9%88%D8%B3%20%D8%A7%D9%84%D9%81%D9%88%D8%AA%D9%88%D8%B4%D9%88%D8%A8'>دروس </a></li><li><a href='http://dorossps.blogspot.com/search/label/%D9%82%D9%88%D8%A7%D9%84%D8%A8%20psd'>ملفات psd</a></li><li><a href='http://dorossps.blogspot.com'>خلفيات</a></li><li><a href='http://dorossps.blogspot.com/search/label/%D8%A7%D9%84%D8%B1%D8%A8%D8%AD%20%D9%85%D9%86%20%D8%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85'>الربح من التصميم</a></li><li><a href='http://dorossps.blogspot.com/search/label/%D9%82%D9%88%D8%A7%D9%84%D8%A8%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1'>قوالب بلوجر</a></li><li><a href='http://dorossps.blogspot.com/search/label/%D8%A7%D9%84%D9%85%D8%B2%D9%8A%D8%AF'>المزيد</a></li></ul><div class='recherche'><div class='shea'><form action='http://dorossps.blogspot.com/search' id='searchthis' method='get' style='display: inline;'><input id='b-query' maxlength='250' name='q' size='29' type='text'/><input id='b-searchbtn' type='submit' value=''/></form></div></div>
<div style='clear: both;'/>
</div>
</div>
<div class='topp22'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
</b:if>
<div class='main-outer'><div class='main-cap-top cap-top'/><div class='fauxborder-left main-fauxborder-left'><div class='fauxborder-right main-fauxborder-right'/><div class='region-inner main-inner'><div class='columns fauxcolumns'><div class='fauxcolumn-outer fauxcolumn-center-outer'><div class='cap-top'><div class='cap-left'/><div class='cap-right'/></div><div class='fauxborder-left'><div class='fauxborder-right'/><div class='fauxcolumn-inner'/></div><div class='cap-bottom'><div class='cap-left'/><div class='cap-right'/></div></div><div class='fauxcolumn-outer fauxcolumn-left-outer'><div class='cap-top'><div class='cap-left'/><div class='cap-right'/></div><div class='fauxborder-left'><div class='fauxborder-right'/><div class='fauxcolumn-inner'/></div><div class='cap-bottom'><div class='cap-left'/><div class='cap-right'/></div></div><div class='fauxcolumn-outer fauxcolumn-right-outer'><div class='cap-top'><div class='cap-left'/><div class='cap-right'/></div><div class='fauxborder-left'><div class='fauxborder-right'/><div class='fauxcolumn-inner'/></div><div class='cap-bottom'><div class='cap-left'/><div class='cap-right'/></div></div>
<!-- corrects IE6 width calculation -->
<div class='columns-inner'>
<div class='column-center-outer'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='alwansd'>
<div class='alwanw' id='ملحقات'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+ملحقات+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</div>
<div class='alwan-ps' id='paginate-slider1'/></div></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='column-left-inner'/></b:if>
<div class='column-center-inner'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar.g?targetBlogID\0755615028858040796871\46blogName\75%D8%AF%D8%B1%D9%88%D8%B3+%D8%A7%D9%84%D9%81%D9%88%D8%AA%D9%88%D8%B4%D9%88%D8%A8\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75http://dorossps.blogspot.com/search\46blogLocale\75ar\46v\0752\46homepageUrl\75http://dorossps.blogspot.com/\46blogFollowUrl\75https://plus.google.com/105725032360682349487\46vt\75-8419688239747128379',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
<b:widget id='Blog1' locked='false' 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.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<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:if cond='data:blog.pageType == "item"'>
<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>
</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='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>
<p><data:blogCommentMessage/></p>
<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>
<p><data:blogCommentMessage/></p>
<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/>', '<data:post.communityId/>');
</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.forceIframeComments'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<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-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: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'>
</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'/>
<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'>
<h2 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
</h2>
<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'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</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'>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<div class='post-header'>
<div class='post-header-line-1'/></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-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></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'>
<a class='timestamp-link' expr:href='data:post.url' itemprop='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>
<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'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a></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: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:if cond='data:blog.pageType == "item"'>
<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></div></div></div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span 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>
</span></b:if>
<b:if cond='data:olderPageUrl'>
<span 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>
</span></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></div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a name='6048115673652639121'/>
<div class='post-header'>
<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>
<div class='post-header-line-1'>
<span class='timr'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXPQk5q5YW9zRPx9sfODcADTtdxsp9tljWl1tBA68GU5qda3tFRmn-Ql_hjXkjRFnlPhoSzzLilJq-DbBk-WGcSoTHdaoNj7rgMMmaQsz_LDTq5ux7Y6wcZhyu6bZNblmNGzFoxjQZLUo/s1600/time.png'/>
<abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></span>
<span class='post-author vcard'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeTdP7OTaidKrcOD_adeHWBHzCbV1JC-dzRgFd6wR6tTQbSs7B8ES2M6P7ED3Gra6k2cjgblkJ0HrF_Re2GElxAXbgPf5s35DpVV0hUm3hvJcsmrYwhYN-Yc4JTAOEWn4T8fvEPIt-mTo/s1600/user.png' width='64'/>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
<data:post.author/></a></span></span>
<span class='post-labels'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnlcstXOXH-uNT_c3punAUKri4y_4ynkaouQireKyzTXJ2ix9FSd7LY2KxnfhE4h5A8H_FlNsXPTzv26e6X6asdw7hqSDj8xfI3r24kD-6DhonVpJ20_EaZR-aXv9aOOKgZbVTQJOkMjg/s1600/label.png'/>
<b:if cond='data:post.labels'>
<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-comment-link' style='visibility: visible;'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdBCVXj-N44s3rZ67zY7CuPRv-rpg_k3rW_WMl4yV4DQo9AyjCJ8wN2Xv0o0QbQ-4wstmxzs1iz0Lp2wizVHRFpqhJRA2UwPIqaLVzu3LveIva605HtHStQeWFEcze2P_Zpwc8vEByFSk/s1600/comm.png'/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 تعليق<b:else/><data:post.numComments/>تعليقات </b:if></a></span></div></div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<b:if cond='data:blog.pageType == "static_page"'><br/><data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'>
<data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink'><a class='post-r' expr:href='data:post.url'>تابع القراءة</a>
<span class='post-a'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
<data:post.author/></a></span></span></span>
<a href='http://abu-iyad.blogspot.com/2010/07/read-more-for-blogger.html' style='display:none;'>Résumé</a><a href='http://abu-iyad.blogspot.com' style='display:none;'>abuiyad</a> </b:if> <b:if cond='data:blog.pageType == "item"'>
<center>
</center>
<data:post.body/>
<br/>
<br/>
<center>
</center>
<b:if cond='data:blog.pageType == "item"'>
<center><img src='http://im75.gulfup.com/VEvs3R.png' style='border:0px;'/></center>
<b:if cond='data:blog.pageType == "item"'>
<div class='alwan-share' style='width: 608px; height: 88px;padding: 7px;background: #f3f3f3; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2;'>
<div style='width: 250px;height: 74px;padding: 6px;background: white;border: 1px solid #EBEBEB; float:right; text-align: center;'>
<div class='fb-like-box'>
هل أعجبك الموضوع ؟
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=230&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:230px; height:40px;'/></div></div><div align='left'>
<div style='float:left;padding:5px 5px 5px 0;'>
<a expr:share_url='data:post.url' href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
<div class='g-plus' data-action='share' data-annotation='vertical-bubble' data-height='60'/>
<a class='twitter-share-button' data-count='vertical' data-lang='ar' data-related='anywhereTheJavascriptAPI' data-via='mr_raghib' href='https://twitter.com/share'>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<div id='plusone-div'/></div></div></b:if>
<b:if cond='data:blog.pageType == "item"'>
<div class='postauthor'>
<img alt='' height='80' src='http://im65.gulfup.com/Oy3lMb.jpg' width='80'/>
<h3>بقلم <a href='https://plus.google.com/u/0/105725032360682349487/'> انس بنهمو </a></h3>
<p>مدون ومصمم مغربي الجنسية , اشارك خبرتي في التصميم مع الاخرين, يمكنك متابعتي من خلال <a href='htps://www.facebook.com/alexisanas10' target='_blank'>الفيسبوك</a> . <a href='http://twitter.com/alexisanas1' target='_blank'>تويتر</a> . <a href='https://plus.google.com/u/0/105725032360682349487/posts' target='_blank'>جوجل بلس</a></p>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/follow?href=https%3A%2F%2Fwww.facebook.com%2Falexisanas10&layout=standard&show_faces=true&colorscheme=light&width=450&height=80' style='border:none; overflow:hidden; width:450px; height:80px;'/>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<h2>مواضيع ذات صله<div style='display:none;'> <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=4"' type='text/javascript'/></b:if></b:loop></div> </h2>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script></div></b:if>
<!-- Facebook Comment Start-->
<b:if cond='data:blog.pageType == "item"'>
<script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<div><fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='620'/>
</div></b:if>
<!-- Facebook Comment End-->
</b:if></b:if></b:if></div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'/>
<div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-3'/>
</div></div>
</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'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</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.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 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'>
<p><data:blogCommentMessage/></p>
<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/>
<p><data:blogCommentMessage/></p>
<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/>', '<data:post.communityId/>');
</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></div>
<div class='column-left-outer'>
<div class='column-left-inner'>
<aside>
<macro:include id='main-column-left-sections' name='sections'>
<macro:param default='0' name='num' value='1'/>
<macro:param default='sidebar-left' name='idPrefix'/>
<macro:param default='sidebar' name='class'/>
<macro:param default='true' name='includeBottom'/>
</macro:include></aside></div></div>
<div class='column-right-outer'>
<div class='column-right-inner'>
<aside>
<macro:include id='main-column-right-sections' name='sections'>
<macro:param default='2' name='num' value='0'/>
<macro:param default='sidebar-right' name='idPrefix'/>
<macro:param default='sidebar' name='class'/>
<macro:param default='true' name='includeBottom'/>
</macro:include>
</aside></div></div></div>
<div style='clear: both'/>
<!-- columns -->
</div>
<!-- main -->
</div></div>
<div class='main-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div></div>
<footer>
<div class='alwantt'>
<div class='footer-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/></div>
<div class='fauxborder-left footer-fauxborder-left'>
<div class='fauxborder-right footer-fauxborder-right'/>
<div class='region-inner footer-inner'>
<div class='foot section' id='footer-1'/>
<macro:include id='footer-sections' name='sections'>
<macro:param default='2' name='num' value='3'/>
<macro:param default='footer' name='idPrefix'/>
<macro:param default='foot' name='class'/>
<macro:param default='false' name='includeBottom'/>
</macro:include>
<!-- outside of the include in order to lock Attribution widget -->
</div></div>
<div class='footer-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div></div></footer>
<!-- content -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='انتقل الى اعلى الصفحة'><img src='http://im85.gulfup.com/V4WREN.png'/></a>
</body>
<div class='content-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/></div>
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
<b:include data='blog' name='google-analytics'/>
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=6;
var numshowpage=9;
var upPageWord ='السابق';
var downPageWord ='التالي';
</script>
<script src='https://dl.dropboxusercontent.com/u/280199022/contentslider-by-blogproayoub.js'></script>
<script>
featuredcontentslider.init({
id: "slider1", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" to hide.
enablefade: [true, 0.5], //[true/false, fadedegree]
autorotate: [true, 6000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>
<macro:includable id='sections' var='col'>
<macro:if cond='data:col.num == 0'>
<macro:else/>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-1"' preferred='yes' showaddelement='yes'/>
<macro:if cond='data:col.num >= 2'>
<table border='0' cellpadding='0' cellspacing='0' mexpr:class='"section-columns columns-" + data:col.num'>
<tbody><tr>
<td class='first columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-1"'/></td>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-2"'/></td>
<macro:if cond='data:col.num >= 3'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-3"'/></td>
</macro:if>
<macro:if cond='data:col.num >= 4'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-4"'/></td>
</macro:if>
</tr></tbody></table>
<macro:if cond='data:col.includeBottom'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-3"' showaddelement='no'/>
</macro:if>
</macro:if>
</macro:if>
</macro:includable>
<div class='f'>
<div class='ftr'>
<div id='footer-bottom' style='-webkit-transition: all 0.3s ease-in-out; background-color: #222222; background-image: url(http://goo.gl/RpNGV); background-position: 50% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(55, 55, 55); border-bottom-style: solid; border-width: 0px 0px 0px; clear: both; color: #dddddd; font-family:droidkufi-bold, tahoma;; font-size: 0px; font: inherit; height: 0px; margin: 0px; max-width: 100%; min-width: 0px; outline: none medium; overflow: hidden; padding: 0px; text-align: start; vertical-align: baseline;border-top: 3px solid #ccc;'/>
<p>جميع الحقوق محفوظة لمدونة دروس الفوتوشوب ©2013-2014
| ، نقل بدون تصريح ممنوع
| <a href='http://dorossps.blogspot.com' rel='dofollow' target='_blank'>dorossps</a></p>
<a href='htps://www.facebook.com/alexisanas10' id='conv'>تطوير : ben anas</a></div></div>
<style>
.f {width: 100%;height: 63px;background: #252525;margin: 0 auto;}.ftr {width: 950px;margin: 0 auto;text-align: center;}.ftr p{margin:3px 0 0;font:12px droidkufi-bold,tahoma;color:#fff;text-align:center;text-shadow:1px 1px 1px #000}.ftr s{margin:3px 0 0;font-family:droidkufi-bold,tahoma;font-size:15px;color:#ccc;text-align:center;text-decoration:none;text-shadow:1px 1px 1px #000}.ftr s a{color:#979797}.ftr p a{color:#fff}.ftr img{float:left;margin:1px 0 0}
</style>
<!-- content -->
<div class='content-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/></div>
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
<b:section-contents id='sidebar-left-1'>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:blog.disableAdSenseWidget != "true"'>
<data:adCode/>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='التسميات' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<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:widget id='HTML3' 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: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' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><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 expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><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 expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><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>
</div>
</b:includable>
</b:widget>
</b:section-contents><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'>
<b:widget id='Followers1' locked='false' title='المتابعون' type='Followers'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<b:if cond='data:codeSnippet != ""'>
<h2 class='title'><data:title/></h2>
<b:else/>
<b:if cond='data:totalFollowerCount != ""'>
<h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
</b:if>
</b:if>
</b:if>
<div class='widget-content'>
<div expr:id='data:widget.instanceId + "-wrapper"'>
<b:if cond='data:codeSnippet != ""'>
<div style='margin-right:2px;'>
<data:codeSnippet/>
</div>
<b:else/>
<b:if cond='data:totalFollowerCount == ""'>
<span class='item-control following-not-admin'>
<b><data:failureSnippet/></b>
</span>
<span class='item-control blog-admin'>
<b><data:adminFailureSnippet/></b>
</span>
<b:else/>
<b:if cond='data:followingLinkPresent'>
<div class='follow-this profile-link item-control following-follow-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:followThisMessage/>
</a>
</div>
<div class='follow-this profile-link item-control following-stop-following-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:stopFollowingMessage/>
</a>
</div>
</b:if>
<div class='followers-grid'>
<b:if cond='data:totalFollowerCount == 0'>
<div class='profile-link item-control following-follow-this'>
<data:emptyFollowersMessage/>
</div>
</b:if>
<!--
Relies on the js written out in navbar.gxp
-->
<b:loop values='data:followers' var='follower'>
<div class='follower'>
<a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
<img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
</a>
</div>
</b:loop>
<div class='clear'/>
</div>
<div class='followers-canvas profile-link'>
<data:followersFooterMessage/>
<span class='item-control following-not-admin'>
<a expr:href='data:followersUri'>
<data:viewAllMessage/>
</a>
</span>
<span class='item-control blog-admin'>
<a expr:href='data:manageFollowersUri'>
<data:manageFollowersMessage/>
</a>
</span>
</div>
</b:if>
</b:if>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section-contents><b:section-contents id='footer-2-2'>
<b:widget id='HTML4' 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-contents><b:section-contents id='footer-2-3'>
<b:widget id='HTML7' 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-contents></html>
