Skip to content

Instantly share code, notes, and snippets.

@robneu
Last active December 14, 2015 18:39
Show Gist options
  • Save robneu/5131287 to your computer and use it in GitHub Desktop.
Save robneu/5131287 to your computer and use it in GitHub Desktop.
/* Theme Name: Quattro Child Theme Theme URI: http://www.studiopress.com/themes/quattro
Description: Quattro 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, brown, gray, green, orange, pink, purple, red, silver, tan, white, yellow, dark, light,
one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, custom-background, custom-header,
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*
Defaults*
Hyperlinks*
Body*
Wrap*
Header*
Image Header - Partial Width*
Image Header - Full Width*
Header / Primary / Secondary Navigation*
Primary Navigation Extras*
Inner* Breadcrumb*
Taxonomy Description*
Content-Sidebar Wrap*
Content* Headlines*
Ordered / Unordered Lists*
Post Info* Post Meta*
Post Icons* Column Classes*
Featured Post Grid* Author Box*
Sticky Posts* Archive Page*
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*
Quattro Blue*
Quattro Brown*
Responsive Design*
//* Defaults------------------------------------------------------------ */
body,h1,h2,h2 a,h2 a:visited,h3,h4,h5,h6,p,select,textarea {
color: #444;
font-family: 'Quattrocento', serif;
font-size: 16px;
line-height: 1.6;
margin: 0;
padding: 0;
text-decoration: none;
}
blockquote,input,select,textarea,.author-box,.breadcrumb,.sticky,.taxonomy-description {
background-color: #f5f5f5;
border: 1px solid #ccc;
}
input,label,select,textarea {
color: #444;
font-family: 'Quattrocento', serif;
font-size: 14px;
}
li,ol,ul {
margin: 0px 0 0 0;
padding: 0;
}
ol li {
list-style-type: decimal;
}
/* Hyperlinks------------------------------------------------------------ */
a,a:visited {
color: #b63838;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a img {
border: none;
}
/* Body------------------------------------------------------------ */
body {
background: url();
}
::-moz-selection {
background-color: #444;
color: #fff;
}
::selection {
background-color: #444;
color: #fff;
}
/* Wrap------------------------------------------------------------ */
#wrap {
border: 0px solid #ccc;
box-shadow: 0 0 0px #000;
margin: auto 0;
padding: 0;
width: 1000px;
}
.quattro-landing #wrap {
margin: 25px auto;
width: 800px;
}
#wrap .inner {
border: none;
overflow: hidden;
padding: 0px 15px 15px 5px;
}
/* Header------------------------------------------------------------ */
#header {
border-bottom: none #ccc;
margin: 0 auto;
min-height: 215px;
overflow: hidden;
width: 1000px;
}
#title-area {
float: left;
overflow: hidden;
padding: 0;
width: 580px;
}
#title {
font-family: 'Quattrocento Sans', sans-serif;
font-size: 60px;
font-weight: bold;
line-height: 1.25;
margin: 0;
text-shadow: 1px 2px 1px #fff;
}
#title a,#title a:hover {
color: #555;
text-decoration: none;
}
#description {
color: #444;
font-size: 16px;
}
#header .widget-area {
float: right;
padding: 20px 0 0 0;
width: 470px;
}
/* Image Header - Partial Width------------------------------------------------------------ */
.header-image #title-area,.header-image #title,.header-image #title a {
display: block;
float: left;
height: 215px;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 400px;
}
.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 {
background: url(images/CL_header.png) center no-repeat;
text-align: center;
width: 1000px;
height: 215px;
}
/* Header / Primary / Secondary Navigation------------------------------------------------------------ */
.menu-primary,
.menu-secondary,
#header .menu {
border-bottom: none;
clear: both;
color: #fdfbd9;
font-size: 16px;
margin: 0 auto;
overflow: hidden;
padding: 0px 0;
width: 1000px;
text-transform: capitalize;
}
#header .menu {
border: none;
}
.menu-primary ul,
.menu-secondary ul,
#header .menu ul {
float: left;
width: 100%;
text-transform: capitalize;
}
.menu-primary li,
.menu-secondary li,
#header .menu li {
float: left;
list-style-type: none;
text-transform: capitalize;
}
.menu-primary a,
.menu-secondary a,
#header .menu a {
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
color: #fdfbd9;
display: block;
padding: 8px 15px;
position: relative;
text-decoration: none;
transition: all 0.2s ease-in-out;
text-transform: capitalize;
}
.menu-primary li.no-line a,
.menu-secondary li.no-line a,
#header .menu li.no-line a {
background: url() repeat-x #FDFBD9;
color: #5c3200 !important;
text-transform: capitalize;
}
.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: #FDFBD9 !important;
text-transform: capitalize;
}
.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 {
color: #5c3200 !important;
font-size: 16px !important;
padding: 9px 5px 0px;
position: relative;
text-transform: capitalize;
width: 140px;
}
.menu-primary li li:last-child a,
.menu-secondary li li:last-child a,
#header .menu li li:last-child a {
color: #5c3200 !important;
}
.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 {
background: url() repeat-x #FDFBD9;
color: #5c3200 !important;
}
.menu-primary li ul,
.menu-secondary li ul,
#header .menu li ul {
border: 0px solid #FDFBD9;
border-top: 0;
height: auto;
left: -9999px;
margin: 0px 0 0;
padding: 0px 0px;
position: absolute;
width: 150px;
font-size: 16px;
z-index: 9999;
}
.menu-primary li ul a,
.menu-secondary li ul a,
#header .menu li ul a {
width: 140px;
font-size: 16px !important;
}
.menu-primary li ul ul,.
menu-secondary li ul ul,
#header .menu li ul ul {
margin: -36px 0 0 160px;
}
.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 {
background: url() repeat-x #FDFBD9;
color: #5c3200 !important;
left: auto;
margin-top: 6px;
}
.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: center;
padding: 0 0 15px 25px;
}
.menu li.right {
float: right;
padding: 0 0 15px 25px;
}
.menu li.right a:hover {
color: #b63838;
text-decoration: none;
}
.menu li.search {
padding: 3px 10px 4px;
}
.menu li.rss a {
background: url(images/rss.png) no-repeat center left;
margin: 0 0 0 10px;
padding: 0 0 0 20px;
}
.menu li.twitter a {
background: url(images/twitter-nav.png) no-repeat center left;
padding: 0 0 0 20px;
}
/* Inner------------------------------------------------------------ */
#inner { margin: 25px auto 0;
overflow: hidden;
}
.quattro-landing #inner {
margin: 15px auto 10px;
}
/* Breadcrumb------------------------------------------------------------ */
.breadcrumb {
-moz-box-shadow: 0 0 10px #bbb inset;
-webkit-box-shadow: 0 0 10px #bbb inset;
background: url(images/bg-light.png);
box-shadow: 0 0 10px #bbb inset;
font-size: 14px;
margin: -5px 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: 834px;
}
.sidebar-content-sidebar #content-sidebar-wrap {
float: left;
width: 844px;
}
.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 {
float: left;
padding: 5px 20px 0;
width: 620px;
}
.sidebar-content-sidebar #content {
width: 474px;
}
.content-sidebar #content,.sidebar-content #content {
width: 620px;
}
.sidebar-content #content,.sidebar-sidebar-content #content {
float: right;
}
.full-width-content #content {
width: 1014px;
}
.full-width-content.quattro-landing #content {
width: 714px;
}
.post {
border-bottom: double #ccc;
margin: 0 0 30px;
padding: 0 0 40px;
text-align: justify;
}
.home .post {
padding: 0;
}
.single .post {
border: none;
padding: 0;
}
.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: #777;
}
p.subscribe-to-comments {
padding: 20px 0 10px;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.clear {
clear: both;
}
.clear-line {
border-bottom: double #ccc;
clear: both;
margin: 0 0 25px;
}
/* Headlines------------------------------------------------------------ */
h1,h2,h2 a,h2 a:visited,h3,h4,h5,h6 {
font-family: 'Quattrocento Sans', sans-serif;
font-weight: bold;
line-height: 1.25;
margin: 0 0 10px;
}
h1,h2,h2 a,h2 a:visited {
font-size: 36px;
}
.taxonomy-description h1 {
margin: 0;
}
h2 a,h2 a:visited {
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
color: #444;
font-family: 'Quattrocento Sans', sans-serif;
transition: all 0.2s ease-in-out;
}
h2 a:hover {
color: #b63838;
text-decoration: none;
}
.genesis-grid h2,.genesis-grid h2 a,.genesis-grid h2 a:visited {
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
font-size: 24px;
line-height: 1.4;
transition: all 0.2s ease-in-out;
}
.widget-area h2,.widget-area h2 a {
font-size: 14px;
margin: 0 0 5px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 24px;
}
.taxonomy-description h1,.widget-area h4 {
font-size: 18px;
margin: 0 0 5px;
}
.widget-area h4 a {
color: #444;
text-decoration: none;
}
#footer-widgets h4 {
background: none;
border: none;
padding: 0;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 18px;
}
/* Ordered / Unordered Lists------------------------------------------------------------ */
.entry-content ol,.entry-content ul {
margin: 0;
padding: 0 0 25px;
}
.archive-page ul li,.entry-content ul li {
background: url(images/list.png) no-repeat top left;
list-style-type: none;
padding: 0 0 0 15px;
}
.entry-content ul li {
margin: 0 0 0 25px;
}
.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 {
font-size: 14px;
margin: -5px 0 15px;
}
/* Post Meta------------------------------------------------------------ */
.post-meta {
-moz-box-shadow: 0 0 10px #bbb inset;
-webkit-box-shadow: 0 0 10px #bbb inset;
background: url(images/bg-light.png);
box-shadow: 0 0 10px #bbb inset;
clear: both;
font-size: 14px;
padding: 10px 12px 9px;
}
.home .post-meta {
display: none;
}
/* Post Icons------------------------------------------------------------ */
.post-comments,.tags {
background: url(images/nav-line.png) no-repeat center left;
margin: 0 0 0 7px;
padding: 0 0 0 10px;
}
/* Author Box------------------------------------------------------------ */
.author-box {
-moz-box-shadow: 0 0 10px #EEDB79 inset;
-webkit-box-shadow: 0 0 10px #EEDB79 inset;
background: url(images/bg-light.png);
box-shadow: 0 0 10px #EEDB79 inset;
margin: 0 0 40px;
overflow: hidden;
padding: 20px;
}
.author-box p {
font-size: 14px;
}
/* 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;
width: 48%;
}
.genesis-grid-even {
float: right;
}
.genesis-grid-odd {
clear: both;
float: left;
}
/* Sticky Posts------------------------------------------------------------ */
.sticky {
background-color: #FDFBD9;
margin: -10px 0 40px;
padding: 20px;
}
/* Archive Page------------------------------------------------------------ */
.archive-page {
float: left;
padding: 20px 0 0;
width: 45%;
}
/* Images------------------------------------------------------------ */
img {
height: auto;
max-width: 100%;
}
.avatar,.featuredpage img,.featuredpost img,.post-image {
background-color: #fff;
border: 4px solid #ccc;
padding: 1px;
}
.author-box .avatar {
float: left;
margin: 0 15px 0 0;
}
.post-image {
margin: 0 10px 10px 0;
}
.comment-list li .avatar {
float: right;
margin: 5px 0 10px 15px;
}
img.centered,.aligncenter {
display: block;
margin: 0 auto 20px;
}
img.alignnone {
display: inline;
margin: 0 0 10px;
}
img.alignleft,.wp-caption.alignleft {
display: inline;
margin: 0 15px 10px 0;
}
img.alignright,.wp-caption.alignright {
display: inline;
margin: 0 0 10px 15px;
}
.wp-caption {
-moz-box-shadow: 0 0 10px #bbb inset;
-webkit-box-shadow: 0 0 10px #bbb inset;
background: url(images/bg-light.png);
box-shadow: 0 0 10px #bbb inset;
padding: 15px;
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 {
font-size: 14px;
overflow: hidden;
padding: 5px 0;
width: 100%;
}
.navigation li {
display: inline;
}.navigation li a,.navigation li.disabled,.navigation li a:hover,.navigation li.active a {
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
background-color: #555;
border: 1px solid #555;
color: #fff;
padding: 8px 10px;
transition: all 0.2s ease-in-out;
}
.navigation li a:hover,.navigation li.active a {
background-color: #333;
border: 1px solid #333;
text-decoration: none;
}
/* Primary / Secondary Sidebars------------------------------------------------------------ */
.sidebar {
display: inline;
float: right;
font-size: 14px;
width: 320px;
}
#sidebar-alt {
float: left;
width: 200px;
}
.sidebar-content #sidebar,.sidebar-sidebar-content #sidebar {
float: left;
}
.content-sidebar-sidebar #sidebar-alt {
float: right;
}
.sidebar p {
font-size: inherit;
color: #5c3200;
}
.sidebar .widget {
-moz-box-shadow: 0 0 10px #bbb inset;
-webkit-box-shadow: 0 0 10px #bbb inset;
background: url(images/bg-light.png);
box-shadow: 0 0 10px #bbb inset;
margin: 0 0 20px;
padding: 20px;
}
.sidebar.widget-area ul li,#footer-widgets .widget-area ul li {
background: url(images/list.png) no-repeat top left;
list-style-type: none;
margin: 0 0 2px;
padding: 0 0 0 15px;
word-wrap: break-word;
}
.sidebar.widget-area ul ul li {
border: none;
margin: 0;
}
#sidebar .simple-social-icons ul li {
border: 1px solid #555 !important;
margin: 0 10px 0 0 !important;
padding: 1px !important;
}
#sidebar .simple-social-icons ul li:hover {
border: 1px solid #333 !important;
}
/* 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"] {
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
background-color: #555;
border: 1px solid #555;
color: #fff;
cursor: pointer;
line-height: 19px;
padding: 6px 7px 5px;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
input:hover[type="button"],input:hover[type="submit"] {
background-color: #333;
border: 1px solid #333;
text-decoration: none;
}
/* Search Form------------------------------------------------------------ */
#header .searchform {
float: right;
padding: 40px 0 0;
}
.s {
border: 1px solid #bbb;
color: #777;
margin: 0 -7px 0 0;
padding: 7px 6px;
width: 180px;
}
#header .s {
width: 220px;
}
#nav .s {
margin: 2px -7px 0 0;
}
/* eNews and Update Widget------------------------------------------------------------ */
.enews #subbox { border: 1px solid #bbb;
color: #777;
margin: 10px -7px 0 0;
padding: 7px 6px;
width: 200px;
}
/* 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 {
border-top: double #ccc;
clear: both;
font-size: 14px;
margin: 0 auto;
overflow: hidden;
width: 100%;
}
#footer-widgets .wrap {
overflow: hidden;
padding: 20px 20px 0;
}
#footer-widgets .widget {
background: none;
border: none;
margin: 0 0 15px;
padding: 0;
}
#footer-widgets .textwidget {
padding: 0;
}
#footer-widgets .widget_tag_cloud div div {
padding: 0;
}
#footer-widgets p {
font-size: inherit;
margin: 0 0 10px;
}
#footer-widgets ul {
margin: 0;
}
#footer-widgets ul li {
margin: 0 0 0 20px;
}
#footer-widgets #wp-calendar thead,#footer-widgets #wp-calendar td {
background: none;
}
.footer-widgets-1 {
float: left;
margin: 0 30px 0 0;
width: 290px;
}
.footer-widgets-2 {
float: left;
width: 280px;
}
.footer-widgets-3 {
float: right;
width: 290px;
}
/* Footer------------------------------------------------------------ */
#footer {
clear: both;
color: #ccc;
font-size: 14px;
margin: 0 auto;
overflow: hidden;
text-shadow: 1px 1px 1px #111;
width: 1020px;
}
#footer .wrap {
overflow: hidden;
padding: 22px 0 18px;
}
#footer p {
color: inherit;
font-size: inherit;
}
#footer a,#footer a:visited {
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
color: #ccc;
transition: all 0.2s ease-in-out;
}
#footer a:hover {
color: #fff;
text-decoration: none;
}
#footer .gototop {
float: left;
padding: 0 0 0 0px;
width: 0px;
display: none;
}
#footer .creds {
float: center;
padding: 0 20px 0 35px;
text-align: center;
width: 1000px;
}
/* Comments------------------------------------------------------------ */
#comments,#respond {
margin: 0 0 20px;
overflow: hidden;
}
#respond {
margin: 0;
}
#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: 15px 20px;
}
.comment-list li ul li {
list-style-type: none;
margin-right: -20px;
}
.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;
}
.nocomments {
text-align: center;
}
#comments .navigation {
display: block;
}
.bypostauthor {}.thread-alt,.thread-even {
-moz-box-shadow: 0 0 10px #5c3200 inset;
-webkit-box-shadow: 0 0 10px #5c3200 inset;
background: url(images/bg-light.png);
box-shadow: 0 0 10px #5c3200 inset;
}
.alt,.depth-1,.even {
-moz-box-shadow: 0 0 10px #8D9D4F inset;
-webkit-box-shadow: 0 0 10px #8D9D4F inset;
background: url(images/bg-light.png);
box-shadow: 0 0 10px #8D9D4F inset;
}
/* Gravity Forms------------------------------------------------------------ */
div.gform_wrapper input,div.gform_wrapper select,div.gform_wrapper textarea {
box-sizing: border-box;
font-size: 14px !important;
padding: 6px 7px 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 {
margin: 0 0 10px;
}
div.gform_wrapper .gform_footer {
border: none;
margin: 0;
padding: 0;
}
/* Quattro Blue------------------------------------------------------------ */
body.quattro-blue {
background: url(images/blue/bg.png);
color: #353947;
}
.quattro-blue h1,.quattro-blue h2,.quattro-blue h2 a,.quattro-blue h2 a:visited,
.quattro-blue h3,.quattro-blue h4,.quattro-blue h5,.quattro-blue h6,.quattro-blue p,
.quattro-blue select,.quattro-blue textarea,.quattro-blue .menu li.right a,.quattro-blue .menu-primary,
.quattro-blue .menu-primary a,.quattro-blue .menu-primary a:visited,.quattro-blue .menu-primary li li a,
.quattro-blue .menu-primary li li a:link,.quattro-blue .menu-primary li li a:visited,.quattro-blue .menu-secondary,
.quattro-blue .menu-secondary a,.quattro-blue .menu-secondary li li a,.quattro-blue .menu-secondary li li a:link,
.quattro-blue .menu-secondary li li a:visited,.quattro-blue #description,.quattro-blue #header .menu,.quattro-blue #header .menu a,
.quattro-blue #header .menu li li a,.quattro-blue #header .menu li li a:link,.quattro-blue #header .menu li li a:visited,.quattro-blue #title a,
.quattro-blue #title a:hover { color: #353947;}.quattro-blue a,.quattro-blue a:visited,.quattro-blue h2 a:hover,.quattro-blue .menu li.right a:hover,
.quattro-blue .menu-primary li a:active,.quattro-blue .menu-primary li a:hover,.quattro-blue .menu-primary .current_page_item a,
.quattro-blue .menu-primary .current-cat a,.quattro-blue .menu-primary .current-menu-item a,.quattro-blue .menu-primary li li a:active,
.quattro-blue .menu-primary li li a:hover,.quattro-blue .menu-secondary li a:active,.quattro-blue .menu-secondary li a:hover,
.quattro-blue .menu-secondary .current_page_item a,.quattro-blue .menu-secondary .current-cat a,.quattro-blue .menu-secondary .current-menu-item a,
.quattro-blue .menu-secondary li li a:active,.quattro-blue .menu-secondary li li a:hover,.quattro-blue #header .menu li a:active,
.quattro-blue #header .menu li a:hover,.quattro-blue #header .menu .current_page_item a,.quattro-blue #header .menu .current-cat a,
.quattro-blue #header .menu .current-menu-item a,.quattro-blue #header .menu li li a:active,.quattro-blue #header .menu li li a:hover {
color: #63732c;
}
.quattro-blue input[type="button"],.quattro-blue input[type="submit"],.quattro-blue .navigation li a,.quattro-blue .navigation li.disabled,
.quattro-blue .navigation li a:hover,.quattro-blue .navigation li.active a {
background-color: #3e4353;
border: 1px solid #3e4353;
}
.quattro-blue input:hover[type="button"],.quattro-blue input:hover[type="submit"],.quattro-blue .navigation li a:hover,
.quattro-blue .navigation li.active a {
background-color: #2d313d;
border: 1px solid #2d31d;
}
/* Quattro Brown------------------------------------------------------------ */
body.quattro-brown {
background: url(images/Nav_BG_FW.png) repeat-x #fdfbd9;
color: #463e38;
}
.quattro-brown h1,.quattro-brown h2,.quattro-brown h2 a,.quattro-brown h2 a:visited,.quattro-brown h3,
.quattro-brown h4,.quattro-brown h5,.quattro-brown h6,.quattro-brown p,.quattro-brown select,.quattro-brown textarea,
.quattro-brown .menu li.right a,.quattro-brown .menu-primary,.quattro-brown .menu-primary a,.quattro-brown .menu-primary a:visited,
.quattro-brown .menu-primary li li a,.quattro-brown .menu-primary li li a:link,.quattro-brown .menu-primary li li a:visited,
.quattro-brown .menu-secondary,.quattro-brown .menu-secondary a,.quattro-brown .menu-secondary li li a,.quattro-brown .menu-secondary li li a:link,
.quattro-brown .menu-secondary li li a:visited,.quattro-brown #description,.quattro-brown #header .menu,.quattro-brown #header .menu a,
.quattro-brown #header .menu li li a,.quattro-brown #header .menu li li a:link,.quattro-brown #header .menu li li a:visited,.quattro-brown #title a,
.quattro-brown #title a:hover { color: #463e38;}.quattro-brown a,.quattro-brown a:visited,.quattro-brown h2 a:hover,
.quattro-brown .menu li.right a:hover,.quattro-brown .menu-primary li a:active,.quattro-brown .menu-primary li a:hover,
.quattro-brown .menu-primary .current_page_item a,.quattro-brown .menu-primary .current-cat a,
.quattro-brown .menu-primary .current-menu-item a,.quattro-brown .menu-primary li li a:active,.quattro-brown .menu-primary li li a:hover,
.quattro-brown .menu-secondary li a:active,.quattro-brown .menu-secondary li a:hover,.quattro-brown .menu-secondary .current_page_item a,
.quattro-brown .menu-secondary .current-cat a,.quattro-brown .menu-secondary .current-menu-item a,.quattro-brown .menu-secondary li li a:active,
.quattro-brown .menu-secondary li li a:hover,.quattro-brown #header .menu li a:active,.quattro-brown #header .menu li a:hover,
.quattro-brown #header .menu .current_page_item a,.quattro-brown #header .menu .current-cat a,.quattro-brown #header .menu .current-menu-item a,
.quattro-brown #header .menu li li a:active,.quattro-brown #header .menu li li a:hover { color: #d05c1c;}.quattro-brown input[type="button"],
.quattro-brown input[type="submit"],.quattro-brown .navigation li a,.quattro-brown .navigation li.disabled,.quattro-brown .navigation li a:hover,
.quattro-brown .navigation li.active a { background-color: #5c3200; border: 1px solid #524942;}.quattro-brown input:hover[type="button"],
.quattro-brown input:hover[type="submit"],.quattro-brown .navigation li a:hover,.quattro-brown .navigation li.active a {
background-color: #3c3530;
border: 1px solid #3c3530;
}
/* Responsive Design
------------------------------------------------------------ */
@media only screen and (max-width: 1200px) {
#wrap {
width: 920px;
}
#title-area {
width: 500px;
}
#header .widget-area {
width: 370px;
}
#content-sidebar-wrap {
width: 654px;
}
.sidebar-content-sidebar #content-sidebar-wrap {
width: 664px;
}
#content {
width: 284px;
}
.sidebar-content-sidebar #content {
width: 294px;
}
.content-sidebar #content,
.sidebar-content #content {
width: 494px;
}
.full-width-content #content {
width: 834px;
}
.footer-widgets-1 {
width: 230px;
}
.footer-widgets-2 {
width: 220px;
}
.footer-widgets-3 {
width: 220px;
}
#footer {
width: 966px;
}
#footer .creds {
width: 710px;
}
}
@media only screen and (max-width: 1024px) {
body {
width: 100%;
margin: 0 auto;
}
.archive-page,
.content-sidebar #content,
.content-sidebar-sidebar #content,
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.full-width-content #content,
.full-width-content.quattro-landing #content,
.menu-primary,
.menu-secondary,
.quattro-landing #wrap,
.sidebar,
.sidebar-content #content,
.sidebar-content-sidebar #content,
.sidebar-content-sidebar #content-sidebar-wrap,
.sidebar-sidebar-content #content,
#content-sidebar-wrap,
#footer,
#footer .creds,
#footer .gototop,
#footer-widgets .wrap,
#header ul.menu,
#header .widget-area,
#sidebar-alt,
#title-area,
#wrap {
width: 100%;
}
.menu-primary,
.menu-secondary,
#description,
#footer .creds,
#footer .gototop,
#header ul.menu,
#title,
#title-area {
float: none;
text-align: center;
}
.quattro-landing #wrap,
#wrap {
-moz-box-shadow: none;
-webkit-box-shadow: none;
border: none;
box-shadow: none;
box-sizing: border-box;
margin: 0 auto;
padding: 0;
}
#wrap .inner {
border: none;
padding: 10px 20px 0;
}
#title-area {
padding: 0;
}
#header .widget-area {
padding: 10px 0 20px;
}
#header .searchform {
float: none;
margin: 0;
padding: 0;
text-align: center;
}
.menu-primary li,
.menu-secondary li,
#header ul.menu li {
display: inline-block;
float: none;
}
.menu li.right {
display: none;
}
.menu li li {
text-align: left;
}
#content {
padding: 0;
}
.navigation {
margin: 0 0 20px;
}
#respond {
margin: 0 0 15px;
}
}
@media only screen and (max-width: 800px) {
#title {
font-size: 42px;
}
.menu-primary a,
.menu-secondary a,
#header .menu a {
background: none;
border: none;
padding: 5px;
}
h1,
h2,
h2 a,
h2 a:visited {
font-size: 30px;
}
h3 {
font-size: 24px;
}
.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%;
}
.enews #subbox,
.s,
#header .s {
width: 60%;
}
}
@media only screen and (max-width: 300px) {
#title {
font-size: 30px;
}
#description {
font-size: 14px;
}
h1,
h2,
h2 a,
h2 a:visited {
font-size: 24px;
}
h3 {
font-size: 20px;
}
}
/* Champagne Edits
------------------------------------------------------------ */
h1, h2, h2 a, h2 a:visited {
font-size: 26px;
}
h3 {
font-size: 20px;
}
.wp-caption {
background-image: url("images/bg-light.png");
box-shadow: 0 0 10px #5C3200 inset;
}
.post-meta {
background-image: url("images/bg-light.png");
box-shadow: 0 0 10px #5C3200 inset;
}
.comment-list li, .ping-list li {
background-image: url("images/bg-light.png");
box-shadow: 0 0 10px #8D9D4F inset;
}
.alt, .depth-1, .even {
background-image: url("images/bg-light.png");
box-shadow: 0 0 10px #5C3200 inset;
}
.breadcrumb {
background-image: url("images/bg-light.png");
box-shadow: 0 0 10px #8D9D4F inset;
font-size: 12px;
}
.menu-primary a {
color: #FDFBD9;
}
.sidebar .widget {
background-image: url("images/bg-light.png");
box-shadow: 0 0 10px #5C3200 inset;
margin-bottom: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
}
.widget-area h4 {
background: url(images/sidebar_icon.png) no-repeat transparent;
height: 48px;
padding-left: 64px;
padding-top: 15px;
margin-top: 5px;
margin-left: -9px;
}
.avatar, .featuredpage img, .featuredpost img, .post-image {
border: 2px solid #5C3200;
}
a, a:visited {
-moz-text-blink: none;
-moz-text-decoration-color:
-moz-use-text-color;
-moz-text-decoration-line: none;
-moz-text-decoration-style: solid;
color: #8D9D4F;
}
.quattro-brown a,.quattro-brown a:visited,.quattro-brown h2 a:hover,.quattro-brown {
color: #8D9D4F;
font-weight: bold;
}
.post {
border-bottom: double medium #EEDB79;
text-align: justify;
}
.sticky {
background: transparent;
border-bottom: double medium #8D9D4F;
border-left: none;
border-right: none;
border-top: none;
margin-bottom: 30px;
margin-left: 20px;
margin-right: 40px;
margin-top: 20px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
padding-top: 40px;
}
#footer {
color: #5C3200;
font-size: 14px;
font-weight: bold;
text-shadow: 0px 0px 0px #442500;
}
#footer p {
color: #5C3200 !important;
font-size: inherit;
text-align: center;
}
#footer a, #footer a:visited {
color: #8D9D4F;
font-weight: bold;
text-shadow: 0px 0px 0px #442500;
}
#footer a:hover {
color: #EEDB79 !important;
font-weight: bold;
text-shadow: 0px 0px 0px #442500;
}
.quattro-brown .navigation li a,.quattro-brown .navigation li.disabled {
background-color: #FDFBD9;
border: 1px solid #FDFBD9;
color: #5c3200 !important;
}
.quattro-brown .navigation li a:hover,.quattro-brown .navigation li.active a {
background-color: #5c3200;
border: 2px solid #EEDB79;
color: #FDFBD9 !important;
}
.menu-primary a {
color: #FDFBD9 !important;
}
.menu-secondary a {
color: #FDFBD9 !important;
padding: 9px 12px;
}
.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 {
background: url() repeat-x #5c3200;
color: #FDFBD9 !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment