-
-
Save anonymous/c091483dc868ccd7f647076182a76b5b to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| Theme Name: Flint | |
| Theme URI: http://ahjira.com/flint/ | |
| Description: Flint is a child theme for the Genesis Theme Framework. | |
| Author: Suzanne Ahjira | |
| Author URI: http://ahjira.com/ | |
| Version: 0.5.7 | |
| Template: genesis | |
| Template Version: 2.0 | |
| License: GNU General Public License v2.0 (or later) | |
| License URI: http://www.opensource.org/licenses/gpl-license.php | |
| */ | |
| /* | |
| ##################### DO NOT EDIT THIS FILE ##################### | |
| ##################### DO NOT EDIT THIS FILE ##################### | |
| ##################### DO NOT EDIT THIS FILE ##################### | |
| Add your custom CSS to the Flint » Custom Code screen. | |
| ##################### DO NOT EDIT THIS FILE ##################### | |
| */ | |
| /* | |
| HTML5 Reset | |
| ---------------------------------------------------------------------------------------------------- */ | |
| /* Baseline Normalize | |
| normalize.css v2.1.2 | MIT License | git.io/normalize | |
| --------------------------------------------- */ | |
| article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { | |
| display:block | |
| } | |
| audio,canvas,video { | |
| display:inline-block | |
| } | |
| audio:not([controls]) { | |
| display:none; | |
| height:0 | |
| } | |
| [hidden] { | |
| display:none | |
| } | |
| html { | |
| font-family:sans-serif; | |
| -ms-text-size-adjust:100%; | |
| -webkit-text-size-adjust:100% | |
| } | |
| a:focus { | |
| outline:thin dotted | |
| } | |
| a:active, a:hover { | |
| outline: 0 | |
| } | |
| h1 { | |
| font-size: 2em; | |
| margin: .67em 0 | |
| } | |
| abbr[title] { | |
| border-bottom:1px dotted | |
| } | |
| b,strong { | |
| font-weight:bold | |
| } | |
| dfn { | |
| font-style:italic | |
| } | |
| hr { | |
| background-color: #ddd; | |
| border: none; | |
| -moz-box-sizing:content-box; | |
| box-sizing:content-box; | |
| color: #ddd; | |
| height: 1px; | |
| margin: 36px auto; | |
| margin: 3.6rem auto; | |
| } | |
| mark { | |
| background:#ff0; | |
| color:#000 | |
| } | |
| code,kbd,pre,samp { | |
| font-family:monospace,serif; | |
| font-size:1em | |
| } | |
| pre { | |
| white-space:pre | |
| } | |
| q { | |
| quotes:"\201C" "\201D" "\2018" "\2019" | |
| } | |
| small { | |
| font-size:80% | |
| } | |
| sub, sup { | |
| font-size:75%; | |
| line-height:0; | |
| position:relative; | |
| vertical-align:baseline | |
| } | |
| sup { | |
| top:-0.5em | |
| } | |
| sub { | |
| bottom:-0.25em | |
| } | |
| img { | |
| border:0 | |
| } | |
| svg:not(:root) { | |
| overflow:hidden | |
| } | |
| figure { | |
| margin:0 | |
| } | |
| legend { | |
| border:0; | |
| padding:0 | |
| } | |
| button, input, select, textarea { | |
| font-family:inherit; | |
| font-size: 100%; | |
| margin: 0; | |
| vertical-align: middle; | |
| } | |
| button,input { | |
| line-height: normal | |
| } | |
| button,select { | |
| text-transform: none | |
| } | |
| button,html input[type="button"], | |
| input[type="reset"], | |
| input[type="submit"] { | |
| -webkit-appearance:button; | |
| cursor: pointer | |
| } | |
| button[disabled], | |
| html input[disabled] { | |
| cursor: default | |
| } | |
| input[type="checkbox"], | |
| input[type="radio"] { | |
| box-sizing: border-box; | |
| padding: 0 | |
| } | |
| input[type="search"] { | |
| -webkit-appearance:textfield; | |
| -moz-box-sizing:content-box; | |
| -webkit-box-sizing:content-box; | |
| box-sizing:content-box | |
| } | |
| input[type="search"]::-webkit-search-cancel-button, | |
| input[type="search"]::-webkit-search-decoration { | |
| -webkit-appearance:none | |
| } | |
| button::-moz-focus-inner, | |
| input::-moz-focus-inner { | |
| border:0; | |
| padding:0 | |
| } | |
| textarea { | |
| overflow:auto; | |
| vertical-align:top | |
| } | |
| table { | |
| border-collapse:collapse; | |
| border-spacing:0 | |
| } | |
| /* Box Sizing | |
| --------------------------------------------- */ | |
| *, input[type="search"] { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| /* Float Clearing | |
| --------------------------------------------- */ | |
| .archive-pagination:before, | |
| .clearfix:before, | |
| .entry:before, | |
| .entry-pagination:before, | |
| .comment-list li:before, | |
| .ping-list li:before, | |
| .comment-content:before, | |
| .comments-pagination:before, | |
| .comment-respond:before, | |
| .footer-widgets:before, | |
| .nav-primary:before, | |
| .nav-secondary:before, | |
| .site-container:before, | |
| .site-footer:before, | |
| .site-header:before, | |
| .site-inner:before, | |
| .spnav:before, | |
| .wrap:before, | |
| .widget:before, | |
| .widget-wrap:before, | |
| .author-box:before, | |
| .unbound-div:before, | |
| .home-after-header-3up:before, | |
| .home-after-header-2up:before, | |
| .home-content-3up:before, | |
| .home-content-2up:before { | |
| content: " "; | |
| display: table; | |
| } | |
| .archive-pagination:after, | |
| .clearfix:after, | |
| .entry:after, | |
| .entry-pagination:after, | |
| .comment-list li:after, | |
| .ping-list li:after, | |
| .comment-content:after, | |
| .comments-pagination:after, | |
| .comment-respond:after, | |
| .footer-widgets:after, | |
| .nav-primary:after, | |
| .nav-secondary:after, | |
| .site-container:after, | |
| .site-footer:after, | |
| .site-header:after, | |
| .site-inner:after, | |
| .spnav:after, | |
| .wrap:after, | |
| .widget:after, | |
| .widget-wrap:after, | |
| .author-box:after, | |
| .unbound-div:after, | |
| .home-after-header-3up:after, | |
| .home-after-header-2up:after, | |
| .home-content-3up:after, | |
| .home-content-2up:after { | |
| clear: both; | |
| content: " "; | |
| display: table; | |
| } | |
| /* | |
| Defaults | |
| ---------------------------------------------------------------------------------------------------- */ | |
| /* Typographical Elements | |
| --------------------------------------------- */ | |
| html { | |
| font-size: 62.5%; /* 10px browser default */ | |
| } | |
| body { | |
| background-color: #f5f5f5; | |
| color: #444; | |
| font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
| font-size: 16px; | |
| font-size: 1.6rem; | |
| font-weight: 400; | |
| line-height: 1.6; | |
| margin: 0; | |
| text-rendering: optimizeLegibility; | |
| } | |
| a, | |
| button, | |
| input:focus, | |
| input[type="button"], | |
| input[type="reset"], | |
| input[type="submit"], | |
| textarea:focus, | |
| .button, | |
| #infinite-handle span { | |
| -webkit-transition: all 0.1s ease-in-out; | |
| -moz-transition: all 0.1s ease-in-out; | |
| -ms-transition: all 0.1s ease-in-out; | |
| -o-transition: all 0.1s ease-in-out; | |
| transition: all 0.1s ease-in-out; | |
| } | |
| ::-moz-selection { | |
| background-color: #333; | |
| color: #fff; | |
| } | |
| ::selection { | |
| background-color: #333; | |
| color: #fff; | |
| } | |
| a { | |
| color: #0099CC; | |
| text-decoration: none; | |
| } | |
| a img { | |
| margin-bottom: -4px; | |
| margin-bottom: -0.4rem; | |
| } | |
| a:hover { | |
| color: #0099CC; | |
| text-decoration: underline; | |
| } | |
| p { | |
| margin: 0 0 24px; | |
| margin: 0 0 2.4rem; | |
| padding: 0; | |
| } | |
| strong { | |
| font-weight: 700; | |
| } | |
| ol, | |
| ul { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| blockquote { | |
| background: #f5f5f5; | |
| font-size: 20px; | |
| font-size: 2rem; | |
| float: right; | |
| line-height: 1.4em; | |
| margin: 0 0 24px 40px; | |
| margin: 0 0 2.4rem 4rem; | |
| padding: 30px; | |
| padding: 3rem; | |
| width: 50%; | |
| } | |
| blockquote p { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| blockquote cite:before { | |
| content: "\2014"; | |
| } | |
| blockquote cite { | |
| display: block; | |
| font-style: italic; | |
| padding: 5px 0 0; | |
| padding: .5rem 0 0; | |
| } | |
| code { | |
| background-color: #eee; | |
| -moz-border-radius: 3px; | |
| -webkit-border-radius: 3px; | |
| border-radius: 3px; | |
| color: #666; | |
| font-size: 14px; font-size: 1.4rem; | |
| font-family: 'Inconsolata', 'Andale Mono', monospace; | |
| padding: 2px 6px 3px; | |
| } | |
| cite { | |
| font-style: normal; | |
| } | |
| big { | |
| font-size: 1.3em; | |
| line-height: 1.5em; | |
| } | |
| pre { | |
| background-color: #f5f5f5; | |
| border: 1px solid #ddd; | |
| font-size: 14px; font-size: 1.4rem; | |
| font-family: 'Inconsolata', 'Andale Mono', monospace; | |
| line-height: 20px; | |
| margin: 32px 0; | |
| margin: 3.2rem 0; | |
| overflow: auto; | |
| padding: 20px; | |
| } | |
| dl {} | |
| dt { | |
| font-weight: bold; | |
| margin: 0 0 5px; | |
| margin: 0 0 .5rem; | |
| } | |
| dd { | |
| margin: 0 0 24px 16px; | |
| margin: 0 0 2.4rem 1.6rem; | |
| } | |
| dd p:last-child { | |
| margin: 0; | |
| } | |
| /* Headings | |
| --------------------------------------------- */ | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6 { | |
| font-weight: 700; | |
| line-height: 1.1; | |
| margin: 0 0 16px; | |
| margin: 0 0 1.6rem; | |
| } | |
| h1 { | |
| font-size: 36px; | |
| font-size: 3.6rem; | |
| } | |
| h2 { | |
| font-size: 30px; | |
| font-size: 3rem; | |
| } | |
| h3 { | |
| font-size: 24px; | |
| font-size: 2.4rem; | |
| } | |
| h4 { | |
| font-size: 20px; | |
| font-size: 2rem; | |
| } | |
| h5 { | |
| font-size: 18px; | |
| font-size: 1.8rem; | |
| } | |
| h6 { | |
| font-size: 16px; | |
| font-size: 1.6rem; | |
| } | |
| .wp-caption + h2, .imgwrap + h2, | |
| .wp-caption + h3, .imgwrap + h3, | |
| .wp-caption + h4, .imgwrap + h4, | |
| .wp-caption + h5, .imgwrap + h5, | |
| .wp-caption + h6, .imgwrap + h6 { | |
| padding-top: 0 !important; | |
| } | |
| /* Objects | |
| --------------------------------------------- */ | |
| embed, | |
| iframe, | |
| img, | |
| object, | |
| video { | |
| max-width: 100%; | |
| } | |
| img { | |
| height: auto; | |
| width: auto; /* IE8 */ | |
| } | |
| /* Forms | |
| --------------------------------------------- */ | |
| .content form { | |
| margin: 0 0 40px; | |
| margin: 0 0 4rem; | |
| } | |
| .content .widget form { | |
| margin: 0; | |
| } | |
| fieldset { | |
| border: 1px solid #ddd; | |
| border-radius: 3px; | |
| margin: 0 0 1.5em; | |
| padding: 1.5em 2em 1em | |
| } | |
| legend { | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| font-weight: bold; | |
| padding: 0 8px; | |
| padding: 0 .8rem; | |
| } | |
| label { | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| font-weight: bold; | |
| } | |
| label.check, | |
| label.radio { | |
| font-weight: normal; | |
| line-height: 1; | |
| } | |
| input, | |
| select, | |
| textarea { | |
| border: 1px solid #ddd; | |
| border-radius: 3px; | |
| /* box-shadow: 1px 1px 3px #eee inset; */ | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| } | |
| input, | |
| textarea { | |
| background-color: #fff; | |
| padding: 16px; | |
| padding: 1.6rem; | |
| width: 100%; | |
| } | |
| input:focus, | |
| textarea:focus { | |
| border-color: #999; | |
| outline: none; | |
| } | |
| select, | |
| input[type=radio], | |
| input[type=checkbox] { | |
| width: auto; | |
| } | |
| input[type=radio], | |
| input[type=checkbox] { | |
| margin: 2px 3px 0 0; | |
| padding: 0; | |
| vertical-align: text-top; | |
| } | |
| ::-moz-placeholder { | |
| color: #999; | |
| opacity: 1; | |
| } | |
| ::-webkit-input-placeholder { | |
| color: #999; | |
| } | |
| button, .button, | |
| input[type="button"], | |
| input[type="reset"], | |
| input[type="submit"], | |
| #infinite-handle span { | |
| background-color: #333; | |
| border: none; | |
| box-shadow: none; | |
| color: #fff; | |
| cursor: pointer; | |
| padding: 16px 24px; | |
| padding: 1.6rem 2.4rem; | |
| text-transform: uppercase; | |
| width: auto; | |
| } | |
| button:hover, .button:hover, | |
| input:hover[type="button"], | |
| input:hover[type="reset"], | |
| input:hover[type="submit"], | |
| #infinite-handle span:hover { | |
| background-color: #0099CC; | |
| } | |
| .entry-content .button:hover { | |
| color: #fff; | |
| } | |
| .button { | |
| border-radius: 5px; | |
| display: inline-block; | |
| } | |
| input[type="search"]::-webkit-search-cancel-button, | |
| input[type="search"]::-webkit-search-results-button { | |
| display: none; | |
| } | |
| /* Tables | |
| --------------------------------------------- */ | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| margin-bottom: 40px; | |
| margin-bottom: 4rem; | |
| width: 100%; | |
| } | |
| th, | |
| td { | |
| text-align: left; | |
| } | |
| th { | |
| font-weight: bold; | |
| } | |
| td { | |
| padding: 5px 7px; | |
| padding: .5rem .7rem; | |
| } | |
| /* | |
| Structure and Layout | |
| ---------------------------------------------------------------------------------------------------- */ | |
| /* Site Containers | |
| --------------------------------------------- */ | |
| .site-container { | |
| -moz-box-sizing: content-box; | |
| -webkit-box-sizing: content-box; | |
| box-sizing: content-box; | |
| } | |
| .site-inner, | |
| .wrap { | |
| margin: 0 auto; | |
| max-width: 1140px; | |
| } | |
| .site-inner { | |
| clear: both; | |
| padding-top: 40px; | |
| padding-top: 4rem; | |
| } | |
| /* Column Widths and Positions | |
| --------------------------------------------- */ | |
| /* Wrapping div for .content and .sidebar-primary */ | |
| .content-sidebar-sidebar .content-sidebar-wrap, | |
| .sidebar-content-sidebar .content-sidebar-wrap, | |
| .sidebar-sidebar-content .content-sidebar-wrap { | |
| width: 920px; | |
| } | |
| .content-sidebar-sidebar .content-sidebar-wrap { | |
| float: left; | |
| } | |
| .sidebar-content-sidebar .content-sidebar-wrap, | |
| .sidebar-sidebar-content .content-sidebar-wrap { | |
| float: right; | |
| } | |
| /* Content */ | |
| .content { | |
| float: right; | |
| width: 740px; | |
| } | |
| .content-sidebar .content, | |
| .content-sidebar-sidebar .content, | |
| .sidebar-content-sidebar .content { | |
| float: left; | |
| } | |
| .content-sidebar-sidebar .content, | |
| .sidebar-content-sidebar .content, | |
| .sidebar-sidebar-content .content { | |
| width: 520px; | |
| } | |
| .full-width-content .content { | |
| width: 100%; | |
| } | |
| /* Primary Sidebar */ | |
| .sidebar-primary { | |
| float: right; | |
| width: 360px; | |
| } | |
| .sidebar-content .sidebar-primary, | |
| .sidebar-sidebar-content .sidebar-primary { | |
| float: left; | |
| } | |
| /* Secondary Sidebar */ | |
| .sidebar-secondary { | |
| float: left; | |
| width: 180px; | |
| } | |
| .content-sidebar-sidebar .sidebar-secondary { | |
| float: right; | |
| } | |
| /* Column Classes | |
| Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css | |
| --------------------------------------------- */ | |
| .five-sixths, | |
| .four-sixths, | |
| .one-fourth, | |
| .one-half, | |
| .one-sixth, | |
| .one-third, | |
| .three-fourths, | |
| .three-sixths, | |
| .two-fourths, | |
| .two-sixths, | |
| .two-thirds { | |
| float: left; | |
| margin-left: 2.564102564102564%; | |
| } | |
| .one-half, | |
| .three-sixths, | |
| .two-fourths { | |
| width: 48.717948717948715%; | |
| } | |
| .one-third, | |
| .two-sixths { | |
| width: 31.623931623931625%; | |
| } | |
| .four-sixths, | |
| .two-thirds { | |
| width: 65.81196581196582%; | |
| } | |
| .one-fourth { | |
| width: 23.076923076923077%; | |
| } | |
| .three-fourths { | |
| width: 74.35897435897436%; | |
| } | |
| .one-sixth { | |
| width: 14.52991452991453%; | |
| } | |
| .five-sixths { | |
| width: 82.90598290598291%; | |
| } | |
| .first { | |
| clear: both; | |
| margin-left: 0; | |
| } | |
| /* | |
| Common Classes | |
| ---------------------------------------------------------------------------------------------------- */ | |
| /* WordPress | |
| --------------------------------------------- */ | |
| .avatar { | |
| float: left; | |
| } | |
| .genesis-nav-menu > .search input[type="submit"] { | |
| border: 0; | |
| clip: rect(0, 0, 0, 0); | |
| height: 1px; | |
| margin: -1px; | |
| padding: 0; | |
| position: absolute; | |
| width: 1px; | |
| } | |
| img.aligncenter, | |
| .aligncenter { | |
| display: block; | |
| margin: 0 auto 24px; | |
| margin: 0 auto 2.4rem; | |
| } | |
| img.alignnone, | |
| .alignnone { | |
| margin-bottom: 24px; | |
| margin-bottom: 2.4rem; | |
| } | |
| .alignleft { | |
| float: left; | |
| } | |
| .alignright { | |
| float: right; | |
| } | |
| img.alignleft, | |
| .alignleft { | |
| margin: 0 24px 24px 0; | |
| margin: 0 2.4rem 2.4rem 0; | |
| } | |
| img.alignright, | |
| .alignright { | |
| margin: 0 0 24px 24px; | |
| margin: 0 0 2.4rem 2.4rem; | |
| } | |
| /* when content width is narrow we don\'t want images hogging the entire space */ | |
| img.alignleft, | |
| .alignleft img, | |
| img.alignright, | |
| .alignright img, | |
| .wp-caption.alignleft, | |
| .wp-caption.alignright { | |
| max-width: 45%; | |
| } | |
| /* and then we fix that for widgets because their size is controlled a different way */ | |
| .widget img.alignleft, | |
| .widget .alignleft img, | |
| .widget img.alignright, | |
| .widget .alignright img { max-width: 100%; } | |
| .wp-caption { | |
| background-color: #333; | |
| max-width: 100%; | |
| padding: 8px; | |
| } | |
| .wp-caption img { | |
| margin: 0; | |
| max-width: 100%; | |
| width: 100%; | |
| } | |
| .wp-caption-text { | |
| color: #999; | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| line-height: 1.4em; | |
| margin: 0; | |
| padding: 8px 15px 15px 15px; | |
| padding: .8rem 1.5rem 1.5rem 1.5rem; | |
| } | |
| .gallery { | |
| overflow: hidden; | |
| padding: 0 0 48px; | |
| padding: 0 0 4.8rem; | |
| } | |
| .gallery br:last-child { | |
| /* hide the last <br> tag so we can use padding instead */ | |
| display: none; | |
| } | |
| .gallery-item { | |
| margin: 8px 0 0 !important; /* override WordPress css */ | |
| padding-bottom: 0 !important; | |
| } | |
| .gallery-item dt { | |
| margin: 0; | |
| } | |
| .gallery img { | |
| border: none !important; /* overrides gallery css created by WordPress */ | |
| max-width: 92%; | |
| } | |
| .gallery.gallery-columns-2 img { | |
| max-width: 96%; | |
| } | |
| .gallery.gallery-columns-1 img { | |
| max-width: 100%; | |
| } | |
| #wp-calendar { | |
| border-collapse: collapse; | |
| width: 100%; | |
| } | |
| #wp-calendar caption { | |
| font-weight: 900; | |
| margin: 0 0 3px; | |
| margin: 0 0 .3rem; | |
| } | |
| #wp-calendar th, | |
| #wp-calendar td { | |
| border: 1px solid #ddd; | |
| height: 30px; | |
| line-height: 30px; | |
| padding: 0; | |
| text-align: center; | |
| } | |
| #wp-calendar a { | |
| display: block; | |
| height: 30px; | |
| line-height: 30px; | |
| } | |
| #wp-calendar a:hover { | |
| background: #f5f5f5; | |
| text-decoration: none; | |
| } | |
| /* Genesis | |
| --------------------------------------------- */ | |
| .breadcrumb { | |
| margin: 0 auto; | |
| margin: 0 auto; | |
| padding-bottom: 20px; | |
| padding-bottom: 2rem; | |
| max-width: 1140px; | |
| } | |
| .archive-description { | |
| background-color: #FFF; | |
| margin-bottom: 40px; | |
| margin-bottom: 4rem; | |
| padding: 40px 40px 24px; | |
| padding: 4rem 4rem 2.4rem; | |
| } | |
| .author-box { | |
| background-color: #FFF; | |
| margin: 0 0 40px; | |
| margin: 0 0 4rem; | |
| padding: 40px; | |
| padding: 4rem; | |
| } | |
| .author-box .avatar { | |
| height: auto; | |
| margin-right: 24px; | |
| margin-right: 2.4rem; | |
| width: 125px; | |
| } | |
| .author-box-title { | |
| font-size: 24px; | |
| font-size: 2.4rem; | |
| font-weight: 700; | |
| line-height: 1em; | |
| margin: 0 0 12px; | |
| margin: 0 0 1.2rem; | |
| } | |
| .author-box p { | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| margin-bottom: 16px; | |
| margin-bottom: 1.6rem; | |
| } | |
| /* Titles | |
| --------------------------------------------- */ | |
| .entry-title { | |
| font-size: 32px; | |
| font-size: 3.2rem; | |
| } | |
| .entry-title a { | |
| color: #444; | |
| } | |
| .entry-title a:hover { | |
| color: #0099CC; | |
| } | |
| .widget-title { | |
| font-size: 16px; | |
| font-size: 1.6rem; | |
| margin-bottom: 24px; | |
| margin-bottom: 2.4rem; | |
| text-transform: uppercase; | |
| } | |
| .archive-title { | |
| font-size: 20px; | |
| font-size: 2rem; | |
| margin-bottom: 5px; | |
| margin-bottom: .5rem; | |
| } | |
| /* | |
| Site Header | |
| ---------------------------------------------------------------------------------------------------- */ | |
| .site-header { | |
| background-color: #FFF; | |
| padding: 40px 0; | |
| padding: 4rem 0; | |
| } | |
| /* Title Area | |
| --------------------------------------------- */ | |
| .title-area { | |
| float: left; | |
| } | |
| .site-title { | |
| font-size: 28px; | |
| font-size: 2.8rem; | |
| font-weight: 700; | |
| line-height: 1; | |
| margin: 0; | |
| } | |
| .site-title a { | |
| color: #444; | |
| } | |
| .site-title a:hover { | |
| color: #0099CC; | |
| } | |
| .site-description { | |
| color: #999; | |
| font-size: 16px; | |
| font-size: 1.6rem; | |
| font-weight: 300; | |
| line-height: 1; | |
| margin: 0; | |
| padding: 4px 0 0; | |
| padding: .4rem 0 0; | |
| } | |
| /* Full width header, no widgets */ | |
| .header-full-width .title-area, | |
| .header-full-width .site-title { | |
| width: 100%; | |
| } | |
| /* Widget Area | |
| --------------------------------------------- */ | |
| .site-header .widget-area { | |
| float: right; | |
| text-align: right; | |
| } | |
| .site-header .search-form { | |
| float: right; | |
| } | |
| /* | |
| Site Navigation | |
| ---------------------------------------------------------------------------------------------------- */ | |
| .genesis-nav-menu { | |
| clear: both; | |
| line-height: 1.2; | |
| width: 100%; | |
| } | |
| .genesis-nav-menu .menu-item { | |
| display: inline-block; | |
| text-align: left; | |
| } | |
| .genesis-nav-menu a { | |
| color: #AAA; | |
| display: block; | |
| font-size: 16px; | |
| font-size: 1.6rem; | |
| font-weight: 300; | |
| padding: 28px 24px; | |
| padding: 2.8rem 2.4rem; | |
| text-decoration: none; | |
| text-transform: uppercase; | |
| } | |
| .genesis-nav-menu a:hover, | |
| .genesis-nav-menu > .menu-item:hover > a, | |
| .genesis-nav-menu .sub-menu { | |
| background-color: #444; | |
| color: #FFF; | |
| text-decoration: none; | |
| } | |
| .genesis-nav-menu > .current-menu-item > a, | |
| .genesis-nav-menu > .current-menu-ancestor > a, | |
| .genesis-nav-menu > .current-menu-item > a:hover, | |
| .genesis-nav-menu > .current-menu-ancestor > a:hover { | |
| background-color: #0099CC; | |
| color: #FFF; | |
| } | |
| .genesis-nav-menu a .menu-item-description { | |
| color: #999999; | |
| display: block; | |
| font-size: 12px; | |
| font-size: 1.2rem; | |
| letter-spacing: 0; | |
| } | |
| .genesis-nav-menu .sub-menu { | |
| left: -9999px; | |
| opacity: 0; | |
| position: absolute; | |
| -webkit-transition: opacity .4s ease-in-out; | |
| -moz-transition: opacity .4s ease-in-out; | |
| -ms-transition: opacity .4s ease-in-out; | |
| -o-transition: opacity .4s ease-in-out; | |
| transition: opacity .4s ease-in-out; | |
| width: 200px; | |
| z-index: 9999; | |
| } | |
| .genesis-nav-menu .sub-menu .sub-menu { | |
| margin: -52px 0 0 200px; | |
| } | |
| .genesis-nav-menu .menu-item:hover { | |
| position: static; | |
| } | |
| .genesis-nav-menu .menu-item:hover > .sub-menu { | |
| left: auto; | |
| opacity: 1; | |
| } | |
| /* Primary Navigation | |
| --------------------------------------------- */ | |
| .nav-primary { | |
| background-color: #333; | |
| color: #aaa; | |
| } | |
| .genesis-nav-menu > .right { | |
| display: inline-block; | |
| float: right; | |
| list-style-type: none; | |
| } | |
| .genesis-nav-menu > .right > a { | |
| display: inline-block; | |
| } | |
| .genesis-nav-menu > .right.search { | |
| padding: 12px 0 0; | |
| padding: 1.2rem 0 0; | |
| } | |
| .genesis-nav-menu > .right.date { | |
| padding: 24px 20px; | |
| } | |
| .nav-primary .genesis-nav-menu .sub-menu a { | |
| background: none; | |
| border-radius: 0; | |
| padding: 16px 24px; | |
| padding: 1.6rem 2.4rem; | |
| } | |
| /* Secondary Navigation | |
| --------------------------------------------- */ | |
| .nav-secondary { | |
| background-color: #FFF; | |
| } | |
| .nav-secondary .genesis-nav-menu .sub-menu a { | |
| background: none; | |
| border-radius: 0; | |
| padding: 16px 24px; | |
| padding: 1.6rem 2.4rem; | |
| } | |
| /* Header Navigation | |
| --------------------------------------------- */ | |
| .nav-header .genesis-nav-menu a { | |
| padding: 10px 16px; | |
| padding: 1rem 1.6rem; | |
| } | |
| .nav-header .genesis-nav-menu .sub-menu a { | |
| background: none; | |
| border-radius: 0; | |
| padding: 10px 16px; | |
| padding: 1rem 1.6rem; | |
| } | |
| .nav-header .genesis-nav-menu .sub-menu .sub-menu { | |
| margin-top: -40px; | |
| } | |
| /* | |
| Content Area | |
| ---------------------------------------------------------------------------------------------------- */ | |
| /* Entries | |
| --------------------------------------------- */ | |
| .entry { | |
| background-color: #fff; | |
| border-radius: 3px; | |
| margin-bottom: 40px; | |
| margin-bottom: 4rem; | |
| padding: 40px 40px 24px; | |
| padding: 4rem 4rem 2.4rem; | |
| } | |
| .entry .entry-image { | |
| margin: 0 24px 24px 0; | |
| margin: 0 2.4rem 2.4rem 0; | |
| max-width: 100% !important; | |
| } | |
| .entry-content .attachment a, | |
| .entry-content .gallery a { | |
| border: none; | |
| } | |
| .entry-content ol, | |
| .entry-content ul, | |
| .quote-caption { | |
| margin-bottom: 26px; | |
| margin-bottom: 2.6rem; | |
| } | |
| .entry-content ol li, | |
| .entry-content ul li ol li { | |
| line-height: 1.4em; | |
| list-style-type: decimal; | |
| margin: 0 0 0 40px; | |
| margin: 0 0 0 4rem; | |
| padding: 0 0 12px; | |
| padding: 0 0 1.2rem; | |
| } | |
| .entry-content ul li, | |
| .entry-content ol li ul li { | |
| line-height: 1.4em; | |
| list-style-type: disc; | |
| margin: 0 0 0 32px; | |
| margin: 0 0 0 3.2rem; | |
| padding: 0 0 12px; | |
| padding: 0 0 1.2rem; | |
| } | |
| .entry-content ol ol, | |
| .entry-content ol ul, | |
| .entry-content ul ul, | |
| .entry-content ul ol { | |
| margin: 12px 0 0; | |
| margin: 1.2rem 0 0; | |
| } | |
| .entry-content .search-form { | |
| width: 50%; | |
| } | |
| .entry-meta { | |
| color: #999; | |
| } | |
| .entry-header .entry-meta { | |
| margin-bottom: 24px; | |
| margin-bottom: 2.4rem; | |
| } | |
| .entry-footer { | |
| clear: both; | |
| } | |
| .entry-footer .entry-meta { | |
| border-top: 2px solid #f5f5f5; | |
| margin: 0 -40px; | |
| margin: 0 -4rem; | |
| padding: 32px 40px 8px; | |
| padding: 3.2rem 4rem 0.8rem; | |
| } | |
| .entry-categories, .entry-tags { | |
| display: block; | |
| } | |
| body.hide-pi .content .entry-header .entry-meta, | |
| body.hide-entry-content .content .post .entry-content, | |
| body.hide-pm .content .entry-footer .entry-meta { | |
| display: none; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| /* Pagination | |
| --------------------------------------------- */ | |
| .archive-pagination, | |
| .entry-pagination, | |
| #infinite-handle { | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| line-height: 1.1em; | |
| margin: 40px 0; | |
| margin: 4rem 0; | |
| } | |
| .archive-pagination li { | |
| display: inline; | |
| } | |
| .archive-pagination li a { | |
| background-color: #333; | |
| border-radius: 3px; | |
| color: #fff; | |
| cursor: pointer; | |
| display: inline-block; | |
| padding: 12px; | |
| padding: 1.2rem; | |
| } | |
| .archive-pagination li a:hover, | |
| .archive-pagination li.active a { | |
| background-color: #0099CC; | |
| } | |
| .archive-pagination li.active a, | |
| .archive-pagination li a:hover, | |
| .archive-pagination div a:hover, | |
| #infinite-handle span:hover { | |
| text-decoration: none; | |
| } | |
| .comments-pagination { | |
| /* only show when paged comments are enabled - see below */ | |
| display: none; | |
| } | |
| body.page-comments .comments-pagination { | |
| display: block; | |
| margin: 24px 0 0; | |
| margin: 2.4rem 0 0; | |
| } | |
| /* Comments | |
| --------------------------------------------- */ | |
| .comment-respond, | |
| .entry-comments, | |
| .entry-pings { | |
| margin-bottom: 40px; | |
| margin-bottom: 4rem; | |
| } | |
| .comment-respond { | |
| background-color: #fff; | |
| } | |
| .entry-pings ol { | |
| list-style-type: none; | |
| } | |
| .comment-respond { | |
| padding: 40px; | |
| padding: 4rem; | |
| } | |
| .content .comment-respond form { | |
| margin: 0; | |
| } | |
| .entry-comments .comment-respond { | |
| background: none; | |
| border: none; | |
| margin: 20px 20px 30px; | |
| padding: 0; | |
| } | |
| .comment-respond form .comment-form-author span, | |
| .comment-respond form .comment-form-email span, | |
| .comment-respond form .comment-form-author span { | |
| color: #CC0033; | |
| } | |
| .comment-respond form .form-submit { | |
| margin: 0; | |
| } | |
| .comment-respond input[type="email"], | |
| .comment-respond input[type="text"], | |
| .comment-respond input[type="url"] { | |
| width: 50% | |
| } | |
| .comment-respond label { | |
| display: block; | |
| margin-right: 12px; | |
| margin-right: 1.2rem; | |
| } | |
| .entry-pings .reply { | |
| display: none; | |
| } | |
| .form-allowed-tags { | |
| background-color: #f5f5f5; | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| padding: 24px; | |
| padding: 2.4rem; | |
| } | |
| /* PARENT COMMENTS ----------------- */ | |
| .comment, .pingback { | |
| background-color: #ffffff; | |
| list-style-type: none; | |
| margin: 24px 0 0; | |
| margin: 2.4rem 0 0; | |
| padding-bottom: 32px; | |
| padding-bottom: 3.2rem; | |
| } | |
| .comment .comment-header { | |
| background-color: #e9e9e9; | |
| padding: 24px 40px 16px 24px; | |
| padding: 2.4rem 4rem 1.6rem 2.4rem; | |
| } | |
| .comment .avatar { | |
| float: left; | |
| border: none; | |
| height: auto; | |
| margin: 0 16px 5px 0; | |
| margin: 0 1.6rem .5rem 0; | |
| padding: 0; | |
| width: 100px; | |
| } | |
| .comment .comment-author { | |
| font-size: 20px; | |
| font-size: 2rem; | |
| font-weight: 700; | |
| font-style: normal; | |
| line-height: 1em; | |
| margin: 0; | |
| } | |
| .comment .comment-meta { | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| margin: 0; | |
| } | |
| .comment .comment-meta, | |
| .comment .comment-meta a { | |
| color: #999; | |
| } | |
| .comment .comment-content { | |
| font-size: 15px; | |
| font-size: 1.5rem; | |
| line-height: 1.4em; | |
| padding: 12px 40px 0; | |
| padding: 1.2rem 4rem 0; | |
| } | |
| .comment .comment-content p { | |
| margin-bottom: 16px; | |
| margin-bottom: 1.6rem; | |
| } | |
| .comment .comment-reply { | |
| margin: 0 0 0 40px; | |
| margin: 0 0 0 4rem; | |
| } | |
| /* CHILD COMMENTS ----------------- */ | |
| .comment ul.children { | |
| clear: both; | |
| margin: 0 0 0 40px; | |
| } | |
| .comment ul.children ul.children { | |
| margin: 0 0 0 32px; | |
| } | |
| .comment .comment { | |
| border: none; | |
| border-radius: 0; | |
| margin: 0; | |
| overflow: hidden; | |
| padding: 16px 0 0; | |
| padding: 1.6rem 0 0; | |
| } | |
| .comment .comment .comment-header { | |
| border: solid #ddd; | |
| border-width: 1px 0 0 0; | |
| padding: 4px 10px 4px 0; | |
| } | |
| .comment .comment .avatar { | |
| height: auto; | |
| margin: -4px 10px 0 0; | |
| width: 40px; | |
| } | |
| .comment .comment .comment-author { | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| } | |
| .comment .comment .comment-meta { | |
| font-size: 12px; | |
| font-size: 1.2rem; | |
| } | |
| .comment .comment .comment-content { | |
| padding: 16px 16px 0 0; | |
| padding: 1.6rem 1.6rem 0 0; | |
| } | |
| .comment .comment .comment-reply { | |
| margin: 0; | |
| margin: 0; | |
| } | |
| /* | |
| Sidebars and Widgets | |
| ---------------------------------------------------------------------------------------------------- */ | |
| .widget p:last-child, | |
| .widget ul > li:last-child { | |
| margin-bottom: 0; | |
| } | |
| .widget li { | |
| list-style-type: none; | |
| word-wrap: break-word; | |
| } | |
| .sidebar ul.sub-menu, | |
| .footer-widgets ul.sub-menu { | |
| margin: 0 0 0 20px; | |
| margin: 0 0 0 2rem; | |
| } | |
| .sidebar ul.sub-menu li, | |
| .footer-widgets ul.sub-menu li { | |
| list-style-type: disc !important; | |
| } | |
| .widget { | |
| background-color: #fff; | |
| border-radius: 3px; | |
| color: #999; | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| line-height: 1.4em; | |
| margin-bottom: 40px; | |
| margin-bottom: 4rem; | |
| padding: 40px; | |
| padding: 4rem; | |
| } | |
| .widget .entry { | |
| border-bottom: 1px solid #DDD; | |
| margin-bottom: 24px; | |
| margin-bottom: 2.4rem; | |
| padding: 0 0 24px; | |
| padding: 0 0 2.4rem; | |
| } | |
| .widget .entry:last-child { | |
| border-bottom: none; | |
| margin-bottom: 0; | |
| padding-bottom: 0; | |
| } | |
| .widget img.alignleft { | |
| margin: 0 10px 10px 0; | |
| margin: 0 1rem 1rem 0; | |
| } | |
| .widget img.alignright { | |
| margin: 0 0 10px 10px; | |
| margin: 0 0 1rem 1rem; | |
| } | |
| .widget img.aligncenter { | |
| margin: 0 auto 10px; | |
| margin: 0 auto 1rem; | |
| } | |
| .widget img.alignnone { | |
| margin: 0 0 10px; | |
| margin: 0 0 1rem; | |
| } | |
| .widget a.alignleft, | |
| .widget a.alignright, | |
| .widget a.aligncenter, | |
| .widget a.alignnone { | |
| margin: 0; | |
| } | |
| /* Featured Content and GFWA | |
| --------------------------------------------- */ | |
| .featured-content .entry { | |
| border: none; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .featured-content .entry-title, | |
| .featuredpost h2 { | |
| font-size: 16px; | |
| font-size: 1.6rem; | |
| } | |
| .featured-content .entry-title a, | |
| .featuredpost h2 a { | |
| color: #444; | |
| } | |
| .featured-content p, | |
| .featuredpost p { | |
| margin: 8px 0 0; | |
| margin: .8rem 0 0; | |
| } | |
| /* RSS | |
| --------------------------------------------- */ | |
| .widget_rss a.rsswidget img { | |
| margin-top: 2px; | |
| vertical-align: top; | |
| } | |
| .widget_rss li { | |
| border-bottom: 1px solid #ddd; | |
| margin: 0 0 16px; | |
| margin: 0 0 1.6rem; | |
| padding: 0 0 16px; | |
| padding: 0 0 1.6rem; | |
| } | |
| .widget_rss li a { | |
| display: block; | |
| font-weight: bold; | |
| line-height: 1.2em; | |
| margin: 0 0 5px; | |
| margin: 0 0 .5rem; | |
| } | |
| .widget_rss .rss-date { | |
| display: block; | |
| line-height: 1.75em; | |
| } | |
| .widget_rss cite { | |
| display: block; | |
| line-height: 1.75em; | |
| } | |
| .widget_rss cite:before { | |
| content: "\2014"; | |
| } | |
| /* | |
| Footer Widgets | |
| ---------------------------------------------------------------------------------------------------- */ | |
| .footer-widgets { | |
| background-color: #333; | |
| clear: both; | |
| padding: 40px 0 16px; | |
| padding: 4rem 0 1.6rem; | |
| } | |
| .footer-widgets a { | |
| color: #999; | |
| } | |
| .footer-widgets a:hover { | |
| color: #FFF; | |
| } | |
| .footer-widgets .widget { | |
| margin-bottom: 24px; | |
| margin-bottom: 2.4rem; | |
| } | |
| .footer-widgets li { | |
| list-style-type: none; | |
| margin-bottom: 6px; | |
| margin-bottom: 0.6rem; | |
| word-wrap: break-word; | |
| } | |
| /* | |
| Site Footer | |
| ---------------------------------------------------------------------------------------------------- */ | |
| .site-footer { | |
| background-color: #FFF; | |
| color: #999; | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| padding: 40px 0; | |
| padding: 4rem 0; | |
| text-align: center; | |
| } | |
| .site-footer p { | |
| margin-bottom: 0; | |
| } | |
| /* | |
| Miscellaneous | |
| ---------------------------------------------------------------------------------------------------- */ | |
| .hidden, .hide { | |
| display: none; | |
| } | |
| /* | |
| Plugins | |
| ---------------------------------------------------------------------------------------------------- */ | |
| /* Genesis eNews Extended | |
| --------------------------------------------- */ | |
| .widget.enews-widget { | |
| background-color: #333; | |
| color: #999; | |
| } | |
| .widget.enews-widget .widget-title { | |
| color: #fff; | |
| } | |
| .widget.enews-widget input { | |
| margin-bottom: 16px; | |
| margin-bottom: 1.6rem; | |
| } | |
| .widget.enews-widget input:focus { | |
| border: 1px solid #ddd; | |
| } | |
| .widget.enews-widget input[type="submit"] { | |
| background-color: #444; | |
| margin: 0; | |
| width: 100%; | |
| } | |
| .widget.enews-widget input[type="submit"]:hover { | |
| background-color: #0099CC; | |
| } | |
| /*------------- Enews Sidebar Widget & Footer Widget --------------*/ | |
| .footer-widgets .enews-widget, | |
| .sidebar .enews-widget { | |
| -moz-box-shadow: 0 0 5px #999; | |
| -webkit-box-shadow: 0 0 5px #999; | |
| background: #333; | |
| background-image: url(images/logo-small.png); | |
| background-position: bottom; | |
| background-repeat: no-repeat; | |
| border: 3px solid #fff; | |
| border-radius: 0px; | |
| box-shadow: 0 0 5px #999; | |
| margin-bottom: 40px; | |
| padding: 25px ; | |
| width: 100%; | |
| } | |
| /* Genesis Latest Tweets | |
| --------------------------------------------- */ | |
| .latest-tweets ul li { | |
| margin-bottom: 16px; | |
| margin-bottom: 1.6rem; | |
| } | |
| /* Gravity Forms | |
| --------------------------------------------- */ | |
| div.gform_wrapper input[type="email"], | |
| div.gform_wrapper input[type="text"], | |
| div.gform_wrapper textarea, | |
| div.gform_wrapper .ginput_complex label { | |
| font-size: 16px; | |
| font-size: 1.6rem; | |
| padding: 16px; | |
| padding: 1.6rem; | |
| } | |
| div.gform_wrapper .ginput_complex label { | |
| padding: 0; | |
| } | |
| div.gform_wrapper li, | |
| div.gform_wrapper form li { | |
| margin: 16px 0 0; | |
| margin: 1.6rem 0 0; | |
| } | |
| div.gform_wrapper .gform_footer input[type="submit"] { | |
| font-size: 14px; | |
| font-size: 1.4rem; | |
| } | |
| /* Jetpack | |
| --------------------------------------------- */ | |
| img#wpstats { | |
| display: none; | |
| } | |
| #infinite-handle span { | |
| display: inline-block; | |
| } | |
| /* Genesis Featured Widget Amplified | |
| --------------------------------------------- */ | |
| .post.entry + .widget-title { | |
| /* for when widget amplified inserts additional widget-titles into content sigh */ | |
| background: none; | |
| border: none; | |
| margin: 1.5em 0 1em; | |
| padding: 0 | |
| } | |
| /* Miscellaneous | |
| -------------------------------------------- */ | |
| .hide { display: none; } | |
| .pipe { padding: 0 7px; } | |
| .clear { clear: both; } | |
| .no-styles { | |
| background: none; | |
| border: none; | |
| -moz-box-shadow: none; | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| padding: 0; | |
| } | |
| .no-shadow { | |
| -moz-box-shadow: none; | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| } | |
| .no-border { | |
| border: none; | |
| } | |
| @media only screen and (min-width: 1024px) { | |
| .home .entry.teaser { | |
| position: relative; | |
| } | |
| .home .entry.teaser .entry-footer .entry-meta { | |
| padding-bottom: 32px; | |
| position: absolute; | |
| bottom: 0; | |
| width: 100%; | |
| } | |
| } | |
| /* Page Widget | |
| ------------------------------------------------------------ */ | |
| .pagewidget { | |
| padding: 0px; | |
| } | |
| #pagewidget p { | |
| margin-bottom: 0px; | |
| text-align: center; | |
| } | |
| .pagewidget .simple-social-icons { | |
| padding: 0; | |
| } | |
| .page-id-910 h1.entry-title { | |
| display: none; | |
| } | |
| /* Grid Loop | |
| ------------------------------------------------------------ */ | |
| .archive-pagination { | |
| overflow: hidden; | |
| width: 100%; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment