/* Theme Name: BootGuy Version: 1.0 Author: Vamsi Mannem Author URI: http://www.forabetterjob.in/ Description: Our bootguy theme is based on the bootstrap css framework. It is simple with minimal design elements. Also it is readable on a wide variety of screen sizes. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer. License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: bootguy Tags: one-column, two-columns, custom-logo, featured-images, sticky-post, theme-options, threaded-comments, blog */ /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .sticky, .gallery-caption, .bypostauthor { } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } .container { //max-width:900px; !important; } .navbar-static-top { border-width:0; } .navbar-header h1 { margin-top:0; margin-bottom:0; } .navbar-brand-image { padding-top:0; padding-bottom:0; height:40px; } .article-item { margin: 30px 0px; } .article-item h2, .secondary h2 { margin-top:0; } /** * Secondary */ #secondary { margin-top:30px; } #secondary aside { padding-bottom: 20px; } /** * Article */ .article-item .entry-content { } article h1 a:hover, article h2 a:hover { text-decoration:none; } article .post-thumbnail { margin:20px 0px; /* max-height:400px; overflow:hidden; */ } article .article-meta { /* position: absolute; bottom:10px; right: 20px; color:#fff; */ } article .article-meta-piece { padding-left:15px; } article .post-content { padding:20px 0; } /** * Pagination */ /** * Pager */ .pager-holder { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding:20px 0; margin:0 0 20px; } .pager-holder .previous, .pager-holder .next { padding: 10px 0; } /** * Comments */ #comments { padding-top:10px; padding-bottom: 30px; } .comment-navigation { padding:20px 0; } .comment-list > li { padding-top:20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; } .comment-list > li:last-child { border-bottom: none; } .comment-list .children li { padding-top: 10px; padding-bottom: 10px; } .comment-author cite { font-weight: 700; } .comment-meta { margin-bottom: 7px; } .commentmetadata a { font-size:90%; color:#aaa; } .comment-form .form-submit { margin-top:20px; } /** * Site Footer */ .site-footer { background-color: #dfdfdf; padding:30px 0; margin-top:20px; } /** * Responsive Controls */ @media (max-width: 767px) { .pager-holder .next { text-align: left; } }