Skip to content

Instantly share code, notes, and snippets.

@csbeck
Last active December 14, 2015 22:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save csbeck/5155707 to your computer and use it in GitHub Desktop.
Save csbeck/5155707 to your computer and use it in GitHub Desktop.
style.css for MikeMetcalfe site
/*
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