From: Anthony Talarico Date: Thu, 7 Dec 2017 13:47:50 +0000 (-0500) Subject: initial commit X-Git-Tag: v1.0.0~1 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=b540ae542b7e4d66184242778bb96f776537c98d;p=WP-Themes%2Fresorttownship.git initial commit --- b540ae542b7e4d66184242778bb96f776537c98d diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..d39bac5 --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +*.DS_Store +/bower_components/* +/node_modules/* \ No newline at end of file diff --git a/Gruntfile.js b/Gruntfile.js new file mode 100644 index 0000000..4c513e7 --- /dev/null +++ b/Gruntfile.js @@ -0,0 +1,85 @@ +module.exports = function(grunt) { + grunt.initConfig({ + pkg: grunt.file.readJSON('package.json'), + + sass: { + options: { + includePaths: ['bower_components/foundation/scss'], + sourceMap: true + }, + dist: { + options: { + outputStyle: 'expanded' + }, + files: { + 'css/app.css': 'scss/app.scss' + } + } + }, + + copy: { + scripts: { + expand: true, + cwd: 'bower_components/', + src: '**/*.js', + dest: 'js' + }, + + maps: { + expand: true, + cwd: 'bower_components/', + src: '**/*.map', + dest: 'js' + } + }, + + uglify: { + dist: { + files: { + 'js/modernizr/modernizr.min.js': ['js/modernizr/modernizr.js'] + } + } + }, + + concat: { + options: { + separator: ';' + }, + dist: { + src: [ + 'js/dollarsign.js', + 'js/foundation/js/foundation.min.js', + 'js/custom/*.js', + ], + + dest: 'js/app.js' + } + + }, + + watch: { + grunt: { files: ['Gruntfile.js'] }, + + sass: { + files: 'scss/**/*.{scss,sass}', + tasks: ['sass'] + }, + + scripts: { + files: ['js/custom/*.js'], + tasks: ['concat', 'uglify'] + } + + } + }); + + grunt.loadNpmTasks('grunt-sass'); + grunt.loadNpmTasks('grunt-contrib-watch'); + grunt.loadNpmTasks('grunt-contrib-concat'); + grunt.loadNpmTasks('grunt-contrib-copy'); + grunt.loadNpmTasks('grunt-contrib-uglify'); + + grunt.registerTask('build', ['sass', 'copy', 'uglify', 'concat']); + grunt.registerTask('runwatch', ['sass','uglify', 'concat']); + grunt.registerTask('default', ['runwatch','watch']); +} diff --git a/README.md b/README.md new file mode 100644 index 0000000..bec84c1 --- /dev/null +++ b/README.md @@ -0,0 +1,28 @@ +# Gaslight Media Foundation Template + +This is a template to start your own project that uses Grunt and libsass! + +## Requirements + +You'll need to have the following items installed before continuing. + + * [Node.js](http://nodejs.org): Use the installer provided on the NodeJS website. + * [Grunt](http://gruntjs.com/): Run `[sudo] npm install -g grunt-cli` + * [Bower](http://bower.io): Run `[sudo] npm install -g bower` + +## Quickstart + +```bash +npm install && bower install +``` + +While you're working on your project, run: + +`grunt` + +And you're set! + +## Directory Structure + + * `scss/_settings.scss`: Foundation configuration settings go in here + * `scss/app.scss`: Application styles go here diff --git a/bower.json b/bower.json new file mode 100644 index 0000000..028481f --- /dev/null +++ b/bower.json @@ -0,0 +1,6 @@ +{ + "name": "foundation-libsass-template", + "dependencies": { + "foundation": "zurb/bower-foundation" + } +} diff --git a/comments.php b/comments.php new file mode 100644 index 0000000..353cd14 --- /dev/null +++ b/comments.php @@ -0,0 +1,89 @@ + 1 && get_option( 'page_comments' ) ) : +?> + + + +
+ + +

+ +

+ + + +
    + 'ol', + 'short_ping' => true, + 'avatar_size' => 56, + ) ); + ?> +
+ + + + + + +

+ + + 'button' + ) +); ?> + +
diff --git a/functions.php b/functions.php new file mode 100644 index 0000000..e5f35fc --- /dev/null +++ b/functions.php @@ -0,0 +1,143 @@ + __('Slideshow'), + 'id' => 'slideshow', + 'description' => __('Meta Slider/Slideshow Area') + )); + } + +} + +/** + * Return the client info option for the given key + * + * @param type $name Name of the client info option to return + * + * @return string Option + */ +if (!function_exists('glm_get_clientinfo_option')) { + function glm_get_clientinfo_option($name) + { + $settings = get_option('glmclientinfo_settings'); + $states = get_option('glmclientinfo_states'); + if ($name == 'stateFull' && $settings['state']) { + return $states[$settings['state']]; + } + if ($name == 'state2Full' && $settings['state2']) { + return $states[$settings['state2']]; + } + return ($settings && $settings[$name]) + ? $settings[$name] + : null; + } +} + +add_theme_support('post-thumbnails'); +set_post_thumbnail_size(120, 100, true); +/** + * glm_site_scripts + * + * Add the scripts that we'll need for any home page stuff + */ +function glm_site_scripts() +{ + wp_enqueue_script( + 'modernizr', + get_template_directory_uri() . '/js/modernizr/modernizr.min.js' + ); + wp_enqueue_script('jquery'); + wp_enqueue_script( + 'glm_foundation', + get_template_directory_uri() . '/js/app.js', + 'jquery', + '1.0', + true + ); + if(is_front_page()) { + } + +} + + +/* Header for posts*/ +function glm_get_header() { + echo 'post_type == 'page') { + $image_data = wp_get_attachment_image_src(get_post_thumbnail_id(), "full"); + echo ' style="background-image: url('.$image_data[0].');height:0;padding:0;padding-bottom:20%;background-position:center center;background-size: 100%;background-repeat:no-repeat;max-height: 300px; "'; + } else { + //echo ' style="background-image: url('.get_template_directory_uri().'/assets/default-header.gif);height:0;padding:0;padding-bottom:30%;background-position:center center;background-size: 100%;background-repeat:no-repeat;max-height: 300px;"'; + echo ' class="no-featured"'; + } + echo '>'; + echo ''; + echo '
'; + echo '
'; + echo '
'; + echo '
'; +} + +// // The code below is useful when you want the image to resize to +// if (has_post_thumbnail()) { +// $image_data = wp_get_attachment_image_src(get_post_thumbnail_id(), "full"); +// echo ''; +// } else { +// echo ''; +// } +// echo '
'; +// echo '
'; +// echo '
'; +// echo '
'; + +add_action('wp_enqueue_scripts', 'glm_site_scripts'); + + +// Start of the Contextual/Highlight Search functions +function mytheme_init() { + remove_action('thematic_searchloop', 'thematic_search_loop'); +} + +add_action('init', 'mytheme_init', 10); + +function wpse_setup_theme() { + add_image_size('glm-block-image', 290, 190,true); +} + +add_action( 'after_setup_theme', 'wpse_setup_theme' ); +function mytheme_search_loop() { + while ( have_posts() ) : the_post(); ?> + +
+ +
+ + +
+ +
+ + post->ID)) return true; + return false; +} + +add_action('thematic_searchloop', 'mytheme_search_loop'); +// End of the Contextual/Highlight Search functions +?> diff --git a/index.php b/index.php new file mode 100644 index 0000000..3f0fbc4 --- /dev/null +++ b/index.php @@ -0,0 +1,43 @@ + + + + + +
+
+
+ +
+ +
+
+ + + + + + \ No newline at end of file diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js new file mode 100644 index 0000000..7b76e81 --- /dev/null +++ b/js/custom/pageSetup.js @@ -0,0 +1,24 @@ +// Load foundation +$(document).foundation(); +$(document).ready(function () { + $('ul.children').each(function () { + $(this).before(''); + }); + $('a.toggle').click('click', function () { + $(this).toggleClass('open'); + $(this).siblings('ul').toggleClass('open'); + }); + $('.top-bar-section').find('ul.sub-menu.dropdown').each(function (){ + var menuImg = $(this).parent('li').prop('id'); + var menuNum = menuImg.match(/\d+/)[0]; + var menuImgSrc = 'img_for_menu_' + menuNum; + if (window['img_for_menu_' + menuNum]) { + $(this).find('li.image-placeholder').html(''); + } else { + $(this).find('li.image-placeholder').parent('ul').addClass('no-image-subul'); + $(this).find('li.image-placeholder').remove(); + } + //console.log('ul = ' + menuImg); + //console.log('menu-id = ' + menuNum); + }); +}); diff --git a/js/dollarsign.js b/js/dollarsign.js new file mode 100644 index 0000000..2d7a2e9 --- /dev/null +++ b/js/dollarsign.js @@ -0,0 +1,6 @@ +/* + * To avoid conflicts, Wordpress tends to prefer jQuery being used over $. + * As long as this file is included, no such conflicts should arise. Ensure it + * is called before other .js files using $. + */ +var $=jQuery.noConflict(); \ No newline at end of file diff --git a/lib/menu-walker.php b/lib/menu-walker.php new file mode 100644 index 0000000..64b5a96 --- /dev/null +++ b/lib/menu-walker.php @@ -0,0 +1,81 @@ +has_children = ! empty( $children_elements[ $element->ID ] ); + $element->classes[] = ( $element->current || $element->current_item_ancestor ) ? 'active' : ''; + $element->classes[] = ( $element->has_children && 1 !== $max_depth ) ? 'has-dropdown' : ''; + $element->classes[] = ( $element->post_parent == 0 && $mainLevelCounter < 6 ) ? '' : 'drop-left'; + parent::display_element( $element, $children_elements, $max_depth, $depth, $args, $output ); + } + + function start_el( &$output, $object, $depth = 0, $args = array(), $current_object_id = 0 ) { + $item_html = ''; + parent::start_el( $item_html, $object, $depth, $args ); + + // Insert style to display page's thumbnail + $item_style = ''; + if ($depth == 0 && has_post_thumbnail((int)$object->object_id)) { + $thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id((int)$object->object_id), 'large'); + $item_style .= ""; + } + //$output .= ( 0 == $depth ) ? '
  • ' : ''; + $classes = empty( $object->classes ) ? array() : (array) $object->classes; + if ( in_array( 'label', $classes ) ) { + //$output .= '
  • '; + $item_html = preg_replace( '/]*>(.*)<\/a>/iU', '', $item_html ); + } + if ( in_array( 'divider', $classes ) ) { + $item_html = preg_replace( '/]*>( .* )<\/a>/iU', '', $item_html ); + } + if ($item_style) + $output .= $item_style; + $output .= $item_html; + } + + function start_lvl( &$output, $depth = 0, $args = array() ) { + $output .= "\n
      \n"; + } +} +endif; +if ( ! class_exists( 'Glm_Theme_Off_Canvas_Walker' ) ) : +class Glm_Theme_Off_Canvas_Walker extends Walker_Nav_Menu { + function display_element( $element, &$children_elements, $max_depth, $depth = 0, $args, &$output ) { + $element->has_children = ! empty( $children_elements[ $element->ID ] ); + $element->classes[] = ( $element->current || $element->current_item_ancestor ) ? 'active' : ''; + $element->classes[] = ( $element->has_children && 1 !== $max_depth ) ? 'page_item_has_children' : ''; + $element->classes[] = 'page_item'; + + parent::display_element( $element, $children_elements, $max_depth, $depth, $args, $output ); + } + + function start_el( &$output, $object, $depth = 0, $args = array(), $current_object_id = 0 ) { + $item_html = ''; + parent::start_el( $item_html, $object, $depth, $args ); + + $classes = empty( $object->classes ) ? array() : (array) $object->classes; + + if ( in_array( 'label', $classes ) ) { + $item_html = preg_replace( '/]*>(.*)<\/a>/iU', '', $item_html ); + } + + $output .= $item_html; + } + + function start_lvl( &$output, $depth = 0, $args = array() ) { + $output .= "\n
        \n"; + } + + function end_lvl(&$output, $depth = 0, $args = array()){ + $output .= '
      '; + } +} +endif; +?> diff --git a/lib/navigation.php b/lib/navigation.php new file mode 100644 index 0000000..f5b5d91 --- /dev/null +++ b/lib/navigation.php @@ -0,0 +1,165 @@ + 'Site Navigation' +)); + +/** + * Top Bar + */ +if ( ! function_exists( 'glm_theme_top_bar' ) ) { + function glm_theme_top_bar() { + wp_nav_menu(array( + 'container' => false, // remove nav container + 'container_class' => '', // class of container + 'menu' => '', // menu name + 'menu_class' => '', // adding custom nav class + 'theme_location' => 'top-bar', // where it's located in the theme + 'before' => '', // before each link + 'after' => '', // after each link + 'link_before' => '', // before each link text + 'link_after' => '', // after each link text + 'depth' => 3, // limit the depth of the nav + 'fallback_cb' => false, // fallback function (see below) + 'walker' => new Glm_Theme_Top_Bar_Walker() + )); + } +} + +/** + * Mobile off-canvas + */ +if ( ! function_exists( 'glm_theme_mobile_off_canvas' ) ) { + function glm_theme_mobile_off_canvas() { + echo '
      '; + echo '
      • Home
        • '; + echo glm_get_mobile_nav_menu( 'top-bar' ); + echo '
      '; + } +} + +function glm_get_mobile_nav_menu( $theme_location ) +{ + $menu = wp_nav_menu(array( + 'echo' => false, // don't echo + 'container' => false, // remove nav container + 'container_class' => '', // class of container + 'menu' => '', // menu name + 'menu_class' => 'off-canvas-list', // adding custom nav class + 'theme_location' => $theme_location, // where it's located in the theme + 'before' => '', // before each link + 'after' => '', // after each link + 'link_before' => '', // before each link text + 'link_after' => '', // after each link text + 'depth' => 5, // limit the depth of the nav + 'fallback_cb' => false, // fallback function (see below) + 'walker' => new Glm_Theme_Off_Canvas_Walker() + )); + return preg_replace( array( '%^]*>%', '%
    $%' ), '', $menu ); +} + +/** + * Footer + */ +if ( ! function_exists( 'glm_theme_footer' ) ) { + function glm_theme_footer() { + wp_nav_menu(array( + 'container' => false, // remove nav container + 'container_class' => '', // class of container + 'menu' => '', // menu name + 'menu_class' => '', // adding custom nav class + 'theme_location' => 'footer', // where it's located in the theme + 'before' => '', // before each link + 'after' => '', // after each link + 'link_before' => '', // before each link text + 'link_after' => '', // after each link text + 'depth' => 1, // limit the depth of the nav + 'fallback_cb' => false, // fallback function (see below) + )); + } +} + +/** + * glm_page_menu + * + * Grab the top level pages and their sub pages as the main navigation + */ +function glm_page_menu($parent = 0, $class = '') +{ + $menuConfig = glm_get_menu_options(); + $frontPageId = get_option('page_on_front'); + $parents = array(); + $args = array( + 'post_type' => 'page', + 'parent' => $parent, + 'number' => '', + 'exclude' => $frontPageId, + 'post_status' => 'publish', + 'sort_order' => 'asc', + 'sort_column' => 'menu_order' + ); + if ($parent == 0 && $menuConfig['menu_options']['main_level_pages']) { + $args['include'] = $menuConfig['menu_options']['main_level_pages']; + } + $pages = get_pages($args); + echo ''."\n"; + foreach ($pages as $page) { + $childs = get_pages('child_of=' . $page->ID); + if (count($childs) > 0) { + echo '
  • '."\n"; + echo ''.$page->post_title.''."\n"; + echo glm_page_menu($page->ID, 'sub-menu dropdown'); + echo '
    • '."\n"; + } else { + echo '
  • '.$page->post_title.'
    • '."\n"; + } + } + echo ''."\n"; +} + +/** + * glm_offcanvas_menu + * + * Generate the list of pages as nested ul li list + */ +function glm_offcanvas_menu() +{ + wp_page_menu(array( + 'depth' => 0, + 'sort_column' => 'menu_order', + 'menu_class' => 'left-off-canvas-list' + )); +} + +/** + * get_menu_options + * + * Grab the menu options from the theme.ini file + */ +function glm_get_menu_options() +{ + static $menu_options; + $themeConfig = get_template_directory() . '/theme.ini'; + + if (!$menu_options && is_file($themeConfig)) { + $menu_options = parse_ini_file($themeConfig, true); + } + return $menu_options; +} + +function glm_side_menu() { + global $post; + $parents = get_post_ancestors($post->ID); + $id = ($parents) ? $parents[count($parents)-1]: $post->ID; + $parent = get_page( $id ); + if ($id == 0) { + $ID = $post->ID; + } else { + $ID = $parent->ID; + } + echo '

    '.get_the_title($ID).'

    '; + echo '
      '."\n"; + echo wp_list_pages( 'child_of='.$ID.'&title_li=&depth=1&echo=0'); + echo '
    '."\n"; +} + diff --git a/nggallery/album-glmalbums.php b/nggallery/album-glmalbums.php new file mode 100644 index 0000000..9ebf91f --- /dev/null +++ b/nggallery/album-glmalbums.php @@ -0,0 +1,60 @@ + + If you would like to show the timestamp of the image ,you can use +**/ +?> + + +
    + + + + +
    +
    +
    + + <?php echo esc_attr($gallery->title) ?> + +
    +
    + +
    +

    + > + title); ?> + +

    +

    + counter > 0) { ?> + counter; ?>  + +   + +

    +
    +
    + + +
    + +
    + + diff --git a/nggallery/gallery-glmphotos-8.php b/nggallery/gallery-glmphotos-8.php new file mode 100644 index 0000000..28bb6c9 --- /dev/null +++ b/nggallery/gallery-glmphotos-8.php @@ -0,0 +1,55 @@ + + If you would like to show the timestamp of the image ,you can use +**/ +?> + + + + + + + + + + diff --git a/nggallery/gallery-glmphotos-narrow.php b/nggallery/gallery-glmphotos-narrow.php new file mode 100644 index 0000000..bc07527 --- /dev/null +++ b/nggallery/gallery-glmphotos-narrow.php @@ -0,0 +1,55 @@ + + If you would like to show the timestamp of the image ,you can use +**/ +?> + + + + + + + + + + diff --git a/nggallery/gallery-glmphotos.php b/nggallery/gallery-glmphotos.php new file mode 100644 index 0000000..c5329e2 --- /dev/null +++ b/nggallery/gallery-glmphotos.php @@ -0,0 +1,66 @@ + + If you would like to show the timestamp of the image ,you can use +**/ +?> + + +
    + + + + + + +
    + + diff --git a/nggallery/gallery-glmvideos.php b/nggallery/gallery-glmvideos.php new file mode 100644 index 0000000..367627d --- /dev/null +++ b/nggallery/gallery-glmvideos.php @@ -0,0 +1,72 @@ + + If you would like to show the timestamp of the image ,you can use +**/ +?> + + + + + diff --git a/package.json b/package.json new file mode 100644 index 0000000..75d7d9b --- /dev/null +++ b/package.json @@ -0,0 +1,14 @@ +{ + "name": "resortTownship", + "description": "Gaslight Media", + "version": "0.0.1", + "devDependencies": { + "node-sass": "~2.0.1", + "grunt": "~0.4.5", + "grunt-contrib-watch": "~0.6.1", + "grunt-sass": "~0.18.0", + "grunt-contrib-uglify": "~0.7.0", + "grunt-contrib-concat": "~0.5.0", + "grunt-contrib-copy": "~0.7.0" + } +} \ No newline at end of file diff --git a/parts/blog-content-area.php b/parts/blog-content-area.php new file mode 100644 index 0000000..66c0dd3 --- /dev/null +++ b/parts/blog-content-area.php @@ -0,0 +1,28 @@ +
    + +
    + + ID, 'blog-feed-front'); ?> + +
    + +
    +
    + +
    + + + +
    +
    + +
    + + +
    + +
    +

    +
    + +
    \ No newline at end of file diff --git a/parts/blog-feed-front.php b/parts/blog-feed-front.php new file mode 100644 index 0000000..ba35dbb --- /dev/null +++ b/parts/blog-feed-front.php @@ -0,0 +1,27 @@ + 4);?> +
    + +
    +
    + ID )) { ?> +
    + ID, array(190, 190), array('class' => 'blog-excerpt-img-wrap')); ?> +
    +
    + +
    + + +

    + +
    +
    +
    +
    +
    + + +
    \ No newline at end of file diff --git a/parts/blog-sidebar-r.php b/parts/blog-sidebar-r.php new file mode 100644 index 0000000..75fe9b0 --- /dev/null +++ b/parts/blog-sidebar-r.php @@ -0,0 +1,33 @@ +
    +
    +
    +
    + +
    +
    +

    Recent Posts

    +
      + '5','post_status'=>'publish' ); + $recent_posts = wp_get_recent_posts( $args ); + foreach( $recent_posts as $recent ){ + echo '
    • ' . $recent["post_title"].'
      • '; + } + ?> +
    +

    Categories

    + +

    Archive

    +
      'monthly', 'limit' => 12 ) ); ?>
    +
    +
    \ No newline at end of file diff --git a/parts/blog-text-single.php b/parts/blog-text-single.php new file mode 100644 index 0000000..6fda71f --- /dev/null +++ b/parts/blog-text-single.php @@ -0,0 +1,12 @@ +
    > +
    +

    + + +
    + + + Posted on +
    + +
    \ No newline at end of file diff --git a/parts/blog-text.php b/parts/blog-text.php new file mode 100644 index 0000000..31cc5c5 --- /dev/null +++ b/parts/blog-text.php @@ -0,0 +1,12 @@ +
    > +
    +

    + + + + + + Posted on +
    + +
    \ No newline at end of file diff --git a/parts/glm-blocks.php b/parts/glm-blocks.php new file mode 100644 index 0000000..16eedfd --- /dev/null +++ b/parts/glm-blocks.php @@ -0,0 +1,28 @@ + + +
    + +
    + url):?> + externalUrl){echo ' target="_blank"';}?>> + + ID, 'glm-block-image');?> + url):?> + + + url):?> + externalUrl){echo ' target="_blank"';}?>> + +

    post_title;?>

    + url):?> +     + +

    post_content) . $block->post_excerpt;?>

    + url):?> + + +
    + +
    + + diff --git a/parts/header-meta.php b/parts/header-meta.php new file mode 100644 index 0000000..439c6d1 --- /dev/null +++ b/parts/header-meta.php @@ -0,0 +1,8 @@ + + + + <?php wp_title(); ?> + + + + \ No newline at end of file diff --git a/parts/main-content.php b/parts/main-content.php new file mode 100644 index 0000000..5a9ccd0 --- /dev/null +++ b/parts/main-content.php @@ -0,0 +1,7 @@ +
    + + + +

    + +
    \ No newline at end of file diff --git a/parts/search-form.php b/parts/search-form.php new file mode 100644 index 0000000..a8b83f3 --- /dev/null +++ b/parts/search-form.php @@ -0,0 +1,4 @@ + \ No newline at end of file diff --git a/parts/slide-show.php b/parts/slide-show.php new file mode 100644 index 0000000..94844b5 --- /dev/null +++ b/parts/slide-show.php @@ -0,0 +1,7 @@ + +
    + + + +
    + diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..214e411 --- /dev/null +++ b/robots.txt @@ -0,0 +1,4 @@ +# www.robotstxt.org/ +# www.google.com/support/webmasters/bin/answer.py?hl=en&answer=156449 + +User-agent: * diff --git a/scss/_blog.scss b/scss/_blog.scss new file mode 100644 index 0000000..97574b8 --- /dev/null +++ b/scss/_blog.scss @@ -0,0 +1,113 @@ + +.home-feed-post { + padding-bottom: 25px; +// @media #{$small-only} { +// > * { +// text-align: center; +// } +// } +} +input[type="submit"].blogbutton { + border-radius: 3px; + color: $white; + border: 2px solid $white; + font-weight: bold; + font-size: 13px; + padding: 2px 5px; + margin-top: -10px; + text-transform: uppercase; + &:hover { + cursor: pointer; + background: $white; + border: 2px solid #035C84; + color: white; + } +} +#blog-posts-over article { + padding-top: 10px; + margin-bottom: 15px; + display: inline-block; + width: 100%; + .entry-header { + background: transparent; + } + #addthis_wrapper { + margin-top: -25px; + } + p { + padding-bottom: 15px; + } + a.read-more { + border: 2px solid $white; + font-weight: bold; + font-size: 13px; + padding: 0 3px; + text-transform: uppercase; + &:hover { + background: $white; + border: 2px solid #035C84; + color: #035C84; + } + } + .entry-header { + margin-bottom: 10px; + .entry-title { + margin-bottom: 0; + } + .meta.date { + font-size: 13px; + font-weight: bold; + } + } +} +/*#searchform div input &[type="text"] { + width: 95%; +}*/ +#blog-posts-over .entry-meta { + text-align: center; + color: #757575; + font-size: 12px; +} +#blog-posts-over > div { + margin: 25px 0; +} +#blog-side-info { + #searchform { + margin-bottom: 30px; + } + p { + margin-bottom: 0; + } +} +@media #{$small-only} { + #blog-side-info-wrapper { + float: none; + margin: 0 auto; + clear: both; + } + #blog-side-info { + padding-left: 0; + border-left: 0; + ul { + margin-left: 0; + margin-top:10px; + } + #searchform { + padding: 35px 0; + #s { + width: 100%; + } + } + } +} +#blog-side-info { + padding-right: 10px; + ul { + list-style-type: none; + } +} +.blog-archive, .blog-home { + .featured-image-wrap{ + display: none; + } +} \ No newline at end of file diff --git a/scss/_body.scss b/scss/_body.scss new file mode 100644 index 0000000..3e942e8 --- /dev/null +++ b/scss/_body.scss @@ -0,0 +1,13 @@ +body { + .shadow-wrapper { + margin: 0 auto; + background: $white; + box-shadow: 0 0 15px -6px $black; + -ms-box-shadow: 0 0 15px -6px $black; + -moz-box-shadow: 0 0 15px -6px $black; + -webkit-box-shadow: 0 0 15px -6px $black; + + max-width: 1000px; + padding-top: rem-calc(20); + } +} diff --git a/scss/_content.scss b/scss/_content.scss new file mode 100644 index 0000000..e69de29 diff --git a/scss/_copyright.scss b/scss/_copyright.scss new file mode 100644 index 0000000..886ae55 --- /dev/null +++ b/scss/_copyright.scss @@ -0,0 +1,18 @@ +#copyright { + padding: 20px 0; + margin: 0 auto; + float: none; + span { + font-size: rem-calc(10); + } + a { + color: $black; + } +} +#footer_address span.bullet, +#copyright span.bullet { + margin: 0 5px; + @media #{$small-only} { + display: none !important; + } +} diff --git a/scss/_defaults.scss b/scss/_defaults.scss new file mode 100644 index 0000000..78383e3 --- /dev/null +++ b/scss/_defaults.scss @@ -0,0 +1,55 @@ +// This document will contain all the styles that we want to apply to every +// site. Make sure this is placed before _structures (if that is still the +// primary css file). + +h1,h2,h3,h4,h5,h6 { + clear: both; +} + +/* PLUGINS */ +/* Nextgen */ +.gallery li a img { // without this images will overlap each other at certain widths + display: block; + width: 100%; +} +.ngg-gallery-thumbnail, .ngg-gallery-thumbnail-box { + float: none !important; +} +.ngg-album-compact h4 .ngg-album-desc { + height: auto !important; + font-family: $font-family-serif; + font-weight: 400; +} +.ngg-album-compact .album-meta-wrapper h4 a { + font-style: normal; +} +.album-meta-wrapper { + display: block; + height: 54px; + margin-bottom: 20px; +} +.ngg-glmalbums { + margin: 10px 0; + min-height: 260px; + @media #{$small-only} { + min-height: 180px; + } +} +.ngg-album-link { + text-align: center; +} +/* Ninja Forms */ +.ninja-forms-form-wrap { + max-width: 600px; + margin: 0 auto; + input[type=submit] { + @include button(); + display: block; + margin: 0 auto; + } +} +/* For fixing cellphones not showing phone numbers because of /helpful/ auto-coloring */ +a[href^=tel]{ + color:inherit; + text-decoration:none; +} \ No newline at end of file diff --git a/scss/_left-off-canvas.scss b/scss/_left-off-canvas.scss new file mode 100644 index 0000000..2d8c6d2 --- /dev/null +++ b/scss/_left-off-canvas.scss @@ -0,0 +1,88 @@ +/* for the mobile menu */ +aside.left-off-canvas-menu { +// background-color: rgba(0, 0, 0, 0.7); +// color: white; +} +aside.left-off-canvas-menu li.page_item { + display: block; + overflow: hidden; + position: relative; + padding: 4px 8px; +} +aside.left-off-canvas-menu .off-canvas-list ul li a { + line-height: 20px; + color: white; + border-bottom: 1px solid #b1b3b6; + background-repeat: no-repeat; + background-position: 3px 50%; +} +aside.left-off-canvas-menu li.page_item_has_children a.toggle { + position: absolute; + right: 10px; + top: 5px; + width: auto; + text-decoration: none; + &:before { + @include off-canvas-point(right, $white, 17px); + } + &:hover { + background: transparent; + } +} +aside.left-off-canvas-menu li.page_item_has_children a.toggle.open { + @include off-canvas-point(down, $white); +} +aside.left-off-canvas-menu ul.children { + display: none; +} +aside.left-off-canvas-menu .off-canvas-list ul li > ul li > a { + padding-left: 10px; + margin-left: 25px; + line-height: 18px; +} +aside.left-off-canvas-menu ul.open { + display: block; +} +.left-off-canvas-menu { + list-style: none; + li { + a { + color: $white; + font-size: rem-calc(16); + line-height: 1.2; + border-color: white; + margin-bottom: 5px; + } + a:hover { + color: black; + } + .dropdown { + list-style: none; + } + } + ul { + list-style: none; + + padding: 10px 0; + li { + a { + color: $white; + } + ul { + list-style: none; + li { + a { + width: 85%; + display: block; + white-space: pre-wrap; + } + } + } + } + } +} +.offcavas-social-list { + @include inline-list; + margin-left: auto; +} +/* End Mobile Menu */ diff --git a/scss/_main.scss b/scss/_main.scss new file mode 100644 index 0000000..1acb62a --- /dev/null +++ b/scss/_main.scss @@ -0,0 +1,41 @@ +.breadcrumbs { + margin-top: 10px; +} +#content-bulk { + #con { + margin: 0; + } + h2 { + text-transform: uppercase; + font-size: 25px; + } + footer { + margin: 35px 0; + #address { + margin-top: 25px; + p { + font-size: 12px; + margin-top: 5px; + } + img { + margin: 0; + padding-right: 5px; + } + a { + font-size: 12px; + } + } + img { + box-shadow: none; + } + } +} +.st_sharethis { + float: right; + width: 58px; +} +body .stButton .sharethis { + background-image: url("../assets/share-icon.png") !important; + width: 52px; + height: 22px; +} \ No newline at end of file diff --git a/scss/_mixins.scss b/scss/_mixins.scss new file mode 100644 index 0000000..cf454d0 --- /dev/null +++ b/scss/_mixins.scss @@ -0,0 +1,2 @@ + @import "mixins/gradient"; + @import "mixins/off-canvas-arrow"; \ No newline at end of file diff --git a/scss/_page.footer.scss b/scss/_page.footer.scss new file mode 100644 index 0000000..c8d63e8 --- /dev/null +++ b/scss/_page.footer.scss @@ -0,0 +1,41 @@ +footer.main { + position: absolute; + bottom: 0; + left: 0; + right: 0; + @media only screen and (max-width: 1024px) { + position: relative; + bottom: 0; + } +} +#footer_address { + span{ + white-space: nowrap; + } +} +#connect { + padding-top: 20px; + background: #4c4d4f; + ul{ + margin: 0; + list-style: none; + li { + background: none; + padding: 0 5px; + display: inline-block; + & > a { + display: block; + font-family: Open Sans, sans-serif; + font-size: 12px; + color: #fff; + padding: 20px 18px; + line-height: 1.2; + } + a { + &#current { + background: $l-blue; + } + } + } + } +} diff --git a/scss/_page.header.scss b/scss/_page.header.scss new file mode 100644 index 0000000..0162053 --- /dev/null +++ b/scss/_page.header.scss @@ -0,0 +1,96 @@ +header { + height: auto; + & #logo { + img { + margin-bottom: 15px; + } + } + & .search { + input { + height: 20px; + width: 167px; + padding: 0 8px; + margin: 13px 0px 0px 18px; + border-radius: 3px; + font-size: 10px; + color: $black; + display: inline-block; + } + a { + &.magnifying-glass { + font-size: 10em; /* This controls the size. */ + display: inline-block; + width: rem-calc(10); + height: rem-calc(10); + border: rem-calc(2) solid $d-blue; + position: relative; + border-radius: 0.35em; + margin: 0 0 0 -25px; + &:before { + content: ""; + display: inline-block; + position: absolute; + right: rem-calc(-7); + bottom: rem-calc(-4); + border-width: 0; + background: $d-blue; + width: rem-calc(8); + height: rem-calc(2); + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + } + } + } + } + #sec-nav { + position: relative; + text-align: left; + padding: 10px 0; + margin: 0 0 15px 45px; + ul { + margin: 0; + li { + display: inline; + a { + font-size: 12px; + color: $d-blue; + padding: 0 5px; + font-weight: bold; + } + } + } + & > ul > li { + position: relative; + &:before { + color: $aluminum; + content: "|"; + position: absolute; + top: 2px; + left: -15px; + font-size: 14px; + font-weight: bold; + display:block; + padding: 0 10px; + } + &:first-child:before { + content: none; + } + } + } + img { + margin-left: 5px; + } + .social { + margin-top: -25px; + padding-right: 0; + a { + float: right; + margin: 0 5px; + img { + margin: 0; + } + } + } +} diff --git a/scss/_page.wrapper.scss b/scss/_page.wrapper.scss new file mode 100644 index 0000000..e69de29 diff --git a/scss/_plugins.scss b/scss/_plugins.scss new file mode 100644 index 0000000..3f02228 --- /dev/null +++ b/scss/_plugins.scss @@ -0,0 +1,4 @@ + @import "plugins/nextgen"; + @import "plugins/gravityForms"; + @import "plugins/events"; + @import "plugins/fullCalendar"; \ No newline at end of file diff --git a/scss/_right-off-canvas.scss b/scss/_right-off-canvas.scss new file mode 100644 index 0000000..cd2669d --- /dev/null +++ b/scss/_right-off-canvas.scss @@ -0,0 +1,87 @@ +/* for the mobile menu */ +aside.right-off-canvas-menu { + background-color: $primary-color; + color: white; +} +aside.right-off-canvas-menu li.page_item { + display: block; + overflow: hidden; + position: relative; + padding: 4px 8px; +} +aside.right-off-canvas-menu .off-canvas-list ul li a { + line-height: 20px; + color: white; + border-bottom: 1px solid #b1b3b6; + background-repeat: no-repeat; + background-position: 3px 50%; +} +aside.right-off-canvas-menu li.page_item_has_children a.toggle { + position: absolute; + right: 10px; + top: 5px; + text-decoration: none; + &:before { + @include off-canvas-point(right, $white, 17px); + } + &:hover { + background: transparent; + } +} +aside.right-off-canvas-menu li.page_item_has_children a.toggle.open { + @include off-canvas-point(down, $white); +} +aside.right-off-canvas-menu ul.children { + display: none; +} +aside.right--menu .off-canvas-list ul li > ul li > a { + padding-left: 10px; + margin-left: 25px; + line-height: 18px; +} +aside.right-off-canvas-menu ul.open { + display: block; +} +.right-off-canvas-menu { + list-style: none; + li { + a { + color: $white; + font-size: rem-calc(16); + line-height: 1.2; + border-color: white; + margin-bottom: 5px; + } + a:hover { + color: black; + } + .dropdown { + list-style: none; + } + } + ul { + list-style: none; + + padding: 10px 0; + li { + a { + color: $white; + } + ul { + list-style: none; + li { + a { + width: 85%; + display: block; + white-space: pre-wrap; + } + } + } + } + } +} +.offcavas-social-list { + @include inline-list; + margin-right: auto; +} +/* End Mobile Menu */ diff --git a/scss/_search.scss b/scss/_search.scss new file mode 100644 index 0000000..2284e98 --- /dev/null +++ b/scss/_search.scss @@ -0,0 +1,71 @@ +.search-top { + #searchform { + text-align: left; + display: inline-block; + position: relative; + #search-button { + width: 22px; + right: 0px; + position: absolute; + padding: 0; + border: 1px solid lightgray; + } + } + input { + height: 20px; + width: 167px; + padding: 0 8px; + margin: 13px 0px 0px 18px; + border-radius: 3px; + font-size: 10px; + color: $black; + display: inline-block; + } + a { + &.magnifying-glass { + font-size: 10em; /* This controls the size. */ + width: rem-calc(12); + height: rem-calc(12); + border: rem-calc(2) solid darkblue; + position: absolute; + top: 15px; + border-radius: 0.35em; + margin: 0 0 0 -20px; + &:before { + content: ""; + display: inline-block; + position: absolute; + right: rem-calc(-7); + bottom: rem-calc(-4); + border-width: 0; + background: darkblue; + width: rem-calc(8); + height: rem-calc(2); + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + } + } + } +} +.search-results{ + #blog-posts-over{ + .search-result-container{ + header.entry-header{ + margin-bottom: 0px; + } + .search_result_context{ + margin: 0; + padding: 0; + line-height: 1.3; + } + article{ + p{ + margin: 0; + padding: 0; + } + } + } + } +} \ No newline at end of file diff --git a/scss/_settings.scss b/scss/_settings.scss new file mode 100644 index 0000000..1e9f3f9 --- /dev/null +++ b/scss/_settings.scss @@ -0,0 +1,1475 @@ +// Foundation by ZURB +// foundation.zurb.com +// Licensed under MIT Open Source + +// + +// Table of Contents +// Foundation Settings +// +// a. Base +// b. Grid +// c. Global +// d. Media Query Ranges +// e. Typography +// 01. Accordion +// 02. Alert Boxes +// 03. Block Grid +// 04. Breadcrumbs +// 05. Buttons +// 06. Button Groups +// 07. Clearing +// 08. Dropdown +// 09. Dropdown Buttons +// 10. Flex Video +// 11. Forms +// 12. Icon Bar +// 13. Inline Lists +// 14. Joyride +// 15. Keystrokes +// 16. Labels +// 17. Magellan +// 18. Off-canvas +// 19. Orbit +// 20. Pagination +// 21. Panels +// 22. Pricing Tables +// 23. Progress Bar +// 24. Range Slider +// 25. Reveal +// 26. Side Nav +// 27. Split Buttons +// 28. Sub Nav +// 29. Switch +// 30. Tables +// 31. Tabs +// 32. Thumbnails +// 33. Tooltips +// 34. Top Bar +// 36. Visibility Classes + +// a. Base +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// This is the default html and body font-size for the base rem value. +$rem-base: 16px; + +// Allows the use of rem-calc() or lower-bound() in your settings +@import "foundation/functions"; + +// The default font-size is set to 100% of the browser style sheet (usually 16px) +// for compatibility with browser-based text zoom or user-set defaults. + +// Since the typical default browser font-size is 16px, that makes the calculation for grid size. +// If you want your base font-size to be different and not have it affect the grid breakpoints, +// set $rem-base to $base-font-size and make sure $base-font-size is a px value. +$base-font-size: 100%; + +// The $base-font-size is 100% while $base-line-height is 150% +$base-line-height: 150%; + +// We use this to control whether or not CSS classes come through in the gem files. +$include-html-classes: true; +// $include-print-styles: true; +$include-html-global-classes: $include-html-classes; + +// b. Grid +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-grid-classes: $include-html-classes; +// $include-xl-html-grid-classes: false; + +$row-width: rem-calc(1000); +$total-columns: 12; +$column-gutter: rem-calc(30); + +//$last-child-float: $opposite-direction; + +// c. Global +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// We use these to define default font stacks +$font-family-sans-serif: "Open Sans", sans-serif; +$font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif; +$font-family-monospace: Consolas, "Liberation Mono", Courier, monospace; + +// We use these to define default font weights +$font-weight-normal: normal; +$font-weight-bold: bold; + +$white : #FFFFFF; +$ghost : #FAFAFA; +$snow : #F9F9F9; +$vapor : #F6F6F6; +$white-smoke : #F5F5F5; +$silver : #EFEFEF; +$smoke : #EEEEEE; +$gainsboro : #DDDDDD; +$iron : #CCCCCC; +$base : #AAAAAA; +$aluminum : #999999; +$jumbo : #888888; +$monsoon : #777777; +$steel : #666666; +$charcoal : #555555; +$tuatara : #444444; +$oil : #333333; +$jet : #222222; +$black : #000000; +$green : #008752; +$red : #d2222a; +$d-blue : #131c5f; +$l-blue : #0093d1; + +// We use these as default colors throughout +$primary-color: #008CBA; +$secondary-color: #e7e7e7; +$alert-color: #f04124; +$success-color: #43AC6A; +$warning-color: #f08a24; +$info-color: #a0d3e8; + +// We use these to control various global styles +// $body-bg: $white; +$body-font-color: $black; +$body-font-family: $font-family-sans-serif; +$body-font-weight: $font-weight-normal; +$body-font-style: normal; + +// We use this to control font-smoothing +// $font-smoothing: antialiased; + +// We use these to control text direction settings +// $text-direction: ltr; +// $opposite-direction: right; +// $default-float: left; +// $last-child-float: $opposite-direction; + +// We use these to make sure border radius matches unless we want it different. +// $global-radius: 3px; +// $global-rounded: 1000px; + +// We use these to control inset shadow shiny edges and depressions. +// $shiny-edge-size: 0 1px 0; +// $shiny-edge-color: rgba($white, .5); +// $shiny-edge-active-color: rgba($black, .2); + +// d. Media Query Ranges +// - - - - - - - - - - - - - - - - - - - - - - - - - + +$small-range: (0em, 40em); +$medium-range: (40.063em, 64em); +$large-range: (64.063em, 90em); +$xlarge-range: (90.063em, 120em); +$xxlarge-range: (120.063em, 99999999em); + +$screen: "only screen"; + +$landscape: "#{$screen} and (orientation: landscape)"; +$portrait: "#{$screen} and (orientation: portrait)"; + +$small-up: $screen; +$small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})"; + +$medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})"; +$medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})"; + +$medium-down: "#{$screen} and (min-width:#{lower-bound($small-range)}) and (max-width:#{upper-bound($medium-range)})"; + +$large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})"; +$large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})"; + +$large-down: "#{$screen} and (min-width:#{lower-bound($small-range)}) and (max-width:#{upper-bound($large-range)})"; + +$xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})"; +$xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})"; + +$xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})"; +$xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})"; + +// Legacy +$small: $medium-up; +$medium: $medium-up; +$large: $large-up; + +// We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet +$cursor-crosshair-value: crosshair; +$cursor-default-value: default; +$cursor-disabled-value: not-allowed; +$cursor-pointer-value: pointer; +$cursor-help-value: help; +$cursor-text-value: text; + +// e. Typography +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-type-classes: $include-html-classes; + +// We use these to control header font styles +$header-font-family: $body-font-family; +$header-font-weight: $font-weight-normal; +$header-font-style: normal; +$header-font-color: $jet; +$header-line-height: 1.4; +$header-top-margin: .2rem; +$header-bottom-margin: .5rem; +$header-text-rendering: optimizeLegibility; + +// We use these to control header font sizes +$h1-font-size: rem-calc(28); +$h2-font-size: rem-calc(18); +$h3-font-size: rem-calc(17); +$h4-font-size: rem-calc(16); +$h5-font-size: rem-calc(16); +// $h6-font-size: 1rem; + +// We use these to control header size reduction on small screens +$h1-font-reduction: rem-calc(5); +$h2-font-reduction: rem-calc(0); +$h3-font-reduction: rem-calc(0); +$h4-font-reduction: rem-calc(0); +$h5-font-reduction: 0; +$h6-font-reduction: 0; + +// These control how subheaders are styled. +$subheader-line-height: 1.4; +$subheader-font-color: scale-color($header-font-color, $lightness: 35%); +$subheader-font-weight: $font-weight-normal; +$subheader-top-margin: .2rem; +$subheader-bottom-margin: .5rem; + +// A general styling +$small-font-size: 60%; +$small-font-color: scale-color($header-font-color, $lightness: 35%); + +// We use these to style paragraphs +// $paragraph-font-family: inherit; +// $paragraph-font-weight: $font-weight-normal; + $paragraph-font-size: rem-calc(14); +// $paragraph-line-height: 1.6; +// $paragraph-margin-bottom: rem-calc(20); +// $paragraph-aside-font-size: rem-calc(14); +// $paragraph-aside-line-height: 1.35; +// $paragraph-aside-font-style: italic; +// $paragraph-text-rendering: optimizeLegibility; + +// We use these to style tags +// $code-color: $oil; +// $code-font-family: $font-family-monospace; +// $code-font-weight: $font-weight-normal; +// $code-background-color: scale-color($secondary-color, $lightness: 70%); +// $code-border-size: 1px; +// $code-border-style: solid; +// $code-border-color: scale-color($code-background-color, $lightness: -10%); +// $code-padding: rem-calc(2) rem-calc(5) rem-calc(1); + +// We use these to style anchors +// $anchor-text-decoration: none; +// $anchor-text-decoration-hover: none; +// $anchor-font-color: $primary-color; +// $anchor-font-color-hover: scale-color($anchor-font-color, $lightness: -14%); + +// We use these to style the
    element +// $hr-border-width: 1px; +// $hr-border-style: solid; +// $hr-border-color: $gainsboro; +// $hr-margin: rem-calc(20); + +// We use these to style lists +// $list-font-family: $paragraph-font-family; +// $list-font-size: $paragraph-font-size; +// $list-line-height: $paragraph-line-height; +// $list-margin-bottom: $paragraph-margin-bottom; +// $list-style-position: outside; +// $list-side-margin: 1.1rem; +// $list-ordered-side-margin: 1.4rem; +// $list-side-margin-no-bullet: 0; +// $list-nested-margin: rem-calc(20); +// $definition-list-header-weight: $font-weight-bold; +// $definition-list-header-margin-bottom: .3rem; +// $definition-list-margin-bottom: rem-calc(12); + +// We use these to style blockquotes +// $blockquote-font-color: scale-color($header-font-color, $lightness: 35%); +// $blockquote-padding: rem-calc(9 20 0 19); +// $blockquote-border: 1px solid $gainsboro; +// $blockquote-cite-font-size: rem-calc(13); +// $blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%); +// $blockquote-cite-link-color: $blockquote-cite-font-color; + +// Acronym styles +// $acronym-underline: 1px dotted $gainsboro; + +// We use these to control padding and margin +// $microformat-padding: rem-calc(10 12); +// $microformat-margin: rem-calc(0 0 20 0); + +// We use these to control the border styles +// $microformat-border-width: 1px; +// $microformat-border-style: solid; +// $microformat-border-color: $gainsboro; + +// We use these to control full name font styles +// $microformat-fullname-font-weight: $font-weight-bold; +// $microformat-fullname-font-size: rem-calc(15); + +// We use this to control the summary font styles +// $microformat-summary-font-weight: $font-weight-bold; + +// We use this to control abbr padding +// $microformat-abbr-padding: rem-calc(0 1); + +// We use this to control abbr font styles +// $microformat-abbr-font-weight: $font-weight-bold; +// $microformat-abbr-font-decoration: none; + +// 01. Accordion +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-accordion-classes: $include-html-classes; + +// $accordion-navigation-padding: rem-calc(16); +// $accordion-navigation-bg-color: $silver; +// $accordion-navigation-hover-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -5%); +// $accordion-navigation-active-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -3%); +// $accordion-navigation-font-color: $jet; +// $accordion-navigation-font-size: rem-calc(16); +// $accordion-navigation-font-family: $body-font-family; + +// $accordion-content-padding: ($column-gutter/2); +// $accordion-content-active-bg-color: $white; + +// 02. Alert Boxes +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-alert-classes: $include-html-classes; + +// We use this to control alert padding. +// $alert-padding-top: rem-calc(14); +// $alert-padding-default-float: $alert-padding-top; +// $alert-padding-opposite-direction: $alert-padding-top + rem-calc(10); +// $alert-padding-bottom: $alert-padding-top; + +// We use these to control text style. +// $alert-font-weight: $font-weight-normal; +// $alert-font-size: rem-calc(13); +// $alert-font-color: $white; +// $alert-font-color-alt: scale-color($secondary-color, $lightness: -66%); + +// We use this for close hover effect. +// $alert-function-factor: -14%; + +// We use these to control border styles. +// $alert-border-style: solid; +// $alert-border-width: 1px; +// $alert-border-color: scale-color($primary-color, $lightness: $alert-function-factor); +// $alert-bottom-margin: rem-calc(20); + +// We use these to style the close buttons +// $alert-close-color: $oil; +// $alert-close-top: 50%; +// $alert-close-position: rem-calc(4); +// $alert-close-font-size: rem-calc(22); +// $alert-close-opacity: 0.3; +// $alert-close-opacity-hover: 0.5; +// $alert-close-padding: 9px 6px 4px; +// $alert-close-background: inherit; + +// We use this to control border radius +// $alert-radius: $global-radius; + +// $alert-transition-speed: 300ms; +// $alert-transition-ease: ease-out; + +// 03. Block Grid +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-block-grid-classes: $include-html-classes; +// $include-xl-html-block-grid-classes: false; + +// We use this to control the maximum number of block grid elements per row +// $block-grid-elements: 12; +// $block-grid-default-spacing: rem-calc(20); + +// $align-block-grid-to-grid: false; +// @if $align-block-grid-to-grid {$block-grid-default-spacing: $column-gutter;} + +// Enables media queries for block-grid classes. Set to false if writing semantic HTML. +// $block-grid-media-queries: true; + +// 04. Breadcrumbs +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-nav-classes: $include-html-classes; + +// We use this to set the background color for the breadcrumb container. +// $crumb-bg: scale-color($secondary-color, $lightness: 55%); + +// We use these to set the padding around the breadcrumbs. +// $crumb-padding: rem-calc(9 14 9); +// $crumb-side-padding: rem-calc(12); + +// We use these to control border styles. +// $crumb-function-factor: -10%; +// $crumb-border-size: 1px; +// $crumb-border-style: solid; +// $crumb-border-color: scale-color($crumb-bg, $lightness: $crumb-function-factor); +// $crumb-radius: $global-radius; + +// We use these to set various text styles for breadcrumbs. +// $crumb-font-size: rem-calc(11); +// $crumb-font-color: $primary-color; +// $crumb-font-color-current: $oil; +// $crumb-font-color-unavailable: $aluminum; +// $crumb-font-transform: uppercase; +// $crumb-link-decor: underline; + +// We use these to control the slash between breadcrumbs +// $crumb-slash-color: $base; +// $crumb-slash: "/"; + +// 05. Buttons +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-button-classes: $include-html-classes; + +// We use these to build padding for buttons. +// $button-tny: rem-calc(10); +// $button-sml: rem-calc(14); +// $button-med: rem-calc(16); +// $button-lrg: rem-calc(18); + +// We use this to control the display property. +// $button-display: inline-block; +// $button-margin-bottom: rem-calc(20); + +// We use these to control button text styles. +// $button-font-family: $body-font-family; +// $button-font-color: $white; +// $button-font-color-alt: $oil; +// $button-font-tny: rem-calc(11); +// $button-font-sml: rem-calc(13); +// $button-font-med: rem-calc(16); +// $button-font-lrg: rem-calc(20); +// $button-font-weight: $font-weight-normal; +// $button-font-align: center; + +// We use these to control various hover effects. +// $button-function-factor: -20%; + +// We use these to control button border styles. +// $button-border-width: 0; +// $button-border-style: solid; +// $button-bg-color: $primary-color; +// $button-bg-hover: scale-color($button-bg-color, $lightness: $button-function-factor); +// $button-border-color: $button-bg-hover; +// $secondary-button-bg-hover: scale-color($secondary-color, $lightness: $button-function-factor); +// $secondary-button-border-color: $secondary-button-bg-hover; +// $success-button-bg-hover: scale-color($success-color, $lightness: $button-function-factor); +// $success-button-border-color: $success-button-bg-hover; +// $alert-button-bg-hover: scale-color($alert-color, $lightness: $button-function-factor); +// $alert-button-border-color: $alert-button-bg-hover; +// $warning-button-bg-hover: scale-color($warning-color, $lightness: $button-function-factor); +// $warning-button-border-color: $warning-button-bg-hover; +// $info-button-bg-hover: scale-color($info-color, $lightness: $button-function-factor); +// $info-button-border-color: $info-button-bg-hover; + +// We use this to set the default radius used throughout the core. +// $button-radius: $global-radius; +// $button-round: $global-rounded; + +// We use this to set default opacity and cursor for disabled buttons. +// $button-disabled-opacity: 0.7; +// $button-disabled-cursor: $cursor-default-value; + +// 06. Button Groups +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-button-classes: $include-html-classes; + +// Sets the margin for the right side by default, and the left margin if right-to-left direction is used +// $button-bar-margin-opposite: rem-calc(10); +// $button-group-border-width: 1px; + +// 07. Clearing +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-clearing-classes: $include-html-classes; + +// We use these to set the background colors for parts of Clearing. +// $clearing-bg: $oil; +// $clearing-caption-bg: $clearing-bg; +// $clearing-carousel-bg: rgba(51,51,51,0.8); +// $clearing-img-bg: $clearing-bg; + +// We use these to style the close button +// $clearing-close-color: $iron; +// $clearing-close-size: 30px; + +// We use these to style the arrows +// $clearing-arrow-size: 12px; +// $clearing-arrow-color: $clearing-close-color; + +// We use these to style captions +// $clearing-caption-font-color: $iron; +// $clearing-caption-font-size: 0.875em; +// $clearing-caption-padding: 10px 30px 20px; + +// We use these to make the image and carousel height and style +// $clearing-active-img-height: 85%; +// $clearing-carousel-height: 120px; +// $clearing-carousel-thumb-width: 120px; +// $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255); + +// 08. Dropdown +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-dropdown-classes: $include-html-classes; + +// We use these to controls height and width styles. +// $f-dropdown-max-width: 200px; +// $f-dropdown-height: auto; +// $f-dropdown-max-height: none; + +// Used for bottom position +// $f-dropdown-margin-top: 2px; + +// Used for right position +// $f-dropdown-margin-left: $f-dropdown-margin-top; + +// Used for left position +// $f-dropdown-margin-right: $f-dropdown-margin-top; + +// Used for top position +// $f-dropdown-margin-bottom: $f-dropdown-margin-top; + +// We use this to control the background color + $f-dropdown-bg: $white; + +// We use this to set the border styles for dropdowns. +// $f-dropdown-border-style: solid; +// $f-dropdown-border-width: 1px; +// $f-dropdown-border-color: scale-color($white, $lightness: -20%); + +// We use these to style the triangle pip. +// $f-dropdown-triangle-size: 6px; +// $f-dropdown-triangle-color: $white; +// $f-dropdown-triangle-side-offset: 10px; + +// We use these to control styles for the list elements. +// $f-dropdown-list-style: none; +// $f-dropdown-font-color: $charcoal; +// $f-dropdown-font-size: rem-calc(13); +// $f-dropdown-list-padding: rem-calc(5, 10); +// $f-dropdown-line-height: rem-calc(18); +// $f-dropdown-list-hover-bg: $smoke; +// $dropdown-mobile-default-float: 0; + +// We use this to control the styles for when the dropdown has custom content. + $f-dropdown-content-padding: rem-calc(16); + +// Default radius for dropdown. +// $f-dropdown-radius: $global-radius; + + +// 09. Dropdown Buttons +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-button-classes: $include-html-classes; + +// We use these to set the color of the pip in dropdown buttons +// $dropdown-button-pip-color: $white; +// $dropdown-button-pip-color-alt: $oil; + +// We use these to set the size of the pip in dropdown buttons +// $button-pip-tny: rem-calc(6); +// $button-pip-sml: rem-calc(7); +// $button-pip-med: rem-calc(9); +// $button-pip-lrg: rem-calc(11); + +// We use these to style tiny dropdown buttons +// $dropdown-button-padding-tny: $button-pip-tny * 7; +// $dropdown-button-pip-size-tny: $button-pip-tny; +// $dropdown-button-pip-opposite-tny: $button-pip-tny * 3; +// $dropdown-button-pip-top-tny: (-$button-pip-tny / 2) + rem-calc(1); + +// We use these to style small dropdown buttons +// $dropdown-button-padding-sml: $button-pip-sml * 7; +// $dropdown-button-pip-size-sml: $button-pip-sml; +// $dropdown-button-pip-opposite-sml: $button-pip-sml * 3; +// $dropdown-button-pip-top-sml: (-$button-pip-sml / 2) + rem-calc(1); + +// We use these to style medium dropdown buttons +// $dropdown-button-padding-med: $button-pip-med * 6 + rem-calc(3); +// $dropdown-button-pip-size-med: $button-pip-med - rem-calc(3); +// $dropdown-button-pip-opposite-med: $button-pip-med * 2.5; +// $dropdown-button-pip-top-med: (-$button-pip-med / 2) + rem-calc(2); + +// We use these to style large dropdown buttons +// $dropdown-button-padding-lrg: $button-pip-lrg * 5 + rem-calc(3); +// $dropdown-button-pip-size-lrg: $button-pip-lrg - rem-calc(6); +// $dropdown-button-pip-opposite-lrg: $button-pip-lrg * 2.5; +// $dropdown-button-pip-top-lrg: (-$button-pip-lrg / 2) + rem-calc(3); + +// 10. Flex Video +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-media-classes: $include-html-classes; + +// We use these to control video container padding and margins +// $flex-video-padding-top: rem-calc(25); +// $flex-video-padding-bottom: 67.5%; +// $flex-video-margin-bottom: rem-calc(16); + +// We use this to control widescreen bottom padding +// $flex-video-widescreen-padding-bottom: 56.34%; + +// 11. Forms +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-form-classes: $include-html-classes; + +// We use this to set the base for lots of form spacing and positioning styles +// $form-spacing: rem-calc(16); + +// We use these to style the labels in different ways +// $form-label-pointer: pointer; +// $form-label-font-size: rem-calc(14); +// $form-label-font-weight: $font-weight-normal; +// $form-label-line-height: 1.5; +// $form-label-font-color: scale-color($black, $lightness: 30%); +// $form-label-small-transform: capitalize; +// $form-label-bottom-margin: 0; +// $input-font-family: inherit; +// $input-font-color: rgba(0,0,0,0.75); +// $input-font-size: rem-calc(14); +// $input-bg-color: $white; +// $input-focus-bg-color: scale-color($white, $lightness: -2%); +// $input-border-color: scale-color($white, $lightness: -20%); +// $input-focus-border-color: scale-color($white, $lightness: -40%); +// $input-border-style: solid; +// $input-border-width: 1px; +// $input-border-radius: $global-radius; +// $input-disabled-bg: $gainsboro; +// $input-disabled-cursor: $cursor-default-value; +// $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); +// $input-include-glowing-effect: true; + +// We use these to style the fieldset border and spacing. +// $fieldset-border-style: solid; +// $fieldset-border-width: 1px; +// $fieldset-border-color: $gainsboro; +// $fieldset-padding: rem-calc(20); +// $fieldset-margin: rem-calc(18 0); + +// We use these to style the legends when you use them +// $legend-bg: $white; +// $legend-font-weight: $font-weight-bold; +// $legend-padding: rem-calc(0 3); + +// We use these to style the prefix and postfix input elements +// $input-prefix-bg: scale-color($white, $lightness: -5%); +// $input-prefix-border-color: scale-color($white, $lightness: -20%); +// $input-prefix-border-size: 1px; +// $input-prefix-border-type: solid; +// $input-prefix-overflow: hidden; +// $input-prefix-font-color: $oil; +// $input-prefix-font-color-alt: $white; + +// We use this setting to turn on/off HTML5 number spinners (the up/down arrows) +// $input-number-spinners: true; + +// We use these to style the error states for inputs and labels +// $input-error-message-padding: rem-calc(6 9 9); +// $input-error-message-top: -1px; +// $input-error-message-font-size: rem-calc(12); +// $input-error-message-font-weight: $font-weight-normal; +// $input-error-message-font-style: italic; +// $input-error-message-font-color: $white; +// $input-error-message-bg-color: $alert-color; +// $input-error-message-font-color-alt: $oil; + +// We use this to style the glowing effect of inputs when focused +// $glowing-effect-fade-time: 0.45s; +// $glowing-effect-color: $input-focus-border-color; + +// Select variables +// $select-bg-color: $ghost; +// $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%); + + +// 12. Icon Bar +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// We use these to style the icon-bar and items +// $icon-bar-bg: $oil; +// $icon-bar-font-color: $white; +// $icon-bar-font-color-hover: $icon-bar-font-color; +// $icon-bar-font-size: 1rem; +// $icon-bar-hover-color: $primary-color; +// $icon-bar-icon-color: $white; +// $icon-bar-icon-color-hover: $icon-bar-icon-color; +// $icon-bar-icon-size: 1.875rem; +// $icon-bar-image-width: 1.875rem; +// $icon-bar-image-height: 1.875rem; +// $icon-bar-active-color: $primary-color; +// $icon-bar-item-padding: 1.25rem; + +// We use this to set default opacity and cursor for disabled icons. +// $icon-bar-disabled-opacity: 0.7; + +// 13. Inline Lists +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-inline-list-classes: $include-html-classes; + +// We use this to control the margins and padding of the inline list. +// $inline-list-top-margin: 0; +// $inline-list-opposite-margin: 0; +// $inline-list-bottom-margin: rem-calc(17); +// $inline-list-default-float-margin: rem-calc(-22); +// $inline-list-default-float-list-margin: rem-calc(22); + +// $inline-list-padding: 0; + +// We use this to control the overflow of the inline list. +// $inline-list-overflow: hidden; + +// We use this to control the list items +// $inline-list-display: block; + +// We use this to control any elements within list items +// $inline-list-children-display: block; + +// 14. Joyride +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-joyride-classes: $include-html-classes; + +// Controlling default Joyride styles +// $joyride-tip-bg: $oil; +// $joyride-tip-default-width: 300px; +// $joyride-tip-padding: rem-calc(18 20 24); +// $joyride-tip-border: solid 1px $charcoal; +// $joyride-tip-radius: 4px; +// $joyride-tip-position-offset: 22px; + +// Here, we're setting the tip font styles +// $joyride-tip-font-color: $white; +// $joyride-tip-font-size: rem-calc(14); +// $joyride-tip-header-weight: $font-weight-bold; + +// This changes the nub size +// $joyride-tip-nub-size: 10px; + +// This adjusts the styles for the timer when its enabled +// $joyride-tip-timer-width: 50px; +// $joyride-tip-timer-height: 3px; +// $joyride-tip-timer-color: $steel; + +// This changes up the styles for the close button +// $joyride-tip-close-color: $monsoon; +// $joyride-tip-close-size: 24px; +// $joyride-tip-close-weight: $font-weight-normal; + +// When Joyride is filling the screen, we use this style for the bg +// $joyride-screenfill: rgba(0,0,0,0.5); + +// 15. Keystrokes +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-keystroke-classes: $include-html-classes; + +// We use these to control text styles. +// $keystroke-font: "Consolas", "Menlo", "Courier", monospace; +// $keystroke-font-size: inherit; +// $keystroke-font-color: $jet; +// $keystroke-font-color-alt: $white; +// $keystroke-function-factor: -7%; + +// We use this to control keystroke padding. +// $keystroke-padding: rem-calc(2 4 0); + +// We use these to control background and border styles. +// $keystroke-bg: scale-color($white, $lightness: $keystroke-function-factor); +// $keystroke-border-style: solid; +// $keystroke-border-width: 1px; +// $keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor); +// $keystroke-radius: $global-radius; + +// 16. Labels +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-label-classes: $include-html-classes; + +// We use these to style the labels +// $label-padding: rem-calc(4 8 4); +// $label-radius: $global-radius; + +// We use these to style the label text +// $label-font-sizing: rem-calc(11); +// $label-font-weight: $font-weight-normal; +// $label-font-color: $oil; +// $label-font-color-alt: $white; +// $label-font-family: $body-font-family; + +// 17. Magellan +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-magellan-classes: $include-html-classes; + +// $magellan-bg: $white; +// $magellan-padding: 10px; + +// 18. Off-canvas +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// Off Canvas Tab Bar Variables +// $include-html-off-canvas-classes: $include-html-classes; + + $tabbar-bg: $l-blue; +// $tabbar-height: rem-calc(45); +// $tabbar-icon-width: $tabbar-height; +// $tabbar-line-height: $tabbar-height; +// $tabbar-color: $white; +// $tabbar-middle-padding: 0 rem-calc(10); + +// Off Canvas Divider Styles +// $tabbar-left-section-border: solid 1px scale-color($tabbar-bg, $lightness: -50%); +// $tabbar-right-section-border: $tabbar-left-section-border; + + +// Off Canvas Tab Bar Headers +// $tabbar-header-color: $white; +// $tabbar-header-weight: $font-weight-bold; +// $tabbar-header-line-height: $tabbar-height; +// $tabbar-header-margin: 0; + +// Off Canvas Menu Variables +// $off-canvas-width: rem-calc(250); + $off-canvas-bg: $l-blue; + +// Off Canvas Menu List Variables +// $off-canvas-label-padding: 0.3rem rem-calc(15); +// $off-canvas-label-color: $aluminum; +// $off-canvas-label-text-transform: uppercase; +// $off-canvas-label-font-size: rem-calc(12); +// $off-canvas-label-font-weight: $font-weight-bold; +// $off-canvas-label-bg: $tuatara; +// $off-canvas-label-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%); +// $off-canvas-label-border-bottom: none; +// $off-canvas-label-margin:0; +// $off-canvas-link-padding: rem-calc(10, 15); +// $off-canvas-link-color: rgba($white, 0.7); +// $off-canvas-link-border-bottom: 1px solid scale-color($off-canvas-bg, $lightness: -25%); +// $off-canvas-back-bg: #444; +// $off-canvas-back-border-top: $off-canvas-label-border-top; +// $off-canvas-back-border-bottom: $off-canvas-label-border-bottom; +// $off-canvas-back-hover-bg: scale-color($off-canvas-back-bg, $lightness: -30%); +// $off-canvas-back-hover-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%); +// $off-canvas-back-hover-border-bottom: none; + +// Off Canvas Menu Icon Variables +// $tabbar-menu-icon-color: $white; +// $tabbar-menu-icon-hover: scale-color($tabbar-menu-icon-color, $lightness: -30%); + + $tabbar-menu-icon-text-indent: rem-calc(55); +// $tabbar-menu-icon-width: $tabbar-icon-width; +// $tabbar-menu-icon-height: $tabbar-height; +// $tabbar-menu-icon-padding: 0; + +// $tabbar-hamburger-icon-width: rem-calc(16); +// $tabbar-hamburger-icon-left: false; +// $tabbar-hamburger-icon-top: false; +// $tabbar-hamburger-icon-thickness: 1px; +// $tabbar-hamburger-icon-gap: 6px; + +// Off Canvas Back-Link Overlay +// $off-canvas-overlay-transition: background 300ms ease; +// $off-canvas-overlay-cursor: pointer; +// $off-canvas-overlay-box-shadow: -4px 0 4px rgba($black, 0.5), 4px 0 4px rgba($black, 0.5); +// $off-canvas-overlay-background: rgba($white, 0.2); +// $off-canvas-overlay-background-hover: rgba($white, 0.05); + +// Transition Variables +// $menu-slide: "transform 500ms ease"; + +// 19. Orbit +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-orbit-classes: $include-html-classes; + +// We use these to control the caption styles +// $orbit-container-bg: none; +// $orbit-caption-bg: rgba(51,51,51, 0.8); +// $orbit-caption-font-color: $white; +// $orbit-caption-font-size: rem-calc(14); +// $orbit-caption-position: "bottom"; // Supported values: "bottom", "under" +// $orbit-caption-padding: rem-calc(10 14); +// $orbit-caption-height: auto; + +// We use these to control the left/right nav styles +// $orbit-nav-bg: transparent; +// $orbit-nav-bg-hover: rgba(0,0,0,0.3); +// $orbit-nav-arrow-color: $white; +// $orbit-nav-arrow-color-hover: $white; + +// We use these to control the timer styles +// $orbit-timer-bg: rgba(255,255,255,0.3); +// $orbit-timer-show-progress-bar: true; + +// We use these to control the bullet nav styles +// $orbit-bullet-nav-color: $iron; +// $orbit-bullet-nav-color-active: $aluminum; +// $orbit-bullet-radius: rem-calc(9); + +// We use these to controls the style of slide numbers +// $orbit-slide-number-bg: rgba(0,0,0,0); +// $orbit-slide-number-font-color: $white; +// $orbit-slide-number-padding: rem-calc(5); + +// Graceful Loading Wrapper and preloader +// $wrapper-class: "slideshow-wrapper"; +// $preloader-class: "preloader"; + +// Hide controls on small +// $orbit-nav-hide-for-small: true; +// $orbit-bullet-hide-for-small: true; +// $orbit-timer-hide-for-small: true; + +// 20. Pagination +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-pagination-classes: $include-html-classes; + +// We use these to control the pagination container +// $pagination-height: rem-calc(24); +// $pagination-margin: rem-calc(-5); + +// We use these to set the list-item properties +// $pagination-li-float: $default-float; +// $pagination-li-height: rem-calc(24); +// $pagination-li-font-color: $jet; +// $pagination-li-font-size: rem-calc(14); +// $pagination-li-margin: rem-calc(5); + +// We use these for the pagination anchor links +// $pagination-link-pad: rem-calc(1 10 1); +// $pagination-link-font-color: $aluminum; +// $pagination-link-active-bg: scale-color($white, $lightness: -10%); + +// We use these for disabled anchor links +// $pagination-link-unavailable-cursor: default; +// $pagination-link-unavailable-font-color: $aluminum; +// $pagination-link-unavailable-bg-active: transparent; + +// We use these for currently selected anchor links +// $pagination-link-current-background: $primary-color; +// $pagination-link-current-font-color: $white; +// $pagination-link-current-font-weight: $font-weight-bold; +// $pagination-link-current-cursor: default; +// $pagination-link-current-active-bg: $primary-color; + +// 21. Panels +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-panel-classes: $include-html-classes; + +// We use these to control the background and border styles +// $panel-bg: scale-color($white, $lightness: -5%); +// $panel-border-style: solid; +// $panel-border-size: 1px; + +// We use this % to control how much we darken things on hover +// $panel-function-factor: -11%; +// $panel-border-color: scale-color($panel-bg, $lightness: $panel-function-factor); + +// We use these to set default inner padding and bottom margin +// $panel-margin-bottom: rem-calc(20); +// $panel-padding: rem-calc(20); + +// We use these to set default font colors +// $panel-font-color: $oil; +// $panel-font-color-alt: $white; + +// $panel-header-adjust: true; +// $callout-panel-link-color: $primary-color; +// $callout-panel-link-color-hover: scale-color($callout-panel-link-color, $lightness: -14%); + +// 22. Pricing Tables +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-pricing-classes: $include-html-classes; + +// We use this to control the border color +// $price-table-border: solid 1px $gainsboro; + +// We use this to control the bottom margin of the pricing table +// $price-table-margin-bottom: rem-calc(20); + +// We use these to control the title styles +// $price-title-bg: $oil; +// $price-title-padding: rem-calc(15 20); +// $price-title-align: center; +// $price-title-color: $smoke; +// $price-title-weight: $font-weight-normal; +// $price-title-size: rem-calc(16); +// $price-title-font-family: $body-font-family; + +// We use these to control the price styles +// $price-money-bg: $vapor; +// $price-money-padding: rem-calc(15 20); +// $price-money-align: center; +// $price-money-color: $oil; +// $price-money-weight: $font-weight-normal; +// $price-money-size: rem-calc(32); +// $price-money-font-family: $body-font-family; + + +// We use these to control the description styles +// $price-bg: $white; +// $price-desc-color: $monsoon; +// $price-desc-padding: rem-calc(15); +// $price-desc-align: center; +// $price-desc-font-size: rem-calc(12); +// $price-desc-weight: $font-weight-normal; +// $price-desc-line-height: 1.4; +// $price-desc-bottom-border: dotted 1px $gainsboro; + +// We use these to control the list item styles +// $price-item-color: $oil; +// $price-item-padding: rem-calc(15); +// $price-item-align: center; +// $price-item-font-size: rem-calc(14); +// $price-item-weight: $font-weight-normal; +// $price-item-bottom-border: dotted 1px $gainsboro; + +// We use these to control the CTA area styles +// $price-cta-bg: $white; +// $price-cta-align: center; +// $price-cta-padding: rem-calc(20 20 0); + +// 23. Progress Bar +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-media-classes: $include-html-classes; + +// We use this to set the progress bar height +// $progress-bar-height: rem-calc(25); +// $progress-bar-color: $vapor; + +// We use these to control the border styles +// $progress-bar-border-color: scale-color($white, $lightness: 20%); +// $progress-bar-border-size: 1px; +// $progress-bar-border-style: solid; +// $progress-bar-border-radius: $global-radius; + +// We use these to control the margin & padding +// $progress-bar-margin-bottom: rem-calc(10); + +// We use these to set the meter colors +// $progress-meter-color: $primary-color; +// $progress-meter-secondary-color: $secondary-color; +// $progress-meter-success-color: $success-color; +// $progress-meter-alert-color: $alert-color; + +// 24. Range Slider +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-range-slider-classes: $include-html-classes; + +// These variabels define the slider bar styles +// $range-slider-bar-width: 100%; +// $range-slider-bar-height: rem-calc(16); + +// $range-slider-bar-border-width: 1px; +// $range-slider-bar-border-style: solid; +// $range-slider-bar-border-color: $gainsboro; +// $range-slider-radius: $global-radius; +// $range-slider-round: $global-rounded; +// $range-slider-bar-bg-color: $ghost; +// $range-slider-active-segment-bg-color: scale-color($secondary-color, $lightness: -1%); + +// Vertical bar styles +// $range-slider-vertical-bar-width: rem-calc(16); +// $range-slider-vertical-bar-height: rem-calc(200); + +// These variabels define the slider handle styles +// $range-slider-handle-width: rem-calc(32); +// $range-slider-handle-height: rem-calc(22); +// $range-slider-handle-position-top: rem-calc(-5); +// $range-slider-handle-bg-color: $primary-color; +// $range-slider-handle-border-width: 1px; +// $range-slider-handle-border-style: solid; +// $range-slider-handle-border-color: none; +// $range-slider-handle-radius: $global-radius; +// $range-slider-handle-round: $global-rounded; +// $range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%); +// $range-slider-handle-cursor: pointer; + +// $range-slider-disabled-opacity: 0.7; +// $range-slider-disabled-cursor: $cursor-disabled-value; + +// 25. Reveal +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-reveal-classes: $include-html-classes; + +// We use these to control the style of the reveal overlay. +// $reveal-overlay-bg: rgba($black, .45); +// $reveal-overlay-bg-old: $black; + +// We use these to control the style of the modal itself. +// $reveal-modal-bg: $white; +// $reveal-position-top: rem-calc(100); +// $reveal-default-width: 80%; +// $reveal-max-width: $row-width; +// $reveal-modal-padding: rem-calc(20); +// $reveal-box-shadow: 0 0 10px rgba($black,.4); + +// We use these to style the reveal close button +// $reveal-close-font-size: rem-calc(40); +// $reveal-close-top: rem-calc(10); +// $reveal-close-side: rem-calc(22); +// $reveal-close-color: $base; +// $reveal-close-weight: $font-weight-bold; + +// We use this to set the default radius used throughout the core. +// $reveal-radius: $global-radius; +// $reveal-round: $global-rounded; + +// We use these to control the modal border +// $reveal-border-style: solid; +// $reveal-border-width: 1px; +// $reveal-border-color: $steel; + +// $reveal-modal-class: "reveal-modal"; +// $close-reveal-modal-class: "close-reveal-modal"; + +// 26. Side Nav +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-nav-classes: $include-html-classes; + +// We use this to control padding. +// $side-nav-padding: rem-calc(14 0); + +// We use these to control list styles. +// $side-nav-list-type: none; +// $side-nav-list-position: outside; +// $side-nav-list-margin: rem-calc(0 0 7 0); + +// We use these to control link styles. +// $side-nav-link-color: $primary-color; +// $side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: 30%); +// $side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%); +// $side-nav-link-bg-hover: hsla(0, 0, 0, 0.025); +// $side-nav-link-margin: 0; +// $side-nav-link-padding: rem-calc(7 14); +// $side-nav-font-size: rem-calc(14); +// $side-nav-font-weight: $font-weight-normal; +// $side-nav-font-weight-active: $side-nav-font-weight; +// $side-nav-font-family: $body-font-family; +// $side-nav-font-family-active: $side-nav-font-family; + +// We use these to control heading styles. +// $side-nav-heading-color: $side-nav-link-color; +// $side-nav-heading-font-size: $side-nav-font-size; +// $side-nav-heading-font-weight: bold; +// $side-nav-heading-text-transform: uppercase; + +// We use these to control border styles +// $side-nav-divider-size: 1px; +// $side-nav-divider-style: solid; +// $side-nav-divider-color: scale-color($white, $lightness: 10%); + +// 27. Split Buttons +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-button-classes: $include-html-classes; + +// We use these to control different shared styles for Split Buttons +// $split-button-function-factor: 10%; +// $split-button-pip-color: $white; +// $split-button-pip-color-alt: $oil; +// $split-button-active-bg-tint: rgba(0,0,0,0.1); + +// We use these to control tiny split buttons +// $split-button-padding-tny: $button-pip-tny * 10; +// $split-button-span-width-tny: $button-pip-tny * 6; +// $split-button-pip-size-tny: $button-pip-tny; +// $split-button-pip-top-tny: $button-pip-tny * 2; +// $split-button-pip-default-float-tny: rem-calc(-6); + +// We use these to control small split buttons +// $split-button-padding-sml: $button-pip-sml * 10; +// $split-button-span-width-sml: $button-pip-sml * 6; +// $split-button-pip-size-sml: $button-pip-sml; +// $split-button-pip-top-sml: $button-pip-sml * 1.5; +// $split-button-pip-default-float-sml: rem-calc(-6); + +// We use these to control medium split buttons +// $split-button-padding-med: $button-pip-med * 9; +// $split-button-span-width-med: $button-pip-med * 5.5; +// $split-button-pip-size-med: $button-pip-med - rem-calc(3); +// $split-button-pip-top-med: $button-pip-med * 1.5; +// $split-button-pip-default-float-med: rem-calc(-6); + +// We use these to control large split buttons +// $split-button-padding-lrg: $button-pip-lrg * 8; +// $split-button-span-width-lrg: $button-pip-lrg * 5; +// $split-button-pip-size-lrg: $button-pip-lrg - rem-calc(6); +// $split-button-pip-top-lrg: $button-pip-lrg + rem-calc(5); +// $split-button-pip-default-float-lrg: rem-calc(-6); + +// 28. Sub Nav +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-nav-classes: $include-html-classes; + +// We use these to control margin and padding +// $sub-nav-list-margin: rem-calc(-4 0 18); +// $sub-nav-list-padding-top: rem-calc(4); + +// We use this to control the definition +// $sub-nav-font-family: $body-font-family; +// $sub-nav-font-size: rem-calc(14); +// $sub-nav-font-color: $aluminum; +// $sub-nav-font-weight: $font-weight-normal; +// $sub-nav-text-decoration: none; +// $sub-nav-padding: rem-calc(3 16); +// $sub-nav-border-radius: 3px; +// $sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%); + + +// We use these to control the active item styles + +// $sub-nav-active-font-weight: $font-weight-normal; +// $sub-nav-active-bg: $primary-color; +// $sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%); +// $sub-nav-active-color: $white; +// $sub-nav-active-padding: $sub-nav-padding; +// $sub-nav-active-cursor: default; + +// $sub-nav-item-divider: ""; +// $sub-nav-item-divider-margin: rem-calc(12); + +// 29. Switch +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-form-classes: $include-html-classes; + +// Controlling background color for the switch container +// $switch-bg: $gainsboro; + +// We use these to control the switch heights for our default classes +// $switch-height-tny: 1.5rem; +// $switch-height-sml: 1.75rem; +// $switch-height-med: 2rem; +// $switch-height-lrg: 2.5rem; +// $switch-bottom-margin: 1.5rem; + +// We use these to style the switch-paddle +// $switch-paddle-bg: $white; +// $switch-paddle-transition-speed: .15s; +// $switch-paddle-transition-ease: ease-out; +// $switch-active-color: $primary-color; + +// 30. Tables +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-table-classes: $include-html-classes; + +// These control the background color for the table and even rows +// $table-bg: $white; +// $table-even-row-bg: $snow; + +// These control the table cell border style +// $table-border-style: solid; +// $table-border-size: 1px; +// $table-border-color: $gainsboro; + +// These control the table head styles +// $table-head-bg: $white-smoke; +// $table-head-font-size: rem-calc(14); +// $table-head-font-color: $jet; +// $table-head-font-weight: $font-weight-bold; +// $table-head-padding: rem-calc(8 10 10); + +// These control the table foot styles +// $table-foot-bg: $table-head-bg; +// $table-foot-font-size: $table-head-font-size; +// $table-foot-font-color: $table-head-font-color; +// $table-foot-font-weight: $table-head-font-weight; +// $table-foot-padding: $table-head-padding; + +// These control the caption +// table-caption-bg: transparent; +// $table-caption-font-color: $table-head-font-color; +// $table-caption-font-size: rem-calc(16); +// $table-caption-font-weight: bold; + +// These control the row padding and font styles +// $table-row-padding: rem-calc(9 10); +// $table-row-font-size: rem-calc(14); +// $table-row-font-color: $jet; +// $table-line-height: rem-calc(18); + +// These are for controlling the layout, display and margin of tables +// $table-layout: auto; +// $table-display: table-cell; +// $table-margin-bottom: rem-calc(20); + + +// 31. Tabs +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-tabs-classes: $include-html-classes; + +// $tabs-navigation-padding: rem-calc(16); +// $tabs-navigation-bg-color: $silver; +// $tabs-navigation-active-bg-color: $white; +// $tabs-navigation-hover-bg-color: scale-color($tabs-navigation-bg-color, $lightness: -6%); +// $tabs-navigation-font-color: $jet; +// $tabs-navigation-active-font-color: $tabs-navigation-font-color; +// $tabs-navigation-font-size: rem-calc(16); +// $tabs-navigation-font-family: $body-font-family; + +// $tabs-content-margin-bottom: rem-calc(24); +// $tabs-content-padding: ($column-gutter/2); + +// $tabs-vertical-navigation-margin-bottom: 1.25rem; + +// 32. Thumbnails +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-media-classes: $include-html-classes; + +// We use these to control border styles +// $thumb-border-style: solid; +// $thumb-border-width: 4px; +// $thumb-border-color: $white; +// $thumb-box-shadow: 0 0 0 1px rgba($black,.2); +// $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5); + +// Radius and transition speed for thumbs +// $thumb-radius: $global-radius; +// $thumb-transition-speed: 200ms; + +// 33. Tooltips +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-tooltip-classes: $include-html-classes; + +// $has-tip-border-bottom: dotted 1px $iron; +// $has-tip-font-weight: $font-weight-bold; +// $has-tip-font-color: $oil; +// $has-tip-border-bottom-hover: dotted 1px scale-color($primary-color, $lightness: -55%); +// $has-tip-font-color-hover: $primary-color; +// $has-tip-cursor-type: help; + +// $tooltip-padding: rem-calc(12); +// $tooltip-bg: $oil; +// $tooltip-font-size: rem-calc(14); +// $tooltip-font-weight: $font-weight-normal; +// $tooltip-font-color: $white; +// $tooltip-line-height: 1.3; +// $tooltip-close-font-size: rem-calc(10); +// $tooltip-close-font-weight: $font-weight-normal; +// $tooltip-close-font-color: $monsoon; +// $tooltip-font-size-sml: rem-calc(14); +// $tooltip-radius: $global-radius; +// $tooltip-rounded: $global-rounded; +// $tooltip-pip-size: 5px; +// $tooltip-max-width: 300px; + +// 34. Top Bar +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-top-bar-classes: $include-html-classes; + +// Background color for the top bar +// $topbar-bg-color: $oil; +// $topbar-bg: $topbar-bg-color; + +// Height and margin + $topbar-height: rem-calc(61); +// $topbar-margin-bottom: 0; + +// Controlling the styles for the title in the top bar +// $topbar-title-weight: $font-weight-normal; +// $topbar-title-font-size: rem-calc(17); + +// Set the link colors and styles for top-level nav +// $topbar-link-color: $white; +// $topbar-link-color-hover: $white; +// $topbar-link-color-active: $white; +// $topbar-link-color-active-hover: $white; +// $topbar-link-weight: $font-weight-normal; + $topbar-link-font-size: rem-calc(20); +// $topbar-link-hover-lightness: -10%; // Darken by 10% +// $topbar-link-bg: $topbar-bg; +// $topbar-link-bg-hover: $d-blue; +// $topbar-link-bg-color-hover: $d-blue; +// $topbar-link-bg-active: $white; +// $topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%); +// $topbar-link-font-family: $body-font-family; +// $topbar-link-text-transform: none; +// $topbar-link-padding: ($topbar-height / 3); +// $topbar-back-link-size: rem-calc(18); + $topbar-link-dropdown-padding: rem-calc(16); +// $topbar-button-font-size: 0.75rem; +// $topbar-button-top: 7px; + +// Style the top bar dropdown elements +// $topbar-dropdown-bg: $white; +// $topbar-dropdown-link-color: $black; +// $topbar-dropdown-link-color-hover: $green; +// $topbar-dropdown-link-bg: $white; +// $topbar-dropdown-link-bg-hover: $white; +// $topbar-dropdown-link-weight: $font-weight-normal; +// $topbar-dropdown-toggle-size: 5px; +// $topbar-dropdown-toggle-color: $white; +// $topbar-dropdown-toggle-alpha: 0.4; + +// $topbar-dropdown-label-color: $monsoon; +// $topbar-dropdown-label-text-transform: uppercase; +// $topbar-dropdown-label-font-weight: $font-weight-bold; +// $topbar-dropdown-label-font-size: rem-calc(10); +// $topbar-dropdown-label-bg: $oil; + +// Top menu icon styles +// $topbar-menu-link-transform: uppercase; +// $topbar-menu-link-font-size: rem-calc(13); +// $topbar-menu-link-weight: $font-weight-bold; +// $topbar-menu-link-color: $white; +// $topbar-menu-icon-color: $white; +// $topbar-menu-link-color-toggled: $jumbo; +// $topbar-menu-icon-color-toggled: $jumbo; +// $topbar-menu-icon-position: $opposite-direction; // Change to $default-float for a left menu icon + +// Transitions and breakpoint styles +// $topbar-transition-speed: 300ms; +// Using rem-calc for the below breakpoint causes issues with top bar +// $topbar-breakpoint: #{lower-bound($medium-range)}; // Change to 9999px for always mobile layout +// $topbar-media-query: $medium-up; + +// Top-bar input styles +// $topbar-input-height: rem-calc(28); + +// Divider Styles +// $topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, $lightness: 13%); +// $topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, $lightness: -50%); + +// Sticky Class +// $topbar-sticky-class: ".sticky"; + $topbar-arrows: false; //Set false to remove the triangle icon from the menu item +// $topbar-dropdown-arrows: true; //Set false to remove the \00bb >> text from dropdown subnavigation li// + +// 36. Visibility Classes +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-visibility-classes: $include-html-classes; +// $include-accessibility-classes: true; +// $include-table-visibility-classes: true; +// $include-legacy-visibility-classes: true; diff --git a/scss/_shadow.wrapper.scss b/scss/_shadow.wrapper.scss new file mode 100644 index 0000000..e69de29 diff --git a/scss/_sidebar.scss b/scss/_sidebar.scss new file mode 100644 index 0000000..b64cf19 --- /dev/null +++ b/scss/_sidebar.scss @@ -0,0 +1,131 @@ +#sidebar { + padding-top: 25px; + background: #f2f9fc; + .row.collapse { + margin-left: 14px; + } + li { + list-style: none; + #calendar_wrap { + table#wp-calendar { + margin: 0 auto; + } + } + } + a { + font-size: 12px; + } + form { + margin: 0 12px 0 14px; + select { + padding: 0 rem-calc(8); + border-radius: 5px; + height: 25px; + margin: 0; + option { + font-size: 10px; + } + } + } + .small-block-grid-2 { + margin-top: 10px; + li { + padding: 0 rem-calc(10) rem-calc(10); + img { + border: 2px solid lightblue; + } + } + & > li:nth-of-type(2), & > li:nth-of-type(4) { + padding-left: 0; + } + & > li:nth-of-type(3), & > li:nth-of-type(4) { + padding-bottom: 20px; + } + } + h3 { + margin: 20px 0 0; + } + h1 { + margin: 0; + font-size: rem-calc(25); + text-transform: none; + } + input { + padding: 5px 0 5px 8px; + height: auto; + margin: 10px 0; + } + button { + border-radius: 2px; + padding: 0 10px; + } +} +#side-nav { + padding-top: 10px; + background: #f2f9fc; + h1 { + font-size: rem-calc(22); +/* margin: 5px 0 25px;*/ + } + h4 { + font-weight: bold; + margin-left: 10px; + } + li { + list-style: none; + } + ul { + list-style: none; + margin: 0 0 20px; + li { + margin: 0 -15px; + padding: 5px 10px 5px 25px; + &:hover { + background: #81adc1; + } + a { + color: darkblue; + &:hover { + color: $white; + } + } + } + } + h3 { + text-transform: none; + margin: 0; + } + input { + padding: 5px 0 5px 8px; + height: auto; + margin-bottom: 10px; + } + button { + border-radius: 2px; + padding: 0 10px; + } +} +#extra { + margin-top: 15px; + p { + line-height: 1.3; + &.title { + margin: 0; + &#last { + padding-top: 10px; + } + } + &#message { + text-transform: uppercase; + color: lightblue; + font-size: rem-calc(15); + margin: 40px 0; + } + } +} +.county-news { + font-weight: bold; +} +.current_page_item a { + font-weight: bold; +} \ No newline at end of file diff --git a/scss/_slideshow.scss b/scss/_slideshow.scss new file mode 100644 index 0000000..81aff90 --- /dev/null +++ b/scss/_slideshow.scss @@ -0,0 +1,13 @@ +#slideshow { + #caption { + background: rgba(0, 0, 0, 0.75); + color: $white; + margin-top: -51px; + p { + padding: 10px 5px; + font-size: 12px; + margin: 0; + text-align: right; + } + } +} diff --git a/scss/_structure.scss b/scss/_structure.scss new file mode 100644 index 0000000..0899684 --- /dev/null +++ b/scss/_structure.scss @@ -0,0 +1,23 @@ +//1. Body +//2. Header +//3. Fonts +//4. Top Bar +//5. Off-Canvas +.off-canvas-wrap { + min-height: 100%; + .inner-wrap { + min-height: 100vh; + height: 100%; + } +} +//6. Main +//7. Slideshow +//8. Blog +//9. Sidebar +//10. Links +//11. Footer +//12. Copyright + +#example.element { + background-color: transparent; +} \ No newline at end of file diff --git a/scss/_topbar.scss b/scss/_topbar.scss new file mode 100644 index 0000000..8ef1e5d --- /dev/null +++ b/scss/_topbar.scss @@ -0,0 +1,116 @@ +.contain-to-grid { + box-shadow: 0 5px 10px -1px $aluminum; + .top-bar { + height: 73px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5); + margin-bottom: 10px; + } +} +.tab-bar { + .tab-bar-section.middle { +// left: 0; +// right: 2.8125rem; + text-align: right; + } +} +.top-bar-section { + background: transparent; + float: none; + margin-left: auto; + margin-right: auto; + display: inline-block; + height: auto; + line-height: 1; + ul{ + li { + + a { + + } + &:not(.has-form):not(.active) { + & > a:not(.button) { + background: transparent; + } + } + ul.dropdown { + li { + a { + border-top-left-radius: 0; + border-top-right-radius: 0; + text-align: left; + } + &:not(.has-form):not(.active) { + & > a:not(.button) { + font-size: rem-calc(20); + padding: 10px 14px; + + } + } + &.active:not(.has-form) { + & > a:not(.button) { + padding: 10px 14px; + + } + } + } + } + &.drop-left { + ul.dropdown { + right: -1%; + left: auto; + li { + a { + text-align: left; + } + } + } + } +// &.drop-right { +// ul.dropdown { +// padding-left: 250px; +// padding-right: 21px; +// right: -1%; +// left: auto; +// top: 74px; +// background: $white; +// border-bottom-left-radius: 10px; +// border-bottom-right-radius: 10px; +// min-width: 500px; +// box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5); +// -ms-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5); +// -moz-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5); +// -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5); +// li { +// white-space: nowrap; +// background: $white; +// text-align: right; +// border-bottom: 1px solid #e7e7e8; +// padding: 5px 0; +// &.nav-img-container { +// img { +// position: absolute; +// left: 20px; +// top: 23px; +// border: 6px solid #fdefd4; +// } +// border: none; +// } +// a { +// padding-left: 0; +// text-align: left; +// font-size: 18px; +// &:hover { +// color: $d-blue; +// text-shadow: 0 0 1px $green; +// text-shadow: 1 0 1px $green; +// text-shadow: 0 1 1px $green; +// text-shadow: -1 0 1px $green; +// text-shadow: 0 -1 1px $green; +// } +// } +// } +// } +// } + } + } +} diff --git a/scss/_wordpress.scss b/scss/_wordpress.scss new file mode 100644 index 0000000..78a2e91 --- /dev/null +++ b/scss/_wordpress.scss @@ -0,0 +1,235 @@ +// Wordpress styles +// Table of Contents +// 01. Images + + +// 01. Images +// 02 Search and Post + +img.aligncenter { + display: block; + clear: both; + float:none; + padding:0; + margin-left: auto; + margin-right: auto; + } + +img.alignright { + padding: 0; + margin: 0 0 6px 11px; + display: inline; + } + +blockquote.alignleft, +img.alignleft, +.wp-caption.alignleft { + margin: rem-calc(7) rem-calc(35) rem-calc(7) 0; +} + +blockquote.alignright, +img.alignright, +.wp-caption.alignright { + margin: rem-calc(7) 0 rem-calc(7) rem-calc(35); +} +img.alignleft { + padding: 0; + display: inline; + } +img.alignleft, img.alignright, img.aligncenter, img.alignnone, div.wp-caption img { +// border: 1px solid $charcoal; +} + +.alignright { + float: right; +} +.alignnone { + float: none; +} +.alignleft { + float: left; +} +.wp-caption { +// background: $charcoal; + width: auto; +} +.wp-caption-text { + font-family: Open Sans, sans-serif; + font-size: 9px; + color: $white; + font-style: italic; + margin: 0; + padding: 0 5px; +} +.gallery-one-title { + height: 45px; + font-size: 0.8em; + text-align: center; + font-family: sans-serif; + padding: 5px; +} +.gallery-holder { + margin: 10px 0 20px 0; +} +@media #{$small-range} { + img.alignright, img.alignleft, img.aligncenter { + width: 70% !important; + display: block; + margin-left: auto; + margin-right: auto; + float: none; + text-align: center; + } + div.wp-caption.alignright, div.wp-caption.alignleft { + width: 44% !important; + margin-left: auto; + margin-right: auto; + float: none; + text-align: center; + } + div.wp-caption.aligncenter { + width: 85% !important; + margin-left: auto; + margin-right: auto; + float: none; + text-align: center; + } + div.wp-caption.alignnone { + width: 85% !important; + float: none; + } + div.wp-caption.alignright, div.wp-caption.alignleft, div.wp-caption.aligncenter { + width: 100%; + } +} +@media #{$medium-range} { + img.aligncenter, img.alignnone { + width: 70% !important; + display: block; + margin-left: auto; + margin-right: auto; + float: none; + text-align: center; + } + div.wp-caption.aligncenter { + width: 74% !important; + margin-left: auto; + margin-right: auto; + float: none; + text-align: center; + } + div.wp-caption.aligncenter { + width: 100%; + } + div.wp-caption.alignnone { + width: 73% !important; + float: none; + } +} + +.wp-caption { + max-width: 100%; + margin: 10px 20px; + padding: 5px; +// background-color: #f3f3f3; +// border: 1px solid #ddd; + text-align: center; + img { + width: 100%; + } + p.wp-caption-text { + padding: 5px; + width: 100%; + margin: 0; + color: black; + font-size: 12px; + } + &.aligncenter { + margin: 10px auto; + } +} +// end Images +// 02 Search and Post +@media #{$small-only} { + #blog-posts-over { + padding: 0 !important; + margin: 0 !important; + } +} +.blog-posts-container { + margin: 30px 0 30px; + embed, iframe, object, video { + max-width: 100%; + } + a { + text-decoration: none; + } + header.entry-header { + h2.entry-title { + a { + color: #222; + margin-left: 0; + } + } + } + .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { + overflow: hidden; + color: #757575; + font-size: 0.857143rem; + font-style: italic; + line-height: 2; + } + .date { + font-size: 12px; + } + footer.entry-meta { + color: #757575; + font-size: 0.928571rem; + line-height: 1.84615; + margin-top: 1.71429rem; + clear: both; + float: none; + margin-right: auto; + } + footer { + background: none; + clear: both; + padding: 15px 0 0; + position: relative; + text-align: center; + } +} +#content-wrapper { + h1, h2, h3, h4, h5, h6 { + clear: both; + } +} +.content { + background: #fff; +/* -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); + -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); + box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);*/ + box-shadow: 3px 3px 8px -1px darkgrey; +} +#searchform_container { + margin-top: 20px; +} +#searchform { + max-width: 100%; + text-align: center; + div { + input.blogbutton { + @include gradient(#1999ce, #107098); + } + } +} +#blog-side-info { + border-left: 1px solid grey; + margin-top: 30px; + padding-left: 20px; + @media #{$small-only} { + text-align: center; + } +} + +// End Search and Posts diff --git a/scss/admin/tinymce.css b/scss/admin/tinymce.css new file mode 100644 index 0000000..24e0f6a --- /dev/null +++ b/scss/admin/tinymce.css @@ -0,0 +1,35 @@ +/* +GaslightMedia, all rights reserved. +*/ +/* + Created on : May 22, 2015, 11:19:44 AM + Author : laury +*/ + /* + * To make the TINYMCE editor in wordpress reflect some of the default styles + * we have active on all our themes, thus leading to a more true WYSIWYG + * experience. + */ +#tinymce h1 { + clear: both; +} + +#tinymce h2 { + clear: both; +} + +#tinymce h3 { + clear: both; +} + +#tinymce h4 { + clear: both; +} + +#tinymce h5 { + clear: both; +} + +#tinymce h6 { + clear: both; +} \ No newline at end of file diff --git a/scss/app.scss b/scss/app.scss new file mode 100644 index 0000000..7ade1e7 --- /dev/null +++ b/scss/app.scss @@ -0,0 +1,20 @@ +@import "settings"; +@import "foundation"; +@import "mixins"; +@import "wordpress"; +@import "defaults"; +@import "body"; +@import "page.header"; +@import "topbar"; +@import "main"; +@import "slideshow"; +@import "plugins"; +@import "blog"; +@import "sidebar"; +@import "search"; +@import "page.footer"; +@import "copyright"; +@import "structure"; +@import "left-off-canvas"; +//@import "right-off-canvas"; + diff --git a/scss/mixins/_gradient.scss b/scss/mixins/_gradient.scss new file mode 100644 index 0000000..47f4364 --- /dev/null +++ b/scss/mixins/_gradient.scss @@ -0,0 +1,10 @@ +/* + Created on : Mar 5, 2015, 2:57:35 PM + Author : laury +*/ + +@mixin gradient($from, $to) { + background: -webkit-linear-gradient(left, $from 5%, $to 100%); + background: -moz-linear-gradient(center top, $from 5%, $to 100%); + background: -ms-linear-gradient(left, $from 5%, $to 100%); +} diff --git a/scss/mixins/_off-canvas-arrow.scss b/scss/mixins/_off-canvas-arrow.scss new file mode 100644 index 0000000..07180f3 --- /dev/null +++ b/scss/mixins/_off-canvas-arrow.scss @@ -0,0 +1,42 @@ +@mixin off-canvas-arrow($direction: down, $color: white, $size: 20px) { + border-left: $size - 5 solid transparent; + border-right: $size - 5 solid transparent; + @if $direction == 'up' { + border-bottom: $size solid $color; + border-top: 0; + // if width is not passed, or empty do this + } @else { + border-top: $size solid $color; + border-bottom: 0; + } +} +@mixin off-canvas-point($direction: right, $color: red, $size: 1rem) { + @if $direction == 'down' { + content: '>'; + transform: rotate(90deg); + color: $color; + height: $size; + width: $size; + font-size: $size; + font-weight: bold; + display: block; + } @if $direction == 'up' { + content: '>'; + transform: rotate(-90deg); + color: $color; + height: $size; + width: $size; + font-size: $size; + font-weight: bold; + display: block; + } @else if $direction == 'right' { + content: '>'; + transform: rotate(0deg); + color: $color; + height: $size; + width: $size; + font-size: $size; + font-weight: bold; + display: block; + } +} \ No newline at end of file diff --git a/scss/plugins/_events.scss b/scss/plugins/_events.scss new file mode 100644 index 0000000..7362cbc --- /dev/null +++ b/scss/plugins/_events.scss @@ -0,0 +1,3 @@ +#blog-posts-over article.ai1ec_event { + padding: 10px; +} \ No newline at end of file diff --git a/scss/plugins/_fullCalendar.scss b/scss/plugins/_fullCalendar.scss new file mode 100644 index 0000000..d89b30d --- /dev/null +++ b/scss/plugins/_fullCalendar.scss @@ -0,0 +1,80 @@ +/* These are the basic styles for calendar, there are several others that can be added from the calendar's mark up. + These styles are primarily for the buttons, columns headers, and the over all calendar body. More selectors will + be necessary when getting deeper into the calendar's mark up to style elements +*/ + +#eventCalendar{ + + /* contains all of the buttons above the calendar, on left and right */ + .fc-toolbar{ + + /* apply button styles here to affect all of the calendar buttons */ + .fc-button{ + + } + /* currently selected button styles */ + .fc-button.fc-state-active{ + + } + .fc-button.fc-state-hover{ + + } + + /* affect only today, prev and next buttons (buttons on the above the left side of the calendar*/ + .fc-left{ + .fc-button{ + + } + .fc-today-button{ + + } + } + + /* affect only month, week, day buttons (buttons above the right side of the calendar) */ + .fc-right{ + .fc-button-group{ + .fc-button{ + + } + .fc-button.fc-state-active{ + + } + .fc-button.fc-state-hover{ + + } + } + } + + /* Calendar Title / Current Month or Date */ + .fc-center{ + h2{ + + } + } + } + + /* entire calendar body */ + .fc-view-container{ + + /* dates, days or months at the top of each column (sun, mon, tue, wed, thur, fri, sat) */ + .fc-head{ + .fc-widget-header{ + + } + } + .fc-agendaDay-view{ + + } + .fc-month-view{ + + } + .fc-agendaWeek-view{ + + } + .fc-body{ + .fc-widget-content{ + + } + } + } +} diff --git a/scss/plugins/_gravityForms.scss b/scss/plugins/_gravityForms.scss new file mode 100644 index 0000000..e69de29 diff --git a/scss/plugins/_nextgen.scss b/scss/plugins/_nextgen.scss new file mode 100644 index 0000000..3bb3619 --- /dev/null +++ b/scss/plugins/_nextgen.scss @@ -0,0 +1,40 @@ +/* NextGen Gallery */ +.ngg-gallery-thumbnail, +.ngg-gallery-thumbnail-box { + float: none !important; +} +.gallery li a img { // without this images will overlap each other at certain widths + display: block; + width: 100%; +} +.ngg-gallery-thumbnail, .ngg-gallery-thumbnail-box { + float: none !important; +} +.ngg-album-compact h4 .ngg-album-desc { + height: auto !important; + font-family: $font-family-serif; + font-weight: 400; +} +.ngg-album-compact .album-meta-wrapper h4 a { + font-style: normal; +} +.album-meta-wrapper { + display: block; + height: 54px; + margin-bottom: 20px; +} +.ngg-glmalbums { + margin: 10px 0; +} +/* Ninja Forms */ +.ninja-forms-form-wrap { + max-width: 600px; + margin: 0 auto; + input[type=submit] { + @include button(); + display: block; + margin: 0 auto; + } +} + +/* End NextGen Gallery */ diff --git a/sections/blog-archive.php b/sections/blog-archive.php new file mode 100644 index 0000000..32313d2 --- /dev/null +++ b/sections/blog-archive.php @@ -0,0 +1,6 @@ +
    +
    + + +
    +
    \ No newline at end of file diff --git a/sections/blog-home.php b/sections/blog-home.php new file mode 100644 index 0000000..01d5da8 --- /dev/null +++ b/sections/blog-home.php @@ -0,0 +1,9 @@ +
    + +
    + + +
    +
    \ No newline at end of file diff --git a/sections/blog-single.php b/sections/blog-single.php new file mode 100644 index 0000000..d0075b7 --- /dev/null +++ b/sections/blog-single.php @@ -0,0 +1,26 @@ +
    +
    +
    + +
    +
    +
    +
    + + +
    +
    +
    +
    + + +
    +

    +
    + +
    + +
    +
    \ No newline at end of file diff --git a/sections/copyright.php b/sections/copyright.php new file mode 100644 index 0000000..acce51b --- /dev/null +++ b/sections/copyright.php @@ -0,0 +1,7 @@ +
    + Copyright © + • + Produced by Gaslight Media + • + All Rights Reserved +
    \ No newline at end of file diff --git a/sections/footer.php b/sections/footer.php new file mode 100644 index 0000000..076b2e8 --- /dev/null +++ b/sections/footer.php @@ -0,0 +1,40 @@ +
    + + + +
    + +
    +
    \ No newline at end of file diff --git a/sections/front-page.php b/sections/front-page.php new file mode 100644 index 0000000..84d36de --- /dev/null +++ b/sections/front-page.php @@ -0,0 +1,20 @@ +
    +
    + +
    +
    +
    + +
    +
    + + +
    + +
    + +
    +
    +
    \ No newline at end of file diff --git a/sections/header.php b/sections/header.php new file mode 100644 index 0000000..38be909 --- /dev/null +++ b/sections/header.php @@ -0,0 +1,19 @@ +
    +
    +
    + + + +

    + +

    + +

    + +
    +
    +
    \ No newline at end of file diff --git a/sections/interior-page.php b/sections/interior-page.php new file mode 100644 index 0000000..c6399ae --- /dev/null +++ b/sections/interior-page.php @@ -0,0 +1,22 @@ +
    +
    +
    + "; + echo ''; + bcn_display(); + echo "
    "; + } + ?> +
    +
    + + +
    +
    + \ No newline at end of file diff --git a/sections/off-canvas.php b/sections/off-canvas.php new file mode 100644 index 0000000..abf9eb8 --- /dev/null +++ b/sections/off-canvas.php @@ -0,0 +1,38 @@ + + \ No newline at end of file diff --git a/sections/search.php b/sections/search.php new file mode 100644 index 0000000..16c6b6e --- /dev/null +++ b/sections/search.php @@ -0,0 +1,110 @@ +
    +
    + +

    Please enter a query in the search box.

    + +

    Search Results for ""

    +
    + +
    +
    + + post_type=='page')) continue; ?> +
    +
    +
    > +
    +

    + Posted on +
    + + + + @'), array(' ', "\n"), apply_filters('the_content', $post->post_content))) : ''); + + // Search content for terms + $terms = $wp_query->query_vars['search_terms']; + if ( preg_match_all('/'.str_replace('/', '\/', join('|', $terms)).'/i', $content, $matches, PREG_OFFSET_CAPTURE) ) { + $padding = max($min_padding, $max_length / (2*count($matches[0]))); + + // Construct extract containing context for each term + $output = ''; + $last_offset = 0; + foreach ( $matches[0] as $match ) { + list($string, $offset) = $match; + $start = $offset-$padding; + $end = $offset+strlen($string)+$padding; + // Preserve whole words + while ( $start > 1 && preg_match('/[A-Za-z0-9\'"-]/', $content{$start-1}) ) $start--; + while ( $end < strlen($content)-1 && preg_match('/[A-Za-z0-9\'"-]/', $content{$end}) ) $end++; + $start = max($start, $last_offset); + $context = substr($content, $start, $end-$start); + if ( $start > $last_offset ) $context = '...'.$context; + $output .= $context; + $last_offset = $end; + } + + if ( $last_offset != strlen($content)-1 ) $output .= '...'; + } else { + $output = $content; + } + + if ( strlen($output) > $max_length ) { + $end = $max_length-3; + while ( $end > 1 && preg_match('/[A-Za-z0-9\'"-]/', $output{$end-1}) ) $end--; + $output = substr($output, 0, $end) . '...'; + } + + // Highlight matches + $context = nl2br(preg_replace('/'.str_replace('/', '\/', join('|', $terms)).'/i', '$0', $output)); + ?> + +

    + +

    +

    + Read this entry +

    + + + +
    + $cat->name, 'slug' => $cat->slug ); + echo ', '. $cat->name .''; + } + echo '.'; + } + ?> +
    +
    +
    +
    + +
    + +
    + +
    +

    +
    + +
    + + +
    +
    \ No newline at end of file diff --git a/sections/top-bar.php b/sections/top-bar.php new file mode 100644 index 0000000..5627da8 --- /dev/null +++ b/sections/top-bar.php @@ -0,0 +1,10 @@ + + \ No newline at end of file diff --git a/sidebar.php b/sidebar.php new file mode 100644 index 0000000..4cf9d86 --- /dev/null +++ b/sidebar.php @@ -0,0 +1,6 @@ + diff --git a/style.css b/style.css new file mode 100644 index 0000000..e589ad0 --- /dev/null +++ b/style.css @@ -0,0 +1,7 @@ +/* +Theme Name: resortTownship +Author: Gaslight Media +Author URI: http://www.gaslightmedia.com +Description: A theme for resortTownship +Version: 1.0 +*/