/* # # Blogger # Custom Css # */ /* Table of content ----------------------------------------------- 1.Header logo navigation 2.Content post-content meta post-navigation sidebar widgets comments 3.Footer footer widgets copyrights */ /* Header ----------------------------------------------- */ #logo { float:left; margin-bottom:25px; margin-left: 15px; } #logo h1 a{ padding:.3em; } #logo h1 a{ color:#333333; } #logo img{ width:250px; height:45px; } #tagline{ text-align:left; padding-left:15px; line-height:150%; font-style:italic; } #navigation{ } .header-image img{ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .screen-reader-text { display: none; } /* Content ----------------------------------------------- */ /* Post */ .post-title{ text-align:left; margin-top:10px; border-bottom: 1px solid #eee; padding-bottom: 5px; color:#333333; } .post-title a{ color:#333333; } .page-title{ text-align:left; margin-top:10px; margin-bottom:10px; border-bottom: 1px solid #eee; padding-bottom: 5px; color:#333333; } .search-post-title{ text-align:left; padding-top:10px; border-bottom: 1px solid #eee; padding-left:10px; padding-bottom:10px; color:#333333; } .search-post{ text-align:left; padding:0 10px; color:#333333; } .post-summary{ text-align:left; } .post-content, .post-page{ text-align:left; } .post-content ol, .post-content ul, .post-page ol, .post-page ul, .post-summary ol, .post-summary ul{ padding:10px; list-style: circle; } /*Post Meta*/ .post-meta{ text-align:left; margin-bottom:5px; padding-bottom:5px; padding:.3em; word-break: break-word !important; } .post-meta div { display: inline; font-size:11px; } .post-thumbnails{ float:left; height:auto; position:relative; float: left; margin: 0 10px 10px 0; } .post-meta-tag{ text-align:left; margin-top:15px; padding-top:5px; width: 100%; float: left; } .post-tags{ word-break: break-word !important; margin-bottom: 10px; display:block; font-size:11px; } .edit-post-link{ float:left; padding:10px; } .post-readmore{ float:right; padding:10px; } .post-navigation{ margin-top:15px; margin-bottom:15px; position: relative; clear: both; } .post-navigation a{ color:#666666; } .post-navigation a:hover{ text-decoration:underline; } .post-readmore{ border: 1px solid #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .comment-reply-link{ padding:10px 15px; border: 1px solid #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .nav-next { float: right; } .nav-previous { float: left; } /* sidebar */ #sidebar{ text-align:left; } #sidebar-container { background: #ffffff; } #sidebar .widget-title { margin-top: 5px; margin-bottom: 10px !important; background: #f8f8f8; padding: 7px 15px; color: #666666; font-size: 15px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } #sidebar .widget-title a{ color: #333333; } #sidebar .post-date, #sidebar .rss-date{ font-size: 10px; } #sidebar .cat-item { list-style: circle; margin-left: 15px; } #sidebar .widget_archive li { list-style: square; margin-left: 15px; } #sidebar .widget { margin-bottom: 20px; } #sidebar select, #sidebar table{ width: 100%; } #sidebar select{ height:30px; } /* Comments */ #post-page-comments{ padding-top:20px; } #comment { width: 70%; } .comment-content a { word-wrap: break-word; } .bypostauthor { } #respond { background-color: transparent !important; box-shadow: none !important; padding: 0px !important; } #respond > p, #respond p.comment-notes, p.logged-in-as { margin-bottom: 10px; } p.logged-in-as { padding-bottom: 0px; } .comment-list { margin-bottom: 40px !important; margin-left: 0px !important; padding-left: 0; } .commentlist { margin-bottom: 20px; } .comment .comment-body { background-color: #F8F8F8; margin: 0; overflow: hidden; padding: 25px; margin-top: 2em; padding-left: 116px; position: relative; border: 1px solid rgba(0, 0, 0, 0); border-color: #f1f1f1; border-radius: 4px; text-align:left; } .comment-list .children { margin-left: 0px!important; padding-left: 40px; background-repeat: no-repeat; background-position: left 20px; } .comment-list li.comment > div img.avatar { position: absolute; left: 29px; top: 29px; } #comment-form-title { font-size: 24px; padding-bottom: 10px; } .vcard .avatar { position: absolute; left: 29px; top: 29px; } .comment-metadata { font-size: 11px; line-height: 16px; margin-bottom: 10px; } .comment-reply-link { float: right; } .form-allowed-tags code { word-wrap: break-word; white-space: inherit; } .comment-respond label { display: block; font-weight: normal; } .comment-respond .required { color: #C7254E; } .form-submit input { margin-top: 15px; margin-bottom: 15px; background-color: #eee; padding: 10px; border: none; color:#666666; } /*search form*/ #searchform { text-align: center; margin-top: 20px; margin-bottom: 40px; } #searchsubmit { background: #333; border: none; color: #fff; padding: 8px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #searchsubmit:hover { background: #666; cursor: pointer; color:#fff; } #s { height: 20px; color: #666666; } /* Footer ----------------------------------------------- */ .footer-wrapper{ padding-top:25px; font-size:12px; } #footer .widget-title { margin-top: 5px; margin-bottom: 5px; text-align:left; } #footer .post-date, #footer .rss-date{ font-size: 10px; } #footer .cat-item { list-style: circle; margin-left: 15px; } #footer .widget_archive li { list-style: square; margin-left: 15px; } #footer a{ color:#bc360a; } #footer .widget { margin-bottom: 20px; text-align:left; } #footer table, #footer th, #footer td{ border: 1px solid #ffffff; } #footer select, #footer table{ width: 100%; } #footer select{ height:30px; } #footer-menu a{ text-decoration:underline; } #footer-menu li{ display:inline; } /*footer copyright*/ #footer-copyright-full-wrapper{ color:#666666; } #footer-copyright-full-wrapper a{ color:#bc360a; text-decoration:none !important; } #footer-copyright-full-wrapper a:hover{ text-decoration:underline !important; } /*mobile view*/ @media only screen and (max-width: 950px) { #navigation-wrap{ margin-top:0px !important; } #footer-copyright-full-wrapper{ margin-bottom:0px !important; } #navigation-wrapper{ -webkit-border-top-left-radius: 0px !important; -webkit-border-top-right-radius: 0px !important; -moz-border-radius-topleft: 0px !important; -moz-border-radius-topright: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; } #footer-copyright-wrapper{ -webkit-border-bottom-right-radius: 0px !important; -webkit-border-bottom-left-radius: 0px !important; -moz-border-radius-bottomright: 0px !important; -moz-border-radius-bottomleft: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; } }