Eleven40 style. CSS file og genesis child theme

88
/* 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.0 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 License: GNU General Public License v2.0 (or later) License URI: http://www.opensource.org/licenses/gpl-license.php */ /* Table of Contents * Import Fonts

description

if you have edited you main Eleven40 style. CSS file genesis child theme theme is the original file with out any changes

Transcript of Eleven40 style. CSS file og genesis child theme

Page 1: Eleven40 style. CSS file og genesis child theme

/*

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.0

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

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

Page 2: Eleven40 style. CSS file og genesis child theme

* 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

Page 3: Eleven40 style. CSS file og genesis child theme

* 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=Lora);

@import url(http://fonts.googleapis.com/css?family=Oswald);

Page 4: Eleven40 style. CSS file og genesis child theme

/* Defaults

------------------------------------------------------------ */

body,

h1,

h2,

h2 a,

h2 a:visited,

h3,

h4,

h5,

h6,

p,

select,

textarea {

color: #333;

font-family: 'Lora', serif;

font-size: 16px;

line-height: 1.5625;

margin: 0;

padding: 0;

text-decoration: none;

}

blockquote,

Page 5: Eleven40 style. CSS file og genesis child theme

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: 'Lora', serif;

font-size: 14px;

}

li,

ol,

ul {

Page 6: Eleven40 style. CSS file og genesis child theme

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;

}

Page 7: Eleven40 style. CSS file og genesis child theme

/* Body

------------------------------------------------------------ */

::-moz-selection {

background-color: #ed702b;

color: #fff;

}

::selection {

background-color: #ed702b;

color: #fff;

}

/* Wrap

------------------------------------------------------------ */

#wrap {

background: url(images/bg.png) repeat-x;

}

.wrap {

margin: 0 auto;

Page 8: Eleven40 style. CSS file og genesis child theme

max-width: 1140px;

}

/* Header

------------------------------------------------------------ */

#header .wrap {

background: url(images/logo.png) top left no-repeat;

min-height: 152px;

}

#title-area {

float: left;

overflow: hidden;

width: 30%;

}

#title {

font-family: 'Oswald', arial, serif;

font-size: 30px;

line-height: 1.4;

margin: 12px 0 0 32px;

text-shadow: 0 1px #333;

}

Page 9: Eleven40 style. CSS file og genesis child theme

#title a,

#title a:hover {

color: #fff;

text-decoration: none;

}

#description {

display: none;

}

#header .widget-area {

float: right;

width: 65%;

}

/* Image Header - Partial Width

------------------------------------------------------------ */

.header-image #title-area,

.header-image #title,

.header-image #title a {

display: block;

float: left;

Page 10: Eleven40 style. CSS file og genesis child theme

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

------------------------------------------------------------ */

Page 11: Eleven40 style. CSS file og genesis child theme

.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;

Page 12: Eleven40 style. CSS file og genesis child theme

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: 'Oswald', arial, serif;

padding: 10px 15px;

position: relative;

text-decoration: none;

}

#header .menu a {

color: #fff;

padding: 20px 15px 17px;

text-shadow: 0 2px #111;

Page 13: Eleven40 style. CSS file og genesis child theme

}

.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,

Page 14: Eleven40 style. CSS file og genesis child theme

.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: 138px;

}

#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;

}

Page 15: Eleven40 style. CSS file og genesis child theme

.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: 160px;

z-index: 9999;

}

Page 16: Eleven40 style. CSS file og genesis child theme

.menu-primary li ul a,

.menu-secondary li ul a,

#header .menu li ul a {

width: 140px;

}

.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,

Page 17: Eleven40 style. CSS file og genesis child theme

#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: 'Oswald', arial, serif;

padding: 10px 15px;

}

Page 18: Eleven40 style. CSS file og genesis child theme

.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 {

Page 19: Eleven40 style. CSS file og genesis child theme

background: url(images/twitter-nav.png) no-repeat center left;

padding: 0 0 0 20px;

}

/* Inner

------------------------------------------------------------ */

#inner {

clear: both;

}

#inner .wrap {

border-bottom: double #ddd;

margin: 0 auto 30px;

overflow: hidden;

}

/* Page Title

------------------------------------------------------------ */

.page-title {

border-bottom: double #ddd;

border-top: double #ddd;

Page 20: Eleven40 style. CSS file og genesis child theme

font-family: 'Lora', 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;

}

Page 21: Eleven40 style. CSS file og genesis child theme

/* 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,

Page 22: Eleven40 style. CSS file og genesis child theme

.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: 770px;

Page 23: Eleven40 style. CSS file og genesis child theme

}

.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;

}

Page 24: Eleven40 style. CSS file og genesis child theme

.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;

}

Page 25: Eleven40 style. CSS file og genesis child theme

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,

Page 26: Eleven40 style. CSS file og genesis child theme

.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%;

}

Page 27: Eleven40 style. CSS file og genesis child theme

.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%;

}

Page 28: Eleven40 style. CSS file og genesis child theme

.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

------------------------------------------------------------ */

