<style type="text/css"><!-- /*
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}
/* FRAMEWORK */
.navbar,.post-feeds,.feed-links{display:none;
}
.section,.widget{margin:0 0 0 0;padding:0 0 0 0;
}
strong,b{font-weight:bold;
}
cite,em,i{font-style:italic;
}
a:link{color:#383838;text-decoration:none;outline:none;transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s;
}
a:visited{color:#333333;text-decoration:none;
}
a:hover{color:$(maincolor);text-decoration:none;
}
a img{border:none;border-width:0;outline:none;
}
abbr,acronym{
}
sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;
}
sub{top:.4em;}small{font-size:86%;
}
kbd{font-size:80%;border:1px solid #999;padding:2px 5px;border-bottom-width:2px;border-radius:3px;
}
mark{background-color:#ffce00;color:black;
}
p,blockquote,pre,table,figure,hr,form,ol,dl{margin:1.5em 0;
}
hr{height:1px;border:none;background-color:#666;
}
/* heading */
h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin:0 0 0.3em;
}
h1{font-size:200%
}
h2{font-size:180%
}
h3{font-size:160%
}
h4{font-size:140%
}
h5{font-size:120%
}
h6{font-size:100%
}
/* list */
ol{list-style:decimal outside}
ul{list-style:disc outside}
dt{font-weight:bold}
dd{margin:0 2em .5em 0}
.post ul li span{position:relative;display:block;margin:0;padding:5px 8px;margin-bottom:10px;text-decoration:none;transition:all .3s;}
ol {counter-reset:li;list-style:none;font:13px 'Droid Arabic Kufi', 'lucida sans';padding:0;margin-bottom:4em;text-shadow:0 1px 0 rgba(255,255,255,.5);}
ol ol {margin: 0 2em 0 0;}
.post ol li{position:relative;display:block;padding:.4em .8em .4em .4em;
margin:.5em 2.5em .5em 0;background:#fff;color:#666;text-decoration:none;
transition:all .3s ease-out;}
.post ol li:before {content:counter(li);counter-increment:li;position:absolute;right:-2.5em;
top:50%;margin-top:-1em;height:2em;width:2em;line-height:2em;text-align:center;}
/* form */
input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline;
}
textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
/* code blockquote */
pre,code{font-family:"Courier New",Courier,Monospace;color:inherit;
}
pre{white-space:pre;word-wrap:normal;overflow:auto;
}
.post-body blockquote{position:relative;line-height:2;margin:15px 0;font-size:13px;border-right:3px solid #c69f73;font-family:Electrolize,ge_ss_threeregular;font-weight:400;padding:0 18px;color:#999}
/* table */
.post-body table[border="1"] th, .post-body table[border="1"] td, .post-body table[border="1"] caption{border:1px solid;padding:.2em .5em;text-align:right;vertical-align:top;
}
.post-body table.tr-caption-container {border:1px solid #e5e5e5;
}
.post-body th{font-weight:bold;
}
.post-body table[border="1"] caption{border:none;font-style:italic;
}
.post-body table{
}
.post-body td, .post-body th{vertical-align:top;text-align:right;font-size:13px;padding:3px 5px;border:1px solid #e5e5e5;
}
.post-body th{background:#f0f0f0;
}
.post-body table.tr-caption-container td {border:none;padding:8px;
}
.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;
}
.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;
}
img {
max-width:100%;
height:auto;
border:0;
}
table {
max-width:100%;
}
.clear {
clear:both;
}
.clear:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
body {
background: #ffffff none repeat scroll top right;
margin: 0 0 0 0;
padding: 0 0 0 0;
color: #333333;
font: normal normal 13px Droid Arabic Kufi, sans-serif;
text-align: right;
}
body#layout #sidebar-wrapper {margin-left: 93px;}
/* outer-wrapper */
#outer-wrapper {
background:#ffffff;
max-width:1190px;
margin:0px auto 0;
overflow:hidden;
}
/* NAVIGATION MENU */
div#top-nav {
font: normal normal 12px Droid Arabic Kufi, sans-serif;
margin: 0 auto;
height: 43px;
background: #222222;
overflow: hidden;
padding: 0 28px;
}
.top-menu1 {
font:normal normal 12px Droid Arabic Kufi, sans-serif;
margin:0 auto;
height:43px;
overflow:hidden;
padding: 11px 0px 0;
}
.menubar {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
.menubar li {
display:block;
float:right;
line-height:38px;
margin:0 0 0 0;
padding:0 0 0 0;
border-left:1px solid #424242;
}
.menubar li a {
background: #3A3A3A;
color: #E0E0E0;
display: block;
padding: 0 12px;
}
.menubar li a:hover {
background:$(maincolor);
}
ul.socialbar {
height:38px;
margin:0 0 0 0;
padding:0 0;
float:left;
}
ul.socialbar li {
display:inline-block;
list-style-type:none;
float:left;
margin:0 0;
padding:0 0;
border-left:none;
}
/* HEADER WRAPPER */
#header-wrapper {
margin:0 auto;
overflow:hidden;
padding: 0 30px;
min-height: 150px;
background-color: #313131;
}
.header {
float:right;
width:25.7%;
max-width:257px;
margin: 40px 0 -5PX;
}
.header h1.title,.header p.title {
font:normal bold 26px Droid Arabic Kufi, Arial, Helvetica, sans-serif;
margin:0 0 0 0;
text-transform:uppercase;
color:#fff;
}
.header .description {
color:#555555;
}
.header a {
color:#fff;
}
.header a:hover {
color:#999;
}
.header img {
display:block;
padding: 9px 0 39px;
}
.header-left {
float: left;
padding: 0;
overflow: hidden;
margin: 31px 0 0 0px;
width: 70%;
max-width: 728px;
max-height: 90px;
}
.header-left img {
display:block;
}
.separator a {
margin-right: 0!important;
}
/*----navi-----*/
#nav {
font: normal bold 12px Droid Arabic Kufi, sans-serif;
text-transform: uppercase;
height: 59px;
line-height: 50px;
padding: 0 28px;
background: #F4F4F4;
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
}
#main-nav {
margin: 0 auto;
width: 100%;
height: 60px;
background: #313131;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 -1px 0 rgba(0,0,0,0.2), inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 -1px 0 rgba(0,0,0,0.2), inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2);
}
#main-nav .menu-alert{
float:right;
padding:18px 10px 0 0 ;
font-style:italic;
color:#FFF;
}
#top-menu-mob , #main-menu-mob{ display:none; }
#main-nav ul li {
text-transform: uppercase;
font-family: 'Droid Arabic Kufi', sans-serif;
font-size:16px;
position: relative;
display: inline-block;
float: right;
height:60px;
}
#main-nav ul li:last-child a{border-left:0 none;}
#main-nav ul li a {
display: inline-block;
height: 60px;
line-height: 60px;
padding: 0 16px;
text-decoration: none;
color: #fff;
font-family: Droid Arabic Kufi,sans-serif;
text-transform: uppercase;
font-size: 15px;
cursor: pointer;
font-weight: 400;
line-height: 60px;
margin: 0;
padding: 0 .9em;
}
#main-nav ul li a.active {
background: $(maincolor);
}
#main-nav ul li a .sub-indicator{}
#main-nav ul li a:hover {}
#main-nav ul ul{
display: none;
padding: 0;
position: absolute;
top: 60px;
width: 180px;
z-index: 99999;
float: right;
background: #3a3a3a;
}
#main-nav ul ul li, #main-nav ul ul li:first-child {
background: none !important;
z-index: 99999;
min-width: 180px;
border: 0 none;
font-size: 15px;
height: auto;
margin: 0;
}
#main-nav ul ul li:first-child ,#main-nav ul li.current-menu-item ul li:first-child,
#main-nav ul li.current-menu-parent ul li:first-child,#main-nav ul li.current-page-ancestor ul li:first-child { border-top:0 none !important;}
#main-nav ul ul ul ,#main-nav ul li.current-menu-item ul ul, #main-nav ul li.current-menu-parent ul ul, #main-nav ul li.current-page-ancestor ul ul{left: auto;right: 100%; top: 0 !important; z-index: 99999; }
#main-nav ul.sub-menu a ,
#main-nav ul ul li.current-menu-item a,
#main-nav ul ul li.current-menu-parent a,
#main-nav ul ul li.current-page-ancestor a{
border: 0 none;
background: none !important;
height: auto !important;
line-height: 1em;
padding: 10px 10px;
width: 160px;
display: block !important;
margin-left: 0 !important;
z-index: 99999;
color: #fff !important;
}
#main-nav ul li.current-menu-item ul a,
#main-nav ul li.current-menu-parent ul a,
#main-nav ul li.current-page-ancestor ul a{ color:#eee !important; text-shadow:0 1px 1px #222 !important;}
#main-nav ul li:hover > a, #main-nav ul :hover > a { background: $(maincolor) ;}
#main-nav ul ul li:hover > a,
#main-nav ul ul :hover > a {background: $(maincolor) !important; padding-right:15px !important;padding-left:5px !important;}
#main-nav ul li:hover > ul {display: block;}
#main-nav ul li.current-menu-item,
#main-nav ul li.current-menu-parent,
#main-nav ul li.current-page-ancestor{
margin-top:0;
height:50px;
border-right:0 none !important;
}
#main-nav ul li.current-menu-item ul.sub-menu a, #main-nav ul li.current-menu-item ul.sub-menu a:hover,
#main-nav ul li.current-menu-parent ul.sub-menu a, #main-nav ul li.current-menu-parent ul.sub-menu a:hover
#main-nav ul li.current-page-ancestor ul.sub-menu a, #main-nav ul li.current-page-ancestor ul.sub-menu a:hover{background: none !important;}
#main-nav ul li.current-menu-item a, #main-nav ul li.current-menu-item a:hover,
#main-nav ul li.current-menu-parent a, #main-nav ul li.current-menu-parent a:hover,
#main-nav ul li.current-page-ancestor a, #main-nav ul li.current-page-ancestor a:hover{
background:$(maincolor);
text-shadow:0 1px 1px #b43300;
color:#FFF;
height:50px;
line-height:50px;
border-right:0 none !important;
}
#main-nav ul.sub-menu li.current-menu-item,#main-nav ul.sub-menu li.current-menu-item a,
#main-nav li.current-menu-item ul.sub-menu a,#main-nav ul.sub-menu li.current-menu-parent,
#main-nav ul.sub-menu li.current-menu-parent a,#main-nav li.current-menu-parent ul.sub-menu a,
#main-nav ul.sub-menu li.current-page-ancestor,#main-nav ul.sub-menu li.current-page-ancestor a,
#main-nav li.current-page-ancestor ul.sub-menu a{height:auto !important; line-height: 12px;}
#main-nav ul li.menu-item-home ul li a,
#main-nav ul ul li.menu-item-home a,
#main-nav ul li.menu-item-home ul li a:hover{
background-color:transparent !important;
text-indent:0;
background-image:none !important;
height:auto !important;
width:auto;
}
#main-menu-mob,#top-menu-mob{
background: #222;
width: 710px;
padding: 5px;
border: 1px solid #000;
color:#DDD;
height: 27px;
margin:13px 10px 0 0;
}
#top-menu-mob{
width: 350px;
margin:2px 0 0 0;
}
#main-nav.fixed-nav{
position:fixed;
top:0;
right:0;
width:100% !important;
z-index:999;
opacity:0.9;
-webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
}
/** WIDGET ITEMS **/
.widget ul.side-newsfeed li {
list-style-type:none;
margin-bottom:17px;
padding-bottom:13px;
margin-right:0;
}
.widget ul.side-newsfeed li:last-child {
margin-bottom:0;
padding-bottom:0;
}
.widget ul.side-newsfeed li .side-item {
overflow:hidden;
position: relative;
}
.widget ul.side-newsfeed li .side-item .side-image {
}
.widget ul.side-newsfeed li .side-item .side-image img {
width: 270px;
height: 190px;
object-fit: cover;
}
.widget ul.side-newsfeed li .side-item .side-item-text {
overflow: hidden;
position: absolute;
bottom: 3px;
color: #fff;
padding: 10px 15px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD5KU9DpPCcsnFwrI1cdsbsiHczbkc3Cln0jW5xQdCRNIp60Vo8PG1QXsvRCuS37mKRSx0hA99brfzKYbHggM4USWzeT4B9k3KvfFZVOZAMYGOfl-V8onPdzhiCwgvh7mabahlqHrvPuy6/s1600/gradient.png') repeat-x scroll 0% 0% transparent;
}
.widget ul.side-newsfeed li .side-item .side-item-text h4 a {
margin-bottom: 1px;
color: #fff;
display: block;
font-size: 23px;
font: normal normal 17px Droid Arabic Kufi, sans-serif;
font-weight: bold;
}
.widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta {
font-size:10px;
letter-spacing:1px;
color:#fff;
font-family:"Droid Arabic Kufi";
}
ul.side-newsfeed h4 {
font-family: Droid Arabic Kufi;
}
/* CONTENT WRAPPER */
#content-wrapper {
background-color:transparent;
margin: 0 auto;
padding: 25px 0px 0;
word-wrap:break-word;
margin-top: 1px;
}
.largebanner {
background:#fff;
border-left:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
}
.largebanner .widget {
padding:15px 14px;
overflow:hidden;
}
.largebanner img, .largebanner iframe{
display:block;
max-width:100%;
border:none;
overflow:hidden;
}
/* POST WRAPPER */
#post-wrapper {
background:transparent;
float:right;
width:585px;
max-width:585px;
margin:0 0 10px;
}
.post-container {
padding:15px 0 0 0px;
}
.breadcrumbs {font-size: 90%;
height: 16px;
margin-bottom: 10px;
margin-top: 1px;
overflow: hidden;
padding: 5px;
margin-right: -15px;
border-bottom: 1px solid #ECECEC;}
.breadcrumbs > span {padding: 10px 10px 10px 5px;}
.breadcrumbs > span:last-child {background: none repeat scroll 0 0 transparent;color: #808080;}
.breadcrumbs a {color: #333333;}
.post {
background:#ffffff;
margin:0 0 15px;
padding:15px 0;
padding: 8px 0;
}
.post-body {
line-height:1.6em;
font: 11px Droid Arabic Kufi,cursive;
}
h2.post-title, h1.post-title {
font: 800 12px Droid Arabic Kufi,cursive blod;
}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
color:#383838;
}
h2.post-title a:hover, h1.post-title a:hover {
color:$(maincolor);
}
.img-thumbnail {
background:#fbfbfb url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1ZjfKJdSoX0j5Io8nXdv53ijaDdwJMy_SDmOaEJPP8BL5Bx5x_JWmyDF0hOF5Vp40-XR4nzcwpYJ5eZ_PYq6_OTC_5HpSQJJvvxNRBw-thhAwZmtf-t6NfyFvKNfRLZgFbKipiZ8ei73q/w200-c-h140/no-image.png) no-repeat center center;
position:relative;
float:right;
width:250px;
height:165px;
margin:0 0 0 15px;
}
.img-thumbnail img {
width:250px;
height:165px;
object-fit: cover;
}
span.rollover {
}
span.rollover:before {
content:"";
position: absolute;
width:24px;
height:24px;
margin:-12px;
top:50%;
right:50%;
}
span.rollover:hover {
opacity: .7;
-o-transition:all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;
}
.post-info {
background: transparent;
margin: 0 0 2px;
color: #666666;
font-size: 11px;
padding: 5px 0;
}
.post-info a {
display:inline-block;
color:#666666;
}
.author-info, .time-info, .comment-info, .label-info, .review-info {
margin-left:12px;
display:inline;
}
a.readmore {
display: inline-block;
margin: 18px 0 0;
border: 1px solid #FDFDFD;
padding: 0px 10px;
line-height: 26px;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
background: $(maincolor);
}
a.readmore:hover {
border:1px solid #fff;
}
.img-thumbnail:after {
content: "";
width: 6px;
height: 4px;
position: absolute;
bottom: 0;
right: 0;
display: block;
z-index: 2;
background: $(maincolor);
-webkit-transition: width 0.35s;
transition: width 0.35s;
}
.img-thumbnail:hover:after {
width: 100%;
}
/* Page Navigation */
.pagenavi {
clear: both;
margin: 0px 0 10px;
text-align: center;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
background-color: #F5F5F5;
padding: 10px;
}
.pagenavi span,.pagenavi a {
padding:6px 10px;
margin-left:3px;
display:inline-block;
border: 1px solid #d0d0d0;
}
.pagenavi .current, .pagenavi .pages, .pagenavi a:hover {
border: 1px solid $(readmore.hover.color);
}
.pagenavi .pages {
display:none;
}
/* SIDEBAR WRAPPER */
#sidebar-wrapper {
background:transparent;
float:left;
width:33%;
max-width:270px;
margin:0 auto;
padding-right: 30px;
}
.sidebar-container {
padding:0px 0;
}
.sidebar h2, .panel h2 {
font:normal bold 12px Droid Arabic Kufi, sans-serif;
color:#333333;
margin:0 0 10px 0;
padding:5px 0;
text-transform:uppercase;
position:relative;
border-bottom: 2px solid $(maincolor);
}
#sidebar1 h2 span,#sidebar h2 span{
border-bottom: 2px solid $(maincolor);
bottom: -2px;
padding: 5px 10px;
color: #FFFFFF;
background: $(maincolor);
}
#sidebar-narrow h2 span,#sidebar-narrow h2 span{
border-bottom: 2px solid $(maincolor);
bottom: -2px;
padding: 5px 10px;
color: #FFFFFF;
background: $(maincolor);
}
div#Footer-Ad {
text-align: center;
margin: 0 auto;
padding: 30px 0 25px;
background-color: #F5F5F5;
}
div#Footer-Ad h2 {
display: none;
}
#bottombar h2 span {
border-bottom: 2px solid $(maincolor);
bottom: -2px;
padding: 6px;
color: #fff;
}
#sidebar1 h2 span:after,#related-posts h2 span:after,#sidebar h2 span:after,#bottombar h2 span:after,#sidebar-narrow h2 span:after {
content: no-close-quote;
position: absolute;
width: 0px;
height: 0px;
bottom: -8px;
right: 22px;
border-right: 7px solid rgba(0, 0, 0, 0);
border-left: 7px solid rgba(0, 0, 0, 0);
border-top: 6px solid $(maincolor);
}
.sidebar h2:after, .panel h2:after {
content: " ";
width:90px;
height: 0px;
position: absolute;
right: 0;
bottom: -2px;
}
.sidebar .widget {
margin:0 0 20px;
}
.sidebar ul, .sidebar ol {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
.sidebar li {
margin:5px 0;
padding:0 0 0 0;
}
/* Recent Post */
.recent-post-title {
margin: 0 0 15px;
padding: 0;
position: relative;
border-bottom: 2px solid $(maincolor);
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7EngRH1uwa3_llIxRtGzhaiXcDQ2n-gy7kx5M9twzi2JBd0XeKAl-gnurFDY_qWvib-9mTYo9Rz5L-aNvtRu6OoQiRNFVDqsoGa4wscLjsUbXdWJlTTRWgtOwMymca_BmYmuk3pmhyhks/s1600/title_pat.png') repeat scroll 0% 0% transparent;
}
div.recent-post-title:after {
content: no-close-quote;
position: absolute;
width: 0px;
height: 0px;
bottom: -6px;
right: 22px;
border-right: 6px solid rgba(0, 0, 0, 0);
border-left: 6px solid rgba(0, 0, 0, 0);
border-top: 6px solid $(maincolor);
}
.recent-post-title h2 {
font: normal bold 14px Droid Arabic Kufi, sans-serif;
height: 22px;
line-height: 22px;
margin: 0 0;
padding: 0 10px;
background: $(maincolor);
color: #474747;
display: inline-block;
}
.recent-post-title h2 a {
color:#fff;
}
.stylebox {
float:right;
width:50%;
margin:0 0;
}
.stylebox .widget {
padding:0 0 15px 15px;
}
.stylebox .widget-content {
background:#ffffff;
}
.stylebox ul {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
.stylebox1 {
float:right;
width:100%;
margin:0 0;
}
.stylebox1 .widget {
padding:0 0 15px 0px;
}
.stylebox1 .widget-content {
background:#ffffff;
}
.stylebox1 ul {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
/* Recent Post */
ul.xpose_thumbs {
margin:0 0 0 0;
}
ul.xpose_thumbs li {
font-size:12px;
min-height:68px;
padding-bottom: 5px;
}
ul.xpose_thumbs .xpose_thumb {
position:relative;
background:#fbfbfb;
margin:3px 0 10px 0;
width:100%;
height:50px;
padding-bottom:46%;
overflow:hidden;
}
ul.xpose_thumbs .xpose_thumb img {
height:auto;
width:100%;
}
ul.xpose_thumbs1 {
margin:0 0 0 0;
width:48%;
float:right;
}
ul.xpose_thumbs1 li {
font-size:12px;
min-height:68px;
}
ul.xpose_thumbs1 .xpose_thumb {
position:relative;
background:#fbfbfb;
margin:0px 0 10px 0;
width:100%;
overflow:hidden;
}
ul.xpose_thumbs1 .xpose_thumb img {
height:320px;
width:100%;
}
ul.xpose_thumbs2 {
font-size:13px;
}
ul.xpose_thumbs2 li {
padding:0 0;
min-height:66px;
font-size:11px;
margin: 0 0 8px;
padding: 0 0 8px;
border-bottom:1px dotted #e5e5e5;
}
ul.xpose_thumbs2 .xpose_thumb2 {
background:#fbfbfb;
float:right;
margin:3px 0 0 8px;
height:70px;
width:70px;
}
ul.xpose_thumbs2 .xpose_thumb2 img {
height:70px;
width:70px;
}
span.xpose_title {
font:normal normal 16px Droid Arabic Kufi, Arial, sans-serif;
display:block;
margin:0 0 5px;
line-height:1.4em;
}
span.xpose_title2 {
font-size:17px;
}
span.rp_summary {
display:block;
margin:6px 0 0;
color:#666666;
}
span.xpose_meta {
background:transparent;
display:block;
font-size:11px;
color:#aaa;
}
span.xpose_meta a {
color:#aaa !important;
display:inline-block;
}
span.xpose_meta_date, span.xpose_meta_comment, span.xpose_meta_more {
display:inline-block;
margin-left:8px;
}
span.xpose_meta_date:before {
content: "\f133";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-left:4px;
}
span.xpose_meta_comment:before {
content: "\f086";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-left:4px;
}
span.xpose_meta_more:before {
content: "\f0a9";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-left:4px;
}
ul.xpose_thumbs2 li a:hover, ul.xpose_thumbs li a:hover {
color:$(maincolor);
}
ul.xpose_thumbs22 {
font-size:13px;
width:50%;
float:left;
}
ul.xpose_thumbs22 li {
padding:0 0;
min-height:66px;
font-size:11px;
margin: 0 0 8px;
padding: 0 0 8px;
border-bottom:1px dotted #e5e5e5;
}
ul.xpose_thumbs22 .xpose_thumb2 {
background:#fbfbfb;
float:right;
margin:3px 0 0 8px;
height:70px;
width:70px;
}
ul.xpose_thumbs22 .xpose_thumb2 img {
height:70px;
width:70px;
}
span.xpose_title {
font:normal normal 16px Droid Arabic Kufi, Helvetica, Arial, sans-serif;
display:block;
margin:0 0 5px;
line-height:1.4em;
}
span.xpose_title2 {
font-size:17px;
}
span.rp_summary {
display:block;
margin:6px 0 0;
color:#666666;
}
div#author-box {
border: 1px solid #eee;
padding: 20px;
background: #f9f9f9;
}
span.xpose_meta {
background:transparent;
display:block;
font-size:11px;
color:#aaa;
}
span.xpose_meta a {
color:#aaa !important;
display:inline-block;
}
span.xpose_meta_date, span.xpose_meta_comment, span.xpose_meta_more {
display:inline-block;
margin-left:8px;
}
span.xpose_meta_date:before {
content: "\f133";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-left:4px;
}
span.xpose_meta_comment:before {
content: "\f086";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-left:4px;
}
span.xpose_meta_more:before {
content: "\f0a9";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding-left:4px;
}
ul.xpose_thumbs22 li a:hover, ul.xpose_thumbs li a:hover {
color:$(maincolor);
}
/* BOTTOMBAR */
#bottombar {
background:#313131;
overflow:hidden;
margin:0 auto;
padding:15px 28px;
color:#dddddd;
border-top: 4px solid $(maincolor);
}
#bottombar .right {
float:right;
width:25%;
}
#bottombar .center {
float:right;
width:25%;
}
#bottombar .center1 {
float:right;
width:25%;
}
#bottombar .left {
float:left;
width:25%;
}
#bottombar .right .widget, #bottombar .center .widget ,#bottombar .center1 .widget{
margin:0 0 15px 15px;
}
#bottombar .left .widget {
margin:0 0 15px 0;
}
#bottombar h2 {
font:normal bold 12px Droid Arabic Kufi, sans-serif;
margin:0 0 10px 0;
padding:6px 0;
text-transform:uppercase;
position:relative;
border-bottom: 2px solid #696969;
color:#eeeeee;
}
#bottombar ul, #bottombar ol {
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
#bottombar li {
margin:12px 0!important;
padding:0 0 0 0;
}
#bottombar ul li:before {
color:#eeeeee !important;
}
#bottombar a {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
color: #fff;
}
#bottombar a:hover {
color:#ffffff;
}
/* FOOTER */
#footer-wrapper {
background:#262626;
margin:0 auto;
padding:0px 20px;
overflow:hidden;
color:#eeeeee;
font-size:12px;
}
.footer-right {
float:right;
margin:10px;
margin-top: 32px;
color: #949494;
}
.footer-left {
float:left;
margin:10px;
color: #949494;
}
#footer-wrapper a {
color:#b8b8b8;
}
#footer-wrapper a:hover {
color:#ffffff;
}
/* Tab Menu */
.set, .panel {
margin: 0 0;
}
.tabs .panel {
padding:0 0;
}
.tabs-menu {
border-bottom:3px solid #E73138;
padding: 0 0;
margin:0 0;
}
.tabs-menu li {
font:normal bold 12px Droid Arabic Kufi, sans-serif;
display: inline-block;
*display: inline;
zoom: 1;
margin: 0 0 0 3px;
padding:10px;
background:#fff;
border:1px solid #e5e5e5;
border-bottom:none !important;
color:#333333;
cursor:pointer;
position:relative;
}
.tabs-menu .active-tab {
background:#E73138;
border:1px solid #E73138;
border-bottom:none !important;
color:#fff;
}
.tabs-content {
padding:10px 0;
}
.tabs-content .widget li {
float:none !important;
margin:5px 0;
}
.tabs-content .widget ul {
overflow:visible;
}
/* Custom CSS for Blogger Popular Post Widget */
.PopularPosts ul,
.PopularPosts li,
.PopularPosts li img,
.PopularPosts li a,
.PopularPosts li a img {
margin:0 0;
padding:0 0;
list-style:none;
border:none;
background:none;
outline:none;
}
.PopularPosts ul {
margin:.5em 0;
list-style:none;
color:black;
counter-reset:num;
}
.PopularPosts ul li img {
display:block;
margin:0 0 0 .5em;
width:65px;
height:65px;
float:right;
}
.PopularPosts ul li {
margin:0 0 .4em 10% !important;
counter-increment:num;
position:relative;
}
.PopularPosts ul li:before,
.PopularPosts ul li .item-title a, .PopularPosts ul li a {
font-weight:bold;
color:#3a3a3a !important;
text-decoration:none;
font-size: 12px;
}
#sidebar-narrow .PopularPosts ul li img {
display:block;
margin:0 0 0 .5em;
width:270px;
height:auto;
float:right;
}
#sidebar-narrow .PopularPosts .item-title {
padding-bottom: 1em;
display: block;
background: rgba(0, 0, 0, 0.49);
color: #ffffff;
font-size: 12px;
line-height: 25px;
margin: 0;
padding: 16px 19px 16px;
bottom: 9px;
width: 80%;
position: absolute;
}
#sidebar-narrow .PopularPosts .item-title a{color:#fff!important}
#bottombar .popular-posts li {
}
#bottombar .PopularPosts ul li a {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
color: #fff!important;
}
/* Set color and level */
.PopularPosts ul li {margin-left:1% !important}
.PopularPosts .item-thumbnail {
margin:0 0 0 0;
}
.PopularPosts .item-snippet {
font-size:11.5px;
color: #5C5C5C;
}
#bottombar .PopularPosts .item-snippet {
color: #5C5C5C;
font-size: 12px;
line-height: 32px;
}
.profile-img{
display:inline;
opaciry:10;
margin:0 0 3px 6px;
}
/* back to top */
#back-to-top {
background:#353738;
color:#ffffff;
padding:8px 10px;
font-size:14px;
border: 1px solid #4b4b4b;
}
.back-to-top {
position:fixed !important;
position:absolute;
bottom:20px;
left:15px;
z-index:999;
}
/* ==== Related Post Widget Start ==== */
#related-posts h2 > span{
border-bottom: 2px solid $(maincolor);
bottom: -2px;
padding: 4px 10px;
background: $(maincolor);
}
#related-posts{
float:right;
width:100%;
margin-bottom:40px;
}
#related-posts h2{
padding: 4px 0;
font: normal normal 18px Droid Arabic Kufi;
text-transform: uppercase;
font: normal bold 12px Droid Arabic Kufi, sans-serif;
text-align: right;
color: #fff;
margin-bottom: 5px;
border-bottom: 2px solid $(maincolor);
}
#related-posts .related_img {
padding:0px;
width:285px;
height:200px;
}
#related-posts .related_img:hover{
opacity:.7;
filter:alpha(opacity=70);
-moz-opacity:.7;
-khtml-opacity:.7;
}
/* share buttons */
.share-buttons-box {
height: 67px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ9O1aQWlQsZxRj2G4wkIULq8YPZALWDFzPJyeq8-bLkuiPk0ZQFwcyOnb3255NfHPcUhO03rsSCxlLnKoNQ-S2z97y0eqVWgI9m_rj4dwLrclygD2bWDBwTNAb3V_wSDLPVUiZU9oG_SC/s1600/share.png) no-repeat 330px 10px;
margin:20px 0 15px;
overflow:hidden;
}
.share-buttons {
margin:0 0;
height:67px;
float:right;
}
.share-buttons .share {
float:right;
margin-left:10px;
display:inline-block;
}
/* error and search */
.status-msg-wrap {
font-size:120%;
font-weight:bold;
width:100%;
margin:20px auto;
}
.status-msg-body {
padding:20px 2%;
width:96%;
}
.status-msg-border {
border:1px solid #e5e5e5;
opacity:10;
width:auto;
}
.status-msg-bg {
background-color:#ffffff;
}
.status-msg-hidden {
padding:20px 2%;
}
#ArchiveList ul li:before {
content:"" !important;
padding-left:0px !important;
}
/* facebook comments */
.fb-comments{width: 100% !important;}
.fb-comments iframe[style]{width: 100% !important;}
.fb-like-box{width: 100% !important;}
.fb-like-box iframe[style]{width: 100% !important;}
.fb-comments span{width: 100% !important;}
.fb-comments iframe span[style]{width: 100% !important;}
.fb-like-box span{width: 100% !important;}
.fb-like-box iframe span[style]{width: 100% !important;
}
.rich-snippet {
padding:10px;
margin:15px 0 0;
border:3px solid #eee;
font-size:12px;
}
/*-------sidebar----------------*/
.sidebar-narrow{margin:0}
#sidebar-narrow .widget{margin-bottom:30px;}
#sidebar-narrow{float:left;width:270px;
}
div#main {
width: 585px;
}
div#mywrapper {
float: right;
width: 890px;
}
#sidebartab {
margin-bottom: 15px;
}
.tab-widget-menu {
height: 46px;
margin: 0;
padding: 0px 2px 0 0;
font-size: 11px;
font-weight: 800;
}
#sidebartab .widget {
margin-bottom: 0;
padding-bottom: 0;
}
#sidebartab .h2title {
display: none;
}
#sidebartab .h2titlesmall {
display: none;
}
#sidebartab .widget-content {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border: 0;
}
.tab-widget-menu ul, .tab-widget-menu li {
list-style: none;
padding: 0;
margin: 0;
}
.tab-widget-menu li {
background: #333;
bottom: -2px;
color: #FFF;
cursor: pointer;
float: right;
height: 38px;
line-height: 38px;
margin: -2px 0px 0 0px;
padding: 0;
position: relative;
text-align: center;
width: 33.3%;
z-index: 2;
}
.tab-widget-menu li.selected {
background: $(maincolor);
border-width: 1px 1px 3px;
color: #FFF;
margin-top: -2px;
}
#sidebartab .h2title, #sidebartab h2 {
display: none;
}
#sidebartab .h2titlesmall, #sidebartab h2 {
display: none;
}
#sidebartab .widget-content img {
padding: 2px;
border: 1px solid lightGrey;
width: 75px;
height: 75px;
}
#sidebartab .popular-posts li {
background: none repeat scroll 0 0 transparent;
border-bottom: 1px solid #E9E9E9;
overflow: hidden;
padding: 10px 0;
}
.PopularPosts img:hover, #sidebartab .widget-content img:hover {
}
#sidebarlab .sidebar li a:hover {
color: #fff;
background: #222;
}
.PopularPosts a {font-weight:bold;}
.tagcloud a {
background: #e4e4e4;
color: #888;
display: block;
float: right;
font-size: 14px!important;
line-height: 12px;
margin: 0 0 2px 2px;
padding: 12px 17px;
}
.tagcloud a:link {
color: #888;
}
.tagcloud a:hover {
background: $(maincolor);
color: #fff;
}
.tagcloud1 .Label a{
background: #3e3e3e;
color: #888;
display: block;
float: right;
font-size: 12px!important;
line-height: 12px;
margin: 0 0 2px 2px;
padding: 12px 17px;
}
.tagcloud1 a:link {
color: #888;
}
.tagcloud1 a:hover {
background: $(maincolor);
color: #fff;
}
.showpageArea a {
clear:both;
margin:-5px 0 10px;
text-align:center;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}
.showpageNum a {
padding:6px 10px;
margin-left:3px;
display:inline-block;
color:#333333;
background-color:#ffffff;
border: 1px solid #dddddd;
}
.showpageNum a:hover {
border: 1px solid #aaaaaa;
}
.showpagePoint {
padding:6px 10px;
margin-left:3px;
display:inline-block;
color:#333333;
background-color:#ffffff;
border: 1px solid #aaaaaa;
}
.showpageOf {
display:none;
}
.showpage a {
padding:6px 10px;
margin-left:3px;
display:inline-block;
color:#333333;
background-color:#ffffff;
border: 1px solid #dddddd;
}
.showpage a:hover {
border: 1px solid #aaaaaa;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#666;
}
.button {
text-align: center;
width: 100%;
margin: 10px 0;
padding: 0;
font-size: 14px;
font-family: 'Droid Arabic Kufi', Geneva, Sans-serif;
color: #fff;
margin-right: 0em !important;
}
.item-img {
width: 50%;
float: right;
}
.button ul {
margin: 0;
padding: 0;
}
.button li {
display: inline-block;
margin: 10px 0;
padding: 0;
}
#Attribution1 {
height:0px;
visibility:hidden;
display:none
}
.author-avatar img{border:1px solid #ccc;padding:4px;background:#fff;float:right;margin:0 0 5px 10px;border:50%;box-shadow:0 0 3px 0 #b5b5b5;-moz-box-shadow:0 0 3px 0 #b5b5b5;-webkit-box-shadow:0 0 3px 0 #b5b5b5}
#author-box h3 {
padding-bottom: 5px;
border-bottom: 1px solid #D7D7D7;
font-size: 18px;
font-family: Droid Arabic Kufi,arial,Georgia,serif;
}
.share-post {
font-size: 13px;
margin-top: 15px;
}
.share-post li {
float: right;
}
.share-post a {
display: block;
margin-left: 10px;
text-indent: -9999px;
margin-right: 12px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR9eleRx7G2MU66t1yYHDv0Harm6Ajam8JHsuG11r0maSJfj3GLg7Pf9UfOLVU4nMZhKmCLAd_fp-aZePYnUQH-fPxHMMqxy5zs7hV5MlVVBMPqL6D_zlTw5SRnCDVK1cuNIP6QFrvEEY/s1600/single-share.png) no-repeat;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s;
}
.share-post a:hover {
opacity: .7;
}
.share-post
.facebook a {
width: 7px;
}
.share-post
.twitter a {
width: 18px;
background-position: -47px 0;
}
.share-post
.google a {
width: 14px;
background-position: -105px 0;
}
.share-post
.pinterest a {
width: 11px;
background-position: -159px 1px;
}
/*** Share Post Styling ***/
#share-post {
width: 100%;
overflow: hidden;
margin-top: 20px;
}
#share-post a {
display: block;
height: 32px;
line-height: 32px;
color: #fff;
float: right;
padding-left: 10px;
margin-left: 10px;
margin-bottom: 25px;
}
#share-post
.facebook {
background-color: #436FC9;
}
#share-post
.twitter {
background-color: #40BEF4;
}
#share-post
.google {
background-color: #EC5F4A;
}
#share-post
span {
display: block;
width: 32px;
height: 32px;
float: right;
margin-left: 10px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR9eleRx7G2MU66t1yYHDv0Harm6Ajam8JHsuG11r0maSJfj3GLg7Pf9UfOLVU4nMZhKmCLAd_fp-aZePYnUQH-fPxHMMqxy5zs7hV5MlVVBMPqL6D_zlTw5SRnCDVK1cuNIP6QFrvEEY/s1600/single-share.png) no-repeat;
}
#share-post
.facebook span {
background-color: #3967C6;
}
#share-post
.twitter span {
background-color: #26B5F2;
background-position: -72px 0;
}
#share-post
.google span {
background-color: #E94D36;
background-position: -144px 0;
}
/* Search Box
----------------------------------------------- */
#searchformfix
{
float:left;
overflow:hidden;
position:relative;
margin-left: 0px;
margin-top: 6px;
}
#searchform
{
margin:7px 0 0;
padding:0;
}
#searchform fieldset
{
padding:0;
border:none;
margin:0;
}
#searchform input[type="text"]{
background:#fff; border:none;
float:right; padding:0px 15px 0px 10px;
margin:0px; width:150px; height:34px;
line-height:34px;
transition:all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s;
-moz-transition:all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;
-webkit-transition:all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s;
-o-transition:all 600ms cubic-bezier(0.215,0.61,0.355,1) 0s; color:#585858}
#searchform input[type=text]:hover,#searchform input[type=text]:focus
{
width:200px;
}
#searchform input[type=submit]
{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Ga00PYkaT9BUwazpMJ87-qjrUATQjUa0ndgFv8E9YpQTxHYm0FUq2xfVmYAWcf5iDtfUzXEUwUKAOnOQleM_-Py8TOTxNoH5mUXy6eHGBehTQFubnHOhYkCDBiJGWLUFQXSRjk5K05AS/s1600/icon-search.png) center 9px no-repeat;
cursor:pointer;
margin:0;
padding:0;
width:37px;
height:34px;
line-height:34px;
background-color:$(maincolor);
}
input[type=submit]
{
padding:4px 17px;
color:#ffffcolor:#585858;
text-transform:uppercase;
border:none;
font-size:20px;
background:url(gradient.png) bottom repeat-x;
cursor:pointer;
margin-top:10px;
float:right;
overflow:visible;
transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
-webkit-transition:all .3s linear;
}
#searchform input[type=submit]:hover
{
background-color:#333;
}
.selectnav {
display:none;
}
/*---Flicker Image Gallery-----*/
.flickr_plugin {
width: 100%;
}
.flickr_badge_image {
float: right;
height: 70px;
margin: 8px 5px 0px 5px;
width: 70px;
}
.flickr_badge_image a {
display: block;
}
.flickr_badge_image a img {
display: block;
width: 100%;
height: auto;
-webkit-transition: opacity 100ms linear;
-moz-transition: opacity 100ms linear;
-ms-transition: opacity 100ms linear;
-o-transition: opacity 100ms linear;
transition: opacity 100ms linear;
}
.flickr_badge_image a img:hover {
opacity: .5;
}
div#act {
display: none;
}
#sidebar-narrow .list-label-widget-content li {
display: block;
padding: 0 0 8px 0;
position: relative;
}
#sidebar-narrow .list-label-widget-content li a {
color: #555555;
font-size: 13px;
font-weight: normal;
}
#sidebar-narrow .list-label-widget-content li a:first-child {
text-transform: capitalize;
}
#sidebar-narrow .list-label-widget-content li span:last-child {
color: #949494;
font-size: 12px;
font-weight: bold;
position: absolute;
right: 0;
top: 0;
}
#sidebar-narrow .list-label-widget-content li:hover span:last-child {
text-decoration: underline;
}
/***** Social link*****/
ul.socialbar li,ul.socialbar li{
float: right;
margin-left: 0px;
margin-bottom:0px;
padding: 0px;
display:block;
width: auto;
background:#222;
}
ul.socialbar li a {
font-size: 19px;
color: #FFFFFF;
margin-top: 12px;
margin-right: 16px;
padding: 4px;
line-height: 43px;
}
#nav.fixed-nav{
position: fixed;
top: 0;
right: 0;
width: 100% !important;
z-index: 999;
background: #fff;
-webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
padding: 0;
}
div.conty {
width: 1050px;
margin: 0 auto;
}
#beakingnews {
background:#222222;
float: right;
height: 42px;
line-height: 42px;
overflow: hidden;
width: 60.2%;
}
#recentpostbreaking li a {
color:#949494;
font-family: Droid Arabic Kufi;
font-weight: bold;
}
#recentpostbreaking li a:hover {
color:$(maincolor);
}
#beakingnews .tulisbreaking {
background:$(maincolor);
}
#beakingnews .tulisbreaking{
color:$(mainbgfontcol.background.color) !important;
}
span.tulisbreaking:after{
content: close-quote;
position: absolute;
width: 0px;
top: 15px;
left: -12px;
border-bottom: 6px solid rgba(0, 0, 0, 0);
border-right: 6px solid $(maincolor);
border-top: 6px solid rgba(0, 0, 0, 0);
border-left: 6px solid rgba(0, 0, 0, 0);
}
#beakingnews .tulisbreaking {
color: #FFFFFF;
display: block;
float: right;
font-family: Droid Arabic Kufi;
font-weight: bold;
padding: 0 10px;
position: absolute;
border-bottom: 1px solid $(maincolor);
}
#recentpostbreaking {
float: right;
margin-right: 74px;
}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}
/*-------sidebar----------------*/
.sidebar-narrow{margin:0}
#sidebar-narrow .widget{margin-bottom:30px;}
#sidebar-narrow{float:left;width:270px;margin-right: 30px;
}
#sidebar-narrow .list-label-widget-content li {
display: block;
padding: 5px 10px;
position: relative;
border: 1px solid #E4E4E4;
float: right;
margin: 3px;
}
#sidebar-narrow .list-label-widget-content li a {
color: #555555;
font-size: 13px;
font-weight: normal;
}
#sidebar-narrow .list-label-widget-content li a:first-child {
text-transform: capitalize;
}
#sidebar-narrow .list-label-widget-content li:hover {
border-color: $(maincolor);
}
#sidebar-narrow .list-label-widget-content li span:last-child {
color: #949494;
font-size: 12px;
font-weight: bold;
position: absolute;
left: 0;
top: 0;
}
#sidebar-narrow .list-label-widget-content li:hover span:last-child {
text-decoration: underline;
}
.large-thumb .xpose_title a {
color: #fff;
font-size: 20px;
}
.large-thumb {
position: absolute;
bottom: 15px;
z-index: 99;
padding: 20px;
color: #fff;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD5KU9DpPCcsnFwrI1cdsbsiHczbkc3Cln0jW5xQdCRNIp60Vo8PG1QXsvRCuS37mKRSx0hA99brfzKYbHggM4USWzeT4B9k3KvfFZVOZAMYGOfl-V8onPdzhiCwgvh7mabahlqHrvPuy6/s1600/gradient.png') repeat-x scroll 0% 0% transparent;
}
span.rp_summary {
display: none;
}
.large-thumb span.xpose_meta {
background: transparent;
display: block;
font-size: 12px;
color: #dadada;
}
.large-thumb span.xpose_meta a {
color: #Dadada !important;
display: inline-block;
}
.large-thumb .xpose_meta_comment {
float: left;
}
ul.xpose_thumbs1 {
position: relative;
}
ul.xpose_thumbs {
position: relative;
}
span.more_meta .fa {
margin-left: 5px;
}
span.s_category .fa {
margin-left: 5px;
}
.featured_thumb h3 {
font: normal normal 18px Droid Arabic Kufi, Helvetica, Arial, sans-serif;
display: block;
margin: 0 0 5px;
line-height: 1.4em;
}
/* TIPSY
-----------------------------------------------*/
.tipsy {
padding: 5px;
font-size: 10px;
position: absolute;
z-index: 100000;
}
.tipsy-inner {
padding: 1px 10px 0;
background-color: #303030;
color: white;
max-width: 300px;
text-align: center;
}
.tipsy-inner {
border-radius: 2px;
}
.tipsy-arrow {
position: absolute;
width: 9px;
height: 5px;
}
.tipsy-n .tipsy-arrow {
top: 0;
right: 50%;
margin-right: -4px;
}
.tipsy .tipsy-arrow:before {
content: no-close-quote;
position: absolute;
width: 0;
height: 0;
}
.tipsy-n .tipsy-arrow:before {
bottom: -1px;
right: -2px;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
border-bottom: 6px solid #303030;
}
.tipsy-nw .tipsy-arrow {
top: 0;
right: 10px;
}
.tipsy-ne .tipsy-arrow {
top: 0;
left: 10px;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
right: 50%;
margin-right: -4px;
}
.tipsy-s .tipsy-arrow:before {
bottom: -1px;
right: -2px;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
border-top: 6px solid #303030;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
right: 10px;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
left: 10px;
}
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
.tipsy-e .tipsy-arrow:before {
bottom: -6px;
left: 0;
border-left: 6px solid rgba(0, 0, 0, 0);
border-top: 6px solid #303030;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
}
.tipsy-w .tipsy-arrow:before {
bottom: 6px;
right: -1px;
border-bottom: 6px solid rgba(0, 0, 0, 0);
border-left: 6px solid #303030;
}
.more_posts:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.more_posts .item_small {
width: 100%;
padding: 0 0 10px;
margin: 0 0 18px;
position: relative;
}
.more_posts .item_small:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.more_posts .item_small .featured_thumb {
float: right;
width: 100%;
height: 190px;
margin: 0 0 0 15px;
}
.more_posts .item_small .featured_thumb img {
width: 270px;
height: 190px;
object-fit: cover;
}
.more_posts .item_small .item-details h3 {
font-size: 13px;
line-height: 20px;
margin: 0 0 8px;
}
#sidebar-wrapper .item-details {
overflow: hidden;
position: absolute;
bottom: 10px;
color: #fff;
padding: 10px 15px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD5KU9DpPCcsnFwrI1cdsbsiHczbkc3Cln0jW5xQdCRNIp60Vo8PG1QXsvRCuS37mKRSx0hA99brfzKYbHggM4USWzeT4B9k3KvfFZVOZAMYGOfl-V8onPdzhiCwgvh7mabahlqHrvPuy6/s1600/gradient.png') repeat-x scroll 0% 0% transparent;
width:240px
}
#sidebar-wrapper .item-details h3 a {
margin-bottom: 1px;
color: #fff;
display: block;
font-size: 23px;
font: normal normal 13px Droid Arabic Kufi, sans-serif;
font-weight: bold;
}
#sidebar-wrapper .item-details a {
color: #fff;
font-size:11px;
}
.more_posts .post_meta {
font-size: 12px;
line-height: 20px;
}
#bottombar .post_meta a {
color: #969696;
}
.more_posts .post_meta i {
font-size: 13px;
}
.more_posts .item_small:last-child {
border-width: 0;
}
.post_meta .fa {
margin-left: 5px;
}
.more_posts {
margin-top: 14px;
}
#bottombar .popular-posts li:last-child {
border-width: 0;
}
#bottombar .more_posts:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#bottombar .more_posts .item_small {
width: 100%;
padding: 0 0 0px;
margin: 0 0 10px;
}
#bottombar .more_posts .item_small:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#bottombar .more_posts .item_small .featured_thumb {
float: right;
width: 65px;
height: 65px;
margin: 0 0 0 10px;
}
#bottombar .more_posts .item_small .featured_thumb img {
width: 65px;
height: 65px;
}
#bottombar .more_posts .item_small .item-details h3 {
font-size: 12px;
line-height: 20px;
margin: 0 0 8px;
}
#bottombar .more_posts .post_meta {
font-size: 12px;
line-height: 20px;
}
#bottombar .post_meta a {
color: #969696;
}
#bottombar.more_posts .post_meta i {
font-size: 13px;
}
#bottombar .more_posts .item_small:last-child {
border-width: 0;
}
.social.with_color a:hover {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
.social a {
float: right;
text-align: center;
margin: 4px 4px 4px 0;
width: 34px;
height: 34px;
font-size: 16px;
color: #9E9E9E;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.social a i {
background: #F7F7F7;
border-radius: 2px;
border: 1px solid #EBEBEB;
padding: 8px 0;
display: block;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.social a:hover .fa-twitter, .social a:hover .icons-social-twitter, .with_color a .fa-twitter, .with_color a .icons-social-twitter {
background: #00abdc;
}
.social a:hover .fa-facebook, .social a:hover .icons-social-facebook, .with_color a .fa-facebook, .with_color a .icons-social-facebook {
background: #325c94;
}
.social a:hover .fa-dribbble, .social a:hover .icons-social-dribbble, .with_color a .fa-dribbble, .with_color a .icons-social-dribbble {
background: #fa4086;
}
.social a:hover .fa-rss, .social a:hover .icons-rss, .with_color a .fa-rss, .with_color a .icons-rss {
background: #f1862f;
}
.social a:hover .fa-github, .social a:hover .icons-social-github, .with_color a .fa-github, .with_color a .icons-social-github {
background: #333;
}
.social a:hover .fa-instagram, .with_color a .fa-instagram {
background: #964b00;
}
.social a:hover .fa-linkedin, .social a:hover .icons-social-linkedin, .with_color a .fa-linkedin, .with_color a .icons-social-linkedin {
background: #0073b2;
}
.social a:hover .fa-pinterest, .social a:hover .icons-social-pinterest, .with_color a .fa-pinterest, .with_color a .icons-social-pinterest {
background: #d9031f;
}
.social a:hover .fa-google-plus, .social a:hover .icons-social-google-plus, .with_color a .fa-google-plus, .with_color a .icons-social-google-plus {
background: #d9031f;
}
.social a:hover .fa-foursquare, .with_color a .fa-foursquare {
background: #0cbadf;
}
.social a:hover .fa-skype, .social a:hover .icons-social-skype, .with_color a .fa-skype, .with_color a .icons-social-skype {
background: #00b9e5;
}
.social a:hover .fa-cloud, .social a:hover .icons-social-soundcloud, .with_color a .fa-cloud, .with_color a .icons-social-soundcloud {
background: #ff7700;
}
.social a:hover .fa-youtube, .social a:hover .icons-social-youtube, .with_color a .fa-youtube, .with_color a .icons-social-youtube {
background: #d9031f;
}
.social a:hover .fa-tumblr, .social a:hover .icons-social-tumblr, .with_color a .fa-tumblr, .with_color a .icons-social-tumblr {
background: #325c94;
}
.social a:hover .fa-star, .with_color a .fa-star {
background: #F8AC24;
}
.social a:hover .fa-flickr, .social a:hover .icons-social-flickr, .with_color a .fa-flickr, .with_color a .icons-social-flickr {
background: #fa4086;
}
.social a:hover .fa-random, .with_color a .fa-random, .social a:hover .fa-envelope-o, .with_color a .fa-envelope-o, .social a:hover .fa-home, .with_color a .fa-home {
background: #1D1E20;
}
.social a:hover i, .with_color i {
color: #fff;
}
.with_color a i {
border: none !important;
}
#sidebartab ul.helploggercomments{list-style: none;margin: 0;padding: 0;}
#sidebartab .helploggercomments li {background: none !important;margin: 10px 0 6px !important;padding: 0 0 6px 0 !important;display: block;clear: both;overflow: hidden;list-style: none;word-break:break-all;}
#sidebartab .helploggercomments li .avatarImage {padding: 3px;
background: #fefefe;-webkit-box-shadow: 0 1px 1px #ccc;-moz-box-shadow: 0 1px 1px #ccc;box-shadow: 0 1px 1px #ccc;float: right;margin: 0 0 0 6px;position: relative;overflow: hidden;}
#sidebartab .avatarRound {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
#sidebartab .helploggercomments li img {padding: 0px;position: relative;overflow: hidden;display: block;}
#sidebartab .helploggercomments li span {margin-top: 4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
#bottombar ul.helploggercomments{list-style: none;margin: 0;padding: 0;margin-top: 14px;}
#bottombar .helploggercomments li {background: none !important;display: block;
clear: both;
overflow: hidden;
list-style: none;
word-break: break-all;
padding: 0 0 0px;
margin: 0 0 12px;
}
#bottombar .helploggercomments li .avatarImage {float: right;margin: 0 0 0 6px;position: relative;overflow: hidden;}
#bottombar .helploggercomments li img {padding: 0px;position: relative;overflow: hidden;display: block;}
#bottombar .helploggercomments li span {margin-top: 4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
#bottombar .helploggercomments li:last-child {
border-width: 0;
}
/* LABELED POSTS
-----------------------------------------------*/
.def_wgr {
min-width: 248px;
width: 46%;
box-sizing: border-box;
float: right;
position: relative;
}
.equal-posts img {
width: 248px;
height: 273px;
}
.gallery-posts .def_wgr:first-child {
margin: 0 0 0 10px;
}
.gallery-posts .def_wgr:first-child img {
width: 288px;
height: 245px;
}
.gallery-posts .def_wgr img {
width: 75px;
height: 75px;
}
.block-posts .item_small:first-child img {
width: 250px;
height: 326px;
}
.block-posts .item_small .featured_thumb a.first_A, .block-posts .item_small:first-child .featured_thumb {
width: 250px;
height: 326px;
overflow: hidden;
}
.block-posts .item_small:first-child .featured_thumb .thumb-icon {
width: 250px;
}
.block-posts .item_small:first-child .featured_thumb {
clear: both;
margin: 0;
}
.block-posts .item_small img {
width: 65px;
height: 65px;
}
.block-posts .item_small .featured_thumb a, .block-posts .item_small .featured_thumb {
display: block;
width: 65px;
height: 65px;
overflow: hidden;
}
.block-posts .item_small .featured_thumb .thumb-icon {
width: 65px;
}
.block-posts .item_small .featured_thumb {
float: right;
margin: 0 0 0 15px;
}
.gallery-posts .def_wgr:first-child {
min-width: 240px;
width: 288px;
height: 245px;
}
.gallery-posts .def_wgr {
min-width: 75px;
width: 75px;
margin: 0 10px 10px 0;
overflow: hidden;
}
.gallery-posts .def_wgr:first-child h3, .gallery-posts .def_wgr:first-child .details, .block-posts .item_small:first-child .featured_thumb a h3, .block-posts .item_small .details h3, .block-posts .item_small:first-child .details .s_category {
display: block;
}
.gallery-posts .def_wgr h3, .gallery-posts .def_wgr .details, .block-posts .item_small .featured_thumb a h3, .block-posts .item_small:first-child .details h3, .block-posts .item_small .details .s_category {
display: none;
}
.gallery-posts .def_wgr:first-child a.first_A {
height: 245px;
}
.gallery-posts .def_wgr a.first_A {
display: block;
height: 75px;
}
.block-posts .item_small {
float: right;
width: 49%;
box-sizing: border-box;
padding: 0 0 10px;
margin: 0 0 10px;
border-bottom: 1px solid #F1F1F1;
}
.block-posts .item_small:first-child {
width: 51%;
margin-left: 15px;
padding: 0;
margin: 0;
border-width: 0;
}
.block-posts .item_small:last-child {
padding: 0;
margin: 0;
border-width: 0;
}
.block-posts .item_small:first-child .featured_thumb a h3 {
font-size: 17px;
position: absolute;
bottom: 40px;
right: 0;
padding: 0 20px;
margin: 0 0 10px !important;
color: #FFF;
z-index: 98;
}
.block-posts .item_small:first-child .details {
color: #B4B4B4;
position: absolute;
bottom: 40px;
right: 21px;
width: 250px;
z-index: 98;
}
.block-posts .item_small:first-child .post_meta {
padding: 0 20px 0 20px;
font-size: 11px;
}
.block-posts .item_small:first-child .post_meta a {
color: #B4B4B4;
}
.block-posts .item_small:first-child .post_meta a:hover {
color: #fff !important;
}
.block-posts .item_small:first-child .post_meta a:nth-child(2) {
font-size: 13px;
float: left;
}
.gallery-posts .def_wgr:first-child a.first_A:after {
width: 100%;
height: 151px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD5KU9DpPCcsnFwrI1cdsbsiHczbkc3Cln0jW5xQdCRNIp60Vo8PG1QXsvRCuS37mKRSx0hA99brfzKYbHggM4USWzeT4B9k3KvfFZVOZAMYGOfl-V8onPdzhiCwgvh7mabahlqHrvPuy6/s1600/gradient.png') repeat-x scroll 0% 0% transparent;
}
.gallery-posts .def_wgr a.first_A:after {
background: none repeat scroll 0% 0% transparent;
height: 80px;
width: 80px;
}
.gallery-posts .def_wgr:first-child .featured_thumb .thumb-icon i {
top: -36px;
right: 20px;
font-size: 30px;
}
.gallery-posts .featured_thumb .thumb-icon i {
top: 20px;
right: 29px;
font-size: 18px;
}
.gallery-posts .def_wgr:first-child .featured_thumb:hover .thumb-icon i {
top: 20px;
}
.gallery-posts .featured_thumb:hover .thumb-icon i {
top: 30px;
}
.block-posts .item_small a.first_A:after, .def_wgr a.first_A:after {
content: no-close-quote;
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 151px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD5KU9DpPCcsnFwrI1cdsbsiHczbkc3Cln0jW5xQdCRNIp60Vo8PG1QXsvRCuS37mKRSx0hA99brfzKYbHggM4USWzeT4B9k3KvfFZVOZAMYGOfl-V8onPdzhiCwgvh7mabahlqHrvPuy6/s1600/gradient.png') repeat-x scroll 0% 0% transparent;
}
.equal-posts .def_wgr:first-child, .equal-posts .def_wgr:nth-child(3), .equal-posts .def_wgr:nth-child(5), .equal-posts .def_wgr:nth-child(7), .equal-posts .def_wgr:nth-child(9), .equal-posts .def_wgr:nth-child(11), .equal-posts .def_wgr:nth-child(13), .equal-posts .def_wgr:nth-child(15), .equal-posts .def_wgr:nth-child(17) {
margin: 0 0 0 20px;
}
.def_wgr h3 {
position: absolute;
bottom: 40px;
right: 0;
padding: 0 20px;
margin: 0 0 10px !important;
color: #FFF;
z-index: 98;
font-size: 17px;
}
.def_wgr .details {
position: absolute;
bottom: 20px;
right: 0;
width: 100%;
color: #FFF;
z-index: 98;
}
.def_wgr .s_category {
padding: 0 20px 0 0;
font-size: 11px;
}
.def_wgr .s_category a {
margin: 0 0 0 12px;
}
.def_wgr .details a, .def_wgr .details {
color: #B4B4B4;
}
.def_wgr .more_meta a {
margin: 0 10px 0 20px;
font-size: 13px;
float: left;
}
.wgr .details a:hover, .def_wgr .details a:hover {
color: #FFF;
}
.block-posts .item_small .details h3 {
font-size: 14px;
line-height: 20px;
margin: 0 0 8px;
}
.block-posts .item_small .details .post_meta a {
color: #C2C2C2;
margin: 0 0 0 12px;
transition: all 0.2s ease 0s;
font-size: 12px;
line-height: 20px;
}
.block-posts .item_small:first-child .details .post_meta a:nth-child(2) {
display: block;
}
.block-posts .item_small .details .post_meta a:nth-child(2) {
display: none;
}
.block-posts .item_small .featured_thumb .thumb-icon i {
font-size: 18px;
}
.block-posts .item_small:first-child .featured_thumb .thumb-icon i {
font-size: 30px;
}
#block_carousel {
margin: 0 -5px;
width: 102%;
}
#block_carousel .item {
margin: 0 6px;
}
#block_carousel .featured_thumb img {
height: 116px;
width: 165px;
}
#block_carousel .featured_thumb a {
display: block;
height: 116px;
}
#block_carousel h3 {
font-size: 15px !important;
line-height: 20px;
margin: 14px 0 2px;
font-weight: 700;
}
#block_carousel a.date_c {
display: block;
font-size: 11px;
color: #C2C2C2;
transition: all 0.2s ease 0s;
}
#block_carousel a.date_c:hover, .block-posts .item_small .details .post_meta a:hover {
color: #55B2F3;
}
#block_carousel .owl-controls, #block_carouselo .owl-controls {
bottom: auto;
top: -54px;
left: -16px;
background: none repeat scroll 0% 0% #FFF;
display: block;
z-index: 9;
padding: 0 7px 0 0;
}
#block_carouselo .owl-controls {
left: -20px;
}
#block_carousel .owl-controls .owl-page span, #block_carouselo .owl-controls .owl-page span {
width: 8px;
height: 8px;
margin: 3px 4px;
background: #7F8081;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#footer_carousel .owl-controls {
top: -45px;
left: -2px;
background: none repeat scroll 0% 0% #1D1E20;
display: block;
z-index: 9;
padding: 0 6px 0 0;
bottom: auto;
}
#footer_carousel .owl-controls .owl-buttons div {
margin: 0 !important;
padding: 0 6px !important;
background: none repeat scroll 0% 0% transparent !important;
color: #CECECE !important;
}
#footer_carousel img {
width: 269px !important;
height: 295px !important;
}
#block_carouselo .item {
margin: 0px 6px;
}
#block_carouselo .featured_thumb img {
height: 140px;
width: 198px;
}
#block_carouselo .featured_thumb .thumb-icon {
height: 140px;
width: 198px;
}
#block_carouselo h3 {
font-size: 15px !important;
line-height: 20px;
margin: 14px 0px 2px;
font-weight: 700;
}
#block_carouselo .featured_thumb a {
display: block;
height: 140px;
width: 198px;
}
ul.menubar li:last-child {
border: none;
}
.container,.main-menu {
width: 1190px;
margin: 0 auto;
}
.top-comment-widget-menu {
float: right;
margin: -15px 0 15px;
padding: 0;
width: 100%;
height: 40px;
background: #444444 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7vqtov3uPzZChbl4h-lUE1zFH3w4u7vmiiIzohzAenzPTcbvJpJeH-ODlrk84JfibrAV_Uz9fJmhyphenhyphen616vVJyiVYJTLcbEuUDfGbcw84nIBPNyfwChyphenhyphenQVm7iQoo_bcI6-omBRzLhNwBSU/s1600/menu-bg2.png) repeat;
}
.header h1.title:first-letter {
color: $(maincolor);
}
.top-comment {
float: right;
font-size: 14px;
list-style: none outside none;
text-transform: uppercase;
width: 43%;
margin: 1px;
padding: 10px 20px !important;
font-weight: normal;
color: #fff;
cursor: pointer;
}
.top-comment.selected {
cursor: pointer;
padding: 12px 20px !important;
margin: 0px -16px 0 0;
color: #FFF;
background:$(maincolor);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
*/]]>
<script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d1809358963062285117\x26blogName\x3d%D8%A8%D8%AB+%D8%A7%D9%84%D9%85%D8%A8%D8%A7%D8%B1%D9%8A%D8%A7%D8%AA+%D9%85%D8%A8%D8%A7%D8%B4%D8%B1+%D8%A7%D9%88%D9%86+%D9%84%D8%A7%D9%8A%D9%86\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://sport2o20.blogspot.com/search\x26blogLocale\x3dar\x26v\x3d2\x26homepageUrl\x3dhttp://sport2o20.blogspot.com/\x26readAccessMode\x3dPRIVATE\x26vt\x3d5574512404665568742',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
comments
true
الكاتب
TextAndImage
اخر تØديث
true
1x1
false
true
1
#ffffff
true
#000000
true
#008000
true
#0000ff
#ffffff
true
الاقسام
false
false
false
</div></div>
<div class="date-outer">
<div class="date-posts">
</div></div>
