/* Theme Name: _second-foundation Theme URI: http://jpwp.me/sf Author: Josh Pollock Author URI: http://JoshPress.net Description: A responsive starter theme for the Foundation framework. Version: 2.0.3 License: GPL (Version 2 or later) License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: two-columns, fluid-layout, responsive-layout, right-sidebar,custom-background, custom-header, featured-images */ /** _Second Foundation is copyright 2013 Josh Pollock _Second Foundation is licensed under the terms of the GNU General Public License Version 2 or later. It is based on Underscores and Foundation Underscores (http://underscores.me/), (C) 2012-2013 Automattic, Inc. Underscores, like WordPress, is licensed under the GPL. It is forked from hook_s (https://github.com/bradp/hook_s) by Brad Parbs (http://bradparbs.com/) Foundation (http://foundation.zurb.com/), (c) 2013 ZURB (http://zurb.com/). Foundation is licensed under the terms of the MIT Open Source License. Backstretch (http://srobbin.com/jquery-plugins/backstretch/) Copyright (c) 2013 Scott Robbin; Licensed MIT See license.txt for more information. **/ /* Text elements */ blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; padding: 1.6em; overflow: auto; max-width: 100%; } code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ *vertical-align: middle; /* Improves appearance and consistency in all browsers */ } input { line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ *overflow: visible; /* Corrects inner spacing displayed oddly in IE6/7 */ } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding-left: 3px; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 98%; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /* Clearing */ .clear:before, .clear:after, [class*="content"]:before, [class*="content"]:after, [class*="site"]:before, [class*="site"]:after { content: ''; display: table; } .clear:after, [class*="content"]:after, [class*="site"]:after { clear: both; } /* =Menu ----------------------------------------------- */ .navigation-main { clear: both; display: block; float: left; width: 100%; } .navigation-main ul { list-style: none; margin: 0; padding-left: 0; } .navigation-main li { float: left; position: relative; } .navigation-main a { display: block; text-decoration: none; } .navigation-main ul ul { -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); display: none; float: left; position: absolute; top: 1.5em; left: 0; z-index: 99999; } .navigation-main ul ul ul { left: 100%; top: 0; } .navigation-main ul ul a { width: 200px; } .navigation-main ul ul li { } .navigation-main li:hover > a { } .navigation-main ul ul :hover > a { } .navigation-main ul ul a:hover { } .navigation-main ul li:hover > ul { display: block; } .navigation-main li.current_page_item a, .navigation-main li.current-menu-item a { } /* Small menu */ .menu-toggle { display: none; cursor: pointer; } .main-small-navigation ul { display: none; } @media screen and (max-width: 600px) { .menu-toggle, .main-small-navigation ul.nav-menu.toggled-on { display: block; } .navigation-main ul { display: none; } } /* =Content ----------------------------------------------- */ .sticky { } .byline { display: none; } .single .byline, .group-blog .byline { display: inline; } .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /* =Asides ----------------------------------------------- */ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /* =Media ----------------------------------------------- */ .site-header img, .entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } .site-header img, .entry-content img, .comment-content img[height], img[class*="align"], img[class*="wp-image-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } .site-header img, .entry-content img, img.size-full { max-width: 100%; width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */ } .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption { border: 1px solid #ccc; margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 1.2% auto 0; max-width: 98%; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .site-content .gallery { margin-bottom: 1.5em; } .gallery-caption { } .site-content .gallery a img { border: none; height: auto; max-width: 90%; } .site-content .gallery dd { margin: 0; } .site-content .gallery-columns-4 .gallery-item { } .site-content .gallery-columns-4 .gallery-item img { } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /* =Navigation ----------------------------------------------- */ .site-content [class*="navigation"] { margin: 0 0 1.5em; overflow: hidden; } [class*="navigation"] .previous { float: left; width: 50%; } [class*="navigation"] .next { float: right; text-align: right; width: 50%; } /* =Comments ----------------------------------------------- */ .comment-content a { word-wrap: break-word; } .bypostauthor { } /* =Widgets ----------------------------------------------- */ .widget { margin: 0 0 1.5em; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } /* Search widget */ .widget_search .submit { display: none; } /* =Infinite Scroll ----------------------------------------------- */ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .navigation-paging, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { display: block; }