Page 29: Eleven40 style. CSS file og genesis child theme

.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,

Page 30: Eleven40 style. CSS file og genesis child theme

h3,

h4,

h5,

h6 {

font-family: 'Oswald', arial, serif;

font-weight: normal;

line-height: 1.25;

margin: 0 0 10px;

}

h1 {

font-size: 48px;

}

.taxonomy-description h1 {

margin: 0;

}

h2,

h2 a,

h2 a:visited {

font-size: 36px;

}

h2 a,

Page 31: Eleven40 style. CSS file og genesis child theme

h2 a:visited {

color: #333;

font-family: 'Oswald', arial, 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;

Page 32: Eleven40 style. CSS file og genesis child theme

}

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;

Page 33: Eleven40 style. CSS file og genesis child theme

padding: 0;

text-shadow: 0 2px #111;

}

h5 {

font-size: 20px;

}

/* 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;

Page 34: Eleven40 style. CSS file og genesis child theme

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;

Page 35: Eleven40 style. CSS file og genesis child theme

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;

Page 36: Eleven40 style. CSS file og genesis child theme

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;

Page 37: Eleven40 style. CSS file og genesis child theme

}

.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;

Page 38: Eleven40 style. CSS file og genesis child theme

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,

Page 39: Eleven40 style. CSS file og genesis child theme

.featuredpost img,

.post-image {

background-color: #f5f5f5;

border: 1px solid #ddd;

padding: 4px;

}

.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 {

Page 40: Eleven40 style. CSS file og genesis child theme

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 {

Page 41: Eleven40 style. CSS file og genesis child theme

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

Page 42: Eleven40 style. CSS file og genesis child theme

------------------------------------------------------------ */

.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: 'Oswald', arial, serif;

font-size: 14px;

padding: 5px 12px;

}

.navigation li a:hover,

Page 43: Eleven40 style. CSS file og genesis child theme

.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: 290px;

}

#sidebar-alt {

float: left;

padding: 25px 0 0;

width: 150px;

}

.sidebar-content #sidebar,

Page 44: Eleven40 style. CSS file og genesis child theme

.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;

}

Page 45: Eleven40 style. CSS file og genesis child theme

#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;

Page 46: Eleven40 style. CSS file og genesis child theme

}

.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;

}

Page 47: Eleven40 style. CSS file og genesis child theme

/* 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 {

Page 48: Eleven40 style. CSS file og genesis child theme

float: right;

padding: 12px 0 0;

}

.s {

margin: 0 -7px 0 0;

padding: 9px 8px;

width: 65%;

}

#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%;

}

Page 49: Eleven40 style. CSS file og genesis child theme

/* 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;

Page 50: Eleven40 style. CSS file og genesis child theme

}

/* 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;

Page 51: Eleven40 style. CSS file og genesis child theme

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;

Page 52: Eleven40 style. CSS file og genesis child theme

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;

}

Page 53: Eleven40 style. CSS file og genesis child theme

/* Social Icons

------------------------------------------------------------ */

#footer-widgets ul li.social-facebook,

#footer-widgets ul li.social-linkedin,

#footer-widgets ul li.social-pinterest,

#footer-widgets ul li.social-plus,

#footer-widgets ul li.social-rss,

#footer-widgets ul li.social-twitter {

border: none;

float: left;

}

#footer-widgets ul li.social-facebook a,

#footer-widgets ul li.social-facebook a:hover,

#footer-widgets ul li.social-linkedin a,

#footer-widgets ul li.social-linkedin a:hover,

#footer-widgets ul li.social-pinterest a,

#footer-widgets ul li.social-pinterest a:hover,

#footer-widgets ul li.social-plus a,

#footer-widgets ul li.social-plus a:hover,

#footer-widgets ul li.social-rss a,

#footer-widgets ul li.social-rss a:hover,

#footer-widgets ul li.social-twitter a,

#footer-widgets ul li.social-twitter a:hover {

Page 54: Eleven40 style. CSS file og genesis child theme

background: #333 url(images/social-icons.png);

display: block;

height: 32px;

margin: 0 20px 0 0;

padding: 0;

text-indent: -9999px;

width: 32px;

}

#footer-widgets ul li.social-facebook a:hover,

#footer-widgets ul li.social-linkedin a:hover,

#footer-widgets ul li.social-pinterest a:hover,

#footer-widgets ul li.social-plus a:hover,

#footer-widgets ul li.social-rss a:hover,

#footer-widgets ul li.social-twitter a:hover {

background: #ed702b url(images/social-icons.png);

}

#footer-widgets ul li.social-facebook a {

background-position: 0 0;

}

#footer-widgets ul li.social-facebook a:hover {

background-position: 0 0;

}

Page 55: Eleven40 style. CSS file og genesis child theme

#footer-widgets ul li.social-linkedin a {

background-position: -32px 0;

}

#footer-widgets ul li.social-linkedin a:hover {

background-position: -32px 0;

}

#footer-widgets ul li.social-pinterest a {

background-position: -64px 0;

}

#footer-widgets ul li.social-pinterest a:hover {

background-position: -64px 0;

}

#footer-widgets ul li.social-plus a {

background-position: -96px 0;

}

#footer-widgets ul li.social-plus a:hover {

background-position: -96px 0;

}

Page 56: Eleven40 style. CSS file og genesis child theme

#footer-widgets ul li.social-rss a {

background-position: -128px 0;

}

#footer-widgets ul li.social-rss a:hover {

background-position: -128px 0;

}

#footer-widgets ul li.social-twitter a {

background-position: -160px 0;

}

#footer-widgets ul li.social-twitter a:hover {

background-position: -160px 0;

}

/* Footer

------------------------------------------------------------ */

#footer {

clear: both;

}

#footer .wrap {

Page 57: Eleven40 style. CSS file og genesis child theme

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 {

Page 58: Eleven40 style. CSS file og genesis child theme

float: right;

text-align: right;

width: 65%;

}

/* Comments

------------------------------------------------------------ */

#comments,

#respond {

margin: 0 0 15px;

overflow: hidden;

}

#author,

#comment,

#email,

#url {

margin: 10px 5px 0 0;

padding: 5px;

width: 250px;

}

#comment {

Page 59: Eleven40 style. CSS file og genesis child theme

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;

}

Page 60: Eleven40 style. CSS file og genesis child theme

.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;

}

Page 61: Eleven40 style. CSS file og genesis child theme

#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 {

Page 62: Eleven40 style. CSS file og genesis child theme

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;

}

Page 63: Eleven40 style. CSS file og genesis child theme

/* eleven40 Blue

------------------------------------------------------------ */

.eleven40-blue a,

.eleven40-blue a:visited {

color: #2b97ed;

}

.eleven40-blue ::-moz-selection {

background-color: #2b97ed;

color: #fff;

}

.eleven40-blue ::selection {

background-color: #2b97ed;

color: #fff;

}

.eleven40-blue #header .wrap {

background: url(images/blue/logo.png) top left no-repeat;

}

.eleven40-blue .menu-primary a,

Page 64: Eleven40 style. CSS file og genesis child theme

.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,

Page 65: Eleven40 style. CSS file og genesis child theme

.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;

}

Page 66: Eleven40 style. CSS file og genesis child theme

.eleven40-blue input:hover[type="button"],

.eleven40-blue input:hover[type="submit"] {

background: url(images/blue/gradient.png) 0 -33px;

}

.eleven40-blue #footer-widgets ul li.social-facebook a:hover,

.eleven40-blue #footer-widgets ul li.social-linkedin a:hover,

.eleven40-blue #footer-widgets ul li.social-pinterest a:hover,

.eleven40-blue #footer-widgets ul li.social-plus a:hover,

.eleven40-blue #footer-widgets ul li.social-rss a:hover,

.eleven40-blue #footer-widgets ul li.social-twitter a:hover {

background: #2b97ed url(images/social-icons.png);

}

.eleven40-blue #footer-widgets ul li.social-facebook a:hover {

background-position: 0 0;

}

.eleven40-blue #footer-widgets ul li.social-linkedin a:hover {

background-position: -32px 0;

}

.eleven40-blue #footer-widgets ul li.social-pinterest a:hover {

background-position: -64px 0;

}

Page 67: Eleven40 style. CSS file og genesis child theme

.eleven40-blue #footer-widgets ul li.social-plus a:hover {

background-position: -96px 0;

}

.eleven40-blue #footer-widgets ul li.social-rss a:hover {

background-position: -128px 0;

}

.eleven40-blue #footer-widgets ul li.social-twitter a:hover {

background-position: -160px 0;

}

/* eleven40 Green

------------------------------------------------------------ */

.eleven40-green a,

.eleven40-green a:visited {

color: #27d665;

}

.eleven40-green ::-moz-selection {

background-color: #27d665;

color: #fff;

Page 68: Eleven40 style. CSS file og genesis child theme

}

.eleven40-green ::selection {

background-color: #27d665;

color: #fff;

}

.eleven40-green #header .wrap {

background: url(images/green/logo.png) top left no-repeat;

}

.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,

Page 69: Eleven40 style. CSS file og genesis child theme

.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;

}

Page 70: Eleven40 style. CSS file og genesis child theme

.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-green #footer-widgets ul li.social-facebook a:hover,

.eleven40-green #footer-widgets ul li.social-linkedin a:hover,

.eleven40-green #footer-widgets ul li.social-pinterest a:hover,

.eleven40-green #footer-widgets ul li.social-plus a:hover,

.eleven40-green #footer-widgets ul li.social-rss a:hover,

.eleven40-green #footer-widgets ul li.social-twitter a:hover {

background: #27d665 url(images/social-icons.png);

}

Page 71: Eleven40 style. CSS file og genesis child theme

.eleven40-green #footer-widgets ul li.social-facebook a:hover {

background-position: 0 0;

}

.eleven40-green #footer-widgets ul li.social-linkedin a:hover {

background-position: -32px 0;

}

.eleven40-green #footer-widgets ul li.social-pinterest a:hover {

background-position: -64px 0;

}

.eleven40-green #footer-widgets ul li.social-plus a:hover {

background-position: -96px 0;

}

.eleven40-green #footer-widgets ul li.social-rss a:hover {

background-position: -128px 0;

}

.eleven40-green #footer-widgets ul li.social-twitter a:hover {

background-position: -160px 0;

}

Page 72: Eleven40 style. CSS file og genesis child theme

/* eleven40 Red

------------------------------------------------------------ */

.eleven40-red a,

.eleven40-red a:visited {

color: #ed2b46;

}

.eleven40-red ::-moz-selection {

background-color: #ed2b46;

color: #fff;

}

.eleven40-red ::selection {

background-color: #ed2b46;

color: #fff;

}

.eleven40-red #header .wrap {

background: url(images/red/logo.png) top left no-repeat;

}

.eleven40-red .menu-primary a,

.eleven40-red .menu-secondary a,

Page 73: Eleven40 style. CSS file og genesis child theme

.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,

Page 74: Eleven40 style. CSS file og genesis child theme

.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"],

Page 75: Eleven40 style. CSS file og genesis child theme

.eleven40-red input:hover[type="submit"] {

background: url(images/red/gradient.png) 0 -33px;

}

.eleven40-red #footer-widgets ul li.social-facebook a:hover,

.eleven40-red #footer-widgets ul li.social-linkedin a:hover,

.eleven40-red #footer-widgets ul li.social-pinterest a:hover,

.eleven40-red #footer-widgets ul li.social-plus a:hover,

.eleven40-red #footer-widgets ul li.social-rss a:hover,

.eleven40-red #footer-widgets ul li.social-twitter a:hover {

background: #ed2b46 url(images/social-icons.png);

}

.eleven40-red #footer-widgets ul li.social-facebook a:hover {

background-position: 0 0;

}

.eleven40-red #footer-widgets ul li.social-linkedin a:hover {

background-position: -32px 0;

}

.eleven40-red #footer-widgets ul li.social-pinterest a:hover {

background-position: -64px 0;

}

Page 76: Eleven40 style. CSS file og genesis child theme

.eleven40-red #footer-widgets ul li.social-plus a:hover {

background-position: -96px 0;

}

.eleven40-red #footer-widgets ul li.social-rss a:hover {

background-position: -128px 0;

}

.eleven40-red #footer-widgets ul li.social-twitter a:hover {

background-position: -160px 0;

}

/* Responsive Design

------------------------------------------------------------ */

@media only screen and (max-width: 1200px) {

.wrap {

max-width: 960px;

}

#content-sidebar-wrap {

width: 770px;

}

Page 77: Eleven40 style. CSS file og genesis child theme

#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%;

Page 78: Eleven40 style. CSS file og genesis child theme

}

.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;

}

Page 79: Eleven40 style. CSS file og genesis child theme

.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,

Page 80: Eleven40 style. CSS file og genesis child theme

.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;

}

#header .wrap {

background: url(images/logo.png) top center no-repeat;

}

.eleven40-blue #header .wrap {

background: url(images/blue/logo.png) top center no-repeat;

}

.eleven40-green #header .wrap{

background: url(images/green/logo.png) top center no-repeat;

Page 81: Eleven40 style. CSS file og genesis child theme

}

.eleven40-red #header .wrap {

background: url(images/red/logo.png) top center no-repeat;

}

#title {

min-height: 62px;

margin: 18px 0 0;

}

.menu-primary,

.menu-secondary,

#header ul.menu,

#header .widget-area,

#title-area {

float: none;

text-align: center;

width: 100%;

}

#header .searchform {

float: center;

}

Page 82: Eleven40 style. CSS file og genesis child theme

#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 83: Eleven40 style. CSS file og genesis child theme

}

.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 {

Page 84: Eleven40 style. CSS file og genesis child theme

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;

}

}