<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>

<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> */ /* Global ----------------------------------------------- */ body { margin: 0; padding: 0; position: relative; background-color: $(body.background.color); font: $(body.font); color: $(body.text.color); } .container { margin-right: auto; margin-left: auto; max-width: 1170px; padding-right: 15px; padding-left: 15px; background-color: $(content.background.color); } .clearfix:after { clear: both; } .clearfix:after, .clearfix:before { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0px; line-height: 0; width: 0px; height: 0px; } a { text-decoration: none; color: $(link.color); } a:visited { color: $(link.visited.color); } a:hover { color: $(link.hover.color); } ul { list-style-type: none; } img { max-width: 100%; } #searchbar1 ul.list-inline.social-icon-list a { color: #fff; font-size: 17px; padding-: 0px; line-height: 17px; } .right { float: right; margin-left: 15px; margin-bottom: 5px; } .left { float: left; margin-right: 15px; margin-bottom: 5px; } .center { text-align: center; margin-bottom: 5px; } #logo, #navigation { display: inline-block; margin-left: 2%; } body#layout .main-posts { width: 66.5%; float: right; } body#layout .sidebar { width: 32%; float: left; } body#layout .footer-section { width: 33.33%; float: right; } /* HEADER ----------------------------------------------- */ header { position: relative; margin: 0 auto; padding: 20px 0; width: 1170px; } /* LOGO ----------------------------------------------- */ #logo { width: 188px; float:right; } .header h1.title { margin: 0; font: $(header.font); font-size: 31px; color: #262626; text-transform: uppercase; font-weight: 900; line-height: 24px; font-family: droid arabic kufi, cursive; } .header .titlewrapper, .header .descriptionwrapper { display: inline-block; font: $(description.font); color: $(description.text.color); } /* NAVIGATION ----------------------------------------------- */ #navigation { width: 466px; float: right; padding-top: 20px; padding-right: 125px; } #search .input-group { position: relative; float: left; width: 200px; } .footer-wrapper a { color: #666666; font-size: 12px; font-weight: 700; } #search .form-control { padding: 0px 15px; line-height: 40px; background: #f9f9f9; border: none; border-radius: 20px; font-family: 'droid arabic kufi, cursive'; font-style: italic; color: #cccccc !important; } #search button { position: absolute; left: 0px; line-height: 40px; color: #bbbbbb; font-size: 14px; background: none; width: 40px; padding: 0px; z-index: 99; border: none; } .pull-left { float: left !important; } nav ul { margin: 0; padding: 0; } nav ul li { position: relative; display: inline-block; } nav ul li a { font-size: 12px; font-weight: 700; padding: 15px 0; border-bottom: 3px solid transparent; margin: 0px 10px; font-family: droid arabic kufi, cursive; } .active a, nav ul li:hover a { color: $(navigation.text.hover.color); border-bottom: 3px solid $(navigation.text.hover.color); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } nav ul li:hover > ul { display: block; } nav li ul { display: none; position: absolute; top: 33px; text-align: right; background-color: #fff; border: 1px solid #eee; border-top: 3px solid $(navigation.text.hover.color); z-index: 99; min-width: 165px; max-width: 195px; } nav li ul li { display: block; } nav li ul li a { color: $(navigation.text.color) !important; margin: 0 20px; display: block; padding: 10px 0; border-bottom: 1px solid #eee !important; } nav li ul li a:hover { color: $(navigation.text.hover.color) !important; border-bottom-width: 1px !important; } nav li ul li:last-child a, nav .sub li:last-child a:hover { border-bottom-width: 0 !important; } .marrow { color: $(navigation.text.color); margin-right: 5px; } nav ul li:hover .marrow { color: $(navigation.text.hover.color); } .m-button { display: none; text-align: left; width: 93px; font-size: 30px; position: relative; height: 20px; } .m-button i { position: absolute; left: 0px; cursor: pointer; color: $(navigation.text.color); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .m-button i:hover { color: $(navigation.text.hover.color); } @media only screen and (max-width: 1000px) { #navigation { display: block; position: absolute; width: 100%; text-align: center; margin-bottom: 0px; margin-left: 0px; margin-top: 43px; background-color: #FFF; border: 1px solid #EEE; border-top-width: 0; box-sizing: border-box; z-index: 99; } nav ul li, nav ul li ul { display: block; } nav ul li { margin: 0px 20px; } nav ul li a { padding: 10px 0px; border-bottom: 1px solid #eee; display: block; } nav ul li:last-child a, nav ul li:hover:last-child a { border-bottom-width: 0; } .active a, nav ul li:hover a { border-bottom-width: 1px; } nav li ul { position: relative; top: -1px; text-align: center; min-width: 100%; max-width: 100%; border-width: 0; background-color: #eee; } } .col-lg-12 { width: 100%; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: right; } .text-center { text-align: center; } .widget-html .col-lg-4 { font-size: 14px; color: #FFFFFF; padding: 60px 0px; font-weight: 700; } footer ul { font-size: 16px !important; color: #666666 !important; margin: 0px; padding-right: 0px; } footer .social-icon-list li { margin-left: 10px; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } footer ul li { padding: 0px !important; margin-bottom: 10px; } footer .social-icon-list a { width: 40px; height: 40px; line-height: 40px; display: inline-block; text-align: center; color: #868686; background: #393939; border-radius: 100%; } /* SEARCH ----------------------------------------------- */ #search { margin: 12px auto; float: left; } #search .s-input { background-color: #fff; height: 30px; width: 435px; border: 2px solid $(header.border.color); padding: 7px 15px; } .widget-html .bg-red { background: #f7525a; } .col-lg-4 { width: 33.33333%; } .widget-html .bg-gold { background: #fcd54c; } .widget-html .bg-blue { background: #5bc0eb; } .s-submit { height: 33px; width: 35px; margin-right: -55px; color: $(icons.hover.color); background-color: #FFF; border: 2px solid $(header.border.color); cursor: pointer; padding: 0px 10px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; content: "\f002"; } .s-submit:hover { color: $(icons.color); background-color: $(icons.background.color); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .box-content.about ul { padding-right: 0px; } ul.list-unstyled.list.space-top-20 .fa { color: #5BC0EB; margin-left: 10px; } /* SOCIAL ----------------------------------------------- */ #social { margin-left: 0; display: block; margin-top: 20px; } #social a { color: $(icons.color); background-color: #FFF; border: 2px solid $(header.border.color); height: 21px; display: inline-block; padding: 4px; width: 22px; text-align: center; } #social a:hover { background-color: $(icons.background.color); color: $(icons.hover.color); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .intro{position:relative} .intro .widget .feat-content {margin-bottom:20px!important;height:550px;overflow:hidden} .intro h2{display:none;display:none} .intro .rcp-thumb{width:100%;height:258px;display:block;transition:all .3s ease-out!important;-webkit-transition:all .3s ease-out!important;-moz-transition:all .3s ease-out!important;-o-transition:all .3s ease-out!important} .intro .rcp-title{font-size:20px} .intro li{width:47%;height:258px;position:relative;padding:0;z-index:2;overflow:hidden} .intro li:nth-child(2){margin-bottom:20px} .intro li:first-child{width:50%;height:550px} .intro li:first-child .rcp-thumb{height:550px} .intro li:first-child .rcp-title{font-size:35px} .intro .post-panel{position:absolute;bottom:20px} .intro .rcp-title a{font-family: droid arabic kufi, cursive;font-size: 22px;color:#FFF;font-weight:700;position:relative;bottom:-29px;line-height:14px} .intro .rcp-thumb:after{right:0} .intro li{float:left} .intro li:first-child{float:right} .intro .post-panel{right:20px;left: 20px;} .feat-content ul { margin-right: 0px; padding-right: 0px; } /* MAIN CONTENT ----------------------------------------------- */ .summary-outer img { vertical-align: top; } .ads, .main-posts, aside { margin-top: 30px; } .date-outer { float: right; margin-left: 30px; margin-bottom: 30px; overflow: hidden; } .date-outer:nth-child(4n+4) { margin-left: 0; } .main-posts { width: 795px; float: right; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .post { margin-bottom: 0; } .post-body { border-bottom-width: 0; margin-bottom: 0; padding-bottom: 0; } .summary-outer a { position: relative; display: block; } .overlay { background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; width: 270px; height: 270px; text-align: center; line-height: 270px; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; } .overlay:before { z-index: 3; border-top: 1px solid rgba(255,255,255,0.5); border-bottom: 1px solid rgba(255,255,255,0.5); -webkit-transform: scale(0,1); transform: scale(0,1); } .overlay:after { z-index: 3; border-left: 1px solid rgba(255,255,255,0.5); border-right: 1px solid rgba(255,255,255,0.5); -webkit-transform: scale(1,0); transform: scale(1,0); } .overlay:before, .overlay:after { z-index: 3; position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; content: ''; opacity: 0; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; } .overlay:hover::before, .overlay:hover::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .summary-outer a:hover .overlay { opacity: 1; } .overlay i { line-height: inherit; color: $(main.color); } .loader { display: none !important; width: 100%; right: 0; position: fixed; z-index: 90; text-align: center; bottom: 100px; } .trigger { display: none !important; width: 100%; margin-bottom: 30px; } .trigger i { margin-left: 10px; } .trigger a { -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; position: relative; float: right; width: 140px; height: 34px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #262626; color: #fff !important; text-align: center; font-size: 16px; font-weight: 700; line-height: 34px; } .trigger a:hover { color: $(main.color); background-color: #FFF#EF6250; } .popular-posts ul { padding: 0; } [data-title]:before { color: #fff; } [data-title]:after { border-top: 5px solid $(main.color); } h3.post-title span { } .status-msg-wrap { border-right: 4px solid $(main.color) !important; } .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover { background-color: $(main.color); } .FollowByEmail .follow-by-email-inner .follow-by-email-submit { color: $(main.color); } .list-label-widget-content li span { color: $(main.color); } .list-label-widget-content li span:first-child { border: 1px solid $(main.color); } .list-label-widget-content li a:hover, #footer-nav .list-label-widget-content li a:hover { background-color: $(main.color); } .label-size a:hover, .label-size:hover .label-count, .label-size:hover a { background-color: $(main.color); } .cloud-label-widget-content .label-size span:first-child, .cloud-label-widget-content .label-size span:first-child span:nth-child(2) { background-color: $(main.color); } blockquote:after, #toTop:hover { color: $(main.color); } blockquote { border-right: 3px solid $(main.color) !important; } .error-description .error-line2 a:hover { background-color: $(main.color); border: 2px solid $(main.color); } .error-title { font: $(error.title.font); color: $(error.title.color); } .error-description { font: $(error.description.font); color: $(error.description.color); } #searchbar1{ width: 100%; background: #5BC0EB;} #searchbar{ width: 1170px; height: 37px; background: #5BC0EB; font-size: 12px; font-family: droid arabic kufi, cursive; color: #616161; font-weight: 700;margin:0 auto} #searchbarright{float:left;margin:0;} #searchbarmiddle{width:128px;float:right;margin:0;} #searchbarleft{width:294px;float:left;margin:0; padding: 7px 10px 0 0; } #searchbarleft1{width:190px;float:right;margin:0;padding:2px 0 0} #searchbarform{display:inline;overflow:hidden;margin:10px 0 0} #searchbarformheader{margin:0} select#cat { background: #52ACD3; color: #fff; border: none; padding: 8px; height: 37px; } /* SIDEBAR ----------------------------------------------- */ aside { color: $(sidebar.text.color); width: 345px; float: left; margin-right: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } aside .section .widget { padding: 20px 20px; margin-bottom: 20px; background-color: #FFF; border: 1px solid #eee; } aside .section .widget h2:first-child { margin: -5px 0px 22px; padding-bottom: 10px; border-bottom: 1px solid #EEE; font: $(sidebar.gadget.title.font); color: $(sidebar.gadget.title.color) } aside .section .widget h2:first-child span { padding-bottom: 9px; } /* FOOTER ----------------------------------------------- */ footer { padding: 30px 0; color: $(footer.text.color); } footer .footer-section { width: 30%; margin-left: 5%; float: right; } footer .section .widget h2:first-child { color: #ffffff; font-size: 14px; font-weight: bold; margin-bottom: 25px; margin-top: 12.5px; } footer #section-4 { margin-left: 0; } footer .footer-lefts { margin-top: 30px; border-top: 3px solid $(footer.border.color); padding: 30px 0; } ]]>