تنسيق المدونة يجذب الزوار لها، ويزيد متابعيك ويرقعك على الصفحات الأولى من كوكل خصوصا عندما تستعمل الكتابة بال SEO، فالعين ترتاح للقراءة ويستمر القارئ في موقعك مدة طويلة.
ويمكنك أن تزيدها جمالا بإضافة الألوان لها، ولخلفية العناوين والوصف، تتبع الطريقة بالتفاصيل من هنا، وتغير الخط للحجم المناسب لراحة القارئ، ويمكنك أن تُضيف لها الأرشيف.
تحميل قالب سيو بلس النسخة العربية.
كيف تغير القالب لقالب سيو بلس؟
ما عليك سوى الدخول للإعدادات، في المظهر وتضغط على السهم، لتجد HTML وتمسحها كلها وتنسخ الكود التالي وتُلصقه مكانه:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:js='true' b:layoutsVersion='3' b:responsive='true' b:templateUrl='vegeclub.xml' b:templateVersion='1.0.0' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale.language' 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'>
<head><b:attr expr:value='data:view.isSingleItem ? "og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#" : "og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#"' name='prefix'/>
<!-- Defult metatags -->
<b:include name='openGraphMetaData'/>
<!-- Required -->
<meta content='' name='twitter:site'/>
<meta content='' name='twitter:creator'/>
<meta content='' property='fb:pages'/>
<meta content='' property='fb:app_id'/>
<meta content='' property='fb:admins'/>
<b:if cond='data:view.isSingleItem'>
<link href='' rel='publisher'/>
</b:if>
<!-- Template Skin -->
<b:skin><![CDATA[
/*
Seoplus Blogger Template Free
developers: https://www.seoplus.dev/
Version : 5
Updated : 18 May, 2020
information: https://www.seoplus-template.com/
Facebook: https://www.facebook.com/SeoPlusDev/
*/
/*=================
Icons Svg
===================*/
.Sp-Normal .moreLink:before, .post-outer .moreLink:before, a.Lapel-Link:before, a.thumb.not-pl:after {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='external-link-alt' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M440,256H424a8,8,0,0,0-8,8V464a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V112A16,16,0,0,1,48,96H248a8,8,0,0,0,8-8V72a8,8,0,0,0-8-8H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V264A8,8,0,0,0,440,256ZM480,0h-.06L383.78.17c-28.45,0-42.66,34.54-22.58,54.62l35.28,35.28-265,265a12,12,0,0,0,0,17l8.49,8.49a12,12,0,0,0,17,0l265-265,35.28,35.27c20,20,54.57,6,54.62-22.57L512,32.05A32,32,0,0,0,480,0Zm-.17,128.17-96-96L480,32Z'%3E%3C/path%3E%3C/svg%3E")}
.recent-comments .comment .leave-comm:before, .bottomaa:after {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='external-link-alt' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236f6f6f' d='M440,256H424a8,8,0,0,0-8,8V464a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V112A16,16,0,0,1,48,96H248a8,8,0,0,0,8-8V72a8,8,0,0,0-8-8H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V264A8,8,0,0,0,440,256ZM480,0h-.06L383.78.17c-28.45,0-42.66,34.54-22.58,54.62l35.28,35.28-265,265a12,12,0,0,0,0,17l8.49,8.49a12,12,0,0,0,17,0l265-265,35.28,35.27c20,20,54.57,6,54.62-22.57L512,32.05A32,32,0,0,0,480,0Zm-.17,128.17-96-96L480,32Z'%3E%3C/path%3E%3C/svg%3E");}
.icon.fa-reddit,.fa.fa-reddit {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M440.3 203.5c-15 0-28.2 6.2-37.9 15.9-35.7-24.7-83.8-40.6-137.1-42.3L293 52.3l88.2 19.8c0 21.6 17.6 39.2 39.2 39.2 22 0 39.7-18.1 39.7-39.7s-17.6-39.7-39.7-39.7c-15.4 0-28.7 9.3-35.3 22l-97.4-21.6c-4.9-1.3-9.7 2.2-11 7.1L246.3 177c-52.9 2.2-100.5 18.1-136.3 42.8-9.7-10.1-23.4-16.3-38.4-16.3-55.6 0-73.8 74.6-22.9 100.1-1.8 7.9-2.6 16.3-2.6 24.7 0 83.8 94.4 151.7 210.3 151.7 116.4 0 210.8-67.9 210.8-151.7 0-8.4-.9-17.2-3.1-25.1 49.9-25.6 31.5-99.7-23.8-99.7zM129.4 308.9c0-22 17.6-39.7 39.7-39.7 21.6 0 39.2 17.6 39.2 39.7 0 21.6-17.6 39.2-39.2 39.2-22 .1-39.7-17.6-39.7-39.2zm214.3 93.5c-36.4 36.4-139.1 36.4-175.5 0-4-3.5-4-9.7 0-13.7 3.5-3.5 9.7-3.5 13.2 0 27.8 28.5 120 29 149 0 3.5-3.5 9.7-3.5 13.2 0 4.1 4 4.1 10.2.1 13.7zm-.8-54.2c-21.6 0-39.2-17.6-39.2-39.2 0-22 17.6-39.7 39.2-39.7 22 0 39.7 17.6 39.7 39.7-.1 21.5-17.7 39.2-39.7 39.2z'%3E%3C/path%3E%3C/svg%3E");}
.fa-facebook, .facebook .topaa:before{background:no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' data-prefix='fab' data-icon='facebook-f' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 264 512' class='svg-inline--fa fa-facebook-f fa-w-9'%3E%3Cpath fill='%23fff' d='M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229' class=''%3E%3C/path%3E%3C/svg%3E")}
.fa-twitter, .twitter .topaa:before{background:no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' data-prefix='fab' data-icon='twitter' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-twitter fa-w-16'%3E%3Cpath fill='%23fff' d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z' class=''%3E%3C/path%3E%3C/svg%3E")}
.fa-tumblr {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' %3E%3Cpath fill='%23fff' d='M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1.8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5.9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-whatsapp {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' %3E%3Cpath fill='%23fff' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-youtube {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' %3E%3Cpath fill='%23fff' d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-behance {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' %3E%3Cpath fill='%23fff' d='M232 237.2c31.8-15.2 48.4-38.2 48.4-74 0-70.6-52.6-87.8-113.3-87.8H0v354.4h171.8c64.4 0 124.9-30.9 124.9-102.9 0-44.5-21.1-77.4-64.7-89.7zM77.9 135.9H151c28.1 0 53.4 7.9 53.4 40.5 0 30.1-19.7 42.2-47.5 42.2h-79v-82.7zm83.3 233.7H77.9V272h84.9c34.3 0 56 14.3 56 50.6 0 35.8-25.9 47-57.6 47zm358.5-240.7H376V94h143.7v34.9zM576 305.2c0-75.9-44.4-139.2-124.9-139.2-78.2 0-131.3 58.8-131.3 135.8 0 79.9 50.3 134.7 131.3 134.7 61.3 0 101-27.6 120.1-86.3H509c-6.7 21.9-34.3 33.5-55.7 33.5-41.3 0-63-24.2-63-65.3h185.1c.3-4.2.6-8.7.6-13.2zM390.4 274c2.3-33.7 24.7-54.8 58.5-54.8 35.4 0 53.2 20.8 56.2 54.8H390.4z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-flickr {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' %3E%3Cpath fill='%23fff' d='M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM144.5 319c-35.1 0-63.5-28.4-63.5-63.5s28.4-63.5 63.5-63.5 63.5 28.4 63.5 63.5-28.4 63.5-63.5 63.5zm159 0c-35.1 0-63.5-28.4-63.5-63.5s28.4-63.5 63.5-63.5 63.5 28.4 63.5 63.5-28.4 63.5-63.5 63.5z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-blogger {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' %3E%3Cpath fill='%23fff' d='M446.6 222.7c-1.8-8-6.8-15.4-12.5-18.5-1.8-1-13-2.2-25-2.7-20.1-.9-22.3-1.3-28.7-5-10.1-5.9-12.8-12.3-12.9-29.5-.1-33-13.8-63.7-40.9-91.3-19.3-19.7-40.9-33-65.5-40.5-5.9-1.8-19.1-2.4-63.3-2.9-69.4-.8-84.8.6-108.4 10C45.9 59.5 14.7 96.1 3.3 142.9 1.2 151.7.7 165.8.2 246.8c-.6 101.5.1 116.4 6.4 136.5 15.6 49.6 59.9 86.3 104.4 94.3 14.8 2.7 197.3 3.3 216 .8 32.5-4.4 58-17.5 81.9-41.9 17.3-17.7 28.1-36.8 35.2-62.1 4.9-17.6 4.5-142.8 2.5-151.7zm-322.1-63.6c7.8-7.9 10-8.2 58.8-8.2 43.9 0 45.4.1 51.8 3.4 9.3 4.7 13.4 11.3 13.4 21.9 0 9.5-3.8 16.2-12.3 21.6-4.6 2.9-7.3 3.1-50.3 3.3-26.5.2-47.7-.4-50.8-1.2-16.6-4.7-22.8-28.5-10.6-40.8zm191.8 199.8l-14.9 2.4-77.5.9c-68.1.8-87.3-.4-90.9-2-7.1-3.1-13.8-11.7-14.9-19.4-1.1-7.3 2.6-17.3 8.2-22.4 7.1-6.4 10.2-6.6 97.3-6.7 89.6-.1 89.1-.1 97.6 7.8 12.1 11.3 9.5 31.2-4.9 39.4z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-wordpress {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath fill='%23fff' d='M256 8C119.3 8 8 119.2 8 256c0 136.7 111.3 248 248 248s248-111.3 248-248C504 119.2 392.7 8 256 8zM33 256c0-32.3 6.9-63 19.3-90.7l106.4 291.4C84.3 420.5 33 344.2 33 256zm223 223c-21.9 0-43-3.2-63-9.1l66.9-194.4 68.5 187.8c.5 1.1 1 2.1 1.6 3.1-23.1 8.1-48 12.6-74 12.6zm30.7-327.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-21.9 0-58.7-2.8-58.7-2.8-12-.7-13.4 17.7-1.4 18.4 0 0 11.4 1.4 23.4 2.1l34.7 95.2L200.6 393l-81.2-241.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-4.2 0-9.1-.1-14.4-.3C109.6 73 178.1 33 256 33c58 0 110.9 22.2 150.6 58.5-1-.1-1.9-.2-2.9-.2-21.9 0-37.4 19.1-37.4 39.6 0 18.4 10.6 33.9 21.9 52.3 8.5 14.8 18.4 33.9 18.4 61.5 0 19.1-7.3 41.2-17 72.1l-22.2 74.3-80.7-239.6zm81.4 297.2l68.1-196.9c12.7-31.8 17-57.2 17-79.9 0-8.2-.5-15.8-1.5-22.9 17.4 31.8 27.3 68.2 27.3 107 0 82.3-44.6 154.1-110.9 192.7z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-tumblr {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' %3E%3Cpath fill='%23fff' d='M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1.8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5.9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-telegram {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' %3E%3Cpath fill='%23fff' d='M446.7 98.6l-67.6 318.8c-5.1 22.5-18.4 28.1-37.3 17.5l-103-75.9-49.7 47.8c-5.5 5.5-10.1 10.1-20.7 10.1l7.4-104.9 190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8 284 16.2 252.2c-22.1-6.9-22.5-22.1 4.6-32.7L418.2 66.4c18.4-6.9 34.5 4.1 28.5 32.2z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-skype {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' %3E%3Cpath fill='%23fff' d='M424.7 299.8c2.9-14 4.7-28.9 4.7-43.8 0-113.5-91.9-205.3-205.3-205.3-14.9 0-29.7 1.7-43.8 4.7C161.3 40.7 137.7 32 112 32 50.2 32 0 82.2 0 144c0 25.7 8.7 49.3 23.3 68.2-2.9 14-4.7 28.9-4.7 43.8 0 113.5 91.9 205.3 205.3 205.3 14.9 0 29.7-1.7 43.8-4.7 19 14.6 42.6 23.3 68.2 23.3 61.8 0 112-50.2 112-112 .1-25.6-8.6-49.2-23.2-68.1zm-194.6 91.5c-65.6 0-120.5-29.2-120.5-65 0-16 9-30.6 29.5-30.6 31.2 0 34.1 44.9 88.1 44.9 25.7 0 42.3-11.4 42.3-26.3 0-18.7-16-21.6-42-28-62.5-15.4-117.8-22-117.8-87.2 0-59.2 58.6-81.1 109.1-81.1 55.1 0 110.8 21.9 110.8 55.4 0 16.9-11.4 31.8-30.3 31.8-28.3 0-29.2-33.5-75-33.5-25.7 0-42 7-42 22.5 0 19.8 20.8 21.8 69.1 33 41.4 9.3 90.7 26.8 90.7 77.6 0 59.1-57.1 86.5-112 86.5z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-sitemap {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' %3E%3Cpath fill='%23fff' d='M104 272h192v48h48v-48h192v48h48v-57.59c0-21.17-17.22-38.41-38.41-38.41H344v-64h40c17.67 0 32-14.33 32-32V32c0-17.67-14.33-32-32-32H256c-17.67 0-32 14.33-32 32v96c0 8.84 3.58 16.84 9.37 22.63S247.16 160 256 160h40v64H94.41C73.22 224 56 241.23 56 262.41V320h48v-48zm168-160V48h96v64h-96zm336 240h-96c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32v-96c0-17.67-14.33-32-32-32zm-16 112h-64v-64h64v64zM368 352h-96c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32v-96c0-17.67-14.33-32-32-32zm-16 112h-64v-64h64v64zM128 352H32c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h96c17.67 0 32-14.33 32-32v-96c0-17.67-14.33-32-32-32zm-16 112H48v-64h64v64z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-instagram {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' %3E%3Cpath fill='%23fff' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-linkedin {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' %3E%3Cpath fill='%23fff' d='M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z' class=''%3E%3C/path%3E%3C/svg%3E");}
.fa-pinterest {background: url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' %3E%3Cpath fill='%23fff' d='M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z' class=''%3E%3C/path%3E%3C/svg %3E") no-repeat center ;}
.fa-google-play {background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath fill='%23fff' d='M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l280.8-161.2-60.1-60.1L104.6 499z' class=''%3E%3C/path%3E%3C/svg%3E");}
/*=================
Variables
===================*/
<Group description="أساسي" selector="body">
<Variable name="keycolor" description="لون الجرادينت المساعد" type="color" default="#1e3c72" value="#1e3c72"/>
<Variable name="step.color" description="اللون ألاساسي" type="color" default="#3560ab" value="#3560ab"/>
<Variable name="grad.color" description="لون النص فوق اللون الاساسي" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="body.background.color" description="لون تبويب المدونة في الهاتف" type="color" default="$(step.color)" value="#3560ab"/>
<Variable name="body.background" description="خلفية المدونة" type="background" color='#f7f7f7' default="$(color)
url() no-repeat fixed top right" value="$(color) url() no-repeat fixed top right"/>
<Variable name="body.text.font" description="Font" type="font" default="400 15px 'Segoe UI'" hideEditor="true" value="400 15px 'Segoe UI'"/>
<Variable name="body.link.color" description="Link color" type="color" default="#000" hideEditor="true" value="#000000"/>
<Variable name="Box.Title.bg" description="خلفية العناوين الاساسية" type="color" default="#e6e6e6" hideEditor="true" value="#e6e6e6"/>
</Group>
<Group description="الهيدر" selector="#sp-header" >
<Variable name="H.Bg" description="خلفية الهيدر" type="color" default="#fff" value="#ffffff"/>
<Variable name="H.Link" description="لون الروابط" type="color" default="#000" value="#000000"/>
<Variable name="H.Icon.Sh" description="لون ايقونة البحث" type="color" default="#fff" value="#ffffff"/>
<Variable name="H.Icon.Color" description="لون سهم القائمة المنسدلة" type="color" default="$(step.color)" value="#3560ab"/>
<Variable name="H.Link.font" description="خط وحجم الخط للروابط" type="font" default="400 14px 'Segoe UI'" value="400 14px 'Segoe UI'"/>
<Variable name="H.mons.Color" description="لون روابط القايمة المسندلة" type="color" default="#525252" value="#525252"/>
<Variable name="H.mons.bg" description="لون خلفية القايمة المنسدلة" type="color" default="#fff" value="#ffffff"/>
<Variable name="H.mons.border" description="لون فواصل القايمة المنسدلة" type="color" default="#e6e6e6" value="#e6e6e6"/>
<Variable name="H.mons.hover" description="تاثير مرور الروابط القايمة المنسدلة" type="color" default="$(step.color)" value="#3560ab"/>
</Group>
<Group description="المشاركات" selector=".site" >
<Variable name="Hpost.Title.Color" description="لون العناوين" type="color" default="#444" value="#444444"/>
<Variable name="Hpost.Short.Content.Color" description="لون وصف الموضوع القصير" type="color" default="#777" value="#777777"/>
<Variable name="Hpost.Items" description="لون روابط الميتا بوست" type="color" default="#777" value="#777777"/>
<Variable name="Hpost.Hover" description="لون التاثير المرور" type="color" default="#194ca9" value="#194ca9"/>
</Group>
<Group description="الموضوع" selector=".post-amp" >
<Variable name="posts.background.color" description="Post background color" type="color" default="#fff" hideEditor="true" value="#ffffff"/>
<Variable name="posts.title.color" description="Post title color" type="color" default="#393939" value="#393939"/>
<Variable name="posts.title.font" description="Post title font" type="font" default="400 21px 'Segoe UI'" value="400 21px 'Segoe UI'"/>
<Variable name="posts.text.font" description="Post text font" type="font" default="400 14px 'Segoe UI'" value="400 14px 'Segoe UI'"/>
<Variable name="posts.text.color" description="Post text color" type="color" default="#000" value="#000000"/>
<Variable name="posts.link.color" description="Post link color" type="color" default="#194ca9" value="#194ca9"/>
</Group>
<Group selector='.post .post-outer' description="جميع محتويات الموضوع">
<Variable name="posts.meta.color" description="لون معلومات الموضوع اسفل العنوان" type="color" default="#585858" value="#585858"/>
<Variable name="posts.meta.border" description="لون البوردر لمعلومات المضوع اسفل العنوان" type="color" default="#f5f5f5" value="#f5f5f5"/>
<Variable name="posts.img.border" description="لون بوردر الصورة" type="color" default="#eee" value="#eeeeee"/>
<Variable name="posts.num.bg" description="خلفية التعداد الرقمي" type="color" default="#eee" value="#eeeeee"/>
<Variable name="posts.num.color" description="لون رقم التعداد الرقمي" type="color" default="#000" value="#000000"/>
<Variable name="posts.num.border" description="لون بوردر التعداد الرقمي" type="color" default="#ccc" value="#cccccc"/>
<Variable name="posts.h2.bg" description="خلفية العنوان h2" type="color" default="#eee" value="#eeeeee"/>
<Variable name="posts.h2.color" description="لون خط العنوان h2" type="color" default="#000" value="#000000"/>
<Variable name="posts.h2.border" description="لون فاصل اسفل عنوان h2" type="color" default="#d8d8d8" value="#d8d8d8"/>
<Variable name="posts.h2.font" description="خط العنوان h2" type="font" default="400 21px 'Segoe UI'" value="400 21px 'Segoe UI'"/>
<Variable name="posts.h3.bg" description="لون خلفية العنوان h3" type="color" default="#eee" value="#eeeeee"/>
<Variable name="posts.h3.color" description="لون خط العنوان h3" type="color" default="#000" value="#000000"/>
<Variable name="posts.h3.border" description="لون فاصل اسفل عنوان h3" type="color" default="#d8d8d8" value="#d8d8d8"/>
<Variable name="posts.h3.font" description="خط العنوان h3" type="font" default="400 19px 'Segoe UI'" value="400 19px 'Segoe UI'"/>
<Variable name="posts.h4.bg" description="خلفية العنوان h4" type="color" default="#eee" value="#eeeeee"/>
<Variable name="posts.h4.color" description="لون خط العنوان h4" type="color" default="#000" value="#000000"/>
<Variable name="posts.h4.border" description="لون فاصل اسفل عنوان h4" type="color" default="#d8d8d8" value="#d8d8d8"/>
<Variable name="posts.h4.font" description="خط العنوان h4" type="font" default="400 17px 'Segoe UI'" value="400 17px 'Segoe UI'"/>
<Variable name="posts.border" description="لون فواصل عناصر اسفل الموضوع" type="color" default="#eeeeee" value="#eeeeee"/>
<Variable name="posts.tags.bg" description="خلفية القسم" type="color" default="#eee" value="#eeeeee"/>
<Variable name="posts.tags.color" description="لون القسم" type="color" default="#292929" value="#292929"/>
<Variable name="posts.tags.hover.bg" description="خلفية القسم عند التمرير" type="color" default="#3560ab" value="#3560ab"/>
<Variable name="posts.tags.hover.color" description="لون القسم عند التمرير" type="color" default="#fff" value="#ffffff"/>
<Variable name="posts.au.bg" description="خلفية اضافة الكاتب" type="color" default="#f4f4f4" value="#f4f4f4"/>
<Variable name="posts.au.border" description="لون البوردر اضافة الكاتب" type="color" default="#eee" value="#eeeeee"/>
<Variable name="posts.comment.border" description="لون بوردر التعليقات" type="color" default="#ccc" value="#cccccc"/>
<Variable name="posts.comment.link" description="لون الروابط في التعليقات" type="color" default="#000fc1" value="#000fc1"/>
<Variable name="posts.comment.button" description="لون زر ارسل تعليق" type="color" default="#eeeeee" value="#eeeeee"/>
<Variable name="posts.comment.icon" description="لون ايقونة عنوان التعليقات" type="color" default="#335ea8" value="#335ea8"/>
<Variable name="posts.comment.title" description="لون نص عنوان التعليقات" type="color" default="#3e3e3e" value="#3e3e3e"/>
<Variable name="posts.comment.massg" description="لون رسالة التعليقات" type="color" default="#757575" value="#757575"/>
</Group>
<Group selector='.post-outer' description="خواص الفريال">
<Variable name="posts.read.more.color" description="لون خط خاصية شاهد المزيد" type="color" default="#313131" value="#313131"/>
<Variable name="posts.read.more.bg" description="لون خلفية زر خاصية شاهد المزيد" type="color" default="#f7f7f7" value="#f7f7f7"/>
<Variable name="posts.read.more.border" description="لون بوردر خاصية شاهد المزيد" type="color" default="#ccc" value="#cccccc"/>
<Variable name="posts.next.prev.border" description="لون بوردر خاصية تقسيم المقال" type="color" default="#eee" value="#eeeeee"/>
<Variable name="posts.next.prev.bg" description="لون خلفية خاصية تقسيم المقال" type="color" default="#f7f7f7" value="#f7f7f7"/>
</Group>
<Group selector='body' description="ضبط العروض">
<Variable name="content.width" description="Content width" type="length" min="640px" max="1300px" default="1100px" value="1100px"/>
<Variable name="sidebar.width" description="Sidebar width" type="length" min="150px" max="480px" default="320px" value="320px"/>
</Group>/**/
ul{margin:0;padding:0}
*{text-decoration:none;margin:0;padding:0;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.clear{clear:both}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;color:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}
img{max-width:100%;position:relative}
*:not(.notran),:not(.notran):after,:not(.notran):before{-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.cookie-choices-info{opacity: 0.9;z-index:999999999999999999!important;position:fixed!important;top:auto!important;bottom:5px!important;padding:0!important;right:5px!important;width:300px!important;text-align:center!important;font:400 15px 'Segoe UI'!important;border-radius:3px;box-shadow:0 1px 3px rgba(32,33,36,0.1)}
.cookie-choices-info:hover {opacity: 1;}
.cookie-choices-info .cookie-choices-inner{font-size:13px!important}
.cookie-choices-info .cookie-choices-text{font-size:14px!important;text-align:justify!important}
.cookie-choices-info .cookie-choices-buttons{display:block!important}
a.cookie-choices-button,a#cookieChoiceDismiss{background:#fff;color:#000!important;padding:5px 10px!important;border-radius:2px;margin:0 0 4px!important;display:block!important;font-size:13px!important;font-weight:normal!important}
@media screen and (max-width:450px){.cookie-choices-info{width:200px!important}.cookie-choices-info span.cookie-choices-text{font-size:12px!important}a.cookie-choices-button,a#cookieChoiceDismiss{display:inline-block!important;width:48%;margin-left:1%!important}}
.PLHolder {opacity: 0.9}
.PLHolder img {opacity: 0;}
body,input{font: $(body.text.font)}
body{background:$(body.background);background-size: cover;}
.container,.floar .lap {width: 100%;max-width: $(content.width);margin: 0 auto;}
.main-amm,.site .widget{display:block;background:#fff;clear:both;border-radius:0;padding:20px;border:1px solid #e6e6e6;overflow:hidden;margin:0 0 15px}
.headline{display:block;clear:both;margin-bottom:15px;position:relative}
.headline:before{content:"";background:$(Box.Title.bg);height:1px;width:100%;display:block;position:absolute;top:50%;z-index:1}
.headline .title{display:inline-block;padding:6px 20px 6px;background:$(step.color);color:$(grad.color);font-size:13px;font-weight:normal;border-radius:30px;z-index:999999;position:relative}
a.Lapel-Link{background:$(step.color);color:$(grad.color);float:left;padding:6px 20px 6px;font-size:13px;border-radius:30px;z-index:999999;position:relative}
.Lapel-Link:hover{padding:6px 20px 6px 35px}
.Lapel-Link:hover:before{opacity:1;transition:0.3s ease-out;left:10px;top:7px}
.title:before{content:"";position:absolute;left:-5px;background:#fff;height:8px;width:5px;top:40%}
a.Lapel-Link:after{content:"";position:absolute;right:-5px;background:#fff;height:8px;width:5px;top:40%}
footer .headline:before{display:none}
.Wigetdisabled{display:block;overflow:hidden;font-size:13px;padding:10px;text-align:center;color:#721c24;background-color:#f8d7da;border-color:#f5c6cb;border:1px solid;border-radius:2px}
/* == animation == */
a.PLHolder.thumb:before{content:"";opacity:1;display:inline-block;position:absolute;right:0;left:0;top:0;bottom:0;background-color:$(step.color);background-repeat:no-repeat;background-size:1000px 900px;animation:bs-lazy-anim 1.01s infinite linear forwards;background-image:linear-gradient(to right,$(step.color) 0,$(step.color) 20%,$(keycolor) 40%,$(step.color) 100%);animation-direction:reverse}
a.PLHolder.thumb:after{background-size:300% 300%;animation:mg-gr-anim 5.5s ease-in infinite;opacity:.8;transition:all .35s ease;content:'';position:absolute;background:-webkit-linear-gradient(to right,$(keycolor),$(step.color));background:-moz-linear-gradient(to right,$(keycolor),$(step.color));background:-o-linear-gradient(to right,$(keycolor),$(step.color));background:linear-gradient(to right,$(keycolor),$(step.color));top:0;left:0;right:0;bottom:0}
@keyframes bs-lazy-anim{from{background-position:-800px 0}to{background-position:400px 0}}
.Sp-posts1 .rnav-title a:hover ,
.Sp-posts3 .rnav-title a:hover ,
.Sp-posts4 .rnav-title a:hover ,
.Sp-posts6 .rnav-title a:hover ,
.Sp-posts5 .rnav-title a:hover ,
.shreet h3.rnav-title a:hover ,
.Sp-Normal .rnav-title a:hover ,
.Sp-slide .rnav-title a:hover ,
.Sp-3colList .rnav-title a:hover ,
.PopularPosts h3.post-title a:hover ,
.widget.FeaturedPost .post-title a:hover,
.items a:hover ,
nav.nav-par ul li a:hover,
.posttitle:hover,
ul.clear li a:hover,
.post-outer .posts-titles a:hover {
color: $(Hpost.Hover) !important;
}
iframe {display: initial;max-width: 100%;}
/* =================
= Hidden Items
================= */
#Settings ,
.widget .widget-item-control a img,
.widget-item-control,.blog-feeds,
.status-msg-body ,
.date-header ,
.post-feeds ,
.status-msg-border ,
nav.nav-par li ,
.hiden ,
.open.nav2 ,
.open.nav1 ,
.moreLink ,
.hideee ,
span.category a:not(:first-of-type),
div#blog-pager
{display:none !important}
/*=================
Posts
===================*/
.post-random {
margin: 15px 0 25px;
overflow: hidden;
clear: both;
display: block;
text-align: right;
}
div#main {
overflow: hidden;
}
.post div#Blog1, .post .post-outer, .post .post-body {
overflow: initial!important;
}
.contpotg, .spconten {
overflow: hidden;
}
.post-outer{display:block;overflow:hidden;padding-bottom:20px;border-bottom:1px solid #eeeeee;margin-bottom:20px;position:relative}
.post-outer .thumb{width:300px;height:180px}
.post-home{width:calc((100% - 315px) / 1);float:right}
.post-outer .items{display:block!important;clear:both;padding:8px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;vertical-align:middle;font-size:11px;color:#777}
.post-outer .items{display:inline-block;vertical-align:middle;font-size:11px;color:$(Hpost.Items)}
.post-outer .items a,.post-outer .items span{font-size:12px;display:inline-block;color:$(Hpost.Items);margin-left:3px}
.post-outer .posts-titles a{line-height:1.5em;margin-bottom:7px;display:block;max-height:4.6em;font-size:16px;color:$(Hpost.Title.Color)}
.post-outer .posts-titles{height:inherit;clear:both;font-size:16px;overflow:hidden}
.post-outer .Short_content{color:$(Hpost.Short.Content.Color);line-height:1.7em;margin:5px 0;font-size:12px}
.post-outer:last-of-type{padding-bottom: 0;border-bottom: 0;margin-bottom: 0;}
.thumb img{object-fit: cover;display:block;width:100%;height:100%}
.thumb{float:right;width:300px;height:300px;margin-left:15px;display:block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;position:relative}
h3.rnav-title a{color:$(Hpost.Title.Color);line-height:1.3em}
.rnav-title{clear:both;font-size:16px;overflow:hidden;height:4em}
.blocker{display:block;overflow:hidden;margin-top:15px}
.r-r{vertical-align:top}
.r-r{float:right;width:calc((100% - $(sidebar.width) - 15px) / 1)}
#Postcs7,#Postcs3{margin-right:15px}
.sides{width:calc((100% - 15px) / 2);float:right}
a.thumb.not-pl:before{content:"";position:absolute;background:linear-gradient(to bottom,rgba(0,0,0,0.15) 6%,rgba(0,0,0,0.68) 100%);height:100%;width:100%;display:block;z-index:99;transition:opacity 0.3s ease;opacity:0}
a.thumb.not-pl:after{content:"";z-index:99;position:absolute;display:block;transition:opacity 0.3s ease;opacity:0}
a.thumb.not-pl:hover:after{opacity:0.9!important}
/* iteam post */
.atags{display:block;margin:0 0 5px}
.atags a{font-size:13px;background:$(step.color);color:$(grad.color);padding:3px 15px;border-radius:1px;margin:0 0 0 5px;display:inline-block}
.post-amp .entry-title.topic-title{padding-right: 5px;border-right: 3px solid $(step.color);overflow:hidden;font:$(posts.title.font);line-height:1.7em;color:$(posts.title.color)}
.post-body{font:$(posts.text.font);line-height:24px;overflow:hidden;color:$(posts.text.color)}
.post-body a{color:$(posts.link.color)}
.post-meta{margin-top:10px;border:2px dotted $(posts.meta.border);border-right:0;border-left:0;padding:4px 0;margin-bottom:5px;color:$(posts.meta.color);font-size:13px}
.headbost,span.p-author.h-card.vcard,.article-timeago,.article-author,a.timestamp-link{display:inline-block;vertical-align:middle}
.headbost svg{width:14px!important;height:14px!important;margin-left:3px;vertical-align:middle}
.post-meta a{color:$(posts.meta.color)}
.post-meta span,.post-meta .post-date{font-size:13px}
.post-body img{padding:5px;border:1px solid $(posts.img.border);border-radius:3px;width:auto;height:auto;display:inline;max-width:100%}
.shareButton a{display:inline-block;vertical-align:middle;min-width:auto;margin:0 5px 5px 0;padding:0;width:calc((100% - 46px) / 6);position:relative;cursor:pointer;border-radius:3px}
.shareButton .icon{height:15px;width:15px;float:right}
.shareButton a:first-of-type{margin-right:0}
.shareButton .facebook span{background-color:#3b5998}
.shareButton .twitter span{background-color:#1da1f2}
.shareButton .pinterest span{background-color:#cc2127}
.shareButton .ic-phone span{background-color:#2ea625}
.shareButton .ic-reddit span{background-color:#ff4500}
.shareButton .ic-linkedin span{background-color:#0073b1}
.shareButton a span{display:block;padding:8px 10px;font-size:12px;color:#fff;box-shadow:0 90px 75px 1px rgba(255,255,255,0.1) inset;border-radius:3px;text-align:center;overflow:hidden}
.PagePrakediv a{border-radius:30px;font-size:14px;width:150px;margin:0 auto 0;font-family:'Segoe UI'}
.amp-tags{font-size:13px;font-weight:bold}
.amp-tags a{color:$(posts.tags.color);font-size:13px;margin:0 0 0 5px;font-weight:normal;padding:5px 10px;background:$(posts.tags.bg);border-radius:2px;transition:all 0s;display:inline-block}
.widget{overflow:hidden}
.amp-tags a:hover{background:$(posts.tags.hover.bg);color:$(posts.tags.hover.color)}
.amp-tags svg{width:11px;height:11px;margin-left:4px;vertical-align:middle;transition:all 0s}
.edit-post a{font-size:11px;text-align:center;padding:5px 8px;border-radius:1px;background-color:$(step.color);margin:0 auto 3px;color:$(grad.color);vertical-align:top}
.commint-cont{display:inline-block;vertical-align:middle;color:$(posts.meta.color);font-size:13px;float:left}
.commint-cont svg{width:15px;height:15px;display:inline-block;vertical-align:middle;margin-left:4px;margin-top:-1px}
.blog-admin{display:none}
.atags .blog-admin{float:left;vertical-align:top;overflow:hidden;margin-top:0!important}
.page .atags{overflow:hidden}
.page .atags .blog-admin{float:right}
.topic-nav,.reaction-buttons,section#comments,.amp-tags,.shareButton,.RelatedPosts,.author-profile{display:block;padding:15px 0 0;margin-top:15px;border-top:2px dotted $(posts.border)}
.reactions-label{display:inline-block;vertical-align:top;color:#343434;font-size:14px}
.reactions-label svg.icon{color:#1f3d74;width:16px;height:16px;margin-top:1px;margin-left:0}
iframe.reactions-iframe{height:20px;display:inline-block;vertical-align:sub}
#FancyAllItems *{-moz-transition:none;-webkit-transition:none;transition:none}
.post-body strike{text-decoration:line-through}
.post-body u{text-decoration:underline}
.post-body ul li,.post-body ol li{margin-bottom:3px;padding-bottom:3px}
.post-body ul,.post-body ol{padding-right:30px}
.post-body ol li:before{list-style:disc;content:counter(li);font-size:13px;padding:0 5px;line-height:1.3rem;width:24px;display:inline-block;text-align:center;background:$(posts.num.bg);border-radius:3px;margin-left:8px;border:1px solid $(posts.num.border);color:$(posts.num.color)}
.post-body ol li{counter-increment:li;list-style:none;font-size:13px}
.post-body ol{padding-right:5px}
.post-body h2,.post-body h3,.post-body h4{padding:13px 20px 13px 13px;border-radius:3px;margin:5px 0 10px}
.post-body h4{background:$(posts.h4.bg);font:$(posts.h4.font);border-bottom:1px solid $(posts.h4.border);color:$(posts.h4.color)}
.post-body h3{background:$(posts.h3.bg);font:$(posts.h3.font);border-bottom:1px solid $(posts.h3.border);color:$(posts.h3.color)}
.post-body h2{background:$(posts.h2.bg);font:$(posts.h2.font);padding:14px 20px 14px 13px;border-bottom:1px solid $(posts.h2.border);color:$(posts.h2.color)}
.PagePrakediv a{display:block;overflow:hidden;padding:10px;text-align:center;background:$(posts.read.more.bg);border:1px dashed $(posts.read.more.border);color:$(posts.read.more.color)}
.post-body blockquote{color:#545454;font-size:100%;background-color:#efefef;border-left:none;padding:50px 20px 40px;margin:40px 0 30px 0;position:relative;text-align:center;clear:both}
.PagePrakediv{margin-top: 15px;display:block;overflow:hidden}
.post-body blockquote:before {content: "";background: url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' data-prefix='far' data-icon='quote-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23777' d='M200 32H72C32.3 32 0 64.3 0 104v112c0 39.7 32.3 72 72 72h56v8c0 22.1-17.9 40-40 40h-8c-26.5 0-48 21.5-48 48v48c0 26.5 21.5 48 48 48h8c101.5 0 184-82.5 184-184V104c0-39.7-32.3-72-72-72zm24 264c0 75-61 136-136 136h-8v-48h8c48.5 0 88-39.5 88-88v-56H72c-13.2 0-24-10.8-24-24V104c0-13.2 10.8-24 24-24h128c13.2 0 24 10.8 24 24v192zM504 32H376c-39.7 0-72 32.3-72 72v112c0 39.7 32.3 72 72 72h56v8c0 22.1-17.9 40-40 40h-8c-26.5 0-48 21.5-48 48v48c0 26.5 21.5 48 48 48h8c101.5 0 184-82.5 184-184V104c0-39.7-32.3-72-72-72zm24 264c0 75-61 136-136 136h-8v-48h8c48.5 0 88-39.5 88-88v-56H376c-13.2 0-24-10.8-24-24V104c0-13.2 10.8-24 24-24h128c13.2 0 24 10.8 24 24v192z' %3E%3C/path%3E%3C/svg%3E") center no-repeat;width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin: 0 0px 3px 10px;}
.post-body blockquote:before{position:absolute;top:0;left:50%;margin-top:-45px;margin-left:-40px;width:80px;height:80px;background-color:#fff;line-height:90px;border-radius:50%;text-align:center;background-size:35px;background-position-y:30px}
.TocList{margin-bottom:5px}
td.tr-caption{font-size:12px}
/* topic-nav */
.texxattt{display:inline-block;color:$(grad.color);font-size:10px;background:$(step.color);padding:2px 5px;border-radius:2px;margin-bottom:3px}
.posttitle{font-size:14px;color:#353535 !important;width:100%;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.newPost,.oldPost{padding-left: 10px;float:right;width:50%;padding-right:10px;border-right:3px solid $(step.color)}
.topic-nav-cont{overflow:hidden}
.post-random .newPost .posttitle{width:100%;position:relative;padding:5px 0 2px}
.post-random .newPost{float:none;width:100%;margin-bottom:0}
.post-random .newPost:not(:first-of-type) .texxattt{display:none!important}
.post-random .texxattt{font-size:13px;margin-top:0;margin-bottom:0;padding:3px 10px;transform:skew(2deg);margin-right:-11px;border-radius:0}
.post-random .newPost .posttitle:before{content:"*";vertical-align:middle;display:inline-block;margin-bottom:-4px;color:$(step.color);margin-left:3px}
.post-random * {line-height: initial !important;}
.post-random {margin: 10px 0;}
/* comments */
li.comment{padding:10px 5px 0;margin:10px 0;border:1px solid #eee;box-shadow:none!important;display:block;border-right:0;border-left:0;border-bottom:0}
.avatar-image-container{position:absolute;width:45px;height:45px;border-radius:50%;text-align:center;margin-top:0;margin-right:5px}
.avatar-image-container img{border-radius:100%;height:40px;width:40px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRxSnXw_QmSUygeuscejZVIsPXc8wn_I_clAaUFPkvYOV2lMDEFiVSOnWbjipRNzKldha5riVnK0eECtclY22eEiM-7kqx4VeygpUFUhw5tSCKxI5F5OAnIiu_a0MnvF0XSI8VwejckJQ/s1600/log.jpg) no-repeat center;background-size:40px;overflow:hidden}
.comment-header{display:inline-block;overflow:hidden;clear:both;margin-right:60px}
span.datetime,cite.user{display:block;overflow:hidden;clear:both;font-size:13px;float:right}
span.datetime a,cite.user a{color:#666!important;font-weight:normal!important}
.comment-content{padding:10px 15px 13px;font-size:13px;cursor:text;font-weight:100;color:#000;overflow:hidden;border-top:1px dashed #eee}
.comment-actions.secondary-text a{padding:0 20px 1px;margin:5px 0;background:#f9f9f9;border:1px solid #e8e8e8;border-right: 0;font-size:13px}
span.datetime a,cite.user a{font-size:13px}
.comment-reply{border-radius:0 3px 3px 0;border-left:0!important}
.datetime.secondary-text a,.comment-actions.secondary-text a{color:#000}
.comments span.item-control a{border-radius:3px 0 0 3px!important}
.comment-reply {border: 1px solid #e8e8e8 !important;}
.comment-replies{margin-top:10px!important;margin-bottom:0!important;padding-right:40px}
.comments .comments-content .inline-thread{padding:0!important}
span.thread-toggle.thread-expanded,.comment-replies .comment-replies,.thread-count,.continue,.loadmore.loaded,.hidden{display:none}
.comment-thread ol{padding:0}
.comment-replies li.comment:first-of-type{margin-top:20px!important}
.comment-replies li.comment{border:0;padding-bottom:2px;box-shadow:none;padding:0;margin-top:25px!important}
.comment-replybox-single{padding-right:40px;display:block;clear:both;overflow:hidden}
.comment-replies span.item-control a {border-radius: 3px!important;border: 1px solid #e8e8e8;}
.comment-form{min-height: 205px;padding:20px;border:1px dashed $(posts.comment.border)}
#comments .comments-info{margin-bottom:15px;overflow:hidden;font-size:12px}
#comments .comments-info .comments-count{float:right;padding:5px 0;font-size:14px;position:relative;color:$(posts.comment.title)}
#comments .comments-info .go-respond b{float:right;padding:5px 15px;margin:0 25px;background-color:$(posts.comment.button);color:#3e3e3e;position:relative;overflow:hidden;font-size:13px}
#comments .small-icon{color:$(posts.comment.icon);width:20px;height:20px;display:inline-block;vertical-align:middle;margin-top:4px}
.comments-info svg.small-icon{width:15px!important;margin-left:5px!important;margin-top:0!important}
a#commnetLinkS{font-size:13px;cursor:pointer;font-weight:bold;color:$(posts.comment.link)}
h4#comment-post-message{display:inline-block;vertical-align:middle;font-size:14px;margin-right:5px;color:$(posts.comment.title)}
.conart p{display:block;overflow:hidden;font-size:13px;margin-top:5px;color:$(posts.comment.massg)}
iframe#comment-editor{border-top:1px dashed $(posts.comment.border);border-bottom:1px dashed $(posts.comment.border);margin-top:20px;box-sizing:content-box}
.comment-replybox-thread #comment-editor{display:none!important}
/* author profile */
.author-profile{border-top:0;padding:30px;position:relative;border-radius:0;background-color:$(posts.au.bg);border:1px solid $(posts.au.border)}
.gfvg{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:none;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}
.dshdsgn{display:block;box-sizing:border-box;width:100%;padding:0 10px;margin:0 auto;position:relative;vertical-align:top;font-size:1rem;padding-left:15px;padding-right:110px;min-height:80px}
.authorph img{border-radius:100%;border:1px solid #ccc}
.authorph.PLHolder{width:80px;height:80px;background:#ccc;border-radius:100%}
.authorph{width:80px;height:80px;right:0;left:auto;top:0;margin:0 auto;position:absolute;z-index:3}
.author-name{margin-bottom:.75rem}
.author-desc{font-size:13px;color:#4a4a4a}
a.g-profile{display:block;color:#000;font-size:18px}
a.g-profile span{color:#3b5999;font-weight:bold}
/* buttons */
/* nextprev */
.page-navigation{margin-top: 15px;display:block;overflow:hidden;background:$(posts.next.prev.bg);padding:5px 10px;border:1px solid $(posts.next.prev.border)}
#siki_next,#siki_prev{background:#fff;display:inline-block;cursor:pointer;border:2px solid $(keycolor);border-left:8px solid $(keycolor);border-radius:35px;margin:3px!important;transition:all 0.3s}
float:right;border-left:7px double #fff;border-radius:0 5px 5px 0}
.siki-next-prev a{display:block}
#siki_prev span:nth-child(1){float:left;font-size:15px;line-height:35px;padding:0 30px 0 10px;position:relative}
.siki-next-prev span{font-size:30px;color:#585858}
#siki_prev span:nth-child(2){float:right;line-height:45px}
#siki_next{float:left;border:2px solid $(keycolor);border-right:8px solid $(keycolor);border-radius:35px;margin:0}
#siki_next span:nth-child(1):before{display:block;width:1.5em;height:1.5em;content:"";top:7px;left:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 129 129' enable-background='new 0 0 129 129'%3E%3Cg%3E%3Cg%3E%3Cpath d='m64.5,122.6c32,0 58.1-26 58.1-58.1s-26-58-58.1-58-58,26-58,58 26,58.1 58,58.1zm0-108c27.5,5.32907e-15 49.9,22.4 49.9,49.9s-22.4,49.9-49.9,49.9-49.9-22.4-49.9-49.9 22.4-49.9 49.9-49.9z' fill='%23264079' %3E%3C/path%3E%3Cpath d='m70,93.5c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2 1.6-1.6 1.6-4.2 0-5.8l-23.5-23.5 23.5-23.5c1.6-1.6 1.6-4.2 0-5.8s-4.2-1.6-5.8,0l-26.4,26.4c-0.8,0.8-1.2,1.8-1.2,2.9s0.4,2.1 1.2,2.9l26.4,26.4z' fill='%23264079'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute}
#siki_next span:nth-child(2){float:left;line-height:45px}
#siki_next span:nth-child(1){float:right;font-size:15px;line-height:35px;padding:0 10px 0 30px;position:relative}
#siki-page-number{text-align:center;color:#292929;font-size:14px;position:absolute;right:calc((100% - 110px) / 2);left:calc((100% - 110px) / 2);display:inline-block;align-items:center;width:110px;padding:15px 0 0}
#siki_prev span:nth-child(1):before{display:block;width:1.5em;height:1.5em;content:"";top:7px;right:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 129 129' enable-background='new 0 0 129 129'%3E%3Cg%3E%3Cg%3E%3Cpath d='M64.5,122.6c32,0,58.1-26,58.1-58.1S96.5,6.4,64.5,6.4S6.4,32.5,6.4,64.5S32.5,122.6,64.5,122.6z M64.5,14.6 c27.5,0,49.9,22.4,49.9,49.9S92,114.4,64.5,114.4S14.6,92,14.6,64.5S37,14.6,64.5,14.6z' fill='%23264079'%3E%3C/path%3E%3Cpath d='m51.1,93.5c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l26.4-26.4c0.8-0.8 1.2-1.8 1.2-2.9 0-1.1-0.4-2.1-1.2-2.9l-26.4-26.4c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l23.5,23.5-23.5,23.5c-1.6,1.6-1.6,4.2 0,5.8z' fill='%23264079'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute}
#siki_prev:hover{border:2px solid $(keycolor);border-left:2px solid $(keycolor);border-right:8px solid $(keycolor)}
#siki_next:hover{border:2px solid $(keycolor);border-left:8px solid $(keycolor);border-right:2px solid $(keycolor)}
/* related-posts */
.post .Sp-posts1 .Short_content{display:none}
.post .Sp-posts1 a.thumb{height:150px}
.post .Sp-posts1 .items{display:none!important}
.post .Sp-posts1 h3.rnav-title a{font-size:14px!important;max-height: 3em;height:3em}
.post .Sp-posts1 .posts{padding:10px;border:1px solid #eee;margin-left:15px!important;width:calc((100% - 30px) / 3);margin-bottom:15px}
.post .Sp-posts1 .posts:last-of-type{margin-left:0!important}
.post .Sp-posts1 .posts:nth-last-of-type(1),.post .Sp-posts1 .posts:nth-last-of-type(2),.post .Sp-posts1 .posts:nth-last-of-type(3){margin-bottom:0!important}
.Sp-posts1 .posts {
display: inline-block;
border-radius: 2px;
position: relative;
vertical-align: top;
}
.Sp-posts1 a.thumb {
margin: 0;
width: 100%;
height: 200px;
position: relative;
}
.Sp-posts1 .posts:nth-of-type(3), .posts:nth-of-type(6) {
margin-left: 0 !important;
}
/* == PostsNormal == */
.Sp-Normal .moreLink,.post-outer .moreLink{
display:inline-block !important;margin-top:5px;position:relative;font-size:14px;
background:$(step.color);
color:#fff;padding:7px 15px 7px 15px;border-radius:2px}
.post .post-outer .moreLink {display: none!important;}
.Sp-Normal .moreLink:hover,.post-outer .moreLink:hover{padding:7px 10px 7px 30px}
.Sp-Normal .moreLink:before,.post-outer .moreLink:before,a.Lapel-Link:before{width:16px;height:16px;content:"";position:absolute;left:7px;top:8px;color:#000;padding:5px;display:block;opacity:0;transition:0.2s ease-out}
.Sp-Normal .moreLink:hover:before,.post-outer .moreLink:hover:before{opacity:1;transition:0.3s ease-out}
.Sp-Normal .posts{display:block;overflow:hidden;padding-bottom:20px;border-bottom:1px solid #eeeeee;margin-bottom:20px;position:relative}
.Sp-Normal .Short_content{color:$(Hpost.Short.Content.Color);line-height:1.7em;margin:5px 0;font-size:12px}
.Sp-Normal .items{display:inline-block;vertical-align:middle;font-size:11px;color:$(Hpost.Items)}
.Sp-Normal .thumb{width:300px;height:180px}
.Sp-Normal .cont{width:calc((100% - 315px) / 1);float:right}
.Sp-Normal .posts .items{display:block!important;clear:both;padding:8px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;vertical-align:middle;font-size:11px;color:$(Hpost.Items)}
.Sp-Normal .items a,.Sp-Normal .items span{font-size:12px;display:inline-block;color:$(Hpost.Items);margin-left:3px}
.Sp-Normal h3.rnav-title{height:inherit}
.Sp-Normal h3.rnav-title a{line-height:1.5em;margin-bottom:7px;display:block;max-height:4.6em;font-size:16px}
.Sp-Normal .posts:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:0}
.Sp-Normal .posts a.thumb.not-pl:after,.post-outer a.thumb.not-pl:after,.widget.FeaturedPost a.item-thumbnail.thumb.not-pl:after{width:28px;height:28px;top:43%;right:45%}
.icon[data-icon="clock"]{vertical-align:-3px!important}
/* ads-post */
#ret-a3lan #h403{text-align:center;display:block;font-size:13px;padding:15px 0 0;margin-top:15px;border-top:2px dotted #eeeeee}
.SeoPlusAds {
margin: 15px 0;
text-align: center;
display: block;
clear: both;
}
div#bot-a3lan, div#top-a3lan, div#ret-a3lan {
overflow: initial;
}
/* ArchivePage */
h2.Category-ArchivePage {background: $(step.color);display: inline-block;padding: 0;border-radius: 30px;}
h2.Category-ArchivePage a {color: $(grad.color);display: inline-block;padding: 5px 25px;font-size: 15px;}
ul.clear li {color: $(step.color);}
ul.clear li a {font-weight: bold;color: #121212;font-size: 13px;}
.caregory-div:not(:first-of-type) {margin-top: 10px;padding-top: 10px;border-top: 1px solid #eee;}
/* smoothscroll top */
.smoothscroll-top{position:fixed;opacity:0;visibility:hidden;overflow:hidden;text-align:center;z-index:99;background-color:$(step.color);color:$(grad.color);right:1%;bottom:-25px;transition:all 0.3s ease-in-out;transition-delay:0.2s;font-weight:100;font-size:18px;display:flex;width:35px;height:35px;align-items:center;border-radius:2px}
.smoothscroll-top.show{visibility:visible;cursor:pointer;opacity:1;bottom:1.5%}
.smoothscroll-top svg{margin:0 11px;display:block}
/*=================
الهيدر
===================*/
header#sp-header{display:block;position:relative;margin-bottom:20px;height:97px}
.head-pz{height:97px;width:100%;position:fixed;background:$(H.Bg);-webkit-box-shadow:0 1px 3px rgba(32,33,36,0.1);box-shadow:0 1px 3px rgba(32,33,36,0.1);top:0;right:0;left:0;z-index:999999999}
.par-tp{display:block;width:100%;clear:both;height:35px;position:fixed;top:0;right:0;left:0;max-width:1100px;margin:0 auto}
.floar{color:$(grad.color);width:77%;float:left;display:block;clear:both;position:relative;font-size:13px;padding:0 15px 0 0}
.floar:before{background:$(step.color);color:$(grad.color);width:2000px;display:block;clear:both;position:absolute;border-bottom-left-radius:5px;transform:skewX(30deg);right:0;content:"";transform:skewX(-30deg);border-bottom-right-radius:5px;height:35px}
div#pages{float:right;margin:8.5px 0;font-size:12px;position:relative}
div#pages li{display:inline-block;padding:0 5px}
.floar a{color:$(grad.color);font-size:12px}
.par-tp.active{top:-35px}
.par-bottm.active{top:35px}
.head-pz.active{height:72px;opacity:0.8}
.head-pz.active:hover{opacity:1}
.par-bottm.active nav.nav-par{top:-30px;width:calc((100% - 280px) /1)!important}
div#top-social-L{margin-left:0;float:left;z-index:999;position:relative;margin-top:4px}
#top-social-L ul li{display:inline-block}
#top-social-L li:first-of-type{margin-right:0}
#top-social-L li{display:inline-block;vertical-align:middle;margin-right:2px}
#top-social-L li a{display:block;padding:6px;border-radius:3px}
.par-bottm{display:block;clear:both;position:fixed;top:35px;right:0;left:0;width:100%;position:relative}
.logo{float:right;display:block;position:relative}
div#logo{font-size:1.5em;position:relative;top:-25px;z-index:9999;width:250px;height:70px}
div#header-inner{width:250px;height:70px;display:table-cell;vertical-align:middle}
img#Header1_headerimg{max-height:70px;margin:0 auto}
.icon{width:13px;margin-left:3px;display:inline-block;vertical-align:middle}
nav.nav-par{float:left;width:calc((100% - 320px) /1)!important;position:relative;top:0}
div#menu{height:62px;display:flex;align-items:center}
nav.nav-par li.ma{display:inline-block!important}
nav.nav-par ul li{margin-left:12px;margin-right:-4px}
nav.nav-par ul li a{color:$(H.Link);position:relative;font:$(H.Link.font);display:block;padding:10px 0 10px}
li.ma.pluselink ul:not(.ma2ul){display:block;position:absolute;right:-5px;width:180px;background:$(H.mons.bg);top:40px;border-radius:3px;box-shadow:0 1px 3px rgba(32,33,36,0.1);border:1px solid $(H.mons.border);z-index:9999999;opacity:0;visibility:hidden;transition:.2s ease;transform:scale(0)}
li.ma.pluselink:hover ul:not(.ma2ul){opacity:1;visibility:visible;transform:scale(1)}
li.ma.pluselink ul:not(.ma2ul):before{content:"";width:16px;height:16px;position:absolute;background:$(H.mons.bg);top:-8px;right:20%;z-index:-1;transform:rotate(45deg);border:1px solid $(H.mons.border)}
li.ma.pluselink span.icon{color:$(H.Icon.Color);width:10px;position:absolute;top:8px;left:-20px;right:auto;transform:rotate(180deg);line-height:1}
li.ma.pluselink:hover span.icon{transform:rotate(0);top:10px}
.pluselink2 span.icon{width:8px!important;left:5px!important;top:7px!important;transform:rotate(90deg)!important;right:auto!important}
.pluselink2:hover span.icon{left:8px!important}
li.ma.pluselink,li.ma2.pluselink2{position:relative}
li.ma.pluselink li{display:block!important;margin:0!important}
li.ma.pluselink li a{color:$(H.mons.Color);font-size:12px;padding:8px 25px 8px 10px;margin:0!important;border-bottom:1px solid $(H.mons.border);background:$(H.mons.bg);display:block;position:relative}
li.ma.pluselink li a:hover:before{background:$(H.mons.hover)}
li.ma.pluselink li a:before{content:"";width:8px;height:8px;position:absolute;background:$(H.mons.bg);top:13px;right:10px;z-index:999;transform:rotate(45deg);border:1px solid $(H.mons.border)}
li.ma2.pluselink2 ul.ma2ul{display:block;position:absolute;right:100%;width:180px;background:$(H.mons.bg);top:0;opacity:0;visibility:hidden;transition:.2s ease;transform:translateX(-30px);border-radius:3px;box-shadow:0 1px 3px rgba(32,33,36,0.1);border:1px solid $(H.mons.border);z-index:9999999}
li.ma2.pluselink2:hover ul.ma2ul{transform:translateX(0);opacity:1;visibility:visible}
li.ma2.pluselink2 ul.ma2ul:before{content:"";width:16px;height:16px;position:absolute;background:$(H.mons.bg);top:8px;right:-7px;z-index:-1;transform:rotate(45deg);border:1px solid $(H.mons.border)}
li.ma.pluselink li:last-of-type a{border-bottom:0}
li.ma.pluselink {margin-left: 25px;}
.par-bottm.active #logo{width:230px;height:50px}
.par-bottm.active #header-inner{width:230px;height:50px}
.par-bottm.active #Header1_headerimg{max-height:50px}
/* =========
= Aside & footer
========= */
div#Topa3lan-sc div#HTML1{background:transparent;padding:0;border:0;margin:0}
#sidepar-wid{transition: none !important;width:$(sidebar.width);float:left;margin-right:15px;vertical-align:top}
footer{overflow:hidden;display:block;clear:both;background:#fff;padding:15px 0 0;border-top:1px solid #e6e6e6}
.mid-top-footer .footer-col{float:right;width:calc((100% - 60px) / 3);margin-left:30px}
footer .headline{background:transparent;border-bottom:1px solid #eee}
footer .headline .title{background:transparent;color:#121212;padding:0 3px 7px;border-bottom:1px solid #ccc;border-left:transparent;font-size:15px;border-radius:0!important}
div#footer-col3{margin-left:0;padding-left:0;border-left:0}
.mid-top-footer .footer-col .widget{margin-bottom:30px;vertical-align:top}
.mid-top-footer .footer-col .widget:last-of-type{margin-bottom:15px}
.bottom-footer{position: relative;z-index: 99999;display:block;overflow:hidden;clear:both;padding:10px 0;box-shadow:0 -1px 25px -16px #000;margin-top:0;background:#fff}
footer .container{display:block;overflow:hidden}
.yemen a{font-size:13px;font-weight:bold;color:#345ea9;letter-spacing:0;vertical-align:middle}
.yemen{min-height: 32px;font-size:13px;float:right;display:flex;align-items:center}
.yemen a:not(#7qok){font-size:initial;font-weight:normal;color:transparent;letter-spacing:0;vertical-align:middle;width:27px;height:27px;overflow:hidden}
.yemen span{font-size:13px;vertical-align:middle;margin-left:3px}
.shmal{float:left;font-size:13px;margin-top:5px}
/* recent-comments Widget */
.recent-comments .comment .leave-comm:before{width:8px;height:8px;content:"";position:absolute;right:2px;top:2px;color:#000;padding:5px;display:block;transition:0.2s ease-out}
.recent-comments{overflow:hidden}
aside .recent-comments .comment{border-bottom:1px solid #eeeeee}
.recent-comments .comment{margin-bottom:15px;padding-bottom:15px;overflow:hidden}
.recent-comments .comment:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}
.comments-img-wrap{border:3px solid #eeeeee}
.comments-img-wrap{float:right;width:50px;height:50px;border-radius:100px;margin-left:15px;overflow:hidden}
.recent-comments .comment .comm{float:right;width:calc(100% - 65px)}
.recent-comments .comment .comm-author{color:#999999}
.recent-comments .comment p{color:#444444}
.recent-comments .comment .comm-author{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;float:right;height:21px;margin-left:10px;overflow:hidden}
.recent-comments .comment .details{float:left;overflow:hidden}
.recent-comments .comment .details span{margin-left:0;font-size:9.5px;display:inline-block;vertical-align:top;color:#999999}
.recent-comments .comment p{text-align:right;width:95%;margin:0 0 2px;font-size:10px;max-height:18px;line-height:1.8em;overflow:hidden;font-weight:700;white-space:nowrap;text-overflow:ellipsis}
.recent-comments .comment .leave-comm{display:block;padding:0 15px;overflow:hidden;font-size:10px;position:relative;color:#6f6f6f;font-weight:bold}
/* social bottom footer */
.shmal .social-static.social li {display: inline-block;vertical-align: middle;margin-right: 2px;}
footer .social-static.social a[title='twitter'], aside .social-static.social a[title='twitter'], .mop-icon .social-static.social a[title='twitter'] {background: #1da1f2;}
footer .social-static.social a[title='reddit'], aside .social-static.social a[title='reddit'], .mop-icon .social-static.social a[title='reddit'] {background: #ff6933;}
footer .social-static.social a[title='whatsapp'], aside .social-static.social a[title='whatsapp'], .mop-icon .social-static.social a[title='whatsapp'] {background: #128C7E;}
footer .social-static.social a[title='facebook'], aside .social-static.social a[title='facebook'], .mop-icon .social-static.social a[title='facebook'] {background: #4267b2;}
footer .social-static.social a[title='sitemap'], aside .social-static.social a[title='sitemap'], .mop-icon .social-static.social a[title='sitemap'] {background: $(step.color);}
footer .social-static.social a[title='pinterest'], aside .social-static.social a[title='pinterest'], .mop-icon .social-static.social a[title='pinterest'] {background-color:#cc2127}
footer .social-static.social a[title='linkedin'], aside .social-static.social a[title='linkedin'], .mop-icon .social-static.social a[title='linkedin'] {background-color:#0976b4}
footer .social-static.social a[title='youtube'], aside .social-static.social a[title='youtube'], .mop-icon .social-static.social a[title='youtube'] {background-color:#e52d27}
footer .social-static.social a[title='spotify'], aside .social-static.social a[title='spotify'], .mop-icon .social-static.social a[title='spotify'] {background-color:#1ed760}
footer .social-static.social a[title='snapchat'], aside .social-static.social a[title='snapchat'], .mop-icon .social-static.social a[title='snapchat'] {background-color:#f5d602}
footer .social-static.social a[title='flickr'], aside .social-static.social a[title='flickr'], .mop-icon .social-static.social a[title='flickr'] {background-color:#FF0084}
footer .social-static.social a[title='wordpress'], aside .social-static.social a[title='wordpress'], .mop-icon .social-static.social a[title='wordpress'] {background-color:#207297}
footer .social-static.social a[title='blogger'], aside .social-static.social a[title='blogger'], .mop-icon .social-static.social a[title='blogger'] {background-color:#e96734}
footer .social-static.social a[title='instagram'], aside .social-static.social a[title='instagram'], .mop-icon .social-static.social a[title='instagram'] {background-color:#7c38af;background:radial-gradient(circle at 0 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%)}
footer .social-static.social a[title='behance'], aside .social-static.social a[title='behance'], .mop-icon .social-static.social a[title='behance'] {background-color:#009fff}
footer .social-static.social a[title='soundcloud'], aside .social-static.social a[title='soundcloud'], .mop-icon .social-static.social a[title='soundcloud'] {background-color:#FF5419}
footer .social-static.social a[title='messenger'], aside .social-static.social a[title='messenger'], .mop-icon .social-static.social a[title='messenger'] {background-color:#0084ff}
footer .social-static.social a[title='google-play'], aside .social-static.social a[title='google-play'], .mop-icon .social-static.social a[title='google-play'] {background-color:#3d9dab}
footer .social-static.social a[title='telegram'], aside .social-static.social a[title='telegram'], .mop-icon .social-static.social a[title='telegram'] {background-color:#32AEE1}
footer .social-static.social a[title='tumblr'], aside .social-static.social a[title='tumblr'], .mop-icon .social-static.social a[title='tumblr'] {background-color:#3e5a70}
.social-static.social i.fa {opacity: 0.9;display: block;width: 15px;height: 15px;}
aside .social-static.social li{float:right;vertical-align:middle;list-style:none;width:calc((100% - 4px) / 4);margin-left:1px;margin-bottom:1px}
.social-static.social i.fa:hover{opacity:1}
div#footer-social i.fa{opacity:1}
aside .social-static.social li a{border-radius:0;text-align:center;height:50px;display:flex;align-items:center}
aside .social-static.social i.fa, .mop-icon .social-static.social i.fa{opacity:1;width:22px;height:22px;margin:0 auto}
.social-static.social {display: block;overflow: hidden;vertical-align: middle;}
.shmal .social-static.social li a {display: block;padding: 6px;border-radius: 3px;}
.shmal .social-static.social li:first-of-type {margin-right: 0;}
/* aside linklist */
aside .LinkList ul li,footer .LinkList ul li,aside .PageList ul li,footer .PageList ul li{list-style:none;display:block}
aside .LinkList ul li a:hover::before,footer .LinkList ul li a:hover::before,aside .PageList ul li a:hover::before,footer .PageList ul li a:hover::before{background:$(step.color)}
aside .LinkList ul li a,footer .LinkList ul li a,aside .PageList ul li a,footer .PageList ul li a{color:#525252;font-size:12px;padding:8px 25px 8px 10px;margin:0!important;border-bottom:1px solid #e6e6e6;background:#ffffff;display:block;position:relative}
aside .LinkList ul li:last-of-type a,footer .LinkList ul li:last-of-type a,aside .PageList ul li:last-of-type a,footer .PageList ul li:last-of-type a{padding-bottom:0;border-bottom:0}
aside .LinkList ul li a::before,footer .LinkList ul li a::before,aside .PageList ul li a::before,footer .PageList ul li a::before{content:"";width:8px;height:8px;position:absolute;background:#ffffff;top:13px;right:10px;z-index:999;transform:rotate(45deg);border:1px solid #e6e6e6}
aside .LinkList ul li a:hover:before,footer .LinkList ul li a:hover:before,aside .PageList ul li a:hover:before,footer .PageList ul li a:hover:before{background:$(step.color)}
aside .LinkList ul li:first-of-type a,footer .LinkList ul li:first-of-type a,aside .PageList ul li:first-of-type a,footer .PageList ul li:first-of-type a{padding-top:0}
aside .LinkList ul li:first-of-type a::before,footer .LinkList ul li:first-of-type a::before,aside .PageList ul li:first-of-type a::before,footer .PageList ul li:first-of-type a::before{top:5px}
/* Label Widget */
.widget .list-label-widget-content ul{padding-right:20px}
.widget .list-label-widget-content ul li{font-size:14px;color:#1f1f1f;margin-bottom:5px;padding:4px 0;padding-bottom:7px;list-style:decimal;border-bottom:1px dashed #eee}
.widget .list-label-widget-content ul li a{color:#3e3e3e;font-size:13px;.cloud-label-widget-contentdisplay:block;padding:2px}
.widget .list-label-widget-content ul li:last-of-type{margin-bottom:0;border-bottom:0;padding-bottom:0}
span.label-count{float:left;color:#585858;text-align:center}
.widget.Label .cloud-label-widget-content span.label-size{float:right;width:calc((100% - 10px) / 2);vertical-align:middle;display:block;margin-bottom:10px}
.widget.Label .cloud-label-widget-content span.label-size a.label-name{padding:10px 10px;display:block;border-radius:30px;text-align:center;font-size:13px;color:#565656;border:1px solid #e6e6e6;background:#f7f7f7}
.widget.Label .cloud-label-widget-content span.label-size:nth-of-type(odd){margin-left:10px}
.widget.Label .cloud-label-widget-content span.label-size:nth-last-of-type(1),.widget.Label .cloud-label-widget-content span.label-size:nth-last-of-type(2){margin-bottom:0}
.widget.Label .cloud-label-widget-content span.label-size a:hover,.shareButton a:hover,.PagePrakediv a:hover{box-shadow:0 5px 14px rgba(0,0,0,0.15),0 1px 5px rgba(0,0,0,0.12)}
/* profile */
img.profile-img{border-radius:100%;border:1px solid #eee;margin:0 auto 15px;text-align:center;display:block}
.profile-info a.profile-link.g-profile{background:#eee;color:#000;display:inline-block;font-size:14px;border:1px solid #ccc;padding:5px 15px;border-radius:2px;margin-bottom:8px;margin-top:0}
dd.profile-textblock{font-size:12px;color:#383838}
.profile-info a.profile-link{display:none}
/* BlogSearch */
.BlogSearch input {border: 1px solid #f3f3f3;background: transparent;font-size: 13px;padding: 10px;border-radius: 3px;display: inline-block;width: 55px;}
.BlogSearch input.search-action:hover {background: $(step.color);color: $(grad.color);}
input.search-action{cursor: pointer;}
.search-input{display:inline-block;width:calc((100% - 60px) / 1)}
.search-input input{display:block;width:100%}
/* BlogArchive */
div#ArchiveList ul.hierarchy{padding-right:30px}
div#ArchiveList ul.hierarchy ul.hierarchy{padding-right:15px}
div#ArchiveList ul.hierarchy ul.hierarchy ul.hierarchy li:not(:last-of-type){margin-bottom:5px;padding-bottom:5px}
div#ArchiveList ul.hierarchy li a, div#ArchiveList ul.flat li a{color:#121212}
div#ArchiveList ul.hierarchy ul.hierarchy ul.hierarchy li:first-of-type{margin-top:5px;padding-top:5px}
div#ArchiveList ul.hierarchy li{font-size:11px}
div#ArchiveList ul.hierarchy li a:hover, div#ArchiveList ul.flat li a:hover{color:#194ca9}
div#ArchiveList .hierarchy-title{font-size:13px;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #f7f7f7}
div#ArchiveList .hierarchy-title span.post-count, div#ArchiveList ul.flat li span.post-count{float:left;width:25px;padding:0 0;text-align:center;background:#eee;border-radius:3px;border:1px solid #ccc;font-size:12px;font-weight:normal}
div#ArchiveList ul.flat {padding-right: 30px;}
div#ArchiveList ul.flat li:not(:last-of-type) {margin-bottom: 5px;padding-bottom: 5px;}
div#ArchiveList ul.flat li {font-size: 13px;}
/* FeaturedPost Widget */
.widget.FeaturedPost .post-title{margin-bottom:3px}
.widget.FeaturedPost .post-title a{font-size:16px;display:block;line-height:1.7em;max-height:4.5em;overflow:hidden;color:$(Hpost.Title.Color);font-weight:normal}
.widget.FeaturedPost p.snippet-item.r-snippetized{color:#777777;line-height:1.7em;margin:5px 0;font-size:12px}
.widget.FeaturedPost .item-thumbnail.thumb{width:100%;min-height:150px;margin:0;height:auto}
/* PopularPosts Widget */
.PopularPosts a.item-thumbnail.thumb{width:90px;height:70px;margin-left:10px}
.PopularPosts h3.post-title{width:calc((100% - 100px) / 1);float:left;overflow:hidden;margin-top:1px;text-align:right;max-height:4em}
.PopularPosts h3.post-title a{font-size:13px;color:$(Hpost.Title.Color)}
.PopularPosts article.post{display:block;overflow:hidden;clear:both;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee}
.PopularPosts article.post:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:0}
/* FollowByEmail Widget */
.widget.FollowByEmail .follow-by-email-inner:before {content: "";height: 160px;width: 100%;text-align: center;display: block;background:center no-repeat url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' data-prefix='fal' data-icon='envelope-open' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inlin'%3E%3Cpath fill='%23585858' d='M349.32 52.26C328.278 35.495 292.938 0 256 0c-36.665 0-71.446 34.769-93.31 52.26-34.586 27.455-109.525 87.898-145.097 117.015A47.99 47.99 0 0 0 0 206.416V464c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V206.413a47.989 47.989 0 0 0-17.597-37.144C458.832 140.157 383.906 79.715 349.32 52.26zM464 480H48c-8.837 0-16-7.163-16-16V206.161c0-4.806 2.155-9.353 5.878-12.392C64.16 172.315 159.658 95.526 182.59 77.32 200.211 63.27 232.317 32 256 32c23.686 0 55.789 31.27 73.41 45.32 22.932 18.207 118.436 95.008 144.714 116.468a15.99 15.99 0 0 1 5.876 12.39V464c0 8.837-7.163 16-16 16zm-8.753-216.312c4.189 5.156 3.393 12.732-1.776 16.905-22.827 18.426-55.135 44.236-104.156 83.148-21.045 16.8-56.871 52.518-93.318 52.258-36.58.264-72.826-35.908-93.318-52.263-49.015-38.908-81.321-64.716-104.149-83.143-5.169-4.173-5.966-11.749-1.776-16.905l5.047-6.212c4.169-5.131 11.704-5.925 16.848-1.772 22.763 18.376 55.014 44.143 103.938 82.978 16.85 13.437 50.201 45.69 73.413 45.315 23.219.371 56.562-31.877 73.413-45.315 48.929-38.839 81.178-64.605 103.938-82.978 5.145-4.153 12.679-3.359 16.848 1.772l5.048 6.212z' %3E%3C/path%3E%3C/svg%3E");margin: 0 auto;}
input.follow-by-email-address{display:block;width:100%;height:40px;margin:15px 0;border-radius:3px;border:1px solid #efefef;text-align:center}
input.follow-by-email-submit{background:#eee;border:1px solid #ccc;padding:10px;border-radius:3px;width:100%;text-align:center;color:#6b6b6b;font-size:12px;cursor:pointer}
input.follow-by-email-address::placeholder{font-weight:normal;font-size:14px}
/* redirectPage css */
.ccontenr{height:250px;width:250px;margin:0 auto;text-align:center;border-radius:100%;border:20px solid #f8f8f8;position:relative;border-bottom-color:transparent}
.two{display:flex;align-items:center;text-align:center;justify-content:center;height:100%;font-size:45px;position:relative;top:-8px}
.border1{position:absolute;top:-20px;left:-20px;right:-20px;width:250px;height:250px;border:20px solid transparent;border-radius:50%;border-bottom-color:$(step.color)}
.border2{position:absolute;top:-20px;left:-20px;right:-20px;width:250px;height:250px;border:20px solid transparent;border-radius:50%;border-bottom-color:$(step.color)}
.border3{position:absolute;top:-20px;left:-20px;right:-20px;width:250px;height:250px;border:20px solid transparent;border-radius:50%;border-bottom-color:$(step.color)}
.border4{position:absolute;top:-19px;left:-20px;right:-20px;width:250px;height:250px;border:20px solid transparent;border-radius:50%;border-bottom:23px solid #fff}
.safgasdg{height:245px;width:270px;margin:0 auto;border:0;overflow:hidden}
.zr{position:absolute;bottom:-10px;right:0;left:0;z-index:999999;border-style:solid;border-width:5px;border-color:rgba(0,0,0,0.03);display:inline-block;background-color:#f8f8f8;padding:5px 15px;width:160px;font-size:14px;margin:0 auto;border-radius:50px;color:#d2d2d2!important;text-decoration:none}
.run{cursor:progress}
.act{cursor:pointer;color:#3c5b92!important;border-color:$(step.color);border-style:double;transition:all 0.3s}
a.zr.act:hover{border-color:$(step.color);background:$(step.color);color:#fff!important}
.dis{cursor:no-drop;background-color:#ffcfcf;color:#de6262!important}
/* contact US */
#contact-form{padding:20px;border:1px dashed #eee}
div#Pagecontactus{margin:10px 0}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email,#ContactForm1_contact-form-email-message{margin:5px auto;border:1px solid #d6d6d6;transition:all .5s ease-out;width:100%;border-radius:2px;padding:8px 15px;margin-bottom:10px;background:transparent;font:400 14px 'Segoe UI'}
input#ContactForm1_contact-form-name{margin-top:0}
#ContactForm1_contact-form-submit{background:#eee;cursor:pointer;font-weight:bold;float:right;padding:8px 15px;color:#3c3c3c;margin:0 0;font-size:13px;border:1px solid #d4d4d4}
div#ContactForm1_contact-form-error-message img{vertical-align:middle;margin-right:3px}
textarea#ContactForm1_contact-form-email-message{margin-bottom:5px}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{outline:none;border-color:rgb(60,91,146);border-style:solid}
/* search-box */
.stxk{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.58);z-index:999999999999;-webkit-box-shadow:0 1px 15px 5px rgba(32,33,36,0.1);box-shadow:0 1px 15px 5px rgba(32,33,36,0.1)}
.stxk{display:none}
.search-box{text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;overflow:hidden;top:0;left:0;right:0;bottom:0}
.search-box-fix{width:100%;margin:0 auto;height:100%;max-width:600px;background:transparent;vertical-align:middle;display:table-cell;position:fixed;max-height:150px;right:0;top:30%;bottom:0;left:0;z-index:999999999999999;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;}
.search-wrap{width:90%;height:100%;display:table;margin:0 auto;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px;position:relative}
.search-fo{width:100%;height:100%;vertical-align:middle;display:table-cell}
.search-field{text-align:center;-webkit-appearance:none;padding:10px;border:none!important;background:transparent;width:100%;border-bottom:2px dashed #9e9e9e!important;font-size:30px;font-weight:bold;font-family:monospace;color:#fff}
.search-submit,.search-submit2{background:#2c82c9;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;display:inline-block;margin:15px 0 -5px 0;width:45px;height:45px;position:relative;padding:7px 0;color:#ffffff;border-radius:5px;border:0!important}
.search-submit{background:#eee;border:1px solid #ccc;width:45px;height:45px;border-radius:50%;border:1px solid #ccc!important}
a.search-submit2 svg{margin:5px 0!important;width:30px!important;height:30px!important}
a.search-submit2{position:absolute;left:-15px;top:-15px;margin:0;border-radius:50%;background:transparent}
a.search-submit2 svg{margin:5px 0 0 0!important;vertical-align:-1px}
.search-box{display:none}
input.search-field::placeholder{color:#9e9e9e}
.textst{font-size:40px;color:#fff;position:relative;top:-20px}
header#sp-header .widget{overflow:initial}
.post-body a[imageanchor]{margin:0 auto!important}
.open.nav1,.search{display:flex;position:relative;float:left;margin:1px 0;background:$(step.color);width:30px;height:31px;text-align:center;align-items:center;border-radius:3px;top:14px;margin-right:5px}
a.op-one svg,.search svg{color:$(H.Icon.Sh);margin:0 9px;width:13px!important;height:13px}
.par-bottm.active .open.nav1,.par-bottm.active .search{top:-15px}
.search svg{position:relative;top:2px}
.pos-t-t{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.58);z-index:999999999;-webkit-box-shadow:0 1px 15px 5px rgba(32,33,36,0.1);box-shadow:0 1px 15px 5px rgba(32,33,36,0.1)}
.pos-t-t{display:none}
.mop-pages,.mop-links{margin-bottom:15px}
.mop-icon{margin-top:15px;margin-bottom:15px}
.closebtn{text-align:right;position:absolute;top:0;left:0;font-size:23px;z-index:9999;height:55px;display:block;float:left;line-height:53px;color:#484848;width:100%;padding:0 20px 0 10px}
.closebtn svg{width:1.3em;height:1.3em;margin-top:12px}
.sidenav{height:100vh;width:250px;position:fixed;top:0;right:-260px;background-color:#ffffff;overflow-x:hidden;transition:0.3s;z-index:999999999999999999999999;padding-top:45px;padding-right:10px;padding-left:10px;padding-bottom:45px;max-width:100%}
.sidenav.open {right: 0;}
.mop-icon .social-static.social li{float:right;vertical-align:middle;list-style:none;width:calc((100% - 4px) / 4);margin-left:1px;margin-bottom:1px}
.mop-icon .social-static.social li a{border-radius:0;text-align:center;height:50px;display:flex;align-items:center}
.mop-links #menu{overflow:hidden;clear:both;height:inherit;width:inherit;display:block}
.mop-pages #PageList1{overflow:hidden;clear:both;height:inherit;width:inherit;display:block}
.mop-pages ul,.mop-links ul{padding-right:30px}
.mop-pages ul li,.mop-links ul li{list-style:circle;font-size:13px}
.mop-pages ul li:hover,.mop-links ul li:hover{list-style:disc}
.mop-pages ul li a,.mop-links ul li a{color:#131313;display:block;padding-bottom:7px;margin-bottom:7px;border-bottom:1px solid #eee;font-size:13px}
.mop-links ul::before{display:none!important}
.mop-links li ul li a{padding-right:13px!important}
.mop-links li ul li a::before{right:0!important}
.mop-links .ma2.pluselink2 ul.ma2ul{transform:none!important;opacity:1!important;visibility:visible!important;position:relative!important;box-shadow:none!important;top:0!important;right:auto!important;width:auto!important;border:none!important;padding-right:10px!important}
.mop-links li.ma2.pluselink2 li a::before{transform:none!important}
.mop-links .pluselink span.icon,.mop-links .pluselink2 span.icon{top: 8px !important;transform:none!important}
.mop-links .ma.pluselink ul:not(.ma2ul){position:relative!important;right:auto!important;left:auto!important;top:auto!important;width:auto!important;background:transparent!important;box-shadow:none!important;border:none!important;transform:none!important;visibility:visible!important;opacity:1!important;padding-right:0!important;margin-right:-10px!important}
.mop-links li.ma.pluselink span.icon{left:0!important;top:0!important}
.mop-links .pluselink2:hover span.icon{left:0!important}
.mop-links li.ma2.pluselink2 span.icon {top: 8px !important;}
.loadMore{margin-top:15px;text-align:center;overflow:hidden;display:block;clear:both}
.noMorePosts,div#loader,.loadMore .loadMorePosts a{width:130px;background:$(step.color);color:#fff;display:block;margin:0 auto;position:relative;font-size:14px;border-radius:1px;padding:8px 13px;text-align:right}
.loadMore .loadMorePosts a:before,.noMorePosts:before,div#loader:before{content:"";width:27px;height:27px;display:block;background:$(grad.color);position:absolute;left:5px;bottom:4px;border-radius:100%}
svg.icon-load{position:absolute;left:7.1px;bottom:5px;width:22px;height:22px;color:$(step.color)}
div#loader svg.icon-load{bottom:7px;left:8px;width:21px;height:21px}
.noMorePosts{width:150px!important}
.noMorePosts svg.icon-load{width:19px;height:19px;bottom:8px;left:9px}
table {max-width: 100%;}
.titlewrapper .title{position: relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:250px}
.descriptionwrapper{display:none}
div#E3lanat{position:absolute;z-index:-1;opacity:0;visibility:hidden}
.toctitle{display:block;font-size:17px;padding-bottom:6px;border-bottom:1px solid #eee;margin-bottom:6px;position:relative;padding-right:16px}
.topcs7v{margin:15px 0;padding:15px 10px;border:1px solid #eee}
ul#tocList{padding-right:30px}
ul#tocList li{list-style:circle;margin-bottom:3px;padding-bottom:3px;border-bottom:1px solid #f7f7f7}
ul#tocList li:hover{list-style:disc}
ul#tocList li:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:0}
ul#tocList li a{color:$(step.color);font-size:13px;display:block}
ul#tocList li a:hover{color:#000}
.toctitle:before{content:"*";color:$(step.color);padding-left:5px;line-height:1em;position:absolute;right:5px;top:8px}
.hideensa{overflow:hidden;display:block;clear:both}
svg.svg-inline--fa.fa-exclamation-triangle.fa-w-18{width:200px;margin:0 auto 0;display:block;height:200px;color:$(step.color)}
/*=================
New Worck
===================*/
.trelists{float:right;width:calc((100% - 30px) / 3)}
div#Postnw5,div#Postnw2{margin:0 15px}
.bocker{overflow:hidden;display:block;clear:both;position:relative}
div#main .HTML{clear: both;position: initial !important;padding: 0 20px !important;margin:0;border:0;background:transparent;}
.shreet .thumb,.shreet .Short_content{display:none}
.shreet h3.rnav-title{height:initial}
.shreet .Posts-byCategory {display: flex;position: absolute; right: 100%;transition: none !important;}
.shreet h3.rnav-title a:before {margin-left: 5px;content:'';background: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='file-alt' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23444' d='M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zm-22.6 22.7c2.1 2.1 3.5 4.6 4.2 7.4H256V32.5c2.8.7 5.3 2.1 7.4 4.2l83.9 83.9zM336 480H48c-8.8 0-16-7.2-16-16V48c0-8.8 7.2-16 16-16h176v104c0 13.3 10.7 24 24 24h104v304c0 8.8-7.2 16-16 16zm-48-244v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm0 64v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm0 64v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12z'%3E%3C/path%3E%3C/svg%3E") center no-repeat;display: inline-block;vertical-align: middle;width: 13px;height: 13px;}
#shreeta5bar .headline,.shreet{margin:0}
#shreeta5bar .headline:before{display:none}
#shreeta5bar .headline{flex-shrink:0;margin-left:15px}
.shreet{position:relative;width:100%;height:40px;display:flex;overflow:hidden;align-items:center}
.shreet h3.rnav-title a{font-size:14px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
div#shreeta5bar .Label{box-shadow:0 0 1px 0 #d6d6d6;border:1px solid #ebebeb;padding:0 10px;height:60px;background:#fff;display:flex;align-items:center;flex-flow:nowrap;flex:1 100%}
#shreeta5bar .headline .title{float:right;height:35px;line-height:35px;padding:0 20px 0 50px;padding-top:0;padding-bottom:0;padding-right:50px;padding-left:20px;background:$(step.color);color:#ffffff;font-size:14px;position:relative;z-index:1}
.shreet .items a.author,.shreet .items span.Date{display:none}
.shreet .posts{padding-left:15px}
.shreet span.category{display:none}
#shreeta5bar .headline .title:before{display:none}
#shreeta5bar .headline .title:before {content: "";position: absolute;right: 17px;top: 7px;width: 20px;height: 20px;background: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='newspaper' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23fff' d='M552 64H88c-13.234 0-24 10.767-24 24v8H24c-13.255 0-24 10.745-24 24v280c0 26.51 21.49 48 48 48h504c13.233 0 24-10.767 24-24V88c0-13.233-10.767-24-24-24zM32 400V128h32v272c0 8.822-7.178 16-16 16s-16-7.178-16-16zm512 16H93.258A47.897 47.897 0 0 0 96 400V96h448v320zm-404-96h168c6.627 0 12-5.373 12-12V140c0-6.627-5.373-12-12-12H140c-6.627 0-12 5.373-12 12v168c0 6.627 5.373 12 12 12zm20-160h128v128H160V160zm-32 212v-8c0-6.627 5.373-12 12-12h168c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H140c-6.627 0-12-5.373-12-12zm224 0v-8c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0-64v-8c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0-128v-8c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0 64v-8c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12z' class=''%3E%3C/path%3E%3C/svg%3E") center no-repeat;display: block;}
h3.rnav-title svg {float: right;vertical-align: middle;width: 13px;height: 13px;margin-left: 5px;margin-top: 2px;}
/*=================
responsev
===================*/
@media screen and (max-width:1100px){
div#top-social-L{margin-left:0}
.floar{width:75%}
.Sp-posts4 .posts:nth-of-type(1) .cont,.Sp-posts6 .posts .cont{margin:-80px 5% 0;width:90%}
.post-home,.Sp-Normal .cont{text-align: right;width:calc((100% - 295px) / 1)}
.post-outer .thumb,.Sp-Normal .thumb{width:280px}
.Sp-posts1 .posts{width:calc((100% - 30px) / 3);margin-left:15px;margin-right:0!important;margin-bottom:15px}
.Sp-posts1 .items a,.Sp-posts1 .items span{margin-left:0}
}
@media screen and (max-width:992px){
.open.nav1,.search{display:flex!important;top:-15px!important;position:absolute;z-index:9999999}
.open.nav1{right:3%!important}
.search{left:3%}
.PopularPosts a.item-thumbnail.thumb{width:80px;height:70px}
.PopularPosts h3.post-title{width:calc((100% - 90px) / 1)}
#sidepar-wid{width:250px}
.r-r{width:calc((100% - 250px - 15px) / 1)}
.par-tp{top:-335px!important}
nav.nav-par{display:none}
.shareButton .icon{height:13px;width:13px;margin-top:2px}
.Sp-slide .posts:nth-of-type(1){right:27.5%;width:45%}
.Sp-slide .posts:nth-of-type(2),.Sp-slide .posts:nth-of-type(4){right:-45%;padding:0 0 0 15px;width:27.5%}
.Sp-slide .posts:nth-of-type(3),.Sp-slide .posts:nth-of-type(5){padding:0 15px 0 0;width:27.5%}
.par-bottm #Header1_headerimg{max-height:50px;text-align:center}
.par-bottm #header-inner{width:auto;height:50px;margin:0 auto;text-align:center;display:block}
header#sp-header .widget{overflow:initial;text-align:center;margin:0 auto}
.par-bottm #logo{width:200px;height:50px;text-align:center;margin:0 auto}
.logo{float:none}
.head-pz{opacity:1}
header#sp-header,.head-pz{height:72px!important}
.par-bottm.active #logo{width:200px}
.par-bottm.active #header-inner{width:200px}
}
@media screen and (max-width:860px){
.trelists {float: none;width:100%}
.Sp-3colList .posts:nth-last-of-type(1),.Sp-3colList .posts:nth-last-of-type(2){margin-bottom:0!important;border-bottom:0!important;padding-bottom:0!important}
.Sp-slide .posts:not(:first-of-type) .rnav-title{padding:0 5px;max-height:initial!important;height:inherit!important}
.Sp-slide .posts:not(:first-of-type){vertical-align: top;height:inherit!important}
.mid-top-footer .footer-col{width:calc((100% - 30px) / 3);margin-left:15px}
.Sp-3colList .posts:nth-child(odd){margin-left:15px!important}
.Sp-3colList .posts{overflow:hidden;width:calc((100% - 15px) / 2);margin:0 0;vertical-align:top;display:inline-block;margin-bottom:15px!important;padding-bottom:15px!important;border-bottom:1px solid #eee!important}
.r-r,#sidepar-wid{position: static !important;float:none;width:100%!important;margin:0}
.Sp-slide .posts:nth-of-type(1){height:300px;right:0;width:100%;float:none;padding:0;margin-bottom:15px}
.Sp-slide .posts:nth-of-type(1) .thumb{height:300px}
.Sp-slide .posts:not(:first-of-type){margin:0 0 0 15px;width:calc((100% - 45px) / 4);padding:0!important;float:none;display:inline-block;right:0!important;left:0!important}
.Sp-slide .posts:last-of-type{margin-left:0!important}
}
@media screen and (max-width:720px){
.titlewrapper .title {width: auto;top: 5px;}
.headline .title{padding:8px 20px 6px}
a.Lapel-Link{padding:8px 20px 6px}
.Lapel-Link:hover{padding:8px 20px 6px 35px}
footer{padding:15px}
.mid-top-footer .footer-col .widget{margin-bottom:30px}
.mid-top-footer .footer-col{float:none;width:100%;margin-left:0!important}
.bottom-footer{padding:0;box-shadow:none}
.bottom-footer .yemen{display: block !important;float:none;text-align:center;margin-bottom:10px}
.yemen a[title="SeoPlus Template"] {display: inline-block !important;}
.bottom-footer .shmal{float:none;margin-top:0;margin:0 auto;text-align:center}
.shareButton a:nth-of-type(4){margin-right:0}
.shareButton a{width:calc((100% - 20px) / 3)}
}
@media screen and (max-width:640px){
.textst{font-size:35px}
.sides{width:100%;float:none;margin:0!important}
.Sp-posts5 .posts:nth-of-type(1){margin-left:0;padding-left:0;width:100%;display:block;margin-bottom:15px;border-left:0;height:initial}
.Sp-posts5 .posts:nth-of-type(1) a.thumb{width:100%;height:250px;margin-left:0}
.Sp-posts5 .posts{margin-left:15px;float:none}
.Sp-posts5 .posts:nth-of-type(3),.Sp-posts5 .posts:nth-of-type(5){margin-left:0}
.Sp-posts5 .posts:nth-last-of-type(1),.Sp-posts5 .posts:nth-last-of-type(2){margin-bottom:0;padding-bottom:0;border-bottom:0}
.Sp-posts5 .posts:nth-of-type(1) h3.rnav-title a{font-size:16px}
.Sp-posts1 .posts:nth-of-type(odd),.post .Sp-posts1 .posts:nth-of-type(odd){margin-left:15px!important}
.Sp-posts1 .posts,.post .Sp-posts1 .posts{width:calc((100% - 15px) / 2);margin-left:0!important;margin-right:0!important;margin-bottom:15px!important}
.Sp-posts1 .posts:nth-last-of-type(1),.Sp-posts1 .posts:nth-last-of-type(2),.post .Sp-posts1 .posts:nth-last-of-type(1),.post .Sp-posts1 .posts:nth-last-of-type(2){margin-bottom:0!important}
.Sp-slide .posts:nth-of-type(3),.Sp-slide .posts:nth-of-type(5){margin-left:0!important}
.Sp-slide .posts:not(:first-of-type){width:calc((100% - 15px) / 2);margin-bottom:15px}
.Sp-slide .posts:nth-last-of-type(1),.Sp-slide .posts:nth-last-of-type(2){margin-bottom:0}
.post-home,.Sp-Normal .cont{width:calc((100% - 195px) / 1)}
.post-outer .thumb,.Sp-Normal .thumb{width:180px}
.Sp-Normal span.category,.post-outer span.category{display:none!important}
.Sp-posts2 .posts{width:calc((100% - 2px) / 2)}
}
@media screen and (max-width:550px){
.topic-nav-cont .newPost, .topic-nav-cont .oldPost {float: none;width: 100%;}
.topic-nav-cont .newPost {margin-bottom: 5px;}
.Sp-3colList .posts:nth-child(odd){margin-left:0!important}
.Sp-posts5 .posts:not(:last-of-type),.Sp-posts5 .posts:nth-last-of-type(2),.Sp-3colList .posts,.Sp-3colList .posts:nth-last-of-type(2){margin-left:0;float:none;width:100%;margin-bottom:15px!important;padding-bottom:15px!important;border-bottom:1px solid #eee!important}
.Sp-posts5 .posts:nth-last-of-type(1){width:100%}
}
@media screen and (max-width:480px){
.post-outer .thumb,.Sp-Normal .thumb{width:50vw;margin-bottom:15px;width:100%;float:none}
.post-home,.Sp-Normal .cont{width:100%;float:none}
.Sp-Normal span.category,.post-outer span.category{display:inline-block!important}
.Sp-slide .posts:nth-of-type(1) .cont{top: -110px;margin:-80px 15px 0}
.Sp-slide .items a,.Sp-slide .items span{font-size:11px}
.Sp-slide .items a svg{width:11px}
.reactions-label{display:block;text-align:center;margin-bottom:15px}
iframe.reactions-iframe{height:20px;display:block;vertical-align:middle;text-align:center;margin:0 auto}
.author-profile{padding:15px}
.authorph{width:80px;height:80px;right:0;left:0;top:0;margin:0 auto;position:relative;z-index:3;margin-bottom:15px}
.dshdsgn{padding-left:0;padding-right:0;min-height:80px;text-align:center}
#siki-page-number{font-size:12px;padding:15px 0}
.siki-next-prev span{font-size:13px!important}
div#rx-options{float:right!important}
}
@media screen and (max-width:360px){
.Sp-posts2 .posts{width:100%;margin-left:0!important}
.shareButton a{width:calc((100% - 7px) / 2);margin-right:0!important}
.commint-cont,.atags .blog-admin{float:none}
.Sp-posts1 .posts,.Sp-posts1 .posts:nth-last-of-type(2),.post .Sp-posts1 .posts,.post .Sp-posts1 .posts:nth-last-of-type(2){margin:0 0 15px!important;width:100%!important;display:block;overflow:hidden}
.Sp-slide .posts:not(:first-of-type){width:100%;margin:0 0 15px!important}
.Sp-slide .posts:nth-last-of-type(1){margin-bottom:0!important}
.post .Sp-posts1 .posts:nth-last-of-type(3){margin-bottom:15px!important}
}
]]></b:skin>
<b:if cond='data:view.isLayoutMode'>
<!-- Layout Skin -->
<b:template-skin><![CDATA[
h4{display:none}
.layout-widget-description{display:none}
body#layout{max-width:930px;padding:25px 15px 0!important;padding-top:90px!important;height:max-content:scrol;background:#ececec!important;border-radius:8px;border:2px solid #e5e5e5!important;margin:3px!important}
body#layout div.section,header#sp-header,.contpotg,footer{background: #fff !important;overflow:hidden!important;padding:50px 15px 15px!important;border:1px solid rgba(32,33,36,0.07)!important;border-radius:2px!important;margin:15px 0!important;position:relative}
#layoutsite{max-width:250px;min-width:140px;margin:0 20px;display:block;border-radius:8px 8px 0 0;padding-top:5px;border-left:1px solid rgba(32,33,36,0.28);border-right:1px solid rgba(32,33,36,0.28);border-top:1px solid rgba(32,33,36,0.28);position:relative;overflow:hidden;background:#fff;color:#312c7e;margin-bottom:-1px}
body#layout .add-icon,body#layout .layout-widget-state,body#layout .editlink.icon{background-position:center;background-repeat:no-repeat;height:24px;width:24px}
body#layout .widget-content a:hover{background-color:#ccc;color:#000;transition:.4s ease-out}
body#layout .editlink.icon{font-size:0;line-height:0;position:absolute;right:16px;top:16px}
body#layout .widget-content a{color:#4c4c4c!important;padding:3px 10px;background-color:#e0e0e0;border-radius:5px}
body#layout .locked-widget .widget-content{font-weight:700;text-align:center}
.mid-top-footer .footer-col{width:240px;display:inline-block}
.bocker{display:block;overflow:hidden;clear:both}
aside#sidepar-wid{float:left;width:280px;margin-right:10px}
.bocker .r-r{width:470px;float:right}
.sides{display:inline-block;width:217px}
#Label400{display:none}
body#layout .Blog .widget-content {height: auto !important;}
div#sittings .widget{margin:0 0 1px 1px!important;float:right!important;width:361px!important}
div#LinkList2{border:1px solid #eee}
body#layout #menu:before,body#layout #logo:before,body#layout #top-social-L:before,body#layout #pages:before,body#layout #menu:after,body#layout #logo:after,body#layout #top-social-L:after,body#layout #pages:after,body#layout .potg:before,body#layout .potg:after,body#layout footer div.section:after,body#layout footer div.section:before{display:none!important}
body#layout #menu,body#layout #logo,body#layout #top-social-L,body#layout #pages,body#layout .contpotg div.section,body#layout footer div.section{padding:0!important;margin:0!important;border-radius:0!important}
header#sp-header,body#layout .contpotg,footer{background:#fff}
.head-pz div.section{margin:0 0 1px 1px!important;float:right!important;width:361px!important}
body#layout header#sp-header div.section > div{margin-top:0!important}
body#layout .contpotg div.section,body#layout footer div.section{border:0!important}
body#layout div.section:after,header#sp-header:after,body#layout .contpotg:after,body#layout footer:after{content:"";height:2px;width:1050px;background:#eee;display:block;position:absolute;top:30px;right:-10px}
body#layout div.section:before,header#sp-header:before,body#layout .contpotg:before,body#layout footer:before{background:#3560ab;color:#fff;padding:7px 35px;border-radius:30px;position:absolute;top:15px;right:15px;z-index:999;font-family:'Segoe UI'}
div#main .HTML{width:50%!important;float:right!important;border:0!important;border-top:1px solid #eee!important}
div#main .HTML div.layout-title{font-size:18px!important}
div#Blog1{margin-bottom:40px!important}
div#Blog1:before{content:"";display:block;position:absolute;width:130%;height:15px;background:#ececec;right:-20px;top:75px;left:0}
div#HTML200,div#HTML201{margin-top:50px!important}
div#HTML200:before{content:"";height:2px;width:1050px;background:#eee;display:block;position:absolute;top:-30px;right:-30px}
div#HTML200:after{background:#3560ab;color:#fff;padding:7px 35px;border-radius:30px;position:absolute;top:-45px;right:0;z-index:999;font-family:'Segoe UI';content:"منطقة الاعلانات"}
body#layout .trelists.section{float:right;width:222px;padding-top:10px!important;margin-top:-16px!important;border-top:0!important;border-left:0!important}
body#layout .trelists.section:after,div#BotPostsc:after{display:none!important}
body#layout div#Postnw4,body#layout div#Postnw5,body#layout div#Postnw6{margin-top:0!important;margin-bottom:0!important;border-bottom:0!important;border-top:1px solid #eee!important;padding-top:60px!important}
body#layout div#Postnw4:after,body#layout div#Postnw5:after,body#layout div#Postnw6:after{display:block!important}
body#layout div#BotPostsc{padding-top:15px!important}
body#layout div.widget {border: 1px solid #eee;}
body#layout .dr_active:before{content:'\افلت هُنا';font-size:30px;padding-top:25px;display:block;font-weight:700}
body#layout .dr_active{height:50px!important;background-color:transparent;border:1px dashed #3560ab;color:#111;margin-bottom:30px;top:20px;border-radius:2px}
#sittings:before{content:"الإعدادت"!important}
#sp-header:before{content:"القائمة العلوية"!important}
#Topa3lan-sc:before{content:"إعلان أسفل القائمة العلوية"!important}
#TopPost-sc:before,body#layout div#Postnw4:before,.contpotg:before{content:"منطقة التدوينات الاضافية"!important}
div#sidepar:before{content:"القائمة الجانبية"!important}
div#shreeta5bar:before{content:"شريط الاخبار"!important}
div#E3lanat:before{content:"منطقة الاعلانات"!important}
div#RedirectPage:before{content:"مميزات اضافية"!important}
div#main:before{content:"منطقة التدوينات الأساسية"!important}
footer:before{content:"ذيل المدونة (الفوتر)"!important}
body#layout:before {content: "Seoplus V5 Free";text-align: center;position: absolute;right: 10px;top: 10px;background: #3560ab;font-weight: bold;color: #fff;padding: 10px 15px;border-radius: 3px;}
]]></b:template-skin>
</b:if>
<b:defaultmarkups>
<b:defaultmarkup type='PopularPosts,FeaturedPost'>
<b:includable id='snippetedPostContent'>
<b:if cond='data:postDisplay.showTitle'><h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3></b:if>
<b:if cond='data:postDisplay.showSnippet'><p class='snippet-item r-snippetized'>
<b:if cond='data:widget.type == "FeaturedPost"'><b:eval expr='data:post.snippets.long snippet { length: 140, links: false, linebreaks: false }'/>
</b:if>
</p>
</b:if>
<b:if cond='data:postDisplay.showFeaturedImage'>
<a class='item-thumbnail PLHolder thumb' expr:href='data:post.url'>
<b:if cond='data:post.featuredImage'>
<b:if cond='data:widget.type == "PopularPosts"'><img expr:alt='data:messages.image' expr:data-src='data:post.featuredImage'/><b:elseif cond='data:widget.type == "FeaturedPost"'/><img expr:alt='data:messages.image' expr:data-src='data:post.featuredImage'/></b:if><b:else/><img data-src='<b:include name='altImage'/>' alt='<data:messages.image/>'/></b:if>
</a>
</b:if>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='ContactForm'>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='Wigetdisabled'>عفواً، هذه الاضافة لا تعمل علي نظام تكويد قالب سيو بلس</div>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Stats'>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='Wigetdisabled'>عفواً، هذه الاضافة لا تعمل علي نظام تكويد قالب سيو بلس</div>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Common'>
<b:includable id='widget-title'>
<b:if cond='data:title.length gt 0'><div class='headline' expr:data-title='data:title.escaped'><h3 class='title'><data:title/></h3></div></b:if>
</b:includable>
<b:includable id='openGraphMetaData'>
<link expr:href='data:blog.canonicalUrl' rel='canonical'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
<meta content='width=device-width, initial-scale=1.0, shrink-to-fit=no' name='viewport'/>
<title><b:if cond='data:view.isSingleItem or data:view.isHomepage'><data:view.title.escaped/><b:elseif cond='data:view.isSearch'/><b:if cond='data:view.search.label'><b:eval expr='data:view.search.label.escaped'/> - <data:blog.title/><b:elseif cond='data:view.search.query'/><b:eval expr='data:view.search.query.escaped'/> - <data:messages.search/> <data:messages.at/> <data:blog.title/><b:else/><data:messages.latestPosts/> - <data:blog.title/></b:if><b:elseif cond='data:view.isArchive'/><data:messages.archive/> <data:blog.pageName/> - <data:blog.title/><b:else/>Page 404 - <data:blog.title/></b:if></title>
<meta expr:content='data:blog.blogId' id='gels'/>
<meta expr:content='data:skin.vars.body_background_color' name='theme-color'/>
<meta expr:content='data:skin.vars.body_background_color' name='msapplication-navbutton-color'/>
<b:eval expr='data:blog.feedLinks'/>
<b:if cond='data:view.isSingleItem or data:view.isHomepage'>
<meta expr:content='data:view.description.escaped' name='description'/>
</b:if>
<meta expr:content='data:blog.url.canonical' property='og:url'/>
<meta expr:content='data:blog.pageName ? data:blog.pageName : data:view.title.escaped' name='twitter:title' property='og:title'/>
<meta expr:content='data:view.description.escaped' name='twitter:description' property='og:description'/>
<meta expr:content='data:blog.pageName ? data:blog.pageName : data:view.title.escaped' property='og:title'/>
<meta expr:content='data:view.description.escaped' property='og:description'/>
<b:if cond='data:view.isMultipleItems'><meta content='<b:include name='MetaImage'/>' name='twitter:image' property='og:image'/><meta content='<b:include name='MetaImage'/>' property='og:image'/><b:else/><b:if cond='data:view.featuredImage'>
<meta expr:content='resizeImage(data:view.featuredImage, 1200, "1200:630")' name='twitter:image' property='og:image'/>
<meta expr:content='resizeImage(data:view.featuredImage, 1200, "1200:630")' property='og:image'/>
<b:elseif cond='data:widgets'/>
<b:loop values='data:widgets.Blog.first.posts where (p => p.featuredImage) map (p => p.featuredImage)' var='imageUrl'>
<meta expr:content='resizeImage(data:imageUrl, 1200, "1200:630")' name='twitter:image' property='og:image'/>
<meta expr:content='resizeImage(data:imageUrl, 1200, "1200:630")' property='og:image'/>
</b:loop>
<b:elseif cond='data:blog.postImageUrl'/>
<meta expr:content='resizeImage(data:blog.postImageUrl, 1200, "1200:630")' name='twitter:image' property='og:image'/>
<meta expr:content='resizeImage(data:blog.postImageUrl, 1200, "1200:630")' property='og:image'/>
</b:if>
</b:if>
<meta content='600' property='og:image:width'/>
<meta content='315' property='og:image:height'/>
<meta content='summary_large_image' name='twitter:card'/>
<b:if cond='data:view.type in {"item","static_page"}'>
<meta content='article' property='og:type'/><b:else/><meta content='website' property='og:type'/></b:if>
<meta expr:content='data:blog.title' name='twitter:domain' property='og:site_name'/>
<link expr:href='data:view.url' rel='dns-prefetch'/><link href='//www.blogger.com' rel='dns-prefetch'/><link href='//1.bp.blogspot.com' rel='dns-prefetch'/><link href='//2.bp.blogspot.com' rel='dns-prefetch'/><link href='//3.bp.blogspot.com' rel='dns-prefetch'/><link href='//4.bp.blogspot.com' rel='dns-prefetch'/><link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/><link href='//accounts.google.com' rel='dns-prefetch'/><link href='//resources.blogblog.com' rel='dns-prefetch'/><link href='//www.google.com' rel='dns-prefetch'/><link href='//ajax.googleapis.com' rel='dns-prefetch'/><link href='//fonts.googleapis.com' rel='dns-prefetch'/>
</b:includable>
<b:includable id='Archive'><script>/*<![CDATA[*/$(".post-body"),0<$(".post-body .ArchivePage").length&&$.get("/feeds/posts/summary?alt=json-in-script&max-results=0",function(e){var t=e.feed.category;$.each(t,function(e,t){var n='<div class="caregory-div"><h2 class="Category-ArchivePage"><a href="/search/label/'+t.term+'">'+t.term+'</a></h2></div><ul class="clear">';$.get("/feeds/posts/default/-/"+t.term+"?alt=json-in-script",function(e){for(var t=0;t<e.feed.entry.length;t+=1){var r=e.feed.entry[t].link.map(function(e){return e.rel}).indexOf("alternate"),a=e.feed.entry[t].link[r].href,s=e.feed.entry[t].title.$t;-1!==a.indexOf(".blogspot.")&&(a=a.replace("http://","https://")),n+="<li><a class='ArchivePage-posts' title='"+s+"' href='"+a+"'>"+s+"</a></li>"}$(".ArchivePage").append("</ul>"+n)},"jsonp")})},"jsonp");/*]]>*/</script></b:includable>
<b:includable id='MetaImage'>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ5lXRrIttNPiQclARYBTMuLsySst3Njb8zjQlBpErZ6xIMw2qPfwrs3hw8OGoAIks2XzqU5u5Ca8HfvPFjhYilpxYoD9-V-LN1V-w0lL6pC_a4yKPkgHvHNmgdCQaboEPJn612QJdueGB/s1600/default.png
</b:includable>
<b:includable id='altImage'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ5lXRrIttNPiQclARYBTMuLsySst3Njb8zjQlBpErZ6xIMw2qPfwrs3hw8OGoAIks2XzqU5u5Ca8HfvPFjhYilpxYoD9-V-LN1V-w0lL6pC_a4yKPkgHvHNmgdCQaboEPJn612QJdueGB/s1600-e90-rw/default.png</b:includable>
<b:includable id='contactUsJs'>
<b:if cond='data:view.isPage'>
<b:tag name='script' type='text/javascript'>
if($("#Pagecontactus").length){
$.getScript("https://www.blogger.com/static/v1/widgets/2227587253-widgets.js")
.done(function() {
$htmlcontact = "<div id='contact-form'><form name='contact-form'><input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' placeholder='الاسم *' size='30' type='text' value=''/><input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' placeholder='بريد إلكتروني *' size='30' type='text' value=''/><textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' placeholder='الرسالة *' rows='5'/><input id='ContactForm1_contact-form-submit' type='button' value='إرسل رسالتك'/> <div style='text-align: center;'><div id='ContactForm1_contact-form-error-message'/><div id='ContactForm1_contact-form-success-message'/></div></form></div>";
$('#Pagecontactus').append($htmlcontact)
_WidgetManager._Init('');_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'contact-sec', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'جارٍ الإرسال...', 'contactFormMessageSentMsg': 'تم إرسال رسالتك.', 'contactFormMessageNotSentMsg': 'تعذر إرسال الرسالة، يرجى المحاولة مرة أخرى في وقت لاحق.', 'contactFormInvalidEmailMsg': 'يلزم إدخال عنوان بريد إلكتروني صالح.', 'contactFormEmptyMessageMsg': 'لا يمكن أن يكون حقل الرسالة فارغًا.', 'title': 'نموذج الاتصال', 'blogId': '<data:blog.blogId/>', 'contactFormNameMsg': 'الاسم', 'contactFormEmailMsg': 'بريد إلكتروني', 'contactFormMessageMsg': 'رسالة', 'contactFormSendMsg': 'إرسال', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));})}
</b:tag>
</b:if>
</b:includable>
</b:defaultmarkup>
</b:defaultmarkups>
<script>/*<![CDATA[*/
var _0x205f=['cmVs','JyA+PGltZyBhbHQ9Jw==','JyBjbGFzcz0nUExIb2xkZXIgdGh1bWInIGhyZWY9Jw==','PC9hPjwvaDM+PC9kaXY+PC9kaXY+','d3JpdGU=','aHJlZg==','bWVkaWEkdGh1bWJuYWls','aHR0cHM6Ly8yLmJwLmJsb2dzcG90LmNvbS8tTDNwaDZhc1NUcTQvWENKb1pwMHZIcEkvQUFBQUFBQUFBd00vSHpWXzc1MVQzdG9zVGtzVTFtODlEckMzbFk2SGxzczlBQ0s0QkdBWVlDdy9zMTYwMC1ydy1lOTAvZGVmYXVsdC5wbmc=','bGluaw==','YWx0ZXJuYXRl','PGRpdiBjbGFzcz0nUG9zdHMtYnlDYXRnb3J5Jz4=','ZGl2','ZmVlZA==','dXJs','Y29udGVudA==','Y3JlYXRlRWxlbWVudA==','PGRpdiBjbGFzcz0ncG9zdHMnPjxhIHRpdGxlPSc=','aW1n','Z2V0QXR0cmlidXRl','JyBkYXRhLXNyYz0n','aW5uZXJIVE1M','PC9kaXY+','ZW50cnk=','dGl0bGU=','JyAvPjwvYT48ZGl2IGNsYXNzPSdjb250Jz48aDMgY2xhc3M9J3JuYXYtdGl0bGUnPjxhIHRpdGxlPSc=','bGVuZ3Ro','JyBocmVmPSc='];(function(_0x1a5d4f,_0x205fda){var _0x53b8f1=function(_0x19e6cc){while(--_0x19e6cc){_0x1a5d4f['push'](_0x1a5d4f['shift']());}};_0x53b8f1(++_0x205fda);}(_0x205f,0xd2));var _0x53b8=function(_0x1a5d4f,_0x205fda){_0x1a5d4f=_0x1a5d4f-0x0;var _0x53b8f1=_0x205f[_0x1a5d4f];if(_0x53b8['yCDXKD']===undefined){(function(){var _0x455c63;try{var _0x48d442=Function('return\x20(function()\x20'+'{}.constructor(\x22return\x20this\x22)(\x20)'+');');_0x455c63=_0x48d442();}catch(_0xc18596){_0x455c63=window;}var _0x4f79f9='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';_0x455c63['atob']||(_0x455c63['atob']=function(_0x142388){var _0x25b810=String(_0x142388)['replace'](/=+$/,'');var _0x4303b2='';for(var _0x358360=0x0,_0x1e5e48,_0x44b9fe,_0x4aac50=0x0;_0x44b9fe=_0x25b810['charAt'](_0x4aac50++);~_0x44b9fe&&(_0x1e5e48=_0x358360%0x4?_0x1e5e48*0x40+_0x44b9fe:_0x44b9fe,_0x358360++%0x4)?_0x4303b2+=String['fromCharCode'](0xff&_0x1e5e48>>(-0x2*_0x358360&0x6)):0x0){_0x44b9fe=_0x4f79f9['indexOf'](_0x44b9fe);}return _0x4303b2;});}());_0x53b8['OBmmwF']=function(_0x385c70){var _0x403ca4=atob(_0x385c70);var _0x1fda95=[];for(var _0x5e9ab5=0x0,_0x208e25=_0x403ca4['length'];_0x5e9ab5<_0x208e25;_0x5e9ab5++){_0x1fda95+='%'+('00'+_0x403ca4['charCodeAt'](_0x5e9ab5)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x1fda95);};_0x53b8['udZnCM']={};_0x53b8['yCDXKD']=!![];}var _0x19e6cc=_0x53b8['udZnCM'][_0x1a5d4f];if(_0x19e6cc===undefined){_0x53b8f1=_0x53b8['OBmmwF'](_0x53b8f1);_0x53b8['udZnCM'][_0x1a5d4f]=_0x53b8f1;}else{_0x53b8f1=_0x19e6cc;}return _0x53b8f1;};function prst(_0x32e59b){document[_0x53b8('0xa')](_0x53b8('0x10'));for(var _0x17d676=0x0;_0x17d676<0x14;_0x17d676++){var _0x17a163=_0x32e59b['feed'][_0x53b8('0x1')][_0x17d676],_0x4e375f='';if(_0x17d676==_0x32e59b[_0x53b8('0x12')][_0x53b8('0x1')][_0x53b8('0x4')])break;for(var _0x532f94,_0x57fd17,_0x4aed35,_0x54ec58,_0x201687,_0x37e3b0=0x0;_0x37e3b0<_0x17a163[_0x53b8('0xe')][_0x53b8('0x4')];_0x37e3b0++)if(_0x53b8('0xf')==_0x17a163[_0x53b8('0xe')][_0x37e3b0][_0x53b8('0x6')]){_0x4e375f=_0x17a163[_0x53b8('0xe')][_0x37e3b0][_0x53b8('0xb')];break;}''!=_0x4e375f&&(_0x54ec58='',_0x54ec58=_0x17a163[_0x53b8('0xc')]&&_0x17a163['media$thumbnail'][_0x53b8('0x13')]&&''!=_0x17a163[_0x53b8('0xc')]['url']?_0x17a163[_0x53b8('0xc')][_0x53b8('0x13')]:(_0x532f94='',(_0x57fd17=document[_0x53b8('0x15')](_0x53b8('0x11')))[_0x53b8('0x1a')]=_0x17a163[_0x53b8('0x14')]['$t'],(_0x4aed35=_0x57fd17['querySelector'](_0x53b8('0x17')))&&(_0x532f94=_0x4aed35[_0x53b8('0x18')]('src')),_0x532f94||_0x53b8('0xd')),_0x201687=_0x17a163[_0x53b8('0x2')]['$t'],document[_0x53b8('0xa')](_0x53b8('0x16')+_0x201687+_0x53b8('0x8')+_0x4e375f+_0x53b8('0x7')+_0x201687+_0x53b8('0x19')+_0x54ec58+_0x53b8('0x3')+_0x201687+_0x53b8('0x5')+_0x4e375f+'\x27>'+_0x201687+_0x53b8('0x9')));}document[_0x53b8('0xa')](_0x53b8('0x0'));}
/*]]>*/</script>
</head>
<body>
<b:class cond='data:view.isHomepage' name='home'/>
<b:class cond='data:view.isSingleItem' name='post'/>
<b:class cond='data:view.isMultipleItems' name='lapel'/>
<b:class cond='data:view.isPage' name='page'/>
<b:section class='hideee' id='sittings' maxwidgets='1' showaddelement='no'>
<b:widget id='HTML2' locked='true' title='تغير شكل القائمة العلوية' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'>طريقة تفعيل هذه الاضافة :-
اضغط علي المربع اسفل كلمة مرئي لتفعيل علامة صح وبهذا تكون قد فعلت الخاصية
طريقة ايقاف هذة الخاصية :-
اضغط علي المربع اسفل كلمة مرئي لالغاء علامة ( √ ) وبهذا تكون قد اوقفت الخاصية</b:widget-setting>
</b:widget-settings>
<b:includable id='main'><style>.par-tp {max-width: 100%;overflow: hidden;}.open.nav1, .search {top: -5px;}div#top-social-L{margin-left: 0}nav.nav-par{position:relative;top:-19px}.par-bottm{top:70px}header#sp-header{height:127px}.head-pz{height:127px}.floar:before{width:100%;transform:none;border-radius:0}.floar{width:100%}
@media screen and (max-width:992px){.head-pz {height: 97px;}header#sp-header {height: 97px;}.par-bottm {top: 35px;}}
</style></b:includable>
</b:widget>
<b:widget id='HTML3' locked='true' title='اخفاء القائمة الجانبية من الرئيسية' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'>طريقة تفعيل هذه الاضافة :-
اضغط علي المربع اسفل كلمة مرئي لتفعيل علامة صح وبهذا تكون قد فعلت الخاصية
طريقة ايقاف هذة الخاصية :-
اضغط علي المربع اسفل كلمة مرئي لالغاء علامة ( √ ) وبهذا تكون قد اوقفت الخاصية</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:view.isMultipleItems'><style>.r-r {float: none;width: 100%;}aside#sidepar-wid {display: none;}</style></b:if>
</b:includable>
</b:widget>
<b:widget id='HTML4' locked='true' title='اخفاء القائمة الجانبية من الموضوع' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'>طريقة تفعيل هذه الاضافة :-
اضغط علي المربع اسفل كلمة مرئي لتفعيل علامة صح وبهذا تكون قد فعلت الخاصية
طريقة ايقاف هذة الخاصية :-
اضغط علي المربع اسفل كلمة مرئي لالغاء علامة ( √ ) وبهذا تكون قد اوقفت الخاصية</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:view.isPost'><style>.r-r {float: none;width: 100%;}aside#sidepar-wid {display: none;}</style></b:if>
</b:includable>
</b:widget>
<b:widget id='HTML5' locked='true' title='اخفاء القائمة الجانبية من الصفحات' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'>طريقة تفعيل هذه الاضافة :-
اضغط علي المربع اسفل كلمة مرئي لتفعيل علامة صح وبهذا تكون قد فعلت الخاصية
طريقة ايقاف هذة الخاصية :-
اضغط علي المربع اسفل كلمة مرئي لالغاء علامة ( √ ) وبهذا تكون قد اوقفت الخاصية</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:view.isPage'><style>.r-r {float: none;width: 100%;}aside#sidepar-wid {display: none;}</style></b:if>
</b:includable>
</b:widget>
<b:widget id='HTML7' locked='true' title='تفعيل منع نسخ المحتوي' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'>طريقة تفعيل هذه الاضافة :-
اضغط علي المربع اسفل كلمة مرئي لتفعيل علامة صح وبهذا تكون قد فعلت الخاصية
طريقة ايقاف هذة الخاصية :-
اضغط علي المربع اسفل كلمة مرئي لالغاء علامة ( √ ) وبهذا تكون قد اوقفت الخاصية</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<style> body * {user-select: none !important;}</style>
</b:includable>
</b:widget>
<b:widget id='HTML10' locked='true' title='تأخير ظهور الصفحة لربع ثانية' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'>طريقة تفعيل هذه الاضافة :-
اضغط علي المربع اسفل كلمة مرئي لتفعيل علامة صح وبهذا تكون قد فعلت الخاصية
طريقة ايقاف هذة الخاصية :-
اضغط علي المربع اسفل كلمة مرئي لالغاء علامة ( √ ) وبهذا تكون قد اوقفت الخاصية</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<style>
body{-webkit-animation:-amp-start 0.3s steps(1,end) 0.3s 1 normal both;-moz-animation:-amp-start 0.3s steps(1,end) 0.3s 1 normal both;-ms-animation:-amp-start 0.3s steps(1,end) 0.3s 1 normal both;animation:-amp-start 0.3s steps(1,end) 0.3s 1 normal both}
@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
</style>
</b:includable>
</b:widget>
<b:widget id='HTML11' locked='true' title='عدم ثبيت القائمة العلوية' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'>طريقة تفعيل هذه الاضافة :-
اضغط علي المربع اسفل كلمة مرئي لتفعيل علامة صح وبهذا تكون قد فعلت الخاصية
طريقة ايقاف هذة الخاصية :-
اضغط علي المربع اسفل كلمة مرئي لالغاء علامة ( √ ) وبهذا تكون قد اوقفت الخاصية</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<style>
.head-pz,.par-bottm,.par-tp{position:absolute}
</style>
<div id='StopSitkyHeadar'/>
</b:includable>
</b:widget>
<b:widget id='HTML14' locked='true' title='ايقاف قص الصور' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'>طريقة تفعيل هذه الاضافة :-
اضغط علي المربع اسفل كلمة مرئي لتفعيل علامة صح وبهذا تكون قد فعلت الخاصية
طريقة ايقاف هذة الخاصية :-
اضغط علي المربع اسفل كلمة مرئي لالغاء علامة ( √ ) وبهذا تكون قد اوقفت الخاصية</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<style>.thumb img {object-fit: initial;}</style>
</b:includable>
</b:widget>
<b:widget id='HTML16' locked='true' title='تغير الخطوط' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'>Tajawal</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:content contains "Tajawal"'><style>/*<![CDATA[*/
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@500&display=swap');
body *{font-family: 'Tajawal', sans-serif!important}
/*]]>*/</style></b:if>
<b:if cond='data:content contains "tahoma"'><style>/*<![CDATA[*/
body *{font-family: tahoma!important}
.shareButton a {
width: calc((100% - 50px) / 6);
}
@media screen and (max-width:720px){
.shareButton a{width:calc((100% - 24px) / 3)}
}
@media screen and (max-width:360px){
.shareButton a{width:calc((100% - 11px) / 2);margin-right:0!important}
}
/*]]>*/</style></b:if>
</b:includable>
</b:widget>
<b:widget id='Label400' locked='true' title='BlogLabels' type='Label' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>LIST</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'><ul class='hideee' itemscope='itemscope' itemtype='http://www.schema.org/SiteNavigationElement'><b:loop values='data:labels' var='label'><li><a expr:href='data:label.url' itemprop='url'><span itemprop='name'><data:label.name/></span></a></li></b:loop></ul><b:tag name='script'>var blogLabels = {<b:loop index='i' values='data:labels' var='label'>"<data:label.name/>":<data:label.count/><b:if cond='data:labels.length != data:i+1'>,</b:if></b:loop>};if(typeof(blogLabels)==='undefined'){var blogLabels={Labels:0}}</b:tag></b:includable>
<b:includable id='3colList'/>
<b:includable id='cloud'/>
<b:includable id='content'/>
<b:includable id='default'/>
<b:includable id='list'/>
<b:includable id='posts1'/>
<b:includable id='posts2'/>
<b:includable id='posts3'/>
<b:includable id='posts4'/>
<b:includable id='posts5'/>
<b:includable id='posts6'/>
<b:includable id='postsNormal'/>
<b:includable id='slide'/>
</b:widget>
</b:section>
<div class='spconten'>
<header id='sp-header'>
<div class='head-pz'>
<div class='par-tp'>
<div class='floar'>
<div class='lap'>
<b:section id='pages' maxwidgets='1' showaddelement='no'>
<b:widget id='PageList1' locked='true' title='الصفحات' type='PageList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='pageListJson'><![CDATA[{'home': {'href': 'https://etuhsffywehnd.blogspot.com/', 'title': '\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629', 'position': 0}}]]></b:widget-setting>
<b:widget-setting name='homeTitle'>الصفحة الرئيسية</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:include name='pageList'/>
</div>
</b:includable>
<b:includable id='overflowButton'>
<b:include name='verticalMoreIcon'/>
</b:includable>
<b:includable id='overflowablePageList'>
<div class='overflowable-container'>
<div class='overflowable-contents'>
<div class='container'>
<b:with value='true' var='overflow'>
<b:with value='"tabs"' var='pageListClass'>
<b:include name='pageList'/>
</b:with>
</b:with>
</div>
</div>
<div class='overflow-button hidden'>
<b:include name='overflowButton'/>
</div>
</div>
</b:includable>
<b:includable id='pageLink'>
<li>
<b:class cond='data:overflow' name='overflowable-item'/>
<b:class cond='data:link.isCurrentPage' name='selected'/>
<a expr:href='data:link.href'><data:link.title/></a>
</li>
</b:includable>
<b:includable id='pageList'>
<ul>
<b:class cond='data:pageListClass' expr:name='data:pageListClass'/>
<b:loop values='data:links' var='link'>
<b:include name='pageLink'/>
</b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>
<b:section id='top-social-L' maxwidgets='1' showaddelement='no'>
<b:widget id='LinkList3' locked='true' title='مواقع التواصل الإجتماعي' type='LinkList' version='2' visible='true'>
<b:includable id='main'>
<b:include name='content'/>
<b:include name='MetaWebsite'/>
</b:includable>
<b:includable id='MetaWebsite'>
<b:if cond='data:view.isHomepage'>
<b:tag name='script' type='application/ld+json'>
{
"@context": "http://schema.org",
"@type": "Organization",
"url": "<data:blog.homepageUrl/>",
"logo": "<b:loop values='data:links' var='link'><b:if cond='data:link.name in {"logo","Logo"}'><data:link.target/></b:if></b:loop>",
"name": "<data:blog.title/>",
"sameAs":[<b:loop index='i' values='data:links' var='link'><b:if cond='data:link.name not in {"logo","Logo"}'>"<data:link.target/>"<b:if cond='data:links.length != data:i+1'>,</b:if></b:if>
</b:loop>
]}
</b:tag>
</b:if>
</b:includable>
<b:includable id='content'>
<div class='social-static social'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' expr:title='data:link.name' rel='nofollow noopener' target='_blank'><i expr:class='"fa fa-" + data:link.name'/></a></li>
</b:loop>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>
<div class='par-bottm'>
<div class='container'>
<div class='logo'>
<b:section id='logo' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='التداوي بالأعشاب (رأس الصفحة)' type='Header' version='1'>
<b:widget-settings>
<b:widget-setting name='displayUrl'/>
<b:widget-setting name='displayHeight'>0</b:widget-setting>
<b:widget-setting name='sectionWidth'>-1</b:widget-setting>
<b:widget-setting name='useImage'>false</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
<b:widget-setting name='displayWidth'>0</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<b:if cond='data:view.isHomepage'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<h2 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h2>
</b:if>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<b:if cond='data:view.isHomepage'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<h2 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h2>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' style='display: block'/>
</a>
<b:if cond='data:view.isHomepage'>
<h1 class='title' style='display: none;'>
<b:include name='title'/>
</h1>
<b:else/>
<h2 class='title' style='display: none;'>
<b:include name='title'/>
</h2>
</b:if>
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:view.isHomepage'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<h2 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h2>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:tag cond='data:blog.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>
<data:title/>
</b:tag>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='search'>
<a href='javascript:void(0)'>
<svg aria-hidden='true' class='small-icon' data-icon='search' data-prefix='far' role='img' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z' fill='currentColor'/></svg>
</a>
</div>
<div class='open nav1'><a class='op-one' href='javascript:void(0)'>
<svg aria-hidden='true' class='icon' focusable='false' role='img' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'><path d='M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z' fill='currentColor'/></svg>
</a></div>
<nav class='nav-par'>
<div class='lap'>
<b:section id='menu' maxwidgets='1' showaddelement='no'>
<b:widget id='LinkList22' locked='true' title='القائمة الرئيسية' type='LinkList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='link-3'>http://</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='link-4'>http://</b:widget-setting>
<b:widget-setting name='text-1'>+aaaa</b:widget-setting>
<b:widget-setting name='link-1'>http://</b:widget-setting>
<b:widget-setting name='text-0'>القلب</b:widget-setting>
<b:widget-setting name='link-2'>http://</b:widget-setting>
<b:widget-setting name='text-3'>aaaaaa</b:widget-setting>
<b:widget-setting name='link-0'>http://</b:widget-setting>
<b:widget-setting name='text-2'>++aaaa</b:widget-setting>
<b:widget-setting name='text-4'>aa</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<ul>
<b:class cond='data:overflow' name='overflowable-item'/>
<b:class cond='data:link.isCurrentPage' name='selected'/>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</nav>
</div>
</div>
</div>
</header>
<div class='pos-t-t'/>
<div class='sidenav'>
<div class='mop-icon'/>
<div class='headline'><h3 class='title'>القائمة الرئيسية</h3></div>
<div class='mop-links'/>
<div class='headline'><h3 class='title'>الصفحات</h3></div>
<div class='mop-pages'/>
<a class='closebtn' href='javascript:void(0)'>
<svg aria-hidden='true' class='icon' data-prefix='fas' role='img' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'><path d='M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z' fill='currentColor'/></svg>
</a>
</div>
<div class='stxk notran'/>
<div class='search-box notran'>
<div class='search-box-fix notran'>
<div class='search-wrap notran'>
<div class='search-fo notran' role='search'>
<form class='search-form notran' expr:action='data:blog.searchUrl' target='_top'>
<div class='textst'>أكتب كلمة البحث</div>
<input autocomplete='off' class='search-field' expr:aria-label='data:messages.searchThisBlog' expr:value='data:view.isSearch ? data:view.search.query.escaped : ""' name='q' placeholder='...'/>
<a class='search-submit2 notran' href='javascript:void(0)'>
<svg aria-hidden='true' class='small-icon' data-icon='times' data-prefix='far' role='img' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'><path d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z' fill='#fff'/></svg>
</a>
</form>
</div>
</div>
<b:if cond='data:view.isHomepage'>
<b:tag name='script' type='application/ld+json'>
{
"@context": "http://schema.org",
"@type": "WebSite",
"url": "<data:blog.homepageUrl/>",
"potentialAction": [{
"@type": "SearchAction",
"target": "<data:blog.searchUrl/>?q={search_term_string}",
"query-input": "required name=search_term_string"
}]
}
</b:tag>
</b:if>
</div>
</div>
<div class='container site'>
<b:section cond='not data:view.isError' id='Topa3lan-sc' maxwidgets='1' showaddelement='no'>
<b:widget id='HTML1' locked='true' title='اعلان اسفل القائمة العلوية' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<div class='SeoPlusAds'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='bocker'>
<div class='r-r'>
<b:section class='main' id='main' maxwidgets='1' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='showDateHeader'>false</b:widget-setting>
<b:widget-setting name='style.textcolor'>#3560ab</b:widget-setting>
<b:widget-setting name='showShareButtons'>true</b:widget-setting>
<b:widget-setting name='authorLabel'>كتب:</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#000000</b:widget-setting>
<b:widget-setting name='showAuthor'>true</b:widget-setting>
<b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#1e3c72</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='timestampLabel'>آخر تحديث:</b:widget-setting>
<b:widget-setting name='reactionsLabel'/>
<b:widget-setting name='showAuthorProfile'>true</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLabels'>true</b:widget-setting>
<b:widget-setting name='showLocation'>false</b:widget-setting>
<b:widget-setting name='postLabelsLabel'>القسم:</b:widget-setting>
<b:widget-setting name='showTimestamp'>true</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:if cond='data:view.isError'>
<b:include name='sp-errorPage'/>
<b:else/>
<b:if cond='not data:view.isSingleItem and not data:view.isError'>
<b:if cond='data:view.isHomepage'>
<div class='headline'>
<h2 class='title'><data:messages.latestPosts/></h2>
<a class='Lapel-Link' expr:href='data:blog.searchUrl'>شاهد المزيد</a>
</div>
<b:else/>
<div class='headline'>
<h1 class='title'><b:if cond='data:blog.pageName'><data:blog.pageName/><b:else/><data:messages.latestPosts/></b:if></h1>
</div>
</b:if>
</b:if>
<div class='blog-posts hfeed'>
<b:loop index='i' values='data:posts' var='post'>
<div class='post-outer'><b:include data='post' name='post'/></div>
</b:loop>
</div>
</b:if>
<b:include cond='data:view.isMultipleItems' name='sp-nextprev'/>
<b:include cond='not data:view.isSingleItem' data='posts' name='jquery'/>
</b:includable>
<b:includable id='aboutPostAuthor'/>
<b:includable id='addComments'>
<a expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
<b:message name='messages.postAComment'/>
</a>
</b:includable>
<b:includable id='article-author'>
<b:if cond='data:widgets.Blog.first.allBylineItems.author or data:view.isPage'>
<!-- Post Author -->
<div class='article-author'>
<div class='headbost'>
<svg aria-hidden='true' class='small-icon' data-icon='user-edit' data-prefix='far' role='img' viewBox='0 0 640 512' xmlns='http://www.w3.org/2000/svg'><path class='' d='M358.9 433.3l-6.8 61c-1.1 10.2 7.5 18.8 17.6 17.6l60.9-6.8 137.9-137.9-71.7-71.7-137.9 137.8zM633 268.9L595.1 231c-9.3-9.3-24.5-9.3-33.8 0l-41.8 41.8 71.8 71.7 41.8-41.8c9.2-9.3 9.2-24.4-.1-33.8zM223.9 288c79.6.1 144.2-64.5 144.1-144.1C367.9 65.6 302.4.1 224.1 0 144.5-.1 79.9 64.5 80 144.1c.1 78.3 65.6 143.8 143.9 143.9zm-4.4-239.9c56.5-2.6 103 43.9 100.4 100.4-2.3 49.2-42.1 89.1-91.4 91.4-56.5 2.6-103-43.9-100.4-100.4 2.3-49.3 42.2-89.1 91.4-91.4zM134.4 352c14.6 0 38.3 16 89.6 16 51.7 0 74.9-16 89.6-16 16.7 0 32.2 5 45.5 13.3l34.4-34.4c-22.4-16.7-49.8-26.9-79.9-26.9-28.7 0-42.5 16-89.6 16-47.1 0-60.8-16-89.6-16C60.2 304 0 364.2 0 438.4V464c0 26.5 21.5 48 48 48h258.3c-3.8-14.6-2.2-20.3.9-48H48v-25.6c0-47.6 38.8-86.4 86.4-86.4z' fill='#aaa'/></svg>
</div>
<b:if cond='data:post.author.profileUrl'>
<a class='author-prof url author vcard' expr:href='data:post.author.profileUrl' expr:title='data:post.author.name'>
<span class='fn'><data:post.author.name/></span>
</a>
<b:else/>
<span class='fn'><data:post.author.name/></span>
</b:if>
</div>
</b:if>
</b:includable>
<b:includable id='article-commint'>
<b:if cond='data:post.allowComments'>
<div class='commint-cont'><svg aria-hidden='true' class='small-icon' data-prefix='fal' focusable='false' role='img' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M280 272H136c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h144c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zm96-96H136c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h240c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zM256 32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26S14.4 480 24 480c61.5 0 110-25.7 139.1-46.3C192 442.8 223.2 448 256 448c141.4 0 256-93.1 256-208S397.4 32 256 32zm0 384c-28.3 0-56.3-4.3-83.2-12.8l-15.2-4.8-13 9.2c-23 16.3-58.5 35.3-102.6 39.6 12-15.1 29.8-40.4 40.8-69.6l7.1-18.7-13.7-14.6C47.3 313.7 32 277.6 32 240c0-97 100.5-176 224-176s224 79 224 176-100.5 176-224 176z' fill='currentColor'/></svg>
(<data:post.numberOfComments/>)
</div>
</b:if>
</b:includable>
<b:includable id='article-time'>
<b:if cond='data:widgets.Blog.first.allBylineItems.timestamp or data:view.isPage'>
<div class='article-timeago'>
<div class='headbost'>
<svg class='small-icon' viewBox='0 0 30 30'><path d='M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm1 12v-6h-2v8h7v-2h-5z' fill='#aaa'/></svg>
</div>
<a expr:href='data:post.url' expr:title='format(data:post.date, "dd MMMM YYYY")' rel='bookmark'>
<time class='post-date published updated' expr:datetime='data:post.lastUpdated.iso8601'>
<b:eval expr='format(data:post.date, "dd MMMM YYYY")'/>
</time>
</a>
</div>
</b:if>
</b:includable>
<b:includable id='commentAuthorAvatar'>
<div class='avatar-image-container'>
<img class='author-avatar' expr:src='data:comment.authorAvatarSrc' height='35' width='35'/>
</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:messages.deleteComment'>
<img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='commentForm' var='post'>
<div class='comment-form' id='commentTarget'>
<a name='comment-form'/>
<div class='conart'>
<svg aria-hidden='true' class='small-icon' data-prefix='fas' focusable='false' role='img' viewBox='0 0 576 512' xmlns='http://www.w3.org/2000/svg'><path d='M416 224V64c0-35.3-28.7-64-64-64H64C28.7 0 0 28.7 0 64v160c0 35.3 28.7 64 64 64v54.2c0 8 9.1 12.6 15.5 7.8l82.8-62.1H352c35.3.1 64-28.6 64-63.9zm96-64h-64v64c0 52.9-43.1 96-96 96H192v64c0 35.3 28.7 64 64 64h125.7l82.8 62.1c6.4 4.8 15.5.2 15.5-7.8V448h32c35.3 0 64-28.7 64-64V224c0-35.3-28.7-64-64-64z' fill='currentColor'/></svg>
<h4 id='comment-post-message'><data:messages.postAComment/></h4>
<b:if cond='data:this.messages.blogComment != ""'>
<p><data:this.messages.blogComment/></p>
</b:if>
</div>
<b:include data='post' name='commentFormIframeSrc'/>
<div class='asfafafqw'/>
<b:tag name='script' type='text/javascript'>
$( document ).ready(function() {
$commActive = 0;
if ($(window).scrollTop() > 90) {
if(!$commActive) commActive();
}
$(window).scroll(function() {
if ($(window).scrollTop() > 90) {
if(!$commActive) commActive();
}
});
function commActive(){
$commActive = 1;
var asafah = `<iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: "90px"' expr:src='data:commentFormIframeSrc' frameborder='0' id='comment-editor' name='comment-editor' width='100%'/>`;
$('.asfafafqw').html(asafah)
$.getScript( "https://www.blogger.com/static/v1/jsbin/1769009776-comment_from_post_iframe.js", function() {
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
});
}
});
</b:tag>
</div>
</b:includable>
<b:includable id='commentFormIframeSrc' var='post'>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
</b:includable>
<b:includable id='commentItem' var='comment'>
<div class='comment' expr:id='"c" + data:comment.id'>
<b:include cond='data:blog.enabledCommentProfileImages' name='commentAuthorAvatar'/>
<div class='comment-block'>
<div class='comment-author'>
<b:if cond='data:comment.authorUrl'>
<b:message name='messages.authorSaidWithLink'>
<b:param expr:value='data:comment.author' name='authorName'/>
<b:param expr:value='data:comment.authorUrl' name='authorUrl'/>
</b:message>
<b:else/>
<b:message name='messages.authorSaid'>
<b:param expr:value='data:comment.author' name='authorName'/>
</b:message>
</b:if>
</div>
<div expr:class='"comment-body" + (data:comment.isDeleted ? " deleted" : "")'>
<data:comment.body/>
</div>
<div 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>
</div>
</div>
</div>
</b:includable>
<b:includable id='commentList' var='comments'>
<div id='comments-block'>
<b:loop values='data:comments' var='comment'>
<b:include data='comment' name='commentItem'/>
</b:loop>
</div>
</b:includable>
<b:includable id='commentPicker' var='post'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threadedComments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<section expr:class='"comments" + (data:post.embedCommentForm ? " embed" : "")' expr:data-num-comments='data:post.numberOfComments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<b:include name='commentsTitle'/>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<b:include cond='data:post.comments' data='post.comments' name='commentList'/>
</div>
<b:if cond='data:post.commentPagingRequired'>
<div class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:messages.oldest/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:messages.older/>
</a>
</b:if>
<span class='comment-range-text'>
<data:post.commentRangeText/>
</span>
<b:if cond='data:post.hasNewerLinks'>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:messages.newer/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:messages.newest/>
</a>
</b:if>
</div>
</b:if>
<div class='footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='commentForm'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='addComments'/>
</b:if>
</b:if>
</div>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
</section>
</b:includable>
<b:includable id='commentsTitle'>
<div class='headline commentsTitle'><h3 class='title'><data:messages.comments/></h3></div>
</b:includable>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='homePageLink'/>
<b:includable id='iframeComments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>
<b:if cond='!data:post.embedCommentForm'>
<b:include data='post' name='commentsLink'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='inlineAd' var='post'/>
<b:includable id='jquery'>
<script src='//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'/>
</b:includable>
<b:includable id='nextPageLink'/>
<b:includable id='post' var='post'>
<article class='post-amp post hentry h-entry'>
<b:include data='post' name='postMeta'/>
<b:if cond='not data:view.isSingleItem'>
<b:include data='post' name='sp-homePosts'/>
<b:else/>
<div class='bobxed'>
<b:include name='jquery'/>
<div class='atags'>
<b:loop index='x' values='data:post.labels' var='label'>
<b:if cond='data:x == 0 or data:x == 1'>
<a expr:href='data:label.url' rel='tag' title='قسم'><data:label.name/></a>
</b:if>
</b:loop>
<b:include data='post' name='sp-postQuickEdit'/>
</div>
<b:include data='post' name='postTitle'/>
<div class='post-meta'>
<b:include data='post' name='article-author'/>
<b:include data='post' name='article-time'/>
<b:include data='post' name='article-commint'/>
</div>
<div class='TocList'/>
</div>
<b:include data='post' name='postBody'/>
<div class='hideensa'>
<b:include data='post' name='sp-sharePost'/>
<b:include cond='data:view.isPost' data='post' name='sp-navigation'/>
<b:include data='post' name='sp-postTags'/>
<b:include data='post' name='sp-reactions'/>
<b:include data='post' name='sp-aboutPostAuthor'/>
<b:include cond='data:view.isPost' data='post' name='sp-RelatedPosts'/>
</div>
<b:include cond='data:view.isSingleItem' data='post' name='commentPicker'/>
</b:if>
</article>
</b:includable>
<b:includable id='postAuthorProfile' var='post'/>
<b:includable id='postBody' var='post'>
<b:if cond='data:view.isPost'>
<b:if cond='data:post.body contains "↔" or data:post.body contains "↚"'>
<b:else/>
<div id='tocDiv'/>
</b:if>
</b:if>
<div id='top-a3lan'/>
<div class='ap-connt post-body entry-content float-container'>
<data:post.body/>
<b:include cond='data:post.body contains "Pagecontactus" and data:view.isPage' name='contactUsJs'/>
<b:include cond='data:post.body contains "ArchivePage" and data:view.isPage' name='Archive'/>
</div>
<div id='bot-a3lan'/>
</b:includable>
<b:includable id='postBodySnippet' var='post'/>
<b:includable id='postCommentsAndAd' var='post'/>
<b:includable id='postCommentsLink'>
<b:if cond='data:view.isMultipleItems'>
<span class='byline post-comment-link'>
<b:include cond='data:post.commentSource != 1' name='commentsLink'/>
<b:include cond='data:post.commentSource == 1' name='commentsLinkIframe'/>
</span>
</b:if>
</b:includable>
<b:includable id='postFooter' var='post'/>
<b:includable id='postFooterAuthorProfile' var='post'/>
<b:includable id='postHeader' var='post'/>
<b:includable id='postMeta' var='post'>
<b:include data='post' name='postMetadataJSON'/>
</b:includable>
<b:includable id='postPagination'/>
<b:includable id='postTitle' var='post'>
<h1 class='entry-title topic-title'><data:post.title/></h1>
</b:includable>
<b:includable id='previousPageLink'/>
<b:includable id='sp-RelatedPosts' var='post'>
<div class='SeoPlusAds' id='ret-a3lan'/>
<div class='RelatedPosts'>
<b:loop index='i' values='data:post.labels' var='label'>
<b:if cond='data:i == 0'>
<div class='headline RelatedPost'><h3 class='title'>أخر المواضيع من قسم : <data:label.name/></h3></div>
</b:if>
</b:loop>
<div class='Sp-posts1'>
<b:loop index='i' values='data:post.labels' var='label'>
<b:if cond='data:i == 0'>
<script expr:src='data:blog.canonicalHomepageUrl + "feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&redirect=false&start-index=1&max-results=6&callback=prst"'/>
</b:if>
</b:loop>
</div>
</div>
</b:includable>
<b:includable id='sp-aboutPostAuthor' var='post'>
<b:if cond='data:post.author.aboutMe and data:view.isPost'>
<div class='author-profile'>
<b:if cond='data:post.author.authorPhoto.image'>
<div class='gfvg'>
<div class='dshdsgn'>
<div class='authorph PLHolder'>
<img alt='author-img' expr:data-src='resizeImage(data:post.author.authorPhoto.image , "90", "1:1" )' title='author-img'/>
</div>
<div class='author-about'>
<div class='author-name'>
<a class='g-profile' expr:href='data:post.author.profileUrl' expr:title='data:post.author.name' rel='author'>
كتب بواسطة : <span><data:post.author.name/></span>
</a>
</div>
<div class='author-desc'>
<data:post.author.aboutMe/>
</div>
</div>
</div></div>
<b:else/>
<div class='author-about'>
<div class='author-name'>
<a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'>
<span><data:post.author.name/></span>
</a>
</div>
<div class='author-desc'>
<data:post.author.aboutMe/>
</div>
</div>
</b:if>
</div>
</b:if>
</b:includable>
<b:includable id='sp-errorPage'>
<div id='error-page'>
<svg aria-hidden='true' class='svg-inline--fa fa-exclamation-triangle fa-w-18' data-icon='exclamation-triangle' data-prefix='fas' role='img' viewBox='0 0 576 512' xmlns='http://www.w3.org/2000/svg'><path class='' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z' fill='currentColor'/></svg>
<h1 class='errornum'>خطأ 404</h1>
<h2 class='error'>معذرة، فالصفحة التي تبحث عنها في هذه المدونة ليست متوفرة.</h2>
</div>
<style>
div#error-page {
display: block;
text-align: center;
padding: 30px;
height: calc((100vh - 245px));
}
.r-r {
float: none;
width: 100%;
}
h1.errornum {
font-size: 80px;
}
h2.error {
font-size: 23px;
color: #4e4e4e;
}
.block-side {
display: none;
}
@media screen and (max-width:992px){div#error-page {height:auto;}}
</style>
</b:includable>
<b:includable id='sp-homePosts' var='post'>
<b:if cond='data:post.featuredImage'>
<picture>
<a class='PLHolder thumb' expr:href='data:post.url' expr:title='data:post.title'>
<img class='post-thumb' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 1600)' expr:title='data:post.title'/>
</a>
</picture>
<b:else/>
<a class='PLHolder thumb' expr:href='data:post.url' expr:title='data:post.title'>
<img class='post-thumb' data-src='https://cdn.statically.io/img/2.bp.blogspot.com/-L3ph6asSTq4/XCJoZp0vHpI/AAAAAAAAAwM/HzV_751T3tosTksU1m89DrC3lY6Hlss9ACK4BGAYYCw/s1600-c/default.png?format=webp' expr:alt='data:post.title'/>
</a>
</b:if>
<div class='post-home'>
<div class='post-info'>
<h2 class='posts-titles entry-title p-name'><a class='Title' expr:href='data:post.url' rel='bookmark'><data:post.title/></a></h2>
</div>
<div class='items'>
<b:if cond='data:post.author.profileUrl'>
<a class='author vcard' expr:href='data:post.author.profileUrl'>
<svg aria-hidden='true' class='icon small-icon' data-prefix='fal' focusable='false' role='img' viewBox='0 0 496 512' xmlns='http://www.w3.org/2000/svg'><path d='M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm128 421.6c-35.9 26.5-80.1 42.4-128 42.4s-92.1-15.9-128-42.4V416c0-35.3 28.7-64 64-64 11.1 0 27.5 11.4 64 11.4 36.6 0 52.8-11.4 64-11.4 35.3 0 64 28.7 64 64v13.6zm30.6-27.5c-6.8-46.4-46.3-82.1-94.6-82.1-20.5 0-30.4 11.4-64 11.4S204.6 320 184 320c-48.3 0-87.8 35.7-94.6 82.1C53.9 363.6 32 312.4 32 256c0-119.1 96.9-216 216-216s216 96.9 216 216c0 56.4-21.9 107.6-57.4 146.1zM248 120c-48.6 0-88 39.4-88 88s39.4 88 88 88 88-39.4 88-88-39.4-88-88-88zm0 144c-30.9 0-56-25.1-56-56s25.1-56 56-56 56 25.1 56 56-25.1 56-56 56z' fill='currentColor'/></svg>
<span class='fn'><data:post.author.name/></span></a>
<b:else/>
<span class='fn'><data:post.author.name/></span>
</b:if>
<span class='category' rel='tag'>
<a expr:href='data:post.labels.first.url'>
<svg aria-hidden='true' class='icon small-icon' data-icon='tags' data-prefix='fal' focusable='false' role='img' viewBox='0 0 640 512' xmlns='http://www.w3.org/2000/svg'><path d='M625.941 293.823L421.823 497.941c-18.746 18.746-49.138 18.745-67.882 0l-1.775-1.775 22.627-22.627 1.775 1.775c6.253 6.253 16.384 6.243 22.627 0l204.118-204.118c6.238-6.239 6.238-16.389 0-22.627L391.431 36.686A15.895 15.895 0 0 0 380.117 32h-19.549l-32-32h51.549a48 48 0 0 1 33.941 14.059L625.94 225.941c18.746 18.745 18.746 49.137.001 67.882zM252.118 32H48c-8.822 0-16 7.178-16 16v204.118c0 4.274 1.664 8.292 4.686 11.314l211.882 211.882c6.253 6.253 16.384 6.243 22.627 0l204.118-204.118c6.238-6.239 6.238-16.389 0-22.627L263.431 36.686A15.895 15.895 0 0 0 252.118 32m0-32a48 48 0 0 1 33.941 14.059l211.882 211.882c18.745 18.745 18.745 49.137 0 67.882L293.823 497.941c-18.746 18.746-49.138 18.745-67.882 0L14.059 286.059A48 48 0 0 1 0 252.118V48C0 21.49 21.49 0 48 0h204.118zM144 124c-11.028 0-20 8.972-20 20s8.972 20 20 20 20-8.972 20-20-8.972-20-20-20m0-28c26.51 0 48 21.49 48 48s-21.49 48-48 48-48-21.49-48-48 21.49-48 48-48z' fill='currentColor'/></svg>
<data:post.labels.first.name/></a>
</span>
<span class='Date published updated'><svg aria-hidden='true' class='icon small-icon' data-icon='clock' data-prefix='fal' focusable='false' role='img' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm216 248c0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216zm-148.9 88.3l-81.2-59c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h14c6.6 0 12 5.4 12 12v146.3l70.5 51.3c5.4 3.9 6.5 11.4 2.6 16.8l-8.2 11.3c-3.9 5.3-11.4 6.5-16.8 2.6z' fill='currentColor'/></svg><b:eval expr='format(data:post.date, "dd MMMM YYYY")'/></span>
</div>
<div class='Short_content entry-content'><data:post.snippets.short/></div>
<a class='moreLink' expr:href='data:post.url' expr:title='data:post.title'>أقراء المزيد</a>
</div>
</b:includable>
<b:includable id='sp-navigation' var='post'>
<!-- Navigation -->
<div class='topic-nav'>
<meta expr:content='data:post.title' name='postTitle'/>
<meta expr:content='data:post.featuredImage' name='postPoster'/>
<div class='topic-nav-wrap'>
<div class='topic-nav-cont'>
<div class='newPost'>
<b:if cond='data:this.newerPageUrl'>
<a class='next' expr:href='data:blog.httpsEnabled ? data:this.newerPageUrl.https : data:this.newerPageUrl'/>
<b:else/>
<span>أنت الان في اول موضوع</span>
</b:if>
</div>
<div class='oldPost'>
<b:if cond='data:this.olderPageUrl'>
<a class='prev' expr:href='data:blog.httpsEnabled ? data:this.olderPageUrl.https : data:this.olderPageUrl'/>
<b:else/>
<a><span>أنت الأن في اخر موضوع</span></a>
</b:if>
</div>
<script>
//<![CDATA[
!function(n){var e=n(".topic-nav-cont a.next"),r=n(".topic-nav-cont a.prev");n.get(e.attr("href"),function(t){e.html("<span class='texxattt'>المقال التالي</span> <span class='posttitle'>"+n(t).find(".entry-title").text()+"</span>")},"html"),n.get(r.attr("href"),function(t){r.html("<span class='texxattt'>المقال السابق</span> <span class='posttitle'>"+n(t).find(".entry-title").text()+"</span>")},"html")}(jQuery);
//]]>
</script>
</div>
</div>
</div>
</b:includable>
<b:includable id='sp-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"'>
<data:messages.newer/></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"'>
<data:messages.older/></a>
</span>
</b:if>
</div>
<div class='loadMore'>
<div class='loadMorePosts'><a href='javascript:void(0)'>عرض المزيد <svg aria-hidden='true' class='icon-load' focusable='false' role='img' viewBox='0 0 256 512' xmlns='http://www.w3.org/2000/svg'><path d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z' fill='currentColor'/></svg></a></div>
<div id='loader' style='display: none'>جاري العرض <svg class='notran icon-load' version='1.1' viewBox='0 0 50 50' x='0px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' y='0px'><path class='notran' d='M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z' fill='currentColor' transform='rotate(240 25 25)'><animateTransform attributeName='transform' attributeType='xml' class='notran' dur='0.6s' from='0 25 25' repeatCount='indefinite' to='360 25 25' type='rotate'/></path></svg></div>
<div class='noMorePosts' style='display: none'>انتهت المواضيع <svg aria-hidden='true' class='icon-load' data-icon='times' data-prefix='far' role='img' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'><path d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z' fill='currentColor'/></svg></div>
</div>
</b:includable>
<b:includable id='sp-postQuickEdit' var='post'>
<b:if cond='data:view.isPost'>
<!-- Quick Edit -->
<span expr:class='"edit-post item-control " + data:post.adminClass'>
<a expr:href='"https://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#editor/target=post;postID=" + data:post.id' target='_blank' title='تعديل المشاركة'> تعديل المشاركة </a>
</span></b:if>
<b:if cond='data:view.isPage'>
<!-- Quick Edit -->
<span expr:class='"edit-post item-control " + data:post.adminClass'>
<a expr:href='"https://www.blogger.com/blogger.g?blogID=" + data:blog.blogId + "#editor/target=page;pageID=" + data:post.id' target='_blank' title='تعديل الصفحة'> تعديل الصفحة </a>
</span></b:if>
</b:includable>
<b:includable id='sp-postTags' var='post'>
<b:if cond='data:widgets.Blog.first.allBylineItems.labels and data:post.labels.any'>
<!-- Post Labels -->
<div class='amp-tags'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag' title='قسم'><svg aria-hidden='true' class='small-icon' data-icon='tag' data-prefix='fal' role='img' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M497.941 225.941L286.059 14.059A48 48 0 0 0 252.118 0H48C21.49 0 0 21.49 0 48v204.118a48 48 0 0 0 14.059 33.941l211.882 211.882c18.745 18.745 49.137 18.746 67.882 0l204.118-204.118c18.745-18.745 18.745-49.137 0-67.882zm-22.627 45.255L271.196 475.314c-6.243 6.243-16.375 6.253-22.627 0L36.686 263.431A15.895 15.895 0 0 1 32 252.117V48c0-8.822 7.178-16 16-16h204.118c4.274 0 8.292 1.664 11.314 4.686l211.882 211.882c6.238 6.239 6.238 16.39 0 22.628zM144 124c11.028 0 20 8.972 20 20s-8.972 20-20 20-20-8.972-20-20 8.972-20 20-20m0-28c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48z' fill='currentColor'/></svg><data:label.name/></a>
</b:loop>
</div>
<b:loop index='item' values='data:post.labels' var='label'>
<b:if cond='data:item lt 1'>
<script type='application/ld+json'>{
"@context": "http://schema.org","@type": "BreadcrumbList","itemListElement": [{"@type": "ListItem","position": 1,"item": {"@id": "<data:blog.homepageUrl.canonical/>","name": "<data:blog.title/>"}},{"@type": "ListItem","position": 2,"item": {"@id": "<data:label.url.canonical/>","name": "<data:label.name/>"}},{"@type": "ListItem","position": 3,"item": {"@id": "<data:post.url.canonical/>","name": "<data:view.title.escaped/>"}}]}</script>
</b:if>
</b:loop>
</b:if>
</b:includable>
<b:includable id='sp-reactions' var='post'>
<b:if cond='data:widgets.Blog.first.allBylineItems.reactions'>
<span class='reaction-buttons'>
<span class='reactions-label'>
<svg aria-hidden='true' class='icon' data-prefix='fal' focusable='false' role='img' viewBox='0 0 496 512' xmlns='http://www.w3.org/2000/svg'><path d='M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm152.7 400.7c-19.8 19.8-43 35.4-68.7 46.3-26.6 11.3-54.9 17-84.1 17s-57.5-5.7-84.1-17c-25.7-10.9-48.8-26.5-68.7-46.3-19.8-19.8-35.4-43-46.3-68.7-11.3-26.6-17-54.9-17-84.1s5.7-57.5 17-84.1c10.9-25.7 26.5-48.8 46.3-68.7 19.8-19.8 43-35.4 68.7-46.3 26.6-11.3 54.9-17 84.1-17s57.5 5.7 84.1 17c25.7 10.9 48.8 26.5 68.7 46.3 19.8 19.8 35.4 43 46.3 68.7 11.3 26.6 17 54.9 17 84.1s-5.7 57.5-17 84.1c-10.8 25.8-26.4 48.9-46.3 68.7zM328 224c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm-160 0c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm215 64H113c-9.6 0-17.1 8.4-15.9 18 8.8 71 69.4 126 142.9 126h16c73.4 0 134-55 142.9-126 1.2-9.6-6.3-18-15.9-18zM256 400h-16c-50.2 0-93.5-33.3-107.4-80h230.8c-13.9 46.7-57.2 80-107.4 80z' fill='currentColor'/></svg>
<data:widgets.Blog.first.allBylineItems.reactions.label/>
</span>
<iframe allowtransparency='true' class='reactions-iframe' expr:data-src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/>
</span>
<script>
$reacAct =0;
$(document).scroll(function(){if ($(window).scrollTop() > 200) {if(!$reacAct) $('.reactions-iframe').attr('src' , $('.reactions-iframe').attr('data-src'));$reacAct =1;}})
$(window).scroll(function() {if ($(window).scrollTop() > 200) {if(!$reacAct) $('.reactions-iframe').attr('src' , $('.reactions-iframe').attr('data-src'));$reacAct =1;}});
</script>
</b:if>
</b:includable>
<b:includable id='sp-sharePost' var='post'>
<b:if cond='data:widgets.Blog.first.allBylineItems.share and data:view.isPost'>
<!-- Share Post -->
<div class='shareButton'>
<a class='facebook' expr:href='"http://www.facebook.com/share.php?v=4&src=bm&u=" + data:post.url + "& t=" + data:post.title' onclick='window.open(this.href,"sharer","toolbar=0,status=0,width=626,height=436");return false;' title='Facebook Share Button'>
<span><div class='icon fa-facebook'/>فيسبوك</span>
</a>
<a class='twitter' expr:href='"http://twitter.com/share?url=" + data:post.url' onclick='window.open(this.href,"sharer","toolbar=0,status=0,width=626,height=436");return false;' title='Twitter Share Button'>
<span><div class='icon fa-twitter'/>تويتر</span>
</a>
<a class='pinterest' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&media=" + resizeImage(data:post.featuredImage, 1600) + "&description=" + data:post.snippets.long snippet { length: 140, links: false, linebreaks: false }' onclick='window.open(this.href,"sharer","toolbar=0,status=0,width=626,height=436");return false;' title='Pinterest Share Button'>
<span><div class='icon fa-pinterest'/>بنترست</span>
</a>
<a class='ic-phone' expr:href='"whatsapp://send?text=" + data:post.title + " : " + data:post.url' title='Whatsapp Share Button'>
<span><div class='icon fa-whatsapp'/>واتساب</span>
</a>
<a class='ic-reddit' expr:href='"https://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' onclick='window.open(this.href,"sharer","toolbar=0,status=0,width=626,height=436");return false;' title='Reddit Share Button'>
<span><div class='icon fa-reddit'/>ريدايت</span>
</a>
<a class='ic-linkedin' expr:href='"http://linkedin.com/sharing/share-offsite/?url=" + data:post.url' onclick='window.open(this.href,"sharer","toolbar=0,status=0,width=626,height=436");return false;' title='linkedin Share Button'>
<span><div class='icon fa-linkedin'/>لينكدين</span>
</a>
</div>
<script>
//<![CDATA[
$( ".ic-phone" ).click(function() {var ua = navigator.userAgent.toLowerCase();var isAndroid = ua.indexOf("android") > -1;var Ismobile = ua.indexOf("mobile") > -1;var isiPhone = ua.indexOf("iPhone") > -1;if(isAndroid) {}else if(Ismobile){}else if(isiPhone){}else {alert("لا يمكنك مشاركة التدوينة على الواتساب من الحاسوب !");}});
//]]>
</script>
</b:if>
</b:includable>
<b:includable id='threadedCommentForm' var='post'>
<div class='comment-form' id='commentTarget'>
<a name='comment-form'/>
<div class='conart'>
<svg aria-hidden='true' class='small-icon' data-prefix='fas' focusable='false' role='img' viewBox='0 0 576 512' xmlns='http://www.w3.org/2000/svg'><path d='M416 224V64c0-35.3-28.7-64-64-64H64C28.7 0 0 28.7 0 64v160c0 35.3 28.7 64 64 64v54.2c0 8 9.1 12.6 15.5 7.8l82.8-62.1H352c35.3.1 64-28.6 64-63.9zm96-64h-64v64c0 52.9-43.1 96-96 96H192v64c0 35.3 28.7 64 64 64h125.7l82.8 62.1c6.4 4.8 15.5.2 15.5-7.8V448h32c35.3 0 64-28.7 64-64V224c0-35.3-28.7-64-64-64z' fill='currentColor'/></svg>
<h4 id='comment-post-message'><data:messages.postAComment/></h4>
<b:if cond='data:this.messages.blogComment != ""'>
<p><data:this.messages.blogComment/></p>
</b:if>
</div>
<b:include data='post' name='commentFormIframeSrc'/>
<div class='asfafafqw'/>
<b:tag name='script' type='text/javascript'>
$( document ).ready(function() {
$commActive = 0;
if ($(window).scrollTop() > 200) {
if(!$commActive) commActive();
}
$(window).scroll(function() {
if ($(window).scrollTop() > 200) {
if(!$commActive) commActive();
}
});
function commActive(){
$commActive = 1;
var asafah = `<iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: "90px"' expr:src='data:commentFormIframeSrc' frameborder='0' id='comment-editor' name='comment-editor' width='100%'/>`;
$('.asfafafqw').html(asafah)
$.getScript( "https://www.blogger.com/static/v1/jsbin/1769009776-comment_from_post_iframe.js", function() {
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
/*<![CDATA[*/
$(".comment-content").each(function(e){var t=$(".comment-content:eq("+e+")");if(-1!=t.html().search(/(https|http)?s?:?(\/\/[^"']*\.(?:png|jpg|jpeg|gif|png|svg))/gi))t.html(t.html().replace(/(https|http)?s?:?(\/\/[^"']*\.(?:png|jpg|jpeg|gif|png|svg))/gi,'<img src="$2" />'));else if(-1!=t.html().search(/(?:http:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=)?(.+)/gi)||-1!=t.html().search(/(?:http:\/\/)?(?:www\.)?(?:vimeo\.com)\/(.+)/gi))t.html(t.html().replace(/(?:https:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=)?(.+)/g,'<iframe width="100%" height="350" src="https://www.youtube.com/embed/$1" frameborder="0" allowfullscreen></iframe>').replace(/(?:http:\/\/)?(?:www\.)?(?:vimeo\.com)\/(.+)/g,'<iframe src="//player.vimeo.com/video/$1" width="200" height="100" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>'));else{var m=t.text().replace(/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gi,"<a rel='nofollow noopener' target='_blank' id='commnetLinkS' href='$1'>$1</a>");t.html(m.replace(/(^|[^\/])(www\.[\S]+(\b|$))/gim,'$1<a id="commnetLinkS" target="_blank" href="http://$2">$2</a>'))}});
/*]]>*/
});
/*<![CDATA[*/
$.getScript("https://www.blogger.com/static/v1/widgets/3564956223-widgets.js").done(function(){
_WidgetManager._Init('');_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'useNgc': true}, 'displayModeFull'));
$("#comment-editor").insertAfter($(".asfafafqw "));
});
/*]]>*/
}
});
</b:tag>
</div>
</b:includable>
<b:includable id='threadedCommentJs' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<b:template-script inline='true' name='threaded_comments'/>
<script type='text/javascript'>
blogger.widgets.blog.initThreadedComments(
<data:post.commentJso/>,
<data:post.commentMsgs/>,
<data:post.commentConfig/>);
</script>
</b:includable>
<b:includable id='threadedComments' var='post'>
<section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>
<b:include name='commentsTitle'/>
<a name='comments'/>
<div class='comments-info'>
<div class='comments-count'>
<svg aria-hidden='true' class='small-icon' data-prefix='fal' focusable='false' role='img' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M280 272H136c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h144c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zm96-96H136c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h240c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zM256 32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26S14.4 480 24 480c61.5 0 110-25.7 139.1-46.3C192 442.8 223.2 448 256 448c141.4 0 256-93.1 256-208S397.4 32 256 32zm0 384c-28.3 0-56.3-4.3-83.2-12.8l-15.2-4.8-13 9.2c-23 16.3-58.5 35.3-102.6 39.6 12-15.1 29.8-40.4 40.8-69.6l7.1-18.7-13.7-14.6C47.3 313.7 32 277.6 32 240c0-97 100.5-176 224-176s224 79 224 176-100.5 176-224 176z' fill='currentColor'/></svg>
<b:message name='messages.numberOfComments'>
<b:param expr:value='data:post.numberOfComments' name='numComments'/>
</b:message>
</div>
<b:if cond='data:post.allowNewComments == "true"'>
<a class='go-respond' href='#commentTarget'><b><data:messages.postAComment/></b></a>
</b:if>
</div>
<div class='comments-content'>
<div class='comments-list' id='comment-holder'><data:post.commentHtml/></div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threadedCommentForm'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'><iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'/></div>
</b:if>
</section>
</b:includable>
</b:widget>
<b:widget cond='data:view.isLayoutMode or data:view.isPost' id='HTML200' locked='true' title='اعلان اول الموضوع' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<div class='SeoPlusAds' id='Firstcontent-a3lan'><data:content/></div>
<script>$("#top-a3lan").append($("#Firstcontent-a3lan"))</script>
</b:includable>
</b:widget>
<b:widget cond='data:view.isLayoutMode or data:view.isPost' id='HTML201' locked='true' title='اعلان اخر الموضوع' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<div class='SeoPlusAds' id='Lastcontent-a3lan'><data:content/></div>
<script>$("#bot-a3lan").append($("#Lastcontent-a3lan"))</script>
</b:includable>
</b:widget>
<b:widget cond='data:view.isLayoutMode or data:view.isPost' id='HTML202' locked='true' title='اعلان منتصف الموضوع' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<div class='SeoPlusAds' id='Centercontent-a3lan'><data:content/></div>
<script>
if($('#s7bcent-a3lan-PagePrake').length){$("#s7bcent-a3lan-PagePrake").append($("#Centercontent-a3lan"));}
else{$Center = Math.floor($('.post-body br').length/2-1);$("#Centercontent-a3lan").insertAfter(".post-body br:eq("+$Center+")");}
</script>
</b:includable>
</b:widget>
<b:widget cond='data:view.isLayoutMode or data:view.isPost' id='HTML220' locked='true' title='اعلان مقالات ذات صلة' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<div class='SeoPlusAds' id='rett-a3lan'><data:content/></div>
<script>$("#ret-a3lan").append($("#rett-a3lan"))</script>
</b:includable>
</b:widget>
</b:section>
<b:section class='hideee' cond='not data:view.isError' id='RedirectPage' maxwidgets='1' showaddelement='no'>
<b:widget id='HTML12' locked='true' title='ميزة جدول التنقل' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'>التنقل السريع</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:view.isPost'>
<div class='topcs7v'><div class='toctitle'><data:content/></div><ul id='tocList'/></div>
<script>
//<![CDATA[
$("#tocDiv").append($(".topcs7v")),$(tocList).empty();var t=null,a=null,e=0;$(".ap-connt h2, .ap-connt h3, .ap-connt h4").each(function(){var n="<a name='"+e+"'></a>";$(this).before(n);var p="<li><a href='#"+e+"'>"+$(this).text()+"</a></li>";$(this).is("h2 , h3, h4")?(a=$(),(t=$(p)).append(a),t.appendTo("#tocList")):a.append(p),e++});
//]]>
</script>
</b:if>
</b:includable>
</b:widget>
<b:widget id='Label500' locked='true' title='ميزة اقرأ ايضا' type='Label' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>LIST</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:if cond='data:view.isPost'><div class='post-random'><div class='newPost'/><div class='newPost'/><div class='newPost'/><div class='newPost'/></div>
<script type='text/javascript'>
//<![CDATA[
// Multi Related Post
var relatedTitles=new Array,relatedTitlesNum=0,relatedUrls=new Array;function related_results_labels(e){for(var l=0;l<e.feed.entry.length;l++){var r=e.feed.entry[l];relatedTitles[relatedTitlesNum]=r.title.$t;for(var t=0;t<r.link.length;t++)if("alternate"==r.link[t].rel){relatedUrls[relatedTitlesNum]=r.link[t].href,relatedTitlesNum++;break}}}
//]]>
</script>
<script expr:src='data:blog.canonicalHomepageUrl + "/feeds/posts/summary/?alt=json-in-script&redirect=false&start-index=1&max-results=50&callback=related_results_labels"'/>
<script type='text/javascript'>
//< * Math['random']());let i = 0;let Post = document['querySelectorAll']('.post-random .newPost');while (i < relatedTitles['length'] && i < Post['length']) {for (let a = 0; a < Post['length']; a++) {Post[a]['innerHTML'] = '<span class="texxattt">' + text + '</span><a class="posttitle" href="' + relatedUrls[r] + '" title="' + relatedTitles[r] + '">' + relatedTitles[r] + '</a></span>';if (r < relatedTitles['length'] - 1) {r++} else {r = 0};i++}}})();
//]]>
</script>
<b:if cond='data:title contains "[bot]"'>
<script type='text/javascript'>
//<![CDATA[
if($('#s7bcent-a3lan-PagePrake').length){}
else{$(".post-random").insertBefore("#bot-a3lan");}
//]]>
</script>
<b:else/>
<script type='text/javascript'>
//<![CDATA[
if($('#s7bcent-a3lan-PagePrake').length){}else{
$cent = Math.floor($('.post-body br').length/2-1 )
$(".post-random").insertBefore(".post-body br:eq("+$cent+")");
}
//]]>
</script>
</b:if>
</b:if>
</b:includable>
<b:includable id='3colList'/>
<b:includable id='cloud'/>
<b:includable id='content'/>
<b:includable id='default'/>
<b:includable id='list'/>
<b:includable id='posts1'/>
<b:includable id='posts2'/>
<b:includable id='posts3'/>
<b:includable id='posts4'/>
<b:includable id='posts5'/>
<b:includable id='posts6'/>
<b:includable id='postsNormal'/>
<b:includable id='slide'/>
</b:widget>
</b:section>
</div>
<b:if cond='not data:view.isError'>
<aside id='sidepar-wid'>
<b:section id='sidepar'>
<b:widget id='LinkList4' locked='true' title='مواقع التواصل الإجتماعي' type='LinkList' version='2' visible='false'>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='social-static social'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' expr:title='data:link.name' rel='nofollow noopener' target='_blank'><i expr:class='"fa fa-" + data:link.name'/></a></li>
</b:loop>
</div>
</b:includable>
</b:widget>
</b:section>
</aside>
</b:if>
</div>
</div>
<footer>
<div class='container'>
<div class='mid-top-footer'>
<b:section class='footer-col' id='footer-col1'/>
<b:section class='footer-col' id='footer-col2'/>
<b:section class='footer-col' id='footer-col3'/>
</div>
</div>
<div class='bottom-footer'>
<div class='container'>
<div class='yemen'>
<span>جميع الحقوق محفوظة ©</span><a expr:href='data:blog.homepageUrl' id='7qok' target='_blank'><data:blog.title/></a>
</div>
<div class='shmal'>
<b:section id='footer-social' maxwidgets='1' showaddelement='no'>
<b:widget id='LinkList2' locked='true' title='مواقع التواصل الإجتماعي' type='LinkList' version='2' visible='true'>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='social-static social'>
<li><a href='/sitemap.xml' target='_blank' title='sitemap'><i class='fa fa-sitemap'/></a></li>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' expr:title='data:link.name' rel='nofollow noopener' target='_blank'><i expr:class='"fa fa-" + data:link.name'/></a></li>
</b:loop>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>
</footer>
</div>
<b:tag name='script' type='text/javascript'>var ArrowIcon = "<svg aria-hidden='true' focusable='false' role='img' viewBox='0 0 256 512' xmlns='http://www.w3.org/2000/svg'><path d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z' fill='currentColor'/></svg>",BlogID = String(<data:blog.blogId/>);</b:tag><div class='smoothscroll-top'><span class='scroll-top-inner'><svg aria-hidden='true' class='icon' data-icon='angle-up' data-prefix='fas' role='img' viewBox='0 0 320 512' xmlns='http://www.w3.org/2000/svg'><path d='M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z' fill='currentColor'/></svg></span></div>
<b:if cond='data:blog.analyticsAccountNumber'><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');ga('create', '<data:blog.analyticsAccountNumber/>', 'auto', 'blogger');ga('blogger.send', 'pageview');</script></b:if>
<script>/*<![CDATA[*/
var _0x1ec6=['YS5vcC1vbmU=','Lm1vcC1saW5rcw==','Ym9keSAq','aGlkZQ==','LnllbWVuIHNwYW4=','bG9hZA==','cGFyZW50RWxlbWVudA==','aW5pdGlhbA==','c2V0QXR0cmlidXRl','c2Nyb2xsVG9w','eXRpbWcuY29t','cmVhZHk=','Y3Nz','Lm5vTW9yZVBvc3Rz','aW1nWw==','ZGF0YS1zcmM=','cGx1c2VsaW5r','ZmFkZU91dA==','ZmxleA==','dmlzaWJsZQ==','dGV4dA==','dG9nZ2xl','aHRtbA==','I1N0b3BTaXRreUhlYWRhcg==','Y2VpbA==','Zm9udC13ZWlnaHQ6IDcwMDtjb2xvcjogIzM1NjBhYjtmb250LXNpemU6MjFweA==','aW5uZXJIZWlnaHQ=','PGEgaHJlZj0iaHR0cHM6Ly93d3cuc2VvcGx1cy10ZW1wbGF0ZS5jb20iIHJlbD0ibm9mb2xsb3cgbm9vcGVuZXIiIHRhcmdldD0iX2JsYW5rIiB0aXRsZT0iU2VvUGx1cyBUZW1wbGF0ZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyB2aXNpYmlsaXR5OiB2aXNpYmxlOyB3aWR0aDogMjdweDsgaGVpZ2h0OiAyN3B4OyBvcGFjaXR5OiAxOyB0cmFuc2Zvcm06IGluaXRpYWw7Ij48aW1nIGFsdD0iU2VvUGx1cyBUZW1wbGF0ZSIgc3JjPSIvLzMuYnAuYmxvZ3Nwb3QuY29tLy1ULVYtUEpPVTR2MC9YWll6SGZxMWRZSS9BQUFBQUFBQUJPdy9vYno4ck1jd0tnRXZQa0hQMWFoTTJ0eUFxbThmUllaWXdDSzRCR0FZWUN3L3cyNy1oMjctcC1rLW51LzI1Ni0yNTYucG5nIiBzdHlsZT0iZGlzcGxheTogYmxvY2s7IHZpc2liaWxpdHk6IHZpc2libGU7IHdpZHRoOiAyN3B4OyBoZWlnaHQ6IDI3cHg7IG9wYWNpdHk6IDE7IHRyYW5zZm9ybTogaW5pdGlhbDsiPjwvYT4=','Lm5hdi1wYXI=','I3RvcC1zb2NpYWwtTA==','LlBvc3RzLWJ5Q2F0ZWdvcnksLnBhZ2UtbmF2aWdhdGlvbiwuUGFnZVByYWtlZGl2','cmVwbGFjZQ==','LmJsb2ctcGFnZXItb2xkZXItbGluaw==','LnN0YXR1cy1tc2ctd3JhcA==','LnllbWVuIGltZ1thbHQ9IlNlb1BsdXMgVGVtcGxhdGUiXSwgLnllbWVuIGFbdGl0bGU9IlNlb1BsdXMgVGVtcGxhdGUiXQ==','YW5pbWF0ZQ==','YWN0aXZl','b2Zmc2V0V2lkdGg=','LnNlYXJjaC1zdWJtaXQyLCAuc3R4aw==','cHJldg==','Y2hpbGRyZW4=','cGFnZVlPZmZzZXQ=','aHJlZg==','LmxvYWRNb3JlUG9zdHMgYQ==','dG9w','L2RlZmF1bHQ=','YWRkQ2xhc3M=','Z2V0QXR0cmlidXRl','LmJvdHRvbS1mb290ZXIgLnllbWVuOmVxKDAp','LmxvYWRNb3JlID4gI2xvYWRlcg==','ZmFkZUlu','LnBhci10cCwgLmhlYWQtcHosIC5wYXItYm90dG0=','L21xZGVmYXVsdA==','LnNpZGVuYXY=','PHN0eWxlPmJvZHkuUkUge2JhY2tncm91bmQ6IHVybChodHRwczovLzQuYnAuYmxvZ3Nwb3QuY29tLy1OX0hGa29DTTBQWS9YYlg5TnNudUE4SS9BQUFBQUFBQUJXTS9qQXNsU2hkLWFQSUNBRHZPQW4zRHZPSVhKQThWaTdzQndDSzRCR0FZWUN3L3MxNjAwL3BfMTM5NWt5cmJtMS5wbmcpIG5vLXJlcGVhdCBjZW50ZXIgI2VlZTtiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgY2VudGVyO2hlaWdodDogOTh2aDt9PC9zdHlsZT4=','YWRkRXZlbnRMaXN0ZW5lcg==','c2hvdw==','cmVtb3ZlQ2xhc3M=','cXVlcnlTZWxlY3Rvcg==','PHVsLz4=','QmxvZ2dlciBUZW1wbGF0ZQotLS0tLS0tLS0tLS0tLS0tLS0KPj4gUHJvZ3JhbW1lZCBieSA6IFNlb3BsdXMgZGV2ZWxvcGVycwo+PiBJbmZvcm1hdGlvbiAgIDogaHR0cHM6Ly93d3cuc2VvcGx1cy10ZW1wbGF0ZS5jb20K','c2Nyb2xs','MjdweA==','LnN0eGs=','Z2V0Qm91bmRpbmdDbGllbnRSZWN0','ZWFjaA==','bm90LXBs','cHJldmVudERlZmF1bHQ=','Lm1vcC1wYWdlcw==','bGVuZ3Ro','YXBwZW5k','JWNTZW9wbHVzIHY1LjMK','b3Blbg==','I0xpbmtMaXN0MjIgbGk=','cmVtb3ZlQXR0cmlidXRl','I0xpbmtMaXN0MjI=','LnNlYXJjaC1ib3g=','Lm1vcC1pY29u','Ym9keQ==','Y2xhc3NMaXN0','YWpheA==','LmJsb2ctcG9zdHM=','LnBvcy10LXQsIGEuY2xvc2VidG4=','LnllbWVu','LnNlYXJjaCBh','UExIb2xkZXI=','YXR0cg==','LmxvYWRNb3JlUG9zdHM=','PC9zcGFuPg==','YmxvY2s=','ZmluZA==','cmVtb3Zl','Y2xpY2s=','aW5kZXhPZg=='];(function(_0x52cd66,_0x1ec60b){var _0x33fee0=function(_0x34e3fb){while(--_0x34e3fb){_0x52cd66['push'](_0x52cd66['shift']());}};_0x33fee0(++_0x1ec60b);}(_0x1ec6,0x1c0));var _0x33fe=function(_0x52cd66,_0x1ec60b){_0x52cd66=_0x52cd66-0x0;var _0x33fee0=_0x1ec6[_0x52cd66];if(_0x33fe['HLNfaJ']===undefined){(function(){var _0x508efb=function(){var _0xe6e902;try{_0xe6e902=Function('return\x20(function()\x20'+'{}.constructor(\x22return\x20this\x22)(\x20)'+');')();}catch(_0x43b11a){_0xe6e902=window;}return _0xe6e902;};var _0x2987a5=_0x508efb();var _0xf2aae3='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';_0x2987a5['atob']||(_0x2987a5['atob']=function(_0x4e2903){var _0x3b87d8=String(_0x4e2903)['replace'](/=+$/,'');var _0x189152='';for(var _0x23cf15=0x0,_0x20a1bb,_0xb83f0a,_0xa4af48=0x0;_0xb83f0a=_0x3b87d8['charAt'](_0xa4af48++);~_0xb83f0a&&(_0x20a1bb=_0x23cf15%0x4?_0x20a1bb*0x40+_0xb83f0a:_0xb83f0a,_0x23cf15++%0x4)?_0x189152+=String['fromCharCode'](0xff&_0x20a1bb>>(-0x2*_0x23cf15&0x6)):0x0){_0xb83f0a=_0xf2aae3['indexOf'](_0xb83f0a);}return _0x189152;});}());_0x33fe['WYJNUy']=function(_0x549b8e){var _0x4be9ce=atob(_0x549b8e);var _0x42c1f0=[];for(var _0x4061ed=0x0,_0x8a924e=_0x4be9ce['length'];_0x4061ed<_0x8a924e;_0x4061ed++){_0x42c1f0+='%'+('00'+_0x4be9ce['charCodeAt'](_0x4061ed)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x42c1f0);};_0x33fe['wwBovW']={};_0x33fe['HLNfaJ']=!![];}var _0x34e3fb=_0x33fe['wwBovW'][_0x52cd66];if(_0x34e3fb===undefined){_0x33fee0=_0x33fe['WYJNUy'](_0x33fee0);_0x33fe['wwBovW'][_0x52cd66]=_0x33fee0;}else{_0x33fee0=_0x34e3fb;}return _0x33fee0;};var olderLink;$(_0x33fe('0x34'))['length']?($(_0x33fe('0x18'))[_0x33fe('0x13')](),$(_0x33fe('0x6'))[_0x33fe('0x44')]('RE')['append'](_0x33fe('0x4c'))):($(_0x33fe('0x1'))[_0x33fe('0x57')](function(){var _0x5a2c07;-0x1==$(this)[_0x33fe('0x2a')]()[_0x33fe('0x15')]('+')?$(this)[_0x33fe('0x44')]('ma')['append'](_0x33fe('0x51')):(_0x5a2c07=$(this)[_0x33fe('0x12')]('a')[_0x33fe('0x2a')]()[_0x33fe('0x35')]('+',''),$(this)[_0x33fe('0x12')]('a')[_0x33fe('0x2a')](_0x5a2c07),$(this)[_0x33fe('0x3d')]('.ma')['addClass'](_0x33fe('0x26'))[_0x33fe('0x12')]('ul')[_0x33fe('0x5c')]($(this))),$(_0x33fe('0x3'))[_0x33fe('0x48')](0x0);}),$($('<span\x20class=\x27icon\x27>'+ArrowIcon+_0x33fe('0x10')))['insertAfter']('li.ma.pluselink\x20ul:not(.ma2ul),\x20.pluselink2\x20ul'),$(_0x33fe('0xc'))[_0x33fe('0x14')](function(){$(_0x33fe('0x4'))[_0x33fe('0x48')](0x0),$(_0x33fe('0x55'))[_0x33fe('0x48')](0xc8);}),$(_0x33fe('0x3c'))['click'](function(){$(_0x33fe('0x4'))[_0x33fe('0x27')](0x0),$(_0x33fe('0x55'))[_0x33fe('0x27')](0x64);}),$(_0x33fe('0x16'))[_0x33fe('0x14')](function(){$(_0x33fe('0x4b'))[_0x33fe('0x44')](_0x33fe('0x0')),$('.pos-t-t')['fadeIn'](0x12c);}),$(_0x33fe('0xa'))[_0x33fe('0x14')](function(){$(_0x33fe('0x4b'))[_0x33fe('0x4f')]('open'),$('.pos-t-t')['fadeOut'](0xc8);}),$my_menu=$(_0x33fe('0x32'))['html'](),$(_0x33fe('0x17'))[_0x33fe('0x2c')]($my_menu),$my_icon=$(_0x33fe('0x33'))[_0x33fe('0x2c')](),$(_0x33fe('0x5'))[_0x33fe('0x2c')]($my_icon),$('.mop-links')[_0x33fe('0x2c')]($my_menu),$my_tre=$('#pages')[_0x33fe('0x2c')](),$(_0x33fe('0x5a'))[_0x33fe('0x2c')]($my_tre),$(_0x33fe('0x17'))['html']($my_menu),function(_0x33e9c4){function _0x2955ce(){$(_0x33fe('0x24')+_0x33e9c4+']')[_0x33fe('0x57')](function(_0x448f37){var _0x255703,_0x5ba4c6,_0x47fdb6=this[_0x33fe('0x56')]()[_0x33fe('0x42')]-document[_0x33fe('0x50')](_0x33fe('0x6'))[_0x33fe('0x56')]()[_0x33fe('0x42')];window[_0x33fe('0x3f')]+window[_0x33fe('0x30')]>_0x47fdb6&&(_0x255703=Math[_0x33fe('0x2e')](this['parentNode'][_0x33fe('0x3b')])+0x32,_0x5ba4c6=function(_0x244a87){try{_0x244a87=-0x1!==_0x244a87[_0x33fe('0x15')]('img.youtube.com')||-0x1!==_0x244a87['indexOf'](_0x33fe('0x20'))?_0x244a87[_0x33fe('0x35')](_0x33fe('0x43'),_0x33fe('0x4a')):_0x244a87['replace'](/\/(s72\-c|s40\-c|s1600\-c|s72\-rc|s220|s640|s113|s0-rw-e90|s1600-rw-e90|w1600)\//,'/s'+parseInt(_0x255703)+'/');}finally{return _0x244a87;}}(this[_0x33fe('0x45')](_0x33e9c4)),this[_0x33fe('0x1e')]('src',_0x5ba4c6),this[_0x33fe('0x2')](_0x33e9c4),this['parentElement'][_0x33fe('0x7')]['toggle'](_0x33fe('0xd'),!0x1),this[_0x33fe('0x1c')]['classList'][_0x33fe('0x2b')](_0x33fe('0x58'),!0x0));});}window[_0x33fe('0x4d')](_0x33fe('0x1b'),_0x2955ce),document[_0x33fe('0x4d')]('scroll',_0x2955ce);}(_0x33fe('0x25')),console['log'](_0x33fe('0x5d'),_0x33fe('0x2f'),_0x33fe('0x52')),(olderLink=$(_0x33fe('0x36'))[_0x33fe('0xe')](_0x33fe('0x40')))&&$(_0x33fe('0xf'))['show'](),$(_0x33fe('0x41'))['on'](_0x33fe('0x14'),function(_0x57ce3a){$('.loadMorePosts')['hide'](),$[_0x33fe('0x8')]({'url':olderLink,'success':function(_0x49584a){var _0x4403fa=$(_0x49584a)[_0x33fe('0x12')](_0x33fe('0x9'));_0x4403fa[_0x33fe('0x3e')](_0x33fe('0x37'))[_0x33fe('0x13')](),$(_0x33fe('0x9'))[_0x33fe('0x5c')](_0x4403fa[_0x33fe('0x2c')]()),(olderLink=$(_0x49584a)[_0x33fe('0x12')](_0x33fe('0x36'))[_0x33fe('0xe')](_0x33fe('0x40')))?$(_0x33fe('0xf'))[_0x33fe('0x4e')]():$(_0x33fe('0x23'))[_0x33fe('0x4e')]();},'beforeSend':function(){$(_0x33fe('0x47'))['show']();},'complete':function(){$(_0x33fe('0x47'))[_0x33fe('0x19')]();}}),_0x57ce3a[_0x33fe('0x59')]();}),$(_0x33fe('0x2d'))[_0x33fe('0x5b')]||jQuery(document)[_0x33fe('0x21')](function(_0x3a0190){var _0x4c870e=_0x3a0190(_0x33fe('0x49'));_0x3a0190(window)[_0x33fe('0x53')](function(){0x63<=_0x3a0190(this)[_0x33fe('0x1f')]()?_0x4c870e[_0x33fe('0x4e')](0xa)[_0x33fe('0x39')](_0x33fe('0x49'))[_0x33fe('0x44')](_0x33fe('0x3a')):_0x4c870e[_0x33fe('0x39')](_0x33fe('0x49'))['removeClass'](_0x33fe('0x3a'));});}),$(_0x33fe('0x46'))[_0x33fe('0x5b')]&&($(_0x33fe('0xb'))[_0x33fe('0x22')]({'display':_0x33fe('0x28'),'visibility':_0x33fe('0x29'),'width':'auto','height':'auto','opacity':'1','transform':_0x33fe('0x1d')}),$(_0x33fe('0x38'))[_0x33fe('0x22')]({'display':_0x33fe('0x11'),'visibility':'visible','width':_0x33fe('0x54'),'height':_0x33fe('0x54'),'opacity':'1','transform':_0x33fe('0x1d')})),$($(_0x33fe('0x31')))['insertBefore'](_0x33fe('0x1a')));
/*]]>*/</script>
<noscript><!--</body>--></noscript></body>
</html>
كيف تغير الألوان للعناوين؟
ابحث عن مشاركات في HTML، بالضبط لون عناوين المشاركات وغير كود اللون وضع مكانه كود اللون الذي تريده، اتبع الطريقة بالتفاصيل من هنا.
ختاما
شرفنا بوضع تعليقك هنا، وعند أي استفسار سيتم الرد عليك بأسرع وقت ممكن بإذن الله.