/** style.css * * Theme Name: RentCaffeine * Theme URI: http://rentcafe.com * Description: A WordPress Theme based on the-bootstrap4 for the RentCaffeine * Author: Yardi Systems * Author URI: http://yardi.com * Version: 2.0.1 * Tags: responsive * Text Domain: the-bootstrap * Domain Path: /lang * * License: GNU General Public License v3.0 * License URI: http://www.gnu.org/licenses/gpl-3.0.html * * * This program is free software: you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with this program. If not, see . */ /* =Elements -------------------------------------------------------------- */ blockquote cite:before { content: '\2014 \00A0'; } blockquote cite { color: #999999; display: block; font-size: 13px; line-height: 18px; } figure { margin: 0; } h1, h2, h3, h4, h5, h6, .clear { clear: both; } /* =Classes -------------------------------------------------------------- */ .assistive-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } body > .container { margin: 18px auto; } /* Right Content */ .sidebar-content #primary, .sidebar-content #attachment-comment { float: right; margin: 0 20px 0 0; } .block { display: block; } /* =Page -------------------------------------------------------------- */ #page { background-color: #FFFFFF; margin-right: -20px; padding: 14px 0 0; } #header-image { display: block; } #menu-alert { margin: 4px 0 0; padding: 6px 35px 6px 14px; position: absolute; } #branding hgroup, #header-image, .entry-content { margin-bottom: 18px; } .entry-attachment { margin-bottom: 36px; } .single #author-info, .author #author-info, .single article.post, .single article.page { margin-bottom: 36px; } #author-info, article.post, article.page { margin-bottom: 36px; } .comment { padding: 0px; } .page-header, .entry-content { word-wrap: break-word; } .post-password-form legend { font-size: inherit; } .entry-content .twitter-tweet-rendered { max-width: 100% !important; } /* =Comments -------------------------------------------------------------- */ #comments-title { border-bottom: 1px solid #EEEEEE; font-size: 19.5px; margin: 0 0 27px; } #comment, .entry-content iframe, .entry-content embed { max-width: 100%; } .commentlist > li { margin-bottom: 36px; } .commentlist ul.children { margin: 10px 0 18px; list-style: none; } #reply-title { position: relative; } #reply-title small { position: absolute; right: 0; top: 7px; } /* =Sidebar -------------------------------------------------------------- */ .form-search { margin: 0; } .widget { word-wrap: break-word; margin-bottom: 40px;searchform } .widget .wp-caption { display: inline-block; } /* =Images -------------------------------------------------------------- */ .entry-content .post-thumbnail { margin: 0 20px 20px 0; } .entry-attachment .thumbnail.attachment-table { display: table; margin: 0 auto; } .thumbnail > img { width: auto\9; /* Cure IE8 max-width bug */ } img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .gallery-columns-3.thumbnails [class*="span"] { width: 29.3%; } .gallery-columns-5.thumbnails [class*="span"] { width: 15.9%; } .gallery-columns-6.thumbnails [class*="span"] { width: 12.6%; } .gallery-columns-7.thumbnails [class*="span"] { width: 10.2%; } /* =Footer -------------------------------------------------------------- */ #colophon .credits { margin: 0; } #site-generator { float: right; font-family: Georgia, "Bitstream Charter", serif; font-style: italic; } #site-generator a { background: url("img/wordpress.png") no-repeat scroll left center transparent; color: #787878; display: inline-block; line-height: 16px; padding-left: 20px; text-decoration: none; } #site-generator.footer-nav-menu a { margin-top: 10px; } table .label { background-color: transparent; border-radius: none; color: inherit; font-size: inherit; text-transform: inherit; } /* =Jetpack Support -------------------------------------------------------------- */ .comment-subscription-form > input[type=checkbox] { position: absolute; } .comment-subscription-form > label { min-height: 18px; padding-left: 18px; } /* =Bootstrap Adjustments -------------------------------------------------------------- */ .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; } #comment, .thumbnail { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .label .post-edit-link, .label .comment-edit-link { color: #FFFFFF; } .navbar-search { height: 34px; } .pagination span { background-color: #f5f5f5; color: #999999; cursor: default; } .pagination span.dots { background-color: #FFFFFF; } /* =WordPress Core -------------------------------------------------------------- */ .aligncenter { display:block; margin: 0 auto 20px; } .alignright { float:right; margin: 0 0 20px 20px; } .alignleft { float:left; margin: 0 20px 20px 0; } .wp-caption { max-width: 100%; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { padding: 0 9px 9px; text-align: center; } .wp-caption .wp-caption-text { padding-top: 9px; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .sticky {} .bypostauthor {} .post { margin-bottom: 40px; } /* =Responsiveness -------------------------------------------------------------- */ @media (max-width: 767px) { body { padding:0; } .container { width: auto; } #page { margin: 0; padding: 10px; } .thumbnail[class*="span"], .gallery [class*="span"] .thumbnail { display: table; float: left; } .carousel .item > img { width: 100%; } .thumbnails > li { float: left; margin-left: 20px; } .gallery-columns-2.thumbnails > li:nth-child(2n+1), .gallery-columns-3.thumbnails > li:nth-child(3n+1), .gallery-columns-4.thumbnails > li:nth-child(4n+1), .gallery-columns-5.thumbnails > li:nth-child(5n+1), .gallery-columns-6.thumbnails > li:nth-child(6n+1), .gallery-columns-7.thumbnails > li:nth-child(7n+1), .gallery-columns-8.thumbnails > li:nth-child(8n+1), .gallery-columns-1.thumbnails > li { margin-left:0; } .gallery-columns-2.thumbnails [class*="span"] { width: 47.4%; } .gallery-columns-3.thumbnails [class*="span"] { width: 29.9%; } .gallery-columns-4.thumbnails [class*="span"] { width: 21.2%; } .gallery-columns-6.thumbnails [class*="span"] { width: 12.4%; } .gallery-columns-7.thumbnails [class*="span"] { width: 9.9%; } .gallery-columns-8.thumbnails [class*="span"] { width: 8.7%; } .sidebar-content #primary, .sidebar-content #attachment-comment { float: none; margin: inherit; } #s { display: inline-block; } #site-generator, #site-generator.footer-nav-menu a { float: none; margin-top: 5px; } textarea[class*="span"] { height: auto; } .navbar-fixed-top, .navbar-fixed-bottom { margin: 0; } h3.entry-title {margin-top: 15px;} } @media (min-width: 768px) and (max-width: 778px) { #page { margin-right: -15px; } } @media (min-width: 768px) and (max-width: 979px) { .dl-horizontal dt { width: 85px; } .dl-horizontal dd { margin-left: 95px; } } @media (min-width: 1200px) { #page { margin-right: -30px; padding: 24px 0 10px; } .sidebar-content #primary, .sidebar-content #attachment-comment { margin-right: 30px; } .wp-caption { display: table; } } /********************************************************************** Modifications for RentCafe **********************************************************************/ h1.page-title { margin: 0px 0px 30px 0px; padding-left:25px; } .entry-content {margin-top: 15px;} .thumbnail { display: block; padding: 10px; } #main-content.container {background-color: #fff; } #ctmcontentcontainer{ overflow:auto; } #ctmcontentcontainer #primary, #ctmcontentcontainer #secondary {margin-top: 22px} .rc-bootstrap-postDate { color: #555; padding-right: 20px; text-align: center; line-height: 10px; border-right: 1px solid #eaeaea; letter-spacing: 2px; } .rc-bootstrap-postDate .month { display: block; font-weight: 300; text-transform: uppercase; margin-top: 8px; } .rc-bootstrap-postDate .day { font-weight: 600; font-size: 32px; color: #000000; margin: 20px 0; } .rc-bootstrap-postDate .year { display: block; font-weight: 300; text-transform: uppercase; margin-top: 8px; margin-bottom: 24px; } .rc-bootstrap-centerPost { } .rc-bootstrap-centerPostImage { margin-bottom: 15px; } .rc-bootstrap-centerPostContent { padding-left: 10px; } h3.entry-title {margin-top: 0px;} .side-list ul { margin-left: 0px; } .rcblog-popularpost-list { border-bottom: 1px solid #e5e5e5; padding: 15px 0 5px; margin: 0; color: rgba(102, 102, 102, 0.5); list-style: none; letter-spacing: 0; font-size: 13px; line-height: 20px; font-weight: 400; min-height: 80px; } .rcblog-sidebar-thumb { float: left; width: 62px; height: 62px; padding: 3px; background: #e5e5e5; margin-right: 10px; -webkit-transition: all .14s ease; -moz-transition: all .14s ease; -ms-transition: all .14s ease; -o-transition: all .14s ease; transition: all .14s ease; } .rcblog-popularpost-title { font-size: 13px; margin: 0 0 6px; line-height: 1.4; } .rcblog-popularpost-title a { color: #666; } .rcblog-popularpost-title a:hover { color: inherit; } .widget-title { color: inherit; } .rcblog-popularpost-comments { color: #555555; } .rcblog-popularpost-content{ position: relative; display: block; float: left; width: 75%; } .rcblog-popularpost-fullwidthcontent{ position: relative; display: block; float: left; width: 100%; } .form-search .input-append .search-query { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: 250px; } .form-search .input-append .btn { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #secondary select, #secondary input[type="text"], #secondary input[type="email"] {width: 320px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .socialprofiles i { line-height: 40px; font-size: 20px; padding-right: 10px; } .socialprofiles a, .socialprofiles a:hover { text-decoration: none; } .rcblog-aboutAuthor { padding: 16px 0; border-top: 3px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; font-size:13px; color: #888; } a.avatar { margin-right: 35px !important; } a.avatar img { width: 90px; height: 90px; } .rcblog-comment-small { font-size: 12px; color: #666; } li.comment { border-bottom: 1px solid #eeeeee; } .children li.comment { border: none; } #commentform .form-actions { padding: 0px 0px 0px 180px; margin-top: 0; margin-bottom: 0; background-color: inherit; border-top: inherit; } .post-tags { padding: 16px; margin-top: 20px; } .breadcrumb { margin-bottom: 0; } .category-archive-meta, .tag-archive-meta { padding: 0px 25px 25px; } @media (max-width: 1199px){ h1.page-title { padding-left:0; } #rc_fb_likebox-2 iframe{ width:100% !important; } } @media (min-width: 980px) and (max-width: 1199px) { .rcblog-popularpost-content { width: 60%; } .form-search .input-append .search-query{ width:90%; } #secondary select, #secondary input[type="text"], #secondary input[type="email"]{ width:100%; } } @media (min-width: 768px) and (max-width: 979px) { .rcblog-popularpost-content { width: 61%; } .rcblog-popularpost-list { min-height: 100px; } .form-search .input-append .search-query{ width:66%; } #secondary select, #secondary input[type="text"], #secondary input[type="email"]{ width:100%; } } @media (max-width: 767px) { .rc-bootstrap-postDate{ padding-right:0; border-right:0; } article.post{ border-bottom:1px solid #e5e5e5; } } @media (max-width: 460px) { .alignright, .alignleft { width: 100%; } .rcblog-popularpost-content { width: 72%; } } @media (max-width: 320px) { .form-search .input-append .search-query { width:200px; } #secondary select, #secondary input[type="text"], #secondary input[type="email"]{ width:100%; } } @media (max-width: 480px){ #commentform .form-actions{ padding:0 } } /* End of file style.css */