Last active
July 20, 2017 17:08
-
-
Save timelsass/754aa14b367b3f54b16d44ae13b540a7 to your computer and use it in GitHub Desktop.
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 | |
| /** | |
| * Add Banner to the ambition_header hook. | |
| */ | |
| add_action( 'ambition_header', 'ambition_child_add_banner', 15 ); | |
| function ambition_child_add_banner() { | |
| ?> | |
| <img id="single-program-banner" src="<?php the_field( 'banner' ); ?>" alt="" /> | |
| <?php | |
| } |
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 | |
| /** | |
| * Remove the Ambition parent theme headercontent_details filter. | |
| * @see https://developer.wordpress.org/reference/functions/remove_action/ | |
| */ | |
| add_action( 'init', 'ambition_child_remove_action'); | |
| function ambition_child_remove_action() { | |
| remove_action( 'ambition_header', 'ambition_headercontent_details', 10 ); | |
| } | |
| /** | |
| * Add child theme override for ambition_headercontent_details. | |
| * @see https://developer.wordpress.org/reference/functions/add_action/ | |
| */ | |
| add_action( 'ambition_header', 'ambition_child_headercontent_details' ); | |
| /** | |
| * Shows Header content details | |
| * | |
| * Shows the site logo, title, description, searchbar, social icons and many more | |
| */ | |
| function ambition_child_headercontent_details() { ?> | |
| <?php global $ambition_settings; | |
| $header_image = get_header_image(); | |
| if (!empty($header_image)):?> | |
| <a href="<?php echo esc_url(home_url('/'));?>"><img src="<?php echo esc_url($header_image);?>" class="header-image" width="<?php echo get_custom_header()->width;?>" height="<?php echo get_custom_header()->height;?>" alt="<?php echo esc_attr(get_bloginfo('name', 'display'));?>"> | |
| </a> | |
| <?php | |
| endif;?> | |
| <div class="hgroup-wrap"> | |
| <div class="container clearfix"> | |
| <?php | |
| $ambition_settings = wp_parse_args( get_option( 'ambition_theme_settings', array() ), ambition_get_option_defaults() ); | |
| $header_display = $ambition_settings['header_settings']; | |
| $header_logo = $ambition_settings['img-upload-header-logo']; | |
| if ($header_display != 'disable_both' && $header_display == 'header_text') { ?> | |
| <section id="site-logo" class="clearfix"> | |
| <?php if(is_single() || (!is_page_template('page-templates/page-template-business.php' )) && !is_home()){ ?> | |
| <h2 id="site-title"> | |
| <a href="<?php echo esc_url(home_url('/'));?>" title="<?php echo esc_attr(get_bloginfo('name', 'display'));?>" rel="home"> | |
| <?php bloginfo('name');?> | |
| </a> | |
| </h2><!-- #site-title --> | |
| <?php } else { ?> | |
| <h1 id="site-title"> | |
| <a href="<?php echo esc_url(home_url('/'));?>" title="<?php echo esc_attr(get_bloginfo('name', 'display'));?>" rel="home"> | |
| <?php bloginfo('name');?> | |
| </a> | |
| </h1><!-- #site-title --> | |
| <?php } | |
| $site_description = get_bloginfo( 'description', 'display' ); | |
| if($site_description){?> | |
| <h2 id="site-description"> <?php bloginfo('description');?> </h2> | |
| <?php } ?> | |
| </section><!-- #site-logo --> | |
| <?php | |
| } elseif ($header_display != 'disable_both' && $header_display == 'header_logo') { | |
| ?> | |
| <section id="site-logo" class="clearfix"> | |
| <?php if(is_single() || (!is_page_template('page-templates/page-template-business.php' )) && !is_home()){ ?> | |
| <h2 id="site-title"> | |
| <a href="<?php echo esc_url(home_url('/'));?>" title="<?php echo esc_attr(get_bloginfo('name', 'display'));?>" rel="home"> <img src="<?php echo $header_logo;?>" alt="<?php echo esc_attr(get_bloginfo('name', 'display'));?>"></a> | |
| </h2> | |
| <?php }else{ ?> | |
| <h1 id="site-title"> | |
| <a href="<?php echo esc_url(home_url('/'));?>" title="<?php echo esc_attr(get_bloginfo('name', 'display'));?>" rel="home"> <img src="<?php echo $header_logo;?>" alt="<?php echo esc_attr(get_bloginfo('name', 'display'));?>"></a> | |
| </h1> | |
| <?php } ?> | |
| </section><!-- #site-logo --> | |
| <?php }?> | |
| <button class="menu-toggle"><?php _e('Responsive Menu', 'ambition' ); ?></button> | |
| <?php | |
| if (has_nav_menu('primary')) {// if there is nav menu then content displayed from nav menu else from pages ?> | |
| <section class="hgroup-right"> | |
| <?php $args = array( | |
| 'theme_location' => 'primary', | |
| 'container' => '', | |
| 'items_wrap' => '<ul class="nav-menu">%3$s</ul>', | |
| ); ?> | |
| <nav id="site-navigation" class="main-navigation clearfix" role="navigation"> | |
| <?php wp_nav_menu($args);//extract the content from apperance-> nav menu ?> | |
| </nav><!-- #access --> | |
| <?php } else {// extract the content from page menu only ?> | |
| <section class="hgroup-right"> | |
| <nav id="site-navigation" class="main-navigation clearfix" role="navigation"> | |
| <?php wp_page_menu(array('menu_class' => 'nav-menu')); ?> | |
| </nav><!-- #access --> | |
| <?php } | |
| $search_form = $ambition_settings['search_header_settings']; | |
| if (1 != $search_form) { ?> | |
| <div class="search-toggle"></div><!-- .search-toggle --> | |
| <div id="search-box" class="hide"> | |
| <?php get_search_form();?> | |
| <span class="arrow"></span> | |
| </div><!-- #search-box --> | |
| <?php } ?> | |
| </section><!-- .hgroup-right --> | |
| </div><!-- .container --> | |
| </div><!-- .hgroup-wrap --> | |
| <?php global $disable_slider; | |
| global $ambition_settings; | |
| if (is_front_page()) { | |
| $disable_slider = $ambition_settings['disable_slider']; | |
| if (empty($disable_slider)) { | |
| if (function_exists('ambition_pass_slider_effect_cycle_parameters')) { | |
| ambition_pass_slider_effect_cycle_parameters(); | |
| } | |
| if (function_exists('ambition_featured_sliders')) { | |
| ambition_featured_sliders(); | |
| } | |
| } | |
| } else { | |
| if (('' != ambition_header_title()) || function_exists('bcn_display_list')) { | |
| $sitetitle_img_setting = $ambition_settings['site_title_setting']; | |
| $sitetitle_image = $ambition_settings['img-upload-site-title']; ?> | |
| <div class="page-title-wrap" <?php if ( $sitetitle_img_setting != '1' && $sitetitle_image != '' ){ ?> style="background-image:url('<?php echo esc_url($sitetitle_image);?>');" <?php } ?> > | |
| <div class="container clearfix"> | |
| <?php if(is_home()){?> | |
| <h2 class="page-title"><?php echo ambition_header_title();?></h2><!-- .page-title --> | |
| <?php } else { ?> | |
| <h1 class="page-title"><?php echo ambition_header_title();?></h1><!-- .page-title --> | |
| <?php } | |
| if (function_exists('ambition_breadcrumb')) { | |
| ambition_breadcrumb(); | |
| } | |
| ?> | |
| </div><!-- .container --> | |
| </div><!-- .page-title-wrap --> | |
| <?php | |
| } | |
| } | |
| } |
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: Ambition Child | |
| Theme URI: http://themehorse.com/themes/ambition/ | |
| Author: Theme Horse | |
| Author URI: http://themehorse.com/ | |
| Description: Ambition is a Simple, Clean and Flat Responsive WordPress Theme. It is easily customizable with customize. Some of the highlighted options are two site layout (Narrow and Wide), 4 layouts for every post/page, 2 Page Templates, 8 Widget Areas, 7 Custom Widgets, Featured slider to highlight your post, Social Profile Navigation and many more. Also has custom background, header, menu, favicon, CSS, webclip icon, and logo. Supports popular plugins like WPML, Breadcrumb NavXT, WP-PageNavi and Contact Form 7. It is also translation ready. Get free support at http://themehorse.com/support-forum/ and View beautiful demo site at http://themehorse.com/preview/ambition | |
| Version: 1.3 | |
| License: GNU General Public License v2 or later | |
| License URI: http://www.gnu.org/licenses/gpl-2.0.html | |
| Text Domain: ambition-child | |
| Template: ambition | |
| Tags: blog, education, entertainment, news, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-logo, custom-menu, featured-image-header, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready | |
| Ambition is based on Underscores http://underscores.me/, (C) 2012-2017 Automattic, Inc. | |
| Resetting and rebuilding styles have been helped along thanks to the fine work of | |
| Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html | |
| along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ | |
| and Blueprint http://www.blueprintcss.org/ | |
| */ | |
| /* | |
| Theme Name: Diced | |
| Author: The BoldGrid Team | |
| Theme URI: https://www.boldgrid.com/diced | |
| Author URI: https://www.boldgrid.com/the-team | |
| Description: Designed specifically for use with the BoldGrid suite of plugins, all BoldGrid themes are highly customizable, responsive to a wide range of devices, and of course, beautiful. Every BoldGrid theme includes five pre-selected color palettes and an advanced tool for creating your own unique palette. In addition, all themes feature multiple menu locations and widget areas, which are easily customizable to suit your needs. So if you're looking for a theme that looks great, feels modern and professional, and offers plenty of features to make it your own, you've chosen well. | |
| Version: 1.19 | |
| License: GNU General Public License v2 or later | |
| License URI: http://www.gnu.org/licenses/gpl-2.0.html | |
| Text Domain: boldgrid-diced | |
| Template: prime | |
| Tags: custom-background, custom-colors, custom-menu, editor-style, responsive-layout, rtl-language-support, translation-ready, boldgrid-theme-28 | |
| */ | |
| /*-------------------------------------------------------------- | |
| >>> TABLE OF CONTENTS: | |
| ---------------------------------------------------------------- | |
| 1.0 - Reset | |
| 2.0 - Global | |
| 2.1 - Accessibility | |
| 2.2 - Alignments | |
| 2.3 - Blockquote | |
| 2.4 - Breadcrumb | |
| 2.5 - Buttons | |
| 2.6 - Clearings | |
| 2.7 - Forms | |
| 2.8 - Heading Tags | |
| 2.9 - Horizontal Row | |
| 2.10 - Images | |
| 2.11 - Links | |
| 2.12 - Null Margin/Padding/Border | |
| 2.13 - Super/Sub Scripts | |
| 2.14 - Text Elements | |
| 3.0 - Basic Structure | |
| 3.1 - Layouts | |
| 4.0 - Header | |
| 4.1 - Site Logo/Title/Description | |
| 4.2 - Social Profiles | |
| 4.3 - Search Form | |
| 5.0 - Navigation | |
| 6.0 - Content | |
| 6.1 - Post Featured Image | |
| 6.2 - Entry Header | |
| 6.3 - Entry Title | |
| 6.4 - Entry Meta | |
| 6.5 - Entry Content | |
| 6.6 - Galleries | |
| 6.7 - Post/Image/Paging Navigation | |
| 6.8 - Attachments | |
| 6.9 - Comments | |
| 6.10 - Pages | |
| 6.11 - bbPress Support | |
| 7.0 - Sidebars | |
| 7.1 - Widgets | |
| 8.0 - Footer | |
| 9.0 - Featured Content | |
| 10.0 - Media Queries | |
| --------------------------------------------------------------*/ | |
| /*-------------------------------------------------------------- | |
| 1.0 - Reset | |
| --------------------------------------------------------------*/ | |
| html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { | |
| border: 0; | |
| font-family: inherit; | |
| font-size: 100%; | |
| font-style: inherit; | |
| font-weight: inherit; | |
| margin: 0; | |
| outline: 0; | |
| padding: 0; | |
| vertical-align: baseline; | |
| } | |
| html { | |
| -webkit-text-size-adjust: none; | |
| } | |
| :focus { | |
| outline: 0; | |
| } | |
| ::selection { | |
| background: #89a452; | |
| color: #fff; | |
| } | |
| ::-moz-selection { | |
| background: #89a452; | |
| color: #fff; | |
| } | |
| ol, | |
| ul { | |
| list-style: none; | |
| margin: 0; | |
| } | |
| table, | |
| th, | |
| td { | |
| border: 1px solid rgba(0, 0, 0, 0.1); | |
| } | |
| table { | |
| border-collapse: separate; | |
| border-spacing: 0; | |
| border-width: 1px 0 0 1px; | |
| margin-bottom: 20px; | |
| width: 100%; | |
| } | |
| caption, | |
| th { | |
| font-weight: normal; | |
| text-align: left; | |
| } | |
| th { | |
| text-transform: uppercase; | |
| color: #333; | |
| } | |
| td, | |
| th { | |
| padding: 8px; | |
| border-width: 0 1px 1px 0; | |
| } | |
| a img { | |
| border: 0 none; | |
| } | |
| article, | |
| aside, | |
| details, | |
| figcaption, | |
| figure, | |
| footer, | |
| header, | |
| hgroup, | |
| menu, | |
| nav, | |
| section { | |
| display: block; | |
| } | |
| embed, | |
| iframe, | |
| object { | |
| max-width: 100%; | |
| } | |
| /* Genericons */ | |
| @font-face { | |
| font-family: 'Genericons'; | |
| font-weight: normal; | |
| font-style: normal; | |
| src: url('font/Genericons.eot'); | |
| src: url('font/Genericons.eot?') format('embedded-opentype'), | |
| url('font/Genericons.woff') format('woff'), | |
| url('font/Genericons.ttf') format('truetype'), | |
| url('font/Genericons.svg#Genericons') format('svg'); | |
| } | |
| /*-------------------------------------------------------------- | |
| 2.0 - Global | |
| --------------------------------------------------------------*/ | |
| body, | |
| input, | |
| textarea { | |
| color: #666; | |
| font: 16px 'Lato', sans-serif; | |
| line-height: 23px; | |
| word-wrap: break-word; | |
| font-weight: 300; | |
| } | |
| body { | |
| background-color: #ececec; | |
| } | |
| /*-------------------------------------------------------------- | |
| 2.1 - Accessibility | |
| --------------------------------------------------------------*/ | |
| .assistive-text, | |
| .screen-reader-text { | |
| position: absolute !important; | |
| clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ | |
| clip: rect(1px, 1px, 1px, 1px); | |
| height: 1px; | |
| overflow: hidden; | |
| width: 1px; | |
| } | |
| /*-------------------------------------------------------------- | |
| 2.2 - Alignments | |
| --------------------------------------------------------------*/ | |
| .alignleft { | |
| display: inline; | |
| float: left; | |
| margin-right: 20px; | |
| } | |
| .alignright { | |
| display: inline; | |
| float: right; | |
| margin-left: 20px; | |
| } | |
| .aligncenter { | |
| clear: both; | |
| display: block; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| /*-------------------------------------------------------------- | |
| 2.3 - Blockquote | |
| --------------------------------------------------------------*/ | |
| blockquote { | |
| font-style: italic; | |
| margin-bottom: 20px; | |
| background-color: #f2f2f2; | |
| padding: 30px 30px 10px 35px; | |
| -webkit-border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| border-radius: 5px; | |
| border-left: 5px solid #89a452; | |
| } | |
| blockquote em, | |
| blockquote i, | |
| blockquote cite { | |
| font-style: normal; | |
| } | |
| blockquote cite { | |
| letter-spacing: 2px; | |
| text-transform: uppercase; | |
| } | |
| /*-------------------------------------------------------------- | |
| 2.4 - Breadcrumb | |
| --------------------------------------------------------------*/ | |
| .breadcrumb { | |
| margin-top: 5px; | |
| font-size: 14px; | |
| } | |
| .breadcrumb, | |
| .breadcrumb a, | |
| .breadcrumb a:hover { | |
| color: #fff; | |
| opacity: 0.7; | |
| -moz-opacity: 0.7; | |
| filter:alpha(opacity=70); | |
| } | |
| .breadcrumb, | |
| .breadcrumb a:hover { | |
| opacity: 10; | |
| -moz-opacity: 10; | |
| filter:alpha(opacity=100); | |
| } | |
| /*-------------------------------------------------------------- | |
| 2.5 - Buttons | |
| --------------------------------------------------------------*/ | |
| a.readmore { | |
| text-transform: uppercase; | |
| font-weight: bold; | |
| text-decoration: underline; | |
| } | |
| a.readmore:hover { | |
| text-decoration: none; | |
| } | |
| a.more-link:hover { | |
| text-decoration: underline; | |
| } | |
| /* Call To Action Button */ | |
| .call-to-action { | |
| color: #000; | |
| display: inline-block; | |
| text-align: center; | |
| text-transform: uppercase; | |
| padding: 10px 25px; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| border: 1px solid #000; | |
| -ms-transition: all 0.3s ease-out; | |
| -moz-transition: all 0.3s ease-out; | |
| -webkit-transition: all 0.3s ease-out; | |
| -o-transition: all 0.3s ease-out; | |
| transition: all 0.3s ease-out; | |
| } | |
| .call-to-action:hover { | |
| background-color: #89a452; | |
| border-color: #89a452; | |
| color: #fff; | |
| } | |
| /* Back To Top */ | |
| .back-to-top { | |
| position: fixed; | |
| bottom: 30px; | |
| right: 30px; | |
| } | |
| .back-to-top a { | |
| width: 40px; | |
| height: 40px; | |
| display: block; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-size: 16px; | |
| line-height: 40px; | |
| font-family: 'Genericons'; | |
| background-color: #000; | |
| text-align: center; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| color: #fff; | |
| opacity: 0.8; | |
| -moz-opacity: 0.8; | |
| filter:alpha(opacity=80); | |
| -ms-transition: all 0.5s ease-out; | |
| -moz-transition: all 0.5s ease-out; | |
| -webkit-transition: all 0.5s ease-out; | |
| -o-transition: all 0.5s ease-out; | |
| transition: all 0.5s ease-out; | |
| } | |
| .back-to-top a:hover { | |
| opacity: 10; | |
| -moz-opacity: 10; | |
| filter:alpha(opacity=100); | |
| background-color: #89a452; | |
| } | |
| .back-to-top a:before { | |
| content: '\f432'; | |
| } | |
| /*-------------------------------------------------------------- | |
| 2.6 - Clearings | |
| --------------------------------------------------------------*/ | |
| .clearfix:after { | |
| visibility: hidden; | |
| display: block; | |
| font-size: 0; | |
| content: " "; | |
| clear: both; | |
| height: 0; | |
| } | |
| .clearfix { | |
| display: inline-block; | |
| } | |
| /* Commented backslash hack */ | |
| * html .clearfix { | |
| height: 1%; | |
| } | |
| .clearfix { | |
| display: block; | |
| } | |
| .clearfix-third, | |
| .clearfix-fourth { | |
| clear: both; | |
| } | |
| /*-------------------------------------------------------------- | |
| 2.7 - Forms | |
| --------------------------------------------------------------*/ | |
| input[type="text"], | |
| input[type="email"], | |
| input[type="search"], | |
| input[type="password"], | |
| input[type="tel"], | |
| input[type="url"], | |
| input[type="date"], | |
| textarea, | |
| input[type="reset"], | |
| input[type="button"], | |
| input[type="submit"] { | |
| -moz-appearance: none !important; | |
| -webkit-appearance: none !important; | |
| appearance: none !important; | |
| -moz-box-sizing: inherit; | |
| -webkit-box-sizing: inherit; | |
| box-sizing: inherit; | |
| } | |
| input[type="text"], | |
| input[type="email"], | |
| input[type="search"], | |
| input[type="password"], | |
| input[type="tel"], | |
| input[type="url"], | |
| input[type="date"], | |
| textarea { | |
| padding: 10px; | |
| border: 1px solid rgba(0, 0, 0, 0.05); | |
| width: 100%; | |
| margin: 0 0 30px; | |
| background-color: #f9f9f9; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| } | |
| input[type="text"]:focus, | |
| input[type="email"]:focus, | |
| input[type="search"]:focus, | |
| input[type="password"]:focus, | |
| input[type="tel"]:focus, | |
| input[type="url"]:focus, | |
| input[type="date"]:focus, | |
| textarea:focus { | |
| border-color: rgba(0, 0, 0, 0.15); | |
| } | |
| input[type="reset"], | |
| input[type="button"], | |
| input[type="submit"] { | |
| border: 0 none; | |
| cursor: pointer; | |
| margin-bottom: 30px; | |
| color: #fff; | |
| text-transform: uppercase; | |
| display: block; | |
| text-align: center; | |
| height: 40px; | |
| padding: 0px 20px; | |
| margin-top: 5px; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| background-color: #89a452; | |
| -ms-transition: all 0.3s ease-out; | |
| -moz-transition: all 0.3s ease-out; | |
| -webkit-transition: all 0.3s ease-out; | |
| -o-transition: all 0.3s ease-out; | |
| transition: all 0.3s ease-out; | |
| } | |
| input[type="reset"]:hover, | |
| input[type="button"]:hover, | |
| input[type="submit"]:hover { | |
| background-color: #666; | |
| } | |
| input.s { | |
| height: 22px; | |
| margin: 0; | |
| width: 130px; | |
| padding: 6px 8px; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| select { | |
| padding: 10px; | |
| border: 1px solid rgba(0, 0, 0, 0.05); | |
| margin: 0 0 30px; | |
| width: 50%; | |
| background-color: #f9f9f9; | |
| } | |
| input[type="radio"], | |
| input[type="checkbox"], | |
| input[type="file"] { | |
| margin-bottom: 30px; | |
| } | |
| input[type="file"] { | |
| border: 0 none; | |
| cursor: pointer; | |
| font-weight: bold; | |
| text-transform: uppercase; | |
| display: block; | |
| text-align: center; | |
| height: 40px; | |
| -ms-transition: all 0.3s ease-out; | |
| -moz-transition: all 0.3s ease-out; | |
| -webkit-transition: all 0.3s ease-out; | |
| -o-transition: all 0.3s ease-out; | |
| transition: all 0.3s ease-out; | |
| } | |
| /*-------------------------------------------------------------- | |
| 2.8 - Heading Tags | |
| --------------------------------------------------------------*/ | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6 { | |
| color: #333; | |
| } | |
| h1 { | |
| font-size: 28px; | |
| line-height: 35px; | |
| } | |
| h2 { | |
| font-size: 26px; | |
| line-height: 33px; | |
| } | |
| h3 { | |
| font-size: 24px; | |
| line-height: 31px; | |
| } | |
| h4 { | |
| font-size: 22px; | |
| line-height: 29px; | |
| } | |
| h5 { | |
| font-size: 20px; | |
| line-height: 27px; | |
| } | |
| h6 { | |
| font-size: 17px; | |
| line-height: 24px; | |
| text-transform: uppercase; | |
| } | |
| /*-------------------------------------------------------------- | |
| 2.9 - Horizontal Row | |
| --------------------------------------------------------------*/ | |
| hr { | |
| border-color: rgba(0, 0, 0, 0.1); | |
| border-style: solid none none; | |
| border-width: 1px 0 0; | |
| height: 0; | |
| margin: 0 0 40px; | |
| } | |
| /*-------------------------------------------------------------- | |
| 2.10 - Images | |
| --------------------------------------------------------------*/ | |
| figure { | |
| margin: 0; | |
| text-align: center; | |
| } | |
| img { | |
| max-width: 100%; | |
| height: auto; | |
| vertical-align: top; | |
| } | |
| .entry-content img, | |
| .comment-content img, | |
| .widget img { | |
| max-width: 100%; | |
| } | |
| img.size-full, | |
| img.size-large { | |
| max-width: 100%; | |
| height: auto; | |
| } | |
| .page-content img.wp-smiley, | |
| .entry-content img.wp-smiley, | |
| .comment-content img.wp-smiley { | |
| border: none; | |
| margin-bottom: 0; | |
| margin-top: 0; | |
| padding: 0; | |
| } | |
| img.alignleft, | |
| img.alignright, | |
| img.aligncenter { | |
| margin-top: 20px; | |
| margin-bottom: 20px; | |
| } | |
| img#wpstats { | |
| display: none; | |
| } | |
| .img-border { | |
| background-color: #fff; | |
| padding: 5px; | |
| border: 1px solid #ccc; | |
| } | |
| /* Caption */ | |
| .wp-caption { | |
| margin-bottom: 20px; | |
| max-width: 100%; | |
| } | |
| .wp-caption a { | |
| display: block; | |
| position: relative; | |
| } | |
| .wp-caption .wp-caption-text, | |
| .gallery-caption { | |
| font-style: italic; | |
| } | |
| .wp-caption .wp-caption-text { | |
| margin-bottom: 0; | |
| padding: 10px 0; | |
| border-bottom: 1px solid rgba(0, 0, 0, 0.1); | |
| } | |
| /*-------------------------------------------------------------- | |
| 2.11 - Links | |
| --------------------------------------------------------------*/ | |
| a { | |
| color: #89a452; | |
| text-decoration: none; | |
| } | |
| a:focus, | |
| a:active, | |
| a:hover { | |
| text-decoration: none; | |
| } | |
| /*-------------------------------------------------------------- | |
| 2.12 - Null Margin/Padding/Border | |
| --------------------------------------------------------------*/ | |
| .no-margin-top { | |
| margin-top: 0px !important; | |
| } | |
| .no-margin-bottom { | |
| margin-bottom: 0px !important; | |
| } | |
| .no-margin-left { | |
| margin-left: 0px !important; | |
| } | |
| .no-margin-right { | |
| margin-right: 0px !important; | |
| } | |
| .no-padding-top { | |
| padding-top: 0px !important; | |
| } | |
| .no-padding-bottom { | |
| padding-bottom: 0px !important; | |
| } | |
| .no-padding-left { | |
| padding-left: 0px !important; | |
| } | |
| .no-padding-right { | |
| padding-right: 0px !important; | |
| } | |
| .no-border-top { | |
| border-top: 0 none !important; | |
| } | |
| .no-border-bottom { | |
| border-bottom: 0 none !important; | |
| } | |
| .no-border-left { | |
| border-left: 0 none !important; | |
| } | |
| .no-border-right { | |
| border-right: 0 none !important; | |
| } | |
| /*-------------------------------------------------------------- | |
| 2.13 - Super/Sub Scripts | |
| --------------------------------------------------------------*/ | |
| sup, | |
| sub { | |
| font-size: 10px; | |
| height: 0; | |
| line-height: 1; | |
| position: relative; | |
| vertical-align: baseline; | |
| } | |
| sup { | |
| bottom: 1ex; | |
| } | |
| sub { | |
| top: .5ex; | |
| } | |
| /*-------------------------------------------------------------- | |
| 2.14 - Text Elements | |
| --------------------------------------------------------------*/ | |
| p { | |
| margin-bottom: 20px; | |
| } | |
| strong { | |
| font-weight: bold; | |
| } | |
| cite, | |
| em, | |
| i { | |
| font-style: italic; | |
| } | |
| pre { | |
| background-color: #f2f2f2; | |
| margin-bottom: 20px; | |
| overflow: auto; | |
| padding: 30px; | |
| } | |
| pre, | |
| code, | |
| kbd { | |
| font-family: "Courier 10 Pitch", Courier, monospace; | |
| font-size: 14px; | |
| line-height: 21px; | |
| } | |
| abbr, | |
| acronym, | |
| dfn { | |
| border-bottom: 1px dotted rgba(0, 0, 0, 0.4); | |
| cursor: help; | |
| } | |
| address { | |
| display: block; | |
| margin: 0 0 1.625em; | |
| } | |
| ins { | |
| background-color: #fff9c0; | |
| text-decoration: none; | |
| margin-bottom: 20px; | |
| } | |
| /*-------------------------------------------------------------- | |
| 3.0 - Basic Structure | |
| --------------------------------------------------------------*/ | |
| #page { | |
| width: 100%; | |
| background-color: #fff; | |
| } | |
| .container { | |
| margin: 0 auto; | |
| max-width: 1170px; | |
| } | |
| /*-------------------------------------------------------------- | |
| 3.1 - Layouts | |
| --------------------------------------------------------------*/ | |
| /* Business Layout */ | |
| .business-layout #content { | |
| padding: 0; | |
| } | |
| /* Narrow Layout */ | |
| .narrow-layout #page { | |
| max-width: 1230px; | |
| margin: 0 auto; | |
| } | |
| .narrow-layout #colophon { | |
| margin-bottom: 30px; | |
| } | |
| /* Left Sidebar Layout */ | |
| .left-sidebar-layout #primary { | |
| float: right; | |
| } | |
| .left-sidebar-layout #secondary { | |
| float: left; | |
| } | |
| /* No Sidebar Layout */ | |
| .no-sidebar-layout #main { | |
| width: 708px; | |
| margin: 0 auto; | |
| } | |
| /*-------------------------------------------------------------- | |
| 4.0 - Header | |
| --------------------------------------------------------------*/ | |
| .hgroup-wrap { | |
| background-color: #fff; | |
| border-bottom: 1px solid rgba(0, 0, 0, 0.1); | |
| } | |
| .hgroup-right { | |
| float: right; | |
| position: relative; | |
| padding-right: 35px; | |
| min-width: 250px; | |
| } | |
| .header-image { | |
| width: 100%; | |
| height: auto; | |
| } | |
| /*-------------------------------------------------------------- | |
| 4.1 - Site Logo/Title/Description | |
| --------------------------------------------------------------*/ | |
| #site-logo { | |
| float: left; | |
| margin-top: 19px; | |
| margin-bottom: 19px; | |
| } | |
| #site-title { | |
| font-size: 25px; | |
| text-transform: uppercase; | |
| line-height: normal; | |
| float: left; | |
| margin-right: 10px; | |
| } | |
| #site-title a { | |
| color: #666; | |
| display: block; | |
| } | |
| #site-title a:hover, | |
| #site-title a:focus, | |
| #site-title a:active { | |
| color: #89a452; | |
| } | |
| #site-title a img { | |
| vertical-align: inherit; | |
| max-width: 1170px; | |
| display: block; | |
| } | |
| #site-description { | |
| font-size: 14px; | |
| line-height: 21px; | |
| color: #999; | |
| border-left: 1px solid rgba(0, 0, 0, 0.1); | |
| float: left; | |
| margin-top: 6px; | |
| padding-left: 10px; | |
| } | |
| /*-------------------------------------------------------------- | |
| 4.2 - Social Profiles | |
| --------------------------------------------------------------*/ | |
| .social-profiles, | |
| .social-profiles ul { | |
| float: right; | |
| } | |
| .social-profiles ul li { | |
| margin: 6px 0 0 5px; | |
| float: left; | |
| } | |
| .social-profiles ul li a { | |
| display: block; | |
| width: 24px; | |
| height: 24px; | |
| color: #888; | |
| font-family: 'Genericons'; | |
| font-size: 18px; | |
| line-height: 25px; | |
| text-align: center; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| opacity: 0.8; | |
| -moz-opacity: 0.8; | |
| filter:alpha(opacity=80); | |
| } | |
| .social-profiles ul li a[href*="github.com"]:hover { | |
| color: #000; | |
| } | |
| .social-profiles ul li a[href*="github.com"]:before { | |
| content: '\f200'; | |
| } | |
| .social-profiles ul li a[href*="dribbble.com"]:hover { | |
| color: #ea4c89; | |
| } | |
| .social-profiles ul li a[href*="dribbble.com"]:before { | |
| content: '\f201'; | |
| } | |
| .social-profiles ul li a[href*="twitter.com"]:hover { | |
| color: #55acee; | |
| } | |
| .social-profiles ul li a[href*="twitter.com"]:before { | |
| content: '\f202'; | |
| } | |
| .social-profiles ul li a[href*="facebook.com"]:hover { | |
| color: #3c5a99; | |
| } | |
| .social-profiles ul li a[href*="facebook.com"]:before { | |
| content: '\f204'; | |
| } | |
| .social-profiles ul li a[href*="wordpress.com"]:hover, | |
| .social-profiles ul li a[href*="wordpress.org"]:hover { | |
| color: #21759b; | |
| } | |
| .social-profiles ul li a[href*="wordpress.com"]:before, | |
| .social-profiles ul li a[href*="wordpress.org"]:before { | |
| content: '\f205'; | |
| } | |
| .social-profiles ul li a[href*="linkedin.com"]:hover { | |
| color: #047cb1; | |
| } | |
| .social-profiles ul li a[href*="linkedin.com"]:before { | |
| content: '\f207'; | |
| } | |
| .social-profiles ul li a[href*="pinterest.com"]:hover { | |
| color: #cc2026; | |
| } | |
| .social-profiles ul li a[href*="pinterest.com"]:before { | |
| content: '\f209'; | |
| } | |
| .social-profiles ul li a[href*="flickr.com"]:hover { | |
| color: #000; | |
| } | |
| .social-profiles ul li a[href*="flickr.com"]:before { | |
| content: '\f211'; | |
| } | |
| .social-profiles ul li a[href*="vimeo.com"]:hover { | |
| color: #1ab7ea; | |
| } | |
| .social-profiles ul li a[href*="vimeo.com"]:before { | |
| content: '\f212'; | |
| } | |
| .social-profiles ul li a[href*="youtube.com"]:hover { | |
| color: #cd201f; | |
| } | |
| .social-profiles ul li a[href*="youtube.com"]:before { | |
| content: '\f213'; | |
| } | |
| .social-profiles ul li a[href*="tumblr.com"]:hover { | |
| color: #35465c; | |
| } | |
| .social-profiles ul li a[href*="tumblr.com"]:before { | |
| content: '\f214'; | |
| } | |
| .social-profiles ul li a[href*="instagram.com"]:hover { | |
| color: #915646; | |
| } | |
| .social-profiles ul li a[href*="instagram.com"]:before { | |
| content: '\f215'; | |
| } | |
| .social-profiles ul li a[href*="codepen.io"]:hover { | |
| color: #000; | |
| } | |
| .social-profiles ul li a[href*="codepen.io"]:before { | |
| content: '\f216'; | |
| } | |
| .social-profiles ul li a[href*="polldaddy.com"]:hover { | |
| color: #d45042; | |
| } | |
| .social-profiles ul li a[href*="polldaddy.com"]:before { | |
| content: '\f217'; | |
| } | |
| .social-profiles ul li a[href*="plus.google.com"]:hover { | |
| color: #dd4b39; | |
| } | |
| .social-profiles ul li a[href*="plus.google.com"]:before { | |
| content: '\f218'; | |
| } | |
| .social-profiles ul li a[href*="path.com"]:hover { | |
| color: #ee3423; | |
| } | |
| .social-profiles ul li a[href*="path.com"]:before { | |
| content: '\f219'; | |
| } | |
| .social-profiles ul li a[href*="digg.com"]:hover { | |
| color: #1b5891; | |
| } | |
| .social-profiles ul li a[href*="digg.com"]:before { | |
| content: '\f221'; | |
| } | |
| .social-profiles ul li a[href*="reddit.com"]:hover { | |
| color: #a6c8e9; | |
| } | |
| .social-profiles ul li a[href*="reddit.com"]:before { | |
| content: '\f222'; | |
| } | |
| .social-profiles ul li a[href*="stumbleupon.com"]:hover { | |
| color: #ea4b24; | |
| } | |
| .social-profiles ul li a[href*="stumbleupon.com"]:before { | |
| content: '\f223'; | |
| } | |
| .social-profiles ul li a[href*="getpocket.com"]:hover { | |
| color: #eb1d37; | |
| } | |
| .social-profiles ul li a[href*="getpocket.com"]:before { | |
| content: '\f224'; | |
| } | |
| .social-profiles ul li a[href*="dropbox.com"]:hover { | |
| color: #007ee5; | |
| } | |
| .social-profiles ul li a[href*="dropbox.com"]:before { | |
| content: '\f225'; | |
| } | |
| .social-profiles ul li a[href$="/feed/"]:hover { | |
| color: #ff6600; | |
| } | |
| .social-profiles ul li a[href$="/feed/"]:before { | |
| content: '\f413'; | |
| } | |
| /*-------------------------------------------------------------- | |
| 4.3 - Search Form | |
| --------------------------------------------------------------*/ | |
| .search-toggle { | |
| display: block; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-size: 18px; | |
| font-family: 'Genericons'; | |
| cursor: pointer; | |
| margin-top: 24px; | |
| width: 18px; | |
| height: 18px; | |
| position: absolute; | |
| right: 0; | |
| } | |
| .search-toggle:hover, | |
| .hgroup-right .active { | |
| color: #89a452; | |
| } | |
| .search-toggle:before { | |
| content: '\f400'; | |
| } | |
| #search-box { | |
| position: absolute; | |
| padding: 10px; | |
| background-color: #fff; | |
| border: 1px solid rgba(0, 0, 0, 0.1); | |
| -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); | |
| -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); | |
| box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); | |
| z-index: 10000; | |
| right: -9px; | |
| top: 70px; | |
| } | |
| .hide { | |
| display: none; | |
| } | |
| #search-box .arrow { | |
| height: 10px; | |
| width: 10px; | |
| display: block; | |
| -webkit-transform: rotate(45deg); | |
| -moz-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| border-width: 1px 0 0 1px; | |
| border-style: solid; | |
| border-color: rgba(0, 0, 0, 0.1); | |
| background-color: #fff; | |
| position: absolute; | |
| right: 13px; | |
| top: -6px; | |
| } | |
| #search-box input.s { | |
| border-right: 0 none; | |
| float: left; | |
| } | |
| #search-box .search-submit { | |
| padding: 0 10px; | |
| height: 36px; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| margin: 0; | |
| float: right; | |
| } | |
| /*-------------------------------------------------------------- | |
| 5.0 - Navigation | |
| --------------------------------------------------------------*/ | |
| .main-navigation { | |
| float: right; | |
| } | |
| .main-navigation li { | |
| float: left; | |
| position: relative; | |
| margin-left: 25px; | |
| } | |
| .main-navigation a { | |
| color: #666; | |
| display: block; | |
| float: left; | |
| font-size: 13px; | |
| text-transform: uppercase; | |
| font-weight: normal; | |
| padding: 24px 0 0; | |
| height: 46px; | |
| } | |
| .main-navigation a:hover, | |
| .main-navigation ul li.current-menu-item a, | |
| .main-navigation ul li.current_page_ancestor a, | |
| .main-navigation ul li.current-menu-ancestor a, | |
| .main-navigation ul li.current_page_item a, | |
| .main-navigation ul li:hover > a { | |
| color: #89a452; | |
| } | |
| /* Dropdown */ | |
| .main-navigation ul li ul, | |
| .main-navigation ul li:hover ul ul, | |
| .main-navigation ul ul li:hover ul ul, | |
| .main-navigation ul ul ul li:hover ul ul, | |
| .main-navigation ul ul ul ul li:hover ul ul { | |
| display: none; | |
| z-index: 9999; | |
| } | |
| .main-navigation ul li:hover ul, | |
| .main-navigation ul ul li:hover ul, | |
| .main-navigation ul ul ul li:hover ul, | |
| .main-navigation ul ul ul ul li:hover ul, | |
| .main-navigation ul ul ul ul ul li:hover ul { | |
| display: block; | |
| } | |
| .main-navigation ul li ul { | |
| position: absolute; | |
| background-color: #fff; | |
| top: 70px; | |
| left: 0; | |
| width: 200px; | |
| } | |
| .main-navigation ul li ul li { | |
| float: none; | |
| margin: 0; | |
| } | |
| .main-navigation ul li ul li a, | |
| .main-navigation ul li.current-menu-item ul li a, | |
| .main-navigation ul li ul li.current-menu-item a, | |
| .main-navigation ul li.current_page_ancestor ul li a, | |
| .main-navigation ul li.current-menu-ancestor ul li a, | |
| .main-navigation ul li.current_page_item ul li a { | |
| float: none; | |
| line-height: 20px; | |
| font-size: 14px; | |
| height: inherit; | |
| padding: 8px 10px; | |
| color: #666; | |
| text-transform: capitalize; | |
| } | |
| .main-navigation ul li ul li a:hover, | |
| .main-navigation ul li ul li:hover > a, | |
| .main-navigation ul li.current-menu-item ul li a:hover { | |
| color: #89a452; | |
| } | |
| .main-navigation ul li ul li ul { | |
| left: 200px; | |
| top: 0; | |
| } | |
| /* Responsive Navigation */ | |
| .menu-toggle { | |
| display: none; | |
| } | |
| /*-------------------------------------------------------------- | |
| 6.0 - Content | |
| --------------------------------------------------------------*/ | |
| #content { | |
| padding: 60px 0 10px; | |
| } | |
| #content form input, | |
| #content form textarea { | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| #main h1, | |
| #main h2, | |
| #main h3, | |
| #main h4, | |
| #main h5, | |
| #main h6 { | |
| padding-bottom: 20px; | |
| } | |
| #main ul { | |
| list-style-type: disc; | |
| } | |
| #main ul, | |
| #main ol { | |
| margin: 0 0 20px 30px; | |
| } | |
| #main ul a, | |
| #main ol a { | |
| color: #666; | |
| } | |
| #main ul a:hover, | |
| #main ol a:hover { | |
| text-decoration: none; | |
| color: #89a452; | |
| } | |
| #main ol { | |
| list-style-type: decimal; | |
| } | |
| #main ol ol { | |
| list-style: upper-alpha; | |
| } | |
| #main ol ol ol { | |
| list-style: lower-roman; | |
| } | |
| #main ol ol ol ol { | |
| list-style: lower-alpha; | |
| } | |
| #main ul ul, | |
| #main ol ol, | |
| #main ul ol, | |
| #main ol ul { | |
| margin-bottom: 0; | |
| } | |
| #primary { | |
| float: left; | |
| margin-left: 2.56%; | |
| width: 65.81%; | |
| } | |
| #main .post, | |
| #main .attachment { | |
| padding-bottom: 50px; | |
| } | |
| #main .sticky { | |
| background-color: #f2f2f2; | |
| padding: 20px 20px 0; | |
| margin-bottom: 50px; | |
| } | |
| /*-------------------------------------------------------------- | |
| 6.1 - Post Featured Image | |
| --------------------------------------------------------------*/ | |
| .post-featured-image { | |
| margin-bottom: 15px; | |
| text-align: left; | |
| } | |
| .post-featured-image a { | |
| display: block; | |
| } | |
| /*-------------------------------------------------------------- | |
| 6.2 - Entry Header | |
| --------------------------------------------------------------*/ | |
| .entry-header { | |
| padding-bottom: 10px; | |
| } | |
| /*-------------------------------------------------------------- | |
| 6.3 - Entry Title | |
| --------------------------------------------------------------*/ | |
| #main .entry-title { | |
| padding-bottom: 5px; | |
| } | |
| .entry-title { | |
| font-size: 30px; | |
| text-transform: none; | |
| line-height: 37px; | |
| } | |
| .entry-title, | |
| .entry-title a { | |
| color: #333; | |
| } | |
| .entry-title a:hover, | |
| .entry-title a:focus, | |
| .entry-title a:active { | |
| color: #89a452; | |
| } | |
| /*-------------------------------------------------------------- | |
| 6.4 - Entry Meta | |
| --------------------------------------------------------------*/ | |
| .entry-meta, | |
| .entry-meta a { | |
| color: #999; | |
| } | |
| .entry-meta a:hover, | |
| .entry-meta .cat-links a:hover { | |
| color: #89a452; | |
| } | |
| .entry-meta .cat-links, | |
| .entry-meta .cat-links a, | |
| .tag-links, | |
| .tag-links a { | |
| text-transform: uppercase; | |
| color: #333; | |
| font-weight: normal; | |
| } | |
| .entry-meta .cat-links a, | |
| .tag-links a { | |
| padding-bottom: 10px; | |
| display: inline-block; | |
| } | |
| .entry-meta .by-author, | |
| .entry-meta .date, | |
| .entry-meta .comments { | |
| float: left; | |
| margin-right: 15px; | |
| margin-bottom: 5px; | |
| } | |
| .entry-meta .by-author a:before, | |
| .entry-meta .date a:before, | |
| .entry-meta .comments a:before { | |
| line-height: 24px; | |
| margin-right: 3px; | |
| display: inline-block; | |
| width: 16px; | |
| height: 16px; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-size: 16px; | |
| font-family: 'Genericons'; | |
| vertical-align: top; | |
| } | |
| .entry-meta .by-author a:before { | |
| content: '\f304'; | |
| } | |
| .entry-meta .date a:before { | |
| content: '\f303'; | |
| } | |
| .entry-meta .comments a:before { | |
| content: '\f108'; | |
| } | |
| /* Tag Links */ | |
| footer.entry-meta { | |
| border-bottom: 1px solid rgba(0, 0, 0, 0.1); | |
| padding-bottom: 5px; | |
| } | |
| .sticky footer.entry-meta { | |
| border: 0 none; | |
| } | |
| .tag-links:before { | |
| content: '\f302'; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-family: 'Genericons'; | |
| vertical-align: top; | |
| width: 16px; | |
| height: 16px; | |
| font-size: 17px; | |
| color: #999; | |
| } | |
| /*-------------------------------------------------------------- | |
| 6.5 - Entry Content | |
| --------------------------------------------------------------*/ | |
| .entry-content { | |
| display: block; | |
| overflow: hidden; | |
| } | |
| .entry-content dt, | |
| .comment-content dt { | |
| font-weight: bold; | |
| } | |
| .entry-content dd, | |
| .comment-content dd { | |
| margin-bottom: 20px; | |
| } | |
| .entry-content td, | |
| .comment-content td { | |
| padding: 8px; | |
| } | |
| .wp-video { | |
| margin-bottom: 20px; | |
| } | |
| /* Column */ | |
| .column { | |
| margin-left: -2.56%; | |
| } | |
| .one-half, | |
| .one-third, | |
| .one-fourth { | |
| float: left; | |
| margin: 0 0 0 2.49%; | |
| padding-bottom: 40px; | |
| } | |
| .one-half { | |
| width: 47.49%; | |
| } | |
| .one-third { | |
| width: 30.83%; | |
| } | |
| .one-fourth { | |
| width: 22.49%; | |
| } | |
| /*-------------------------------------------------------------- | |
| 6.6 - Galleries | |
| --------------------------------------------------------------*/ | |
| .gallery { | |
| margin-bottom: 1.5em; | |
| } | |
| .gallery-item { | |
| display: inline-block; | |
| text-align: center; | |
| vertical-align: top; | |
| width: 100%; | |
| } | |
| .gallery-columns-2 .gallery-item { | |
| max-width: 50%; | |
| } | |
| .gallery-columns-3 .gallery-item { | |
| max-width: 33.33%; | |
| } | |
| .gallery-columns-4 .gallery-item { | |
| max-width: 25%; | |
| } | |
| .gallery-columns-5 .gallery-item { | |
| max-width: 20%; | |
| } | |
| .gallery-columns-6 .gallery-item { | |
| max-width: 16.66%; | |
| } | |
| .gallery-columns-7 .gallery-item { | |
| max-width: 14.28%; | |
| } | |
| .gallery-columns-8 .gallery-item { | |
| max-width: 12.5%; | |
| } | |
| .gallery-columns-9 .gallery-item { | |
| max-width: 11.11%; | |
| } | |
| /*-------------------------------------------------------------- | |
| 6.7 - Post/Image/Paging Navigation | |
| --------------------------------------------------------------*/ | |
| #wp_page_numbers, | |
| .wp-pagenavi, | |
| #main ul.default-wp-page, | |
| .pagination { | |
| margin-bottom: 50px; | |
| border-top: 1px solid rgba(0, 0, 0, 0.1); | |
| border-bottom: 1px solid rgba(0, 0, 0, 0.1); | |
| padding: 7px 0; | |
| } | |
| #wp_page_numbers ul { | |
| list-style-type: none; | |
| list-style-image: none; | |
| margin: 0; | |
| float: right; | |
| } | |
| #wp_page_numbers ul li { | |
| float: left; | |
| margin-left: 7px; | |
| } | |
| #wp_page_numbers ul li.page_info, | |
| .wp-pagenavi .pages { | |
| padding: 6px 8px 0; | |
| color: #999; | |
| } | |
| #wp_page_numbers ul li a, | |
| .wp-pagenavi .current, | |
| .wp-pagenavi a, | |
| ul.default-wp-page li a, | |
| .pagination span { | |
| color: #666; | |
| display: block; | |
| float: left; | |
| border: 1px solid rgba(0, 0, 0, 0.1); | |
| padding: 4px 11px; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| } | |
| #wp_page_numbers ul li a:hover, | |
| #wp_page_numbers ul li.active_page a, | |
| .wp-pagenavi .current, | |
| .wp-pagenavi a:hover, | |
| ul.default-wp-page li a:hover, | |
| .pagination a:hover span, | |
| .pagination span { | |
| color: #fff; | |
| background-color: #89a452; | |
| border-color: #89a452; | |
| } | |
| /* wp-pagenavi */ | |
| .wp-pagenavi { | |
| text-align: center; | |
| } | |
| .wp-pagenavi .current, | |
| .wp-pagenavi a { | |
| display: inline-block; | |
| float: none; | |
| margin-left: 4px; | |
| } | |
| /* Default wp-page */ | |
| #main ul.default-wp-page { | |
| margin-left: 0; | |
| list-style: none; | |
| padding-bottom: 0; | |
| } | |
| ul.default-wp-page li { | |
| padding-bottom: 7px; | |
| } | |
| ul.default-wp-page li.previous { | |
| float:left; | |
| } | |
| ul.default-wp-page li.next { | |
| float:right; | |
| } | |
| ul.default-wp-page li a { | |
| display: inline-block; | |
| } | |
| ul.default-wp-page li a:hover { | |
| color: #fff !important; | |
| } | |
| /* Single pagination */ | |
| .pagination { | |
| text-align: center; | |
| color: #999; | |
| } | |
| .pagination span { | |
| display: inline-block; | |
| float: none; | |
| margin-left: 3px; | |
| } | |
| .pagination a span { | |
| background-color: inherit; | |
| color: #666; | |
| border: 1px solid rgba(0, 0, 0, 0.1); | |
| } | |
| /*-------------------------------------------------------------- | |
| 6.8 - Attachments | |
| --------------------------------------------------------------*/ | |
| .image-attachment div.attachment { | |
| background-color: #f9f9f9; | |
| border: 1px solid #ddd; | |
| border-width: 1px 0; | |
| margin: 0 -8.9% 1.625em; | |
| overflow: hidden; | |
| padding: 1.625em 1.625em 0; | |
| text-align: center; | |
| } | |
| .image-attachment div.attachment img { | |
| display: block; | |
| height: auto; | |
| margin: 0 auto 1.625em; | |
| max-width: 100%; | |
| } | |
| .image-attachment div.attachment a img { | |
| border-color: #f9f9f9; | |
| } | |
| .image-attachment div.attachment a:focus img, | |
| .image-attachment div.attachment a:hover img, | |
| .image-attachment div.attachment a:active img { | |
| border-color: #ddd; | |
| background-color: #fff; | |
| } | |
| .image-attachment .entry-caption p { | |
| font-size: 10px; | |
| letter-spacing: 0.1em; | |
| line-height: 2.6em; | |
| margin: 0 0 2.6em; | |
| text-transform: uppercase; | |
| } | |
| /*-------------------------------------------------------------- | |
| 6.9 - Comments | |
| --------------------------------------------------------------*/ | |
| #main .comments-area ul, | |
| #main .comments-area ol, | |
| .comments-area article { | |
| margin: 0 0 30px 20px; | |
| } | |
| .comments-area article header { | |
| margin-bottom: 20px; | |
| overflow: hidden; | |
| position: relative; | |
| } | |
| .comments-area article header img { | |
| float: left; | |
| padding: 0; | |
| line-height: 0; | |
| } | |
| .comments-area article header cite, | |
| .comments-area article header time { | |
| display: block; | |
| margin-left: 70px; | |
| } | |
| .comments-area article header cite { | |
| font-style: normal; | |
| line-height: 1.42857143; | |
| } | |
| .comments-area article header time { | |
| text-decoration: none; | |
| font-size: 14px; | |
| } | |
| .comments-area article header a { | |
| text-decoration: none; | |
| } | |
| .comments-area article header cite a:hover { | |
| text-decoration: underline; | |
| } | |
| #main .comments-area article header h4 { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| padding: 5px 20px; | |
| font-size: 16px; | |
| font-weight: normal; | |
| color: #fff; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| background-color: #89a452; | |
| } | |
| .comments-area li.bypostauthor cite span { | |
| position: absolute; | |
| margin-left: 5px; | |
| font-size: 14px; | |
| } | |
| .comments-area .comment-content p { | |
| margin-bottom: 10px; | |
| } | |
| a.comment-reply-link { | |
| font-size: 14px; | |
| } | |
| .commentlist .pingback { | |
| margin-bottom: 30px; | |
| } | |
| .commentlist .children { | |
| margin-left: 30px; | |
| } | |
| /* Comment form */ | |
| .commentlist #respond { | |
| margin: 20px 0 30px; | |
| } | |
| #respond h3#reply-title #cancel-comment-reply-link { | |
| margin-left: 10px; | |
| font-weight: normal; | |
| font-size: 14px; | |
| } | |
| #respond form label { | |
| display: block; | |
| line-height: 1.714285714; | |
| } | |
| #respond form input[type="text"], | |
| #respond form textarea { | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| padding: 10px; | |
| width: 100%; | |
| margin-bottom: 0; | |
| } | |
| #respond .form-submit, | |
| #respond .form-submit input { | |
| margin-bottom: 0; | |
| } | |
| .required { | |
| color: red; | |
| } | |
| label ~ span.required { | |
| display: block; | |
| float: left; | |
| margin: -18px 0 0 -16px; | |
| margin: -1.285714286rem 0 0 -1.142857143rem; | |
| } | |
| /*-------------------------------------------------------------- | |
| 6.10 - Pages | |
| --------------------------------------------------------------*/ | |
| /* Page Title */ | |
| .page-title-wrap { | |
| background-color: #89a452; | |
| padding: 30px 0; | |
| text-align: center; | |
| background-attachment: fixed; | |
| background-position: center center; | |
| background-size: cover; | |
| margin-top: -1px; | |
| } | |
| .page-title { | |
| font-size: 30px; | |
| line-height: 37px; | |
| color: #fff; | |
| } | |
| .page-title a { | |
| color: #fff; | |
| } | |
| /* Blog Medium Page */ | |
| .blog-medium .post-featured-image { | |
| width: 34.57%; | |
| float: left; | |
| margin-right: 4.67%; | |
| } | |
| /* Contact Page */ | |
| .wpcf7 p { | |
| margin-bottom: 0; | |
| } | |
| /* Custom Gallery Page */ | |
| .custom-gallery #content { | |
| padding-bottom: 20px; | |
| } | |
| #main .gal-filter { | |
| list-style: none; | |
| margin-left: 0; | |
| } | |
| #main .gal-filter li { | |
| display: inline-block; | |
| padding: 0 8px; | |
| } | |
| #main .gal-filter li.active a { | |
| color: #89a452; | |
| } | |
| .custom-gallery #content .column { | |
| margin-left: -30px; | |
| } | |
| .custom-gallery #content .one-half, | |
| .custom-gallery #content .one-third, | |
| .custom-gallery #content .one-fourth { | |
| margin-left: 30px; | |
| } | |
| .custom-gallery #content .one-half { | |
| width: 474px; | |
| } | |
| .custom-gallery #content .one-third { | |
| width: 306px; | |
| } | |
| .custom-gallery #content .one-fourth { | |
| width: 222px; | |
| } | |
| #main .custom-gallery-title, | |
| .custom-gallery-title a { | |
| font-size: 25px; | |
| line-height: 32px; | |
| text-align: center; | |
| color: #333; | |
| padding-bottom: 0; | |
| font-weight: normal; | |
| } | |
| .custom-gallery-title a:hover { | |
| color: #89a452; | |
| } | |
| /*-------------------------------------------------------------- | |
| 6.11 - bbPress Support | |
| --------------------------------------------------------------*/ | |
| #bbpress-forums, | |
| #bbpress-forums button, | |
| #bbpress-forums ul.bbp-lead-topic, | |
| #bbpress-forums ul.bbp-topics, | |
| #bbpress-forums ul.bbp-forums, | |
| #bbpress-forums ul.bbp-replies, | |
| #bbpress-forums ul.bbp-search-results, | |
| div.bbp-search-form input, | |
| div.bbp-search-form button, | |
| div.bbp-breadcrumb, | |
| div.bbp-topic-tags { | |
| font-size: 16px; | |
| } | |
| div.bbp-search-form input, | |
| div.bbp-search-form button { | |
| padding: 10px; | |
| } | |
| #bbpress-forums div.bbp-search-form { | |
| float: none; | |
| } | |
| #bbpress-forums ul, | |
| #bbpress-forums ol { | |
| margin: 0; | |
| } | |
| #bbpress-forums #bbp-search-form #bbp_search { | |
| width: 70%; | |
| -webkit-border-radius: 0px; | |
| -moz-border-radius: 0px; | |
| border-radius: 0px; | |
| border-right: 0 none; | |
| } | |
| #bbpress-forums #bbp-search-form #bbp_search_submit { | |
| padding: 0 3%; | |
| height: 45px; | |
| margin-left: -4px; | |
| -webkit-border-radius: 0px; | |
| -moz-border-radius: 0px; | |
| border-radius: 0px; | |
| border-right: 0 none; | |
| display: inline-block; | |
| margin: 0 0 0 -4px; | |
| width: 30%; | |
| } | |
| #bbpress-forums div.bbp-topic-author a.bbp-author-name, | |
| #bbpress-forums div.bbp-reply-author a.bbp-author-name { | |
| display: inline-block; | |
| line-height: 20px; | |
| margin-top: 5px; | |
| } | |
| div.bbp-submit-wrapper button { | |
| border: 0 none; | |
| cursor: pointer; | |
| margin-bottom: 30px; | |
| color: #fff; | |
| text-transform: uppercase; | |
| display: block; | |
| text-align: center; | |
| height: 40px; | |
| padding: 0px 20px; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| background-color: #89a452; | |
| -ms-transition: all 0.3s ease-out; | |
| -moz-transition: all 0.3s ease-out; | |
| -webkit-transition: all 0.3s ease-out; | |
| -o-transition: all 0.3s ease-out; | |
| transition: all 0.3s ease-out; | |
| font-weight: 300; | |
| font-family: "Lato", sans-serif; | |
| } | |
| #bbpress-forums button:hover { | |
| background-color: #666; | |
| } | |
| /*-------------------------------------------------------------- | |
| 7.0 - Sidebars | |
| --------------------------------------------------------------*/ | |
| #secondary { | |
| float: left; | |
| margin-left: 2.56%; | |
| width: 31.62%; | |
| } | |
| #secondary .widget-title { | |
| letter-spacing: 2px; | |
| text-transform: uppercase; | |
| } | |
| /*-------------------------------------------------------------- | |
| 7.1 - Widgets | |
| --------------------------------------------------------------*/ | |
| .widget { | |
| margin-bottom: 50px; | |
| } | |
| .widget ul li a { | |
| color: #666; | |
| } | |
| .widget ul li a:hover { | |
| color: #89a452; | |
| } | |
| .widget-title { | |
| font-size: 16px; | |
| line-height: 23px; | |
| padding-bottom: 15px; | |
| font-weight: normal; | |
| } | |
| .widget-title, | |
| .widget-title a { | |
| color:#333; | |
| } | |
| .widget-title a:hover { | |
| color: #89a452; | |
| } | |
| .business-layout .widget-title { | |
| font-size: 30px; | |
| line-height: 37px; | |
| } | |
| /* Search Widget */ | |
| .widget_search input.s { | |
| width: 60%; | |
| height: 40px; | |
| float: left; | |
| border-right: 0 none; | |
| } | |
| .widget_search .search-submit { | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| margin: 0; | |
| } | |
| /* Calendar Widget */ | |
| .widget_calendar #wp-calendar { | |
| width: 95%; | |
| text-align: center; | |
| } | |
| .widget_calendar #wp-calendar caption, | |
| .widget_calendar #wp-calendar td, | |
| .widget_calendar #wp-calendar th { | |
| text-align: center; | |
| } | |
| .widget_calendar #wp-calendar caption { | |
| font-size: 11px; | |
| font-weight: 500; | |
| padding: 5px 0 3px 0; | |
| text-transform: uppercase; | |
| } | |
| .widget_calendar #wp-calendar th { | |
| background-color: #f4f4f4; | |
| font-weight: bold; | |
| } | |
| .widget_calendar #wp-calendar tfoot td { | |
| background-color: #f4f4f4; | |
| } | |
| /* Article Widget */ | |
| .widget_article { | |
| margin-bottom: 30px; | |
| } | |
| .widget_article .article-title a:hover { | |
| text-decoration: underline; | |
| } | |
| .widget_article .post { | |
| padding-bottom: 20px; | |
| } | |
| .widget_article .article-content p { | |
| margin-bottom: 0px; | |
| } | |
| /* Recent Entries/Comments widget */ | |
| .widget_recent_entries ul li, | |
| .widget_recent_comments ul li { | |
| border-bottom: 1px solid rgba(0, 0, 0, 0.1); | |
| padding: 5px 0; | |
| } | |
| /* Testimonial Widget */ | |
| .widget_testimonial { | |
| padding: 60px 0 40px; | |
| text-align: center; | |
| background-color: #f2f2f2; | |
| margin-bottom: 0; | |
| border-bottom: 1px solid rgba(0, 0, 0, 0.1); | |
| } | |
| .widget_testimonial .testimonial-image { | |
| margin: 0 auto 20px; | |
| width: 100px; | |
| height: 100px; | |
| } | |
| .widget_testimonial .testimonial-image img { | |
| -webkit-border-radius: 50px; | |
| -moz-border-radius: 50px; | |
| border-radius: 50px; | |
| } | |
| .widget_testimonial .testimonial-meta { | |
| margin-bottom: 20px; | |
| } | |
| .widget_testimonial .testimonial-meta a:hover { | |
| text-decoration: underline; | |
| } | |
| /* Tag Cloud Widget */ | |
| .widget_tag_cloud a { | |
| margin-right: 5px; | |
| color: #666; | |
| padding: 10px 0; | |
| } | |
| .widget_tag_cloud a:hover { | |
| color: #89a452; | |
| } | |
| /* Custom Tag Cloud Widget */ | |
| .widget_custom-tagcloud { | |
| margin-bottom: 42px; | |
| } | |
| .widget_custom-tagcloud a { | |
| margin: 0 4px 8px 0; | |
| border: 1px solid rgba(0, 0, 0, 0.1); | |
| display: inline-block; | |
| padding: 4px 11px; | |
| color: #666; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| } | |
| .widget_custom-tagcloud a:hover { | |
| color: #fff; | |
| background-color: #89a452; | |
| } | |
| /* Service Widget */ | |
| .widget_service { | |
| margin-bottom: 0; | |
| padding: 60px 0 20px; | |
| text-align: center; | |
| border-bottom: 1px solid rgba(0, 0, 0, 0.1); | |
| background-color: #fff; | |
| } | |
| .widget_service p { | |
| margin-bottom: 10px; | |
| } | |
| .widget_service a { | |
| display: inline-block; | |
| } | |
| .widget_service .service-img, | |
| .widget_service .service-img img { | |
| width: 70px; | |
| height: 70px; | |
| } | |
| .widget_service .service-img { | |
| display: block; | |
| margin: 0 auto; | |
| padding-bottom: 20px; | |
| } | |
| .widget_service .service-title { | |
| font-weight: normal; | |
| font-size: 25px; | |
| line-height: 32px; | |
| display: block; | |
| overflow: hidden; | |
| } | |
| .widget_service .service-title a { | |
| color: #333; | |
| } | |
| .widget_service .service-title a:hover { | |
| color: #89a452; | |
| } | |
| /* Recent Work Widget */ | |
| .widget_recent_work { | |
| margin-bottom: 0; | |
| padding-top: 60px; | |
| text-align: center; | |
| background-color: #fff; | |
| } | |
| .widget_recent_work .recent-work-col { | |
| float: left; | |
| width: 33.33%; | |
| background-color: #000; | |
| position: relative; | |
| } | |
| .widget_recent_work .recent-work-col a { | |
| display: block; | |
| min-height: 150px; | |
| } | |
| .widget_recent_work .recent-work-col a:hover img { | |
| opacity: 0.4; | |
| -moz-opacity: 0.4; | |
| filter:alpha(opacity=40); | |
| -ms-transition: all 0.3s ease-out; | |
| -moz-transition: all 0.3s ease-out; | |
| -webkit-transition: all 0.3s ease-out; | |
| -o-transition: all 0.3s ease-out; | |
| transition: all 0.3s ease-out; | |
| } | |
| .widget_recent_work .recent-work-col a .recent-work-content { | |
| color: #fff; | |
| position: absolute; | |
| bottom: 0; | |
| right: 0; | |
| display: block; | |
| width: 90%; | |
| padding: 0 5% 5%; | |
| text-align: left; | |
| } | |
| .widget_recent_work .recent-work-col a .recent-work-title { | |
| font-size: 25px; | |
| font-weight: normal; | |
| line-height: 32px; | |
| display: block; | |
| padding-bottom: 10px; | |
| } | |
| /* Our Clients Widget */ | |
| .widget_ourclients { | |
| margin-bottom: 0; | |
| padding: 40px 0; | |
| border-bottom: 1px solid rgba(0, 0, 0, 0.1); | |
| background-color: #fff; | |
| } | |
| #main .widget_ourclients ul { | |
| margin: 0; | |
| text-align: center; | |
| } | |
| .widget_ourclients ul li { | |
| margin: 0 10px; | |
| display: inline-block; | |
| max-width: 200px; | |
| } | |
| .widget_ourclients ul li a { | |
| display: block; | |
| opacity: 0.8; | |
| -moz-opacity: 0.8; | |
| filter:alpha(opacity=80); | |
| } | |
| .widget_ourclients ul li a:hover { | |
| opacity: 10; | |
| -moz-opacity: 10; | |
| filter:alpha(opacity=100); | |
| } | |
| /* Promotional Bar Widget */ | |
| .widget_promotional_bar { | |
| margin-bottom: 0; | |
| margin-top: -1px; | |
| } | |
| .promotional_bar_content { | |
| color: #fff; | |
| background-attachment: fixed; | |
| background-color: #89a452; | |
| background-position: center center; | |
| background-size: cover; | |
| padding: 60px 0 40px; | |
| text-align: center; | |
| } | |
| .widget_promotional_bar .widget-title { | |
| color: #fff; | |
| } | |
| .widget_promotional_bar .call-to-action { | |
| margin: 10px 0 20px; | |
| border-color: #fff; | |
| color: #fff; | |
| } | |
| .widget_promotional_bar .call-to-action:hover { | |
| border-color: #89a452; | |
| } | |
| /* Featured Page Widget */ | |
| .widget_featured_page { | |
| margin-bottom: 0; | |
| border-bottom: 1px solid rgba(0, 0, 0, 0.1); | |
| background-color: #fff; | |
| } | |
| .widget_featured_page .container { | |
| padding: 80px 0 60px; | |
| } | |
| .widget_featured_page .featured-page-content { | |
| width: 48.71%; | |
| float: left; | |
| } | |
| .widget_featured_page .highlighted-content { | |
| font-size: 20px; | |
| line-height: 27px; | |
| color: #000 | |
| } | |
| .widget_featured_page .call-to-action { | |
| margin: 10px 0 20px; | |
| } | |
| .widget_featured_page .featured-page-image { | |
| width: 46.15%; | |
| float: right; | |
| padding-bottom: 20px; | |
| } | |
| .widget_featured_page .featured-page-image figure { | |
| text-align: left; | |
| } | |
| .widget_featured_page .featured-page-image figure img { | |
| max-height: 400px; | |
| } | |
| /* Odd content */ | |
| .opp .featured-page-content { | |
| float: right; | |
| } | |
| .opp .featured-page-image { | |
| float: left; | |
| } | |
| .opp .featured-page-image figure { | |
| text-align: right; | |
| } | |
| /* Middle content */ | |
| .widget_featured_page .midd { | |
| padding: 60px 0 40px; | |
| } | |
| .midd .featured-page-content { | |
| float: none; | |
| text-align: center; | |
| width: 100%; | |
| padding-bottom: 10px; | |
| } | |
| .midd .featured-page-image { | |
| float: none; | |
| width: 100%; | |
| } | |
| .midd .featured-page-image figure { | |
| text-align: center; | |
| } | |
| /*-------------------------------------------------------------- | |
| 8.0 - Footer | |
| --------------------------------------------------------------*/ | |
| #colophon form input, | |
| #colophon form textarea { | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| #colophon { | |
| margin-top: -1px; | |
| } | |
| #colophon .widget-wrap { | |
| background-color: #262626; | |
| color: #888; | |
| } | |
| #colophon .widget-area { | |
| margin-left: -2.56%; | |
| padding: 50px 0 10px; | |
| } | |
| #colophon .one-fourth { | |
| padding-bottom: 0; | |
| } | |
| #colophon .widget { | |
| margin-bottom: 40px; | |
| } | |
| #colophon .widget ul li a { | |
| color: #888; | |
| } | |
| #colophon .widget ul li a:hover { | |
| color: #89a452; | |
| } | |
| #colophon .widget_archive ul li a, | |
| #colophon .widget_pages ul li a, | |
| #colophon .widget_nav_menu ul li a, | |
| #colophon .widget_recent_entries ul li a, | |
| #colophon .widget_categories ul li a, | |
| #colophon .widget_recent_comments ul li a, | |
| #colophon .widget_meta ul li a, | |
| #colophon .widget_rss ul li a { | |
| padding: 4px 0 6px; | |
| display: block; | |
| } | |
| #colophon .widget_archive ul ul li a, | |
| #colophon .widget_pages ul ul li a, | |
| #colophon .widget_nav_menu ul ul li a, | |
| #colophon .widget_recent_entries ul ul li a, | |
| #colophon .widget_categories ul ul li a, | |
| #colophon .widget_recent_comments ul ul li a, | |
| #colophon .widget_meta ul ul li a, | |
| #colophon .widget_rss ul ul li a { | |
| padding-left: 20px; | |
| } | |
| #colophon .widget_archive ul ul ul li a, | |
| #colophon .widget_pages ul ul ul li a, | |
| #colophon .widget_nav_menu ul ul ul li a, | |
| #colophon .widget_recent_entries ul ul ul li a, | |
| #colophon .widget_categories ul ul ul li a, | |
| #colophon .widget_recent_comments ul ul ul li a, | |
| #colophon .widget_meta ul ul ul li a, | |
| #colophon .widget_rss ul ul ul li a { | |
| padding-left: 30px; | |
| } | |
| #colophon .widget-title { | |
| font-size: 16px; | |
| text-transform: uppercase; | |
| line-height: 23px; | |
| color: #fff; | |
| font-weight: 700; | |
| letter-spacing: 2px; | |
| } | |
| #colophon .widget_article { | |
| margin-bottom: 20px; | |
| } | |
| #colophon .widget_recent_entries ul li, | |
| #colophon .widget_recent_comments ul li { | |
| border-color: rgba(255, 255, 255, 0.1); | |
| } | |
| /* Site Info */ | |
| .site-info { | |
| padding: 30px 0px; | |
| background-color: #1a1a1a; | |
| font-size: 14px; | |
| line-height: 21px; | |
| } | |
| .site-info .social-profiles { | |
| width: 31.28%; | |
| } | |
| .site-info .social-profiles ul { | |
| margin: -10px 0 0; | |
| } | |
| .site-info .social-profiles ul li { | |
| margin-top: 10px; | |
| } | |
| .site-info .copyright { | |
| float: left; | |
| padding-top: 2px; | |
| width: 65.64%; | |
| } | |
| .site-info .copyright a { | |
| color: #888; | |
| } | |
| .site-info .copyright a:hover { | |
| color: #89a452; | |
| } | |
| /*-------------------------------------------------------------- | |
| 9.0 - Featured Content | |
| --------------------------------------------------------------*/ | |
| .featured-slider { | |
| margin-top: -1px; | |
| } | |
| .featured-slider, | |
| .featured-slider .slider-cycle, | |
| .featured-slider .container { | |
| position: relative; | |
| } | |
| .featured-slider .displayblock { | |
| display: block; | |
| } | |
| .featured-slider .displaynone { | |
| display: none; | |
| } | |
| .featured-slider .featured-image { | |
| background-attachment: fixed; | |
| background-position: center center; | |
| background-size: cover; | |
| padding: 15% 0; | |
| min-height: 260px; | |
| } | |
| .featured-text { | |
| padding: 0 5%; | |
| text-align: center; | |
| width: 90%; | |
| } | |
| .featured-text, | |
| .featured-text .featured-title a { | |
| color: #fff; | |
| } | |
| .featured-text .featured-title { | |
| font-size: 60px; | |
| line-height: 67px; | |
| font-weight: 300; | |
| } | |
| .featured-text .featured-content { | |
| font-size: 20px; | |
| line-height: 27px; | |
| } | |
| .featured-text .featured-title, | |
| .featured-text .featured-content { | |
| padding-bottom: 40px; | |
| } | |
| .featured-text .call-to-action { | |
| padding: 12px 30px; | |
| color: #fff; | |
| border: 1px solid #fff; | |
| margin: 10px 10px 0; | |
| } | |
| .featured-text .call-to-action:hover { | |
| background-color: #fff; | |
| color: #000; | |
| } | |
| .featured-text .active { | |
| background-color: #89a452; | |
| border: 1px solid #89a452; | |
| color: #fff; | |
| } | |
| .featured-text .active:hover { | |
| border: 1px solid #fff; | |
| color: #89a452; | |
| } | |
| /* Controllers */ | |
| #controllers { | |
| text-align: center; | |
| line-height: 0; | |
| position: absolute; | |
| width: 100%; | |
| bottom: 30px; | |
| z-index: 9999; | |
| } | |
| #controllers a { | |
| width: 8px; | |
| height: 8px; | |
| margin: 0 5px 4px; | |
| overflow: hidden; | |
| display: inline-block; | |
| -webkit-border-radius: 15px; | |
| -moz-border-radius: 15px; | |
| border-radius: 15px; | |
| background-color: #fff; | |
| color: #fff; | |
| text-indent: -100px; | |
| border: 1px solid #fff; | |
| } | |
| #controllers a.active { | |
| width: 15px; | |
| height: 15px; | |
| background-color: transparent; | |
| margin-bottom: 0; | |
| } | |
| /*-------------------------------------------------------------- | |
| 10.0 - Media Queries | |
| --------------------------------------------------------------*/ | |
| /* All size smaller than standard 1291 (devices and browsers) */ | |
| @media only screen and (max-width: 1290px) { | |
| .container, | |
| .narrow-layout #page { | |
| width: 964px; | |
| } | |
| .narrow-layout .container { | |
| width: 904px; | |
| } | |
| } | |
| /* All Tablet Portrait size smaller than standard 1024 (devices and browsers) */ | |
| @media only screen and (max-width: 1023px) { | |
| .container, | |
| .narrow-layout #page { | |
| width: 708px; | |
| } | |
| .narrow-layout .container { | |
| width: 668px; | |
| } | |
| #site-title a img { | |
| max-width: 708px; | |
| } | |
| .narrow-layout #site-title a img { | |
| max-width: 668px; | |
| } | |
| .clearfix-third, | |
| .clearfix-fourth { | |
| clear: none; | |
| } | |
| .clearfix-half { | |
| clear: both; | |
| } | |
| .featured-slider .featured-image { | |
| padding: 25% 0; | |
| } | |
| .featured-slider .featured-image, | |
| .promotional_bar_content, | |
| .page-title-wrap { | |
| background-attachment: scroll; | |
| } | |
| .featured-text .featured-title { | |
| font-size: 45px; | |
| line-height: 52px; | |
| } | |
| #primary, | |
| #secondary { | |
| float: none; | |
| margin-left: 0; | |
| width: 100%; | |
| } | |
| .no-sidebar-layout #main { | |
| margin: 0 ; | |
| width: 100%; | |
| } | |
| /* Column */ | |
| .column { | |
| margin-left: -2.99%; | |
| } | |
| .one-half, | |
| .one-third, | |
| .one-fourth { | |
| margin: 0 0 0 2.9%; | |
| } | |
| .one-third, | |
| .one-fourth { | |
| width: 30.43%; | |
| } | |
| .widget_service .one-third, | |
| .widget_service .one-fourth { | |
| width: 47.09%; | |
| } | |
| /* Custom Gallery Page */ | |
| .custom-gallery #content .column { | |
| margin-left: -20px; | |
| } | |
| .custom-gallery #content .one-half, | |
| .custom-gallery #content .one-third, | |
| .custom-gallery #content .one-fourth { | |
| margin-left: 20px; | |
| } | |
| .custom-gallery #content .one-half { | |
| width: 324px; | |
| } | |
| .custom-gallery #content .one-third, | |
| .custom-gallery #content .one-fourth { | |
| width: 209px; | |
| } | |
| #colophon .widget-area { | |
| margin-left: 0; | |
| } | |
| #colophon .one-fourth { | |
| width: 100%; | |
| float: none; | |
| margin: 0; | |
| } | |
| } | |
| /* All Mobile Portrait size smaller than 768 (devices and browsers) */ | |
| @media only screen and (max-width: 767px) { | |
| hr { | |
| margin-bottom: 30px; | |
| } | |
| input[type="text"], | |
| input[type="email"], | |
| input[type="search"], | |
| input[type="password"], | |
| input[type="tel"], | |
| input[type="url"], | |
| input[type="date"], | |
| textarea, | |
| input[type="reset"], | |
| input[type="button"], | |
| input[type="submit"], | |
| input[type="radio"], | |
| input[type="checkbox"], | |
| input[type="file"] { | |
| margin-bottom: 20px; | |
| } | |
| input.s { | |
| margin: 0; | |
| } | |
| .container, | |
| .narrow-layout #page { | |
| width: 300px; | |
| } | |
| .narrow-layout .container { | |
| width: 280px; | |
| } | |
| .comments-title, | |
| #respond h3#reply-title { | |
| font-size: 26px; | |
| line-height: 32px; | |
| } | |
| #main h1, | |
| #main h2, | |
| #main h3, | |
| #main h4, | |
| #main h5, | |
| #main h6 { | |
| padding-bottom: 10px; | |
| } | |
| .narrow-layout #colophon { | |
| margin-bottom: 10px; | |
| } | |
| #site-logo { | |
| margin-bottom: 13px; | |
| margin-top: 13px; | |
| max-width: 265px; | |
| } | |
| #site-title a img { | |
| max-width: 265px; | |
| } | |
| .narrow-layout #site-logo, | |
| .narrow-layout #site-title a img { | |
| max-width: 240px; | |
| } | |
| .hgroup-right { | |
| padding-right: 0; | |
| min-width: inherit; | |
| } | |
| .search-toggle { | |
| display: none; | |
| } | |
| /* Responsive Navigation */ | |
| .menu-toggle { | |
| display: block; | |
| background-color: rgba(0, 0, 0, 0); | |
| font-size: 0; | |
| border: 0 none; | |
| padding: 0; | |
| color: #666; | |
| width: 30px; | |
| height: 21px; | |
| float: right; | |
| margin-top: 19px; | |
| cursor: pointer; | |
| } | |
| .menu-toggle:before { | |
| display: block; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-size: 25px; | |
| line-height: 0; | |
| font-family: 'Genericons'; | |
| vertical-align: top; | |
| content: '\f419'; | |
| } | |
| .hgroup-right { | |
| clear: both; | |
| float: none; | |
| } | |
| .nav-menu { | |
| display: none; | |
| } | |
| .toggled-on .nav-menu { | |
| display: block; | |
| } | |
| .main-navigation { | |
| float: none; | |
| } | |
| .main-navigation li { | |
| position: inherit; | |
| width: 100%; | |
| border-top: 1px solid rgba(0, 0, 0, 0.1); | |
| margin-left: 0; | |
| } | |
| .main-navigation a { | |
| float: none; | |
| padding: 10px 0; | |
| height: inherit; | |
| } | |
| /* Dropdown */ | |
| .main-navigation ul li ul, | |
| .main-navigation ul li:hover ul ul, | |
| .main-navigation ul ul li:hover ul ul, | |
| .main-navigation ul ul ul li:hover ul ul, | |
| .main-navigation ul ul ul ul li:hover ul ul { | |
| display: block; | |
| } | |
| .main-navigation ul li ul { | |
| position: inherit; | |
| top: 0; | |
| width: inherit; | |
| } | |
| .main-navigation ul li ul li a, | |
| .main-navigation ul li.current-menu-item ul li a, | |
| .main-navigation ul li ul li.current-menu-item a, | |
| .main-navigation ul li.current_page_ancestor ul li a, | |
| .main-navigation ul li.current-menu-ancestor ul li a, | |
| .main-navigation ul li.current_page_item ul li a { | |
| padding: 10px 0 10px 15px; | |
| } | |
| .main-navigation ul li ul li a:hover, | |
| .main-navigation ul li ul li:hover > a, | |
| .main-navigation ul li.current-menu-item ul li a:hover { | |
| background-color: inherit; | |
| } | |
| .main-navigation ul li ul li ul { | |
| left: 0; | |
| } | |
| .main-navigation ul li ul li ul li a, | |
| .main-navigation ul li.current-menu-item ul li ul li a, | |
| .main-navigation ul li ul li.current-menu-item ul li a, | |
| .main-navigation ul li.current_page_ancestor ul li ul li a, | |
| .main-navigation ul li.current-menu-ancestor ul li ul li a, | |
| .main-navigation ul li.current_page_item ul li ul li a { | |
| padding-left: 21px; | |
| } | |
| .featured-text .featured-title { | |
| font-size: 30px; | |
| line-height: 37px; | |
| } | |
| .featured-text .featured-title, | |
| .featured-text .featured-content { | |
| padding-bottom: 20px; | |
| } | |
| .featured-text .call-to-action { | |
| margin: 10px 5px 0; | |
| padding: 10px 13px; | |
| } | |
| .page-title-wrap { | |
| padding: 20px 0; | |
| } | |
| #content { | |
| padding-top: 50px; | |
| } | |
| /* Column */ | |
| .column { | |
| margin-left: 0; | |
| } | |
| .one-half, | |
| .one-third, | |
| .one-fourth, | |
| .widget_service .one-half, | |
| .widget_service .one-third, | |
| .widget_service .one-fourth, | |
| .widget_recent_work .recent-work-col { | |
| margin: 0; | |
| width: 100%; | |
| } | |
| /* Custom Gallery Page */ | |
| .custom-gallery #content .column { | |
| margin-left: 0; | |
| } | |
| .custom-gallery #content .one-half, | |
| .custom-gallery #content .one-third, | |
| .custom-gallery #content .one-fourth { | |
| margin: 0; | |
| padding-bottom: 10px; | |
| width: 280px; | |
| } | |
| #main .post, | |
| #main .attachment { | |
| padding-bottom: 40px; | |
| } | |
| #main .sticky { | |
| padding: 10px 10px 0; | |
| margin-bottom: 40px; | |
| } | |
| #wp_page_numbers, | |
| .wp-pagenavi, | |
| #main ul.default-wp-page, | |
| .pagination { | |
| margin-bottom: 40px; | |
| } | |
| #wp_page_numbers ul li.page_info, | |
| .wp-pagenavi .pages { | |
| display: none; | |
| } | |
| .widget { | |
| margin-bottom: 40px; | |
| } | |
| .widget_custom-tagcloud { | |
| margin-bottom: 32px; | |
| } | |
| .widget_article { | |
| margin-bottom: 20px; | |
| } | |
| .widget_featured_page, | |
| .widget_promotional_bar, | |
| .widget_testimonial, | |
| .widget_recent_work, | |
| .widget_service, | |
| .widget_ourclients { | |
| margin-bottom: 0; | |
| } | |
| .widget_featured_page .container { | |
| padding: 60px 0 40px; | |
| } | |
| .featured-page-content { | |
| padding-bottom: 10px; | |
| } | |
| .widget_featured_page .featured-page-content, | |
| .widget_featured_page .featured-page-image { | |
| float: none; | |
| width: 100%; | |
| text-align: center; | |
| } | |
| .widget_featured_page .featured-page-image figure { | |
| text-align: center; | |
| padding: 0 5%; | |
| } | |
| .widget_featured_page .featured-page-image figure img { | |
| max-height: 250px; | |
| } | |
| .widget_ourclients ul li { | |
| max-width: 120px; | |
| } | |
| #colophon .widget_article { | |
| margin-bottom: 20px; | |
| } | |
| .site-info .social-profiles, | |
| .site-info .copyright { | |
| float: none; | |
| width: 100%; | |
| } | |
| .site-info .social-profiles ul { | |
| text-align: center; | |
| float: none; | |
| } | |
| .site-info .social-profiles ul li { | |
| display: inline-block; | |
| float: none; | |
| } | |
| .site-info .copyright { | |
| padding-top: 20px; | |
| text-align: center; | |
| } | |
| } | |
| /* All Mobile landscape size and All Mini Tablet Portrait size smaller than standard 768 and larger than 480 (devices and browsers) */ | |
| @media only screen and (min-width: 480px) and (max-width: 767px) { | |
| .container, | |
| .narrow-layout #page { | |
| width: 460px; | |
| } | |
| .narrow-layout .container { | |
| width: 440px; | |
| } | |
| .narrow-layout #colophon { | |
| margin-bottom: 20px; | |
| } | |
| #site-logo, | |
| #site-title a img { | |
| max-width: 420px; | |
| } | |
| .narrow-layout #site-logo, | |
| .narrow-layout #site-title a img { | |
| max-width: 400px; | |
| } | |
| .featured-slider .featured-image { | |
| padding: 15% 0; | |
| } | |
| #main .sticky { | |
| padding: 15px 15px 0; | |
| } | |
| /* Column */ | |
| .column { | |
| margin-left: -3.57%; | |
| } | |
| .one-half, | |
| .one-third, | |
| .one-fourth { | |
| margin: 0 0 0 3.44%; | |
| width: 46.56%; | |
| } | |
| .widget_recent_work .recent-work-col { | |
| float: left; | |
| width: 33.33%; | |
| } | |
| .widget_service .column { | |
| margin-left: 0; | |
| } | |
| .widget_recent_work .recent-work-col a { | |
| min-height: 50px; | |
| } | |
| .widget_recent_work .recent-work-col a .recent-work-content { | |
| display: none; | |
| } | |
| /* Custom Gallery Page */ | |
| .custom-gallery #content .column { | |
| margin-left: -14px; | |
| } | |
| .custom-gallery #content .one-half, | |
| .custom-gallery #content .one-third, | |
| .custom-gallery #content .one-fourth { | |
| margin-left: 14px; | |
| width: 203px; | |
| } | |
| } | |
| /* All Mobile size smaller than standard 320 (devices and browsers) */ | |
| @media only screen and (max-width: 319px) { | |
| .container, | |
| .narrow-layout #page, | |
| .narrow-layout .container { | |
| width: 95%; | |
| } | |
| .custom-gallery #content .one-half, | |
| .custom-gallery #content .one-third, | |
| .custom-gallery #content .one-fourth { | |
| width: 100%; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment