border-bottom-right-radius:3px;
border-bottom-left-radius:3px;
}
#tag-widget9 .widget-content {
height:230px;
width : 100%;
background:#fff;
position :relative;
position :relative;
overflow:hidden;
padding:10px!important;
border-radius:1px;
-moz-border-radius:1px;
-webkit-border-radius:1px;
border:1px solid #DDD;
border-bottom-right-radius:3px;
border-bottom-left-radius:3px;
}
/*Comment tag
----------------------------------------------- */
.blogger .fbook {
position :relative
}
.blogger:before,.fbook:before {
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
text-decoration:inherit;
color:#fff;
font-size:22px;
padding-left:.5em;
top:0;
right:5px
}
.blogger:before {
content:"\f086"
}
.fbook:before {
content:"\f09a"
}
a.post_thumb img {
-moz-transition:opacity;
-moz-transition-timing-function:ease-in;
-moz-transition-duration:500ms;
-goog-ms-transition:opacity;
-goog-ms--transition-timing-function:ease-in;
-goog-ms--transition-duration:500ms;
-webkit-transition:opacity;
-webkit-transition-timing-function:ease-in;
-webkit-transition-duration:500ms;
}
a.post_thumb img:hover {
opacity:.4;
-moz-transition:opacity;
-moz-transition-timing-function:ease-out;
-moz-transition-duration:500ms;
-goog-ms-transition:opacity;
-goog-ms--transition-timing-function:ease-out;
-goog-ms--transition-duration:500ms;
-webkit-transition:opacity;
-webkit-transition-timing-function:ease-out;
-webkit-transition-duration:700ms;
}
#select21 {
padding:4px;
margin-right:7px;
font-size:13px;
height:25px;
border:1px solid #ccc;
position :absolute;
top:6px;
right:5%;
width : 70%;
background:#252525;
color:#FFF;
outline:none;
border:1px solid #000;
cursor:pointer
}
#selectnav2 {
padding:8px;
margin-right:7px;
font-size:13px;
height:34px;
border:1px solid #ccc;
position :absolute;
bottom:8px;
right:5%;
width : 70%;
background:#252525;
color:#FFF;
outline:none;
border:1px solid #000;
cursor:pointer
}
.selectnav {
display :none
}
/* Post by box
----------------------------------------------- */
.post_byfix {
float :right;
border:1px solid #ddd;
width : 100%;
overflow:hidden
}
.post_byimz {
display :block;
float :right;
padding:4px!important;
margin-right:2px!important;
padding-left:10px!important;
margin-top:1px!important;
overflow:hidden
}
.post_byimz img {
width : 80px;
height:80px
}
.post_by {
float :left;
color:#423119;
width : 100%;
font-family:Electrolize,GESSTwoMediumRegular;
font-weight:normal;
font-size:11px
}
.post_by ul {
margin:0;
padding:0
}
.post_by li {
list-style:none;
padding:3px 10px!important
}
#tag-widget1{
margin-top:10px;
width : 100%;
float :right;
font-family:open sans,Helvetica,san-serif;
font-weight:normal;
font-size:12px;}
#tag-widget2{
margin-top:10px;
width : 48.5%;
float :right;
font-family:open sans,Helvetica,san-serif;
font-weight:normal;
font-size:12px;}
#tag-widget3{
margin-top:10px;
width : 48.5%;
float :right;
margin-right:3%;
font-family:open sans,Helvetica,san-serif;
font-weight:normal;
font-size:12px;}
#tag-widget4{
margin-top:10px;
width : 100%;
float :right;
font-family:open sans,Helvetica,san-serif;
font-weight:normal;
font-size:12px;}
#tag-widget5{
margin-top:10px;
width : 48.5%;
float :right;
font-family:open sans,Helvetica,san-serif;
font-weight:normal;
font-size:12px;}
#tag-widget6{
margin-top:10px;
width : 48.5%;
float :right;
margin-right:3%;
font-family:open sans,Helvetica,san-serif;
font-weight:normal;
font-size:12px;}
#tag-widget7{
width : 100%;
margin-top:10px;
float :right;
font-family:open sans,Helvetica,san-serif;
font-weight:normal;
font-size:12px;}
#tag-widget8{
width : 100%;
margin-top:10px;
float :right;
font-family:open sans,Helvetica,san-serif;
font-weight:normal;
font-size:12px;}
#tag-widget9{
width : 100%;
float :right;
margin-top:10px;
margin-bottom:20px;
font-family:open sans,Helvetica,san-serif;
font-weight:normal;
font-size:12px;}
/* comment Tabbed-menu
----------------------------------------------- */
#com-tab {
width : 100%;
float :right;
padding-top:10px!important;
}
#com-tab-menu {
width : 100%;
float :right;
}
.com-tab-menu li.selected {
background-color:#3498db;
text-decoration:none
}
.com-tab-menu li {
font-family:Electrolize,GESSTwoMediumRegular;
font-weight:normal;
font-size:16px;
background-color:#2d2d2d;
color:#fff;
cursor:pointer;
float :right;
height:38px;
line-height:38px;
text-align:center;
width : 50%;
padding:0;
list-style:none
}
.com-tab-menu ul {
margin:0;
padding:0
}
.com-tab-menu {
overflow:hidden
}
/* SOCIAL MEDIA METRO STYLE*/
#sb-social-icons li {
float : right;
width : 133px;
height: 133px;
margin:0 0 6px 6px;
padding:0 0 0 0;
border-bottom: none;
list-style: none;
}
#sb-social-icons li a {
line-height: 1px;
display : block;
}
#sb-social-icons li a:hover img {
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
#sb-social-icons li a span {
display : none !important;
}
/* comment2 Tabbed-menu
----------------------------------------------- */
#com-tab2 {
width : 100%;
float :right;
padding-top:10px!important;
}
#com-tab2-menu {
width : 100%;
float :right;
}
.com-tab2-menu li.selected {
background-color:#3498db;
text-decoration:none
}
.com-tab2-menu li {
font-family:Electrolize,GESSTwoMediumRegular;
font-weight:normal;
font-size:16px;
background-color:#2d2d2d;
color:#fff;
cursor:pointer;
float :right;
height:38px;
line-height:38px;
text-align:center;
width : 50%;
padding:0;
list-style:none
}
.com-tab2-menu ul {
margin:0;
padding:0
}
.com-tab2-menu {
overflow:hidden
}
/* comment Tabbed-menu
----------------------------------------------- */
#com-tab {
width : 100%;
float :right;
padding-top:10px!important;
}
#com-tab-menu {
width : 100%;
float :right;
}
.com-tab-menu li.selected {
background-color:#3498db;
text-decoration:none
}
.com-tab-menu li {
font-family:Electrolize,GESSTwoMediumRegular;
font-weight:normal;
font-size:16px;
background-color:#2d2d2d;
color:#fff;
cursor:pointer;
float :right;
height:38px;
line-height:38px;
text-align:center;
width : 50%;
padding:0;
list-style:none
}
.com-tab-menu ul {
margin:0;
padding:0
}
.com-tab-menu {
overflow:hidden
}
/* comment2 Tabbed-menu
----------------------------------------------- */
#com-tab2 {
width : 100%;
float :right;
padding-top:10px!important;
}
#com-tab2-menu {
width : 100%;
float :right;
}
.com-tab2-menu li.selected {
background-color:#3498db;
text-decoration:none
}
.com-tab2-menu li {
font-family:Electrolize,GESSTwoMediumRegular;
font-weight:normal;
font-size:16px;
background-color:#2d2d2d;
color:#fff;
cursor:pointer;
float :right;
height:38px;
line-height:38px;
text-align:center;
width : 50%;
padding:0;
list-style:none
}
.com-tab2-menu ul {
margin:0;
padding:0
}
.com-tab2-menu {
overflow:hidden
}
/* Tabbed-menu
----------------------------------------------- */
#top-tab {
width : 100%;
float :right;
}
#top-tab .widget {
margin-bottom:10px;
}
.top-tab-widget-menu li.selected {
background-color:#27ae60;
text-decoration:none
}
.top-tab-widget-menu li {
font-family:Electrolize,GESSTwoMediumRegular;
font:normal normal 14px Electrolize,GESSTwoMediumRegular;
background-color:#2d2d2d;
bottom:-40px;
color:#ffffff;
cursor:pointer;
float :right;
height:38px;
line-height:38px;
text-align:center;
width : 50%;
padding:0;
list-style:none;
text-transform:uppercase
}
.top-tab-widget-menu ul {
margin:0;
padding:0
}
.top-tab-widget-menu {
font-family:Electrolize,GESSTwoMediumRegular;
font-weight:800;
text-transform:uppercase;
margin-bottom: 10px;
}
/* Tabbed-menu2
----------------------------------------------- */
#tab_fix {
margin-bottom:-2px!important
}
#tab_fix .widget {
margin-bottom:0;
padding-bottom:0
}
#top-tabv2 .widget-content ul li {
font-family:Electrolize,GESSTwoMediumRegular;
margin:0;
line-height:1.7em;
list-style-type:none;
list-style:none
}
#top-tabv2 .Label {
font-weight:bold;
font-family:Electrolize,GESSTwoMediumRegular;
margin:0;
line-height:1.7em;
list-style-type:none;
list-style:none
}
#top-tabv2 {
width : 100%;
float :right;
margin-bottom:-3px;
margin-top:-1px
}
#top-tabv2 .title > span {
display :none
}
.top-tab-widget-menuv2 li.selected {
background-color:#3498db;
text-decoration:none
}
.top-tab-widget-menuv2 li {
font-family:Electrolize,GESSTwoMediumRegular;
font:normal normal 14px Electrolize,GESSTwoMediumRegular;
background-color:#2d2d2d;
bottom:-40px;
color:#ffffff;
cursor:pointer;
float :right;
height:38px;
line-height:38px;
text-align:center;
width : 33.3%;
padding:0;
list-style:none;
text-transform:uppercase
}
.top-tab-widget-menuv2 ul {
margin:0;
padding:0
}
.top-tab-widget-menuv2 {
overflow:hidden
}
/* Back to Top
----------------------------------------------- */
#scroll {
position :fixed;
left:10px;
bottom:10px;
cursor:pointer;
width : 40px;
height:40px;
background-color:#3498db;
text-indent:-9999px;
display :none;
-webkit-border-radius:60px;
-moz-border-radius:60px;
border-radius:60px
}
#scroll span {
position :absolute;
top:50%;
right:50%;
margin-right:-8px;
margin-top:-12px;
height:0;
width : 0;
border:8px solid transparent;
border-bottom-color:#ffffff
}
#scroll:hover {
background-color:#2d2d2d;
opacity:1;filter:"alpha(opacity=100)";
-ms-filter:"alpha(opacity=100)";}
/* PopularPosts
----------------------------------------------- */
.PopularPosts .quickedit > img {
height: 19px !important;
width : 22px !important;
}
.PopularPosts .item-thumbnail img {
padding:4px;
height:150px;
width : 100%;
display : block;
}
.PopularPosts .item-thumbnail {
margin:0 0 0 5px}
.PopularPosts .item-title {
font-family:Electrolize,GESSTwoMediumRegular;
font-weight:bold;
padding-bottom:.2em;
text-shadow:0 1px 0 #fff
}
#side .PopularPosts .widget-content {
padding: 10px 20px;
}
.PopularPosts li {
display : block;
padding: 10px 0!important;
border-bottom: 1px solid #f8f8f8;
}
.PopularPosts li:last-child {
border-bottom: none;
}
.PopularPosts li .item-thumbnail {
width : 100%;
height: 150px;
margin-bottom: 10px;
}
.PopularPosts li .item-title {
font: normal normal 20px Electrolize,GESSTwoMediumRegular;
font-size: 15px;
}
.PopularPosts li .item-title a:hover {
color: #555;
}
.PopularPosts li .item-snippet {
font-size: 12px;
line-height: 1.5em;
margin:10px 0 0 0;
}
.PopularPosts li .item-title a {
color: black;
}
/* Flicker Image Gallery
----------------------------------------------- */
.flickr {
width : 250px
}
.flickr_badge_image {
float :right;
height:60px;
margin:5px;
width : 65px
}
.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;
}
/* Navigation
----------------------------------------------- */
#nav {
width : 100%;
display :block;
font:normal normal 13px Electrolize,GESSTwoMediumRegular;
border-bottom:5px solid #25282A;
text-transform:uppercase;
background-color:#e84c3d;
background-repeat:repeat-x;
height:55px;
padding-right:10px;
}
#nav ul {
height:50px;
margin:0;
padding:0;
}
#nav li {
position :relative;
display :inline-block;
float :right;
border-width : 0 0 0 1px;
height:50px;
}
#nav li a {
display :block;
line-height:50px;
height:50px;
text-decoration:none;
color:#ffffff;
padding:0 15px;
}
#nav li:last-child a {
border-left:0 none;
}
#nav li a:hover {
color:#fff;
background-color:#2d2d2d;
}
#nav ul.submenu li:hover {
none;
}
#nav ul.submenu li {
float :none;
width : 100%;
margin:0;
border-bottom:1px solid #222;
border-top:1px solid #383838;
border-right:0px none;
height:35px;
}
#nav ul.submenu {
display :none;
padding:0;
position :absolute;
top:54px;
width : 180px;
z-index:99;
float :right;
background:#2D2D2D!important;
-webkit-box-shadow:0 3px 4px 1px rgba(0,0,0,0.2);
box-shadow:0 3px 4px 1px rgba(0,0,0,0.2);
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
-moz-border-bottom-left-radius:3px;
-moz-border-bottom-right-radius:3px;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
height:auto;
}
#nav ul.submenu.hidden {
display :block;
-khtml-opacity:0;
-moz-opacity:0;
opacity:0;
visibility:hidden;
-webkit-transition:all .5s ease 0;
-o-transition:all .5s ease 0;
transition:all .5s ease 0;
-moz-transition:all .5s ease 0;
}
#nav li:hover ul.submenu.hidden {
-khtml-opacity:1;
-moz-opacity:1;
opacity:1;
visibility:visible;
}
#nav ul.submenu li:first-child {
border-top:0 none;
}
#nav ul.submenu a {
height:35px;
line-height:1em;
padding:7px 10px;
margin-top:4px;
}
#nav ul.submenu a:hover {
padding-right:15px;
}
#nav li.mhome {
border:0;
margin-top:0;
height:55px;
padding-left:2px;
}
#nav li.mhome a {
margin-top:-5px;
height:56px;
border-right:0 none;
text-indent:-9999px;
width : 58px;
background-color: #25282A;
background-image:url('http://1.bp.blogspot.com/-2cGZeYsERUI/UmSaCjdTxdI/AAAAAAAAAIk/S2pB53AhCSE/s1600/icon_home.png');
background-repeat:no-repeat;
background-position :50% 16px;
}
/* Navigation2
----------------------------------------------- */
#nav2 {
font:normal normal 100% Electrolize,GESSTwoMediumRegular;
text-transform:uppercase;
position :absolute;
width : 100%;
background-color:#2e2e2e;
background-repeat:repeat-x;
height:32px;
padding-right:10px
}
#nav2 li:hover a {
color:#ffffff;
background-color:#3498db
}
#nav2 ul {
height:18px;
margin:0;
padding:0
}
#nav2 li {
position :relative;
display :inline-block;
float :right;
border-width : 0 0 0 1px;
height:24px;
margin-top:5px
}
#nav2 li a {
display :block;
line-height:22px;
height:22px;
text-decoration:none;
color:#ffffff;
padding:0 15px;
}
#nav2 li:last-child a {
border-left:0 none
}
#nav2 ul.submenu2 li {
float :none;
width : 100%;
margin:0;
border-bottom:1px solid #222;
border-top:1px solid #383838;
border-right:0 none;
height:30px
}
#nav2 ul.submenu2 {
display :none;
padding:0;
position :absolute;
top:30px;
width : 180px;
z-index:99;
float :right;
background:#2D2D2D!important;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
-moz-border-bottom-left-radius:3px;
-moz-border-bottom-right-radius:3px;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
height:auto
}
#nav2 ul.submenu2.hidden {
display :block;
-khtml-opacity:0;
-moz-opacity:0;
opacity:0;
visibility:hidden;
-webkit-transition:all .5s ease 0;
-o-transition:all .5s ease 0;
transition:all .5s ease 0;
-moz-transition:all .5s ease 0
}
#nav2 li:hover ul.submenu2.hidden {
-khtml-opacity:1;
-moz-opacity:1;
opacity:1;
visibility:visible
}
#nav2 ul.submenu2 li:first-child2 {
border-top:0 none
}
#nav2 ul.submenu2 a {
height:30px;
line-height:1em;
padding:7px 10px
}
#nav2 ul.submenu2 a:hover {
padding-right:15px
}
/* Navigation3
----------------------------------------------- */
#nav3 {
font:normal normal 13px Electrolize,GESSTwoMediumRegular;
text-transform:uppercase;
position :absolute;
width : 100%;
background-color:#2e2e2e;
background-repeat:repeat-x;
height:40px;
padding-left:10px;
}
#nav3 li:hover a {
color:#ffffff;
background-color:#e74c3c
}
#nav3 ul {
height:40px;
margin:0;
padding:0
}
#nav3 li {
position :relative;
display :inline-block;
float :left;
border-width : 0 0 0 1px;
height:40px;
margin-top:9px
}
#nav3 li a {
display :block;
line-height:22px;
height:22px;
text-decoration:none;
color:#ffffff;
padding:0 15px;
}
#nav3 li:last-child a {
border-left:0 none
}
#nav3 ul.submenu3 li {
float :none;
width : 100%;
margin:0;
border-bottom:1px solid #222;
border-top:1px solid #383838;
border-right:0 none;
height:30px
}
#nav3 ul.submenu3 {
display :none;
padding:0;
position :absolute;
top:30px;
width : 180px;
z-index:99;
float :right;
background:#2D2D2D!important;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
-moz-border-bottom-left-radius:3px;
-moz-border-bottom-right-radius:3px;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
height:auto
}
#nav3 ul.submenu3.hidden {
display :block;
-khtml-opacity:0;
-moz-opacity:0;
opacity:0;
visibility:hidden;
-webkit-transition:all .5s ease 0;
-o-transition:all .5s ease 0;
transition:all .5s ease 0;
-moz-transition:all .5s ease 0
}
#nav3 li:hover ul.submenu2.hidden {
-khtml-opacity:1;
-moz-opacity:1;
opacity:1;
visibility:visible
}
#nav3 ul.submenu3 li:first-child3 {
border-top:0 none
}
#nav3 ul.submenu3 a {
height:30px;
line-height:1em;
padding:7px 10px
}
#nav3 ul.submenu3 a:hover {
padding-right:15px
}
/* Search Box
----------------------------------------------- */
#search-fix {
padding-bottom:15px!important
}
#searchformfix {
width : 20%;
float :left;
margin-top:1px!important;
margin-left:20px!important;
overflow:hidden
}
#searchform {
width : 100%;
float :right;
margin:6px 0 0;
padding:0
}
#searchform fieldset {
padding:0;
border:none;
margin:0
}
#searchform input[type=text] {
border:1px solid #e1e1e1;
float :right;
padding:0 15px 0 10px;
margin:0;
width : 85%;
height:37px;
line-height:38px;
color:#aaa;
font-size:12px
}
#searchform input[type=submit] {
background:url(http://4.bp.blogspot.com/-R8OKVUsis3s/UgZEksy0V1I/AAAAAAAAAT4/QtN9sBHMZis/s1600/icon-search.png) center 11px no-repeat;
cursor:pointer;
margin:0;
padding:0;
width : 37px;
height:37px;
max-width : 15%;
max-height:100%;
line-height:38px;
background-color:#f39c12
}
input[type=submit] {
padding:4px 17px;
fontcolor:#ddd;
text-transform:uppercase;
border:none;
font-size:20px;
background:url(gradient.png) bottom repeat-x;
cursor:pointer;
margin-top:10px;
float :right;
overflow:visible
}
#searchform input[type=submit]:hover {
background-color:#111111
}
/* Follow by Email
----------------------------------------------- */
.FollowByEmail .follow-by-email-inner {
position : relative;
}
.follow-by-email-inner {
background: none repeat scroll 0 0 #e74c3c;
padding: 15px;
}
.follow-by-email-inner:before {
color: #fff;
content: "انضم لالاف المشتركين ! احصل على جديد المقالات تصلك لبريدك الالكتروني .";
font-family: Electrolize,GESSTwoMediumRegular;
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address{
border: 1px solid #ddd;
font-size: 13px;
height: 28px;
padding-right: 2px;
width : 100%
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
background: #2c3e50;
border: 0 none;
color: #FFF;
cursor: pointer;
font-size: 11px;
height: 28px;
margin: 0 3px;
width : 80px;
z-index: 0;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {
background: #111;}
/* Contact form
----------------------------------------------- */
.contact-form-button{
width : 95%;
margin-top:10px;
border:none !important;
}
.contact-form-name,.contact-form-email,.contact-form-email-message{
max-width : 95%;
margin-bottom:5px;
color:#333;
}
.contact-form-email:hover,.contact-form-name:hover,.contact-form-email-message:hover{
box-shadow:none
}
input:focus,.contact-form-email-message{
box-shadow:none
}
.contact-form-email-message{
border:none !important;
border-top:0px;
border:0px
}
.contact-form-email, .contact-form-name{
border:none;
background:#fff;
border:none !important;
padding:5px;
}
.contact-form-name, .contact-form-email, .contact-form-email-message{
background:#fff;
padding:5px;
}
.contact-form-button-submit{
background:#c0392b;
border:none !important;
box-shadow:none !important;
border-radius:none !important;
cursor:pointer
}
.contact-form-button-submit:hover {
background:#e74c3c;
border:none !important;
box-shadow:none !important;
border-radius:none !important;
cursor:pointer
}
/* Top Date
----------------------------------------------- */
#date_wrapper {
color:#fff;
margin-top:8px;
margin-left:10px;
float :left;
font-size:12px;
font-weight:bold;
font-family:Electrolize,GESSTwoMediumRegular;
padding:0 10px;position :relative!important;
display :inline-block;
}
/*Top Hide Menu
----------------------------------------------- */
#social_icons {
float :l;
text-align:left;
position :relative!important;
display :inline-block;
position :relative;
z-index:1
}
#social_icons ul {
display :block;
height:32px;
margin:0
}
#social_icons li {
display :inline-block;
float :right;
width : 32px;
height:32px;
opacity:0.8;
background-position :right top;
-webkit-transition:All .4s ease;
-moz-transition:All .4s ease;
-o-transition:All .4s ease
}
#social_icons li:hover {
opacity:1;
background-position :right -32px
}
#social_icons li a {
display :inline-block;
width : 32px;
height:32px
}
#social_icons li a span {
display :none
}
#social_icons li.facebook {
background-image:url(https://lh6.googleusercontent.com/-sbybihVrVuc/UHOTA49XRvI/AAAAAAAAEFY/08OCFvAm_wE/s64/social_network_facebook.png)
}
#social_icons li.twitter {
background-image:url(https://lh3.googleusercontent.com/-NskGHQfbyOA/UHOTDD3zdjI/AAAAAAAAEF4/sjChvedQgB8/s64/social_network_twitter.png)
}
#social_icons li.linkedin {
background-image:url(https://lh5.googleusercontent.com/-iwc7BZN6aAo/UHOTBxWKMSI/AAAAAAAAEFk/acmiao2JW-k/s64/social_network_linkedin.png)
}
#social_icons li.tumblr {
background-image:url(https://lh5.googleusercontent.com/-oceB8nmgiZ0/UHOTC4MmfwI/AAAAAAAAEF0/sbbGNL4ZTeg/s64/social_network_tumblr.png)
}
#social_icons li.vimeo {
background-image:url(https://lh4.googleusercontent.com/-apJrWCzYm-A/UHOTDZALThI/AAAAAAAAEGA/SpSImNuMR5I/s64/social_network_vimeo.png)
}
#social_icons li.skype {
background-image:url(https://lh3.googleusercontent.com/-HunH1J-7iZk/UHOTCtdNsFI/AAAAAAAAEFw/Pu2WkzQWNhU/s64/social_network_skype.png)
}
#social_icons li.youtube {
background-image:url(https://lh3.googleusercontent.com/-WtmigBJcc7g/UHOTDv29ObI/AAAAAAAAEGE/vVRRs-RkzBs/s64/social_network_youtube.png)
}
#social_icons li.myspace {
background-image:url(https://lh6.googleusercontent.com/-AZt4w13HI-8/UHOTCaA1hyI/AAAAAAAAEFs/pJ1Bhis11O0/s64/social_network_myspace.png)
}
#social_icons li.googleplus {
background-image:url(https://lh5.googleusercontent.com/-mpeEl_TsIio/UHOTBq0XpmI/AAAAAAAAEFo/JeTzX9DWfbE/s64/social_network_googleplus.png)
}
#social_icons li.behance {
background-image:url(https://lh3.googleusercontent.com/-2bMANwxxqFI/UHOTADnrU9I/AAAAAAAAEFA/pEnqIVf3YzE/s64/social_network_behance.png)
}
#social_icons li.deviantart {
background-image:url(https://lh6.googleusercontent.com/-IvvW31ras2k/UHOTAXEtvDI/AAAAAAAAEFE/sOP5PCIDCqg/s64/social_network_deviantart.png)
}
#social_icons li.envato {
background-image:url(https://lh6.googleusercontent.com/-kRzjnO4xkco/UHOTA_vPK4I/AAAAAAAAEFQ/4roU9z-WArc/s64/social_network_envato.png)
}
#social_icons li.flickr {
background-image:url(https://lh4.googleusercontent.com/-fTxKi1uGenI/UHOTBtZabNI/AAAAAAAAEFg/htMsgs1jRVU/s64/social_network_flickr.png)
}
.hidebg {
margin-top:40px;
position :absolute
}
/* Flex-slider
----------------------------------------------- */
#flex-slider {
float :right;
position :relative;
margin-bottom:30px;
width : 100%;
}
#flex-slider .widget h2,.tabs-wrap .widget h2,.flex-active {
display :none;
}
.flex-slider {
position :relative;
overflow:hidden;
background-color:#fff;
}
.flex-slider_wrap {
position :relative;
height:360px;
overflow:hidden;
padding:0;
}
.flex-slider_item {
height:360px;
overflow:hidden;
width : 100%;
}
.flex-slider .slides img {
width : 100%;
height:360px;
}
.flex-slider .slider_caption {
width : 80%;
position :absolute;
right:15px;
bottom:15px;
background:rgba(0,0,0,.80);
color:#f5f5f5;
margin:0;
padding:10px;
}
.flex-slider .item-thumbnail img {
width : 100%;
height:360px;
overflow:hidden;
}
.flex-slider_wrap .flex-slider_item {
display :none;
position :relative;
}
.flex-slider .slider_caption h3 {
position :absolute;
margin-top:-50px;
font-size:18px;
line-height:27px;
background:rgba(255,30,0,0.70);
color:#f5f5f5;
padding:2px 10px;
}
.flex-slider .slider_caption h3 a {
font-family:Electrolize,GESSTwoMediumRegular;
color:#fff;
}
.flex-slider .slider_caption h3 a:hover {
color:#eee;
}
.flex-slider .slider_caption p {
clear:both;
line-height:18px;
margin-bottom:10px;
color:#fff;
}
.flex-slider .flex-direction-nav a {
font-size:0;
width : 30px;
background:#df0f0f;
height:30px;
display :block;
position :absolute;
left:0;
bottom:0;
cursor:pointer;
z-index:99;
opacity:1;
}
.flex-slider .flex-direction-nav .flex-next {
bottom:330px;
left:0;
background:rgba(0,0,0,.63) url(http://4.bp.blogspot.com/-srLWTNcDLq4/Usepc2HhQbI/AAAAAAAABIc/oKdU0MywCaA/s16/previous_right.png)center no-repeat;
z-index:99;
}
.flex-slider .flex-direction-nav .flex-prev {
bottom:330px;
left:30px;
background:rgba(0,0,0,.63) url(http://2.bp.blogspot.com/-ZxlE8S9400M/UseprKI_EwI/AAAAAAAABIk/oN1-JRam59E/s16/next_left.png)center no-repeat;
z-index:99;
}
.flex-direction-nav {
height:0;
list-style:none;
margin:0;
padding:0;
}
.flex-slider .flex-control-nav.flex-control-paging {
position :absolute;
top:15px;
z-index:2;
right:15px;
}
.flex-control-nav.flex-control-paging,.flex-control-nav.flex-control-paging li {
list-style:none;
text-align:right;
margin:0;
padding:0;
}
.flex-control-nav.flex-control-paging li {
display :inline-block;
}
.flex-control-nav.flex-control-paging a {
display :inline-block;
text-indent:-9999px;
width : 10px;
height:10px;
background-color:#ffffff;
cursor:pointer;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
margin:0 5px;
}
.flex-control-nav.flex-control-paging a.flex-active {
background-color:#df0f0f;
}
/* Tag-post
----------------------------------------------- */
.comnum .date {
position :relative;
}
.comnum:before,.date:before {
font-family:FontAwesome;
text-decoration:inherit;
font-weight:normal;
color:#999;
font-size:13px;
padding-right:.5em;
top:0;
right:5px;
}
.comnum:before {
content:"\F086";
}
.date:before {
content:"\F017";
}
.post-meta {
color:#999;
margin-top:6px;
display :block;
font-size:12px;
font-family:Electrolize,GESSTwoMediumRegular;
font-weight:normal;
margin-right:4px;
}
.post-meta a {
color:#aaa;
}
.post-meta a:hover {
border-bottom:1px #000 dotted;
color:#000;
text-decoration:none;
}
.tag-post1 p,.tag-post2 p,.tag-post3 p {
color:#666;
font-family:Electrolize,GESSTwoMediumRegular;
font-size:13px;
font-weight:normal;
margin-right:4px;
display :block;
width : 100%;
}
.tag-post1 h3 a:link,.tag-post1 h3 a:visited,.tag-post2 h3 a:link,.tag-post2 h3 a:visited,.tag-post3 h3 a:link,.tag-post3 h3 a:visited,.tag-post4 h3 a:link,.tag-post4 h3 a:visited,.tag-post5 h3 a:link,.tag-post5 h3 a:visited {
color:#000;
}
.tag-post1 h3 a:hover,.tag-post2 h3 a:hover,.tag-post3 h3 a:hover,.tag-post4 h3 a:hover,.tag-post5 h3 a:hover {
color:#555;
}
.tag-post1 h3 a:active,.tag-post2 h3 a:active,.tag-post3 h3 a:active,.tag-post4 h3 a:active,.tag-post5 h3 a:active {
color:#555;
}
.tag-post2 li:first-child h3,.tag-post3 li:first-child h3,.tag-post1 li:first-child h3 {
color:#000;
font-family:Electrolize,GESSTwoMediumRegular;
font-size:17px;
font-weight:400;
line-height:1.4em;
}
.tag-post2 li h3,.tag-post3 li h3,.tag-post1 li h3,.car-box li h3,.car-box li:first-child h3,.tag-post4 li h3,.tag-post5 li h3 {
color:#000;
font-family: Electrolize,GESSTwoMediumRegular;
font-size:14px;
font-weight:400;
line-height:1.4em;
}
.tag-post2 li:first-child h3,.tag-post1 li:first-child h3 {
clear:both;
padding:10px 0 2px 3px!important;
}
.tag-thumbnail img {
-webkit-transition-duration: 1.0s; /*Webkit: Animation duration*/
-moz-transition-duration: 1.0s; /*Mozilla Animation duration*/
-o-transition-duration: 1.0s; /*Opera Animation duration*/
}
.tag-thumbnail img:hover{
-webkit-transform:scale(1.06); /*Webkit: 0.5 times the original Image size*/
-moz-transform:scale(1.06); /*Mozilla 0.5 times the original Image size*/
-o-transform:scale(1.06); /*Opera 0.5 times the original Image size*/
}
.tag-post1 li {
display :block;
overflow:hidden;
border-bottom:1px solid #eaeaea;
float :left;
padding:7px 0!important;
width : 47%;
}
.tag-post1 li:first-child {
display :block;
border-bottom:0;
float :right;
margin:0 10px 0 0!important;
width : 50%;
}
.tag-post1 li:first-child .tag-thumbnail,.tag-post1 li:first-child .tag-thumbnail img {
float :right;
width : 100%;
max-height:100%;
height:180px;
margin:0 0 0 10px;
z-index:1;
overflow:hidden;
}
.tag-post2.last-column {
margin-right:0;
margin-left:0;
}
.tag-post2 li {
overflow:hidden;
padding:7px 0!important;
border-bottom:1px solid #eaeaea;
}
.tag-post2 li:first-child .tag-thumbnail {
float :right;
height:180px;
margin:0 0 0 7px;
overflow:hidden;
width : 100%;
z-index:1;
}
.tag-post2 li:first-child .tag-thumbnail img {
height:180px;
width : 100%;
z-index:1;
}
.tag-post2 li:first-child {
border-bottom:1px solid #eaeaea;
padding:0 0 10px;
}
.tag-post3 {
float :right;
position :relative;
width : 100%;
}
.tag-post3 li {
border-bottom:1px solid #eaeaea;
float :right;
height:auto;
margin-left:20px;
overflow:hidden;
padding:10px 0!important;
width : 47.6%;
}
.tag-post3 ul {
overflow:hidden;
width : 105%;
}
.tag-post3 li:first-child {
border-bottom:1px solid #eaeaea;
float :none;
height:auto;
margin:0;
padding:0 0 10px;
width : 95%;
}
.tag-post3 li:first-child .tag-thumbnail {
float :right;
height:180px;
margin:0 0 0 15px;
margin-left:15px;
overflow:hidden;
width : 50%;
}
.tag-post3 li:first-child .tag-thumbnail img {
height:180px;
width : 100%;
}
.loding {
background-image:url(https://lh3.googleusercontent.com/-FiCzyOK4Mew/T4aAj2uVJKI/AAAAAAAAPaY/x23tjGIH7ls/s32/ajax-loader.gif);
background-repeat:no-repeat;
background-position :50% 50%;
height:150px;
}
.pic_tag-post6 {
width : 100%;
position :relative;
}
.pic_tag-post6 .tag-ct ul li:first-child {
float :right;
padding:0;
width : 50%;
margin:0 0 0 10px;
}
.pic_tag-post6 .tag-ct li:first-child .tag-thumbnail {
float :right;
height:200px;
overflow:hidden;
padding:0;
width : 100%;
z-index:1;
}
.pic_tag-post6 .tag-ct li:first-child .tag-thumbnail img {
float :right;
height:200px;
width : 100%;
z-index:1;
}
.pic_tag-post6 .tag-ct ul li {
float :right;
margin:0 10px 10px 0;
overflow:hidden;
}
.pic_tag-post6 .tag-ct li:first-child .tag-thumbnail a {
color:#FFF;
}
.pic_tag-post6 .tag-ct li a {
display :block;
}
.pic_tag-post6 li .tag-thumbnail,.pic_tag-post6 li .tag-thumbnail img {
height:60px;
margin:0;
overflow:hidden;
width : 60px;
z-index:1;
}
.pic_tag-post6 li .tag-thumbnail,.pic_tag-post6 li .tag-thumbnail {
height:60px;
width : 60px;
z-index:1;
}
.tag-post2,.tag-post4,.tag-post5 {
position :relative;
width : 100%;
}
.tag-post1 li .tag-thumbnail,.tag-post1 li .tag-thumbnail img,.tag-post2 li .tag-thumbnail,.tag-post2 li .tag-thumbnail img,.tag-post3 li .tag-thumbnail,.tag-post3 li .tag-thumbnail img,.tag-post4 li .tag-thumbnail,.tag-post4 li .tag-thumbnail img {
float :right;
overflow:hidden;
margin:0 0 0 10px;
max-width : 100%;
height:70px;
width : 70px;
z-index:1;
}
.tag-post2 li:first-child p,.tag-post4 li p,.tag-post5 li p {
padding:0;
}
.tag-post3 li .widget,.pic_tag-post6 .widget {
overflow:hidden;
position :relative;
}
.tag-post4 li,.tag-post5 li {
border-bottom:1px solid #eaeaea;
overflow:hidden;
padding:7px 0!important;
}
.tag-post4 p,.tag-post5 li .tag-thumbnail,.tag-post5 p,.pic_tag-post6 h3,.pic_tag-post6 .tag-ct li span,.pic_tag-post6 p {
display :none;
}
/* Newsticker
----------------------------------------------- */
.news-ticker h3 a:link {color:#fff;}
.news-ticker h3 a:visited {color:#fff;}
.news-ticker h3 a:hover {color:#ccc;}
.news-ticker h3 a:active {color:#fff;}
.news-ticker li h3 {
font-family:Electrolize,GESSTwoMediumRegular;
font-size:12px;
font-weight:normal;
line-height:1.4em;
display :inline-block;
margin-left:15px;
margin-top:10px;
}
.news-ticker {
float :right;
width : 100%;
overflow:hidden;
padding:20px 23px 0px 23px;
background:#333;
}
.news-ticker li {
width : auto;
height:40px;
overflow:hidden;
float : right;
background:#34495e;
white-space:nowrap;
}
.news-ticker li .tag-thumbnail {
float :right;
overflow:hidden;
margin:0 0 0 10px;
max-width : 100%;
height:40px;
width : 40px;
z-index:1;
border:0px solid #DDDDDD;
}
.news-ticker li .tag-thumbnail img {
float :right;
overflow:hidden;
margin:0 0 0 0px;
max-width : 100%;
height:40px;
width : 40px;
z-index:1;
border:0px solid #DDDDDD;
}
.news-ticker .post-meta {
display :none;
}
.news-ticker p {
display :none;
}
#headlines {
overflow:hidden;
position :relative;
line-height:30px;
background:#34495e;
height:50px;
padding:0 135px 0 0;
}
#headlines h2 {
color:#fff;
font-family:Electrolize,GESSTwoMediumRegular;
font-size:17px;
font-weight:400;
text-transform:uppercase;
margin-right:-115px;
margin-top:10px;
position :absolute;
}
#headlines .left_arrow {
padding:0 110px 0 40px;
display :block;
background:url(http://1.bp.blogspot.com/-jGVVR1PuJzM/UwprLD6l7nI/AAAAAAAACeo/WaiCjoA4_WU/s1600/break.png) no-repeat left center;
height:46px;
line-height:46px;
position :absolute;
right:10px;
top:3px;
}
div.htick {
margin:0;
padding:0 20px 0 40px;
overflow:hidden;
}
div.htick-text {
margin-top:4px;
position :absolute;
overflow:hidden;
white-space:nowrap;
}
/* slider
----------------------------------------------- */
#carousel h3 a:link {color:#fff;}
#carousel h3 a:visited {color:#fff;}
#carousel h3 a:hover {color:#ccc;}
#carousel h3 a:active {color:#fff;}
#carousel h3 {
font-family:Electrolize,GESSTwoMediumRegular;
font-size:14px;
line-height:1.4em;
clear:both;
padding:10px 0 2px 3px !important;
}
#carousel ul {
list-style: none;
display : block;
margin: 0;
padding: 0;
}
#carousel {
height:auto;
width : 100%;
overflow:hidden;
}
#carousel li {
float :right;
max-width : 100%;
width : 216px;
height:auto;
position :relative;
margin:0px 4px 80px 5px;
}
#carousel li p {
margin:0;
padding:0;
}
#carousel .tube {
display :block;
width : 50px;
height:50px;
position :absolute;
top:28%;
right:36%;
z-index:9;
background:url(http://2.bp.blogspot.com/-HrRXQhse0k8/UwJeWalQEsI/AAAAAAAABd4/o7BhTBRgyBg/s1600/tube.png) no-repeat;
}
#carousel #next2,#carousel #prev2 {
color:#333;
font-size:30px;
background:rgba(155,89,182,.62);
position :absolute;
top:29%;
width : 30px;
height:30px;
overflow:hidden;
display :block;
z-index:10;
text-align:center;
opacity:0;
padding:3px 7px;
}
#carousel #next2 {
display :block;
color:#fff;
font-size:30px;
line-height:20px;
right:0;
cursor:pointer;
}
#carousel #prev2 {
display :block;
color:#fff;
font-size:30px;
line-height:20px;
left:0;
cursor:pointer;
}
#carousel:hover #next2,#carousel:hover #prev2 {
opacity:1;
}
#carousel h3 a:link,#carousel h3 a:visited,#carousel h3 a:active {
color:#333;
}
#carousel li .tag-thumbnail,#carousel li .tag-thumbnail img {
width : 100%;
height:150px;
overflow:hidden;
}
#carousel .post-meta,#carousel p {
display :none;
}
/* Vertical Slider
----------------------------------------------- */
#carvertical h3 a:link {color:#fff;}
#carvertical h3 a:visited {color:#fff;}
#carvertical h3 a:hover {color:#ccc;}
#carvertical h3 a:active {color:#fff;}
#carvertical h3 {
display :block;
text-align:center;
font-family:Electrolize,GESSTwoMediumRegular;
font-size:14px;
line-height:1.4em;
margin-top:-80px;
background:rgba(0,0,0,0.22);
padding:20px;
position :absolute;
max-width : 280px;
width : 100%;
}
#carvertical {
width : 100%;
height:100%;
max-height:550px;
margin:0px 0px 30px 0px;
overflow:hidden;
}
#carvertical ul {
list-style: none;
display : block;
margin: 0;
padding:0px 0px 30px 0px;
overflow:hidden;
}
#carvertical li {
float :right;
width : 100%;
height:auto;
margin:0 0 10px;
overflow:hidden;
}
#carvertical li p {
margin:0;
padding:0;
}
#carvertical #next,#carvertical #prev {
color:#fff;
font-size:30px;
background:rgba(243,156,18,0.62);
position :absolute;
width : 30px;
height:30px;
overflow:hidden;
display :block;
z-index:10;
padding:3px 7px;
text-align:center;
opacity:0;
}
#carvertical #next {
display :block;
color:#fff;
font-size:30px;
line-height:20px;
left:11px;
cursor:pointer;
}
#carvertical #prev {
display :block;
color:#fff;
font-size:30px;
line-height:20px;
left:11px;
margin-top:-40px;
cursor:pointer;
}
#carvertical:hover #next,#carvertical:hover #prev {
opacity:1;
}
#carvertical h3 a:link,#carvertical h3 a:visited,#carvertical h3 a:active {
color:#fff;
}
#carvertical li .tag-thumbnail,#carvertical li .tag-thumbnail img {
width : 100%;
height:150px;
}
#carvertical .post-meta,#carvertical p {
display :none;
}
/* Hotticker
----------------------------------------------- */
#hot-ticker{font-family:Electrolize,GESSTwoMediumRegular;
font-size:12px;
font-weight:normal;
margin-top:5px;margin-right:60px;
color:#fff;
background:#2d2d2d;
}
#hot-ticker a{
color:#fff;
}
#hot-ticker a:hover{
color:#ccc;
}
#headlines2 {
width : 40%;
padding:0 10px;
overflow:hidden;
position :relative;
line-height:30px;
background:#2d2d2d;
height:40px;
padding:0 20px 0 0;
}
#headlines2 h2 {
width : auto;
height:50px;
color:#fff;
font-family:Electrolize,GESSTwoMediumRegular;
font-size:17px;
font-weight:400;
text-transform:uppercase;
margin-right:10px;
position :absolute;
background:#3498db;
white-space:nowrap;
padding:8px 15px 15px 15px;
}
#headlines2 .left_arrow2 {
padding:0 110px 0 40px;
height:40px;
line-height:40px;
position :absolute;
right:0;
top:0;
}
div.htick2 {
margin:0;
margin:0px 20px 0px 0px;
overflow:hidden;
}
/* Featured Post Auto
----------------------------------------------- */
.slides:after {
content:".";
display :block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
#pbt-slider {
position :relative;
width : 100%;
background-color:#333;
margin-top:-20px;
padding:20px 23px 23px;
}
.pbt-slider {
width : 53%;
height:auto;
position :relative;
float :right;
overflow:hidden;
}
.pbt-slider-wrap {
position :relative;
height:380px;
overflow:hidden;
margin:0;
padding:0;
}
.pbt-slider_item {
width : 53%;
height:380px;
overflow:hidden;
position :relative;
}
.pbt-slider .slides .item-thumbnail img {
width : 100%;
height:380px;
overflow:hidden;
}
.pbt-slider-sg ul li .post-info,.pbt-slider .slider_caption {
transition:all .5s ease;
-webkit-transition:all .5s ease;
position :absolute;
bottom:0;
right:0;
width : 100%;
height:100%;
}
.pbt-slider-wrap .pbt-slider_item {
display :none;
position :relative;
}
.pbt-slider .slider_caption h3 {
margin-bottom:0;
font-size:30px;
line-height:37px;
position :absolute;
bottom:0;
right:0;
padding:10px 20px;
}
.pbt-slider .slider_caption h3 a {
font-family:Electrolize,GESSTwoMediumRegular;
color:#fff;
font-size:28px;
}
.pbt-slider .slider_caption h3 a:hover {
color:#eee;
}
.pbt-slider .slider_caption h3 p {
font-size:13px;
line-height:1.4em;
color:#fff;
margin:10px 0;
}
.pbt-slider-sg {
width : 47%;
position :relative;
float :left;
overflow:hidden;
background-color:#fff;
}
.pbt-slider-sg li {
width : 47%;
list-style:none;
background:#333;
margin:0;
padding:0;
}
.pbt-slider-sg ul li {
float :right;
text-align:right;
width : 50%!important;
position :relative;
opacity:100!important;
display :block!important;
overflow:hidden;
border-bottom:0 solid transparent;
margin:0!important;
}
.pbt-slider-sg ul li .post-thumbnail {
float :right;
width : 100%;
background:#111;
height:190px;
overflow:hidden;
margin-left:0;
}
.pbt-slider-sg a {
font-family:Electrolize,GESSTwoMediumRegular;
font-weight:700;
overflow:hidden;
color:#fff;
text-decoration:none;
line-height:1.4em;
position :relative;
height:190px;
font-size:18px;
background:#111;
display :block;
opacity:.5;
margin:0;
padding:0;
}
.pbt-slider-sg ul li a h3 {
color:#fff;
}
.pbt-slider-sg ul li h3 {
position :absolute;
right:0;
bottom:0;
font-size:16px;
font-family:Electrolize,GESSTwoMediumRegular;
color:#fff;
padding:12px;
}
#pbt-slider-sg li.flex-active-slide a {
color:#fff;
top:0;
background:#111;
opacity:1;
margin:0;
}
#pbt-slider .widget h2,.tabs-wrap .widget h2,.flex-active,.pbt-slider .flex-control-nav.flex-control-paging {
display :none;
}
.pbt-slider .slides .item-thumbnail img img,.pbt-slider-sg ul li .post-thumbnail img {
width : 100%;
height:100%;
}
.pbt-slider-wrap:hover .flex-direction-nav a,.pbt-slider-sg a:hover {
opacity:1;
}
-->
Top
المشاركات