<head>
<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>
...
*/
/* Css Reset
------------------------------ */
@import url(https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
body {background: #fff url(//https://2.bp.blogspot.com/-S7Zh6lmkovw/VEqvJI7DnuI/AAAAAAAACOU/qAhBccZvwCo/s1600/wallpaper.jpg );color:#333;font:14px Droid Arabic Kufi;}
ul {margin:0;padding:0;}
li {display: list-item;text-align: -webkit-match-parent;}
* {list-style:none;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;}
a {color: #fff;font-family:'Droid Arabic Kufi';}
.clear {clear:both;}
.widget {margin: 0;}
.widget-item-control ,.blog-feeds ,.status-msg-body, .date-header, .post-feeds, .status-msg-border {display:none;}
.widget .widget-item-control a img {display:none;}
.widget li, .BlogArchive #ArchiveList ul.flat li {padding: 0;}
.post-footer-line>* {margin-left: 0;}
.content-outer, .header-outer, .tabs-outer, .main-outer, .main-inner, .footer-outer, .post, .comments, .widget, .date-header, .inline-ad {position: relative;min-height: 0;_position: static;_height: 1%;}
.content-outer, .header-outer, .tabs-outer, .main-outer, .main-inner, .footer-outer, .post, .comments, .widget, .date-header, .inline-ad {position: relative;min-height: 0;_position: static;_height: 1%;}
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;}
.container {width:1100px;margin:0 auto;}
/* Tarnsition
------------------------------ */
#nav-top ul li a, #social-media a, .main-menu ul li a, .jump-link a, .post-title a, .pagenavi a, .copyrights a, .sidebar a, .contact-form-button, .follow-by-email-submit, .footer-wrapper a {transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;}
/* header
------------------------------ */
.header-top {
background: #281044;
height: 50px;
overflow: hidden;
border-radius: 5px;
padding: 0px 10px;
margin-top: 20px;
}
#nav-top {float: right; margin-right: 15px;
}
#nav-top ul li {
float: right;
}
#nav-top ul li a {
display: block;
color: #fff;
font-size: 15px;
line-height: 50px;
padding: 0 10px;
font-family: Droid Arabic Kufi;
}
#nav-top ul li a:hover {color:#ccc}
#social-media {
float: left;
margin-left: 15px;
}
#social-media li {
float: right;
}
#social-media li a:before {
font-family:FontAwesome;
}
.googleplus:before {content:"\f0d5 ";}
.facebook:before {content:"\f09a ";}
.youtube:before {content:"\f167";}
.twitter:before {content:"\f099";}
#social-media a {
color: #fff;
font-size: 16px;
display: block;
width: 30px;
text-align: center;
line-height: 30px;
background: #333;
margin-top: 10px;
margin-right: 5px;
border-radius: 2px;
}
.googleplus:hover {background:#dd4b39!important;}
.youtube:hover {background:#bb0000!important;}
.twitter:hover {background:#00aced!important;}
.facebook:hover {background:#3b5998!important;}
.header {
background: #fff;
overflow: hidden;
padding: 14px 0;
border-radius: 5px;
}
.header h1 {
font-family: Droid Arabic Kufi;
font-size: 40px;
font-weight: 600;
margin-right: 2px;
margin-left: 5px;
}
.header .description span{
font-family: Droid Arabic Kufi;
font-size: 15px;
color: #555;
margin: 0 10px 0 0;
}
#logo {float: right; margin-right: 20px;}
#ads {float: left;
margin-left: 20px;
margin-right: 0px;}
.main-menu {
margin-bottom: 20px;
background: #281044;
height: 50px;
position: relative;
}
#main-menu {float: right; margin-right: 15px;
}
#main-menu ul li {
float: right;
position: relative;
}
#main-menu ul li a {
display: block;
color: #fff;
font-size: 15px;
line-height: 50px;
padding: 0 10px;
}
#main-menu ul > li:first-child a {
background: #1769ff;
}
#main-menu ul li a:hover {
background: #1769ff;
}
#sub-menu {
position: absolute;
top: 100%;
z-index: 9999;
background: #333;
width: 100%;
display: none;
}
#sub-menu ul li {
display: block;
float: none;
}
#sub-menu ul li a{
line-height: 45px;
font-size: 14px;
border-bottom: 1px solid #bbb;
}
#sub-menu li:first-child a, #sub-menu li a:hover {
background: none !important;
}
#sub-menu li a:hover {
padding-right: 15px;
}
#main-menu ul li:hover #sub-menu { display: block;}
.search-button {
color: #fff;
float: left;
display: block;
line-height: 50px;
background: #1769ff;
width: 55px;
text-align: center;
padding: 0 10px;
margin-left: 15px;
}
.search-form {
position: absolute;
left: 90px;
top: 100%;
display: none;
z-index: 99999;
}
.search-form input {
border: 2px solid #333;
height: 30px;
padding-right: 10px;
width: 200px;
margin-top: 1px;
margin-left: -80px;
}
/* sidebar
------------------------------ */
.sidebar {
background: #281044;
padding: 5px;
float: left;
width: 20%;
margin-left: 10px;
}
.sidebar .widget-title {
font-family: Droid Arabic Kufi;
background: #ccc;
border: 1px solid #333;
padding: 5px;
font-size: 16px;
margin: 0px 0px 3px 0px;
color: #fff;
text-align: center;
background: #1769ff;
padding: 5px;
border-radius: 2px;
}
.sidebar{
padding-bottom:20px;
text-align:center;
}
.sidebar .item-title a {
color: #000;
}
.sidebar .item-title a:hover {
color: #f80;
}
.sidebar .widget-content {
border-top: 0;
font-family: arial;
margin-left: 10px;
font-size: 13px;
}
.sidebar .item-thumbnail img {
float: right;
padding: 10px;
margin: 5px;
}
/* post-wrapper
------------------------------ */
.post-wrapper {
float: right;
width: 77%;
margin: 10px 10px;
}
.post-body {
border-bottom: 1px solid #222;
}
.posts-thumb {
width: 290px;
height: 170px;
float: right;
margin: 0px 20px;
}
.index .post {
margin-bottom: 30px;
border-bottom: 1px solid #eee;
padding-bottom: 30px;
}
.index .post-meta {
margin: 8px;
}
.index .post-meta span, .index .post-meta a {
display: inline-block;
font-size: 12px;
color: #555;
text-transform: capitalize;
}
.post-timestamp {
margin: 0 10px
}
.post-summary {
font-size: 13px;
color: #444;
}
.jump-link {
margin: 15px;
bottom: 0;
float: left;
}
.jump-link a {
display: inline-block;
background: #222;
color: #fff;
margin-top: 15px;
font-size: 14px;
padding: 2px 10px;
}
.post-title a:hover {color:$(s.color)}
.jump-link a:hover {background: $(s.color);}
.item .post-title {
padding-right: 41px;
font-family: Droid Arabic Kufi;
font-size: 25px;
}
.item .post-body img {
width: 100%;
height: 100%;
margin-top: 5px;
margin-left: 10px;
padding: 10px;
margin-right: -24px;
}
.item .post-body {
font-size: 14px;
padding: 10px;
margin-right: 20px;
font-family: Droid Arabic Kufi;
}
.item .post-meta {
border-bottom: 1px solid #333;
padding: 10px;
}
.item .post-meta span, .item .post-meta a {
display: inline-block;
font-size: 12px;
color: #555;
text-transform: capitalize;
}
.post-share {
margin-top: 20px;
text-align: center;
}
.post-share a {
display: inline-block;
float: right;
width: 19%;
background: ;
color: #fff;
font-size: 20px;
margin-right: 5px;
border-radius: 2px
}
.share-gplus{background:#dd4b39!important;}
.share-linkedin {background:#007bb5!important;}
.share-twitter {background:#00aced!important;}
.share-facebook{background:#3b5998!important;}
.share-pinterest{background:#cb2027!important;}
.share-linkedin:hove {background:#007bb5!important;}
#related-posts li {
width: 33.333333%;
float: right;
overflow: hidden;
}
.related-posts p {
border-bottom: 1px solid #eee;
margin-top: 30px;
margin-bottom: 10px;
}
#related-posts span {
font-size: 14px;
}
#related-posts li:nth-child(2) {
padding: 0 10px;
}
#related-posts img {
height: 160px;
width: 100%;
}
#blog-pager {
text-align: center;
}
#blog-pager a {
font-family: Droid Arabic Naskh;
background: #f1f1f1;
padding: 6px 10px;
border-radius: 2px;
}
.blog-pager-newer-link {float:right;}
.blog-pager-older-link {float:left;}
.static_page .post {
border: 1px solid #eee;
padding: 25px;
}
.static_page .post-title {
font-family: Droid Arabic Kufi;
border-bottom: 1px solid #eee;
margin-bottom: 10px;
padding-bottom: 5px;
}
.static_page .related-posts {
display:none;
}
.post-body img {
max-width: 100%;
}
.post-footer {display: none;}
.fa-comments::before {
content: "\f086";margin-right: 10px;margin-left: -10px;
margin-left: 2px;
}
.static_page .post {
border: 1px solid #eee;
padding: 25px;
}
.static_page .post-title {
font-family: Droid Arabic Kufi;
border-bottom: 1px solid #eee;
margin-bottom: 10px;
padding-bottom: 5px;
}
.static_page .related-posts {
display:none;
}
/* ÇáÊÚáíÞÇÊ */
#comments {
margin-top: 30px;
}
#comment-post-message {
display: none;
}
#comments h4 {
font-family: Droid Arabic Kufi;
border-bottom: 1px solid #eee;
margin-bottom: 20px;
padding-bottom: 5px;
}
.avatar-image-container img {
width: 100%;
height: 100%;
border-radius: 2px;
}
.avatar-image-container {
width: 65px;
height: 65px;
float: right;
margin-left: 15px;
}
#comments .user a {
font-family: Droid Arabic Naskh,tahoma;
text-transform: capitalize;
display: inline-block;
font-size: 14px;
}
.comment-block {
padding-bottom: 10px;
overflow: hidden;
}
#comments .datetime {
float: left;
}
#comments .datetime a {
font-family: droid arabic naskh;
font-size: 12px;
color: #555;
}
.comment-header {
border-bottom: 1px solid #eee;
margin-bottom: 10px;
}
.comment-content {
font-family: Droid Arabic Naskh;
font-size: 14px;
color: #555;
}
.comment-actions a {
font-family: Droid arabic naskh;
font-size: 13px;
background: #f1f1f1;
padding: 2px 10px;
display: inline-block;
border-radius: 2px;
float: left;
margin-right: 5px;
}
.comment {
border-bottom: 1px solid #eee;
margin-bottom: 15px;
overflow: hidden;
}
.thread-chrome.thread-collapsed {
display: none;
}
.thread-chrome {
margin-top: 10px;
}
.continue {
font-family: Droid arabic naskh;
font-size: 13px;
background: #f1f1f1;
padding: 2px 10px;
display: inline-block;
border-radius: 2px;
}
.loadmore a {
font-family: droid arabic naskh;
font-size: 14px;
}
.loadmore {
text-align: center;
margin-top: 15px;
}
/* ÊÑÞíã ÇáÕÝÍÇÊ */
.pagenavi a, .pagenavi span {
font-family: Droid Arabic Naskh, tahoma;
background: #ccc;
padding: 0 17px;
line-height: 40px;
display: inline-block;
margin-left: 5px;
border-radius: 3px;
}
.pagenavi .current, .pagenavi a:hover {
background: #3498DB;
color: #fff;
}
/* footer
------------------------------ */
.footer-wrapper {
background: #281044;
color: #fff;
padding: 20px 0;
font-family: Droid arabic Naskh;
overflow: hidden;
margin-top: 30px;
}
.footer-columen {
width: 33.333333333%;
float: right;
padding: 0 13px;
}
.footer-wrapper .widget-title {
font-size: 17px;
border-bottom: 1px solid rgba(255, 255, 255, 0.24);
margin-bottom: 15px;
padding-bottom: 6px;
}
.footer-wrapper .widget-content {
font-size: 14px;
}
.footer-wrapper a {
color: #f9f265;
}
.footer-wrapper a:hover {
color: #ccc;
}
.copyrights {
background: #333;
color: #fff;
overflow: hidden;
padding: 15px 0;
font-family: Droid Arabic Naskh;
font-size: 15px;
margin-bottom: 30px;
}
.copyrights a {
font-family: Droid arabic naskh;
color: #ccc;
}
.copyrights a:hover {
color:#fff;
}
.right-copy {
float: right;
margin-right: 50px;
}
.left-copy {
float: left;
margin-left: 50px;
}
/* ÕÝÍÉ ÇáÎØÃ
----------------------------- */
.error {display:none;}
.error_page .error {
display: block;
text-align: center;
border: 1px solid #555;
padding: 50px;
}
.error h5 {
font-size: 75px;
font-family: tahoma;
font-weight: bold;
}
.error > span {
font-family: droid arabic naskh;
font-size: 18px;
margin-top: 10px;
display: block;
}
.error-num {color:$(s.color);}
.error_page .sidebar, .error_page .post-wrapper {display:none;}
/* ÇáÊÌÇæÈ
--------------------------- */
.selectnav {display:none;}
@media screen and (max-width : 1150px){
.container {width:95%;}
}
@media screen and (max-width : 1000px){
#nav1 {display:none;}
#selectnav1 {
display: block;
border: 0;
background: #333;
color: #fff;
padding: 2px 10px;
font-family: droid arabic naskh;
margin-top: 9px;
}
#logo {
float: none;
text-align: center;
margin-bottom: 15px;
}
#ads-header {
float: none;
text-align: center;
}
#nav {
display:none;
}
#selectnav2 {
display: block;
border: 0;
font-family: droid arabic naskh;
margin: 10px 10px 0 0;
color: #fff;
background: #333;
padding: 6px 10px;
border-radius: 2px;
}
.post-wrapper, .sidebar {
float:none;
width:100%;
}
.sidebar {margin-top:30px;}
.footer-columen {padding:0!important;width:100%;float:none;margin-bottom:20px;}
}
@media screen and (max-width : 700px){
.posts-thumb {
width: 100%;
float: none;
margin-bottom: 10px;
}
.posts-thumb img {
width: 100%;
}
.post-share a {
width: 100%;
margin-bottom: 3px;
}
#related-posts li {
width: 100%;
padding: 0!important;
margin-bottom: 10px;
}
}
/* ÊÎÕíÕ ÇáÃÏæÇÊ
------------------------------ */
.sidebar a, .footer-wrapper a {
font-family: droid arabic naskh;
}
.cloud-label-widget-content a {
background: #eee;
padding: 2px 10px;
display: inline-block;
margin-bottom: 4px;
border-radius: 2px;
font-size: 14px;
}
.cloud-label-widget-content a:hover {
background:$(s.color)!important;
color:#fff;
}
.contact-form-widget input, .contact-form-widget textarea {
width: 100%;
border: 1px solid #eee;
padding: 12px 10px;
}
.contact-form-button {
background: #3498DB;
color: #fff;
padding: 0!important;
font-family: droid arabic naskh;
height: 40px;
border: 0!important;
cursor: pointer;
border-radius: 2px;
}
.contact-form-button:hover {background:#333;}
.sidebar .LinkList a, .footer-wrapper .LinkList a {
display: block;
margin-bottom: 3px;
font-size: 14px;
}
.sidebar .LinkList a:hover , .footer-wrapper .LinkList a:hover {color:$(s.color)!important;}
.sidebar .LinkList a:before, .footer-wrapper .LinkList a:before {
content: "\f104";
font-family: fontawesome;
margin-left: 5px;
}
.follow-by-email-inner input {
width: 100%;
border: 1px solid #eee;
font-family: droid arabic naskh;
font-size: 11px;
text-align: center;
padding: 10px;
}
.follow-by-email-inner td {
width: 100%;
display: block;
}
.follow-by-email-submit {
color: #fff;
margin-top: 5px;
border: 0!important;
background: $(s.color);
border-radius: 2px;
cursor:pointer;
}
.follow-by-email-submit:hover {background:#333;}
.item-thumbnail img {
width: 100%;
height: 100%;
}
.item-thumbnail {
width: 80px;
height: 80px;
float: right;
margin-left: 15px;
}
.item-title a {
font-family: droid arabic kufi;
}
.item-snippet {
font-family: tahoma;
color: #555;
height: 35px;
overflow: hidden;
}
.popular-posts li {
overflow: hidden;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #222;
}
.list-label-widget-content a {
display: block;
background: #eee;
padding-right: 10px;
line-height: 35px;
font-size: 14px;
margin-bottom: 3px;
border-radius: 2px;
}
.list-label-widget-content a:before {
content: "\f02c";
font-family: fontawesome;
margin-left: 5px;
}
.list-label-widget-content a:hover {
color:#fff;
background:$(s.color)!important;
padding-right:15px;
}
.BlogArchive select {
width: 100%;
height: 50px;
font-family: droid arabic naskh;
border: 1px solid #eee;
background: #f8f8f8;
padding-right: 10px;
}
.footer-wrapper .cloud-label-widget-content a, .footer-wrapper .list-label-widget-content a {
color: #fff;
background-color: #333;
}
.footer-wrapper .item-title a, .footer-wrapper .LinkList a {
color:#fff;
}
.footer-wrapper .item-snippet {
color: #ddd;
}
.footer-wrapper .popular-posts li {border-color:#333;}
.table-media {
background: #281044;
padding: 20px 10px;
}
.button-1 {
width: 100%;
padding: 0px 0px;
}
.button-1 img {
width: 199px;
height: 24px;
cursor: pointer;
}
.table-button {
background: #281044;
padding: 10px;
}
.button-2 {
margin: 0px 7px;
padding: 5px 0px;
display: none;
}
.button-2 img {
width: 35px !important;
height: 25px;
cursor: pointer;
}
/* Layout
------------------------------ */
#layout .container {width:900px;}
#layout .section h4 {
display: none!important;
}
#layout div.section {
border: 0!important;
background: transparent!important;
}
#layout #nav-top {
width: 48%;
float: right;
}
#layout #social-media {
width:48%;
float:left;
}
#layout #logo {
width: 300px;
float: right;
}
#layout #ads {
width: 68%;
float: left;
}
#layout .post-wrapper {
float: right;
width: 65%;
}
#layout .sidebar {
float: left;
width: 35%;
}
#layout .footer-wrapper {
overflow: hidden;
}
#layout .footer-columen {
width: 32.4444%;
float: right;
padding: 0!important;
}
#button{
padding: 5px;
font-size: 20px;
margin: 5px;
background: #f00;
color: #fff;
cursor: pointer;
}
/*------------------ÔÑíØ ÇáÇÎÈÇÑ------------------*/
#beakingnews{width:100%px;margin:0 auto;line-height:37px;;overflow:hidden; margin-bottom: 5px; margin-top: -15px; max-height: 37px; overflow: hidden;
background: #281044;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
background-clip: padding-box;border-left: none;max-height: 37px;}
#beakingnews .tulisbreaking{display:block;float:right;padding:0 7px;;color:#FCFCFC;background:#1769ff;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
color: #FFF;font-family:GE SS Two Medium,droidkufi-bold;font-size: 14px;
line-height: 37px;padding-right: 10px;padding-left: 10px;font-weight: normal;
text-transform: uppercase;}
#recentpostbreaking{float:right;padding-right: 15px;}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}
#recentpostbreaking li a{color:#fff; font-family:GE SS Two Medium,droidkufi-bold;font-size:14px;}
/*-------------------ÇÖÇÝÇÊ ãæÇÞÚ ÇáÊæÇÕá ÇáÇÌÊãÇÚì-----------------*/
#social{position:absolute;z-index:2000;width:90%;height:30px;margin:5px auto;top:0px;}#social_c{width:90%;height:30;position:relative;top:25%;transform:translateY(-25%);margin:0 auto;overflow:hidden;}#FB_Like{position:relative;z-index:2001;width:175px;height:30px;margin:0px auto;}#FB_Like1{position:absolute;z-index:13;left:0;top:0;width:54px;height:20px;}#FB_Like2{position:relative;z-index:12;margin:0 auto;width:62px;height:20px;}#FB_Like3{position:absolute;z-index:11;right:0;top:0;width:54px;height:20px;}#twitter{float:left;}#Extra{position:absolute;z-index:2000;top:0;width:100%;height:30px;}@media screen and (max-width : 480px) {#Extra{display:none;}}
.element{
width: 500px;
height: 300px;
font-size: 35px;
padding: 20px;
color: #fff;
background: #00f;
display: none;
}
]]>
