- Not Found - <![CDATA[/* ----------------------------------------------- Blogger Template Style Name: Xmax Blogger Template Designer: Syed Faizan Ali, Mohamed Abo El-Ghranek URL1: URL2: www.mybloggerlab.com Date: 22 June 2014 License: This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below: http://creativecommons.org/licenses/by/3.0/ ----------------------------------------------- */ /* Variable definitions ==================== */ /* Main Sittings ----------------------------------------------- */ body { font-style: normal; font-weight: 400; font-size: 13px; } body, p, .item .post-body, .FollowByEmail .widget-content:before, .post-home .post-meta, .toe, .post-snippet, .Text, #search-hide input, .selectnav, .FollowByEmail .follow-by-email-inner .follow-by-email-address, .follow-by-email-submit, .contact-form-button-submit, #ArchiveList select, .error_page .error-title span { font: $(body.font); } ul a { font-weight: 400; } body, .widget, .section { padding: 0; margin: 0; } html { height: auto; } .clear { clear: both; } iframe { width: 99%; } * { margin: 0; padding: 0; outline: 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,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 { padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; } ins { text-decoration: underline; } del { text-decoration: line-through; } ul, ol, dl { list-style-position: inside; font-weight: 700; } blockquote { background-color: #eee; border-top: 5px solid $(main.color); padding: 10px; } q:before, q:after { content: ''; } abbr, acronym { border: 0; } caption, th { text-align: center; } q:before, q:after { content: ''; } abbr, acronym { border: 0; } .quickedit { display: none; } .blog-feeds, .post-feeds { display: none; } a, a:visited { color: $(link.color) } a:hover { color: $(link.color.hover); text-decoration: underline; } .upbt { margin-top: 20px; } a { text-decoration: none; } ::-moz-selection { background-color: $(main.color); color: #fff; } ::selection { background-color: $(main.color); color: #fff; } .list-label-widget-content ul li { list-style: none; padding: 0; } .list-label-widget-content ul { padding: 0; } .list-label-widget-content ul li a { display: block; padding: 5px; color: #777; border-bottom: 1px solid #DDD; background-color: #F5F5F5; margin-bottom: 2px; border-radius: 5px; } .list-label-widget-content ul li a:hover { background-color: $(main.color); color: #FFF !important; text-decoration: none; } .list-label-widget-content ul li a:before { content: "\f02c"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Label span { display: none; } .cloud-label-widget-content span { display: inline-block; font-size: 100% !important; min-height: 30px; line-height: 2em; margin-bottom: 5px; } .cloud-label-widget-content span a { background-color: #DDD; color: #111; padding: 5px 15px; } .cloud-label-widget-content span a:hover { background-color: $(main.color); color: #fff; text-decoration: none; } #header-wrapper { overflow: hidden; background: $(body.background); } #header-content { overflow: hidden; padding: 30px 0; background-color: rgba(0, 0, 0, 0.83); } .home #header-content #header { margin: 0 auto; text-align: center; float: none; } #header-content #header { width: 300px; color: #fff; } #header-content #ad { width: 728px; } #header-content #ad .widget { line-height: 0; } .home #header-content #ad { display: none; } #header { font: $(header.font); } #top-header { overflow: hidden; height: 40px; background-color: #F4F6F7; } .top-menu ul li { list-style: none; display: inline-block; line-height: 40px; } .top-menu { font-size: 11px; } .top-menu ul li a { color: #888; text-transform: uppercase; } .item #content { margin-top: 25px; margin-bottom: 25px; } .home #content { background-color: #F4F6F7; padding: 80px 0; } .home #content .px-title { background-color: #F4F6F7; } .Header h1 { color: #EEE; font-size: 3.5em; font-weight: 400; margin: 0; line-height: 1; } .Header h1:first-letter { color: $(main.color); } .Header h1 a { color: #EEE; font-weight: 400; } .Header h1 a:hover { opacity: .8; } .Header .description { margin: 0; font-size: 15px; margin-top: 10px; } div#sbar { height: 70px; background-color: #fff; box-shadow: 0 2px 2px rgba( 0, 0, 0, 0.05 ); left: 0; right: 0; z-index: 55; } #menu { text-align: center; } #menu ul li { list-style: none; display: inline-block; padding: 0; } #nav { padding: 0; } #menu ul li a { height: 70px; display: block; padding: 0 20px; line-height: 70px; background-color: #fff; color: #555; text-decoration: none; } #menu ul li a:hover { opacity: .8; } #menu ul li.current a { background-color: $(main.color); color: #fff; } div#search-header { position: relative; overflow: hidden; } #search-header button { width: 50px; height: 40px; border: 0; font-size: 1.2em; color: #111; cursor: pointer; background-color: #F4F6F7; } #shide { position: absolute; width: 100%; top: -80px; z-index: 9999999; overflow: hidden; } #search-hide input { border: 0; width: 100%; padding: 0 15px; background-color: #F4F6F7; height: 40px; font-style: normal; font-weight: 400; font-size: 16px; } button.remove { position: absolute; top: 6px; border: 0; background-color: transparent; font-size: 1.5em; color: #555; cursor: pointer; } /* default style */ .selectnav { display: none; } /* small screen */ @media screen and (max-width: 800px) { .js #nav { display: none; } .js .selectnav { display: block; } .selectnav { border: 0; width: 100%; height: 40px; padding: 0 10px; margin-top: 15px; font-style: normal; font-weight: 400; font-size: 13px; background-color: #EEE; border: 1px solid #DDD; border-radius: 5px; cursor: pointer; } .is-sticky .selectnav { width: 50%; height: 40px; } #menu { float: none !important; } } .item .post-body img { max-width: 97%; height: auto; } #outer-wrapper { margin: 0 auto; overflow: hidden; padding: 0; background-color: #F4F6F7; } #outer-wrapper .woo { margin: 0 auto; } #content { padding: 10px 0; overflow: hidden; margin: 0 auto; } #main-wrapper { width: 70%; } #sidebar-wrapper { width: 30%; } .px-title { text-align: center; padding: 10px 0; background-color: #FFF; border: 1px solid #DDD; border-radius: 5px; width: 300px; margin: 15px auto; } .px-title h2 { font-size: 1.5em; font-weight: 400; text-transform: uppercase; color: #333; } .px-title { display: none; } .home .px-title { display: block; } .recent-posts ul { padding: 0; } .recent-posts .recent-box { margin-bottom: 10px; } .sidebar .widget { padding: 15px; background-color: #fff; } .widget-title { margin-bottom: 10px; border-bottom: 1px solid #222; } .sidebar h2 { border-bottom: 1px solid $(main.color); top: 1px; position: relative; font-weight: 400; display: inline-block; font-size: 15px; padding: 5px 10px; color: #444; text-transform: uppercase; } .labelom .fa { margin-right: 5px; margin-left: 5px; } .labelom { background-color: #ffffff; padding: 15px; margin-bottom: 15px; font-size: 12px; } .post-header { overflow: hidden; margin-bottom: 25px; } .post-meta-in { padding: 3px; margin-bottom:10px; } .post-timestamp { margin-right: 5px !important; margin-left: 5px !important; } .item #blog-pager { display: none; } .blog-posts { overflow: hidden; } .box { overflow: hidden; background-color: #fff; margin: 0 auto; } .woo { margin: 0 auto; max-width: 1200px; overflow: hidden; position: relative; } .main .widget { margin: 0 15px; } .item .post-body { background-color: #FFF; padding: 35px 20px; width: initial; margin-top: 8px; line-height: 24px; } .item .post-title { font-size: 2em; border-color: $(main.color); color: #555; padding: 15px; font-weight: 400; margin-bottom: 15px; } ul, ol, dl { font-weight: 400; } .popular-posts ul { padding: 0; list-style: none; } .popular-posts .item-thumbnail { width: 70px; height: 70px; } .popular-posts img { width: 70px; height: 70px; } img { max-width: 100%; } .popular-posts .item-snippet { line-height: 18px; font-size: 11px; } .popular-posts .item-title { line-height: 21px; } /* Start Follow by Email Widget */ .follow-by-email-inner td { width: 100%; } .FollowByEmail .follow-by-email-inner { margin-top:10px; } .FollowByEmail .follow-by-email-inner .follow-by-email-address { height: 40px; border: 0 !important; background-color: #e6e6e6; text-align: center; font-style: normal; font-weight: 400; font-size: 13px; color: #000000; } .follow-by-email-submit { background-color: $(main.color) !important; width: 100% !important; margin: 0 !important; height: 40px !important; min-width: 80px !important; font-style: normal !important; font-weight: 400 !important; font-size: 13px !important; margin-top: 5px !important; color: #ffffff !important; } .follow-by-email-address:focus { outline: 0; } .FollowByEmail .widget-content:before { content: "Subscribe here to get our newsletter, it is safe just Put your Email and click subscribe"; font-style: normal; font-weight: 400; font-size: 13px; } .email-icon { position: absolute; top: 12px; color: $(main.color); } /* End Follow by Email Widget */ /* Scrollbar Style ----------------------------------------------- */ ::-webkit-scrollbar { width: 7px; height:7px; } ::-webkit-scrollbar-track { background-color: #EEE; } ::-webkit-scrollbar-thumb { background-color: $(main.color); } ::-webkit-scrollbar-thumb:window-inactive { background: $(main.color); } ::-webkit-scrollbar-thumb:hover { background-color: #222; } /* Comments ----------------------------------------------- */ .comments .comments-content { color: #555; } .comment-thread ol li.comment { border-color: $(main.color); } .comments .avatar-image-container { max-height: none; width: 60px; height: 60px; } .comments .avatar-image-container img { border-radius: 50%; max-width: 60px; height: 60px; z-index: 22; position: relative; } .comment-header { background-color: #756A6A; display: inline-block; padding: 5px; text-transform: uppercase; } .comment-header a { color: #fff; font-weight: 400; } .comments .comment-block { background-color: #F8F8F8; padding: 15px; } .comments-horizontal { list-style: none; display: inline-block; width: 100%; padding: 0 !important; } .comments-horizontal li { display: inline-block; width: 50%; } .comments-horizontal li a { background-color: #EEE; padding: 15px 0; width: 100%; display: block; text-align: center; color: #222; } .comments-horizontal li.active a { color: #ffffff; background-color: $(main.color); } .comments-tabs { margin-top: 25px; background-color: #ffffff; padding: 15px; } #facebook-comments { margin-top: 25px; } /* Contact form custom style ----------------------------------------------- */ .contact-form-name, .contact-form-email, .contact-form-email-message, .contact-form-widget { max-width: none; margin-bottom: 15px; } .contact-form-name, .contact-form-email, .contact-form-email-message { background-color: #EBEBEB; border: 0; } .contact-form-button-submit { max-width: none; width: 100%; height: 35px; border: 0; background-image: none; background-color: $(main.color); cursor: pointer; font-style: normal; font-weight: 400; } .contact-form-name:focus, .contact-form-email:focus, .contact-form-email-message:focus { border: 0; box-shadow: none; } .contact-form-name:hover, .contact-form-email:hover, .contact-form-email-message:hover { border: 0; } .contact-form-button-submit:hover { background-color: #222; background-image: none; border: 0; } .sidebar .contact-form-widget .form { padding: 15px; background-color: #FFF; } /* Home Layers ----------------------------------------------- */ #about { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqpz61N4WfDWfPywc0L4Vp7mRrAFwGF2Gtuwxn2VBeyZdy5fSQf_aDQ2r94ttKPpc1i_LYFR4g8MNb3d1qJxIKiaMo41nV4L_rJ9jxeyvdXC8Gz8isKsKIoh_rrVO-Yg144UrtLhHtl2Q/s1600/ffffff.png) no-repeat fixed top center; text-align: center; color: #CCC; } .about-inner { padding: 150px 0; background: rgba(7, 7, 7, 0.59) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIEysRznziGJV1o3BjN6YMv8ndWNqcY7LvLJ2bPYCzzlZcLUxj4xFhEW39Nru90wN38cfJDKrbniaDIF4t4SrUfVLIVwaULUVKsDmDtpVFHADspaCq5P5CUvhVDvW22y6tRgEHE0-4e0M/s1600/widget-titles.png); } .welcome { margin-bottom: 25px; } .welcome h3 { font-size: 3em; font-weight: 400; color: #EEE; border-bottom: 2px solid; display: inline-block; letter-spacing: 5px; } .welcome h3 span { color: $(main.color); border-bottom: 2px solid; } #about p { line-height: 30px; font-size: 18px; letter-spacing: .4px; opacity: .7; color: #fff; } #feature .feature-posts .imageContainer { float: none; width: 280px; height: 320px; overflow: hidden; margin: 0; } #feature .feature-posts .imageContainer img { position: relative; max-width: none; } #feature .feature-posts .imageContainer img:hover { opacity: .5; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } #feature .feature-posts li { width: 280px; float: left; margin-right: 25px; } #feature .item-title { text-align: center; margin-top: 10px; } #feature { background-color: #383D42; color: #FFF; } #feature .feature-inner { padding: 80px 0; } #feature .feature-posts .item-title a { color: #BBB; } #feature .feature-posts .item-snippet { display: none; } #feature .px-title { background-color: #383D42; } #feature .px-title h2 { color: #FCFCFC; } button.prev { position: absolute; left: 0; top: 20px; z-index: 35; border: 0; padding: 8px; cursor: pointer; background-color: #383D42; border: 1px solid #FFF; color: #FFF; } button.next { position: absolute; right: 0; top: 20px; z-index: 35; border: 0; padding: 8px; cursor: pointer; background-color: #383D42; border: 1px solid #FFF; color: #FFF; } #our-team { text-align: center; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLWTkn95ateUb-OUFA5-N-S4kHngmtURq0Lby-fR2kvmDeVB8RsHkywGgro0UPbT94bahjmHw8FL4_VcLC6xiKdVyQ0wLuKYx6MiIfSHeA52Xu0B-wM2lPHZS4kgbS3dIH4acCrDM75LU/s1600/sss.png) no-repeat fixed top center; color: #fff; } #our-team ul { list-style: none; padding: 0; line-height: 1em; } #our-team .px-title { background-color: transparent; color: #fff; } #our-team .px-title h2 { color: #fff; } .team-inner { background: rgba(14, 13, 13, 0.66) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIEysRznziGJV1o3BjN6YMv8ndWNqcY7LvLJ2bPYCzzlZcLUxj4xFhEW39Nru90wN38cfJDKrbniaDIF4t4SrUfVLIVwaULUVKsDmDtpVFHADspaCq5P5CUvhVDvW22y6tRgEHE0-4e0M/s1600/widget-titles.png); padding: 150px 0; } .teamblock { width: 250px; margin: 0 auto; } li.teamblock { margin: 0 auto; display: inline-block; } .teamblock a { color: #fff; } .team-about { margin-top: 10px; display: block; } .author-name p { text-align: center; font-size: 15px; font-weight: 700; text-transform: uppercase; border-top: 1px solid; padding-top: 15px; margin-top: 15px; } .Profile img { float: none; margin: 0; border-radius: 100%; } #contact { background-color: #fff; padding: 80px 0 0; } #contact .contact-form-name, #contact .contact-form-email, #contact .contact-form-email-message { background-color: #FFF; border: 1px solid #DDD; border-radius: 5px; padding: 15px; } #contact .contact-form-name { width: 49.7%; height: 50px; } #contact .contact-form-email { width: 49.7%; height: 50px; } #contact .contact-form-email-message { height: 250px; } #contact .contact-form-button-submit { background-color: #FFF; border: 1px solid #DDD; border-radius: 5px; color: #222; height: 50px; font-size: 14px; text-transform: uppercase; } .find span { width: 100%; text-align: center; display: block; height: 85px; line-height: 85px; background-color: #3F3B3B; color: #fff; margin: 15px 0 0; cursor: pointer; text-transform: uppercase; font-size: 18px; } .find span:hover { background-color: $(main.color); color: #fff; } .find span i { font-size: 30px; } .map { position: absolute; left: -555px; } .map iframe { width: 100%; } /* Social Icons ----------------------------------------------- */ #copyrights p { text-align: center; margin-top: 35px; } #copyrights a { color: #BBB7B7; } #copyrights a:hover { color: #222; } #social-sec { margin: 20px 0; text-align: center; } #social-sec li { display: inline-block; padding: 0; } #social-sec .widget ul { padding: 0; margin: 0; } .LinkList ul { margin-bottom: 15px; } #social-sec ul#social a { text-indent: -9999px; display: block; height: 43px; width: 43px; color: transparent; background-size: 43px 43px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 50%; } #social-sec ul#social a:hover { opacity: 1; } a.facebook { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIGHfcsNJZRJlhq6S3PFfVPS7rpWBWMgkFFIQVlshfOQz46n8pffLqNsgHt2CaMdXJAhi8iTm1ExDvKStDqA_Z9aerVgHtTKKEGuGZ-sJ0HKbPsXBmw-LzZczYEhjiEQQYfcO8VWpaqbDI/s1600/Facebook.png) } a.twitter { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpczh7MZ7y9uEZkb57AeCuX55kl6Dsb5_xojjd0O1VPQbeam_zoWnwPeLS9kh9wAwfog6URizypRbi930xQPELCR74TrmauzN57UitRvK8sdAHM-4nYuZT1UyK-VrizOEL8bVkkwOUEMtn/s1600/Twitter.png) } a.gplus { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmthwZKG0RQU8yhepgW2h-H0REVlXUsYFT103mfTkX8LzS3eRuE5f_E8EqVlQxFi8jg1Jd5L0trxQH27n47peLLP5R5aWz-AJSK0EdkyorHZUMYbl-ShCTXAuqn3weEhjakU2CGqFYycwK/s1600/Google+.png) } a.youtube { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFBU9rA-pCaerCzNfspcA0Vp2jObD4o5rb_Cvq4mhii3x6_E5IcR7M36BZpJl1yRGNKh-dGeh8tldeS8CYMuGRY6WXY_hVUozUAuBbIB4GjsTNk3Dh66W-0CHGzK1rAxMiJLzlzS6zhEDh/s1600/Youtube.png) } a.instagram { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVB9kkALXG4bgVmXyuBn5uQakzJN2_TOGFP66kmCAa-3lDg60k7dgHOSTMp_XAcZivhIdki6yWyEf6iA5SviHKEFeZYpUBctRBK7Pg_jfANGEDWIqaIpgC8t-Bt-sTFZOLnLFqOkFfyCBk/s1600/Instagram.png) } a.behance { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNqlNTO20pNABXcigkvE771jSMsJ1Srys5UE3sLxW-_QHlEFU1fonG4PGwLRfAwruIfXu1F-FSmfsAqSrnC1Gdb_EhffZXvJzhFgqzbwnrqNMH5FtnrnBq3IS0i7mdmXenOhsDWckDmYJU/s1600/Behance.png) } a.pinterest { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhetN2CCnOX0NQXzwXJOqK22gZ7svlyz5_zE9JIWz-lcMBxeQXrJkD2tG7AsKwMiXcMRG6Pc16Z5l42ehJfi4fB7BSWQ06wtBV9lk5PEdCBhEzVAH4FPDfZN_wy_3zMKq2T3KtrrN9j8Geh/s1600/Pinterest.png) } a.linkedin { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGyzxQf26ybR336KLREM9VjG-vhymSeaRBOmTPoqH-rwkx0hXPK7IAiNItYjKXONurJE3ssu1ELqG5t3Iv_fnTNsgDJSikDSQz-3e3yjHUkpC77j3cosRCObEKDOymmH6Vj_Q2slacHq7M/s1600/Linkedin.png) } a.skype { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAUPcMXcVaQYU7meq7SWmAIQmSPh4KU9CnoTcodd0H0H71nZIvqwhNrPt7thes9ck3wVhVj3Ym4GTUhndzqGt9H1pnyv_u7t_-gII7w4H7LAvRKKV-dJ9HAQLEQyDlau1cdH8gXsrfuokq/s1600/Skype.png) } a.vimeo { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSSUiG-PFs_8L7E1vyTHXufgZJo3EwyTrqAMuwBj28lThhnfmOzGxqpJc0RZinmH3W7WuWcZUoxMVczwGhY4y3QW0VvEHJiCMwfqXkO6jEJyz_L6YECK64BqB51M-aswl831qOmKepYYM/s1600/09_vimeo.png) } a.flickr { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRL6mt_nE4Sf7Th9zZ0JyCFJYQLpRw-T3pWQKgtEaxZSR0tP4426xgG1iSyF8fNddYyeXbDpKnNzoQGj_hg_Z1vZWqNfknCkdGJ37IJMt8ArjDdyo71aI9wqxBSSo-g4kpD_RUjAR8RC47/s1600/Flickr.png) } a.blogger { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4bGxkYNmCP28P2rXpB7ZGtSIDKxj-NBV1qdE9uS_0oc8u294Z8cHexDeBfwQarSbcaIcBylRonkUVQLNRiQYAkd2tczFgJwvVmojpIcW1K_4rMz6_ajsqb5AS9iwjJzAU-RnCoVzUIn7t/s1600/Blogger.png) } a.digg { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQhEAUZpdtXS_Z-Ar7JKqs9HppcyAWvlHO1ZolSTZrcAXE1JqO2v_o7ERORBiblgZPxaQqAuLLeCc1m_1bq29idPytaqvi2eWPFjYH_MqksaavpSl0Bj482YsEiYYurtvTlbGFO_3Prubh/s1600/Digg.png) } a.dribbble { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5RnpGb6iH82OgFvgFMtLq8V1X_Qo85FBmQ2wbsaiQC2OX-6pU2GJVH-odCsavxITx1YLkXc0Mm0hLvXF-Z0GrELMopN4v0UE4-LqPsoNL-YhIRLJ_1G0sMTSPJDYcaxuYM_-GWTFGLBQ-/s1600/Dribbble.png) } a.github { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzdDyJtUZcaGE9zRjyhPToq9alXAjYTq3vO_da1il9hmrB5hgFiL30D9yuoXAOVX6TM-HeGT7TnedznDQEJrGa72NYkhC3c5ns_embjV-azG0ncJUIh1CGgpI6XBA1crXE_YiFZb9NVDbg/s1600/Github.png) } a .Dribbble { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5RnpGb6iH82OgFvgFMtLq8V1X_Qo85FBmQ2wbsaiQC2OX-6pU2GJVH-odCsavxITx1YLkXc0Mm0hLvXF-Z0GrELMopN4v0UE4-LqPsoNL-YhIRLJ_1G0sMTSPJDYcaxuYM_-GWTFGLBQ-/s1600/Dribbble.png) } a.foursquare { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGZb3yPQpUHXFAXhyI_FUGUpyOyQHLdkF1K_4Ct0Q0-ItzEB8_OLzuTK1cZmL-eR0tgE25tQlZupbI2ukcOsWrMmzQRL4rzUEk2hpCwF8G_9Q9_Wj5atVCymKXdnGUCnkcRSaB3A_Amdvi/s1600/Foursquare.png) } a.dropbox { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxWFuaIPIiEG99gQNwNfB16h0u7gBAWQmHMBc4KlPmteUvNHaft6AaKocyYjf-Cu080Aybro7cAGmGDE2K21nH1gveKHhM79Io4TuEXBFMPzCskouaWuviCC-uRJFtmtGMZBr_hqV6i_D3/s1600/Dropbox.png) } a.rss { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHHXmSRIKwCQnUvmjvqrmNKoh6u28SENywqGKwT0BZzrNxuu2Hfj2AhCjXKFdBby4SjmB83AlqyO3h-fubSAdbEVfo9orlyUwgc8_n5cBvbI1UAbywlLh_fxAxP6tYH1Ryc-jgSyjZm3gZ/s1600/RSS.png) } a.grooveshark { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg55_NY2Eqkctxwpf4DJ58_GyvEVpv9GpSibat_K7YSZY2-Qpcw7PIM2hLva4Bpib3Qa8wF9XCwKaxOLo3b9ewhN-UR16xKeY9mlXwIGF7bvkWDfCyx3fkaTs-3rufMEP2B0DTVm4Wb2JVG/s1600/Grooveshark.png) } a.yelp { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsNwWXDs2J7BMWfRwSW5jO9VrKgWJXiFf5rl5O_ufkYuYmSCWjr0P7Tre8UBbxv1g99t22i3kZUikkQGZ0A9EgfjDNMAX5htW_WrfNxGxujQyCc05ZVhOSEa7yBBlqoCbfNn8al6XjZbKy/s1600/Yelp.png) } a.wordpress { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzBf601vyawoaPnXQnXNnTCt4OBdmJIb9aN1PhLqMlb1P1X2MC9rJGjnPE7bl9XzxFz0mMq__91drpGQQj_wmG_qkBX9pvk4GaT2WKE3RtTkDTvrD706mqOsDL4GsZXonqC-pRJJei1vnb/s1600/WordPress.png) } a.skydrive { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKdyH2ei0nEg_96HdOLymA7QwPVs9qKKcoV5EJLmRUaXPyjlYhqB3kUqi6fmc-LHPdwTjpAdoIm_AFY923KqA744vMdhidGBDYiVsmIJ2Tw0_cYDS6KHCQrWhgrbGSCfWoeoJGqaKnKqL6/s1600/SkyDrive.png) } a.vine { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnUr5kPQ4GKm5btkhYbPp40tmP39fF6yL8T0nrZznR4DkZ70XC0kdnosyjgggRvBikeF_f8NCLFQ2BxHq-FvxLaUD_RwncRnODKYXbntSsQaSBh7BdxD007fO-V1ZJlIwL8KTmynCBlD1I/s1600/Vine.png) } a.tumblr { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDzzhHfbwv805S-Tta2SRysQGY2B9uI0GBG2wCqJ0anSp4U1r_qwTt6NSNaAkT_uuG6z9aWzrtjtkRSNVknc41R0B2JPIRwKzR5trTV_Bbn1_-DiVo8rKZb20B_CYM2NzsacNWXSpWPHMY/s1600/Tumblr.png) } a.Dribbble { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5RnpGb6iH82OgFvgFMtLq8V1X_Qo85FBmQ2wbsaiQC2OX-6pU2GJVH-odCsavxITx1YLkXc0Mm0hLvXF-Z0GrELMopN4v0UE4-LqPsoNL-YhIRLJ_1G0sMTSPJDYcaxuYM_-GWTFGLBQ-/s1600/Dribbble.png) } a.TED { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6i4EY54HXLR_2jjMgy6HzBE39EcOk5TmY_QAzeCM43Yekq3QViiPAxeg2NA8TCHEkYJUe_n30NNkrQTE-fNWS9Hm8JbMeZXv6KxAhbXXM4ANwfCV9bhHO4Mk7XtD8U-1iTE9mgwJidLFc/s1600/TED.png) } a.vimeo { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgctM8RdpVWDLZb9saJ8tItWvFr1SwkZWtXr3KZxJdGHBCGQUFSAShzzczaFlw-b6ujlGsCQQyH0kGHQbzPf-W71GvI9FjwEMmF4XSAPtk2K7R9-yfoSjnpAqiy-lhbeHFNzfHsZ9VIcpSV/s1600/Vimeo.png) } a.stumbleupon { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxcsPyoHc3NPtwYBbzLLXTY39MKbRJQeEZAyKGRjCj8SYa3POkRf7PjX6q-xj3epunLljCoHQiE2M51JgO07dih5xBWZLPANjFtU221XmOFGmyz1aO-OHOEMm-2d309Dv7R0WiQMWLu2j3/s1600/StumbleUpon.png) } a.spotify { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKYCLeVZ7eHg0JCJpOMZkuI8ZPhl_B6sqRaQuFIDDcjRbjFq_T4TejZtPIq9ddw4BQBCe1LPjb5W9K3PmjG_fRTk3I7HcHDgrp0nL2DXWdpe1DjGocP767c8wTBPZB0fE5XhSMGcrvOe9b/s1600/Spotify.png) } a.soundcloud { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpPC2h_4CGotdproBdFnVcWL2Owao7wf4EvmKSPdsYYICtDF0caNxjm31b38SPedZuK77I-JK_fR4uTU2d_cM9hUa6xRGbr3kADv0Eygyf4X8Uw4_TZagt1oE7bQ1jhVc3w0YtEB6NFoD4/s1600/Soundcloud.png) } a.evernote { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFYHedCQfCR-Chkd6ERPW7Lzs-3JXn96BmcR8A1J0ukTOKpSUbxzJrF6INpHo_mUeZzDpV4Mopyz3swEnc-3A60SmNFy3QwW_KUFoxmrKteNfOby0UR-88ty0-qZDCGFP6FRuvKIVKMPrb/s1600/Evernote.png) } a.reddit { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfCUYzR_4_vXh8FqdZZ8dHM00XkpnE9Y8NFfzTGcHiScShiM_AgL39Fr6T70PZFCsJOzbM5ihGEgwFCXI-xM0XuingzFTDXs34BrzdSAri1EwUW3gJReujDoqIGy_dN2tbNo9PM-a_NDt6/s1600/reddit.png) } a.myspace { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkhgreItbeZxbRUVCOxcYGml0u8TabVtiyultS0fTue1hoYYKNk3MBtpB0AcWBzZ01YeFcvNqMz7ughfJiLSpX1-uiacF6vRKNHGgkQJU3sj8r7CUIs8dMWVGcPwMGAVELrP3QrJXLg0Wx/s1600/myspace.png) } a.lastfm { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-zo7Vu5fU_2OmB_3nDGeLHN5t9bQojmr6HqXf20hG6FElIv0mCyjvldmAD9hjhFOl4oxgxUYU75Ew_nnuIbYnJ4KgwwFKgkK9VX5l1QwYj3ci4WfYqqAPtw-BzOqX967C-54ecS9dtjh2/s1600/Lastfm.png) } a.kickstarter { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgofDEcj6-pQyZKVgPaMGkvGMB5lJHITrQA08ZjEpwiMl1qkUUI2v89iH_ysTc1-5stUf5NLyLpWqy2p6bz8G00AJX1Nwq-Hqquo5_Edr1K2TfvzMxxBJaOA6H7hGlLNboWS5L6TiHMubb2/s1600/Kickstarter.png) } a.iMDB { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY1ItveoTnfccegn3MSFHF3vS9G5XOsvkvO1iGsAdnpxSHsxJiE5fPYvr6JN9WVYEEabTdKCjQdX1MHZqrVT38IYDBM0NHoPFVuj7jN0fNHS22rp8s4ra7iomWo6ee35QIl2UwwN9GJFDB/s1600/iMDB.png) } /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */ .tooltipster-default { border-radius: 5px; border: 2px solid #000; background: #4c4c4c; color: #fff; } /* Use this next selector to style things like font-size and line-height: */ .tooltipster-default .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; overflow: hidden; } /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */ .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { /* border-color: ... !important; */ } /* If you're using the icon option, use this next selector to style them */ .tooltipster-icon { cursor: help; margin-left: 4px; } /* This is the base styling required to make all Tooltipsters work */ .tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; } .tooltipster-base .tooltipster-content { overflow: hidden; } /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */ .tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; } .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px; } .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; } .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; } .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; } .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; } .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; } .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; } .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; } .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; } .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; } .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; } /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */ .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade-show { opacity: 1; } .tooltipster-grow { -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow-show { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); } .tooltipster-fall { top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall-show { } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0; } .tooltipster-slide { left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-slide-show { } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0; } /* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */ .tooltipster-content-changing { opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .tooltipster-punk { border-radius: 5px; border-bottom: 3px solid #f71169; background: #2a2a2a; color: #fff; } .tooltipster-punk .tooltipster-content { font-family: 'Courier', monospace; font-size: 14px; line-height: 16px; padding: 8px 10px; } .post-home .post-title { margin-bottom: 10px; font-weight: 400; } .post-home .post-meta { margin-bottom: 10px; } .toe { } .status-msg-border { display: none; } .status-msg-body { position: relative; } .status-msg-wrap { margin: 0; width: 100%; padding: 10px 0; background-color: #474747; color: #fff; } .status-msg-body:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .status-msg-wrap a { color: #ddd; } .loadbt { background-color: $(main.color); display: block; color: #fff; padding: 5px 0; margin-top: 15px; } .loadbt:hover { background-color: #222; color: #fff; } .post-home .post-meta a, .post-home .post-meta .fa { color: #777; } .index .post-header { display: none; } #copyrights { background-color: #fff; color: #444; } .upbt .fa { background-color: $(main.color); color: #fff; padding: 10px 15px; font-size: 1.3em; border-radius: 5px; } .upbt .fa:hover { background-color: #222; } #ArchiveList a { line-height: 22px; } #ArchiveList select { background-color: #EEE; border: 1px solid #DDD; border-radius: 5px; padding: 8px; width: 100%; cursor: pointer; } .index #sidebar-wrapper { display: none; } .index #main-wrapper { width: 100%; float: none; } .sidebar .widget { margin-bottom: 25px; } .index .post-outer { position: relative; overflow: hidden; width: 380px; height: 450px; margin-top: 5px; background-color: #5E6B72; } .post-snippet { color: #BBB; } .post-home .imageContainer { width: 380px; height: 450px; overflow: hidden; margin: 0; float: none; } .post-home .imageContainer img { max-width: none; float: none; position: relative; } .post-home .post-title a { color: #222; } .post-home .imageContainer img { z-index: 4; } .index .post-outer:hover .post-home img { opacity: .6; } .index .post-outer:hover .post-info { opacity: 1; bottom: 0; z-index: 5; } .post-info { padding: 0 15px; position: absolute; z-index: 3; bottom: -200px; background-color: #fff; padding: 20px; opacity: 0; } .error_page .sidebar { display: none; } .error_page .home-link:hover { padding: 10px 25px; } .error_page #main-wrapper { width: 100%; background-color: #474747; } .error_page .home-link { background-color: #fff; color: #111; padding: 10px 25px; display: inline-block; } .error_page .error-title span { color: #fff; font-size: 10em; } .error_page .error-title { text-align: center; } .error_page #outer-wrapper { background-color: #474747; } .post-pager { margin-bottom: 10px; overflow: hidden; padding: 0 !important; } .post-pager li.next { padding: 0; background: none; margin: 0; } .post-pager li.previous { margin-top: 0; margin-bottom: 0; padding: 0; background: none; } .post-pager li { width: 50%; display: inline; text-align: center; } .post-pager li a { position: relative; display: block; outline: none; text-decoration: none; } .post-pager li i { color: #ccc; font-size: 18px; } .post-pager li a strong { display: block; font-size: 20px; color: #ccc; font-weight: 700; margin-bottom: 10px; } .post-pager li a span { font-size: 15px; color: #666; margin: 0; } .post-pager li a:hover span, .post-pager li a:hover i { color: #222; } .post-pager li.previous i { margin-top: 15%; } .post-pager li.next i { margin-top: 15%; } .post-pager li.next i, .post-pager li.previous i, .post-pager li.next, .post-pager li.previous { -webkit-transition-property: background color; -webkit-transition-duration: .4s; -webkit-transition-timing-function: ease-out; -moz-transition-property: background color; -moz-transition-duration: .4s; -moz-transition-timing-function: ease-out; -o-transition-property: background color; -o-transition-duration: .4s; -o-transition-timing-function: ease-out; transition-property: background color; transition-duration: .4s; transition-timing-function: ease-out; } .post-pager li { padding-top: 15px!important; margin-top: 10px !important; } #comments h4 { font-weight: 400; } /* related posts styles */ #related-posts h2 { margin-bottom: 10px; font-weight: 400; } #related-posts { overflow: hidden; border-top: 1px solid #DDD; margin-top: 20px; padding-top: 10px; margin-bottom: 5px; background-color: #FFF; padding: 25px; } #related-posts .related_img { width: 100%; height: 120px; opacity: 1; } #related-posts .related_img:hover { opacity: .7; } #related-posts a { width: 30%; } /* end related posts style */ /* recent posts main style */ #label_with_thumbs li { width: 100%; display: inline-block; padding: 0; } .imageContainer { width: 70px; height: 70px; overflow: hidden; } .label_thumb { position: relative; max-width: none !important; } .label_title { display: block; font-size: 14px; line-height: 23px; margin-bottom: 7px; } .post-date { font-size: 11px; font-weight: normal; color: #888 !important; } .post-date:before { content: "\f073"; font-family: FontAwesome; display: inline-block; } .recent-com { color: #888 !important; font-size: 11px; } .recent-com:before { content: "\f0e6"; font-family: FontAwesome; display: inline-block; } .toe { overflow: hidden; display: block; margin-bottom: 5px; } li.recent-box:last-child { border-bottom: 0 !important; } .post-summary { line-height: 18px; } .label_title:before, .sidebar .LinkList li a:before, .feature-posts .item-title a:before, .popular-posts .item-title a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: $(main.color); } .LinkList ul { list-style: none; padding: 0; } /* End Slider */ .videoBar-container { width: 100% !important; } .videoBar-container td div { width: 100% !important; margin-top: 15px; } .videoBar-container td div img { width: 100%; height: auto; } table.gsc-branding-vertical td.gsc-branding-img-noclear { display: none; } td.gsc-branding-text { display: none; } .playing_gsvb { width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; position: fixed; } div.floatingPlayer_gsvb div.playerInnerBox_gsvb .player_gsvb { width: 80%; height: 500px; margin: 30px auto; } .playerBox_gsvb div.alldone_gsvb { display: none; } .title_gsvb { display: none; } #ad .title { display: none; } #blog-pager { clear: both; margin: 20px 0; padding: 10px 0; font-size: 15px; } #blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a { background: $(main.color); color: #fff; padding: 10px 10px 9px; text-decoration: none; } #blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpagePoint,.showpageNum a:hover,.showpage a:hover { background: #000; color: #fff; padding: 10px 10px 9px; text-shadow: 1px 0 1px #000; } .showpageOf { background: $(main.color); color: #fff; padding: 10px 10px 9px; } @charset "UTF-8"; .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } /* preload style */ #movingBallG{ position:relative; width:128px; height:10px; } .movingBallLineG{ position:absolute; left:0px; top:4px; height:2px; width:128px; background-color:#4D3D4D; } .movingBallG{ background-color:#171617; position:absolute; top:0; left:0; width:10px; height:10px; -moz-border-radius:5px; -moz-animation-name:bounce_movingBallG; -moz-animation-duration:0.9s; -moz-animation-iteration-count:infinite; -moz-animation-direction:linear; -webkit-border-radius:5px; -webkit-animation-name:bounce_movingBallG; -webkit-animation-duration:0.9s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:linear; -ms-border-radius:5px; -ms-animation-name:bounce_movingBallG; -ms-animation-duration:0.9s; -ms-animation-iteration-count:infinite; -ms-animation-direction:linear; -o-border-radius:5px; -o-animation-name:bounce_movingBallG; -o-animation-duration:0.9s; -o-animation-iteration-count:infinite; -o-animation-direction:linear; border-radius:5px; animation-name:bounce_movingBallG; animation-duration:0.9s; animation-iteration-count:infinite; animation-direction:linear; } @-moz-keyframes bounce_movingBallG{ 0%{ left:0px; } 50%{ left:118px; } 100%{ left:0px; } } @-webkit-keyframes bounce_movingBallG{ 0%{ left:0px; } 50%{ left:118px; } 100%{ left:0px; } } @-ms-keyframes bounce_movingBallG{ 0%{ left:0px; } 50%{ left:118px; } 100%{ left:0px; } } @-o-keyframes bounce_movingBallG{ 0%{ left:0px; } 50%{ left:118px; } 100%{ left:0px; } } @keyframes bounce_movingBallG{ 0%{ left:0px; } 50%{ left:118px; } 100%{ left:0px; } } #preloader { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: #FFF; z-index: 9999999999; } #movingBallG { position: fixed; top: 50%; height: 10px; margin-top: -5px; left: 50%; width: 128px; margin-left: -64px; } .is-sticky #header { display: block !important; } #sbar #header { display: none; } #sbar .Header h1 { color: #555; font-size: 2em; line-height: 2em; } #sbar .Header h1 a { color: #555; } #sbar .Header h1 a:hover { color: #777; } #sbar #header { height: 60px; } #sbar #header .description { display: none; } .home #header-content { position: fixed; top: 40px; width: 100%; height: 560px; z-index: 9; padding: 0; background-color: rgba(0, 0, 0, 0.41); } .home #header-content #header { margin-top: 232px; } .home #top-header { position: fixed; top: 0; width: 100%; height: 40px; z-index: 9; } .home #sbar-sticky-wrapper { margin-top: 600px; z-index: 11; position: relative; } .home #outer-wrapper { z-index: 10; position: relative; } .home #copyrights { z-index: 10; position: relative; } ]]> <![CDATA[ #layout ul { list-style: none; } #layout #main-wrapper { float: left; width: 70%; } #layout #sidebar-wrapper { float: right; width: 30%; } #layout #unwanted { display: none; } #layout #top-header { height: auto; margin-top: 70px; } #layout #header-content { padding: 0; } #layout #header-content #ad { float: right; width: 490px; } #layout #header { float: left; } ]]> <div class="home box item index"> Welcome to MY Blog : Blog Comments Facebook Comments : () Blog comments Facebook comments : () () () ▼ ◄ ► () () () () * * Designed by Sameer Udma | Copyright; 2014 </div> <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\0751824850648553530372\46blogName\75Sameer+Udma\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://sameerudma666.blogspot.com/search\46blogLocale\75en_GB\46v\0752\46homepageUrl\75http://sameerudma666.blogspot.com/\46vt\75-5169352467720319792', 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>