<data:blog.pageTitle/> <data:blog.pageName/> ~ <data:blog.title/> span { margin-right: 7px; font-size: 12px; position: relative; } .post-header > span:after { content: "|"; padding-left: 7px; } .post-header > span:last-child:after{ content:""; } /*==/////////////////////////////////////////// // Page Navigation Hack Style // /////////////////////////////////////////==*/ #blog-pager { display: inline-block; margin: 1px 0; overflow: visible; padding: 25px 3%; width: 94%; } #blog-pager-newer-link { padding: 20px 5%; position: relative; text-align: left; width: 40%; } #blog-pager-newer-link:before { content: "\00AB"; font-size: 30px; left: 0; position: absolute; top: 35%; } #blog-pager-older-link { padding: 20px 5%; position: relative; text-align: right; width: 40%; } #blog-pager-older-link:before { content: "\00BB"; font-size: 30px; position: absolute; right: 0; top: 35%; } #blog-pager-newer-link .newer-text, #blog-pager-older-link .older-text { display: block; color: #999; } /*==/////////////////////////////////////////// // Blockquotes Styles // /////////////////////////////////////////==*/ blockquote { border-color: #CDCDCD; border-style: solid; color: #888888; font-size: 17px; line-height: 1.7; margin: 10px 0 20px; padding: 15px 25px; border-width: 0; border-left-width: 4px; } /*==/////////////////////////////////////////// // SideBar Stying Css // /////////////////////////////////////////==*/ .sidebar { margin: 0; padding: 0; display: block; } .sidebar h2 { display: inherit; font-size: 20px; margin-bottom: 10px; padding-bottom: 5px; position: relative; text-align: center; text-transform: capitalize; } .sidebar .widget { background: #fff; padding: 25px 20px; clear: both; font-size: 13px; line-height: 23px; margin-bottom: 30px; } .sidebar ul { margin: 0; padding: 0; list-style: none; } .sidebar li { border-bottom: 1px solid #F1f4f9; line-height: normal; list-style: none !important; margin: 8px 0; overflow: hidden; padding: 0 0 10px 0px !important; } /*==/////////////////////////////////////////// // Templatezy Footer Styling // /////////////////////////////////////////==*/ .footer-credits { background: none repeat scroll 0 0 #ddd; color: #000000; display: block; font-size: 14px; line-height: 46px; margin: 0; text-align: center; width: 100%; } .footer-credits a { color: #000; } .footer-credits a:hover { color: #999; } /*==/////////////////////////////////////////// // Blogspot Default Serach Box // /////////////////////////////////////////==*/ #searchform fieldset { background: #F1F4F9; border: 1px solid #F1F4F9; color: #888888; width: 98%; } #searchform fieldset:hover { background: #fff; } #s { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMJX0rjVK7uBpnLF6ozIyVZQCs8WzwMm9Fue-8sxbPeijNq9v_Nsa2gBUZSKuMDgIjD_ilz_91WkgE0MT6d26anFEB49GwPIKTA5pOhecthZerlodR_djudfKh0qzDtqRBTCh9JawE6WaV/s1600/sprites.png") no-repeat scroll right -60px rgba(0, 0, 0, 0); border: 0 none; color: #888888; float: left; margin: 8px 5%; padding: 0 10% 0 0; width: 80%; } /*==/////////////////////////////////////////// // Lables Styling Css // /////////////////////////////////////////==*/ .cloud-label-widget-content { display: inline-block; text-align: left; } .cloud-label-widget-content .label-size { display: inline-block; float: left; font-size: 10px; font-family: Verdana,Arial,Tahoma,sans-serif; font-weight: bold; line-height: normal; margin: 5px 5px 0 0; opacity: 1; text-transform: uppercase; } .cloud-label-widget-content .label-size a { color: #000 !important; float: left; padding: 5px; } .cloud-label-widget-content .label-size:hover a { color: #555 !important; } .cloud-label-widget-content .label-size .label-count { color: #555; padding: 5px 0; float: left; } /***** Popular Post *****/ .PopularPosts .item-thumbnail img { display: block; float: left; height: auto; width: auto; } .PopularPosts .item-title { padding-bottom: 10px; font-size: 16px; font-weight: bold; } .PopularPosts ul li { border: 0; margin-bottom: 20px; } /*==/////////////////////////////////////////// // Bloger Contact Form Css // /////////////////////////////////////////==*/ .contact-form-email, .contact-form-name, .contact-form-email-message, .contact-form-email:hover, .contact-form-name:hover, .contact-form-email-message:hover, .contact-form-email:focus, .contact-form-name:focus, .contact-form-email-message:focus { background: #F8F8F8; border: 1px solid #D2DADD; box-shadow: 0 1px 1px #F3F4F6 inset; max-width: 300px; color: #999; } .contact-form-button-submit { background: #000; border: medium none; float: right; height: auto; margin: 10px 0 0; max-width: 300px; padding: 5px 10px; width: 100%; cursor: pointer; } .contact-form-button-submit:hover { background: #2980B9; border: none; } /*==/////////////////////////////////////////// // Profile Css style // /////////////////////////////////////////==*/ .Profile img { border:1px solid #cecece; background:#fff; float:left; margin:5px 10px 5px 0; padding: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .profile-data { color:#999999; font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif; font-variant:small-caps; margin:0; text-transform:capitalize;} .profile-datablock { margin:0.5em 0;} .profile-textblock { line-height:1.6em; margin:0.5em 0;} a.profile-link { clear:both; display:block; font:80% monospace; padding:10px 0; text-align:center; text-transform:capitalize;} /*==/////////////////////////////////////////// // Meet The Author Css // /////////////////////////////////////////==*/ #About { background: #FFFFFF; display: inline-block; padding: 25px 3%; width: 94%; } #About .widget-content { position: relative; width: 100%; } #About .widget-content .main-wrap { width: auto; margin-right: 370px; } #About .widget-content .main-wrap .info { float: left; position: relative; width: 90%; padding: 10px 5%; } #About .widget-content .side-wrap { width: 340px; float: right; text-align: center; } #About .widget-content .main-wrap .info h5 { border-bottom: 1px solid #F1F4F9; color: #000000; font-size: 16px; font-weight: bold; margin: 0 0 10px; padding: 0 0 5px; text-transform: capitalize; } #About .widget-content .main-wrap .info p { color: #555; font-style: italic; } #About .widget-content .side-wrap .author-img { border: 1px solid #CECECE; height: 150px; vertical-align: bottom; width: 150px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } ul.author-social { display: inline-block; margin: 10px 0 0; padding: 0; } ul.author-social li { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMJX0rjVK7uBpnLF6ozIyVZQCs8WzwMm9Fue-8sxbPeijNq9v_Nsa2gBUZSKuMDgIjD_ilz_91WkgE0MT6d26anFEB49GwPIKTA5pOhecthZerlodR_djudfKh0qzDtqRBTCh9JawE6WaV/s1600/sprites.png") no-repeat; display: inline-block; font-weight: bold; font-size: 12px; line-height: 16px; list-style: none; padding: 0 20px; } ul.author-social li.facebook { background-position: 0 -80px; } ul.author-social li.twitter { background-position: 0 -100px; } ul.author-social li.googleplus { background-position: 0 -120px; } ul.author-social li.rss { background-position: 0 -176px; } ul.author-social li a { color: #000; } ul.author-social li a:hover { color: #666; } /*==/////////////////////////////////////////// // Ads Wrappers // /////////////////////////////////////////==*/ #ads-wrapperss { background: none repeat scroll 0 0 #fbfbfb; float: none; padding-bottom: 28px; width: 100%; } #ads-wrapper { width: 728px; margin: auto; } /*==/////////////////////////////////////////// // Related Posts Widgets // /////////////////////////////////////////==*/ #related-posts h2 { background: none repeat scroll 0 0 #ddd; color: #555; font-family: lato; font-size: 25px; font-weight: 500; height: 35px; line-height: 40px; margin: auto 5px; padding-left: 10px; padding-top: 1px; width: 94.6%; } .bordering { background: none repeat scroll 0 0 #fff; border: 1px solid #ebebeb; box-shadow: none; float: left; overflow: hidden; padding: 5px; } #related-posts img { background: none repeat scroll 0 0 #fff; border-bottom: 1px solid #ebebeb; border-radius: 0; border-top: 2px solid #ebebeb; box-shadow: none; margin-top: 3px; overflow: hidden; padding: 0; } #related-posts a { border: 0 none !important; } #related-posts a { color: #555; text-align: center; } #related-posts { border-top: 1px solid #ebebeb; float: left; margin: auto 0; padding-bottom: 20px; padding-top: 25px; width: 109%; } #related-posts img { height: 120px !important; width: 160px !important; } /*==/////////////////////////////////////////// // Comments Styling // /////////////////////////////////////////==*/ #comments { margin-top: 30px; } .comments h4 { font-size: 20px; margin: 0 0 18px; text-transform: capitalize; } .comments li { list-style: none; } .comments .comments-content .comment-thread ol { overflow: hidden; margin: 0; } .comments .comments-content .comment:first-child { padding-top: 0; } .comments .comments-content .comment { margin-bottom: 0; padding-bottom: 0; } .comments .avatar-image-container { max-height: 60px; width: 60px; } .comments .avatar-image-container img { max-width: 60px; width: 100%; -webkit-border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .comments .comment-block { background: #fff; margin-left: 72px; padding: 14px 0 0 20px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .comment-replies .comment-block { padding-bottom: 14px; } .comments .comments-content .comment-header a { color: #333; text-transform: capitalize; } .comments .comments-content .user { display: block; font-style: italic; font-weight: bold; } .comments .comments-content .datetime { margin-left: 0; } .comments .comments-content .datetime a { font-size: 12px; text-transform: uppercase; } .comments .comments-content .comment-header, .comments .comments-content .comment-content { margin: 0 20px 0 0; } .comments .comment-block .comment-actions { display: block; text-align: right; } .comments .comment .comment-actions a { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius:2px; background: #555; color: #FFFFFF; display: inline-block; font-size: 12px; line-height: normal; margin-left: 1px; padding: 5px 8px; } .comments .comment .comment-actions a:hover { text-decoration: none; } .comments .thread-toggle { display: none; } .comments .comments-content .inline-thread { border-left: 1px solid #F4F4F4; margin: 0 0 20px 35px !important; padding: 0 0 0 20px; } .comments .continue { display: none; } .comment-thread ol { counter-reset: countcomments; } .comment-thread li:before { color: #2980B9; content: counter(countcomments, decimal); counter-increment: countcomments; float: right; font-size: 22px; padding: 15px 20px 10px; position: relative; z-index: 10; } .comment-thread ol ol { counter-reset: contrebasse; } .comment-thread li li:before { content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin); counter-increment: contrebasse; float: right; font-size: 18px; } /*==/////////////////////////////////////////// // Responsive Layout Style Start // /////////////////////////////////////////==*/ @media all and (max-width: 1200px) { .ct-wrapper{ max-width: 900px;} .ct-wrapper{ padding-left:10px; } } @media all and (max-width: 910px) { .ct-wrapper{ max-width: 630px;} } @media screen and (max-width: 960px) { .main-wrapper { margin-right:0; width:100%; } .sidebar-wrapper{ float: left; width: auto; margin-top: 30px; } #About .widget-content .main-wrap { margin-right: 0; } #About .widget-content .main-wrap .info { float: none; text-align: center; width: 90%; padding: 10px 5%; } #About .widget-content .side-wrap { width: 100%; float: none; text-align: center; } .sticky { position: static; } } @media screen and (max-width: 820px){ .button-menu-mobile {display: block!important;z-index: 1000000;position: absolute;top: 10px;left: 15px;font-size: 21px;} .social{width:auto!important;} #comment-editor { margin:10px; } .hentry{width:30.66%!important;} } @media screen and (max-width: 520px){ #header img { } .post.hentry{width:45.33%!important;} .featured-image{height:165px;} .entry-cntnt .entry-header{padding-top:20px;} .overlay .entry-header .entry-title{font-size:15px;} .entry-content{display:none;} } @media screen and (max-width: 420px){ .comments .comments-content .datetime{ display:block; float:none; } .comments .comments-content .comment-header { height:70px; } } @media screen and (max-width: 320px){ .post.hentry {width: 100%!important;} .social a{padding:10px 10px 10px 0;} .ct-wrapper{ padding:0; } .post-body img{ max-width: 230px; } .comments .comments-content .comment-replies { margin-left: 0; } } /*==/////////////////////////////////////////// // Heading Date Style // /////////////////////////////////////////==*/ h2.date-header,span.blog-admin{display:none!important;} ]]>