Last active
December 14, 2015 22:08
-
-
Save csbeck/5155707 to your computer and use it in GitHub Desktop.
style.css for MikeMetcalfe site
This file contains hidden or 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: eleven40 Child Theme | |
Theme URI: http://www.studiopress.com/themes/eleven40 | |
Description: eleven40 is a two or three column child theme created for the Genesis Framework. | |
Author: StudioPress | |
Author URI: http://www.studiopress.com/ | |
Version: 1.1 | |
Tags: black, blue, green, orange, red, white, dark, light, three-columns, two-columns, left-sidebar, right-sidebar, fixed-width, custom-menu, featured-images, full-width-template, post-formats, sticky-post, theme-options, threaded-comments | |
Template: genesis | |
Template Version: 1.8.2 | |
License: GNU General Public License v2.0 (or later) | |
License URI: http://www.opensource.org/licenses/gpl-license.php | |
*/ | |
/* Table of Contents | |
* Import Fonts | |
* Defaults | |
* Hyperlinks | |
* Body | |
* Wrap | |
* Header | |
* Image Header - Partial Width | |
* Image Header - Full Width | |
* Header / Primary / Secondary Navigation | |
* Primary Navigation Extras | |
* Inner | |
* Page Title | |
* Breadcrumb | |
* Taxonomy Description | |
* Content-Sidebar Wrap | |
* Content | |
* Column Classes | |
* Featured Post Grid | |
* Headlines | |
* Ordered / Unordered Lists | |
* Post Info | |
* Post Meta | |
* Author Box | |
* Sticky Posts | |
* Archive Page | |
* Post Icons | |
* Images | |
* Post Navigation | |
* Primary / Secondary Sidebars | |
* Dropdowns | |
* Featured Page / Post | |
* User Profile | |
* Buttons | |
* Search Form | |
* eNews & Updates Widget | |
* Calendar Widget | |
* Footer Widgets | |
* Footer | |
* Comments | |
* Gravity Forms | |
* eleven40 Blue | |
* eleven40 Green | |
* eleven40 Red | |
* Responsive Design | |
*/ | |
/* Import Fonts | |
------------------------------------------------------------ */ | |
@import url(http://fonts.googleapis.com/css?family=Raleway:300); | |
@import url(http://fonts.googleapis.com/css?family=Lato:400); | |
/* Defaults | |
------------------------------------------------------------ */ | |
body, | |
h1, | |
h2, | |
h2 a, | |
h2 a:visited, | |
h3, | |
h4, | |
h5, | |
h6, | |
p, | |
select, | |
textarea { | |
color: #333; | |
font-family: 'Raleway', serif; | |
font-size: 16px; | |
line-height: 1.5625; | |
margin: 0; | |
padding: 0; | |
text-decoration: none; | |
} | |
blockquote, | |
input, | |
select, | |
textarea, | |
.author-box, | |
.breadcrumb, | |
.sticky, | |
.taxonomy-description, | |
.wp-caption { | |
background-color: #f5f5f5; | |
border: 1px solid #ddd; | |
} | |
input, | |
label, | |
select, | |
textarea { | |
box-sizing: border-box; | |
color: #333; | |
font-family: 'Raleway', serif; | |
font-size: 14px; | |
} | |
li, | |
ol, | |
ul { | |
margin: 0; | |
padding: 0; | |
} | |
ol li { | |
list-style-type: decimal; | |
} | |
/* Hyperlinks | |
------------------------------------------------------------ */ | |
a, | |
a:visited { | |
color: #ed702b; | |
text-decoration: none; | |
} | |
a:hover { | |
text-decoration: underline; | |
} | |
a img { | |
border: none; | |
} | |
/* Body | |
------------------------------------------------------------ */ | |
::-moz-selection { | |
background-color: #333; | |
color: #fff; | |
} | |
::selection { | |
background-color: #333; | |
color: #fff; | |
} | |
/* Wrap | |
------------------------------------------------------------ */ | |
/** added **/ | |
#wrap { | |
/***background: url(images/bg.png) repeat-x;***/ | |
} | |
.wrap { | |
margin: 0 auto; | |
max-width: 1140px; | |
} | |
/* Header | |
------------------------------------------------------------ */ | |
#header .wrap { | |
min-height: 90px; | |
} | |
#title-area { | |
float: left; | |
width: 35%; | |
} | |
#title { | |
background: url(images/logo.png) no-repeat; | |
border-top: 0; | |
display: inline-block; | |
font-family: 'Raleway', arial, serif; | |
font-size: 27px; | |
font-weight: strong; | |
line-height: 1; | |
min-height: 33px; | |
margin: 0; | |
padding: 18px 20px 17px; | |
position: relative; | |
text-shadow: 0 1px #96430d; | |
} | |
#title a, | |
#title a:hover { | |
color: #fff; | |
text-decoration: none; | |
} | |
#description { | |
display: none; | |
} | |
#header .widget-area { | |
float: right; | |
width: 60%; | |
} | |
/** added **/ | |
#header { | |
background: url(images/bg.png) repeat-x scroll 0 0 transparent; | |
margin: 0 auto; | |
overflow: hidden; | |
position: fixed; | |
top: 0; | |
width: 100%; | |
} | |
/* Image Header - Partial Width | |
------------------------------------------------------------ */ | |
.header-image #title-area, | |
.header-image #title, | |
.header-image #title a { | |
display: block; | |
float: left; | |
height: 90px; | |
overflow: hidden; | |
padding: 0; | |
text-indent: -9999px; | |
width: 265px; | |
} | |
.header-image #description { | |
display: block; | |
overflow: hidden; | |
} | |
/* Image Header - Full Width | |
------------------------------------------------------------ */ | |
.header-full-width #title-area, | |
.header-full-width #title, | |
.header-full-width #title a { | |
width: 100%; | |
} | |
/* Header / Primary / Secondary Navigation | |
------------------------------------------------------------ */ | |
.menu-primary, | |
.menu-secondary { | |
clear: both; | |
color: #333; | |
font-size: 14px; | |
margin: 0 auto; | |
overflow: hidden; | |
width: 100%; | |
} | |
#header .menu { | |
float: right; | |
font-size: 14px; | |
text-transform: uppercase; | |
} | |
.menu-primary { | |
border-bottom: double #ddd; | |
border-top: double #ddd; | |
} | |
.menu-primary ul, | |
.menu-secondary ul { | |
float: left; | |
width: 100%; | |
} | |
.menu-primary li, | |
.menu-secondary li, | |
#header .menu li { | |
float: left; | |
list-style-type: none; | |
} | |
.menu-primary a, | |
.menu-secondary a, | |
#header .menu a { | |
color: #333; | |
display: block; | |
font-family: 'Lato', serif; | |
padding: 10px 15px; | |
position: relative; | |
text-decoration: none; | |
} | |
#header .menu a { | |
color: #fff; | |
padding: 20px 15px 17px; | |
text-shadow: 0 2px #111; | |
} | |
.menu-primary li a:active, | |
.menu-primary li a:hover, | |
.menu-primary .current_page_item a, | |
.menu-primary .current-cat a, | |
.menu-primary .current-menu-item a, | |
.menu-secondary li a:active, | |
.menu-secondary li a:hover, | |
.menu-secondary .current_page_item a, | |
.menu-secondary .current-cat a, | |
.menu-secondary .current-menu-item a, | |
#header .menu li a:active, | |
#header .menu li a:hover, | |
#header .menu .current_page_item a, | |
#header .menu .current-cat a, | |
#header .menu .current-menu-item a { | |
color: #ed702b; | |
} | |
.menu-primary li li a, | |
.menu-primary li li a:link, | |
.menu-primary li li a:visited, | |
.menu-secondary li li a, | |
.menu-secondary li li a:link, | |
.menu-secondary li li a:visited, | |
#header .menu li li a, | |
#header .menu li li a:link, | |
#header .menu li li a:visited { | |
background: none; | |
background-color: #fff; | |
border: 1px solid #ddd; | |
border-top: none; | |
color: #333; | |
font-size: 12px; | |
padding: 9px 10px 8px; | |
position: relative; | |
text-align: left; | |
text-transform: none; | |
width: 160px; | |
} | |
#header .menu li li a, | |
#header .menu li li a:link, | |
#header .menu li li a:visited { | |
background: url(images/bg-pattern.png); | |
border: 1px solid #333; | |
border-top: none; | |
color: #fff; | |
} | |
.menu-primary li li a:active, | |
.menu-primary li li a:hover, | |
.menu-secondary li li a:active, | |
.menu-secondary li li a:hover, | |
#header .menu li li a:active, | |
#header .menu li li a:hover { | |
color: #ed702b; | |
} | |
#header .menu li li a:active, | |
#header .menu li li a:hover { | |
background: url(images/bg-pattern.png); | |
} | |
.menu-primary li ul, | |
.menu-secondary li ul, | |
#header .menu li ul { | |
height: auto; | |
left: -9999px; | |
margin: 0 0 0 -1px; | |
position: absolute; | |
width: 182px; | |
z-index: 9999; | |
} | |
.menu-primary li ul a, | |
.menu-secondary li ul a, | |
#header .menu li ul a { | |
width: 160px; | |
} | |
.menu-primary li ul ul, | |
.menu-secondary li ul ul, | |
#header .menu li ul ul { | |
margin: -36px 0 0 159px; | |
} | |
.menu li:hover ul ul, | |
.menu li.sfHover ul ul { | |
left: -9999px; | |
} | |
.menu li:hover, | |
.menu li.sfHover { | |
position: static; | |
} | |
ul.menu li:hover>ul, | |
ul.menu li.sfHover ul, | |
#header .menu li:hover>ul, | |
#header .menu li.sfHover ul { | |
left: auto; | |
} | |
.menu li a .sf-sub-indicator, | |
.menu li li a .sf-sub-indicator, | |
.menu li li li a .sf-sub-indicator { | |
position: absolute; | |
text-indent: -9999px; | |
} | |
#wpadminbar li:hover ul ul { | |
left: 0; | |
} | |
/* Primary Navigation Extras | |
------------------------------------------------------------ */ | |
.menu li.right { | |
float: right; | |
font-family: 'Lato', serif; | |
padding: 10px 15px; | |
} | |
.menu li.right a { | |
background: none; | |
border: none; | |
color: #333; | |
display: inline; | |
text-decoration: none; | |
} | |
.menu li.right a:hover { | |
color: #ed702b; | |
text-decoration: none; | |
} | |
.menu li.search { | |
padding: 0 10px; | |
} | |
.menu li.rss a { | |
background: url(images/rss.png) no-repeat center left; | |
margin: 0 0 0 10px; | |
padding: 0 0 0 16px; | |
} | |
.menu li.twitter a { | |
background: url(images/twitter-nav.png) no-repeat center left; | |
padding: 0 0 0 20px; | |
} | |
/* Inner | |
------------------------------------------------------------ */ | |
/** added **/ | |
#inner { | |
clear: both; | |
margin-top: 50px; | |
} | |
#inner .wrap { | |
border-bottom: double #ddd; | |
margin: 0 auto 30px; | |
overflow: hidden; | |
} | |
/* Page Title | |
------------------------------------------------------------ */ | |
.page-title { | |
border-bottom: double #ddd; | |
border-top: double #ddd; | |
font-family: 'Raleway', serif; | |
font-size: 30px; | |
line-height: 1.0; | |
overflow: hidden; | |
padding: 25px 0; | |
text-align: center; | |
} | |
.page-title p { | |
font-size: inherit; | |
line-height: 1.0; | |
margin: 0; | |
} | |
/* Breadcrumb | |
------------------------------------------------------------ */ | |
.breadcrumb { | |
border: none; | |
font-size: 14px; | |
margin: -10px 0 30px; | |
padding: 10px 15px; | |
} | |
/* Taxonomy Description | |
------------------------------------------------------------ */ | |
.taxonomy-description { | |
background-color: #fff; | |
margin: -10px 0 30px; | |
padding: 0 0 15px; | |
} | |
.taxonomy-description p { | |
font-size: 14px; | |
padding: 15px 15px 0; | |
} | |
/* Content-Sidebar Wrap | |
------------------------------------------------------------ */ | |
#content-sidebar-wrap { | |
float: left; | |
width: 950px; | |
} | |
.content-sidebar #content-sidebar-wrap, | |
.full-width-content #content-sidebar-wrap, | |
.sidebar-content #content-sidebar-wrap { | |
width: 100%; | |
} | |
.sidebar-content-sidebar #content-sidebar-wrap, | |
.sidebar-sidebar-content #content-sidebar-wrap { | |
float: right; | |
} | |
/* Content | |
------------------------------------------------------------ */ | |
#content { | |
border-left: 1px solid #ddd; | |
border-right: 1px solid #ddd; | |
float: left; | |
padding: 25px 39px 30px; | |
width: 580px; | |
} | |
.content-sidebar #content, | |
.sidebar-content #content { | |
width: 810px; | |
} | |
.content-sidebar #content { | |
border-left: none; | |
padding: 25px 39px 30px 0; | |
} | |
.content-sidebar-sidebar #content { | |
border-left: none; | |
padding: 25px 39px 30px 0; | |
width: 620px; | |
} | |
.sidebar-content #content { | |
border-right: none; | |
float: right; | |
padding: 25px 0 30px 39px; | |
} | |
.sidebar-sidebar-content #content { | |
border-right: none; | |
float: right; | |
padding: 25px 0 30px 39px; | |
width: 620px; | |
} | |
.full-width-content #content { | |
border: none; | |
padding: 25px 0; | |
width: 1140px; | |
} | |
.post { | |
margin: 0 0 40px; | |
} | |
.entry-content { | |
overflow: hidden; | |
} | |
.entry-content p { | |
margin: 0 0 25px; | |
} | |
blockquote { | |
background: url(images/blockquote.png) no-repeat; | |
border: none; | |
margin: 5px 5px 20px; | |
padding: 25px 30px 5px 70px; | |
} | |
blockquote p { | |
color: #999; | |
font-style: italic; | |
} | |
p.subscribe-to-comments { | |
padding: 20px 0 10px; | |
} | |
.clear { | |
clear: both; | |
} | |
.clear-line { | |
border-bottom: 1px solid #ddd; | |
clear: both; | |
margin: 0 0 25px; | |
} | |
/* Column Classes | |
------------------------------------------------------------ */ | |
.five-sixths, | |
.four-fifths, | |
.four-sixths, | |
.one-fifth, | |
.one-fourth, | |
.one-half, | |
.one-sixth, | |
.one-third, | |
.three-fifths, | |
.three-fourths, | |
.three-sixths, | |
.two-fifths, | |
.two-fourths, | |
.two-sixths, | |
.two-thirds { | |
float: left; | |
margin: 0 0 20px; | |
padding-left: 3%; | |
} | |
.one-half, | |
.three-sixths, | |
.two-fourths { | |
width: 48%; | |
} | |
.one-third, | |
.two-sixths { | |
width: 31%; | |
} | |
.four-sixths, | |
.two-thirds { | |
width: 65%; | |
} | |
.one-fourth { | |
width: 22.5%; | |
} | |
.three-fourths { | |
width: 73.5%; | |
} | |
.one-fifth { | |
width: 17.4%; | |
} | |
.two-fifths { | |
width: 37.8%; | |
} | |
.three-fifths { | |
width: 58.2%; | |
} | |
.four-fifths { | |
width: 78.6%; | |
} | |
.one-sixth { | |
width: 14%; | |
} | |
.five-sixths { | |
width: 82%; | |
} | |
.first { | |
clear: both; | |
padding-left: 0; | |
} | |
/* Featured Post Grid | |
------------------------------------------------------------ */ | |
.genesis-grid-even, | |
.genesis-grid-odd { | |
margin: 0 0 20px; | |
padding: 0 0 15px; | |
width: 48%; | |
} | |
.genesis-grid-even { | |
float: right; | |
} | |
.genesis-grid-odd { | |
clear: both; | |
float: left; | |
} | |
/* Headlines | |
------------------------------------------------------------ */ | |
h1, | |
h2, | |
h2 a, | |
h2 a:visited, | |
h3, | |
h4, | |
h5, | |
h6 { | |
font-family: 'Lato', serif; | |
font-weight: normal; | |
line-height: 1.25; | |
margin: 0 0 10px; | |
} | |
h1 { | |
font-size: 36px; | |
} | |
.taxonomy-description h1 { | |
margin: 0; | |
} | |
h2, | |
h2 a, | |
h2 a:visited { | |
font-size: 36px; | |
} | |
h2 a, | |
h2 a:visited { | |
color: #333; | |
font-family: 'Lato', serif; | |
} | |
h2 a:hover { | |
color: #ed702b; | |
text-decoration: none; | |
} | |
.genesis-grid h2, | |
.genesis-grid h2 a, | |
.genesis-grid h2 a:visited { | |
font-size: 24px; | |
line-height: 1.4; | |
} | |
.widget-area h2, | |
.widget-area h2 a { | |
font-size: 14px; | |
margin: 0 0 5px; | |
} | |
h3 { | |
font-size: 30px; | |
} | |
h4 { | |
font-size: 24px; | |
} | |
.after-post h4 { | |
color: #aaa; | |
margin: 0 0 15px; | |
} | |
.taxonomy-description h1, | |
.widget-area h4 { | |
font-size: 16px; | |
} | |
.widget-area h4 a { | |
color: #333; | |
text-decoration: none; | |
} | |
#footer-widgets h4 { | |
color: #ddd; | |
font-size: 20px; | |
margin: 0 0 20px; | |
padding: 0; | |
text-shadow: 0 2px #111; | |
} | |
#footer-widgets h4 a { | |
color: #ddd; | |
} | |
h5 { | |
font-size: 20px; | |
} | |
h6 { | |
font-size: 18px; | |
} | |
/* Ordered / Unordered Lists | |
------------------------------------------------------------ */ | |
.after-post ul, | |
.entry-content ol, | |
.entry-content ul { | |
margin: 0; | |
padding: 0 0 25px; | |
} | |
.after-post ul li, | |
.archive-page ul li, | |
.entry-content ul li { | |
background: url(images/list.png) no-repeat top left; | |
list-style-type: none; | |
margin: 0 0 5px 20px; | |
padding: 0 0 0 15px; | |
word-wrap: break-word; | |
} | |
.after-post ul li { | |
background: url(images/list-after-post.png) no-repeat top left; | |
margin: 0 0 5px 15px; | |
} | |
.entry-content ol li { | |
margin: 0 0 0 35px; | |
} | |
.archive-page ul ul, | |
.entry-content ol ol, | |
.entry-content ul ul { | |
padding: 0; | |
} | |
/* Post Info | |
------------------------------------------------------------ */ | |
.post-info { | |
color: #666; | |
font-size: 14px; | |
margin: -5px 0 15px; | |
text-transform: lowercase; | |
} | |
/* Post Meta | |
------------------------------------------------------------ */ | |
.post-meta { | |
border-top: 1px solid #ddd; | |
clear: both; | |
color: #666; | |
font-size: 14px; | |
padding: 5px 0 0; | |
text-transform: lowercase; | |
} | |
/* Author Box | |
------------------------------------------------------------ */ | |
.author-box { | |
background-color: #f5f5f5; | |
margin: 0 0 40px; | |
overflow: hidden; | |
padding: 10px; | |
} | |
.author-box p { | |
font-size: 14px; | |
} | |
/* After Post | |
------------------------------------------------------------ */ | |
.after-post { | |
background: url(images/bg-pattern.png); | |
border: double #ddd; | |
clear: both; | |
color: #fff; | |
margin: 30px 0; | |
padding: 25px; | |
overflow: hidden; | |
text-shadow: 0 1px #111; | |
} | |
.after-post p { | |
color: #fff; | |
} | |
.after-post form { | |
background: url(images/arrow.png) no-repeat 40px 0; | |
display: block; | |
padding: 10px 0 10px 120px; | |
} | |
/* Sticky Posts | |
------------------------------------------------------------ */ | |
.sticky { | |
background-color: #f5f5f5; | |
margin: -10px 0 40px; | |
padding: 20px; | |
} | |
/* Archive Page | |
------------------------------------------------------------ */ | |
.archive-page { | |
float: left; | |
padding: 20px 0 0; | |
width: 50%; | |
} | |
/* Post Icons | |
------------------------------------------------------------ */ | |
.post-comments, | |
.tags { | |
background: url(images/icon-dot.png) no-repeat left; | |
margin: 0 0 0 3px; | |
padding: 0 0 0 10px; | |
} | |
/* Images | |
------------------------------------------------------------ */ | |
img { | |
height: auto; | |
max-width: 100%; | |
} | |
.avatar, | |
.featuredpage img, | |
.featuredpost img, | |
.post-image { | |
background-color: #f5f5f5; | |
border: 0px solid #ddd; | |
padding: 0px; | |
} | |
.author-box .avatar { | |
background-color: #fff; | |
float: left; | |
margin: 0 10px 0 0; | |
} | |
.post-image { | |
margin: 0 10px 10px 0; | |
} | |
.comment-list li .avatar { | |
background-color: #fff; | |
float: right; | |
margin: 5px 0 0 10px; | |
} | |
img.centered, | |
.aligncenter { | |
display: block; | |
margin: 0 auto 10px; | |
} | |
img.alignnone { | |
display: inline; | |
margin: 0 0 10px; | |
} | |
img.alignleft { | |
display: inline; | |
margin: 0 15px 10px 0; | |
} | |
img.alignright { | |
display: inline; | |
margin: 0 0 10px 15px; | |
} | |
.alignleft { | |
float: left; | |
margin: 0 15px 10px 0; | |
} | |
.alignright { | |
float: right; | |
margin: 0 0 10px 15px; | |
} | |
.wp-caption { | |
padding: 5px; | |
text-align: center; | |
} | |
p.wp-caption-text { | |
font-size: 14px; | |
margin: 5px 0; | |
} | |
.wp-smiley, | |
.wp-wink { | |
border: none; | |
float: none; | |
} | |
.gallery-caption { | |
} | |
/* Post Navigation | |
------------------------------------------------------------ */ | |
.navigation { | |
overflow: hidden; | |
padding: 20px 0; | |
width: 100%; | |
} | |
.navigation li { | |
display: inline; | |
} | |
.navigation li a, | |
.navigation li.disabled, | |
.navigation li a:hover, | |
.navigation li.active a { | |
background-color: #444; | |
border: none; | |
color: #fff; | |
font-family: 'Lato', serif; | |
font-size: 14px; | |
padding: 5px 12px; | |
} | |
.navigation li a:hover, | |
.navigation li.active a { | |
background-color: #ed702b; | |
border: none; | |
text-decoration: none; | |
} | |
/* Primary / Secondary Sidebars | |
------------------------------------------------------------ */ | |
.sidebar { | |
display: inline; | |
float: right; | |
font-size: 14px; | |
padding: 25px 0 0; | |
width: 250px; | |
} | |
#sidebar-alt { | |
float: left; | |
padding: 25px 0 0; | |
width: 150px; | |
} | |
.sidebar-content #sidebar, | |
.sidebar-sidebar-content #sidebar { | |
float: left; | |
} | |
.content-sidebar-sidebar #sidebar-alt { | |
float: right; | |
} | |
.sidebar p { | |
font-size: inherit; | |
margin: 0 0 15px; | |
} | |
.sidebar .widget { | |
margin: 0 0 40px; | |
} | |
.sidebar.widget-area ul li, | |
#footer-widgets ul li { | |
border-bottom: 1px solid #ddd; | |
list-style-type: none; | |
margin: 0 0 10px; | |
padding: 0 0 10px; | |
word-wrap: break-word; | |
} | |
#footer-widgets ul li { | |
border-bottom: 1px solid #444; | |
} | |
/* Dropdowns | |
------------------------------------------------------------ */ | |
.widget_archive select, | |
#cat { | |
display: inline; | |
padding: 3px; | |
width: 85%; | |
} | |
/* Featured Page / Post | |
------------------------------------------------------------ */ | |
.featuredpage, | |
.featuredpost { | |
clear: both; | |
margin: 0 0 15px; | |
overflow: hidden; | |
} | |
.featuredpage .page, | |
.featuredpost .post { | |
border-bottom: 1px solid #ddd; | |
margin: 0 0 5px; | |
overflow: hidden; | |
padding: 0 0 10px; | |
} | |
#footer-widgets .featuredpage .page, | |
#footer-widgets .featuredpost .post { | |
margin: 0 0 10px; | |
padding: 0; | |
} | |
/* User Profile | |
------------------------------------------------------------ */ | |
.user-profile { | |
overflow: hidden; | |
} | |
/* Buttons | |
------------------------------------------------------------ */ | |
input[type="button"], | |
input[type="submit"] { | |
background: url(images/gradient.png) 0 0; | |
border: 1px solid #ed702b; | |
color: #fff; | |
cursor: pointer; | |
line-height: 19px; | |
padding: 8px 10px; | |
text-decoration: none; | |
} | |
input:hover[type="button"], | |
input:hover[type="submit"] { | |
background: url(images/gradient.png) 0 -33px; | |
text-decoration: none; | |
} | |
/* Search Form | |
------------------------------------------------------------ */ | |
#header .searchform { | |
float: right; | |
padding: 12px 0 0; | |
} | |
.s { | |
margin: 0 -7px 0 0; | |
padding: 9px 8px; | |
width: 70%; | |
} | |
#nav .s { | |
background-color: #fff; | |
margin: 2px -7px 0 0; | |
} | |
/* eNews and Update Widget | |
------------------------------------------------------------ */ | |
.enews #subbox { | |
margin: 5px -7px 0 0; | |
padding: 9px 8px; | |
width: 70%; | |
} | |
/* Calendar Widget | |
------------------------------------------------------------ */ | |
#wp-calendar { | |
width: 100%; | |
} | |
#wp-calendar caption { | |
font-size: 12px; | |
font-style: italic; | |
padding: 2px 5px 0 0; | |
text-align: right; | |
} | |
#wp-calendar thead { | |
background-color: #f5f5f5; | |
font-weight: bold; | |
margin: 10px 0 0; | |
} | |
#wp-calendar td { | |
background-color: #f5f5f5; | |
padding: 2px; | |
text-align: center; | |
} | |
/* Footer Widgets | |
------------------------------------------------------------ */ | |
#footer-widgets { | |
background: url(images/footer-widgets.png); | |
border-top: 3px solid #222; | |
clear: both; | |
font-size: 14px; | |
overflow: hidden; | |
} | |
#footer-widgets .wrap { | |
margin: 0 auto; | |
overflow: hidden; | |
padding: 0 0 25px; | |
} | |
#footer-widgets .widget { | |
background: none; | |
border: none; | |
clear: both; | |
color: #888; | |
padding: 30px 0 0; | |
} | |
#footer-widgets p { | |
color: #888; | |
font-size: inherit; | |
margin: 0 0 10px; | |
} | |
#footer-widgets ul { | |
margin: 0; | |
} | |
#footer-widgets .latest-tweets { | |
background: url(images/footer-twitter.png) top right no-repeat; | |
} | |
#footer-widgets .latest-tweets li span a, | |
#footer-widgets .latest-tweets li span a:visited { | |
color: #bbb; | |
text-decoration: none; | |
} | |
#footer-widgets .latest-tweets li span a:hover { | |
color: #bbb; | |
text-decoration: underline; | |
} | |
#footer-widgets #wp-calendar thead, | |
#footer-widgets #wp-calendar td { | |
background: none; | |
} | |
.footer-widgets-1 { | |
float: left; | |
margin: 0 40px 0 0; | |
width: 350px; | |
} | |
.footer-widgets-2 { | |
float: left; | |
width: 360px; | |
} | |
.footer-widgets-3 { | |
float: right; | |
width: 350px; | |
} | |
/* Footer | |
------------------------------------------------------------ */ | |
#footer { | |
clear: both; | |
} | |
#footer .wrap { | |
font-size: 14px; | |
overflow: hidden; | |
padding: 20px 0; | |
} | |
#footer p { | |
font-size: inherit; | |
} | |
#footer a, | |
#footer a:visited { | |
color: #333; | |
} | |
#footer a:hover { | |
color: #ed702b; | |
text-decoration: none; | |
} | |
#footer .gototop { | |
float: left; | |
width: 30%; | |
} | |
#footer .creds { | |
float: right; | |
text-align: right; | |
width: 65%; | |
} | |
/* Comments | |
------------------------------------------------------------ */ | |
#comments, | |
#respond { | |
margin: 0 0 15px; | |
overflow: hidden; | |
} | |
#respond #reply-title { | |
font-family: 'Lato', serif; | |
} | |
#author, | |
#comment, | |
#email, | |
#url { | |
margin: 10px 5px 0 0; | |
padding: 5px; | |
width: 250px; | |
} | |
#comment { | |
height: 150px; | |
margin: 10px 0; | |
width: 98%; | |
} | |
.ping-list { | |
margin: 0 0 40px; | |
} | |
.comment-list ol, | |
.ping-list ol { | |
padding: 10px; | |
} | |
.comment-list li, | |
.ping-list li { | |
list-style-type: none; | |
margin: 15px 0 5px; | |
padding: 10px 15px; | |
} | |
.comment-list li ul li { | |
list-style-type: none; | |
margin-right: -16px; | |
} | |
.comment-content p { | |
font-size: 14px; | |
margin: 0 0 20px; | |
} | |
.comment-list cite, | |
.ping-list cite { | |
font-style: normal; | |
} | |
.commentmetadata { | |
font-size: 12px; | |
margin: 0 0 5px; | |
} | |
.reply { | |
font-size: 14px; | |
font-weight: 300; | |
} | |
.nocomments { | |
text-align: center; | |
} | |
#comments .navigation { | |
display: block; | |
} | |
.bypostauthor { | |
} | |
.thread-alt, | |
.thread-even { | |
background-color: #f5f5f5; | |
} | |
.alt, | |
.depth-1, | |
.even { | |
border: 1px solid #ddd; | |
} | |
/* Gravity Forms | |
------------------------------------------------------------ */ | |
div.gform_wrapper input, | |
div.gform_wrapper select, | |
div.gform_wrapper textarea { | |
box-sizing: border-box; | |
font-size: 14px !important; | |
padding: 4px 5px !important; | |
} | |
div.gform_footer input.button { | |
color: #fff; | |
} | |
div.gform_wrapper .ginput_complex label { | |
font-size: 14px; | |
} | |
div.gform_wrapper li, | |
div.gform_wrapper form li { | |
background: none; | |
margin: 0 0 10px; | |
padding: 0; | |
} | |
div.gform_wrapper .gform_footer { | |
border: none; | |
margin: 0; | |
padding: 0; | |
} | |
/* eleven40 Blue | |
------------------------------------------------------------ */ | |
.eleven40-blue a, | |
.eleven40-blue a:visited { | |
color: #2b97ed; | |
} | |
.eleven40-blue #title { | |
background: url(images/blue/logo-texture.png); | |
text-shadow: 0 1px #17579b; | |
} | |
.eleven40-blue #title:before { | |
background: url(images/blue/logo-vert-left.png) repeat-y; | |
} | |
.eleven40-blue #title:after { | |
background: url(images/blue/logo-vert-right.png) repeat-y; | |
} | |
.eleven40-blue .menu-primary a, | |
.eleven40-blue .menu-secondary a, | |
.eleven40-blue h2 a, | |
.eleven40-blue h2 a:visited { | |
color: #333; | |
} | |
.eleven40-blue #header .menu li li a, | |
.eleven40-blue #header .menu li li a:link, | |
.eleven40-blue #header .menu li li a:visited { | |
color: #fff; | |
} | |
.eleven40-blue h2 a:hover, | |
.eleven40-blue .menu li.right a:hover, | |
.eleven40-blue .menu-primary li a:active, | |
.eleven40-blue .menu-primary li a:hover, | |
.eleven40-blue .menu-primary li li a:active, | |
.eleven40-blue .menu-primary li li a:hover, | |
.eleven40-blue .menu-primary .current_page_item a, | |
.eleven40-blue .menu-primary .current-cat a, | |
.eleven40-blue .menu-primary .current-menu-item a, | |
.eleven40-blue .menu-secondary li a:active, | |
.eleven40-blue .menu-secondary li a:hover, | |
.eleven40-blue .menu-secondary li li a:active, | |
.eleven40-blue .menu-secondary li li a:hover, | |
.eleven40-blue .menu-secondary .current_page_item a, | |
.eleven40-blue .menu-secondary .current-cat a, | |
.eleven40-blue .menu-secondary .current-menu-item a, | |
.eleven40-blue #footer a:hover, | |
.eleven40-blue #header .menu li a:active, | |
.eleven40-blue #header .menu li a:hover, | |
.eleven40-blue #header .menu li li a:active, | |
.eleven40-blue #header .menu li li a:hover, | |
.eleven40-blue #header .menu .current_page_item a, | |
.eleven40-blue #header .menu .current-cat a, | |
.eleven40-blue #header .menu .current-menu-item a { | |
color: #2b97ed; | |
} | |
.eleven40-blue .navigation li a:hover, | |
.eleven40-blue .navigation li.active a { | |
background-color: #2b97ed; | |
} | |
.eleven40-blue input[type="button"], | |
.eleven40-blue input[type="submit"] { | |
background: url(images/blue/gradient.png) 0 0; | |
border: 1px solid #2b97ed; | |
} | |
.eleven40-blue input:hover[type="button"], | |
.eleven40-blue input:hover[type="submit"] { | |
background: url(images/blue/gradient.png) 0 -33px; | |
} | |
/* eleven40 Green | |
------------------------------------------------------------ */ | |
.eleven40-green a, | |
.eleven40-green a:visited { | |
color: #27d665; | |
} | |
.eleven40-green #title { | |
background: url(images/green/logo-texture.png); | |
text-shadow: 0 1px #27743f; | |
} | |
.eleven40-green #title:before { | |
background: url(images/green/logo-vert-left.png) repeat-y; | |
} | |
.eleven40-green #title:after { | |
background: url(images/green/logo-vert-right.png) repeat-y; | |
} | |
.eleven40-green .menu-primary a, | |
.eleven40-green .menu-secondary a, | |
.eleven40-green h2 a, | |
.eleven40-green h2 a:visited { | |
color: #333; | |
} | |
.eleven40-green #header .menu li li a, | |
.eleven40-green #header .menu li li a:link, | |
.eleven40-green #header .menu li li a:visited { | |
color: #fff; | |
} | |
.eleven40-green h2 a:hover, | |
.eleven40-green .menu li.right a:hover, | |
.eleven40-green .menu-primary li a:active, | |
.eleven40-green .menu-primary li a:hover, | |
.eleven40-green .menu-primary li li a:active, | |
.eleven40-green .menu-primary li li a:hover, | |
.eleven40-green .menu-primary .current_page_item a, | |
.eleven40-green .menu-primary .current-cat a, | |
.eleven40-green .menu-primary .current-menu-item a, | |
.eleven40-green .menu-secondary li a:active, | |
.eleven40-green .menu-secondary li a:hover, | |
.eleven40-green .menu-secondary li li a:active, | |
.eleven40-green .menu-secondary li li a:hover, | |
.eleven40-green .menu-secondary .current_page_item a, | |
.eleven40-green .menu-secondary .current-cat a, | |
.eleven40-green .menu-secondary .current-menu-item a, | |
.eleven40-green #footer a:hover, | |
.eleven40-green #header .menu li a:active, | |
.eleven40-green #header .menu li a:hover, | |
.eleven40-green #header .menu li li a:active, | |
.eleven40-green #header .menu li li a:hover, | |
.eleven40-green #header .menu .current_page_item a, | |
.eleven40-green #header .menu .current-cat a, | |
.eleven40-green #header .menu .current-menu-item a { | |
color: #27d665; | |
} | |
.eleven40-green .navigation li a:hover, | |
.eleven40-green .navigation li.active a { | |
background-color: #27d665; | |
} | |
.eleven40-green input[type="button"], | |
.eleven40-green input[type="submit"] { | |
background: url(images/green/gradient.png) 0 0; | |
border: 1px solid #27d665; | |
} | |
.eleven40-green input:hover[type="button"], | |
.eleven40-green input:hover[type="submit"] { | |
background: url(images/green/gradient.png) 0 -33px; | |
} | |
/* eleven40 Red | |
------------------------------------------------------------ */ | |
.eleven40-red a, | |
.eleven40-red a:visited { | |
color: #ed2b46; | |
} | |
.eleven40-red #title { | |
background: url(images/red/logo-texture.png); | |
text-shadow: 0 1px #711f26; | |
} | |
.eleven40-red #title:before { | |
background: url(images/red/logo-vert-left.png) repeat-y; | |
} | |
.eleven40-red #title:after { | |
background: url(images/red/logo-vert-right.png) repeat-y; | |
} | |
.eleven40-red .menu-primary a, | |
.eleven40-red .menu-secondary a, | |
.eleven40-red h2 a, | |
.eleven40-red h2 a:visited { | |
color: #333; | |
} | |
.eleven40-red #header .menu li li a, | |
.eleven40-red #header .menu li li a:link, | |
.eleven40-red #header .menu li li a:visited { | |
color: #fff; | |
} | |
.eleven40-red h2 a:hover, | |
.eleven40-red .menu li.right a:hover, | |
.eleven40-red .menu-primary li a:active, | |
.eleven40-red .menu-primary li a:hover, | |
.eleven40-red .menu-primary li li a:active, | |
.eleven40-red .menu-primary li li a:hover, | |
.eleven40-red .menu-primary .current_page_item a, | |
.eleven40-red .menu-primary .current-cat a, | |
.eleven40-red .menu-primary .current-menu-item a, | |
.eleven40-red .menu-secondary li a:active, | |
.eleven40-red .menu-secondary li a:hover, | |
.eleven40-red .menu-secondary li li a:active, | |
.eleven40-red .menu-secondary li li a:hover, | |
.eleven40-red .menu-secondary .current_page_item a, | |
.eleven40-red .menu-secondary .current-cat a, | |
.eleven40-red .menu-secondary .current-menu-item a, | |
.eleven40-red #footer a:hover, | |
.eleven40-red #header .menu li a:active, | |
.eleven40-red #header .menu li a:hover, | |
.eleven40-red #header .menu li li a:active, | |
.eleven40-red #header .menu li li a:hover, | |
.eleven40-red #header .menu .current_page_item a, | |
.eleven40-red #header .menu .current-cat a, | |
.eleven40-red #header .menu .current-menu-item a { | |
color: #ed2b46; | |
} | |
.eleven40-red .navigation li a:hover, | |
.eleven40-red .navigation li.active a { | |
background-color: #ed2b46; | |
} | |
.eleven40-red input[type="button"], | |
.eleven40-red input[type="submit"] { | |
background: url(images/red/gradient.png) 0 0; | |
border: 1px solid #ed2b46; | |
} | |
.eleven40-red input:hover[type="button"], | |
.eleven40-red input:hover[type="submit"] { | |
background: url(images/red/gradient.png) 0 -33px; | |
} | |
/* Responsive Design | |
------------------------------------------------------------ */ | |
@media only screen and (max-width: 1200px) { | |
.wrap { | |
max-width: 960px; | |
} | |
#content-sidebar-wrap { | |
width: 770px; | |
} | |
#content { | |
width: 400px; | |
} | |
.content-sidebar #content, | |
.sidebar-content #content { | |
width: 630px; | |
} | |
.content-sidebar-sidebar #content, | |
.sidebar-sidebar-content #content { | |
width: 440px; | |
} | |
.full-width-content #content { | |
width: 100%; | |
} | |
.genesis-grid-even, | |
.genesis-grid-odd { | |
float: left; | |
margin: 0 0 30px; | |
padding: 0; | |
width: 100%; | |
} | |
.five-sixths, | |
.four-fifths, | |
.four-sixths, | |
.one-fifth, | |
.one-fourth, | |
.one-half, | |
.one-sixth, | |
.one-third, | |
.three-fifths, | |
.three-fourths, | |
.three-sixths, | |
.two-fifths, | |
.two-fourths, | |
.two-sixths, | |
.two-thirds { | |
padding: 0; | |
width: 100%; | |
} | |
.footer-widgets-1 { | |
width: 290px; | |
} | |
.footer-widgets-2 { | |
width: 300px; | |
} | |
.footer-widgets-3 { | |
width: 290px; | |
} | |
} | |
@media only screen and (max-width: 800px) { | |
body { | |
width: 100%; | |
margin: 0 auto; | |
} | |
.archive-page, | |
.content-sidebar #content, | |
.content-sidebar-sidebar #content, | |
.footer-widgets-1, | |
.footer-widgets-2, | |
.footer-widgets-3, | |
.sidebar, | |
.sidebar-content #content, | |
.sidebar-content-sidebar #content, | |
.sidebar-sidebar-content #content, | |
.wrap, | |
#content-sidebar-wrap, | |
#footer .creds, | |
#footer .gototop, | |
#sidebar-alt { | |
width: 100%; | |
} | |
#inner .wrap { | |
padding: 20px; | |
width: auto; | |
} | |
#title { | |
background-position: center top; | |
width: 100%; | |
padding: 18px 0 17px; | |
} | |
.menu-primary, | |
.menu-secondary, | |
#header ul.menu, | |
#header .widget-area, | |
#title-area { | |
float: none; | |
text-align: center; | |
width: 100%; | |
} | |
#header .searchform { | |
float: center; | |
} | |
#header ul.menu { | |
background: url(images/bg-pattern.png); | |
float: left; | |
} | |
.menu-primary li, | |
.menu-secondary li, | |
#header ul.menu li { | |
display: inline-block; | |
float: none; | |
} | |
.menu-primary a, | |
.menu-secondary a, | |
#header .menu a { | |
padding: 10px; | |
} | |
.menu li.right { | |
display: none; | |
} | |
.page-title { | |
font-size: 24px; | |
padding: 10px 20px; | |
} | |
.page-title p { | |
line-height: 1.2; | |
} | |
.content-sidebar #content, | |
.content-sidebar-sidebar #content, | |
.sidebar, | |
.sidebar-content #content, | |
.sidebar-content-sidebar #content, | |
.sidebar-sidebar-content #content { | |
border: none; | |
padding: 20px 0; | |
width: 100%; | |
} | |
h1, | |
h2, | |
h2 a, | |
h2 a:visited { | |
font-size: 30px; | |
} | |
.after-post form { | |
background: none; | |
padding: 0; | |
} | |
#footer-widgets .widget { | |
padding: 20px 20px 0; | |
} | |
.footer-widgets-1, | |
.footer-widgets-2, | |
.footer-widgets-3 { | |
margin: 0; | |
} | |
#footer .creds, | |
#footer .gototop { | |
float: none; | |
} | |
#footer p { | |
padding: 0 20px; | |
text-align: center; | |
} | |
} | |
/* Welcome Text | |
------------------------------------------------------------ */ | |
.welcome-text { | |
border-bottom: double #ddd; | |
border-top: double #ddd; | |
font-family: 'Raleway', serif; | |
font-size: 35px; | |
font-weight: strong; | |
line-height: 1.0; | |
overflow: hidden; | |
padding: 25px 0; | |
text-align: center; | |
} | |
div.sharedaddy .sd-content { | |
float: left !important; | |
} | |
/** Add sharing icons to the top of content */ | |
remove_filter( 'the_content', 'sharing_display', 19 ); | |
remove_filter( 'the_excerpt', 'sharing_display', 19 ); | |
add_filter( 'the_content', 'sharedaddy_sharing_at_bottom', 19 ); | |
add_filter( 'the_excerpt', 'sharedaddy_sharing_at_bottom', 19 ); | |
function sharedaddy_sharing_at_bottom( $content = '' ) { | |
return sharing_display() . $content; | |
} | |
/* eNews Extended Widget | |
------------------------------------------------------------ */ | |
.enews-widget { | |
background-color: #e7e7e7; | |
border: 9px solid #ddd; | |
margin: 25px 10%; | |
} | |
.enews-widget .widget-wrap { | |
border: 1px solid #fff; | |
} | |
.enews { | |
background: url(images/enews-ribbon.png) no-repeat top left; | |
margin: -17px -18px; | |
overflow: hidden; | |
padding: 45px 50px 40px; | |
text-align: center; | |
text-shadow: 1px 1px #fff; | |
} | |
.enews #subbox { | |
background: #fff url(images/enews-subbox.png) no-repeat center left; | |
-moz-box-shadow: 0 0 3px #bbb; | |
-webkit-box-shadow: 0 0 3px #bbb; | |
box-shadow: 0 0 3px #bbb; | |
color: #999; | |
margin: 10px -7px 10px 0; | |
padding: 13px 0 13px 37px; | |
width: 80%; | |
} | |
.enews #subbutton { | |
background-color: #666; | |
color: #fff; | |
padding: 13px 12px; | |
} | |
.enews #subbutton:hover { | |
background-color: #555; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment