Created
February 23, 2014 07:07
-
-
Save jamiemitchell/9168170 to your computer and use it in GitHub Desktop.
JM Sample Theme. A 1200px Responsive Theme for Genesis
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: Genesis Sample | |
Description: This is the sample theme created for the Genesis Framework. | |
Author: Jamie mitchell | |
Author URI: http://demo.jamiemitchelldesign.com.au// | |
Version: 0.0.1 | |
Tags: black, orange, white, one-column, two-columns, three-columns, fixed-width, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready | |
Template: genesis | |
Template Version: 2.0.1 | |
License: GPL-2.0+ | |
License URI: http://www.opensource.org/licenses/gpl-license.php | |
*/ | |
/* Table of Contents | |
- HTML5 Reset | |
- Baseline Normalize | |
- Box Sizing | |
- Float Clearing | |
- Defaults | |
- Typographical Elements | |
- Headings | |
- Objects | |
- Forms | |
- Tables | |
- Structure and Layout | |
- Site Containers | |
- Column Widths and Positions | |
- Column Classes | |
- Common Classes | |
- WordPress | |
- Genesis | |
- Titles | |
- Widgets | |
- Featured Content | |
- Plugins | |
- Genesis eNews Extended | |
- Genesis Latest Tweets | |
- Gravity Forms | |
- Jetpack | |
- Site Header | |
- Title Area | |
- Widget Area | |
- Site Navigation | |
- Header Navigation | |
- Primary Navigation | |
- Secondary Navigation | |
- Content Area | |
- Entries | |
- Pagination | |
- Comments | |
- Sidebars | |
- Footer Widgets | |
- Site Footer | |
- Media Queries | |
- max-width: 1139px | |
- max-width: 1023px | |
- max-width: 767px | |
*/ | |
/* | |
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%}body{margin:0}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{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}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}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}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, | |
.footer-widgets:before, | |
.nav-primary:before, | |
.nav-secondary:before, | |
.site-container:before, | |
.site-footer:before, | |
.site-header:before, | |
.site-inner:before, | |
.wrap:before { | |
content: " "; | |
display: table; | |
} | |
.archive-pagination:after, | |
.clearfix:after, | |
.entry:after, | |
.entry-pagination:after, | |
.footer-widgets:after, | |
.nav-primary:after, | |
.nav-secondary:after, | |
.site-container:after, | |
.site-footer:after, | |
.site-header:after, | |
.site-inner:after, | |
.wrap:after { | |
clear: both; | |
content: " "; | |
display: table; | |
} | |
/* | |
Defaults | |
---------------------------------------------------------------------------------------------------- */ | |
/* Typographical Elements | |
--------------------------------------------- */ | |
body { | |
background-color: #f5f5f5; | |
color: #666; | |
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
font-size: 16px; | |
font-weight: 300; | |
line-height: 1.625; | |
} | |
a, | |
button, | |
input:focus, | |
input[type="button"], | |
input[type="reset"], | |
input[type="submit"], | |
textarea:focus, | |
.button { | |
-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: #666; | |
text-decoration: none; | |
} | |
a img { | |
margin-bottom: -4px; | |
} | |
a:hover { | |
color: #333; | |
} | |
p { | |
margin: 0 0 24px; | |
padding: 0; | |
} | |
strong { | |
font-weight: 700; | |
} | |
ol, | |
ul { | |
margin: 0; | |
padding: 0; | |
} | |
blockquote, | |
blockquote::before { | |
color: #999; | |
} | |
blockquote { | |
margin: 40px 40px 24px; | |
} | |
blockquote::before { | |
content: "\201C"; | |
display: block; | |
font-size: 30px; | |
height: 0; | |
left: -20px; | |
position: relative; | |
top: -10px; | |
} | |
.entry-content code { | |
background-color: #333; | |
color: #ddd; | |
} | |
cite { | |
font-style: normal; | |
} | |
/* Headings | |
--------------------------------------------- */ | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6 { | |
color: #333; | |
font-family: Lato, sans-serif; | |
font-weight: 700; | |
line-height: 1.2; | |
margin: 0 0 16px; | |
} | |
h1 { | |
font-size: 36px; | |
} | |
h2 { | |
font-size: 30px; | |
} | |
h3 { | |
font-size: 24px; | |
} | |
h4 { | |
font-size: 20px; | |
} | |
h5 { | |
font-size: 18px; | |
} | |
h6 { | |
font-size: 16px; | |
} | |
/* Objects | |
--------------------------------------------- */ | |
embed, | |
iframe, | |
img, | |
object, | |
video, | |
.wp-caption { | |
max-width: 100%; | |
} | |
img { | |
height: auto; | |
width: auto; /* IE8 */ | |
} | |
/* Forms | |
--------------------------------------------- */ | |
input, | |
select, | |
textarea { | |
background-color: #fff; | |
border: 1px solid #ddd; | |
border-radius: 3px; | |
box-shadow: 1px 1px 3px #eee inset; | |
color: #999; | |
font-size: 14px; | |
padding: 16px; | |
width: 100%; | |
} | |
input:focus, | |
textarea:focus { | |
border: 1px solid #999; | |
outline: none; | |
} | |
::-moz-placeholder { | |
color: #999; | |
opacity: 1; | |
} | |
::-webkit-input-placeholder { | |
color: #999; | |
} | |
button, | |
input[type="button"], | |
input[type="reset"], | |
input[type="submit"], | |
.button, | |
.entry-content .button { | |
background-color: #333; | |
border: none; | |
box-shadow: none; | |
color: #fff; | |
cursor: pointer; | |
padding: 16px 24px; | |
text-transform: uppercase; | |
width: auto; | |
} | |
button:hover, | |
input:hover[type="button"], | |
input:hover[type="reset"], | |
input:hover[type="submit"], | |
.button:hover, | |
.entry-content .button:hover { | |
background-color: #f15123; | |
} | |
.entry-content .button:hover { | |
color: #fff; | |
} | |
.button { | |
border-radius: 3px; | |
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; | |
line-height: 2; | |
margin-bottom: 40px; | |
width: 100%; | |
} | |
tbody { | |
border-bottom: 1px solid #ddd; | |
} | |
th, | |
td { | |
text-align: left; | |
} | |
th { | |
font-weight: bold; | |
text-transform: uppercase; | |
} | |
td { | |
border-top: 1px solid #ddd; | |
padding: 6px 0; | |
} | |
/* | |
Structure and Layout | |
---------------------------------------------------------------------------------------------------- */ | |
/* Site Containers | |
--------------------------------------------- */ | |
.site-inner, | |
.wrap { | |
margin: 0 auto; | |
width: 94%; | |
max-width: 1200px; | |
} | |
.site-inner { | |
clear: both; | |
padding-top: 40px; | |
} | |
/* 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: 78.333333%; /* 940px/1200px */ | |
} | |
.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: 66.666666%; /* 800px/1200px */ | |
} | |
.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: 57.4468085%; /* 540px/940px */ | |
} | |
.full-width-content .content { | |
width: 100%; | |
} | |
/* Primary Sidebar */ | |
.sidebar-primary { | |
float: right; | |
width: 30%; /* 360px/1200px */ | |
} | |
.content-sidebar-sidebar .sidebar-primary, | |
.sidebar-content-sidebar .sidebar-primary, | |
.sidebar-sidebar-content .sidebar-primary { | |
width: 38.297872%; /* 360px/940px */ | |
} | |
.sidebar-content .sidebar-primary, | |
.sidebar-sidebar-content .sidebar-primary { | |
float: left; | |
} | |
/* Secondary Sidebar */ | |
.sidebar-secondary { | |
float: left; | |
width: 18.3333333%; /* 220px/1200px */ | |
} | |
.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; | |
} | |
.alignleft .avatar { | |
margin-right: 24px; | |
} | |
.alignright .avatar { | |
margin-left: 24px; | |
} | |
.search-form input[type="submit"] { | |
border: 0; | |
clip: rect(0, 0, 0, 0); | |
height: 1px; | |
margin: -1px; | |
padding: 0; | |
position: absolute; | |
width: 1px; | |
} | |
.sticky { | |
} | |
img.centered, | |
.aligncenter { | |
display: block; | |
margin: 0 auto 24px; | |
} | |
img.alignnone { | |
margin-bottom: 12px; | |
} | |
.alignleft { | |
float: left; | |
text-align: left; | |
} | |
.alignright { | |
float: right; | |
text-align: right; | |
} | |
img.alignleft, | |
.wp-caption.alignleft { | |
margin: 0 24px 24px 0; | |
} | |
img.alignright, | |
.wp-caption.alignright { | |
margin: 0 0 24px 24px; | |
} | |
.wp-caption-text { | |
font-size: 14px; | |
font-weight: 700; | |
text-align: center; | |
} | |
.gallery-caption { | |
} | |
.widget_calendar table { | |
width: 100%; | |
} | |
.widget_calendar td, | |
.widget_calendar th { | |
text-align: center; | |
} | |
/* Genesis | |
--------------------------------------------- */ | |
.breadcrumb { | |
margin-bottom: 20px; | |
} | |
.archive-description, | |
.author-box { | |
background-color: #fff; | |
margin-bottom: 40px; | |
} | |
.archive-description { | |
padding: 40px 40px 24px; | |
} | |
.author-box { | |
padding: 40px; | |
} | |
.author-box-title { | |
color: #333; | |
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
font-size: 16px; | |
margin-bottom: 4px; | |
} | |
.author-box a { | |
border-bottom: 1px solid #ddd; | |
} | |
.author-box p { | |
margin-bottom: 0; | |
} | |
.author-box .avatar { | |
margin-right: 24px; | |
} | |
/* Titles | |
--------------------------------------------- */ | |
.entry-title { | |
font-size: 36px; | |
line-height: 1; | |
} | |
.entry-title a, | |
.sidebar .widget-title a { | |
color: #333; | |
} | |
.entry-title a:hover { | |
color: #666; | |
} | |
.widget-title { | |
font-size: 16px; | |
margin-bottom: 24px; | |
text-transform: uppercase; | |
} | |
.sidebar .widget-title a { | |
border: none; | |
} | |
.archive-title { | |
font-size: 20px; | |
margin-bottom: 24px; | |
} | |
/* | |
Widgets | |
---------------------------------------------------------------------------------------------------- */ | |
/* Featured Content | |
--------------------------------------------- */ | |
.featured-content .entry { | |
border-bottom: 2px solid #f5f5f5; | |
margin-bottom: 20px; | |
padding: 0 0 24px; | |
} | |
.featured-content .entry-title { | |
border: none; | |
font-size: 24px; | |
line-height: 1.2; | |
} | |
.featured-content .entry-title a { | |
border: none; | |
} | |
/* | |
Plugins | |
---------------------------------------------------------------------------------------------------- */ | |
/* Genesis eNews Extended | |
--------------------------------------------- */ | |
.enews-widget { | |
color: #999; | |
} | |
.enews-widget .widget-title { | |
color: #fff; | |
} | |
.enews-widget input { | |
margin-bottom: 16px; | |
} | |
.enews-widget input:focus { | |
border: 1px solid #ddd; | |
} | |
.enews-widget input[type="submit"] { | |
background-color: #f15123; | |
color: #fff; | |
margin: 0; | |
width: 100%; | |
} | |
.enews-widget input:hover[type="submit"] { | |
background-color: #fff; | |
color: #333; | |
} | |
/* Genesis Latest Tweets | |
--------------------------------------------- */ | |
.latest-tweets ul li { | |
margin-bottom: 16px; | |
} | |
/* 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; | |
padding: 16px; | |
} | |
div.gform_wrapper .ginput_complex label { | |
padding: 0; | |
} | |
div.gform_wrapper li, | |
div.gform_wrapper form li { | |
margin: 16px 0 0; | |
} | |
div.gform_wrapper .gform_footer input[type="submit"] { | |
font-size: 14px; | |
} | |
/* Jetpack | |
--------------------------------------------- */ | |
img#wpstats { | |
display: none; | |
} | |
/* | |
Site Header | |
---------------------------------------------------------------------------------------------------- */ | |
.site-header { | |
background-color: #fff; | |
} | |
.site-header .wrap { | |
padding: 40px 0; | |
} | |
/* Title Area | |
--------------------------------------------- */ | |
.title-area { | |
float: left; | |
font-family: Lato, sans-serif; | |
font-weight: 700; | |
padding: 16px 0; | |
width: 26.666666%; /* 320px/1200px */ | |
} | |
.header-image .title-area { | |
padding: 0; | |
} | |
.site-title { | |
font-size: 28px; | |
line-height: 1; | |
margin: 0 0 8px; | |
text-transform: uppercase; | |
} | |
.site-title a, | |
.site-title a:hover { | |
color: #333; | |
} | |
.site-description { | |
color: #999; | |
font-size: 16px; | |
font-weight: 300; | |
line-height: 1; | |
margin-bottom: 0; | |
} | |
/* Full width header, no widgets */ | |
.header-full-width .title-area, | |
.header-full-width .site-title { | |
width: 100%; | |
} | |
.header-image .site-description, | |
.header-image .site-title a { | |
display: block; | |
text-indent: -9999px; | |
} | |
/* Logo, hide text */ | |
.header-image .site-header .wrap { | |
background: url(images/logo.png) no-repeat left; | |
padding: 0; | |
} | |
.header-image .site-title a { | |
float: left; | |
min-height: 164px; | |
width: 100%; | |
} | |
/* Widget Area | |
--------------------------------------------- */ | |
.widget-area { | |
word-wrap: break-word; | |
} | |
.site-header .widget-area { | |
float: right; | |
text-align: right; | |
width: 66.666666%; /* 800px/1200px */ | |
} | |
.header-image .site-header .widget-area { | |
padding: 40px 0; | |
} | |
.site-header .search-form { | |
float: right; | |
margin-top: 24px; | |
} | |
/* | |
Site Navigation | |
---------------------------------------------------------------------------------------------------- */ | |
.genesis-nav-menu { | |
clear: both; | |
color: #999; | |
font-family: Lato, sans-serif; | |
line-height: 1.5; | |
width: 100%; | |
} | |
.genesis-nav-menu .menu-item { | |
display: inline-block; | |
text-align: left; | |
} | |
.genesis-nav-menu a { | |
border: none; | |
color: #999; | |
display: block; | |
padding: 28px 24px; | |
position: relative; | |
} | |
.genesis-nav-menu a:hover, | |
.genesis-nav-menu .current-menu-item > a, | |
.genesis-nav-menu .sub-menu .current-menu-item > a:hover { | |
color: #333; | |
} | |
.genesis-nav-menu .sub-menu .current-menu-item > a { | |
color: #999; | |
} | |
.genesis-nav-menu > .menu-item > a { | |
text-transform: uppercase; | |
} | |
.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: 99; | |
} | |
.genesis-nav-menu .sub-menu a { | |
background-color: #fff; | |
border: 1px solid #eee; | |
border-top: none; | |
font-size: 14px; | |
padding: 16px 20px; | |
position: relative; | |
width: 200px; | |
} | |
.genesis-nav-menu .sub-menu .sub-menu { | |
margin: -54px 0 0 199px; | |
} | |
.genesis-nav-menu .menu-item:hover { | |
position: static; | |
} | |
.genesis-nav-menu .menu-item:hover > .sub-menu { | |
left: auto; | |
opacity: 1; | |
} | |
.genesis-nav-menu > .first > a { | |
padding-left: 0; | |
} | |
.genesis-nav-menu > .last > a { | |
padding-right: 0; | |
} | |
.genesis-nav-menu > .right { | |
display: inline-block; | |
float: right; | |
list-style-type: none; | |
padding: 28px 0; | |
text-transform: uppercase; | |
} | |
.genesis-nav-menu > .right > a { | |
display: inline; | |
padding: 0; | |
} | |
.genesis-nav-menu > .rss > a { | |
margin-left: 48px; | |
} | |
.genesis-nav-menu > .search { | |
padding: 14px 0 0; | |
} | |
/* Site Header Navigation | |
--------------------------------------------- */ | |
.site-header .sub-menu { | |
border-top: 1px solid #eee; | |
} | |
.site-header .sub-menu .sub-menu { | |
margin-top: -55px; | |
} | |
/* Primary Navigation | |
--------------------------------------------- */ | |
.nav-primary { | |
background-color: #333; | |
} | |
.nav-primary a:hover, | |
.nav-primary .current-menu-item > a { | |
color: #fff; | |
} | |
.nav-primary .sub-menu a:hover { | |
color: #333; | |
} | |
/* Secondary Navigation | |
--------------------------------------------- */ | |
.nav-secondary { | |
background-color: #fff; | |
} | |
/* | |
Content Area | |
---------------------------------------------------------------------------------------------------- */ | |
/* Entries | |
--------------------------------------------- */ | |
.entry { | |
background-color: #fff; | |
border-radius: 3px; | |
margin-bottom: 40px; | |
padding: 40px 40px 24px; | |
} | |
.entry-content a { | |
border-bottom: 1px solid #ddd; | |
color: #f15123; | |
} | |
.entry-content a:hover { | |
color: #333; | |
} | |
.entry-content .attachment a, | |
.entry-content .gallery a { | |
border: none; | |
} | |
.entry-content ol, | |
.entry-content p, | |
.entry-content ul, | |
.quote-caption { | |
margin-bottom: 26px; | |
} | |
.entry-content ol, | |
.entry-content ul { | |
margin-left: 40px; | |
} | |
.entry-content ol li { | |
list-style-type: decimal; | |
} | |
.entry-content ul li { | |
list-style-type: disc; | |
} | |
.entry-content ol ol, | |
.entry-content ul ul { | |
margin-bottom: 0; | |
} | |
.entry-content .search-form { | |
width: 50%; | |
} | |
.entry-meta { | |
color: #999; | |
font-size: 14px; | |
} | |
.entry-meta a { | |
border-bottom: 1px solid #ddd; | |
} | |
.entry-header .entry-meta { | |
margin-bottom: 24px; | |
} | |
.entry-footer .entry-meta { | |
border-top: 2px solid #f5f5f5; | |
margin: 0 -40px; | |
padding: 32px 40px 8px; | |
} | |
.entry-comments-link::before { | |
content: "\2014"; | |
margin: 0 6px 0 2px; | |
} | |
.entry-categories, | |
.entry-tags { | |
display: block; | |
} | |
/* Pagination | |
--------------------------------------------- */ | |
.archive-pagination, | |
.entry-pagination { | |
font-size: 14px; | |
margin: 40px 0; | |
} | |
.archive-pagination li { | |
display: inline; | |
} | |
.archive-pagination li a { | |
background-color: #333; | |
border-radius: 3px; | |
color: #fff; | |
cursor: pointer; | |
display: inline-block; | |
padding: 8px 12px; | |
} | |
.archive-pagination li a:hover, | |
.archive-pagination li.active a { | |
background-color: #f15123; | |
} | |
.entry-pagination a { | |
border-bottom: 1px solid #ddd; | |
} | |
/* Comments | |
--------------------------------------------- */ | |
.comment-respond, | |
.entry-comments, | |
.entry-pings { | |
background-color: #fff; | |
margin-bottom: 40px; | |
} | |
.entry-comments { | |
padding: 40px; | |
} | |
.comment-respond, | |
.entry-pings { | |
padding: 40px 40px 16px; | |
} | |
.comment-respond a, | |
.entry-comments a { | |
border-bottom: 1px solid #ddd; | |
} | |
.comment-content { | |
clear: both; | |
} | |
.entry-comments .comment-author { | |
margin-bottom: 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; | |
} | |
.comment-list li, | |
.ping-list li { | |
list-style-type: none; | |
} | |
.comment-list li { | |
margin-top: 24px; | |
padding: 32px; | |
} | |
.comment-list li li { | |
margin-right: -32px; | |
} | |
li.comment { | |
background-color: #f5f5f5; | |
border: 2px solid #fff; | |
border-right: none; | |
} | |
.comment .avatar { | |
margin: 0 16px 24px 0; | |
} | |
.entry-pings .reply { | |
display: none; | |
} | |
.bypostauthor { | |
} | |
.form-allowed-tags { | |
background-color: #f5f5f5; | |
font-size: 14px; | |
padding: 24px; | |
} | |
/* | |
Sidebars | |
---------------------------------------------------------------------------------------------------- */ | |
.sidebar { | |
color: #999; | |
} | |
.sidebar a { | |
border-bottom: 1px solid #ddd; | |
} | |
.sidebar p:last-child { | |
margin-bottom: 0; | |
} | |
.sidebar li { | |
list-style-type: none; | |
margin-bottom: 6px; | |
word-wrap: break-word; | |
} | |
.sidebar ul > li:last-child { | |
margin-bottom: 0; | |
} | |
.sidebar .widget { | |
background-color: #fff; | |
border-radius: 3px; | |
margin-bottom: 40px; | |
padding: 40px; | |
} | |
.sidebar .enews-widget { | |
background-color: #333; | |
} | |
/* | |
Footer Widgets | |
---------------------------------------------------------------------------------------------------- */ | |
.footer-widgets { | |
background-color: #333; | |
color: #999; | |
clear: both; | |
padding: 40px 0 16px; | |
} | |
.footer-widgets-1, | |
.footer-widgets-3 { | |
width: 30.833333%; /* 370px/1200px */ | |
} | |
.footer-widgets-2 { | |
width: 31.666666%; /* 380px/1200px */ | |
} | |
.footer-widgets-1 { | |
margin-right: 40px; | |
} | |
.footer-widgets-1, | |
.footer-widgets-2 { | |
float: left; | |
} | |
.footer-widgets-3 { | |
float: right; | |
} | |
.footer-widgets a { | |
border-bottom: 1px solid #666; | |
color: #999; | |
} | |
.footer-widgets a:hover { | |
color: #ddd; | |
} | |
.footer-widgets .widget { | |
margin-bottom: 24px; | |
} | |
.footer-widgets .widget-title { | |
color: #fff; | |
} | |
.footer-widgets li { | |
list-style-type: none; | |
margin-bottom: 6px; | |
word-wrap: break-word; | |
} | |
.footer-widgets .search-form input:focus { | |
border: 1px solid #ddd; | |
} | |
/* | |
Site Footer | |
---------------------------------------------------------------------------------------------------- */ | |
.site-footer { | |
background-color: #fff; | |
color: #999; | |
font-size: 14px; | |
padding: 40px 0; | |
text-align: center; | |
} | |
.site-footer a { | |
border-bottom: 1px solid #ddd; | |
} | |
.site-footer p { | |
margin-bottom: 0; | |
} | |
/* | |
Media Queries | |
---------------------------------------------------------------------------------------------------- */ | |
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), | |
only screen and (-moz-min-device-pixel-ratio: 1.5), | |
only screen and (-o-min-device-pixel-ratio: 3/2), | |
only screen and (min-device-pixel-ratio: 1.5) { | |
.header-image .site-header .wrap { | |
background: url(images/logo@2x.png) no-repeat left; | |
background-size: 320px 164px; | |
} | |
} | |
@media only screen and (max-width: 1139px) { | |
} | |
@media only screen and (max-width: 1023px) { | |
body { | |
background-color: #fff; | |
} | |
.content, | |
.content-sidebar-sidebar .content, | |
.content-sidebar-sidebar .content-sidebar-wrap, | |
.footer-widgets-1, | |
.footer-widgets-2, | |
.footer-widgets-3, | |
.sidebar-content-sidebar .content, | |
.sidebar-content-sidebar .content-sidebar-wrap, | |
.sidebar-primary, | |
.sidebar-secondary, | |
.content-sidebar-sidebar .sidebar-primary, | |
.sidebar-content-sidebar .sidebar-primary, | |
.sidebar-sidebar-content .sidebar-primary | |
.sidebar-sidebar-content .content, | |
.sidebar-sidebar-content .content-sidebar-wrap, | |
.site-header .widget-area, | |
.site-inner, | |
.title-area, | |
.wrap { | |
width: 100%; | |
} | |
.site-header .wrap { | |
padding: 20px 0; | |
} | |
.header-image .site-header .wrap { | |
background-position: center top; | |
} | |
.site-inner { | |
padding-left: 5%; | |
padding-right: 5%; | |
} | |
.archive-description, | |
.author-box, | |
.comment-respond, | |
.entry, | |
.entry-comments, | |
.entry-footer .entry-meta, | |
.header-image .site-header .widget-area, | |
.sidebar .widget, | |
.site-header { | |
padding: 0; | |
} | |
.genesis-nav-menu li, | |
.site-header ul.genesis-nav-menu, | |
.site-header .search-form { | |
float: none; | |
} | |
.genesis-nav-menu, | |
.site-description, | |
.site-header .title-area, | |
.site-header .search-form, | |
.site-title { | |
text-align: center; | |
} | |
.genesis-nav-menu a, | |
.genesis-nav-menu > .first > a, | |
.genesis-nav-menu > .last > a { | |
padding: 20px 16px; | |
} | |
.site-header .search-form { | |
margin: 16px auto ; | |
} | |
.genesis-nav-menu li.right { | |
display: none; | |
} | |
.entry-footer .entry-meta { | |
margin: 0; | |
padding-top: 12px; | |
} | |
.sidebar .widget.enews-widget { | |
padding: 40px; | |
} | |
.site-footer { | |
padding: 24px 0; | |
} | |
.footer-widgets { | |
padding: 40px 5% 16px; | |
} | |
.footer-widgets-1 { | |
margin: 0; | |
} | |
} | |
@media only screen and (max-width: 767px) { | |
.five-sixths, | |
.four-sixths, | |
.one-fourth, | |
.one-half, | |
.one-sixth, | |
.one-third, | |
.three-fourths, | |
.three-sixths, | |
.two-fourths, | |
.two-sixths, | |
.two-thirds { | |
margin: 0; | |
width: 100%; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment