MOKA blog

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-P2d93Wpf-0vFFUtBVZd1kZAKlEBhwO-EsB2PUKBe47vwgYPZLU_aATlNT2aqp79uIKa-1FAkUZ0xZMajHjKkeT9Jeuw8RpNfoh4xfoilaQIoH4LvBHMxgJKbaETNeRx1EBmSTz-DjEYv/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkYTIp5HyN5D05H4_tUdqaMyFB4UcrelhMq1jg6O0WKoNxe00ozNnLGmwQxiBt-yqHjeusPhsoEfqZm7JPQ4J0SxmtL9Y_ygtZdS85-hbHW1sn-3l0U5q99PBNxyrJzN9DmhMEs313nG8l/s64/social_network_facebook.png) } #social_icons li.twitter { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjMoJhap3mgEhBv9auUmTr2IhpDNdCjeXvl1lGyUuZws20qLCu3xtORnkB5JsUpKlmanOym1FTuVppEnA-Ajui7iP6i3lY66WILszoC1nI_fHF4isGklZqiayKNXNwvz5SGvUy3AhTdrlk/s64/social_network_twitter.png) } #social_icons li.linkedin { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxxce1Yn51qvuEI6kSHXwmdAep_zocbs4hyzgIWzN9iZkH72sV5214PdvC6SXtgC1Uh9CugcmNCB9kU3_9QKYb06Xj625IQLxC1-ZghZio-CEFSnO7GEtuhSIRoyGO_pSPuNSZtyZUUW8D/s64/social_network_linkedin.png) } #social_icons li.tumblr { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUYjd3f-CmWlw1ARMl4FeIQHo9gpYTATy73jk3kIg9Vm0EM7lv2otlnrWgD6AJF5sFwDGZ1XLsnNF971djkccdTgJ01DL5_dfqOS5uTh_SdtiZvQ9MmMBRb_nUyhCU154RfNJeWymuIshW/s64/social_network_tumblr.png) } #social_icons li.vimeo { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9LQjLVcZIDb07AqPRAdbQDLUkVL-1Q4kncCInF6SF9hrwjcPL1tUOyDhaXcegq8z0QvBJ9alKIZVR7iCWohJ2jIG1eDfdfFLxX-h8f1KlAegwxeE47rDjylyTZvNAEQI4jeCv7mLziswi/s64/social_network_vimeo.png) } #social_icons li.skype { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB_lQ0B5cv-vzF3gDLBrPwg1YM9puZsffvNyXtWiQAEuxnAGhOGPudF9utKhdmVEu0B19fhXeAGD4aTXYh4XLx9lmS9b-4Km0ST-u6Yio6a10oCa5osnL1VDtkFtZZfdZmEUQyEkRe7WIj/s64/social_network_skype.png) } #social_icons li.youtube { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq2b-TchPzG18FjKaJmHwICTqLhO8FbjpDUSzVO8BUmb_BcnobfDS0IeEQ5_8Uylxx1BckB_qyrXprbRKTIQ5-uqTK8zL_81uuvonPdOWAaTqwjH1OXwSC3lRtMk96MQbu2iXbYnDIXqWJ/s64/social_network_youtube.png) } #social_icons li.myspace { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ-1-hrvwQfY0XWdPMe75Dvwo7WWPXV3eR_Ljge-Gp_bkhKqDjGQneOK014KecHfZwkcg6w96mvCp2YsJgNXdeIwJQ_DPAK3Zrif3iCJTNSoUuk1EJtIgEtn9bslp35AQDk9H8-_FSId4E/s64/social_network_myspace.png) } #social_icons li.googleplus { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAtFiplP6dCEhP_n1tYbIWUHeDXKY0qczl2HGARn9793JjM0MQYqw7JWqvbh0475IqkvBdP72ZneAoAPiDMK-DaBctyo4posWtBDHJGddp1KBm4nlXFdHyMZFXAvq37OhkuqoUsD_rIkri/s64/social_network_googleplus.png) } #social_icons li.behance { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUFPun_qG-w2ibxvt8SyL6MDTaSzMsGAnIGPSI7wOlPvG4x5q9lwy49SUfxLZrh6fzSchhR8qCe1soOikzYZy07eEPJ2SLkbMCSX1cp6Gg8o0EXZMEsLT_L7qQPzS-lSCg-k29-JMGtNQJ/s64/social_network_behance.png) } #social_icons li.deviantart { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrX3q42Nmw_3uk4gcoz3BGvHT8fHzSOQMzWioYK5htWdmI_r1zSOdMgkNDvB1ERMOBUA2hmSLuulWhVC9CcCHXE-vyC-_abHuk0b68_52IaBa_jZG93uKunb_AP8kDHCdQITP9P51JAWjV/s64/social_network_deviantart.png) } #social_icons li.envato { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ5Rw-xvA8oOAQs74YUPiJmbCd5rxxaS9pYHUaj1UUomrXOyGKWeh5CISLb5NGU1steaUrKo0i-eRNXU0oIkFEimkQ_Uo2wdga8CPsFpvjIgY3zGNA-mM913MufUH5DTjL46gu1hbeD2ID/s64/social_network_envato.png) } #social_icons li.flickr { background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpv2FStUC99CBuuPEZ4tocR1_6YxlQPPIlgptDwTOAE5LIg4Ur_QqV9YaWOWNZRboZ_gqDmB0hrywsmljyO1uKhtiQuG7tGUx8eJ11nha76u152T4cGFEkaOflMVO4LdJNpLfP0-1s7l4n/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXVEe46MsNHDv3Y9FJI98Sj_St8enhvhNlnadw4xG0KTodcRUsWFYOKwIQGptb3WUOsbcap27G1NtsctxQhVMqHeAEp6iCuu60AYDj9j0zY5P5nrcM10kSipekeomHm3ganiPjFUSUN0E/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoz2F0kxd7TH2B-8G_dIDWVpFGg_N-HnVh44myR6VstYRUE8QmfTK6vNfGgkqMtx_ZpB0i2vYNBzlV4R-d9iYF1WaPPxgT43a9p2wvFrjXYpjwFOhLt7pSiwqsd_Y12im_78IOLSZY1G4/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy5mFxhgCIvOo30i-5bZc1TA1VhWVOYnJS_SaOYti3sd9Vb9fZoBqlPCBtTz-ButQ_IxF5rTwk1YFytParqxg3oBoysE1EoAXpnYo67an2iU0D2-LMY7hdRZOMXxLOayIE3n31vU_0714x/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGYAnKYnWfFBSpTVLm6wo3N7ZbpL5TNdVJnxsENDHAqTHGOypkz7znnLlQa6wFl4mpqBD8CTTSLkoXktvYCyjq12iUvDFNvJl7BJQAQtB0s1OnQzsG5Wv4a_Y7YdvpHh0rlVfML2UvOolz/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvEhvWS3oaYcWrUsdOcnlGqEs5gZNLQP9YFu1rCEjy2i-tgtvjUlE2uM297NAWnHsh7J4d-2834gFhfy7tIemAwK71O-O_950h9mf96MO-w-aQ6yVv_hj0cC9GVTB8hJj3wog_tNKZV1U/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; } -->