add widget sections to parallax pro
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php | |
/** | |
* This file adds the Home Page to the Parallax Pro Theme. | |
* | |
* @author Brad Dalton | |
* @package Parallax | |
* @subpackage Customizations | |
*/ | |
add_action( 'genesis_meta', 'parallax_home_genesis_meta' ); | |
/** | |
* Add widget support for homepage. If no widgets active, display the default loop. | |
* | |
*/ | |
function parallax_home_genesis_meta() { | |
if ( is_active_sidebar( 'home-section-1' ) || is_active_sidebar( 'home-section-2' ) || is_active_sidebar( 'home-section-3' ) || is_active_sidebar( 'home-section-4' ) || is_active_sidebar( 'home-section-5' ) || is_active_sidebar( 'home-section-6' ) || is_active_sidebar( 'home-section-7' ) ) { | |
//* Enqueue parallax script | |
add_action( 'wp_enqueue_scripts', 'parallax_enqueue_parallax_script' ); | |
function parallax_enqueue_parallax_script() { | |
if ( ! wp_is_mobile() ) { | |
wp_enqueue_script( 'parallax-script', get_bloginfo( 'stylesheet_directory' ) . '/js/parallax.js', array( 'jquery' ), '1.0.0' ); | |
} | |
} | |
//* Add parallax-home body class | |
add_filter( 'body_class', 'parallax_body_class' ); | |
function parallax_body_class( $classes ) { | |
$classes[] = 'parallax-home'; | |
return $classes; | |
} | |
//* Force full width content layout | |
add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' ); | |
//* Remove primary navigation | |
remove_action( 'genesis_before_content_sidebar_wrap', 'genesis_do_nav' ); | |
//* Remove breadcrumbs | |
remove_action( 'genesis_before_loop', 'genesis_do_breadcrumbs'); | |
//* Remove the default Genesis loop | |
remove_action( 'genesis_loop', 'genesis_do_loop' ); | |
//* Add homepage widgets | |
add_action( 'genesis_loop', 'parallax_homepage_widgets' ); | |
} | |
} | |
//* Add markup for homepage widgets | |
function parallax_homepage_widgets() { | |
genesis_widget_area( 'home-section-1', array( | |
'before' => '<div class="home-odd home-section-1 widget-area"><div class="wrap">', | |
'after' => '</div></div>', | |
) ); | |
genesis_widget_area( 'home-section-2', array( | |
'before' => '<div class="home-even home-section-2 widget-area"><div class="wrap">', | |
'after' => '</div></div>', | |
) ); | |
genesis_widget_area( 'home-section-3', array( | |
'before' => '<div class="home-odd home-section-3 widget-area"><div class="wrap">', | |
'after' => '</div></div>', | |
) ); | |
genesis_widget_area( 'home-section-4', array( | |
'before' => '<div class="home-even home-section-4 widget-area"><div class="wrap">', | |
'after' => '</div></div>', | |
) ); | |
genesis_widget_area( 'home-section-5', array( | |
'before' => '<div class="home-odd home-section-5 widget-area"><div class="wrap">', | |
'after' => '</div></div>', | |
) ); | |
genesis_widget_area( 'home-section-6', array( | |
'before' => '<div class="home-even home-section-6 widget-area"><div class="wrap">', | |
'after' => '</div></div>', | |
) ); | |
genesis_widget_area( 'home-section-7', array( | |
'before' => '<div class="home-odd home-section-7 widget-area"><div class="wrap">', | |
'after' => '</div></div>', | |
) ); | |
} | |
genesis(); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php | |
//* Start the engine | |
include_once( get_template_directory() . '/lib/init.php' ); | |
//* Set Localization (do not remove) | |
load_child_theme_textdomain( 'parallax', apply_filters( 'child_theme_textdomain', get_stylesheet_directory() . '/languages', 'parallax' ) ); | |
//* Add Image upload to WordPress Theme Customizer | |
add_action( 'customize_register', 'parallax_customizer' ); | |
function parallax_customizer(){ | |
require_once( get_stylesheet_directory() . '/lib/customize.php' ); | |
} | |
//* Include Section Image CSS | |
include_once( get_stylesheet_directory() . '/lib/output.php' ); | |
//* Child theme (do not remove) | |
define( 'CHILD_THEME_NAME', 'Parallax Pro Theme' ); | |
define( 'CHILD_THEME_URL', 'http://my.studiopress.com/themes/parallax/' ); | |
define( 'CHILD_THEME_VERSION', '1.0' ); | |
//* Enqueue scripts and styles | |
add_action( 'wp_enqueue_scripts', 'parallax_enqueue_scripts_styles' ); | |
function parallax_enqueue_scripts_styles() { | |
wp_enqueue_script( 'parallax-responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' ); | |
wp_enqueue_style( 'dashicons' ); | |
wp_enqueue_style( 'parallax-google-fonts', '//fonts.googleapis.com/css?family=Montserrat|Sorts+Mill+Goudy', array(), CHILD_THEME_VERSION ); | |
} | |
//* Add HTML5 markup structure | |
add_theme_support( 'html5', array( 'search-form', 'comment-form', 'comment-list' ) ); | |
//* Add viewport meta tag for mobile browsers | |
add_theme_support( 'genesis-responsive-viewport' ); | |
//* Add support for 3-column footer widgets | |
add_theme_support( 'genesis-footer-widgets', 1 ); | |
//* Reposition the primary navigation menu | |
remove_action( 'genesis_after_header', 'genesis_do_nav' ); | |
add_action( 'genesis_before_content_sidebar_wrap', 'genesis_do_nav' ); | |
//* Reposition the secondary navigation menu | |
remove_action( 'genesis_after_header', 'genesis_do_subnav' ); | |
add_action( 'genesis_footer', 'genesis_do_subnav', 7 ); | |
//* Reduce the secondary navigation menu to one level depth | |
add_filter( 'wp_nav_menu_args', 'parallax_secondary_menu_args' ); | |
function parallax_secondary_menu_args( $args ){ | |
if( 'secondary' != $args['theme_location'] ) | |
return $args; | |
$args['depth'] = 1; | |
return $args; | |
} | |
//* Unregister layout settings | |
genesis_unregister_layout( 'content-sidebar-sidebar' ); | |
genesis_unregister_layout( 'sidebar-content-sidebar' ); | |
genesis_unregister_layout( 'sidebar-sidebar-content' ); | |
//* Add support for additional color styles | |
add_theme_support( 'genesis-style-selector', array( | |
'parallax-pro-blue' => __( 'Parallax Pro Blue', 'parallax' ), | |
'parallax-pro-green' => __( 'Parallax Pro Green', 'parallax' ), | |
'parallax-pro-orange' => __( 'Parallax Pro Orange', 'parallax' ), | |
'parallax-pro-pink' => __( 'Parallax Pro Pink', 'parallax' ), | |
) ); | |
//* Unregister secondary sidebar | |
unregister_sidebar( 'sidebar-alt' ); | |
//* Add support for custom header | |
add_theme_support( 'custom-header', array( | |
'width' => 360, | |
'height' => 70, | |
'header-selector' => '.site-title a', | |
'header-text' => false, | |
) ); | |
//* Add support for structural wraps | |
add_theme_support( 'genesis-structural-wraps', array( | |
'header', | |
'nav', | |
'subnav', | |
'footer-widgets', | |
'footer', | |
) ); | |
//* Hook after post widget after the entry content | |
add_action( 'genesis_after_entry', 'parallax_after_entry', 5 ); | |
function parallax_after_entry() { | |
if ( is_singular( 'post' ) ) | |
genesis_widget_area( 'after-entry', array( | |
'before' => '<div class="after-entry widget-area">', | |
'after' => '</div>', | |
) ); | |
} | |
//* Modify the size of the Gravatar in the author box | |
add_filter( 'genesis_author_box_gravatar_size', 'parallax_author_box_gravatar' ); | |
function parallax_author_box_gravatar( $size ) { | |
return 176; | |
} | |
//* Modify the size of the Gravatar in the entry comments | |
add_filter( 'genesis_comment_list_args', 'parallax_comments_gravatar' ); | |
function parallax_comments_gravatar( $args ) { | |
$args['avatar_size'] = 120; | |
return $args; | |
} | |
//* Register widget areas | |
genesis_register_sidebar( array( | |
'id' => 'home-section-1', | |
'name' => __( 'Home Section 1', 'parallax' ), | |
'description' => __( 'This is the home section 1 section.', 'parallax' ), | |
) ); | |
genesis_register_sidebar( array( | |
'id' => 'home-section-2', | |
'name' => __( 'Home Section 2', 'parallax' ), | |
'description' => __( 'This is the home section 2 section.', 'parallax' ), | |
) ); | |
genesis_register_sidebar( array( | |
'id' => 'home-section-3', | |
'name' => __( 'Home Section 3', 'parallax' ), | |
'description' => __( 'This is the home section 3 section.', 'parallax' ), | |
) ); | |
genesis_register_sidebar( array( | |
'id' => 'home-section-4', | |
'name' => __( 'Home Section 4', 'parallax' ), | |
'description' => __( 'This is the home section 4 section.', 'parallax' ), | |
) ); | |
genesis_register_sidebar( array( | |
'id' => 'home-section-5', | |
'name' => __( 'Home Section 5', 'parallax' ), | |
'description' => __( 'This is the home section 5 section.', 'parallax' ), | |
) ); | |
genesis_register_sidebar( array( | |
'id' => 'after-entry', | |
'name' => __( 'After Entry', 'parallax' ), | |
'description' => __( 'This is the after entry widget area.', 'parallax' ), | |
) ); | |
genesis_register_sidebar( array( | |
'id' => 'home-section-6', | |
'name' => __( 'Home Section 6', 'parallax' ), | |
'description' => __( 'This is the home section 6 section.', 'parallax' ), | |
) ); | |
genesis_register_sidebar( array( | |
'id' => 'home-section-7', | |
'name' => __( 'Home Section 7', 'parallax' ), | |
'description' => __( 'This is the home section 7 section.', 'parallax' ), | |
) ); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
Theme Name: Parallax Pro Theme | |
Theme URI: http://my.studiopress.com/themes/parallax/ | |
Description: A mobile responsive and HTML5 theme built for the Genesis Framework. | |
Author: StudioPress | |
Author URI: http://www.studiopress.com/ | |
Version: 1.0 | |
Tags: black, white, blue, green, orange, pink, one-column, two-columns, responsive-layout, custom-header, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, premise-landing-page | |
Template: genesis | |
Template Version: 2.0 | |
License: GPL-2.0+ | |
License URI: http://www.opensource.org/licenses/gpl-license.php | |
*/ | |
/* Table of Contents | |
- HTML5 Reset | |
- Baseline Normalize | |
- Box Sizing | |
- Float Clearing | |
- Defaults | |
- Typographical Elements | |
- Headings | |
- Objects | |
- Forms | |
- Buttons | |
- Tables | |
- Structure and Layout | |
- Site Containers | |
- Column Widths and Positions | |
- Column Classes | |
- Common Classes | |
- Avatar | |
- Genesis | |
- Search Form | |
- Titles | |
- WordPress | |
- Widgets | |
- Simple Social Icons | |
- Plugins | |
- Genesis eNews Extended | |
- Gravity Forms | |
- Jetpack | |
- Site Header | |
- Title Area | |
- Widget Area | |
- Site Navigation | |
- Primary Navigation | |
- Responsive Menu | |
- Content Area | |
- Homepage | |
- Pricing Table | |
- Content | |
- Entries | |
- Entry Meta | |
- After Entry | |
- Pagination | |
- Content Boxes | |
- Comments | |
- Sidebar | |
- Footer Widgets | |
- Site Footer | |
- Theme Colors | |
- Parallax Pro Blue | |
- Parallax Pro Green | |
- Parallax Pro Orange | |
- Parallax Pro Pink | |
- Media Queries | |
- Retina Display | |
- Max-width: 1139px | |
- Max-width: 1023px | |
- Max-width: 768px | |
*/ | |
/* | |
HTML5 Reset | |
---------------------------------------------------------------------------------------------------- */ | |
/* Baseline Normalize | |
normalize.css v2.1.3 | MIT License | git.io/normalize | |
--------------------------------------------- */ | |
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} | |
/* Box Sizing | |
--------------------------------------------- */ | |
*, | |
input[type="search"] { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
/* Float Clearing | |
--------------------------------------------- */ | |
.author-box:before, | |
.clearfix:before, | |
.entry:before, | |
.entry-content:before, | |
.footer-widgets:before, | |
.pagination:before, | |
.site-container:before, | |
.site-footer:before, | |
.site-header:before, | |
.site-inner:before, | |
.widget:before, | |
.wrap:before { | |
content: " "; | |
display: table; | |
} | |
.author-box:after, | |
.clearfix:after, | |
.entry:after, | |
.entry-content:after, | |
.footer-widgets:after, | |
.pagination:after, | |
.site-container:after, | |
.site-footer:after, | |
.site-header:after, | |
.site-inner:after, | |
.widget:after, | |
.wrap:after { | |
clear: both; | |
content: " "; | |
display: table; | |
} | |
/* | |
Defaults | |
---------------------------------------------------------------------------------------------------- */ | |
/* Typographical Elements | |
--------------------------------------------- */ | |
body { | |
background-color: #fff; | |
color: #000; | |
font-family: 'Sorts Mill Goudy', sans-serif; | |
font-size: 22px; | |
font-weight: 400; | |
line-height: 1.5; | |
-webkit-font-smoothing: antialiased; | |
} | |
body.parallax-home { | |
background: none; | |
} | |
a, | |
input:focus, | |
input[type="button"], | |
input[type="reset"], | |
input[type="submit"], | |
textarea:focus, | |
.button { | |
-webkit-transition: all 0.1s ease-in-out; | |
-moz-transition: all 0.1s ease-in-out; | |
-ms-transition: all 0.1s ease-in-out; | |
-o-transition: all 0.1s ease-in-out; | |
transition: all 0.1s ease-in-out; | |
} | |
::-moz-selection { | |
background-color: #000; | |
color: #fff; | |
} | |
::selection { | |
background-color: #000; | |
color: #fff; | |
} | |
a { | |
color: #f04848; | |
text-decoration: none; | |
} | |
a:hover { | |
color: #000; | |
} | |
p { | |
margin: 0 0 30px; | |
padding: 0; | |
} | |
ol, | |
ul { | |
margin: 0; | |
padding: 0; | |
} | |
li { | |
list-style-type: none; | |
} | |
b, | |
strong { | |
font-weight: 700; | |
} | |
cite, | |
em, | |
i { | |
font-style: italic; | |
} | |
blockquote { | |
color: #999; | |
margin: 40px; | |
} | |
blockquote::before { | |
content: "\201C"; | |
display: block; | |
font-size: 30px; | |
height: 0; | |
left: -20px; | |
position: relative; | |
top: -10px; | |
} | |
/* Headings | |
--------------------------------------------- */ | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6 { | |
color: #000; | |
font-family: Montserrat, sans-serif; | |
font-weight: 400; | |
line-height: 1.2; | |
margin: 0 0 20px; | |
} | |
h1 { | |
font-size: 36px; | |
} | |
h2 { | |
font-size: 32px; | |
} | |
h3 { | |
font-size: 30px; | |
} | |
h4 { | |
font-size: 24px; | |
} | |
h5 { | |
font-size: 20px; | |
} | |
h6 { | |
font-size: 18px; | |
} | |
/* Objects | |
--------------------------------------------- */ | |
embed, | |
iframe, | |
img, | |
object, | |
video, | |
.wp-caption { | |
max-width: 100%; | |
} | |
img { | |
height: auto; | |
} | |
img.pull-left { | |
float: left; | |
margin: 0 40px 40px -200px; | |
} | |
img.pull-right { | |
float: right; | |
margin: 0 -200px 40px 40px; | |
} | |
.featured-content img, | |
.gallery img { | |
width: auto; | |
} | |
/* Forms | |
--------------------------------------------- */ | |
input, | |
select, | |
textarea { | |
background-color: #fff; | |
border: 1px solid #ddd; | |
color: #000; | |
font-size: 20px; | |
font-weight: 400; | |
padding: 16px; | |
width: 100%; | |
} | |
input:focus, | |
textarea:focus { | |
border: 1px solid #999; | |
outline: none; | |
} | |
input[type="checkbox"], | |
input[type="image"], | |
input[type="radio"] { | |
width: auto; | |
} | |
::-moz-placeholder { | |
color: #000; | |
opacity: 1; | |
font-weight: 400; | |
} | |
::-webkit-input-placeholder { | |
color: #000; | |
font-weight: 400; | |
} | |
button, | |
input[type="button"], | |
input[type="reset"], | |
input[type="submit"], | |
.button { | |
background-color: #000; | |
border: none; | |
color: #fff; | |
cursor: pointer; | |
font-family: Montserrat, sans-serif; | |
font-size: 18px; | |
font-weight: 400; | |
letter-spacing: 1px; | |
padding: 20px; | |
text-transform: uppercase; | |
-webkit-font-smoothing: antialiased; | |
} | |
button:hover, | |
input:hover[type="button"], | |
input:hover[type="reset"], | |
input:hover[type="submit"], | |
.button:hover { | |
background-color: #f04848; | |
color: #fff; | |
} | |
.button { | |
display: inline-block; | |
} | |
input[type="search"]::-webkit-search-cancel-button, | |
input[type="search"]::-webkit-search-results-button { | |
display: none; | |
} | |
/* Buttons | |
--------------------------------------------- */ | |
.footer-widgets a.button, | |
.footer-widgets button, | |
.footer-widgets input[type="button"], | |
.footer-widgets input[type="reset"], | |
.footer-widgets input[type="submit"], | |
.home-even a.button, | |
.home-odd a.button { | |
background: transparent; | |
clear: both; | |
font-family: Montserrat, sans-serif; | |
font-size: 18px; | |
font-weight: 400; | |
letter-spacing: 1px; | |
margin-top: 20px; | |
padding: 15px 25px; | |
text-transform: uppercase; | |
} | |
.footer-widgets a.button, | |
.footer-widgets button, | |
.footer-widgets input[type="button"], | |
.footer-widgets input[type="reset"], | |
.footer-widgets input[type="submit"], | |
.home-odd a.button { | |
border: 3px solid #fff; | |
color: #fff !important; | |
} | |
.footer-widgets a.button:hover, | |
.home-odd a.button:hover { | |
background-color: #fff; | |
color: #000 !important; | |
} | |
.footer-widgets button:hover, | |
.footer-widgets input:hover[type="button"], | |
.footer-widgets input:hover[type="reset"], | |
.footer-widgets input:hover[type="submit"] { | |
background-color: #fff !important; | |
color: #000 !important; | |
} | |
.home-even a.button { | |
border: 3px solid #000; | |
color: #000; | |
} | |
.home-even a.button:hover { | |
background-color: #000; | |
color: #fff; | |
} | |
/* Tables | |
--------------------------------------------- */ | |
table { | |
border-collapse: collapse; | |
border-spacing: 0; | |
line-height: 2; | |
margin-bottom: 40px; | |
width: 100%; | |
} | |
tbody { | |
border-bottom: 1px solid #ddd; | |
} | |
td, | |
th { | |
text-align: left; | |
} | |
td { | |
border-top: 1px solid #ddd; | |
padding: 6px 0; | |
} | |
th { | |
font-weight: 700; | |
} | |
/* | |
Structure and Layout | |
---------------------------------------------------------------------------------------------------- */ | |
/* Site Containers | |
--------------------------------------------- */ | |
.site-inner, | |
.wrap { | |
margin: 0 auto; | |
max-width: 1140px; | |
} | |
.site-inner { | |
clear: both; | |
margin-top: 170px; | |
} | |
.parallax-home .site-inner { | |
margin-top: 70px; | |
max-width: 100%; | |
} | |
.parallax-landing .site-inner { | |
margin-top: 100px; | |
} | |
/* Column Classes | |
Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css | |
--------------------------------------------- */ | |
.five-sixths, | |
.four-sixths, | |
.one-fourth, | |
.one-half, | |
.one-sixth, | |
.one-third, | |
.three-fourths, | |
.three-sixths, | |
.two-fourths, | |
.two-sixths, | |
.two-thirds { | |
float: left; | |
margin-left: 2.564102564102564%; | |
} | |
.one-half, | |
.three-sixths, | |
.two-fourths { | |
width: 48.717948717948715%; | |
} | |
.one-third, | |
.two-sixths { | |
width: 31.623931623931625%; | |
} | |
.four-sixths, | |
.two-thirds { | |
width: 65.81196581196582%; | |
} | |
.one-fourth { | |
width: 23.076923076923077%; | |
} | |
.three-fourths { | |
width: 74.35897435897436%; | |
} | |
.one-sixth { | |
width: 14.52991452991453%; | |
} | |
.five-sixths { | |
width: 82.90598290598291%; | |
} | |
.first { | |
clear: both; | |
margin-left: 0; | |
} | |
/* | |
Common Classes | |
---------------------------------------------------------------------------------------------------- */ | |
/* Avatar | |
--------------------------------------------- */ | |
.avatar { | |
float: left; | |
} | |
.author-box .avatar { | |
height: 88px; | |
width: 88px; | |
} | |
.entry-comments .avatar { | |
height: 60px; | |
width: 60px; | |
} | |
.alignleft .avatar, | |
.author-box .avatar { | |
margin-right: 24px; | |
} | |
.alignright .avatar { | |
margin-left: 24px; | |
} | |
.comment .avatar { | |
margin: 0 20px 24px 0; | |
} | |
/* Genesis | |
--------------------------------------------- */ | |
.breadcrumb { | |
border-bottom: 2px solid #f5f5f5; | |
font-size: 20px; | |
margin-bottom: 60px; | |
padding-bottom: 10px; | |
} | |
.archive-description, | |
.author-box { | |
border-bottom: 1px solid #000; | |
border-top: 1px solid #000; | |
font-size: 20px; | |
margin-bottom: 100px; | |
padding: 40px 0; | |
} | |
.author-box-title { | |
font-size: 22px; | |
margin-bottom: 8px; | |
} | |
.archive-description p:last-child, | |
.author-box p:last-child { | |
margin-bottom: 0; | |
} | |
/* Search Form | |
--------------------------------------------- */ | |
.search-form { | |
overflow: hidden; | |
} | |
.site-header .search-form { | |
float: right; | |
margin-top: 4px; | |
} | |
.entry-content .search-form, | |
.site-header .search-form { | |
width: 50%; | |
} | |
.search-form input[type="submit"] { | |
border: 0; | |
clip: rect(0, 0, 0, 0); | |
height: 1px; | |
margin: -1px; | |
padding: 0; | |
position: absolute; | |
width: 1px; | |
} | |
/* Titles | |
--------------------------------------------- */ | |
.archive-title { | |
font-size: 24px; | |
line-height: 1; | |
margin-bottom: 20px; | |
} | |
.entry-title { | |
font-size: 36px; | |
} | |
.sidebar .entry-title { | |
font-size: 24px; | |
text-align: left; | |
} | |
.entry-title a { | |
color: #000; | |
} | |
.entry-title a:hover { | |
color: #f04848; | |
} | |
.widget-title { | |
font-size: 24px; | |
font-weight: 400; | |
margin-bottom: 20px; | |
} | |
.footer-widgets .widget-title { | |
color: #fff; | |
font-size: 48px; | |
} | |
.home-even .widget-title, | |
.home-odd .widget-title { | |
font-size: 72px; | |
margin-bottom: 40px; | |
} | |
/* WordPress | |
--------------------------------------------- */ | |
.alignleft { | |
float: left; | |
text-align: left; | |
} | |
.alignright { | |
float: right; | |
text-align: right; | |
} | |
a.alignleft, | |
a.alignright { | |
max-width: 100%; | |
} | |
img.centered, | |
.aligncenter { | |
display: block; | |
margin: 0 auto 24px; | |
} | |
img.alignnone, | |
.alignnone { | |
margin-bottom: 12px; | |
} | |
a.alignleft, | |
img.alignleft, | |
.wp-caption.alignleft { | |
margin: 0 24px 24px 0; | |
} | |
a.alignright, | |
img.alignright, | |
.wp-caption.alignright { | |
margin: 0 0 24px 24px; | |
} | |
.wp-caption-text { | |
font-size: 18px; | |
line-height: 1.2; | |
text-align: center; | |
} | |
.entry-content p.wp-caption-text { | |
margin-bottom: 0; | |
} | |
.gallery-caption { | |
} | |
.sticky { | |
} | |
/* | |
Widgets | |
---------------------------------------------------------------------------------------------------- */ | |
.widget { | |
word-wrap: break-word; | |
} | |
.widget ol > li { | |
list-style-position: inside; | |
list-style-type: decimal; | |
padding-left: 20px; | |
text-indent: -20px; | |
} | |
.widget li li { | |
border: none; | |
margin: 0 0 0 30px; | |
padding: 0; | |
} | |
.widget_calendar table { | |
width: 100%; | |
} | |
.widget_calendar td, | |
.widget_calendar th { | |
text-align: center; | |
} | |
/* Simple Social Icons | |
--------------------------------------------- */ | |
.parallax-home .simple-social-icons { | |
margin-top: 40px; | |
} | |
.parallax-home .simple-social-icons ul li { | |
margin: 0 20px !important; | |
} | |
.parallax-home .simple-social-icons ul li a, | |
.parallax-home .simple-social-icons ul li a:hover { | |
padding: 30px; | |
} | |
/* | |
Plugins | |
---------------------------------------------------------------------------------------------------- */ | |
/* Genesis eNews Extended | |
--------------------------------------------- */ | |
.enews-widget input { | |
font-size: 18px; | |
margin-bottom: 20px; | |
} | |
.footer-widgets .enews-widget input:hover[type="submit"] { | |
background-color: #fff; | |
color: #000; | |
} | |
.enews form + p { | |
margin-top: 24px; | |
} | |
/* Gravity Forms | |
--------------------------------------------- */ | |
div.gform_wrapper input[type="email"], | |
div.gform_wrapper input[type="text"], | |
div.gform_wrapper textarea, | |
div.gform_wrapper .gform_footer input[type=submit] { | |
width: 100% !important; | |
} | |
div.gform_wrapper input[type="email"], | |
div.gform_wrapper input[type="text"], | |
div.gform_wrapper textarea, | |
div.gform_wrapper .ginput_complex label { | |
font-size: 20px; | |
padding: 16px; | |
} | |
div.gform_wrapper .ginput_complex label { | |
padding: 0; | |
} | |
div.gform_wrapper li, | |
div.gform_wrapper form li { | |
margin: 16px 0 0; | |
} | |
div.gform_wrapper .gform_footer input[type=submit] { | |
font-size: 18px; | |
margin-bottom: 40px; | |
padding: 20px; | |
} | |
/* Jetpack | |
--------------------------------------------- */ | |
#wpstats { | |
display: none; | |
} | |
/* | |
Site Header | |
---------------------------------------------------------------------------------------------------- */ | |
.site-header { | |
background-color: #000; | |
left: 0; | |
position: fixed; | |
top: 0; | |
width: 100%; | |
z-index: 999; | |
} | |
.admin-bar .site-header { | |
top: 32px; | |
} | |
/* Title Area | |
--------------------------------------------- */ | |
.title-area { | |
float: left; | |
padding: 20px 0; | |
width: 360px; | |
} | |
.header-full-width .title-area { | |
width: 100%; | |
} | |
.site-title { | |
font-family: Montserrat, sans-serif; | |
font-size: 30px; | |
font-weight: 400; | |
letter-spacing: 1px; | |
line-height: 1; | |
margin-bottom: 0; | |
text-transform: uppercase; | |
} | |
.site-title a, | |
.site-title a:hover { | |
color: #fff !important; | |
} | |
.header-image .title-area { | |
padding: 0; | |
} | |
.header-image .site-title > a { | |
background-size: contain !important; | |
display: block; | |
height: 70px; | |
text-indent: -9999px; | |
max-width: 360px; | |
} | |
.site-description { | |
display: block; | |
height: 0; | |
margin-bottom: 0; | |
text-indent: -9999px; | |
} | |
/* Widget Area | |
--------------------------------------------- */ | |
.site-header .widget-area { | |
float: right; | |
text-align: right; | |
width: 740px; | |
} | |
.site-header .widget-area, | |
.site-header .widget-area a { | |
color: #fff; | |
} | |
.site-header .widget-area a:hover { | |
color: #f04848; | |
} | |
.site-header .textwidget { | |
margin-top: 27px; | |
} | |
/* | |
Site Navigation | |
---------------------------------------------------------------------------------------------------- */ | |
.genesis-nav-menu { | |
clear: both; | |
color: #fff; | |
font-family: Montserrat, sans-serif; | |
font-size: 16px; | |
font-weight: 400; | |
letter-spacing: 1px; | |
line-height: 1; | |
width: 100%; | |
} | |
.genesis-nav-menu .menu-item { | |
display: inline-block; | |
text-align: left; | |
} | |
.genesis-nav-menu li li { | |
margin-left: 0; | |
} | |
.genesis-nav-menu a { | |
color: #fff; | |
display: block; | |
font-family: Montserrat, sans-serif; | |
padding: 27px 20px; | |
} | |
.genesis-nav-menu a:hover, | |
.genesis-nav-menu .current-menu-item > a, | |
.genesis-nav-menu .sub-menu a:hover, | |
.genesis-nav-menu .sub-menu .current-menu-item > a:hover { | |
color: #f04848; | |
} | |
.genesis-nav-menu > .menu-item > a { | |
text-transform: uppercase; | |
} | |
.genesis-nav-menu .sub-menu { | |
left: -9999px; | |
letter-spacing: 0; | |
opacity: 0; | |
position: absolute; | |
-webkit-transition: opacity .4s ease-in-out; | |
-moz-transition: opacity .4s ease-in-out; | |
-ms-transition: opacity .4s ease-in-out; | |
-o-transition: opacity .4s ease-in-out; | |
transition: opacity .4s ease-in-out; | |
width: 200px; | |
z-index: 99; | |
} | |
.genesis-nav-menu .sub-menu a { | |
background-color: #000; | |
padding: 20px; | |
position: relative; | |
width: 200px; | |
} | |
.genesis-nav-menu .sub-menu .sub-menu { | |
margin: -56px 0 0 199px; | |
} | |
.genesis-nav-menu .menu-item:hover { | |
position: static; | |
} | |
.genesis-nav-menu .menu-item:hover > .sub-menu { | |
left: auto; | |
opacity: 1; | |
} | |
.genesis-nav-menu > .first > a { | |
padding-left: 0; | |
} | |
.genesis-nav-menu > .last > a { | |
padding-right: 0; | |
} | |
.genesis-nav-menu > .right { | |
color: #fff; | |
display: inline-block; | |
list-style-type: none; | |
padding: 27px 20px; | |
text-transform: uppercase; | |
} | |
.genesis-nav-menu > .right > a { | |
display: inline; | |
padding: 0; | |
} | |
.genesis-nav-menu > .rss > a { | |
margin-left: 48px; | |
} | |
.genesis-nav-menu > .search { | |
display: block; | |
margin: 0 auto; | |
padding: 0 20px 20px; | |
width: 50%; | |
} | |
/* Primary Navigation | |
--------------------------------------------- */ | |
.nav-primary { | |
background-color: #000; | |
margin-bottom: 60px; | |
text-align: center; | |
} | |
/* Secondary Navigation | |
--------------------------------------------- */ | |
.nav-secondary .genesis-nav-menu { | |
padding: 20px 0; | |
} | |
.nav-secondary a { | |
margin: 0 20px; | |
padding: 0; | |
} | |
/* Responsive Menu | |
--------------------------------------------- */ | |
#responsive-menu-icon { | |
cursor: pointer; | |
display: none; | |
margin-bottom: 10px; | |
} | |
#responsive-menu-icon::before { | |
color: #fff; | |
content: "\f333"; | |
font: normal 24px/1 'dashicons'; | |
margin: 0 auto; | |
} | |
/* | |
Content Area | |
---------------------------------------------------------------------------------------------------- */ | |
/* Homepage | |
--------------------------------------------- */ | |
.home-even, | |
.home-odd { | |
clear: both; | |
font-size: 28px; | |
overflow: hidden; | |
padding: 190px 0 200px; | |
text-align: center; | |
} | |
.home-even .widget, | |
.home-odd .widget { | |
margin-bottom: 40px; | |
} | |
.home-even p:last-child, | |
.home-even .widget:last-child, | |
.home-odd p:last-child, | |
.home-odd .widget:last-child { | |
margin-bottom: 0; | |
} | |
.home-odd, | |
.home-odd a:hover, | |
.home-odd h1, | |
.home-odd h2, | |
.home-odd h3, | |
.home-odd h4, | |
.home-odd h5, | |
.home-odd h6, | |
.home-odd .featured-content .entry-title a, | |
.home-odd .widget-title { | |
color: #fff; | |
} | |
.home-odd .featured-content .entry-title a:hover { | |
color: #f04848; | |
} | |
.home-even p:last-child, | |
.home-odd p:last-child { | |
margin-bottom: 0; | |
} | |
.home-even { | |
background-color: #fff; | |
} | |
.home-section-1, | |
.home-section-3, | |
.home-section-5, | |
.home-section-7 { | |
background-attachment: fixed; | |
background-color: #fff; | |
background-position: 0px 0px; | |
background-repeat: no-repeat; | |
-webkit-background-size: cover; | |
-moz-background-size: cover; | |
background-size: cover; | |
} | |
/* Pricing Table | |
--------------------------------------------- */ | |
.pricing-table { | |
font-size: 22px; | |
line-height: 1; | |
} | |
.pricing-table h4 { | |
border-bottom: 2px solid #000; | |
color: #000; | |
margin: -40px -40px 40px; | |
padding: 40px; | |
-webkit-transition: all 0.2s ease-in-out; | |
-moz-transition: all 0.2s ease-in-out; | |
-ms-transition: all 0.2s ease-in-out; | |
-o-transition: all 0.2s ease-in-out; | |
transition: all 0.2s ease-in-out; | |
} | |
.pricing-table .one-third { | |
background-color: #fff; | |
border: 2px solid #000; | |
margin: 20px 0; | |
padding: 40px; | |
width: 33.33%; | |
} | |
.pricing-table .one-third:nth-child(3n+1) { | |
border-right: none; | |
} | |
.pricing-table .one-third:nth-child(3n+2) { | |
margin-bottom: 0; | |
margin-top: 0; | |
} | |
.pricing-table .one-third:nth-child(3n) { | |
border-left: none; | |
} | |
.pricing-table ul li::before { | |
content: "\f139"; | |
display: inline-block; | |
font: normal 20px/1 'dashicons'; | |
margin-right: 5px; | |
margin-top: -2px; | |
vertical-align: top; | |
-webkit-font-smoothing: antialiased; | |
} | |
.pricing-table ul li { | |
border-bottom: 1px dotted #ddd; | |
color: #000; | |
padding-bottom: 10px; | |
margin-bottom: 15px; | |
} | |
.pricing-table a.button { | |
background-color: #000; | |
border: 3px solid #000; | |
color: #fff; | |
} | |
.pricing-table a.button:hover { | |
background-color: #f04848; | |
border: 3px solid #f04848; | |
color: #fff !important; | |
} | |
/* Content | |
--------------------------------------------- */ | |
.content { | |
float: left; | |
width: 700px; | |
} | |
.page .content { | |
padding-bottom: 50px; | |
} | |
.sidebar-content .content { | |
float: right; | |
} | |
.full-width-content .content { | |
padding: 0 200px 50px; | |
width: 100%; | |
} | |
.full-width-content.parallax-home .content { | |
padding: 0; | |
} | |
/* Entries | |
--------------------------------------------- */ | |
.entry { | |
margin-bottom: 100px; | |
} | |
.sidebar .entry { | |
margin-bottom: 40px; | |
} | |
.entry-content ol, | |
.entry-content ul { | |
margin-bottom: 30px; | |
margin-left: 40px; | |
} | |
.entry-content ol > li { | |
list-style-type: decimal; | |
} | |
.entry-content ul > li { | |
list-style-type: disc; | |
} | |
.entry-content ol ol, | |
.entry-content ul ul { | |
margin-bottom: 0; | |
} | |
.entry-content code { | |
background-color: #000; | |
color: #ddd; | |
} | |
/* Entry Meta | |
--------------------------------------------- */ | |
p.entry-meta { | |
font-size: 20px; | |
margin-bottom: 0; | |
} | |
.entry-header { | |
text-align: center; | |
} | |
.entry-header::after { | |
border-bottom: 1px solid #000; | |
content: ""; | |
display: block; | |
margin: 0 auto 60px; | |
padding-bottom: 30px; | |
width: 25%; | |
} | |
.sidebar .entry-header::after { | |
display: none; | |
} | |
.entry-categories::before, | |
.entry-tags::before { | |
display: inline-block; | |
font: normal 20px/1 'dashicons'; | |
margin-right: 5px; | |
margin-top: 2px; | |
vertical-align: top; | |
-webkit-font-smoothing: antialiased; | |
} | |
.entry-categories::before { | |
content: "\f318"; | |
} | |
.entry-tags::before { | |
content: "\f323"; | |
} | |
.entry-categories, | |
.entry-tags { | |
display: block; | |
} | |
.entry-comments-link::before { | |
content: "\2014"; | |
margin: 0 6px 0 2px; | |
} | |
/* After Entry | |
--------------------------------------------- */ | |
.after-entry { | |
border-top: 1px solid #000; | |
padding: 40px 0; | |
} | |
.after-entry .widget { | |
margin-bottom: 40px; | |
} | |
.after-entry p:last-child, | |
.after-entry .widget:last-child { | |
margin: 0; | |
} | |
.after-entry li { | |
list-style-type: none; | |
} | |
/* Pagination | |
--------------------------------------------- */ | |
.pagination { | |
margin: 40px 0; | |
} | |
.adjacent-entry-pagination { | |
margin-bottom: 0; | |
} | |
.archive-pagination li { | |
display: inline; | |
} | |
.archive-pagination li a { | |
background-color: #000; | |
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); | |
color: #fff; | |
cursor: pointer; | |
display: inline-block; | |
font-family: Montserrat, sans-serif; | |
font-size: 14px; | |
letter-spacing: 1px; | |
padding: 8px 12px; | |
text-transform: uppercase; | |
} | |
.archive-pagination li a:hover, | |
.archive-pagination .active a { | |
background-color: #f04848; | |
color: #fff; | |
} | |
/* Content Boxes | |
--------------------------------------------- */ | |
.content-box-blue, | |
.content-box-gray, | |
.content-box-green, | |
.content-box-purple, | |
.content-box-red, | |
.content-box-yellow { | |
margin-bottom: 30px; | |
overflow: hidden; | |
padding: 30px; | |
} | |
.content-box-blue { | |
background-color: #d8ecf7; | |
border: 1px solid #afcde3; | |
} | |
.content-box-gray { | |
background-color: #e2e2e2; | |
border: 1px solid #bdbdbd; | |
} | |
.content-box-green { | |
background-color: #d9edc2; | |
border: 1px solid #b2ce96; | |
} | |
.content-box-purple { | |
background-color: #e2e2f9; | |
border: 1px solid #bebde9; | |
} | |
.content-box-red { | |
background-color: #f9dbdb; | |
border: 1px solid #e9b3b3; | |
} | |
.content-box-yellow { | |
background-color: #fef5c4; | |
border: 1px solid #fadf98; | |
} | |
/* Comments | |
--------------------------------------------- */ | |
.comment-respond, | |
.entry-comments, | |
.entry-pings { | |
margin-bottom: 100px; | |
} | |
p.comment-meta, | |
.entry-comments .comment, | |
.entry-comments .comment-reply { | |
margin-bottom: 40px; | |
} | |
.comment-header { | |
font-size: 20px; | |
} | |
.entry-comments .comment { | |
border-bottom: 1px solid #000; | |
} | |
.comment-content, | |
.entry-comments .comment { | |
clear: both; | |
} | |
p.form-submit, | |
.entry-comments .children .comment, | |
.entry-comments .comment-author { | |
margin: 0; | |
} | |
.entry-comments .children .comment { | |
border: none; | |
} | |
.comment-respond label { | |
display: block; | |
font-weight: 700; | |
} | |
.comment-respond input[type="email"], | |
.comment-respond input[type="text"], | |
.comment-respond input[type="url"] { | |
width: 100%; | |
} | |
.comment-list li, | |
.ping-list li { | |
list-style-type: none; | |
} | |
.entry-comments ul.children { | |
margin-left: 40px; | |
} | |
.form-allowed-tags, | |
.ping-list .reply { | |
display: none; | |
} | |
.bypostauthor { | |
} | |
.form-allowed-tags { | |
background-color: #f5f5f5; | |
font-size: 16px; | |
padding: 24px; | |
} | |
/* | |
Sidebar | |
---------------------------------------------------------------------------------------------------- */ | |
.sidebar { | |
float: right; | |
width: 360px; | |
} | |
.sidebar-content .sidebar { | |
float: left; | |
} | |
.sidebar p:last-child { | |
margin-bottom: 0; | |
} | |
.sidebar li { | |
list-style-type: none; | |
margin-bottom: 6px; | |
word-wrap: break-word; | |
} | |
.sidebar ul > li:last-child { | |
margin-bottom: 0; | |
} | |
.sidebar .widget { | |
margin-bottom: 40px; | |
} | |
/* | |
Footer Widgets | |
---------------------------------------------------------------------------------------------------- */ | |
.footer-widgets { | |
background-color: #f04848; | |
clear: both; | |
font-size: 24px; | |
padding: 100px 0; | |
text-align: center; | |
} | |
.footer-widgets, | |
.footer-widgets a:hover { | |
color: #fff !important; | |
} | |
.footer-widgets a { | |
color: #000 !important; | |
} | |
.footer-widgets .widget { | |
margin-bottom: 40px; | |
} | |
.footer-widgets p:last-child, | |
.footer-widgets .widget:last-child { | |
margin-bottom: 0; | |
} | |
/* | |
Site Footer | |
---------------------------------------------------------------------------------------------------- */ | |
.site-footer { | |
background-color: #000; | |
padding: 40px 0; | |
text-align: center; | |
} | |
.site-footer a, | |
.site-footer p { | |
color: #fff; | |
} | |
.site-footer a:hover { | |
color: #f04848; | |
} | |
.site-footer p { | |
font-family: Montserrat, sans-serif; | |
font-size: 12px; | |
letter-spacing: 1px; | |
margin-bottom: 0; | |
text-transform: uppercase; | |
} | |
/* | |
Color Styles | |
---------------------------------------------------------------------------------------------------- */ | |
.parallax-pro-blue a:hover, | |
.parallax-pro-blue .entry-title a, | |
.parallax-pro-green a:hover, | |
.parallax-pro-green .entry-title a, | |
.parallax-pro-orange a:hover, | |
.parallax-pro-orange .entry-title a, | |
.parallax-pro-pink a:hover, | |
.parallax-pro-pink .entry-title a { | |
color: #000; | |
} | |
.parallax-pro-blue .button, | |
.parallax-pro-blue .button:hover, | |
.parallax-pro-blue .genesis-nav-menu a, | |
.parallax-pro-blue .home-odd a:hover, | |
.parallax-pro-blue .site-footer a, | |
.parallax-pro-green .button, | |
.parallax-pro-green .button:hover, | |
.parallax-pro-green .genesis-nav-menu a, | |
.parallax-pro-green .home-odd a:hover, | |
.parallax-pro-green .site-footer a, | |
.parallax-pro-orange .button, | |
.parallax-pro-orange .button:hover, | |
.parallax-pro-orange .genesis-nav-menu a, | |
.parallax-pro-orange .home-odd a:hover, | |
.parallax-pro-orange .site-footer a, | |
.parallax-pro-pink .button, | |
.parallax-pro-pink .button:hover, | |
.parallax-pro-pink .genesis-nav-menu a, | |
.parallax-pro-pink .home-odd a:hover, | |
.parallax-pro-pink .site-footer a { | |
color: #fff; | |
} | |
/* Parallax Pro Blue | |
--------------------------------------------- */ | |
.parallax-pro-blue a, | |
.parallax-pro-blue .entry-title a:hover, | |
.parallax-pro-blue .genesis-nav-menu a:hover, | |
.parallax-pro-blue .genesis-nav-menu .current-menu-item > a, | |
.parallax-pro-blue .genesis-nav-menu .sub-menu a:hover, | |
.parallax-pro-blue .genesis-nav-menu .sub-menu .current-menu-item > a:hover, | |
.parallax-pro-blue .home-odd .featured-content .entry-title a:hover, | |
.parallax-pro-blue .site-footer a:hover, | |
.parallax-pro-blue .site-header .widget-area a:hover { | |
color: #44ace8; | |
} | |
.parallax-pro-blue input:hover[type="button"], | |
.parallax-pro-blue input:hover[type="reset"], | |
.parallax-pro-blue input:hover[type="submit"], | |
.parallax-pro-blue .archive-pagination li a:hover, | |
.parallax-pro-blue .archive-pagination .active a, | |
.parallax-pro-blue .button:hover, | |
.parallax-pro-blue .footer-widgets, | |
.parallax-pro-blue .pricing-table a.button:hover { | |
background-color: #44ace8; | |
} | |
.parallax-pro-blue .pricing-table a.button:hover { | |
border: 3px solid #44ace8; | |
} | |
/* Parallax Pro Green | |
--------------------------------------------- */ | |
.parallax-pro-green a, | |
.parallax-pro-green .entry-title a:hover, | |
.parallax-pro-green .genesis-nav-menu a:hover, | |
.parallax-pro-green .genesis-nav-menu .current-menu-item > a, | |
.parallax-pro-green .genesis-nav-menu .sub-menu a:hover, | |
.parallax-pro-green .genesis-nav-menu .sub-menu .current-menu-item > a:hover, | |
.parallax-pro-green .home-odd .featured-content .entry-title a:hover, | |
.parallax-pro-green .site-footer a:hover, | |
.parallax-pro-green .site-header .widget-area a:hover { | |
color: #35c379; | |
} | |
.parallax-pro-green input:hover[type="button"], | |
.parallax-pro-green input:hover[type="reset"], | |
.parallax-pro-green input:hover[type="submit"], | |
.parallax-pro-green .archive-pagination li a:hover, | |
.parallax-pro-green .archive-pagination .active a, | |
.parallax-pro-green .button:hover, | |
.parallax-pro-green .footer-widgets, | |
.parallax-pro-green .pricing-table a.button:hover { | |
background-color: #35c379; | |
} | |
.parallax-pro-green .pricing-table a.button:hover { | |
border: 3px solid #35c379; | |
} | |
/* Parallax Pro Orange | |
--------------------------------------------- */ | |
.parallax-pro-orange a, | |
.parallax-pro-orange .entry-title a:hover, | |
.parallax-pro-orange .genesis-nav-menu a:hover, | |
.parallax-pro-orange .genesis-nav-menu .current-menu-item > a, | |
.parallax-pro-orange .genesis-nav-menu .sub-menu a:hover, | |
.parallax-pro-orange .genesis-nav-menu .sub-menu .current-menu-item > a:hover, | |
.parallax-pro-orange .home-odd .featured-content .entry-title a:hover, | |
.parallax-pro-orange .site-footer a:hover, | |
.parallax-pro-orange .site-header .widget-area a:hover { | |
color: #e58c29; | |
} | |
.parallax-pro-orange input:hover[type="button"], | |
.parallax-pro-orange input:hover[type="reset"], | |
.parallax-pro-orange input:hover[type="submit"], | |
.parallax-pro-orange .archive-pagination li a:hover, | |
.parallax-pro-orange .archive-pagination .active a, | |
.parallax-pro-orange .button:hover, | |
.parallax-pro-orange .footer-widgets, | |
.parallax-pro-orange .pricing-table a.button:hover { | |
background-color: #e58c29; | |
} | |
.parallax-pro-orange .pricing-table a.button:hover { | |
border: 3px solid #e58c29; | |
} | |
/* Parallax Pro Pink | |
--------------------------------------------- */ | |
.parallax-pro-pink a, | |
.parallax-pro-pink .entry-title a:hover, | |
.parallax-pro-pink .genesis-nav-menu a:hover, | |
.parallax-pro-pink .genesis-nav-menu .current-menu-item > a, | |
.parallax-pro-pink .genesis-nav-menu .sub-menu a:hover, | |
.parallax-pro-pink .genesis-nav-menu .sub-menu .current-menu-item > a:hover, | |
.parallax-pro-pink .home-odd .featured-content .entry-title a:hover, | |
.parallax-pro-pink .site-footer a:hover, | |
.parallax-pro-pink .site-header .widget-area a:hover { | |
color: #cb4082; | |
} | |
.parallax-pro-pink input:hover[type="button"], | |
.parallax-pro-pink input:hover[type="reset"], | |
.parallax-pro-pink input:hover[type="submit"], | |
.parallax-pro-pink .archive-pagination li a:hover, | |
.parallax-pro-pink .archive-pagination .active a, | |
.parallax-pro-pink .button:hover, | |
.parallax-pro-pink .footer-widgets, | |
.parallax-pro-pink .pricing-table a.button:hover { | |
background-color: #cb4082; | |
} | |
.parallax-pro-pink .pricing-table a.button:hover { | |
border: 3px solid #cb4082; | |
} | |
/* | |
Media Queries | |
---------------------------------------------------------------------------------------------------- */ | |
@media only screen and (max-width: 1139px) { | |
.home-section-1, | |
.home-section-3, | |
.home-section-5, | |
.home-section-7 { | |
background-attachment: scroll; | |
background-position: top; | |
-webkit-background-size: auto; | |
-moz-background-size: auto; | |
background-size: auto; | |
} | |
.content { | |
width: 520px; | |
} | |
.full-width-content .content { | |
padding: 0 110px; | |
} | |
} | |
@media only screen and (max-width: 1023px) { | |
.site-inner, | |
.wrap { | |
max-width: 768px; | |
} | |
.parallax-home .site-inner { | |
max-width: none; | |
} | |
.site-header { | |
padding-bottom: 10px; | |
position: static; | |
} | |
.content, | |
.sidebar, | |
.site-header .widget-area, | |
.title-area { | |
width: 100%; | |
} | |
.genesis-nav-menu, | |
.site-header .widget-area, | |
.site-title { | |
text-align: center; | |
} | |
.header-image .site-title > a { | |
margin: 0 auto 10px; | |
} | |
.genesis-nav-menu a { | |
padding: 10px; | |
} | |
.parallax-home .site-inner { | |
margin-top: 0; | |
} | |
.site-inner { | |
margin-top: 80px; | |
} | |
.full-width-content .content { | |
padding: 0; | |
} | |
img.pull-left { | |
margin-left: 0; | |
} | |
img.pull-right { | |
margin-right: 0; | |
} | |
.five-sixths, | |
.four-sixths, | |
.one-fourth, | |
.one-half, | |
.one-sixth, | |
.one-third, | |
.pricing-table .one-third, | |
.three-fourths, | |
.three-sixths, | |
.two-fourths, | |
.two-sixths, | |
.two-thirds { | |
margin: 0; | |
width: 100%; | |
} | |
.pricing-table .one-third:nth-child(3n+1) { | |
border-right: 2px solid #000; | |
} | |
.pricing-table .one-third:nth-child(3n+2) { | |
margin-bottom: 20px; | |
margin-top: 20px; | |
} | |
.pricing-table .one-third:nth-child(3n) { | |
border-left: 2px solid #000; | |
} | |
} | |
@media only screen and (max-width: 768px) { | |
.site-inner, | |
.wrap { | |
max-width: none; | |
width: 100%; | |
} | |
.site-inner, | |
.wrap { | |
padding: 0 5%; | |
} | |
.parallax-home .site-inner { | |
padding: 0; | |
} | |
.responsive-menu { | |
display: none; | |
} | |
#responsive-menu-icon { | |
display: block; | |
} | |
.home-even, | |
.home-odd { | |
padding: 90px 0 100px; | |
} | |
.parallax-home .simple-social-icons ul li { | |
margin: 0 20px 20px !important; | |
} | |
} | |
@media only screen and (max-width: 480px) { | |
.footer-widgets .widget-title, | |
.home-even .widget-title, | |
.home-odd .widget-title { | |
font-size: 36px; | |
} | |
.home-even, | |
.home-odd { | |
font-size: 22px; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment