Top Ad unit 728 × 90

<b:if cond='data:blog.pageType == "index"'> <data:blog.pageTitle/> <b:else/> <b:if cond='data:blog.pageType != "error_page"'> <data:blog.pageName/> - <data:blog.title/> <b:else/> 404 - <data:blog.title/> </b:if> </b:if> */ @font-face { font-family: 'DroidKufi-Bold'; font-style: normal; font-weight: 700; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot); src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2) format('x-woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf) format('truetype'); } @font-face { font-family: 'dkfont'; font-style: normal; font-weight: 400; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot); src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.ttf) format('truetype'); } /* CONTENTS ======================= = A. Css Reset = B. Body = C. Header Section = D. Social Icons Widget = E. Magazine Section = F. Posts Section = G. Blogger Comments = H. Blogger Widgets = I. Sidebar Section = J. Footer Section = K. Error page = L. Shortcodes */ /*===================================== = A. Css Reset =====================================*/ .fa{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease} *{outline:0;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease} *,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} 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;font-weight:400} a{color:$(link.color)} a:hover{color:$(link.color.hover)} q:after,q:before{content:''} p{margin:0} abbr,acronym{border:0} .clear{clear:both} .section,.widget,.widget ul{margin:0;padding:0} ::-moz-selection{background-color:$(main.color);color:#fff} ::selection{background-color:#2e9fff;color:#fff} .blog-feeds,.post-feeds,.quickedit{display:none} .status-msg-border{display:none} .status-msg-body{position:relative;padding:0} .status-msg-wrap{width:100%;background-color:#fff;color:#555;padding:30px 0;font-size:120%} /*===================================== = B. Body =====================================*/ html, body {overflow-x:hidden;} body{background:#E9EAED ;position:relative;font:$(body.font);line-height:25px;color:#828282;margin:0;padding:0} #outer-wrapper{max-width:1200px;margin:0 auto;background-color:$(content.bg.color)} #content-wrapper{overflow:hidden} #main-wrapper{width:68%} #sidebar-wrapper{width:32%;position:relative} .row{margin-right:2%;margin-left:2%;max-width:1200px} /*===================================== = C. Header Section =====================================*/ #header-wrapper{margin-bottom:20px} #header-content {display: table; padding: 20px 0; color: #555; padding-bottom: 25px; margin-right: 6%;} .header, .topad {display: table-cell; width: 320px;} .header .widget{max-width:250px} .topad{max-width:728px;height:90px} .topad h2{display:none} .topad .widget{line-height:0} .header a{color:#555} #header-tail {height: 65px;position: relative;background-color:#31465A; border-radius: 5px;} .menu #nav{display:none} .selectnav{font:$(body.font);border:0} .sub-menu{display:none} #menu li,#menu ul{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease} .menu ul li{padding:15px 0;display:inline} .menu ul li a { text-transform: uppercase; font-size: 14px; color: #FFF; padding: 0 16px; display: block; height: 35px; margin: 0; position: relative;font-family: dkfont;font-weight: 100;} .menu ul li a span {font-size: 10px; font-weight: 400;display: block; margin-top: 5px; color: #A5A5A5;} .home-icon .fa{font-size:30px;line-height:35px} .menu ul li:hover{background-color:rgba(255,255,255,0.1)} .menu ul li ul li{padding:0;margin:0;display:block;float:none;background-color:#333} .menu ul li ul li:hover{background-color:$(main.nav.bg)} .menu ul li ul a:hover{color:#fff;box-shadow:none;paddin
Reviewed by مدونة علوم برمجية on 8:00 ص Rating: 5

ليست هناك تعليقات:

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

يتم التشغيل بواسطة Blogger.