كود بلغة HTML:
<?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>
<meta content='9XDRTA_33lUyinmGHVzWmi-CGHI' name='alexaVerifyID'/>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
<meta expr:content='data:blog.pageName + data:blog.title' name='Description'/>
<meta expr:content='data:blog.pageName + data:blog.title' name='Keywords'/>
</b:if>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:skin><![CDATA[/*
.codeBox,#codeBox,
textarea {
background:#FFF;
font-family:"Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
padding:10px 15px;
border:1px solid #CCC;
line-height:18px;
text-align:left;
overflow: auto;
margin:0;
direction:ltr;
border-radius:5px;
}
.codeBox:hover ,#codeBox:hover ,
textarea:hover,textarea:focus {
box-shadow:inset 0 1px 2px #CCC;
border-color:#BBB;
outline:none;
}
/* 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="#989898" value="#989898"/>
<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="#989898" value="#989898"/>
<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="#989898" value="#989898"/>
<Variable name="footer.link.visited.color" description="Visited Color" type="color" default="#989898" value="#989898"/>
<Variable name="footer.link.hover.color" description="Hover Color" type="color" default="#ffa800" value="#ffa800"/>
</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-family: Tahoma, Geneva, sans-serif;
color: #444;
line-height: 24px;
font-size: 12px;
background: url(http://2.bp.blogspot.com/-xeKoHj2ksX8/UcU_-6i62yI/AAAAAAAAAg0/yVmRt0P6kZc/s1600/60degree_gray.png);
line-height: 24px;
}
.content {
background-color: #f8f8f8;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
width: 1000px;
margin-left: auto;
margin-right: auto;
}
.social-icons{
float: left;
}
.social-icons ul{
float: right;
padding: 0px;
margin-left: 0px;
}
.social-icons ul li{
padding: 0px !important;
}
.social-icons ul li a{
display: block;
width:24px;
height:24px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
margin-top: 9px;
}
.social-icons ul li a:hover{
opacity: 1;
filter: alpha(opacity=1);
filter: alpha(opacity=40);
-webkit-transition: background 0.2s ease-in-out;
-moz-transition: background 0.2s ease-in-out;
-o-transition: background 0.2s ease-in-out;
-ms-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9);}
.social-icons ul li .facebook{
background: url(http://1.bp.blogspot.com/-mAV2KH2KIiQ/UYygzXj9HdI/AAAAAAAAARY/H5-Yhhdxrmk/s1600/Facebook.png);
}
.social-icons ul li .facebook:hover{
background: #5b78af url(http://1.bp.blogspot.com/-mAV2KH2KIiQ/UYygzXj9HdI/AAAAAAAAARY/H5-Yhhdxrmk/s1600/Facebook.png);
}
.social-icons ul li .twitter{
background:url(http://4.bp.blogspot.com/-yCM8pQpWM24/UYyj2__B2VI/AAAAAAAAARo/mNNGPvpusp4/s1600/Twitter.png);}
.social-icons ul li .twitter:hover{
background:#06c4f2 url(http://4.bp.blogspot.com/-yCM8pQpWM24/UYyj2__B2VI/AAAAAAAAARo/mNNGPvpusp4/s1600/Twitter.png);}
.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{
background: url(http://2.bp.blogspot.com/-pa0OmLwKESw/UXt9vJoz6GI/AAAAAAAAAPA/rffzvsm_4fs/s1600/headerBg.png);
margin: 0 auto;
-webkit-box-shadow: 0px 1px 2px 0px #F2E63D;
box-shadow: 0px 1px 2px 0px #bababa;
width: 1000px;
}
.top {
margin-left: auto;
margin-right: auto;
height: 41px;
line-height: 41px;
width:1000px;
background: #1d1d1d;
border-bottom: 1px solid #2f2f2f;
}
.top .menu1{
width: 960px;
margin: 0 auto;
}
.top .menu1 ul{
margin:0;
list-style:none;
float:right;
padding:0;
}
.top .menu1 ul li{
float:right;
padding-left: 20px;
}
.stwrapper{
left: 10px !important;
}
.top .menu1 ul li a{
text-decoration: none;
font:10px droidkufi-bold, tahoma;
color: #a4a5aa;
line-height: 25px;
}
.top .menu1 ul li a:hover{
color:#fff;
}
.logoandans{
padding: 20px 5px 20px 5px;
margin: 0 auto;
text-align: center;
width:980px;
}
.logoandans .logo{ float: right; border-radius: 0px;
box-shadow: none; margin-top: -9px;}
.inner{
height: 40px;
background: url(http://2.bp.blogspot.com/-Gy-lJez3CrY/UXuvnmG5jmI/AAAAAAAAAPQ/jTY3RlfQmv4/s1600/mainNavigation.png);
}
.m{
height:40px;
width:980px;
border-bottom: 4px solid #007ecf;
margin-left: auto;
margin-right: auto;
}
.m ul{
margin:0;
list-style:none;
float:right;
padding:0;
}
.m ul li{
float:right;
}
.m ul li a{
text-shadow: 1px 1px 1px #4f4f4f;
text-decoration: none;
font-size: 12px;
font-family: droidkufi-bold, tahoma;
color: #e6e6e6;
padding: 14px 13px 15px;
line-height: 40px;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.m ul li a:hover{
color: #272727;
text-shadow: 1px 1px 0px #777777;
}
.m ul li .home{ background:#007ecf
url(http://3.bp.blogspot.com/-51fDR0Phgdc/UR-eU9z6m8I/AAAAAAAADkc/ELgXmphgCzs/s1600/home.png) center no-repeat; padding: 9px 28px 9px;}
.m ul li .home:hover{ background:#007ecf url(http://3.bp.blogspot.com/-51fDR0Phgdc/UR-eU9z6m8I/AAAAAAAADkc/ELgXmphgCzs/s1600/home.png) center no-repeat; padding: 9px 28px 9px;}
.recherche {
float: left;
height: 27px;
width: 165px;
}
.barre input {
width: 131px;
padding: 6px 2px 5px;
margin: 0;
background: #494949;
border: none;
float: right;
text-align: right;
color: #b5b5b5;
font: 13px Tahoma, Geneva, sans-serif;
}
.btn input {
float: left;
width: 30px;
height: 27px;
font: 13px Tahoma, Geneva, sans-serif;
background: #ffa800 url(http://2.bp.blogspot.com/-Mom-QFGsI1I/UR-7mbsJ9nI/AAAAAAAADlw/j17rp-7DkzE/s1600/srch.png) center no-repeat;
cursor: pointer;
border: none;
margin: 0;
padding: 0;}
.btn input:hover {
background: #707070 url(http://2.bp.blogspot.com/-Mom-QFGsI1I/UR-7mbsJ9nI/AAAAAAAADlw/j17rp-7DkzE/s1600/srch.png) center no-repeat;
}
.content-outer {
font-size: 100%;
}
a:link {
text-decoration:none;
color: #444;
}
a:visited {
text-decoration:none;
color: #444;
}
a:hover {
}
.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;}
.showpageNum a:hover { color: #8B8B8B; }
.showpageOf{margin:0 10px 0 0; color: #8B8B8B !important;}
.showpagePoint {color:#fff; padding: 5px 10px; margin:0 5px; background: #6d6d6d;}
.status-msg-wrap{
width:100%;
margin:0 ;
}
.status-msg-border {
border:none;
border-top: 1px solid #525252;
border-bottom: 1px solid #525252;
}
.sidebar .widget{
line-height: 17px;
width: 300px;
background: #fcfcfc;
border: 1px solid #e0e0e0;
border-bottom: 2px solid #e0e0e0;
}
.column-left-inner h2, .main .widget h2{
background: url(http://3.bp.blogspot.com/-h2x48Eg4Nu8/UXvZm-Gx5EI/AAAAAAAAAQA/ISfIXfECrnM/s1600/widgetTitle.png);
height: 36px;
font: 12px droidkufi-bold;
color: #fff;
padding-left: 10px;
padding-right: 10px;
line-height: 36px;
font-size: 12px;
border-bottom: 1px solid #d3d3d3;
}
.widget {
margin: 0 0 20px !important;
}
.item-thumbnail a img {
border-radius: 3px;
box-shadow: 0 1px 4px rgba(0,0,0,0.2);
padding: 0px;
width: 54px;
height: 54px;
}
.alwantt .item-thumbnail a img {
border: 1px solid rgb(105, 105, 105);
background: rgb(60, 60, 60);
}
.alwantt .PopularPosts .widget-content ul li {
border-top: none;
padding: 4px 0;
}
.PopularPosts .item-thumbnail {
float: right;
margin: 0 0 0 8px;
background: #fff;
padding: 3px;
border: 1px solid #e5e5e5;
}
.PopularPosts .item-title a {
font-size: 12px;
font-family: droidkufi-bold, tahoma;
line-height: 22px;
color:#2e2e2e;
}
.PopularPosts .item-title {
padding-top: 3px;
}
.PopularPosts .widget-content ul li {
padding:8px 0 6px;
border-top: solid 1px rgb(240, 240, 240);
}
.PopularPosts .widget-content ul li:first-child{
padding-top:0px
}
.PopularPosts .widget-content ul li:hover {
}
.Label li{
display: inline-block;
}
.Label li a {
display: inline-block;
color: #444;
text-transform: capitalize;
padding: 4px 2px;
margin: 0 5px 8px 0;
background: rgb(249,249,249);
background: -moz-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(234, 234, 234, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(249, 249, 249, 1)), color-stop(100%, rgba(234, 234, 234, 1)));
background: -webkit-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(234, 234, 234, 1) 100%);
background: -o-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(234, 234, 234, 1) 100%);
background: -ms-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(234, 234, 234, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eaeaea', GradientType=0 );
background: linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(234, 234, 234, 1) 100%);
border: 1px solid #d3d3d3;
text-shadow: 0px 0px 0px #fed4a8;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
font-size: 11px !important;
}
.Label li a:hover{
background: rgb(0,189,242) !important;
background: -moz-linear-gradient(top, rgba(0,189,242, 1) 0%, rgba(0, 159, 236, 1) 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,189,242, 1)), color-stop(100%, rgba(0, 159, 236, 1))) !important;
background: -webkit-linear-gradient(top, rgba(0,189,242, 1) 0%, rgba(0, 159, 236, 1) 100%) !important;
background: -o-linear-gradient(top, rgba(0,189,242, 1) 0%, rgba(0, 159, 236, 1) 100%) !important;
background: -ms-linear-gradient(top, rgba(0,189,242, 1) 0%, rgba(0, 159, 236, 1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bdf2', endColorstr='#009fec', GradientType=0 ) !important;
background: linear-gradient(top, rgba(0,189,242, 1) 0%, rgba(0, 159, 236, 1) 100%) !important;
border: 1px solid #007fa2 !important;
text-shadow: 1px 1px 1px #008cb8 !important;
}
.Label li a:hover{color:#fff;}
.alwantt .Label li a{color:#F0E43E;}
.alwantt .Label li a:hover{color:#007ecf;}
.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(http://4.bp.blogspot.com/-IVC1OVVMVBk/UIJ8y8n8ibI/AAAAAAAABvo/euUZmNLeM7M/s1600/rech.png) center no-repeat;
}
footer{
background: url(http://2.bp.blogspot.com/-pa0OmLwKESw/UXt9vJoz6GI/AAAAAAAAAPA/rffzvsm_4fs/s1600/headerBg.png);
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
height: 350px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
.footer-inner {
padding: 30px 15px;
}
.comments {
margin: 1px;
background: #f9f9f9;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
border: 1px solid #d4d4d4;
margin-bottom: 20px;
}
.comment-footer {
margin: 0 !important;
}
.social-icone{ height:93px;}
.social-icone div{ margin: 0 12px;}
.social-icone a{ text-decoration:none;}
.you-icone b, .twt-icone b,.face-icone b,.rss-icone b{ font:14px tahoma; color:#8c8b8b;}
.you-icone span,.twt-icone span,.face-icone span,.rss-icone span{font:11px tahoma; color:#a3a3a3;}
.you-icone{
width: 50px;
height: 32px;
background:url(http://2.bp.blogspot.com/-ds8qOnEouwI/UQP3rHAflBI/AAAAAAAADIA/eH1yxuWHfgA/s1600/youtube.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.you-icone:hover{background:url(http://1.bp.blogspot.com/-3ph-4nN00s4/UQP3rX3vjiI/AAAAAAAADIQ/mXsSqvfISrw/s1600/youtube2.png)top no-repeat;}
.twt-icone{
width: 50px;
height: 32px;
background:url(http://2.bp.blogspot.com/-UkgHer_Y6oc/UQP3qmklnaI/AAAAAAAADH4/_UNqgOHIB7c/s1600/twitter.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.twt-icone:hover{background:url(http://2.bp.blogspot.com/-tY5SrlJev7M/UQP3q-YZ10I/AAAAAAAADH8/plC-yi5xLcw/s1600/twitter2.png)top no-repeat;}
.face-icone{
width: 50px;
height: 32px;
background:url(http://2.bp.blogspot.com/-bjxmNtZSedM/UQP3qGCsUeI/AAAAAAAADH0/0lxC1Le2XxU/s1600/facebook.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.face-icone:hover{background:url(http://2.bp.blogspot.com/-7phJl6JL7AI/UQP3qeT-xRI/AAAAAAAADHw/ZOTIvXZsnsA/s1600/facebook2.png)top no-repeat;}
.rss-icone{
width: 50px;
height: 32px;
background:url(http://3.bp.blogspot.com/-amcTTFtnosk/UQP3p-PHToI/AAAAAAAADHk/cz8Gw7ZxGhI/s1600/RSS.png)top no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.rss-icone:hover{background:url(http://4.bp.blogspot.com/-yNGQ0JC185g/UQP3qPseAoI/AAAAAAAADHo/oL0goYApjp0/s1600/RSS2.png)top no-repeat;}
.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: #989898;
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 Georgia, Utopia, 'Palatino Linotype', Palatino, serif;
color: #000000;
}
h2.date-header {
font: normal normal 16px 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 {
width: 1000px;
margin-right: auto;
margin-left: auto;
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-body {
}
.post-body {
color: #333333;
font-family:Tahoma, Geneva, sans-serif;
}
.post-outer {
margin: 1px;
overflow: hidden;
margin-bottom: 20px;
border-bottom: 2px solid #e0e0e0 !important;
border-top: 1px solid #e0e0e0 !important;
border-right: 1px solid #e0e0e0 !important;
border-left: 1px solid #e0e0e0 !important;
}
.post-top{
overflow: hidden;
padding: 10px 20px;
border-bottom: 1px solid #d2d2d2;
background: rgb(249,249,249);
text-shadow: 0px 0px 0px #fed4a8;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
.post-bot{
background: url(http://macindor.com/wp-content/themes/liomagazine/images/tagsBg.png);
overflow: hidden;
padding: 4px;
border-top: 1px solid #d2d2d2;
}
h3.post-title {
margin: 0 0 0px 0;
color: #2f2f2f;
font: 18px droidkufi-bold;
}
h3.post-title a {
color: #007ecf;
font: 18px droidkufi-bold;
}
h3.post-title a:hover {}
.comments h4 {
font-family: droidkufi-bold, tahoma;
margin: 0px 0px -13px;
background: url(http://4.bp.blogspot.com/-qOGLevKFGL8/UfEfYzRW9qI/AAAAAAAAAv4/Vxt7x3Wuc-0/s1600/commentsBg.png);
padding: 20px;
border-bottom: 1px solid #d6d6d6;
color: #444;
font-size: 16px;
}
.comment-form{
max-width:100% !important;
padding: 20px;
border-top: 1px solid #d6d6d6;
background:url(http://2.bp.blogspot.com/-GZtLPlylaeE/UfEgHj43qXI/AAAAAAAAAwA/Czc44FrJXAw/s1600/respond.png);
}
.post-body {
background: #fff;
overflow: hidden;
font-size: 12px;
line-height: 26px;
position: relative;
width: 645px !important;
}
.post-header {
padding: 0;
color: #818181;
font-size: 12px;
}
.post-header a{color:#818181;}
.post-header a:hover{color:#ffa800;}
.post-header-line-1{
}
.info-pr{
margin-top: 15px;
}
.author-2, .comment-link-2, .timestamp-2{ font:12px tahoma;}
.author-2 a, .comment-link-2 a, .timestamp-2 a{ font:12px tahoma;}
.author-2{
margin: 0;
background:url("http://2.bp.blogspot.com/-ny-raXX8-8w/Ue95l3skNUI/AAAAAAAAAuo/cXSL8TvLcrs/s1600/admin_user_2.png") right center no-repeat;
text-decoration: none;
float:right;
padding-top: 5px;
padding-bottom: 4px;
padding-right: 30px;
margin-left: 10px;
}
.timestamp-2{
margin: 0;
background: url("http://4.bp.blogspot.com/-z9j0eHl5-po/Ue95oEtHfpI/AAAAAAAAAu4/8TfLwgz9wio/s1600/month_calendar.png") right center no-repeat;
text-decoration: none;
float:right;
padding-top: 5px;
padding-bottom: 4px;
padding-right: 30px;
margin-left: 10px;
}
.label{
margin: 0;
background: url("http://2.bp.blogspot.com/-Q0wPnkEGkq8/Ue95nBs4BSI/AAAAAAAAAuw/cCMlWV8B6Qg/s1600/Document.png") right center no-repeat;
text-decoration: none;
float:right;
padding-bottom: 4px;
padding-right: 30px;
margin-left: 10px;
}
.comment-meta{
margin: 0;
background: url("http://2.bp.blogspot.com/-mADsk4dblaE/Ue95pVD6Z1I/AAAAAAAAAvA/A-qo3oQPjbc/s1600/speech_bubbles_2.png") right center no-repeat;
text-decoration: none;
float:right;
padding-bottom: 4px;
padding-right: 30px;
margin-left: 10px;
}
.info-post{
float: right;
height: 34px;
color: #424242;
}
.info-post a{
color:#424242;
}
.info-post1{
padding: 7px 0px 12px 0px;
float:right;
}
.info-post2{
padding: 7px 0px 12px 0px;
float:right;
}
.info-post3{
padding: 7px 0px 12px 0px;
float:right;
}
.info-post4{
padding: 7px 0px 12px 0px;
float:right;
}
.rmlink a {
display: block;
font-size: 12px;
font-family: droidkufi-bold, tahoma;
padding: 1.5px 7.5px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background: rgb(124,124,124);
background: -moz-linear-gradient(top, rgba(124, 124, 124, 1) 0%, rgba(82, 82, 82, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 82, 82, 1)), color-stop(100%, rgba(51, 51, 51, 1)));
background: -webkit-linear-gradient(top, rgba(124, 124, 124, 1) 0%, rgba(82, 82, 82, 1) 100%);
background: -o-linear-gradient(top, rgba(124, 124, 124, 1) 0%, rgba(82, 82, 82, 1) 100%);
background: -ms-linear-gradient(top, rgba(124, 124, 124, 1) 0%, rgba(82, 82, 82, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#333333', GradientType=0 );
background: linear-gradient(top, rgba(124, 124, 124, 1) 0%, rgba(82, 82, 82, 1) 100%);
border: 1px solid #505050;
text-shadow: 1px 1px 1px #222;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
color: #FFF;
}
.rmlink a:hover {}
.post-footer {
margin: 0px 0 0;
padding: 0px 0 0;
color: #7b7b7b;
display:none;
}
#blog-pager {
margin:0;
padding-bottom: 10px;
}
#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 .comments-content{
list-style: none !important;
margin-left: 0px !important;
padding: 20px 20px 0px !important;
}
.comments .comments-content .icon.blog-author {
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}
.comments .comments-content .loadmore a {
border-top: 1px solid #777777;
border-bottom: 1px solid #777777;
}
.comments .continue {
border-top: 2px solid #777777;
}
/* Widgets
----------------------------------------------- */
.widget-content{
color: #333;
padding: 10px;
}
#ArchiveList a.post-count-link, #ArchiveList a.post-count-link:link, #ArchiveList a.post-count-link:visited{
color: #333;
}
.widget-content iframe{
list-style: none;
}
#Followers1-wrapper div{
margin-right: 0px !important;
}
.widget ul {
list-style: none;
padding: .35em 0;
}
#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{
overflow: hidden;
background: #fafafa;
padding: 3px;
border: 1px solid #e5e5e5;
border-radius: 0px;
box-shadow: none;
}
.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
----------------------------------------------- */
.alwantt {
width: 980px;
color: #a5a5a5;
border-top: 5px solid #007ecf;
margin-right: auto;
margin-left: auto;
}
.alwantt .section {
margin: 0 15px;
}
.alwantt a {
color: #007ecf;
}
.alwantt a:visited {
color: #007ecf;
}
.alwantt a:hover {
color: #ffa800;
}
.alwantt .widget h2 {
color: #fff;
font: 13px droidkufi-bold;
padding: 8px 10px;
border-right: 4px solid #007ecf;
margin: 0 0 10px;
background: #141414;
font-family: droidkufi-bold, tahoma;
margin-bottom: 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: #989898;
}
.mobile-index-date .date-header {
color: #7b7b7b;
}
.mobile-index-contents {
color: #989898;
}
.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;
}
html {overflow-x: hidden;}
#comment-post-message {
font-family: droidkufi-bold, tahoma;
margin: 0;
position: relative;
color: #444;
font-size: 13px;
font-weight: bold;
margin-bottom: 10px;
}
#Blog1_blog-pager-older-link{
font-family: Tahoma, Geneva, sans-serif;
font-weight: bold;
display: inline-block;
padding: 10px;
margin-right: 7px;
background: #f3f3f3;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
border: 1px solid #d4d4d4;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
color: #666;
font-size: 12px;
}
#Blog1_blog-pager-older-link:hover{
background: #fff;
}
#Blog1_blog-pager-newer-link{
font-weight: bold;
font-family: Tahoma, Geneva, sans-serif;
display: inline-block;
padding: 10px;
margin-right: 7px;
background: #f3f3f3;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
border: 1px solid #d4d4d4;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
color: #666;
font-size: 12px;
}
#Blog1_blog-pager-newer-link:hover{
background: #fff;
}
.home-link{
display: none;
}
.comments .comment-block{
background: #fff;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
margin-bottom: 20px;
overflow: hidden;
}
#bc_0_1M{
background: url(http://4.bp.blogspot.com/-vcQHXD23AIA/UfFLhEvWkAI/AAAAAAAAAwU/TRdwBl-7phs/s1600/commentBody.png) repeat-x;
padding: 10px;
border-bottom: 1px solid #d2d2d2;
}
#bc_0_0M {
background: url(http://4.bp.blogspot.com/-vcQHXD23AIA/UfFLhEvWkAI/AAAAAAAAAwU/TRdwBl-7phs/s1600/commentBody.png) repeat-x;
padding: 10px;
border-bottom: 1px solid #d2d2d2;
}
#bc_0_0MC {
color: #555;
padding: 10px;
}
#bc_0_1MC {
color: #555;
padding: 10px;
}
.comments .comment .comment-actions a{
margin-right: 10px;
margin-bottom: 10px;
padding-left: 5px;
padding-top: 5px;
display: block;
float: right;
color: #2e2e2e;
width: auto;
height: auto;
background: #ececec;
padding: 5px 10px;
outline: none;
border-radius: 0px;
cursor: pointer;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
}
.comments .comments-content .user{
font-style: italic;
font-family: droidkufi-bold;
}
.avatar-image-container{
float: right;
max-height: 44px !important;
overflow: hidden;
width: 44px !important;
}
.comments .avatar-image-container img{
float: right;
background: #fff;
padding: 3px;
border: 1px solid #e5e5e5;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0, 0, 0, 0.1);
}
.BlogArchive #ArchiveList ul{
box-shadow: none;
}
p2{
margin: 8px 0 0 0;
font: 11px tahoma;
color: #b5b5b5;
float: left;
height: 34px;
}
::-webkit-scrollbar {
background:#fff;
width:10px;
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
background:#007ecf;
}
::-webkit-scrollbar-track {
}
.fn a {
color: #424242;
}
.post-author.vcard {
margin: 0;
background: url("http://2.bp.blogspot.com/-ny-raXX8-8w/Ue95l3skNUI/AAAAAAAAAuo/cXSL8TvLcrs/s1600/admin_user_2.png") right center no-repeat;
text-decoration: none;
float: right;
padding-top: 5px;
padding-bottom: 4px;
padding-right: 30px;
margin-left: 10px;
}
.post-timestamp {
margin: 0;
background: url("http://4.bp.blogspot.com/-z9j0eHl5-po/Ue95oEtHfpI/AAAAAAAAAu4/8TfLwgz9wio/s1600/month_calendar.png") right center no-repeat;
text-decoration: none;
float: right;
padding-top: 5px;
padding-bottom: 4px;
padding-right: 30px;
margin-left: 10px;
color: #424242;
}
.post-labels {
margin: 0;
background: url("http://2.bp.blogspot.com/-Q0wPnkEGkq8/Ue95nBs4BSI/AAAAAAAAAuw/cCMlWV8B6Qg/s1600/Document.png") right center no-repeat;
text-decoration: none;
float: right;
padding-top: 5px;
padding-bottom: 4px;
padding-right: 30px;
margin-left: 10px;
}
.post-comment-link {
margin: 0;
background: url("http://2.bp.blogspot.com/-mADsk4dblaE/Ue95pVD6Z1I/AAAAAAAAAvA/A-qo3oQPjbc/s1600/speech_bubbles_2.png") right center no-repeat;
text-decoration: none;
float: right;
padding-top: 5px;
padding-bottom: 4px;
padding-right: 30px;
margin-left: 10px;
}
]]></b:skin>
<b:template-skin>
<b:variable default='960px' name='content.width' type='length' value='990px'/>
<b:variable default='0' name='main.column.left.width' type='length' value='320px'/>
<b:variable default='310px' name='main.column.right.width' type='length' value='0px'/>
<![CDATA[
body {
direction : rtl;
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: 980px;
max-width: 980px;
width: 990px;
}
.main-inner .columns {
padding-left: 330px;
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("356px") -
parseInt("0px") + 'px');
}
.main-inner .fauxcolumn-left-outer {
width: 330px;
}
.main-inner .fauxcolumn-right-outer {
width: 0px;
}
.main-inner .column-left-outer {
width: 330px;
margin-left: -360px;
right: 100%;
}
.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;
}
/* TABLET : 768px */
@media only screen and ( max-width:1000px ) and (min-width: 750px){
.h ,.menu1, .content-fauxcolumn-outer, .region-inner, .ftr {width: 750px !important;}
.column-center-outer {width: 750px; float:right;}
.column-left-outer { float:right; right: 0 !important; width: 770px !important; display: none;}
.sidebar .widget {margin-left: 20px !important;float: right;width: 345px;}
#related-posts {height:350px !important;}
.fb_iframe_widget iframe {width: 413px !important;}
.recherche {display:none;}
.alwan-share{display:none;}
.logoandans{
width: auto !important;
}
.top{
width: 445px;
overflow: hidden;
}
.m{width: auto;
overflow: hidden;}
.column-left-outer {
display: none;
}
.post-body{
width: 405px !important;
}
.f,.alwantt,footer,.main-outer{
width: 445px !important;
}
.content {
width: 445px !important;
}
}
/* Phone : 320px */
@media only screen and (max-width: 444px){
.h ,.top .menu1, .content-fauxcolumn-outer, .region-inner, .ftr {width: 277px !important;}
.column-center-outer {width: 277px; float:right;}
.column-left-outer { float:right; right: 0 !important; width:277px !important;}
.sidebar .widget {margin-left: 20px !important;float: right;width: 255px;}
#related-posts {display:none}
.fb_iframe_widget iframe {width: 247px !important;}
.recherche {display:none;}
.main-inner .column-left-outer{ margin-left: 0;}
.alwan-share{display:none;}
.content{width: 277px;}
.top {
width: auto;
overflow: hidden;
}
.logoandans{
width: auto;
}
]]>
</b:template-skin>
<!--RelatedPostsStarts-->
<style>#related-posts{float:left;width:600px;margin-top:20px;margin-left:5px;margin-bottom:20px;font:14px DroidKufi-regular;margin-bottom:10px;}#related-posts .widget{list-style-type:none;margin:5px 0 5px 0;padding:0;}#related-posts .widget h2,#related-posts h2{font-size:11px;font-weight:normal;margin:5px 7px 0;padding:0 0 5px;}#related-posts a{text-decoration:none;}#related-posts a:hover{text-decoration:none;padding-right:2px;}#related-posts ul{border:medium none;margin:10px;padding:0;}#related-posts ul li{display:block;background:url("http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png") no-repeat 0 0;margin:0;padding-top:0;padding-right:0;padding-bottom:1px;padding-left:21px;margin-bottom:5px;line-height:2em;border-bottom:1px dotted #000000;}</style>
<script src='http://fares-related-post.googlecode.com/files/Related.js' type='text/javascript'/>
<!--RelatedPostsStops-->
<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>
<meta content=' مدونة الاحتراف لكل مصمم فوتوشوب ' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content=' 288962461243186 ' property='fb:app_id'/>
<meta content=' https://www.facebook.com/noor.z96 ' property='fb:admins'/>
<meta content='article' property='og:type'/>
</head>
<!--<body>
<b:section id="navbar" class="navbar" maxwidgets="1" showaddelement="no">
<b:widget type="Navbar" id="Navbar1" locked="yes"/>
</b:section>
-->
<body expr:class='"loading" + data:blog.mobileClass'>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '288962461243186
',
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/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<b:if cond='data:blog.pageType == "index"'>
<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
<meta expr:content='data:blog.title' itemprop='name'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
</b:if>
</div>
</b:if>
<div class='content'>
<div class='content-fauxcolumns'>
<div class='fauxcolumn-outer content-fauxcolumn-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>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</div>
<div class='content-outer'>
<div class='content-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left content-fauxborder-left'>
<div class='fauxborder-right content-fauxborder-right'/>
<div class='content-inner'>
<header>
</header>
<div class='top'>
<div class='menu1'>
<ul>
<li><a href='http://ala7traf.blogspot.com/' target='_blank'>الرئيسية</a></li>
<li><a href='http://ala7traf.blogspot.com/p/1.html' target='_blank'>تبادل اعلاني</a></li>
<li><a href='http://ala7traf.blogspot.com/p/1-facebook-3-yahoo-noor_20.html' target='_blank'>اتصل بنا</a></li>
<li><a href='http://ala7traf.blogspot.com/p/blog-page_22.html' target='_blank'>انضم لفريق التدوين</a></li>
</ul>
<div style='clear: both;'/>
</div>
<div style='clear: both;'/>
</div>
<div class='h'>
<div class='logoandans'>
<h3>
<a href='http://ala7traf.blogspot.com/'><img class='logo' src='http://im70.gulfup.com/WyFC3p.png'/></a>
</h3>
</div>
<div style='clear: both;'/>
</div>
<div class='inner'>
<div class='m'>
<ul>
<li><a class='home' href='http://ala7traf.blogspot.com/'/></li>
<li><a href='http://ala7traf.blogspot.com/'>الرئيسية</a></li>
<li><a href='http://ala7traf.blogspot.com/p/blog-page_18.html'>خطوط فوتوشوب عربية</a></li>
<li><a href='http://ala7traf.blogspot.com/p/unreal-tournament-font.html'>خطوط فوتوشوب انجليزية</a></li>
<li><a href='http://ala7traf.blogspot.com/p/blog-page_12.html'>شرح ادوات الفوتوشوب</a></li>
<li><a href='http://ala7traf.blogspot.com/p/blog-page_28.html'> القوائم عربي - انجليزي </a></li>
</ul>
<div style='clear: both;'/>
</div>
</div>
</div>
<div class='main-outer'>
<div class='main-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<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>
<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>
<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>
<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'>
</b:if>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='HTML5' 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='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'>
<h3 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h3>
<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/>
<h3 id='comment-post-message'><data:postCommentMsg/></h3>
<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' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='minipost' var='post'>
<b:if cond='data:blog.pageType != "item"'>
<div class='minipost'><a expr:name='data:post.id'/>
<div class='entry'><data:post.body/>
</div>
<p class='meta'><b:if cond='data:post.allowComments'> <img border='0' src='http://lh6.ggpht.com/_XrWO8mEpDy0/TIHMVwhVwAI/AAAAAAAAA5Q/EFYCI8LR6EE/s512/comment_reply.gif'/> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>أضف تعليقا</a></b:if><b:include data='post' name='postQuickEdit'/></p>
</div>
<b:else/>
<div class='minipost'><a expr:name='data:post.id'/>
<div class='title2'><a expr:href='data:post.url'><data:post.title/></a></div>
<div class='entry'><data:post.body/>
</div>
<p class='meta'><b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'> أضف تعليقا<b:else/><b:if cond='data:post.numComments == 1'> تعليق واحد<b:else/><b:if cond='data:post.numComments == 2'> تعليقان<b:else/><data:post.numComments/> تعليق</b:if></b:if></b:if>…</a><b:else/></b:if><b:include data='post' name='postQuickEdit'/></p>
</div>
د
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</a>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<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 uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-meta'/>
<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'>
</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='page-navi'>
<div class='pagenavi'>
<script type='text/javascript'>
var pageNaviConf = {
perPage: 3,
numPages: 5,
firstText: "الصفحة الأولى",
lastText: "الصفحة الأخيرة",
nextText: "»",
prevText: "«" }
</script>
<script src='https://arblogger-templates.googlecode.com/svn/trunk/pagenavi.min.js' type='text/javascript'/>
<div class='clear'/>
</div>
</b:includable>
<b:includable id='posst' var='post'>
<div class='post hentry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</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='post' var='post'>
<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a expr:name='data:post.id'/>
<div class='post-top'>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
<div class='post-meta'>
<div class='post-header-line-1'><span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<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'>
<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-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?&max-results=9"' 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'>
<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'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span> <span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> </div>
</div>
</b:if>
</div>
<div class='post-header'>
</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>
</b:if> <b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:post.isFirstPost'>
</b:if></b:if>
<data:post.body/>
<br/><div style='margin: 5px; float: right;'>
</div><div style='margin: 5px; float:left;'>
</div></b:if>
</b:if><font size='0'><a href=''/></font>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<div class='post-bot'>
<span class='rmlink' style='float:left;'>
<a expr:href='data:post.canonicalUrl'>أكمل القراءة</a>
</span>
</div>
</b:if>
<div class='post-footer'>
<b:if cond='data:blog.pageType == "item"'>
<script language='javascript' src='http://arb-ex.com/related/related.js'/>
<div id='related-posts'>
<h2 style='color: #fff; font: 13px droidkufi-bold; padding: 5px 8px; background: #ffa800 ; display: inline-block; border: none;'>شاهد أيضا</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=30"' type='text/javascript'/></b:if></b:loop></div>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script><div dir='rtl' style='text-align: right;'>
</div>
</div>
<b:if cond='data:blog.pageType == "item"'>
<div id="fb-root">
</div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ar_AR/all.js#xfbml=1&appId=377782818960682";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</div>
<div style='margin:0px; float: left;'>
</div><div style='margin:0px; float:right;'>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1' width='650'/>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div dir='ltr' style='text-align: left;' trbidi='on'>
</div>
<b:if cond='data:post.title'>
</b:if>
</b:if>
</b:if>
<div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-1'/>
<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-archive'>
<b:if cond='data:blog.pageType == "archive"'><div class='status-msg'><p>تشاهد الأن جميع تدوينات شهر <strong><data:blog.pageName/>.</strong> <a href='/'>إظهار كافة الرسائل</a></p></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/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_css'>
<style>
</style>
</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 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='2'/>
<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>
<style type='text/css'>
<!-- Stylish colored Navigation Widget For Blogger By UinEgy @ http://www.uniegy.blogspot.com -->
#blog-pager{padding:500px 0 !important;}
.showpageArea {font-weight: bold;margin:5px;}/* www.uniegy.blogspot.com */
.showpageArea a {text-decoration:underline;color: #fff;}/* www.uniegy.blogspot.com */
.showpageNum a, .showpage a {text-decoration: none;
color: #666 !important;
display: block;
text-align: center;
background: rgb(249,249,249);
background: -moz-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(234, 234, 234, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(249, 249, 249, 1)), color-stop(100%, rgba(234, 234, 234, 1)));
background: -webkit-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(234, 234, 234, 1) 100%);
background: -o-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(234, 234, 234, 1) 100%);
background: -ms-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(234, 234, 234, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eaeaea', GradientType=0 );
background: linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(234, 234, 234, 1) 100%);
border: 1px solid #d6d6d6;
text-shadow: 0px 0px 0px #fed4a8;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
float: right;
padding: 5px 15px;
margin-right: 7px;
}/* www.uniegy.blogspot.com */
.showpageNum a:hover, .showpage a:hover{
background: #fff;
}
.showpageNum a:hover, .showpage a:hover {} /* www.uniegy.blogspot.com */
.showpagePoint {text-decoration: none;
color: #fff !important;
display: block;
text-align: center;
background: rgb(0,189,242) !important;
background: -moz-linear-gradient(top, rgba(0,189,242, 1) 0%, rgba(0, 159, 236, 1) 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,189,242, 1)), color-stop(100%, rgba(0, 159, 236, 1))) !important;
background: -webkit-linear-gradient(top, rgba(0,189,242, 1) 0%, rgba(0, 159, 236, 1) 100%) !important;
background: -o-linear-gradient(top, rgba(0,189,242, 1) 0%, rgba(0, 159, 236, 1) 100%) !important;
background: -ms-linear-gradient(top, rgba(0,189,242, 1) 0%, rgba(0, 159, 236, 1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bdf2', endColorstr='#009fec', GradientType=0 ) !important;
background: linear-gradient(top, rgba(0,189,242, 1) 0%, rgba(0, 159, 236, 1) 100%) !important;
border: 1px solid #007fa2 !important;
text-shadow: 1px 1px 1px #008cb8 !important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
padding: 5px 15px;
float: right;); }/* www.uniegy.blogspot.com */
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0; display: none;}/* www.uniegy.blogspot.com */
.showpageNum a:link,.showpage a:hover {}/* www.uniegy.blogspot.com */
</style>
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=9;
var numshowpage=9;
var upPageWord ='السابق';
var downPageWord ='التالي';
</script>
<script src='http://uinegy.googlecode.com/svn/wiki/uniegy_bloggerpagenavi.js' type='text/javascript'/>
<!-- Stylish colored Numbered Page Navigation Widget For Blogger By UinEgy @ http://www.uniegy.blogspot.com -->
</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'>
<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>
<div class='f'>
<div class='ftr'>
<div id='footer-bottom' style='-webkit-transition: all 0.3s ease-in-out; background-color: #222222; 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: Oswald, arial, serif; 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;'>
</div>
<p>كافة الحقوق محفوظة 2013 © مدونة الاحتراف لكل مصمم فوتوشوب
</p>
<a href='http://ala7traf.blogspot.com/'><img src='http://ala7traf.blogspot.com/favicon.ico'/></a>
</div>
</div>
<!-- content -->
</div>
</div>
<div class='content-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</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'/>
</body>
<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>
<style>
.f{
width: 1000px;
margin-left: auto;
margin-right: auto;
background: #141414;
border-top: 1px solid #292929;
}
.ftr{
width: 960px;
margin: 0 auto;
margin-right: auto;
margin-left: auto;
border-top: 5px solid #808080;
padding-bottom: 35px;
}
.ftr p{
margin: 8px 0 0 0;
font: 11px tahoma;
color: #b5b5b5;
float: right;
height: 34px;
}
.ftr p a{color:#b5b5b5;}
.ftr img{
float:left;
margin:1px 0 0 0;
}
</style>
<b:section-contents id='sidebar-left-1'>
<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:widget id='CustomSearch1' locked='false' title='بحث في المدونة الالكترونية' type='CustomSearch'>
<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'>
<div expr:id='data:widget.instanceId + "_form"'>
<span class='cse-status'><data:loadingMsg/></span>
</div>
</div>
<!-- override gsearch.css -->
<style type='text/css'>
#uds-searchControl .gs-result .gs-title,
#uds-searchControl .gs-result .gs-title *,
#uds-searchControl .gsc-results .gsc-trailing-more-results,
#uds-searchControl .gsc-results .gsc-trailing-more-results * {
color:<data:linkColor/>;
}
#uds-searchControl .gs-result .gs-title a:visited,
#uds-searchControl .gs-result .gs-title a:visited * {
color:<data:visitedLinkColor/>;
}
#uds-searchControl .gs-relativePublishedDate,
#uds-searchControl .gs-publishedDate {
color: <data:dateColor/>;
}
#uds-searchControl .gs-result a.gs-visibleUrl,
#uds-searchControl .gs-result .gs-visibleUrl {
color: <data:urlColor/>;
}
#uds-searchControl .gsc-results {
border-color: <data:borderColor/>;
background-color: <data:backgroundColor/>;
}
#uds-searchControl .gsc-tabhActive {
border-color: <data:borderColor/>;
border-top-color: <data:activeBorderColor/>;
background-color: <data:backgroundColor/>;
color: <data:textColor/>;
}
#uds-searchControl .gsc-tabhInactive {
border-color: <data:borderColor/>;
background-color: transparent;
color: <data:linkColor/>;
}
#uds-searchClearResults {
border-color: <data:borderColor/>;
}
#uds-searchClearResults:hover {
border-color: <data:activeBorderColor/>;
}
#uds-searchControl .gsc-cursor-page {
color: <data:linkColor/>;
}
#uds-searchControl .gsc-cursor-current-page {
color: <data:textColor/>;
}
</style>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Image1' locked='false' title='اتصل بنا' type='Image'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:link != ""'>
<a expr:href='data:link'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</a>
<b:else/>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:if>
<br/>
<b:if cond='data:caption != ""'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
<b:include name='quickedit'/>
</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='PopularPosts1' locked='false' title='افضل المواضيع لهذا الشهر' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML1' 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='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='sidebar-left-2-1'/><b:section-contents id='sidebar-left-2-2'/><b:section-contents id='sidebar-left-3'/><b:section-contents id='footer-1'>
<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\0752954891607585393661\46blogName\75%D9%85%D8%AF%D9%88%D9%86%D8%A9+%D8%A7%D9%84%D8%A7%D8%AD%D8%AA%D8%B1%D8%A7%D9%81+%D9%84%D9%83%D9%84+%D9%85%D8%B5%D9%85%D9%85+%D9%81%D9%88%D8%AA%D9%88%D8%B4%D9%88%D8%A8\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://ala7traf.blogspot.com/search\46blogLocale\75ar\46v\0752\46homepageUrl\75http://ala7traf.blogspot.com/\46blogFollowUrl\75https://plus.google.com/110976323248428473111\46vt\0757910478367922535335',
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:section-contents><b:section-contents id='footer-2-1'>
<b:widget id='PopularPosts2' locked='false' title='افضل 10 مواضيع هذا الاسبوع' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section-contents><b:section-contents id='footer-2-2'>
<b:widget id='HTML2' locked='false' title='مدونات صديقة' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section-contents><b:section-contents id='footer-2-3'>
<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:section-contents></html>