دورة بلوجر تعديل المشاركة طريقة تركيب قالب مغوان 2020 الدرس رقم 5 mohamed id bikrdne 30 مايو 2020 (0) مقدمة السلام عليكم متابعي دورة بلوجر طلما توصلت برسائل في مواقع التواصل الإجتماعي والتي تقول كيف سنغير مظاهر مداونتنا واليوم سأعلمك كيف دعونا نمر إلى الشرح معنى كلمة قالب معنى كلمة قالب : شكل ، مظهر خدعة ... هناك عديد من المعاني هذا فقط إختصار الشرح عن طريق فيديوا رابط لتحميل قوالب أخرى أكواد قالب مغوان ... - ERROR 404 - ----------------------- */ /* Reset and More */ a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;border:0;outline:0;vertical-align:baseline;background:0 0} ins{text-decoration:underline} del{text-decoration:line-through} blockquote{font-style:italic;color:#888} dl,ul{list-style-position:inside;font-weight:700;list-style:none} ul li{list-style:none} caption,th{text-align:center} img{border:none;position:relative} a,a:visited{text-decoration:none} .clear{clear:both} .section,.widget,.widget ul{margin:0;padding:0} a{color:$(main.color)} a:hover{color:$(main.color)} :focus{outline:0} a img{border:0} brc{color:#bdbdbd} .CSS_LIGHTBOX{z-index:999999!important} .separator a{clear:none!important;float:none!important;margin-right:0!important;margin-left:0!important} #navbar-iframe{display:none;height:0;visibility:hidden} span.item-control,a.quickedit{display:none!important} .archive .home-link,.index .home-link,.home-link{display:none!important} *{outline:0;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease} :after,:before{transition:all .0s ease;-webkit-transition:all .0s ease;-moz-transition:all .0s ease;-o-transition:all .0s ease} .status-msg-wrap{margin:0 auto 25px} .status-msg-border{border:1px solid #eee;opacity:.7;border-radius:2px} .status-msg-bg{background-color:#f8f8f8;opacity:1;filter:none} .icon:before,.postags a:before{font-family: FontAwesome;font-weight:400;font-style:normal;line-height:1;padding-left:4px} .feed-links{clear:both;display:none;line-height:2.5em} /* Body */ body{background:#ffffff;font:normal normal 14px Droid Arabic Kufi;color:#4f4f4f;word-wrap:break-word} #outer-wrapper{max-width:100%;margin:25px auto 0;background-color:#FFF;} .row{width:1170px} h1, h2, h3, h4 { margin: 0; position: relative; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; } #content-wrapper{margin:25px auto 5px;overflow:hidden} #main-wrapper{float:right;overflow:hidden;width:67%;word-wrap:break-word} #sidebar-wrapper{float:left;overflow:hidden;width:33%;padding-right:2%;box-sizing:border-box;word-wrap:break-word;padding-bottom:20px} #main-wrapper #main {margin-left:2%;} .post-tag,.featured-meta,#meta-post,.resumo span,.recent-author,.recent-date,.postags,.first-tag,.carousel-tag a,.category-gallery a,.related-tag,.item-text,.cmm-widget li span,.post-meta,.item article,.static_page article,.item-snippet,.comment-content,.FollowByEmail .widget-content:before{font-family: 'Droid Arabic Kufi', serif;'Open Sans', sans-serif} #topnav{width:100%;background-color:#fff;margin:0; border-bottom: 1px solid rgba(0,0,0,0.1); } .tm-head{margin:0 auto;line-height:35px;overflow:hidden;border-right: 1px solid rgba(0,0,0,0.1); border-left: 1px solid rgba(0,0,0,0.1);} .tm-menu{float:right; margin-right: 20px;} #nav1 li{float:right;display:inline-block;height:35px;line-height:33px;margin-left:15px;padding:0} #nav1 li a{ color: #2c2f34; font-size: 13px; font-weight: 400; text-transform: uppercase; font-family: 'Droid Arabic Kufi', serif; sans-serif;} #nav1 li a:hover{color:$(main.color)} .selectnav{display:none;background-color:#333333;padding:2px 5px;box-sizing:border-box;border:0} .social-area{float:left; margin-left: 20px;} .tm-head #social-top{position:relative;display:block;margin-left:0} .tm-head #social-top ul{overflow:hidden} .tm-head #social-top ul li{height:35px;line-height:35px;display:block;float:right;margin-right:5px;padding:0} .tm-head #social-top ul li a{ display: block; float: right; color: #2c2f34; text-decoration: none; font-size: 14px; width: 22px; height: 35px; line-height: 35px; margin-top: 0; text-align: center; padding: 0;} .tm-head #social-top ul li a:before{display:inline-block;font-family: FontAwesome;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .tm-head #social-top ul li a:hover{background-color:$(main.color);color:#fff} #social-top .facebook:before{content:"\f09a"} #social-top .twitter:before{content:"\f099"} #social-top .gplus:before{content:"\f0d5"} #social-top .rss:before{content:"\f09e"} #social-top .youtube:before{content:"\f167"} #social-top .skype:before{content:"\f17e"} #social-top .stumbleupon:before{content:"\f1a4"} #social-top .tumblr:before{content:"\f173"} #social-top .vine:before{content:"\f1ca"} #social-top .stack-overflow:before{content:"\f16c"} #social-top .linkedin:before{content:"\f0e1"} #social-top .dribbble:before{content:"\f17d"} #social-top .soundcloud:before{content:"\f1be"} #social-top .behance:before{content:"\f1b4"} #social-top .digg:before{content:"\f1a6"} #social-top .instagram:before{content:"\f16d"} #social-top .pinterest:before{content:"\f0d2"} #social-top .delicious:before{content:"\f1a5"} #social-top .codepen:before{content:"\f1cb"} #header-blog{height:90px;position:relative;overflow:hidden;padding:20px 0} .header-content{margin:0 auto;overflow:hidden;height:90px} .header-logo{max-width:330px;max-height:68px;margin:18px 0 0;float:right;overflow:hidden} .header-logo img{height:auto;max-height:68px;margin:0;max-width:100%} .Header h1{color:#222222;margin:0;font-size:44px;line-height:1.3em} .header-ads{width:728px;max-width:100%;max-height:90px;float:left;margin:0} #menu{display:none} #main-nav{background-color:#1f2024;position:relative;width:100%;height:60px;font-size:14px;margin:0 auto;} .header-menu{background-color:#1f2024;height:60px;margin:0 auto;position:relative;padding:0} .is-sticky #main-nav{width:100%!important;max-width:100%;top:0;right:0;margin:0;z-index:999999;transition:all .0s ease;-webkit-transition:all .0s ease;-moz-transition:all .0s ease;-o-transition:all .0s ease} .is-sticky{transition:all .0s ease;-webkit-transition:all .0s ease;-moz-transition:all .0s ease;-o-transition:all .0s ease} li.li-home{background-color:$(main.color);float:right;display:inline-block;padding:0!important;height:60px;width:60px;text-align:center; border-bottom: 5px solid $(main.color); margin-bottom: -5px;} li.li-home a{color:#ffffff;font-size:20px;line-height:60px;max-height:60px;padding: 0!important} li.li-home:hover{background-color:$(main.color)} li.li-home:hover a{color:#fff} #main-nav ul li{position:relative;float:right;height:60px;box-sizing:border-box;padding:0;} #main-nav ul li a{float:right;color:#ffffff;padding:0 16px;line-height:60px;text-transform:uppercase;font-weight:400;} #main-nav ul li:hover{background-color:$(main.color);border-color:#222222} #main-nav ul li:hover a{color:#fff} #main-nav ul li.has-children a{padding-left:28px} #main-nav ul li.has-children a:after{content:"\f0d7";font-family: FontAwesome;position:absolute;top:0;left:14px} #main-nav ul li ul{display:none;position:absolute;right:0;top:60px;z-index:100;background-color:#222222;border-top:0px;box-shadow:0 1px 3px rgba(40,35,40,0.05);transition:all .0s ease;-webkit-transition:all .0s ease;-moz-transition:all .0s ease;-o-transition:all .0s ease} #main-nav ul li ul li{height:auto;margin-right:0;display:block;float:none;position:relative;overflow:hidden;line-height:normal;padding:0;border-left:0;border-bottom:1px solid #333333} #main-nav ul li ul li:last-child{border-bottom:0} #main-nav ul li ul li a{min-width:180px;color:#eee;font-size:12px;font-weight:400;text-transform:capitalize;height:38px;line-height:38px;overflow:hidden;box-sizing:border-box;padding:0 16px;margin-top:0;border:0;transition:all .3s ease!important;-webkit-transition:all .3s ease!important;-moz-transition:all .3s ease!important;-o-transition:all .3s ease!important} #main-nav ul li ul li a:after{display:none} #main-nav ul li ul li a:hover {background-color:$(main.color);color:#fff!important;padding-right:20px} .is-sticky #main-nav{animation-name:slideInDown;animation-duration:.5s;animation-fill-mode:both} @keyframes slideInDown { from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible} to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } .header-search{position:relative;float:left} .header-search li{list-style:none} .header-search a.search{background-color:#333333;cursor:pointer;display:block;height:60px;text-align:center;position:relative;left:0;top:0;width:60px;font-size:14px;border-radius:0} .header-search a.search:hover{background-color:$(main.color)} .header-search a.search:before{color:#EEEEEE;content:'\f002';font-family: FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:60px} .header-search a.search:hover:before,.header-search a.search.active:before{color:#fff} .header-search a.search.active{background-color:$(main.color);border-right:0;border-radius:0} .header-search a.search.active form{display:block} .header-search a.search form{display:none;position:absolute;left:60px;top:0;z-index:2} .header-search a.search form input{box-shadow:none;height:60px;padding:0 12px;width:160px;background-color:#333333;color:#EEE;font-family: 'Droid Arabic Kufi', serif;inherit;line-height:60px;margin-top:0;border-radius:0;border:0} #main-nav .header-search li a{cursor:pointer;-webkit-transition:all .3s ease-out 0;-moz-transition:all .3s ease-out 0;transition:all .3s ease-out 0} .ticker .title{ float: right; height: 40px; background-color: #1f2024; font-size: 15px; color: #fff; line-height: 40px; font-weight: 400; overflow: hidden; padding: 0 10px; font-weight: 600; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; font-size: 14px; } div#FollowByEmail1 .widget-content { background: #ffffff; border: 1px solid rgba(0,0,0,0.1); border-radius: 2px; padding: 30px; } .ticker .title .fa{margin-left:10px;transform:rotate(-30deg);-moz-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg)} .ticker .widget-content{height:40px;box-sizing:border-box;overflow:hidden;padding:0 4px;border:1px solid #eee} .ticker .widget-content li{float:right;margin-right:30px;display:inline-block;height:38px;line-height:38px;padding:0} .ticker .widget{height:40px;background-color:#ffffff;max-width:1170px;margin:20px auto;overflow:hidden} .tk-thumb{float:right;margin:4px 0 0 10px} .tk-img{position:relative;display:block;width:35px;height:30px;overflow:hidden} .ticker .post-tag{display:inline-block;background-color:$(main.color);color:#fff;margin-left:10px;font-weight:400;height:18px;line-height:18px;padding:1px 6px;font-size:11px;text-transform:uppercase;position:relative;margin-top:10px;float:right} .ticker .recent-title{font-size:13px;font-weight: 600;display:inline-block;line-height:15px} .ticker .recent-title a{color:#222222} .ticker .recent-title a:hover{color:$(main.color)} .tickercontainer,.tickercontainer .mask,ul.newsticker{-webkit-transition:all 0 linear;-moz-transition:all 0 linear;-o-transition:all 0 linear;transition:all 0 linear;list-style:none;margin:0} .tickercontainer{margin:0;padding:0;overflow:hidden} .tickercontainer .mask{position:relative;overflow:hidden} .newsticker{position:relative;list-style-type:none;margin:0;padding:0} ul.newsticker{-webkit-transition:all 0s linear;-moz-transition: all 0s linear;-o-transition:all 0s linear;transition:all 0s linear;position:relative;list-style-type:none;margin:0;padding:0} .tickeroverlay-right{display:none} .tickeroverlay-left{display:none} .featured{position:relative;margin:0 auto} .featured .widget-content ul{margin:20px 0 0!important;height:auto;overflow:hidden} .featured h2{display:none;display:none} .featured li{width:30%;height:197px;position:relative;float:left;padding:0;box-sizing:border-box;overflow:hidden} .featured li:nth-child(4){margin-top:6px} .featured li .featured-inner{position:relative;overflow:hidden} .featured .rcp-thumb{width:100%;height:202px;position:relative;display:block;overflow:hidden} .featured .rcp-title{font-size:16px;position:relative;margin-bottom:10px} .featured .rcp-thumb:after{content:no-close-quote;position:absolute;right:0;bottom:0;width:100%;height:151px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI3QRfbE-Hyc-GEGdsaPZgAwnikr6c1FK8aXdhKw2r9Pf3YZ8VITgqEh59xvjzVCdF-ZJlcLNJYnMTqc9kUB4qw6BINaygC80DDrea7UR7dK0om5KiDwIGiCh7gLXmI8XPYypiQikQPaM/s1600-r/metabg.png) repeat-x;opacity:.8} .featured .post-panel{position:absolute;right:0;bottom:0;width:100%;padding:15px;z-index:2;box-sizing:border-box} .featured li .featured-inner .featured-meta{font-size:12px;color:#ccc;font-weight:400} .featured li:first-child,.featured li:nth-child(2){width:35%;height:400px;float:right;padding-left:6px} .featured li:first-child .post-panel,.featured li:nth-child(2) .post-panel{padding:20px} .featured li:first-child .rcp-thumb,.featured li:nth-child(2) .rcp-thumb{height:400px} .featured li:first-child .rcp-title,.featured li:nth-child(2) .rcp-title{font-size:22px} .featured .rcp-title a{color:#FFF;position:relative; line-height: 1.2; font-weight: 600; font-family: 'Droid Arabic Kufi', serif; 'Poppins';} .featured .post-tag{position:absolute;top:15px;right:15px;background-color:$(main.color);color:#fff;text-transform:uppercase;font-weight:400;z-index:5;height:20px;line-height:20px;padding:2px 8px;font-size:11px} .featured{position:relative} .featured li:nth-child(2) .post-tag{background-color:#ffa812} .featured li:nth-child(3) .post-tag{background-color:#f56954} .featured li:nth-child(4) .post-tag{background-color:#B565BE} .featured li:nth-child(5) .post-tag{background-color:#FFC000} .featured-overlay{position:absolute;right:0;top:0;z-index:1;width:100%;height:100%;background-color:rgba(40,35,40,0.05)} .featured li:hover .featured-overlay{background-color:rgba(40,35,40,0.30)} .recent-boxes{overflow:hidden;position:relative} .box-sec{margin-left:2%} .box-sec h2{display:none} .recent-boxes .box-sec .widget:last-child{margin-bottom:20px} a.more-link,a.posts-link{ background-color: #1f2024; float: left; height: 30px; line-height: 30px; padding: 0 10px; margin: 0; font-size: 10px; color: #fff; font-weight: 400; text-transform: uppercase;} a.more-link:hover,a.posts-link:hover{background-color:$(main.color);color:#fff} .box-title,.posts-title{height:30px;line-height:30px;background-color:#f9f9f9;position:relative;margin-bottom:15px} .box-title h2.title,.posts-title h2{ position: relative; float: right; height: 27px; line-height: 27px; padding: 0; margin: 0; text-transform: uppercase; background-color: $(main.color)!important; display: inline-block; padding: 2px 16px; margin: 0; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; font-size: 14px; font-weight: 600;} .box-title h2.title a,.posts-title h2 a{color:#fff} .box-title h2.title:before,.posts-title h2:before{right: 100%; top: 0; height: 0; width: 7px; position: absolute; content: " "; pointer-events: none; margin-right: 0; margin-top: 0; border-bottom: 30px solid #fff; border-left: 20px solid transparent;} .box-title h2.title:after,.posts-title h2:after{right: 100%; top: 0; height: 0; width: 0; position: absolute; content: " "; pointer-events: none; margin-right: 0; margin-top: 0; border-bottom:31px solid $(main.color); border-left: 20px solid transparent;} .recent-boxes .widget{margin-bottom:30px} .boxes .bx-first .box-thumbnail{position:relative;width:100%;height:200px} .boxes .bf-thumb{width:100%;height:200px;position:relative;display:block} .box-thumbnail{overflow:hidden} .boxes ul li .box-thumbnail{width:110px;height:75px;display:table-cell;vertical-align:middle} .boxes ul li .box-image{width:110px;height:75px;position:relative;display:block} .bx-first .box-thumbnail .first-tag{position:absolute;top:15px;right:15px;z-index:2} .bx-first .box-thumbnail .first-tag a{background:$(main.color);color:#fff;text-transform:uppercase;height:20px;line-height:20px;display:inline-block;padding:0 6px;font-size:11px;font-weight:400;border-radius:2px} .boxes ul li .recent-content{display:table-cell;padding-right:10px;padding-left:5px} .boxes .recent-title a:hover{color:$(main.color)} .recent-boxes .feat,.recent-boxes .videos,.recent-boxes .gallery{width:100%;float:right} .recent-boxes .carousel{position:relative;margin:0 0 30px!important;padding:0;overflow:visible;height:auto;display:block;clear:both} .feat .bx-first .box-thumbnail,.feat .bf-thumb{height:363px} .feat .bx-first{width:50%;position:relative;float:right;padding-left:1.4%;box-sizing:border-box;overflow:hidden;} .feat .bx-item{width:100%;position:relative;overflow:hidden} .feat .bx-first .bf-content,.column .bx-first .bf-content{position:absolute;bottom:0;width:100%;z-index:2;padding:15px;box-sizing:border-box} .feat .bx-first .bf-content .recent-title a,.column .bx-first .bf-content .recent-title a{display: block; color: #fff; margin-bottom: 5px; font-size: 20px; line-height: 1.4; font-weight: 600; font-family: 'Droid Arabic Kufi', serif; 'Poppins';} .feat li .recent-content .recent-title{overflow:hidden;line-height:0;margin:0 0 2px;padding:0} .feat li .recent-content .recent-title a{ color: #222222; line-height: 1.4; font-weight: 600; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; font-size: 14px; } .boxes ul li .recent-content .recent-title a:hover{color:$(main.color)} .bx-first .bf-thumb:after{content:no-close-quote;position:absolute;right:0;bottom:0;width:100%;height:151px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI3QRfbE-Hyc-GEGdsaPZgAwnikr6c1FK8aXdhKw2r9Pf3YZ8VITgqEh59xvjzVCdF-ZJlcLNJYnMTqc9kUB4qw6BINaygC80DDrea7UR7dK0om5KiDwIGiCh7gLXmI8XPYypiQikQPaM/s1600-r/metabg.png) repeat-x;opacity:.8} .bf-content .recent-author,.bf-content .recent-date{color:#ccc} .feat ul li{display:block;width:48.6%;float:left;padding-bottom:10px;margin-bottom:10px;padding-top:0;} .feat ul li:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0} .recent-boxes .column{width:48.6%; } .recent-boxes .columnright{float:right} .recent-boxes .columnleft{float:left} .column .bx-first{width:100%;position:relative;box-sizing:border-box;overflow:hidden;margin-bottom:10px} .column ul li{display:block;margin-top:10px;padding:10px 0 0;} .column ul li .recent-content .recent-title{overflow:hidden;line-height:0;margin:0 0 2px;padding:0} .column ul li .recent-content .recent-title a{color:#222222; display: block; margin-bottom: 3px; line-height: 1.4; font-weight: 600; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; font-size: 14px; } .img-overlay{position:absolute;right:0;top:0;z-index:1;width:100%;height:100%;background-color:rgba(40,35,40,0.05)} .tk-thumb a:hover .img-overlay,.boxes ul li .box-image:hover .img-overlay,.boxes .bx-first:hover .img-overlay,.custom-widget .rcthumb:hover .img-overlay,.PopularPosts .item-thumbnail:hover a .img-overlay,.map-thumb:hover .img-overlay{background-color:rgba(40,35,40,0.3)} .gallery li:hover .recent-content,.videos li:hover .recent-content{padding-bottom:15px; margin-bottom: 0px;} .gallery ul li {width:33%;height:165px;overflow:hidden;float:right;margin-left:.33%;display:inline-block;position:relative;padding:0;margin-bottom:2px} .gallery ul li:nth-child(4),.gallery ul li:nth-child(5),.gallery ul li:nth-child(6){margin-bottom:0px} .gallery ul li .box-image{width:100%;height:165px;display:block} .gallery ul li .box-image:after{content:no-close-quote;position:absolute;right:0;bottom:0;width:100%;height:150px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI3QRfbE-Hyc-GEGdsaPZgAwnikr6c1FK8aXdhKw2r9Pf3YZ8VITgqEh59xvjzVCdF-ZJlcLNJYnMTqc9kUB4qw6BINaygC80DDrea7UR7dK0om5KiDwIGiCh7gLXmI8XPYypiQikQPaM/s1600-r/metabg.png) repeat-x;opacity:.8} .gallery .recent-content{position:absolute;bottom:0;width:100%;z-index:2;padding:10px;text-align:right;box-sizing:border-box; margin-bottom: -25px;} .category-gallery {position:absolute;top:10px;left:10px;z-index:3;overflow:hidden;} .category-gallery a:before{display:block;background-color:$(main.color);opacity: .5;color:#fff;height:18px;line-height:18px;padding:0 5px;font-size:10px;font-weight:400;text-transform:uppercase;border-radius:2px;transition: all .3s ease;} .gallery .recent-title a,.videos .recent-title a{display: block; color: #FFF; text-shadow: 0 0.5px 0.5px rgba(34,34,34,0.3); margin-bottom: 3px; line-height: 1.4; font-weight: 600; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; font-size: 15px; } .gallery .recent-author,.videos .recent-author{color:#ccc} .videos ul{position:relative;overflow:hidden;} .videos ul li{width:33.33%;float:right;box-sizing:border-box;margin:0;padding-left:5px;} .videos ul li:last-child{padding-left:0px} .videos ul li .videos-item{width:100%;position:relative;display:block;overflow:hidden;padding:0} .videos .box-image{width: 100%;height: 170px;display: block;position:relative;margin:0;padding:0} .videos .box-image:before{content:"\f04b";font-family: FontAwesome;line-height:25px;width:25px;height:25px;font-size:12px;color:#fff;text-align:center;background-color:RGBA(0,0,0,0.4);font-weight:400;position:absolute;top:8px;opacity:.5;left:7px;z-index:2;padding:0;border:2px solid #fff;border-radius:50%;transition:all .3s ease} .videos li:hover .box-image:before,.gallery li:hover .category-gallery a:before{opacity:1} .videos .box-image:after{content:no-close-quote;position:absolute;right:0;bottom:0;width:100%;height:150px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI3QRfbE-Hyc-GEGdsaPZgAwnikr6c1FK8aXdhKw2r9Pf3YZ8VITgqEh59xvjzVCdF-ZJlcLNJYnMTqc9kUB4qw6BINaygC80DDrea7UR7dK0om5KiDwIGiCh7gLXmI8XPYypiQikQPaM/s1600-r/metabg.png) repeat-x;opacity:.8} .videos .recent-content{position:absolute;bottom:0;width:100%;z-index:2;padding:10px;text-align:right;box-sizing:border-box} .gallery-overlay,.videos-overlay{position:absolute;right:0;top:0;z-index:1;width:100%;height:100%;background-color:rgba(40,35,40,0.0)} .gallery li:hover .gallery-overlay,.videos li:hover .videos-overlay{background:rgba(40,35,40,0.3)} .owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} @-webkit-keyframes fadeOut { 0%{opacity:1} 100%{opacity:0} } @keyframes fadeOut { 0%{opacity:1} 100%{opacity:0} } .owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out} .owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)} .owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loaded{display:block} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel .owl-refresh .owl-item{display:none} .owl-carousel .owl-item{position:relative;min-height:1px;float:right;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d} .owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto} .owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:left} .no-js .owl-carousel{display:block} .owl-prev,.owl-next{top:0;color:#fff;background-color:rgba(0,0,0,0.75);font-family: FontAwesome;position:absolute;z-index:1;display:block;padding:0;cursor:pointer;padding:0;text-align:center;overflow:hidden} .owl-prev{right:0} .owl-prev:before{content:"\f104"} .owl-next{left:0} .owl-next:before{content:"\f105"} .owl-prev:hover,.owl-next:hover{background-color:#000} .owl-dots{position:absolute;bottom:1px;width:33.33%;right:0;left:0;margin:auto;text-align:center} .owl-dot{background:#fff;height:3px;width:10px;display:inline-block;margin:0 5px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;opacity:.6} .owl-dot.active,.owl-dot:hover{background:$(main.color)} .main-carousel{height: 250px;overflow:hidden} .main-carousel .owl-item{width:100%;} .carousel-item{height: 250px;width:100%;position:relative;padding:0!important;display:block;overflow:hidden} .carousel-item .box-image{height:250px;position:relative;width:100%;display:block} .carousel-item .box-image:after{content:no-close-quote;position:absolute;right:0;bottom:0;width:100%;height:151px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI3QRfbE-Hyc-GEGdsaPZgAwnikr6c1FK8aXdhKw2r9Pf3YZ8VITgqEh59xvjzVCdF-ZJlcLNJYnMTqc9kUB4qw6BINaygC80DDrea7UR7dK0om5KiDwIGiCh7gLXmI8XPYypiQikQPaM/s1600-r/metabg.png) repeat-x;opacity:.8} .carousel-content{position:absolute;bottom:0;width:100%;z-index:2;box-sizing:border-box} .carousel-item .carousel-content{padding:15px;text-align:right} .carousel-item .recent-title{margin:10px 0 5px;font-size:19px;font-weight:400} .carousel-item .recent-title a{ color: #fff; display: block; line-height: 1.4em; text-shadow: 0 0.5px 0.5px rgba(34,34,34,0.3); line-height: 1.4; font-weight: 600; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; font-size: 18px; } .carousel-item .recent-author,.carousel-item .recent-date{color:#ccc} .carousel-tag a{display:inline-block;background-color:$(main.color);color:#fff;height:20px;line-height:20px;padding:0 6px;font-size:11px;text-transform:uppercase;border-radius:2px} .carousel-overlay{position:absolute;right:0;top:0;z-index:1;width:100%;height:100%;background-color:rgba(40,35,40,0.05)} .main-carousel .owl-item:hover .carousel-overlay {background-color:rgba(40,35,40,0.30)} .main-carousel .owl-prev,.main-carousel .owl-next{margin-top:0px;width:40px;height:40px;font-size:25px;line-height:40px} .main-carousel .owl-prev{right:-50px} .main-carousel:hover .owl-prev{right:0} .main-carousel .owl-next{left:-50px} .main-carousel:hover .owl-next{left:0} .main-carousel .owl-dots{bottom:10px} .recent-author,.recent-date{color:#bdbdbd;font-size:12px;font-weight:400} .recent-date:before,.featured-date:before{content:'\f133';font-family: FontAwesome;color:#bbb;margin-left:5px} .recent-author::before,.featured-author::before{content:'\f007';font-family: FontAwesome;color:#bbb;margin-left:5px} .recent-author,.featured-author{margin-left:10px} .custom-widget li{overflow:hidden;border-bottom:1px solid #F5F5F5;padding:10px 0} .custom-widget li:first-child{padding-top:0} .custom-widget li:last-child{border-bottom:none} .custom-widget .rcthumb{position:relative;float:right;margin:0!important;width:110px;height:75px;overflow:hidden;display:block;vertical-align:middle} .custom-widget .post-panel{padding-right:10px;display:table-cell} .custom-widget .rcp-title{overflow:hidden;line-height:0;margin:0 0 2px;padding:0} .custom-widget .rcp-title a{color:#222222;line-height: 1.4; font-weight: 600; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; font-size: 14px; } .custom-widget .rcp-title a:hover{color:$(main.color)} .cmm-widget li .cmm-avatar{position:relative;overflow:hidden;padding:0;width:55px;height:55px;float:right;margin:0 0 0 10px} .cmm-widget li{background:none!important;clear:both;list-style:none;word-break:break-all;display:block;border-top:1px solid #F5F5F5;overflow:hidden;margin:0;padding:10px 0} .cmm-widget li:first-child{padding-top:0;border-top:0} .cmm-widget li:last-child{padding-bottom:0} .cmm-widget li span{margin-top:4px;color:#bdbdbd;display:block;line-height:1.2em;text-transform:lowercase;font-size:12px;font-style:italic;font-weight:400} .cmm-img{width:55px;height:55px;float:right;margin:0 0 0 10px} .cmm-widget a{color:#222222;position:relative;font-size:13px;text-transform:capitalize;display:block;overflow:hidden;font-weight:400} .cmm-widget a:hover{color:$(main.color)} .cmm-widget{list-style:none;padding:0} .home-ad .widget{width:728px;max-height:90px;padding:0 0 0 2%;margin:0px auto 20px!important;max-width:100%;box-sizing:border-box} #ads-content h2,#ads-home h2,#post-ads-footer h2{display:none!important} .posts-title{margin-left:2%} .post{display:block;overflow:hidden;word-wrap:break-word} .index .post,.archive .post{margin:0 0 15px 0;padding-bottom:15px;border-bottom:1px solid #F5F5F5} .index div.post-outer:last-child .post,.archive div.post-outer:last-child .post{border-bottom:0;padding-bottom:5px} .block-image{position:relative;float:right;width:300px;height:190px;margin-left:20px} .block-image .thumb{width:100%;height:190px;position:relative;display:block;z-index:2;overflow:hidden} .block-image .thumb a{width:100%;height:190px;display:block} .thumb-overlay{position:absolute;right:0;top:0;z-index:2;width:100%;height:100%;background-color:rgba(40,35,40,0.05)} .block-image:hover .thumb a .thumb-overlay{background-color:rgba(40,35,40,0.30)} .retitle h2{margin:8px 0;display:block} .post h2 a,.post h2 a:visited,.post h2 strong{color:#222222;font-size:23px;line-height:1.4em;font-weight:600;text-decoration:none font-weight: 600; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; font-size: 20px; } .post h2 a:hover{color:$(main.color)} .widget iframe,.widget img{max-width:100%} .index .post-footer,.archive .post-footer{display:none!important} .index .post h2,.archive .post h2{margin:0 0 10px;padding:0 0 0 10px;overflow:hidden} .item .post,.static_page .post{padding:0; background: #ffffff; border: 1px solid rgba(0,0,0,0.1); border-radius: 2px; padding: 30px;} .date-header{display:block;overflow:hidden;font-weight:400;margin:0!important;padding:0} #meta-post{font-size:13px;color:#bdbdbd;line-height:1.4em} #meta-post a{color:#bdbdbd} #meta-post a span:before{content:'\f007';font-family: FontAwesome;color:#bbb;margin-left:5px} #meta-post .timestamp-link{margin-right:10px} #meta-post .timestamp-link abbr:before{content:'\f133';font-family: FontAwesome;color:#bbb;margin-left:5px} .resumo{margin-top:8px;font-size:13px;line-height:1.5em;color:#888} .resumo span{display:block;margin-bottom:8px;padding-left:10px} a.read-more{display:inline-block;margin-bottom:0;font-weight:400;text-align:right;vertical-align:middle;cursor:pointer;background-image:none;white-space:nowrap;line-height:25px;height:25px;color:#fff;background-color:$(main.color);border-radius:2px;font-size:16px;padding:0 10px;margin-top:3px;outline:none;border:none;overflow:hidden} a.read-more:after{content:"\f100";font-family: FontAwesome;font-size:13px;margin-right:5px} .post-meta{color:#bdbdbd;display:block;font-size:13px;font-weight:400;line-height:21px;margin:0;padding:0} .hreview{display:none!important} .postags{position:absolute;top:15px;right:15px;z-index:3} .postags a{display:inline-block;background:$(main.color);color:#fff;margin:0;height:20px;line-height:20px;padding:0 6px;font-size:11px;text-transform:uppercase;border-radius:2px;display:none} .postags a:first-child{display:inline-block} .breadcrumbs a { color: #999999; } .breadcrumbs { color: #bdbdbd; font-size: 12px; font-weight: 400; font-family: 'Droid Arabic Kufi', serif; 'Open Sans', sans-serif; } .item article,.static_page article{margin-top:15px} .item .post-head,.static_page .post-head{margin:0 0 5px;position:relative;} .item .post-title,.static_page .post-title{ color: #222222; position: relative; display: inline-block; top: 20px; margin-bottom: 20px; word-spacing: -0.04em; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; font-size: 25px; font-weight: 700; line-height: 1.3;} .item .post-body,.static_page .post-body{width:100%;color:#5E5E5E;font-size:15px;line-height:1.5em;overflow:hidden} .item .post-outer{padding:0} .item .post-body img{max-width:100%} .post-meta a{color:#bbb} .post-timestamp{margin-right:0} .label-head{margin-right:0} .label-head a{padding-right:2px} .label-head a:hover{color:$(main.color)} .post-meta .g-profile span:before{content:'\f007';font-family: FontAwesome;color:#bbb;margin-left:5px} .post-meta .post-timestamp{margin-right:10px} .post-meta .post-timestamp .timestamp-link abbr:before{content:'\f133';font-family: FontAwesome;color:#bbb;margin-left:5px} .post-meta .label-head{margin-right:10px} .post-meta .label-head:before{content:'\f07c';font-family: FontAwesome;color:#bbb;margin-left:0} .main .widget{margin:0} .main .Blog{border-bottom-width:0} .share-box{height:36px;position:relative;line-height:0;margin:20px 0;padding:0;border-bottom:2px solid #eee} .share-title{height:36px;color:#222222;float:right;font-size:13px;font-weight:700;position:relative;line-height:36px;text-transform:uppercase;display:inline-block;padding:0;border-bottom:2px solid #222222} .share-art{float:left;padding:0;padding-top:0;font-size:13px;font-weight:400;text-transform:capitalize;text-align:left} .share-art a{height:25px;line-height:26px;color:#fff;padding:0 8px;margin-right:4px;border-radius:2px;display:inline-block;margin-left:0} .share-art a:hover{color:#fff} .share-art .fac-art i{padding-left:2px} .share-art .fac-art{background:#3b5998} .share-art .fac-art:hover{background:rgba(49,77,145,0.7)} .share-art .twi-art{background:#00acee} .share-art .twi-art:hover{background:rgba(7,190,237,0.7)} .share-art .goo-art{background:#db4a39} .share-art .goo-art:hover{background:rgba(221,75,56,0.7)} .share-art .pin-art{background:#CA2127} .share-art .pin-art:hover{background:rgba(202,33,39,0.7)} .share-art .lin-art{background:#0077B5} .share-art .lin-art:hover{background:rgba(0,119,181,0.7)} #ads-footer{display:none} .ad-post-footer .widget-content{width:728px;max-width:100%;margin:0 auto 17px!important;max-height:90px} #related-posts{margin-bottom:20px} .related-wrap{overflow:hidden;position:relative} .related-wrap li{width:33.33%;height:160px;padding-left:5px;position:relative;overflow:hidden;float:right;display:inline-block;box-sizing:border-box;list-style:none} .related-wrap li:nth-child(3n+3){padding-left:0px;} .related-wrap li:nth-child(4),.related-wrap li:nth-child(5),.related-wrap li:nth-child(6){margin-top:10px} .related-wrap li .related-img{width:100%;height:160px;position:relative;display:block} .related-wrap li .related-img:after{content:no-close-quote;position:absolute;right:0;bottom:0;width:100%;height:150px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI3QRfbE-Hyc-GEGdsaPZgAwnikr6c1FK8aXdhKw2r9Pf3YZ8VITgqEh59xvjzVCdF-ZJlcLNJYnMTqc9kUB4qw6BINaygC80DDrea7UR7dK0om5KiDwIGiCh7gLXmI8XPYypiQikQPaM/s1600-r/metabg.png) repeat-x;opacity:.8} .related-overlay{position:absolute;right:0;top:0;z-index:1;width:100%;height:100%;background-color:rgba(40,35,40,0.05)} .related-wrap li:hover .related-overlay{background-color:rgba(40,35,40,0.30)} .related-content{position:absolute;bottom:0;padding:10px;width:100%;box-sizing:border-box;z-index:2} .related-content .related-tag a{display:inline-block;background-color:$(main.color);color:#fff;height:18px;line-height:18px;padding:0 5px;margin:0;font-size:10px;font-weight:400;text-transform:uppercase;border-radius:2px} .related-title a{ padding: 10px 0; color: #fff; display: block; text-shadow: 0 0.5px 0.5px rgba(34,34,34,0.3); line-height: 1.4; font-weight: 600; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; font-size: 14px; } .related-wrap .owl-dots{bottom:0} .ticker .post-tag:hover,.featured .post-tag:hover,.carousel-tag a:hover,.bx-first .box-thumbnail .first-tag a:hover,.category-gallery a:hover:before,.post-readmore a:hover,.postags a:hover,a.read-more:hover,.related-tag a:hover{background:#222222} .post-nav li{padding:0;display:inline-block;width:50%} .post-nav li strong{display:block;padding:0 0 5px;font-weight:700;text-transform:uppercase;font-size:13px} .post-nav li strong i{transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} ul.post-nav{background-color:#FFF;border-bottom:2px solid #EEE;border-top:2px solid #EEE;display:block;width:100%;overflow:hidden} .post-nav li a{color:#222222;line-height:1.3em;display:block;padding:15px 0;transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} .post-nav li:hover a{opacity:.6} ul.post-nav span{font-size:13px;font-weight:400} .post-nav .previous{float:right;min-height:80px;border-left:1px solid #eee;box-sizing:border-box;padding-left:10px} .post-nav .next{text-align:left;border-right:1px solid #eee;margin-right:-1px;padding-right:10px;box-sizing:border-box} #blog-pager{clear:both;text-align:center;margin:0} .index #blog-pager{display:block} .index #blog-pager,.archive #blog-pager{padding:0 0 20px;text-align:right} #blog-pager-newer-link a,#blog-pager-older-link a{display:block;float:right;margin-left:0;padding:0 12px;border:0;text-transform:uppercase;line-height:32px;font-weight:400;background-color:#222222;color:#fff;font-size:12px;border-radius:2px} #blog-pager-newer-link a:hover,#blog-pager-older-link a:hover{background-color:$(main.color)} .showpageNum a,.showpage a,.showpagePoint{display:block;float:right;margin-left:6px;padding:0 12px;background:#222222;color:#fff;border:0;text-transform:uppercase;line-height:32px;font-weight:400;border-radius:2px} .showpageNum a:hover,.showpage a:hover{background-color:$(main.color)} .showpageNum a i,.showpage a i{transition:all .0s ease;-webkit-transition:all .0s ease;-moz-transition:all .0s ease;-o-transition:all .0s ease} .showpagePoint{background-color:$(main.color);color:#fff} .showpageOf{display:none!important} .blogger-tab{display:block} .comments{clear:both;margin-top:10px;margin-bottom:0;color:#222222} .comments h4{font-weight:400} .comments .comments-content{padding:10px 0} .comments .comments-content .comment{margin-bottom:0;padding-bottom:8px} .comments .comments-content .comment:first-child{padding-top:0} .facebook-tab,.fb_iframe_widget_fluid span,.fb_iframe_widget iframe{width:100%!important} .comments .item-control{position:static} .comments .avatar-image-container{float:right} .comments .avatar-image-container,.comments .avatar-image-container img{height:35px;max-height:35px;width:35px;max-width:35px;border-radius:2px} .comments .comment-block{padding:10px;box-shadow:none;border:1px solid #eee;border-radius:2px} .comments .comment-block,.comments .comments-content .comment-replies{margin-right:47px;margin-top:0} .comments .comments-content .inline-thread{padding:0} .comments .comments-content .comment-header{font-size:14px;border-bottom:1px solid #eee;padding:0 0 3px} .comments .comments-content .user{font-style:normal;font-weight:400} .comments .comments-content .icon.blog-author{font-weight:400} .comments .comments-content .comment-content{color:#5e5e5e;text-align:right;font-size:14px;line-height:1.4em} .comments .comment .comment-actions a{margin-left:5px;padding:2px 5px;color:#222222;font-weight:400;background-color:#f5f5f5;font-size:10px} .comments .comment .comment-actions a:hover{color:#fff;background-color:$(main.color);text-decoration:none} .comments .comments-content .datetime{color:#999;margin-right:0;float:left;font-size:11px} .comments .comments-content .comment-header a{color:inherit} .comments .comments-content .comment-header a:hover{color:$(main.color)} .comments .comments-content .icon.blog-author:before{content:"\f007";font-size:12px;font-family: FontAwesome} .comments .thread-toggle{margin-bottom:4px} .comments .comments-content .comment-thread{margin:4px 0} .comments .continue a{padding:0;padding-top:10px;padding-right:47px;font-weight:400} .comments .comments-content .loadmore.loaded{margin:0;padding:0} .comments .comment-replybox-thread{margin:0} iframe.blogger-iframe-colorize,iframe.blogger-comment-from-post{height:283px!important} .comments-tabs.simpleTab .tab-content{background-color:transparent;padding:0;margin-top:0px} .comments-tabs.simpleTab .tab-content .tab-blogger{margin-top:15px} .comments-tabs.simpleTab{border:0;margin:20px 0;padding:0} .comments-tabs-header{height:32px;background-color:#222222;position:relative;line-height:32px;margin:0;padding:0} .comments-tabs-header h3{position:relative;display:block;color:#eee;float:right;height:32px;font-size:13px;font-weight:700;line-height:32px;text-transform:uppercase} .comments-tabs-header h3:before{content:"\f086";width:32px;height:32px;float:right;background-color:$(main.color);font-family: FontAwesome;color:#fff;font-weight:400;text-align:center;margin-left:10px} .comments-tabs.simpleTab .tab-wrapper li a{height:32px;background-color:#333333;color:#eee;font-size:12px;font-weight:400;text-transform:uppercase;line-height:32px;margin:0;padding:0 10px} .comments-tabs.simpleTab .tab-wrapper li a.activeTab{background-color:$(main.color)} .comments-tabs.simpleTab .tab-wrapper{float:left;text-align:left} .comments-tabs.simpleTab .tab-wrapper li{margin-right:0} .simpleTab .tab-wrapper li{display:inline-block;margin:0;padding:0} .simpleTab .tab-wrapper li a{background-color:#333333;color:#FFF;padding:10px 25px;display:block} .simpleTab .tab-wrapper li:before{content:'';display:none} .simpleTab{margin:10px 0} .simpleTab .tab-content{padding:15px;background-color:#f8f8f8} .simpleTab .tab-wrapper li a.activeTab{background-color:$(main.color);color:#fff} .simpleTab *{transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} .simpleTab.side .tab-wrapper{float:right;width:30%;margin:0!important;padding:0!important;transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} .simpleTab .tab-wrapper{padding:0!important;margin:0!important} .simpleTab.side .tab-content{float:right;width:70%;box-sizing:border-box;transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} .simpleTab.side .tab-wrapper li{width:100%;display:block;text-align:center} .simpleTab.side .tab-wrapper li a{padding:15px 0} .simpleTab.side{overflow:hidden} .post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin-bottom:15px} blockquote{background: #fcfcfc;border-right:3px solid $(main.color);margin-right:0;padding:10px 15px} blockquote:before{content:'\f10d';display:inline-block;font-family: FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;color:#999} blockquote:after{content:'\f10e';display:inline-block;font-family: FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;color:#999} .firstcharacter{float:right;color:$(main.color);font-family: 'Droid Arabic Kufi', serif;Georgia;font-size:75px;line-height:60px;padding-top:4px;padding-left:8px;padding-right:3px;} .widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400} .widget .post-body li{margin:5px 0;padding:0;line-height:1.5} .post-body ul li:before{content:"\f105";margin-left:5px;font-family: FontAwesome} #sidebar-wrapper .widget{ margin-bottom: 20px; overflow: hidden; background: #ffffff; } .sidebar h2, .sidebar2 h2, .tab h2 { color: #666; text-transform: uppercase; margin:0 0 0 0; padding: 0; position: relative; margin-bottom: 15px; background: #f9f9f9; position: relative; height:30px; } .sidebar h2 span, .sidebar2 h2 span { color: #fff; position: relative; background-color: $(main.color)!important; display: inline-block; padding: 0px 16px; margin: 0; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; font-size: 14px; font-weight: 600; line-height: 31px; height: 30px; } #sidebar-wrapper h2 span:before { right: 100%; top: 0; height: 0; width: 7px; position: absolute; content: " "; pointer-events: none; margin-right: 0; margin-top: 0; border-bottom: 30px solid #fff; border-left: 20px solid transparent; } #sidebar-wrapper h2 span:after { right: 100%; top: 0; height: 0; width: 0; position: absolute; content: " "; pointer-events: none; margin-right: 0; margin-top: 0; border-bottom: 30px solid $(main.color); border-left: 20px solid transparent; } .sidebar ul{list-style:none} .sidebar .widget-content{margin:0} .social-counter{margin:0;padding:0;overflow:hidden} .social-counter ul{margin:0;padding:0} .social-counter ul li{width:43%;float:right;text-align:right;margin:0 0 5px;padding:0 0 5px;position:relative; position: relative; border: 1px solid #f5f5f5; padding: 10px;} .social-counter ul li:nth-child(2),.social-counter ul li:nth-child(4),.social-counter ul li:nth-child(6),.social-counter ul li:nth-child(8){float:left} .social-counter ul li a{margin:0;padding:0} .item-icon{float:right;position:relative;text-align:center;vertical-align:middle;color:#fff;margin:0;display:inline-block;width:36px;height:36px;line-height:36px;font-size:20px;border-radius:2px} .hide-count{display:none} .item-count{display:inline-block;color:#333;font-weight:700;font-size:14px;line-height:36px;float:right;padding-right:10px} .item-text{float:left;display:inline-block;color:#666666;font-size:12px;line-height:36px;font-weight:400} .item-social.facebook .item-icon{background-color:#5271b3} .item-social.twitter .item-icon{background-color:#49aff8} .item-social.gplus .item-icon{background-color:#cb2027} .item-social.rss .item-icon{background-color:#FFC200} .item-social.youtube .item-icon{background-color:#eb1a21} .item-social.dribbble .item-icon{background-color:#ea4c89} .item-social.instagram .item-icon{background-color:#4E729A} .item-social.pinterest .item-icon{background-color:#cb2027} .item-social.facebook .item-icon:before{content:"\f09a"} .item-social.twitter .item-icon:before{content:"\f099"} .item-social.gplus .item-icon:before{content:"\f0d5"} .item-social.rss .item-icon:before{content:"\f09e"} .item-social.youtube .item-icon:before{content:"\f16a"} .item-social.instagram .item-icon:before{content:"\f16d"} .item-social.dribbble .item-icon:before{content:"\f17d"} .item-social.pinterest .item-icon:before{content:"\f0d2"} .social-counter ul li:hover .item-icon{background-color:#222222} .social-counter ul li:hover .item-text{color:$(main.color)} .menu-tab li a,.sidetabs .section {transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease;-ms-transition:all 0s ease} .menu-tab{overflow:hidden;clear:both;padding:0;margin:0 0 10px} .sidetabs .widget h2{display:none} .menu-tab li{width:50%;float:right;display:inline-block;padding:0} .menu-tab li a{height:32px;text-align:center;padding:0;font-weight:700;display:block;color:#EEE;background-color:#222222;font-size:15px;line-height:36px;text-transform:uppercase} .menu-tab li.active a{color:#FFF;background-color:$(main.color)} .menu-tab li{display:none} .hide-tab{display:inline-block!important} .list-label-widget-content li{display:block;padding:8px 0;border-bottom:1px solid #F5F5F5;position:relative} .list-label-widget-content li:first-child{padding:0 0 8px} .list-label-widget-content li:last-child{padding-bottom:0;border-bottom:0} .list-label-widget-content li a:before{content:'\203a';position:absolute;right:0px;top:2px;font-size:22px;color:#222222} .list-label-widget-content li:first-child a:before{top:-7px} .list-label-widget-content li a{color:#222222;font-size:14px;padding-right: 15px;font-weight:400;text-transform:uppercase} .list-label-widget-content li a:hover{color:$(main.color)} .list-label-widget-content li span:last-child{color:#999;font-size:11px;font-weight:700;position:absolute;top:8px;left:0} .list-label-widget-content li:first-child span:last-child{top:2px} .cloud-label-widget-content{text-align:right} .cloud-label-widget-content .label-count{background:$(main.color);color:#fff!important;margin-right:-3px;padding-left:3px;white-space:nowrap;border-radius: 2px;padding: 1px 4px !important;font-size: 12px !important;margin-left: 5px;} .cloud-label-widget-content .label-size{background:#f5f5f5;display:block;float:right;font-size:11px;margin:0 0 5px 5px} .cloud-label-widget-content .label-size a,.cloud-label-widget-content .label-size span{height: 18px !important;color:#222222;display:inline-block;font-size:14px;font-weight:500!important;padding:6px 8px} .cloud-label-widget-content .label-size a{padding:6px 10px} .cloud-label-widget-content .label-size a:hover{color:#fff!important} .cloud-label-widget-content .label-size,.cloud-label-widget-content .label-count{height:30px!important;line-height:19px!important;border-radius:2px} .cloud-label-widget-content .label-size:hover{background:$(main.color);color:#fff!important} .cloud-label-widget-content .label-size:hover a{color:#fff!important} .cloud-label-widget-content .label-size:hover span{background:#222222;color:#fff!important;cursor:pointer} .cloud-label-widget-content .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;opacity:10} .label-size-1,.label-size-2{opacity:100} .FollowByEmail td{width:100%;float:right;box-sizing:border-box} .FollowByEmail .follow-by-email-inner .follow-by-email-submit{margin-right:0;width:100%;border-radius:0;height:30px;font-size:11px;color:#fff;background-color:$(main.color);font-family: 'Droid Arabic Kufi', serif; inherit;text-transform:uppercase;} .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background-color:#222222;} .FollowByEmail .follow-by-email-inner .follow-by-email-address{padding-right:10px;height:30px;border:1px solid #F5F5F5;margin-bottom:5px;box-sizing:border-box;font-size:12px;font-family: 'Droid Arabic Kufi', serif;'Open Sans', sans-serif} .FollowByEmail .follow-by-email-inner .follow-by-email-address:focus{border:1px solid #F5F5F5} .FollowByEmail .widget-content:before{content:"ضع اميلك هنا واشترك في المدونة ليصلك كل جديد!"; display: block; padding: 0 2px; font-size: 20px; line-height: 1.2; color: #2c2f34; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; margin-bottom: 10px; font-weight: 600; text-align: center;} .flickr_widget .flickr_badge_image{float:right;margin-bottom:5px;margin-left:10px;overflow:hidden;display:inline-block} .flickr_widget .flickr_badge_image:nth-of-type(4),.flickr_widget .flickr_badge_image:nth-of-type(8),.flickr_widget .flickr_badge_image:nth-of-type(12){margin-left:0} .flickr_widget .flickr_badge_image img{max-width:67px;height:auto} .flickr_widget .flickr_badge_image img:hover{opacity:.5} #ArchiveList select{border:1px solid #F5F5F5;padding:6px 8px;width:100%;cursor:pointer;font-family: 'Droid Arabic Kufi', serif;'Playfair Display',arial,sans-serif;font-size:12px;color:#222222} .PopularPosts .item-thumbnail{margin:0 10px 0 10px !important;width:80px;height:60px;float:right;overflow:hidden} .PopularPosts .item-thumbnail a{position:relative;display:block;overflow:hidden;line-height:0} .PopularPosts ul li img{padding:0;width:80px;height:60px} .PopularPosts .widget-content ul li{overflow:hidden;border-top:1px solid #F5F5F5;padding:10px 0} .sidebar .PopularPosts .widget-content ul li:first-child,.sidebar .custom-widget li:first-child{padding-top:0;border-top:0} .sidebar .PopularPosts .widget-content ul li:last-child,.sidebar .custom-widget li:last-child{padding-bottom:0} .PopularPosts ul li a{color:#222222; line-height: 1.4; font-weight: 600; font-family: 'Droid Arabic Kufi', serif; 'Poppins'; font-size: 14px; } .PopularPosts ul li a:hover{color:$(main.color)} .PopularPosts .item-title{margin:0;padding:0;line-height:0} .item-snippet{font-size:12px;padding-top:3px;font-weight:400;color:#999} #footer-wrapper{background-color:#1f2024} #footer{overflow:hidden;margin:0 auto;padding:20px 0} .sect-right{display:inline-block;float:right;width:32%;margin-left:2%} .sect-right:nth-child(3){margin-left:0} .sect-right .widget{padding:15px 0 20px} .sect-right .widget:nth-of-type(2){padding-top:0} .sect-right .widget .title-wrap{height:32px;position:relative;line-height:0;margin:0 0 10px;padding:0;border-bottom:4px solid #333333} .sect-right .widget h2{position:relative;display:inline-block;color:#EEE;font-size:13px;height:32px;line-height:32px;text-transform:uppercase;font-weight:700;padding:0} .sect-right .widget .title-wrap h2{border-bottom:4px solid $(main.color)} .sect-right .custom-widget .rcp-title a,.sect-right .PopularPosts ul li a{color:#fff} .sect-right .recent-date{color:#999999} .sect-right .custom-widget li{overflow:hidden;border-top:1px solid #333333;border-bottom:0;padding:10px 0} .sect-right .PopularPosts .widget-content ul li{border-top:1px solid #333333} .sect-right .PopularPosts .widget-content ul li:first-child{padding-top:0;border-top:0} .sect-right .PopularPosts .widget-content ul li:first-child,.sect-right .custom-widget li:first-child{padding-top:0;border-top:0} .sect-right .custom-widget .rcp-title a:hover,.sect-right .PopularPosts ul li a:hover{color:$(main.color)} .sect-right .FollowByEmail .widget-content:before{color:#EEEEEE;margin-top:5px} .sect-right .FollowByEmail .follow-by-email-inner .follow-by-email-submit{background-color:#333333;color:#EEEEEE} .sect-right .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background-color:$(main.color)} .sect-right #ArchiveList select{border:1px solid #333333;background:#333333;color:#EEEEEE} .sect-right #ArchiveList select option{color:#EEEEEE} .sect-right .cloud-label-widget-content .label-size {background:#333333} .sect-right .cloud-label-widget-content .label-size:hover{background:$(main.color)} .sect-right .cloud-label-widget-content .label-size a{color:#EEEEEE} .sect-right .list-label-widget-content li{border-bottom:0;border-top:1px solid #333333} .sect-right .list-label-widget-content li:first-child{border-top:0;padding-top:0} .sect-right .list-label-widget-content li a,.sect-right .list-label-widget-content li a:before{color: #EEEEEE} .sect-right .list-label-widget-content li a:hover{color:$(main.color)} .sect-right .list-label-widget-content li:first-child a:before{top: -6px} .footer-wrapper{background-color:RGBA(0, 0, 0, 0.2);color:#eee;display:block;padding:15px 0 13px;width:100%;overflow:hidden} .footer-wrapper .footer-sec{margin:0 auto} .footer-wrapper .copyleft{font-size:12px} .footer-wrapper .copyleft a{color:#fff;font-weight:400;} .footer-wrapper .copyleft a:hover{color:$(main.color)} .footer-wrapper .social-footer,.footer-wrapper #social-footer{float:left;position:relative;display:inline-block;margin:0;} .footer-wrapper .native-opt{display: inline-block;float: left;} .footer-wrapper .social-footer ul{overflow:hidden} .footer-wrapper .social-footer li{display:block;float:right;margin-right:5px;padding:0} .footer-wrapper .social-footer li a{display:block;background-color:#333333;float:right;text-decoration:none;color:#EEE;font-size:13px;padding:0;width:22px;height:22px;text-align:center;line-height:21px;border-radius:2px} .footer-wrapper .social-footer li a:hover{background-color:$(main.color);color:#fff;} .footer-wrapper .social-footer li a:before{display:inline-block;font-family: FontAwesome;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .social-footer .facebook:before{content:"\f09a"} .social-footer .twitter:before{content:"\f099"} .social-footer .gplus:before{content:"\f0d5"} .social-footer .rss:before{content:"\f09e"} .social-footer .youtube:before{content:"\f167"} .social-footer .skype:before{content:"\f17e"} .social-footer .stumbleupon:before{content:"\f1a4"} .social-footer .tumblr:before{content:"\f173"} .social-footer .vine:before{content:"\f1ca"} .social-footer .stack-overflow:before{content:"\f16c"} .social-footer .linkedin:before{content:"\f0e1"} .social-footer .dribbble:before{content:"\f17d"} .social-footer .soundcloud:before{content:"\f1be"} .social-footer .behance:before{content:"\f1b4"} .social-footer .digg:before{content:"\f1a6"} .social-footer .instagram:before{content:"\f16d"} .social-footer .pinterest:before{content:"\f0d2"} .social-footer .delicious:before{content:"\f1a5"} .social-footer .codepen:before{content:"\f1cb"} .pop-sec{position:fixed;top:50%;margin-top:-175px;right:50%;max-width:300px;width:90%;margin-right:-150px;background-color:#FFF;height:350px;z-index:99999;display:none;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);transition:all .5s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease} .pop-close{position:absolute;top:0;left:0;background-color:$(main.color);color:#FFF;height:25px;width:25px;text-align:center;border-radius:0;line-height:25px;font-size:10px} .pop-close:hover{opacity:.8;color:#fff} .pop-sec .widget{padding:0 20px} .pop-sec h2{background-color:#222222;color:#eee;font-size:13px;padding:0 10px;font-weight:400;height:25px;line-height:25px;margin-right:-20px;margin-left:-20px;text-transform:uppercase} .pop-sec .contact-form-cross{display:none} .pop-sec.pop-show{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)} #outer-wrapper.pop-active{transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} #outer-wrapper.pop-active:before{content:'';position:absolute;top:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,0.69);z-index:999;transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} .error_page #main-wrapper{width:100%!important;margin:0!important} .error_page #sidebar-wrapper,.error_page .status-msg-wrap{display:none} #error-wrap{color:#222222;text-align:center;padding:60px 0 80px} .error-item{font-size:160px;line-height:1;margin-bottom:20px} #error-wrap h2{font-size:25px;padding:20px 0 10px} #error-wrap .homepage{padding-top:10px;display:block} #error-wrap .homepage i{font-size:20px} #error-wrap .homepage:hover{text-decoration:underline} .img-anime .recent-boxes .box-image,.img-anime .recent-boxes .bf-thumb,.img-anime .custom-widget .rcthumb,.img-anime .PopularPosts img,.img-anime .home .block-image .thumb a,.img-anime .tc-thumb a,.img-anime .related-thumb a,.img-anime .PopularPosts .item-thumbnail a{opacity:0;transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease} .img-anime .img-effect,.img-anime .recent-boxes .box-image.img-effect,.img-anime .recent-boxes .bf-thumb.img-effect,.img-anime .custom-widget .rcthumb.img-effect,.img-anime .PopularPosts img.img-effect,.img-anime .block-image .thumb a.img-effect,.img-anime .tc-thumb a.img-effect,.img-anime .related-thumb a.img-effect,.img-anime .PopularPosts .item-thumbnail a.img-effect{opacity:1;transition:all .8s ease;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-o-transition:all .8s ease} /*---- Label Icons CSS ----*/ a.Video:before {content:"\f144"} a.Car:before {content:"\f1b9"} a.Business:before {content:"\f0b1"} a.People:before {content:"\f183"} a.Nature:before {content:"\f06c"} a.Fashion:before {content:"\f0c4"} a.Gallery:before {content:"\f03e"} a.Technology:before {content:"\f1e6"} a.Learn:before, a.Culture:before {content:"\f02d"} a.Music:before {content:"\f001"} a.Sports:before {content:"\f091"} a.Children:before {content:"\f1ae"} a.Photography:before {content:"\f030"} a.Beauty:before {content:"\f004"} ]]> https://mohamedbikrdne.blogspot.com/p/blog-page_50.html NONE من نحن https://mohamedbikrdne.blogspot.com/p/blog-page_29.html سياسة الخصوصية https://mohamedbikrdne.blogspot.com/p/blog-page_3.html خريطة المدونة https://mohamedbikrdne.blogspot.com/p/blog-page_28.html إتصل بنا 5 NONE facebook https://www.facebook.com/profile.php?id=100046378296664 twitter https://www.instagram.com/mohamadamineinformatique/ https://twitter.com/mohamedamineIn1 instagram https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXBmVRcrbTS8WiL3kPPuowCI4o-sp5R5-zwyUo6DhptVXs7E5oypc9y2DEGMyyD_95NKa1zqHrygm6qGMPgo3D9cXtPHSWFvsP4m9UYqZ8xN5xyBz2_CNw032oC_tj-BpNd6TGnilZ8RQ/s1600/100512615_250120009630689_3620571909139202048_n.jpg 375 150 true false REPLACE 1280 https://mohamedbikrdne.blogspot.com/search/label/%D9%85%D9%82%D9%84%D8%A7%D8%AA https://mohamedbikrdne.blogspot.com/search/label/%D9%83%D8%A7%D9%85%D8%AA%D8%B2%D9%8A%D8%A7 https://mohamedbikrdne.blogspot.com/search/label/ويندوز10 https://mohamedbikrdne.blogspot.com/search/label/أفيس مايكروسوفت افيس فوتوشوب _ويندوز10 _مايكروسوفت مقالات _أفيس دورة بلوغر كمتازيا NONE # # https://mohamedbikrdne.blogspot.com/search/label/فوتوشوب item index"> ]]> ]]> 404 Page Not Found! Sorry, the page you were looking for in this blog does not exist. Go To Home أحدث المشاركات View More Comments true By true TextAndImage a la/s Reactions false 1x1 false true 1 #ffffff Related Posts true #0087ff true #0087ff false #0087ff #ffffff true Tags: false false false : ( ) › ‹ › Home / / Unlabelled / , إقرأ المزيد Reviewed by on Rating: 5 Edit : blogger/disqus/facebook designcart 3 NONE instagram https://www.instagram.com/mohamadamineinformatique/ facebook https://twitter.com/mohamedamineIn1 https://www.facebook.com/profile.php?id=100046378296664 twitter Followers ]]> recentcomments true true #000000 #000000 #000000 #000000 #FFFFFF #000000 #000000 true true true true ALPHA LIST ALL true () () ALPHA CLOUD ALL false () () إن لم يعمل معكم القالب عليكم بتحميله و إتباع نفس الخطوات المذكورة بالشرح لتحميل قالب ماكوان إضغط⏪⏪ هنا فيسبوك تويتر بنترست واتساب ريدايت لينكدين دورة بلوجر هل اعجبك الموضوع : كتب بواسطة : mohamed id bikrdne مرحبا إسمي محمد من دولة المغرب مبرمج وأحب العمل على منصة بلوجر وأنا صاحب كلا من موقعي "محمد الأمين للمعلوميات" و "مدونة الخبير تك". أخر المواضيع من قسم : دورة بلوجر تعليقات
تعليقات
إرسال تعليق