<b:if cond='data:blog.pageType == "index"'> <data:blog.pageTitle/> <b:else/> <b:if cond='data:blog.pageType != "error_page"'> <data:blog.pageName/> - <data:blog.title/> <b:else/> Not Found - <data:blog.title/> </b:if> </b:if> */ /* Main Sittings ----------------------------------------------- */ @font-face { font-family: 'open sans'; font-style: normal; font-weight: 300; src: local('open sans Light'), local('open sans-Light'), url(http://themes.googleusercontent.com/static/fonts/open sans/v8/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'open sans'; font-style: normal; font-weight: 400; src: local('open sans Regular'), local('open sans-Regular'), url(http://themes.googleusercontent.com/static/fonts/open sans/v8/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff'); } @font-face { font-family: 'open sans'; font-style: normal; font-weight: 700; src: local('open sans Bold'), local('open sans-Bold'), url(http://themes.googleusercontent.com/static/fonts/open sans/v8/bH7276GfdCjMjApa_dkG6T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/PRmiXeptR36kaC0GEAetxh_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff'); } body { font-family: open sans; font-style: normal; font-weight: 400; font-size: 13px; background: $(body.background); } p, .item .post-body, .FollowByEmail .widget-content:before, .post-home .post-meta, .toe, .post-snippet, .Text { font-family: 'Open Sans'; } #overbg { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4nLx39yuQhjo7sgLJfm9il9QMbFgWS6Foj53Q7cT-X3MsikSyyNAFYQEYZU3YcTQk6nefch3MLkzqjtSGc0CODzCdau8B74EThEbRSJSf9QW3PnutQoeIk8z1uVcTQRd0_GmS_E9kp2w/s1600/pattern-1.png); overflow: hidden; } 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 { position: fixed; bottom: 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: 8px 5px; border-bottom: 0; color: #777; border-bottom: 1px solid; } .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; } #header-content { overflow: hidden; padding: 30px 0; border: 2px solid $(main.color); } #header-top { overflow: hidden; background-color: #1B1A1A; border-bottom: 2px solid $(main.color); } .item #content { margin-top: 15px; } #header-top, #header-top .woo { height: 33px; max-width: none !important; } #ad .widget { line-height: 0; } .Header h1 { color: #000; font-size: 3.5em; font-weight: 400; margin: 0; } .Header h1:first-letter { color: $(main.color); } .Header h1 a { color: #000; font-weight: 400; } .Header h1 a:hover { opacity: .8; } .Header .description { margin: 0; font-size: 15px; } div#sbar { height: 40px; overflow: hidden; background-color: rgba(0, 0, 0, 0.04); } #menu ul li { list-style: none; display: inline-block; padding: 0; } #nav { padding: 0; } #menu ul li a { height: 40px; display: block; padding: 0 20px; line-height: 40px; color: $(main.color); } #menu ul li a:hover { background-color: $(main.color); color: #fff; text-decoration: none; } div#search-header { position: relative; overflow: hidden; } #search-header button { width: 50px; height: 40px; border: 0; font-size: 1.2em; background-color: $(main.color); color: #fff; cursor: pointer; } #shide { position: absolute; width: 100%; top: -80px; z-index: 9999999; overflow: hidden; } #search-hide input { border: 0; width: 100%; padding: 0 15px; background-color: rgba(255, 255, 255, 1); height: 40px; font-family: open sans; font-style: normal; font-weight: 400; font-size: 16px; } button.remove { position: absolute; top: 8px; 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: 50%; height: 30px; padding: 0 10px; margin-top: 5px; font-family: open sans; font-style: normal; font-weight: 400; font-size: 13px; color: #251717; border: 1px solid #CCC; background-color: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #menu { float: none !important; } } .item .post-body img { max-width: 97%; height: auto; } #outer-wrapper { margin: 0 auto; overflow: hidden; padding: 0 0 25px; background-color: #EEE; } #outer-wrapper .woo { margin: 10px auto; } #content { padding: 10px 0; overflow: hidden; margin: 0 auto;} #main-wrapper { width: 58.5%; } #sidebar-wrapper { width: 25%; } #sidebar-wrapper2{ width: 16.5%; } .recent-posts ul { padding: 0; } .recent-posts .recent-box { margin-bottom: 10px; } .sidebar .widget-content { padding: 15px; background-color: #fff; } .widget-title { margin-bottom: 10px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXb7lMH-vd71wbhHW_p8gGNgdSwgBzDyXY-XO0TrWbUHv701CUQSPDrOCqQxqNuUAmr0kV71awWEigioREfIj4JQ8QdeqzJc6GejhyVf91pvq2z2WLMOpfUR-5paFgseyk3ouFbSFC1uQ/h120/dot.png); } .sidebar h2 { background-color: $(main.color); font-weight: 400; display: inline-block; position: relative; font-size: 15px; padding: 5px 10px; color: #FFF; } .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; } .box { overflow: hidden; background-color: #fff; margin: 0 auto; max-width: 1200px; -moz-box-shadow: 0 0 15px rgba(0,0,0,0.31); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.31); box-shadow: 0 0 15px rgba(0, 0, 0, 0.31); } .home.box { background-color: #fff; } .woo { margin: 0 auto; overflow: hidden; position: relative; } #header-content .woo, #outer-wrapper .woo, #copyrights .woo { margin: 0 15px; } .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-family: open sans; 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-family: open sans !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-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-widget .form { } .contact-form-button-submit { max-width: none; width: 100%; height: 35px; border: 0; background-image: none; background-color: $(main.color); cursor: pointer; font-family: open sans; 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; } /* Social Icons ----------------------------------------------- */ .social-footer #social-sec ul#social a { height: 30px; width: 30px; background-size: 30px 30px; } .social-footer #social-sec { background-color: transparent; } #copyrights p { margin-top: 5px; } #copyrights a { color: #BBB7B7; } #copyrights a:hover { color: #DDD; } #social-sec { position: relative; } #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: 33px; width: 33px; opacity: .7; color: transparent; background-size: 33px 33px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #social-sec ul#social a:hover { opacity: 1; } a.facebook { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4eXk_ksRUkdk3FgJ94nRvSxVfoXrkw4wlQjbr9cwaJQnFK3eQN2Zp1u7gzy5v1c-Eb2AvxXammSV2D9epLZPkU_9HwO9irERYrkOaLMJBnwKwQWg33mhKQWW8di_vy88MkO6CuJIMDfZ6/s1600/Facebook.png) } a.twitter { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjqSvcm8-AjSWyMlW4I-h77awpzM6_G09d0imCPaXwrekyBcxPgBagFGzTTkFCnRjvS-sO2sb2REhgFOaRHutn8uOqb4gydlrgpB-B8bvVj13Rfhntnp7-yHfOuh-At5pC9wH2uEZ43qpU/s1600/Twitter.png) } a.gplus { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjPGj2HmyDswXJWfdEqjci90MeXh0NFmqJkDy5pQYRaz-OpRdORtxso3Bhq520yM2aVaZkR2lZyQfFgPusM_q8GXe9KZjTQEcGoF7ecrI-R_g-j4rSp5DP_tKAUaG0yUo6x8OkjuDlRlpY/s1600/Google+.png) } a.youtube { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHSrkl7wApYpDBUmYcOgr_25UsSZU7TnR-IKF1CSDRcIZwDi8tZxTyYJ_FgfE0wnbOXMuu5J1jBz5Ow5UGKrBXy5ExJTD3lV8fBDUIFSrDmvvhQflZWqYc3PM-wS6UzPyELm-a02fUA7nX/s1600/Youtube.png) } a.instagram { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT-MF8OsjUxyJPNLd8YyIpVTevdkM79w26Is2HKk9CcEBESz_FeTjgvbE9UJQ0-f2fDThqNgnfFeAaNgiutHAALhyphenhyphenWGwEtqi33vOL2i9dfuWKhXB_s8P3YOjFUqtNfL9YsBH0T13AL1TAq/s1600/Instagram.png) } a.behance { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijc_epGTjgIoSBMVKqKUkYBd9Ush2p-kNv0RiESzSNzCmBgc30LMhv7EFlgHWNuVQcJiisDxI-sZaxofuXgzViUyBMlFQE4rua_5DAuQCn1_huIXoJJSq_xcr6lMvTXfIQLnWzTmYUYRYF/s1600/Behance.png) } a.pinterest { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkTb3vRFRHetFeN4ug1g8QihBJSqDhiwzFdbpt_VQOsytXhfW5KFBXxjjER__2rHJW8GPNJMyxH-MRdA7q1HKn_mvxoAp6OssoJ69zYdn_ZT4lHVZXnUtoe9dzLg7F5EBxePIpvZuGwNgj/s1600/Pinterest.png) } a.linkedin { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtsw50rVLnR7-JY06ScRUUGYNBR5n7wMyIS9X7GRQ-UA0Kv117IK280bwYNzCT1DKrz5mp5GoL-SXw_uEUJ1LSxx3FLI9iaK-ICf4dGjbiQ2X5nPI7MNBzRsY6eOpuBW59TfDSOd5R_hku/s1600/Linkedin.png) } a.skype { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhscJTUKwi9Hf9Q-cEf3kAuTu9Q9rmOCzWT2Kkj77QYZ7y8hQ_XWHJliNvDjynTcC_K4dGYpEgbYFWF5PRl5BZgrSA_HnxM73H_Ni4vzNrtcS8rEInLsATlhPHrnwgvy6LdSGUnaQqzaywI/s1600/Skype.png) } a.vimeo { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBDjwSC6eNxZAUv8LbmnX23jbHlsSfS3-tK4GJmZtbtaGjc97i7Lzjrt2CVGbSviTvfVHL0eJ0DbegeP7HEPtH8wBjX-lwxM2-UV-rft0486daZTBEGpn5R8mdwukCutRC0jrK82kcQQs/s1600/09_vimeo.png) } a.flickr { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjofqT86M-ItfhDM_fUp7_nfn7xnXFYNr9dZiEru5L1MGEM2jvIvtPtMqKhGQQN_aabmhyIUp3zkAm_JLqvKXEGEpocTRhYDbs23jOAUkaKm8ZVZxAFiAECDuSVhvNXe4jH0y6BRee17Dca/s1600/Flickr.png) } a.blogger { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFzrDVjaKSXRydUbMaLFoJlxpCkzvgrU34Mk5qsMX3TGL6jf_laQEHiPoVSZWbGrEjh83I2PuLMwQr47RX0h8zy5KT1pw7O17qh6RV7xfwO-GBcQci3TR9J9IzTthSMTHuBfH7xvqI5uwF/s1600/Blogger.png) } a.digg { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyNoFU3vUWWvjw2_pUtL0pxGjklYNuCa_b-Djnbyg1lmBq_0cG1CuZYww0gF3Ebj3jREmitjKjf7zYQdCJ_Ttzj0XEbQ4p70ge3XY3xmAbuld9IqnhetfUwjw8hSmUcHpm9YbafIDjbCN6/s1600/Digg.png) } a.dribbble { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiry49qLzLHAhDy3rTQM9NMkj8WPXyYoERa09rokYuOhtlFf7azWtAlgW3gTfnGFd0S1lRtIvx9xvQqJ2fNfTnljDtshI6b2y0jdwoa_8_1jOmvHH9DNYYiaTxhUAM2pu-00mAcYfDfx4xW/s1600/Dribbble.png) } a.github { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6lenvu2w0gD1vA9QzYckgy_ljyClhLaE3XAVY9VSL9a-5t0js3FYGkLIWgqMbBgVXnAwUur0-7FAGcKgn3CIzsvkkktMlDTZb-Eh4TbSoU7IxLwtMK44SbBf3zgHhbQWJY2Uz7QxUoi9v/s1600/Github.png) } a .Dribbble { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiry49qLzLHAhDy3rTQM9NMkj8WPXyYoERa09rokYuOhtlFf7azWtAlgW3gTfnGFd0S1lRtIvx9xvQqJ2fNfTnljDtshI6b2y0jdwoa_8_1jOmvHH9DNYYiaTxhUAM2pu-00mAcYfDfx4xW/s1600/Dribbble.png) } a.foursquare { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivu3dvmC7vA-rRtu5_Rz6pHMnTL0hUqA5gXn7NlsAq_t_6Pt08GPnLd0g8GsdONcTE5i_X9k-3Pu4-ZykCupLRzm2hf4XP5pnckiohyiWOt4HIGjgWjrjkZCTIV3gAL-H2OVZGP1HOkjks/s1600/Foursquare.png) } a.dropbox { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1b1rNbUUro7DoHn4IF03jjH9p5cEeKBQgs6-gG-Qh1x8SJoECPdHrWIfDt8BtJ6NPYlGlmhNLqpY6CedONEacVnmEUlqwYX9MrZgXQ2hyphenhyphen66v4lwIAaLfXeMBE9mrqw1wCq0Kz0zYLqpUn/s1600/Dropbox.png) } a.rss { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJe6jFDEEihIKXheyr7YxD0MANbtLlNQ8YQ1OHRw_DPTxdW73PaAsqfpARNnWB3SBHRflkVCMjUq_TWAaRT_vvD8OiKfx2ro79JNY4N4UOJFwe32issLiyX-W7XJqDBAHM11NFsWZYSY2v/s1600/RSS.png) } a.grooveshark { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRNwa6oi33mwsXT5iTtXX3UDBOCDIYP4MPUKxj-QfhIKMsHLzjfNJDyB9U8TG5xDbd1i6S_dLSlYBID6Q5lfXTR68QAqtYGFuYHiMX3iJr58lwZEgirgMoaEKCADdWSxH30qRg0LEJV3pD/s1600/Grooveshark.png) } a.yelp { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVpjocMxUWeHZyvkCAhZMxMnrQ8kSNpiBRr0syDHYR0hXHedg6xJky05L3gM-rLVJMLVMP2EtGCFUs7RrDNaQkR7gzan7pLdQuB-zbPIWBxBp72YoRSxVb-pmkdZk9FwML_mmsZsJThiym/s1600/Yelp.png) } a.wordpress { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji0eVOn9hGGYDszwoKjowe1wO6CCFtQhuBuX_lP4BSRjLi2oGJuE3TtQ1hQzbabxI8ZZRQwf02Y2T6eUwva0M7Xuyu2w-Jr19gE1OFu5AWT961K3VtIO38NdYIHWcWvOSHy1DMH87sxJQa/s1600/WordPress.png) } a.skydrive { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiddnJl0uulXwNLYlXsUWUa1uJyGoqwKOiuHuYKPbT2QotN2MiY1_-8lYXQoD9Y6XCbB6aZHMdMu4WFWh8bSva1ThD7NAENleWo8hqNTNh8GLt32ZuvjV7zZ-gLvHTpa0Bz7g2zSjv7r60l/s1600/SkyDrive.png) } a.vine { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWIOnzLlzwAaxHMpIDgT0qXPbGngGo1LAsNmfGg5B2m-MAAY4O-B-CfinafypGfMR0MzT3wIrKP5ZYCtx-rjco2zyJJBiWpB7jeKS3UXv-LkHXfeIsIoLcSXQv5_V0V5TEK_UDBgrfFJ7H/s1600/Vine.png) } a.tumblr { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTRujgWEyYMRGCsymlVgPM4EFbRdKgQDGM6OmR8pBT3QobnLQajA5FGxFW6c2AGIAMsOo_HT5NXwG368ouertYPKuqJ5rn92Hn9W2fs2Hf4XnRFppvX4DUc1ZM5vryZsLEvAqUU2ZXtzxb/s1600/Tumblr.png) } a.Dribbble { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiry49qLzLHAhDy3rTQM9NMkj8WPXyYoERa09rokYuOhtlFf7azWtAlgW3gTfnGFd0S1lRtIvx9xvQqJ2fNfTnljDtshI6b2y0jdwoa_8_1jOmvHH9DNYYiaTxhUAM2pu-00mAcYfDfx4xW/s1600/Dribbble.png) } a.TED { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4hEz1TZ9KebcOjK1WWMoHw94mHcOmtycEbg5fjY7fSC6ncRyDYeb6rPMiYAia1oMzg5AokeRpHQEeOQ2ZZAfAnbPcQjbWrhafsdOyugYeccUGgg28M3tvfw6hLPaGiICTnDTXv2dx24lO/s1600/TED.png) } a.vimeo { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzVdJSophDv20jrNwrgEKxMLtd2n_a0oIBao7hwrsuAlFfhcp8y0E6jY6bSYayRUb0rUtYYNvA1DgdPEFsjiEf4AoktKfZ6UEWBnaqlo2RuA_mEey4HQGS6d5yxDN0vEZfRdZlhwpE6_ml/s1600/Vimeo.png) } a.stumbleupon { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilXe-n417XJvW8Gj8I8KHpm1h9nz8tlQ8b5vbyJ6ckA-FJQNWSmkJ1uAhdqe5yvUdhHZ5xUZm9fmf59Y4GKZGv1-d-f2QyOFoYNateDdZU_wetktm4RuF9jMX5qlmRFBHuyR14Itg2ruch/s1600/StumbleUpon.png) } a.spotify { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQSagEnklHU0Sjd6CbTgOvXp1HdDU2fe9uB4JLQXs4ll5kMwUJIXEBbTKxJBIHoYnzhaFbmfpPN8VzrMSgtn-GYdxhswu0_fc0XbZebMe0yCu9SyFq2mH84tyzgMX2OlgPGu6MO_lbRBBn/s1600/Spotify.png) } a.soundcloud { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6ugmf8la24vOZy7aZFJZ1lvT-llshxUfYOSPnuL18Tp4sb4XRr69l78H7MombpPFjDYOUXUZD5qKZ58Ip7frHHd3LSwX7viAwNH7Il0I1SuyjB1d-0p6P81hGq-XdGvM5UrhNH5Uzcf5y/s1600/Soundcloud.png) } a.evernote { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyQfei8Vzml3DsdRtf8ob7xeAA0IaC7Tg45QYS9_iD2hosyUzdBrrtnGo4YdBgTFbed_QSyHPXAa5iBpNgMzzEHQ5T7tEHbFRduY_QIeTJE5DURugu9S4UQr-9EkVXCy5eWE0ErOr2bXQ9/s1600/Evernote.png) } a.reddit { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-3IE5WeLq3lU24rL6pwv6AiEamKgMZBPgTKN4XxLxesNHe9RBE2xIhgHd5r51B8WpznZghR2rBvXif5-vHfwzNKpFj5xE9E7ePeyyKrzf0XrVJIWeKiJBzIQtMNaHXDkQcwSfst8ERUgU/s1600/reddit.png) } a.myspace { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtp56nv1HVa9B5Ho4x57WHY9eMpTmfhy3xqUSlPhr1YjTlbnltEvC9T4_mN1FP-JdHR6n9Qbdj2SnTXhn4sEro8VCkQ_HDwbCJs0PJ6J0zeowuT1OZFLOqLnxfkrUj1cdc3LX5ZN3wz4TR/s1600/myspace.png) } a.lastfm { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXFKj3WStc4TUNg5_r2Z3d_tPuLgsXENceiL1gzfeVM0TxHLvkNNGIatE_0KKTiUuL-ekpnTEvpDuo2LtVUPn-AlOFgHQEwrk0NiRrtxHknACGqmQGy55C4y1jOxfb6DJ-NG6eZzs6Bhn-/s1600/Lastfm.png) } a.kickstarter { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLMa_3Nny-ckaAE3y2V-RIt7PsprAys440mk-yYrBnnTP9oullFcgQnRiBO5RWMvpxD_OAkpBsaaHsZMjEX-C2lCUoYAIexoZPAQOKtzuD1sM81ru4DV4YXO-YsNUY6-gMBajqv98cH4Gc/s1600/Kickstarter.png) } a.iMDB { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAvsaf6eRI_B_YdFwMW3AmqjGEgRPxJ6cZ5Z9ZSbpqwQu3K5VAjm-Ze3Jwxkd8msnng15NZcwBfvA7b6AXsWN4qBP36HO-BpySYpo93rdg0yQ3deJwFtBd3QzsUxU0STeI3k5D4am4USex/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 { } .jump-link a { background-color: $(main.color); color: #fff; padding: 5px 15px; } .jump-link a:hover { background-color: #111; text-decoration: none; } .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, .archive .post { background-color: #fff; margin-top: 20px; box-shadow: 0 0 12px rgba(171, 139, 110, 0.38); -webkit-box-shadow: 0 0 12px rgba(171, 139, 110, 0.38); -khtml-box-shadow: 0 0 12px rgba(171,139,110,.38); -moz-box-shadow: 0 0 12px rgba(171,139,110,.38); -ms-box-shadow: 0 0 12px rgba(171,139,110,.38); } .jump-link { position: absolute; z-index: 5; top: 20px; } .index .post-header, .archive .post-header { display: none; } #footer-wrapper { background-color: #151515; color: #fff; padding: 15px 0; border-top: 5px solid $(main.color); } #footer-wrapper .footer { width: 25%; overflow: hidden; } #footer-wrapper .widget { margin: 0 15px; } #footer-wrapper .widget ul { padding: 0; } #footer-wrapper a { color: #BBB7B7; } #footer-wrapper a:hover { color: #DDD; } #footer-wrapper .widget h2 { border-bottom: 5px solid $(main.color); display: block; border-left: 0; border-right: 0; color: #B9B9B9; margin-bottom: 15px; font-size: 16px; padding: 10px 0; font-weight: 400; background-color: rgba(0, 0, 0, 0.04); } #footer-wrapper .contact-form-name, #footer-wrapper .contact-form-email, #footer-wrapper .contact-form-email-message { background-color: #2B2929; color: #FFF; } #footer-wrapper .FollowByEmail .follow-by-email-inner .follow-by-email-address { background-color: #222; color: #fff; } #footer-wrapper .cloud-label-widget-content span a { background-color: #222; } #footer-wrapper .cloud-label-widget-content span a:hover { background-color: $(main.color); color: #fff; } #footer-wrapper #ArchiveList select { background-color: #222; color: #fff; } #copyrights { padding: 10px 0; background-color: #252525; color: #FFF; } .upbt .fa { background-color: $(main.color); color: #fff; padding: 10px 15px; font-size: 2em; border-radius: 5px; } .upbt .fa:hover { background-color: #222; } #ArchiveList a { line-height: 22px; } #ArchiveList select { border: 0; background-color: #EEE; padding: 15px; width: 100%; font-family: open sans; } .sidebar .widget { margin-bottom: 25px; } .index .post-outer { position: relative; overflow: hidden; } .index .post-outer:after { content: no-close-quote; position: absolute; bottom: 0; left: 0; width: 100%; height: 151px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKrHFmkzAdFLUh0oNf9TdtyBf4aZDHvAR9rhWoxJ6mavewcY7O38gs2SwYJONrtM2JnXOEkIUxq9PAxObaBwhEhNppP_V-gVMdZYvEB-_2nGTJ5GyPV5Ij72Tsy7jigvyYMEsEBkWBStE/s1600/gradient.png) repeat-x; } .archive .post-outer { position: relative; overflow: hidden; } .archive .post-outer:after { content: no-close-quote; position: absolute; bottom: 0; left: 0; width: 100%; height: 151px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKrHFmkzAdFLUh0oNf9TdtyBf4aZDHvAR9rhWoxJ6mavewcY7O38gs2SwYJONrtM2JnXOEkIUxq9PAxObaBwhEhNppP_V-gVMdZYvEB-_2nGTJ5GyPV5Ij72Tsy7jigvyYMEsEBkWBStE/s1600/gradient.png) repeat-x; } .post-snippet { color: #BBB; } .post-home .post-title a { color: #fff; } .post-home .post-meta a, .post-home .post-meta .fa { color: #DDD; } .post-home .imageContainer { width: 100%; height: 300px; float: none; margin-bottom: 10px; } .post-home img { float: none; position: relative; } .post-info { padding: 0 15px; position: absolute; z-index: 5; bottom: 5px; } .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; font-family: open sans; } .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.next a { padding-right: 24px; } .post-pager li.previous { margin-top: 0; margin-bottom: 0; padding: 0; background: none; } .post-pager li { width: 50%; display: inline; float: right; 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; } .ro { margin-bottom: 15px; overflow: hidden; } .recent { background-color: #FFF; overflow: hidden; } #recent1 { width: 100%; } #recent2 { width: 100%; } #recent2 .imageContainer { width: 350px; height: 300px; float: none; } #recent2 .recent-box { width: 48%; overflow: hidden; padding: 0; color: #9B9B9B; margin-bottom: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .recent .post-summary { color: #9B9B9B; } #recent2 .label_title, #recent2 .toe, #recent2 .post-summary { margin: 10px; } #recent2 .label_title { font-size: 1.2em; } #recent1 .recent-box { width: 50%; display: inline-block; margin-bottom: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; } #recent1 .recent-box .imageContainer { width: 100%; float: none; height: 150px; margin-bottom: 8px; } #recent3 .recent-box { width: 50%; display: inline-table; margin-bottom: 8px; } #recent4 .imageContainer { width: 200px; height: 150px; } #recent4 .recent-box { width: 490px; overflow: hidden; padding: 0; background-color: #444; color: #9B9B9B; height: 150px; margin-bottom: 15px; box-shadow: 0px 40px 20px -40px #858585; -webkit-box-shadow: 0px 40px 20px -40px #858585; -moz-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133); -o-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133); } #recent4 .recent-box a { color: #DDD; } #recent4 .label_title, #recent4 .toe, #recent4 .post-summary { margin: 10px; } #recent4 .label_title { font-size: 1.2em; } #recent4 .label_thumb:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } #recent5, #recent6 { width: 49%; background-color: #FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #recent5 .recent-box, #recent6 .recent-box, #recent7 .recent-box { margin-bottom: 10px; border-bottom: 1px solid #F1F1F1; padding-bottom: 15px; } #recent5 .recent-box:first-child, #recent6 .recent-box:first-child, #recent7 .recent-box:first-child { margin-bottom: 20px; } #recent5 .recent-box:first-child .imageContainer, #recent6 .recent-box:first-child .imageContainer { float: none; width: 100%; height: 150px; margin-bottom: 5px; } #recent5 ul, #recent6 ul { padding-left: 10px; padding-right: 10px; padding-top: 0; } #recent5 .recent-box:first-child .imageContainer img:hover, #recent6 .recent-box:first-child .imageContainer img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } #recent5 .recent-box .post-summary, #recent6 .recent-box .post-summary, #recent7 .recent-box .post-summary { display: none; } #recent5 .recent-box:first-child .post-summary, #recent6 .recent-box:first-child .post-summary, #recent7 .recent-box:first-child .post-summary { display: block; } .cover { direction: ltr; margin: 25px 0; background-color: #fff; max-height: 450px; } #coverflow .next { right: 0; } #coverflow .prev { left: 0; } #coverflow button { top: 220px; position: absolute; z-index: 55; border: 0; padding: 15px; background-color: $(main.color); color: #fff; cursor: pointer; opacity: 0; } #coverflow:hover button { opacity: 1; } #coverflow .recent-box { width: 395px; height: 450px; position: relative; } #coverflow .recent-box .imageContainer { width: 395px; height: 450px; } #coverflow .recent-box .label_title { position: absolute; z-index: 5; color: #fff; width: auto; padding: 10px 0; text-align: center; left: 0; right: 0; bottom: 15px; margin: 0 20px; font-size: 1.4em; line-height: 2em; } #coverflow .recent-box .label_title:before { content: ""; } #coverflow .recent-box:after { content: no-close-quote; position: absolute; bottom: 0; left: 0; width: 100%; height: 151px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKrHFmkzAdFLUh0oNf9TdtyBf4aZDHvAR9rhWoxJ6mavewcY7O38gs2SwYJONrtM2JnXOEkIUxq9PAxObaBwhEhNppP_V-gVMdZYvEB-_2nGTJ5GyPV5Ij72Tsy7jigvyYMEsEBkWBStE/s1600/gradient.png) repeat-x; } #coverflow .recent-box .toe { position: absolute; background-color: rgba(0, 0, 0, 0.55); padding: 10px; top: 10px; } #coverflow .recent-box .toe a { color: #FFF !important; } .recent .title { line-height: 32px; color: #19232D; margin-bottom: 10px; text-align: center; font-size: 16px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXb7lMH-vd71wbhHW_p8gGNgdSwgBzDyXY-XO0TrWbUHv701CUQSPDrOCqQxqNuUAmr0kV71awWEigioREfIj4JQ8QdeqzJc6GejhyVf91pvq2z2WLMOpfUR-5paFgseyk3ouFbSFC1uQ/h120/dot.png) rgba(0, 0, 0, 0.06); } .recent .title a { color: #fff; background-color: $(main.color); display: inline-block; padding: 3px 15px; } .recent a { color: #111; } .recent .title a:hover { text-decoration: underline; } .recent ul { padding-top: 15px; padding-bottom: 15px; } .label_title:before, .sidebar .LinkList li a:before, #footer-wrapper .LinkList li 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; } .slider .label_title:before { content: ''; display: block; } #recent2 .label_thumb:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } #recent1 .label_thumb:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } .recom { padding: 5px 0; } /* News Ticker */ .ticker #label_with_thumbs li a:hover { text-decoration: underline; } .ticker { height: 38px; position: absolute; } .ticker .widget { margin: 0; } .ticker .post-date { color: #DDD; } .ticker #label_with_thumbs li { width: auto; border: 0; padding: 0; display: block; } .ticker #label_with_thumbs li a { color: #EEE; } .ticker .label_title { display: block; } .ticker h2 { background-color: $(main.color); color: #fff; padding: 6px 25px; text-align: center; font-weight: normal; font-size: 16px; } .ticker h2: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; position: absolute; background-color: #1B1A1A; color: $(main.color); padding: 5px 5px; top: 0; z-index: 55; font-size: 25px; } .tickercontainer, .tickercontainer .mask, ul.newsticker { -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; list-style:none; margin:0; } .tickercontainer { margin: 0; padding: 0; overflow: hidden; height: 38px; } .tickercontainer .mask { position: relative; overflow: hidden; top: 4px; height: 38px; } ul.newsticker { position: relative; list-style-type: none; margin: 0; padding: 0; height: 38px; } ul.newsticker li { margin: 0; max-height: 39px; } .tickeroverlay-left { display: none; } .tickeroverlay-right { display: none; } .slider, .cover, #ticker ul#label_with_thumbs { visibility: hidden; } /* Slider */ .slider { max-height: 300px; } #main-up .woo { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0EkXhhex9PwRe-bhyphenhyphen9wuUh8rJDcuidFQILrBBsw44TLEx9HDF28_ctl5pefMfLywANH10rHLysYy1KRHsq_LG7Tc8X5X0aMLDhX0wlNG0hTAinrSTnTPob-SHX5S08sVWpcInIHaMoLY/s1600/section_bg.png) no-repeat bottom center; padding-bottom: 12px; } .slider { position: relative; overflow: auto; width: 100% !important; direction: ltr !important; } .slider ul#label_with_thumbs, .slider ul#label_with_thumbs li { margin: 0 !important; padding: 0 !important; border: 0; } .slider ul li { position: relative; padding: 0; } .slider .imageContainer { height: 300px; width: 100%; } .slider .label_thumb { width: 100% !important; height: 300px; } .slider .label_title { z-index: 1; text-align: center; width: auto; font-size: 1.3em; opacity: 1; color: #fff !important; position: absolute; font-weight: normal; display: block; left: 0; right: 0; bottom: 30px; margin: 0; } #main-up .recent-box:after { content: no-close-quote; position: absolute; bottom: 0; left: 0; width: 100%; height: 151px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKrHFmkzAdFLUh0oNf9TdtyBf4aZDHvAR9rhWoxJ6mavewcY7O38gs2SwYJONrtM2JnXOEkIUxq9PAxObaBwhEhNppP_V-gVMdZYvEB-_2nGTJ5GyPV5Ij72Tsy7jigvyYMEsEBkWBStE/s1600/gradient.png) repeat-x; } .slideraro { position: absolute; z-index: 1; top: 15px; } .slideraro a { cursor: pointer; background-color: rgba(0, 0, 0, 0.33); padding: 10px 15px; overflow: hidden; display: block; color: #FFF; } .slideraro a.unslider-arrow.prev: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; } .slideraro a.unslider-arrow.next: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; } .dots { position: absolute; top: 10px; } .dots li { font-size: .0em; display: inline-block; width: 8px; border-radius: 50px; height: 8px; padding: 2px; border: 0; cursor: pointer; background-color: $(main.color); } .dots li.active { background: #fff; } /* 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; } .recent-posts .imageContainer { width: 100%; height: 100px; float: none; margin: 0; margin-bottom: 5px; } #ad .title { display: none; } #blog-pager { clear: both; margin: 20px 0; padding: 10px 0; font-size: 15px; } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #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; } /* Responsive Design ----------------------------------------------- */ @media screen and (min-width: 1200px) { #facebook-comments1 { display: block; } #facebook-comments2, #facebook-comments3, #facebook-comments4 { display: none; } } @media screen and (max-width: 1200px) { #facebook-comments2 { display: block; } #facebook-comments1, #facebook-comments3, #facebook-comments4 { display: none; } .box { max-width: 800px; } #main-wrapper { width: 100%; float: none !important; clear: both; } #sidebar-wrapper { width: 48%; margin-top: 25px; } #sidebar-wrapper3 #sidebar-wrapper2 { width: 48%; margin-top: 25px; display: block; } #sidebar-wrapper2 { display:none; } #header-content #header { float: none !important; width: 250px; margin: 0 auto 30px; } .Header h1, .Header .description, #header { text-align: center; } #header-content #ad { float: none !important; width: 100%; max-width: 728px; margin: 0 auto; } } @media screen and (max-width: 800px) { #facebook-comments3 { display: block; } #facebook-comments1, #facebook-comments2, #facebook-comments4 { display: none; } .box { max-width: 600px; } #coverflow { max-width: 400px; margin: 0 auto; } #footer-wrapper .footer { width: 100%; float: none !important; margin-bottom: 10px; } } @media screen and (max-width: 600px) { #facebook-comments4 { display: block; } #facebook-comments1, #facebook-comments3, #facebook-comments2 { display: none; } .box { max-width: 400px; } #sidebar-wrapper { width: 100%; float: none !important; margin-top: 25px; } #sidebar-wrapper3 #sidebar-wrapper2 { width: 100%; float: none !important; margin-top: 25px; } #social-sec { float: none !important; display: block; } #copyrights p { float: none !important; margin-bottom: 15px; text-align: center; } .slider .imageContainer { height: 200px; } #recent1 .recent-box { width: 100%; } #recent1 ul { padding: 0; } #recent2 .recent-box { float: none !important; width: 95%; } #recent5, #recent6 { float: none !important; width: 100%; } #recent3 .recent-box { width: 100%; display: inline-block; } .post-home .imageContainer { height: 200px; } #related-posts a { width: 100%; } } @media screen and (max-width: 400px) { #main-up, #coverflow { display: none; } .recom .woo { margin: 0 !important; } } ]]>
<div class="home box item">

 

()