/* Theme Name: canvas Child Description: canvas Child Theme Author: Your name here Template: canvas Version: 1.0 */ @import url("../canvas/style.css"); /*-----------------------------------------------------------------------------------*/ .latest-blog-list{ width:100%; margin:0 0 20px 0; } .latest-blog-list h4{ margin: 0; } .latest-blog-list .blog-list-item-date{ background: #efefef; color:#666666; width:50px; text-align: center; font-size:20px; line-height: 20px; font-weight: bold; padding: 3px 0 0 0; float: left; } .latest-blog-list .blog-list-item-date span{ display: block; background: #C0C0C0; font-size:11px; line-height: 11px; font-weight: bold; padding:5px 0; margin:10px 0 0 0; text-transform: uppercase; color:#000; } .latest-blog-list .blog-list-item-description{ margin-left:70px; } .latest-blog-list .blog-list-item-description span{ color:#cccccc; } .latest-blog-list .blog-list-item-description .read-more-link{ display: block; } .blog-list-item-excerpt{ } /*-----------------------------------------------------------------------------------*/ /* Callouts & Teaser /*-----------------------------------------------------------------------------------*/ .teaser{ background: #ffffff; border: 1px solid #ddd; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.2); -moz-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.2); box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.2); padding:0px 8px 5px 10px; min-height:360px; margin:2px 2px 2px 2px; } .teaser h1, .teaser h2, .teaser h3, .teaser h4, .teaser h5, .teaser h6, .teaser p{ margin:0 0 10px 0; } .teaser .teaser-img{ margin:-1px -16px 5px -10px; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; overflow: hidden; } .teaser .teaser-img img{ width:90%; max-width:90%; height:auto; } .teaser a.button{ margin:20px 0 0 0; position: absolute; bottom: 10px; left: 30px; } /*-----------------------------------------------------------------------------------*/ .teaserbox{ border: 1px solid #ddd; display: block; background: #ffffff url(../images/stripes.png) !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow:1px 1px 3px 0px rgba(180, 180, 180, 0.2); -moz-box-shadow:1px 1px 3px 0px rgba(180, 180, 180, 0.2); box-shadow:1px 1px 3px 0px rgba(180, 180, 180, 0.2); margin:0 0px 0 0px; padding:10px; } .teaserbox .border{ background: #ffffff; border:1px solid #e3e3e3; padding:25px 25px 25px 25px; -webkit-box-shadow:inset 1px 1px 2px 0px rgba(180, 180, 180, 0.1); -moz-box-shadow:inset 1px 1px 2px 0px rgba(180, 180, 180, 0.1); box-shadow:inset 1px 1px 2px 0px rgba(180, 180, 180, 0.1); } .teaserbox a.button{ margin:20px 0 0 0; } .teaserbox p{ margin:5px 0 0 0; } .teaserbox h1, .teaserbox h2, .teaserbox h3, .teaserbox h4, .teaserbox h5, .teaserbox h6{ line-height: 1.3; } /*-----------------------------------------------------------------------------------*/ .callout{ margin:0 0px 0 0px; padding:10px; border: 1px solid #ddd; display: block; background: #ffffff url(../images/stripes.png) !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow:1px 1px 3px 0px rgba(180, 180, 180, 0.2); -moz-box-shadow:1px 1px 3px 0px rgba(180, 180, 180, 0.2); box-shadow:1px 1px 3px 0px rgba(180, 180, 180, 0.2); } .callout .border{ background: #ffffff; border:1px solid #e3e3e3; padding:20px 20px 0px 20px; -webkit-box-shadow:inset 1px 1px 2px 0px rgba(180, 180, 180, 0.1); -moz-box-shadow:inset 1px 1px 2px 0px rgba(180, 180, 180, 0.1); box-shadow:inset 1px 1px 2px 0px rgba(180, 180, 180, 0.1); } .callout .callout-button{ float: right; } .callout .callout-content{ float: left; } .callout a.button{ margin: 0; text-align: center; } .callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6{ line-height: 1.3; margin:0 0 0px 0 !important; } .one_half { width: 48%; } .one_third { width: 30.66%; } .two_third { width: 65.33%; } .one_fourth { width: 22%; } .three_fourth { width: 74%; } .one_fifth { width: 16.8%; } .two_fifth { width: 37.6%; } .three_fifth { width: 58.4%; } .four_fifth { width: 67.2%; } .one_sixth { width: 13.33%; } .five_sixth { width: 82.67%; } .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { position: relative; margin-right: 4%; margin-bottom: 20px; float: left; } .last {margin-right:0 !important;} /*-----------------------------------------------------------------------------------*/ /* Separator /*-----------------------------------------------------------------------------------*/ .title{ padding: 0; margin:0 0 20px 0; line-height: 1 !important; } .title span{ background: #fff; padding-right: 7px; } /*-----------------------------------------------------------------------------------*/ /* GAP /*-----------------------------------------------------------------------------------*/ .gap{ display:block; width:100%; margin:0; } /*-----------------------------------------------------------------------------------*/ /* Google Font /*-----------------------------------------------------------------------------------*/ .googlefont{ font-weight: 400; } /*-----------------------------------------------------------------------------------*/ /* Styled Tables /*-----------------------------------------------------------------------------------*/ .canvas-table-1 table { margin: 0 0 20px 0; text-align: left; border:1px solid #dddddd; -webkit-box-shadow:1px 1px 3px 0px rgba(180, 180, 180, 0.2); -moz-box-shadow:1px 1px 3px 0px rgba(180, 180, 180, 0.2); box-shadow:1px 1px 3px 0px rgba(180, 180, 180, 0.2); } .canvas-table-1 tr:nth-child(even) { background: #fafafa; } .canvas-table-1 tr:nth-child(odd) { background: #ffffff; } .canvas-table-1 tr { } .canvas-table-1 th, .canvas-table-1 td { padding: 10px 20px; vertical-align: middle; } .canvas-table-1 thead th{ font-size:14px; font-weight:700; color:#333333; border-bottom:1px solid #dddddd; padding:15px 20px; background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-color: #F9F9F9; } /*-----------------------------------------------------------------------------------*/ .canvas-table-2 table { margin: 0 0 20px 0; text-align: left; border: 1px solid #dbdbdb; -webkit-box-shadow:1px 1px 3px 0px rgba(180, 180, 180, 0.2); -moz-box-shadow:1px 1px 3px 0px rgba(180, 180, 180, 0.2); box-shadow:1px 1px 3px 0px rgba(180, 180, 180, 0.2); } .canvas-table-2 tr:nth-child(even) { background: #ffffff; } .canvas-table-2 tr:nth-child(odd) { background: #ffffff; } .canvas-table-2 tr { } .canvas-table-2 th, .canvas-table-2 td { padding: 10px 20px; vertical-align: middle; border: 1px solid #e2e2e2; } .canvas-table-2 tr:hover { background: #fafafa; } .canvas-table-2 thead th{ color:#333333; font-size:14px; font-weight:700; border:none; border:1px solid #dbdbdb; padding:15px 20px; background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%); background-color: #F9F9F9; } /*-----------------------------------------------------------------------------------*/ .canvas-table-3 table { margin: 0 0 20px 0; text-align: left; } .canvas-table-3 tr:nth-child(even) { background: #ffffff; } .canvas-table-3 tr:nth-child(odd) { background: #ffffff; } .canvas-table-3 tr { } .canvas-table-3 th, .canvas-table-3 td { padding: 10px 20px; vertical-align: middle; border-bottom:1px solid #e2e2e2; } .canvas-table-3 tr:hover { background: #fafafa; } .canvas-table-3 thead th{ font-size:14px; font-weight:700; color:#ffffff; border:none; padding:15px 20px; background: #333333; } .entry img { height: auto; padding: 3px; border: 0px ; }