wordpress-starter 0.1 → 0.2

data/templates/foundation/sass/_settings.scss

@@ -0,0 +1,243 @@
+@import "foundation/common/ratios";
+
+// Settings file containing Foundation defaults
+
+// Grid Settings
+
+$rowWidth: 1000px;
+$columnGutter: 30px;
+$totalColumns: 12;
+$mobileTotalColumns: 4;
+$blockGridElements: 12; // Highest number of block grid elements, Maximum of 24 supported
+
+// Colors Settings
+
+$mainColor: #2ba6cb;
+$secondaryColor: #e9e9e9;
+$alertColor: #c60f13;
+$successColor: #5da423;
+$txtColor: #191919;
+$highlightColor: #ffff99;
+$black: #252525;
+$white: #fff;
+$shinyEdge: rgba(#fff, .5);
+$darkEdge: rgba(#000, .2);
+
+// Font Settings
+
+$fontSmoothing: antialiased;
+$headerFontFamily: "Helvetica Neue", Helvetica, sans-serif;
+$headerFontWeight: bold;
+$headerFontStyle: normal;
+$headerFontColor: #222;
+$bodyFontFamily: "Helvetica Neue", Helvetica, sans-serif;
+$bodyFontWeight: normal;
+$bodyFontStyle: normal;
+$bodyFontColor: $txtColor;
+
+// Text Direction Settings
+
+$textDirection: ltr; // Controls default global text direction, 'rtl' or 'ltr'
+
+// Button Settings
+
+$buttonRadius: 3px;
+$btnBase: 10px;
+
+$tinyBtnBase: $btnBase - 5;
+$smallBtnBase: $btnBase - 3;
+$largeBtnBase: $btnBase + 5;
+
+// Form Settings
+
+$formSpacing: 12px;
+$labelFontWeight: 500;
+$labelFontColor: lighten(#000, 30%);
+$labelBtmMargin: 3px;
+$inputFontColor: rgba(0,0,0,0.75);
+$inputFontSize: 14px;
+$inputBgColor: #fff;
+$inputFocusBgColor: darken(#fff, 2%);
+$inputBorderColor: darken(#fff, 20%);
+$inputFocusBorderColor: darken(#fff, 30%);
+$inputBorderStyle: solid;
+$inputBorderWidth: 1px;
+$inputBorderRadius: 2px;
+$fieldsetBorderRadius: 3px;
+
+// Custom Form Settings
+
+$custFormBorderColor: #ccc;
+$custFormBgColor: #fff;
+$custCheckColor: #222;
+$custSelectCurrentFontColor: #141414;
+$custSelectBgColor: #fff;
+$custSelectBorderColor: #ddd;
+$custSelectTriangleColor: #aaa;
+$custSelectTriangleColorOpen: #222;
+$custSelectDropHeight: 200px;
+$custDropdownBgColor: #fff;
+$custDropdownBorderColor: darken(#fff, 20%);
+$custDropdownFontColor: #555;
+$custDropdownSelectedBgColor: lighten(#2ba6cb, 40%);
+$custDropdownSelectedFontColor: #000;
+$custFormDisabledBgColor: #ddd;
+
+// Tab Settings
+
+$tabHeight: 40px;
+$tabTermFontSize: 12px;
+
+// Nav Bar Settings
+
+$navBarHeight: 40px;
+$navFlyoutBaseWidth: 250px;
+
+// Top Bar Settings
+
+$topBarBgColor: #222;
+$topBarHeight: 45px;
+$topBarHeightMobile: 45px;
+$topBarBtmMargin: 30px;
+$topBarTitleWeight: bold;
+$topBarTitleSize: 17px;
+$topBarLinkColor: #fff;
+$topBarLinkWeight: bold;
+$topBarLinkSize: 13px;
+$topBarDropBgColor: #222;
+$topBarDropLinkColor: #fff;
+$topBarDropToggleSize: 5px;
+$topBarDropToggleColor: #fff;
+$topBarDropToggleAlpha: 0.5;
+$topBarSearchWidth: 200px;
+$topBarBreakPoint: 940px; // Change to 9999px for always mobile layout
+$topBarNavToggleSize: 8px;
+
+// UI Settings
+
+$thumbRadius: 3px;
+$progBarHeight: 25px;
+$progBarBorderColor: darken(#fff, 20%);
+$progBarBorderSize: 1px;
+$progBarPad: 2px;
+$linkListBottomMargin: 17px -22px;
+$tableBorderRadius: 3px;
+
+// Tooltip Settings
+
+$hasTipBorderBottom: dotted 1px #ccc;
+$hasTipFontWeight: bold;
+$hasTipFontColor: #333;
+$hasTipBorderBottomHover: dotted 1px darken($mainColor, 20%);
+$hasTipFontColorHover: $mainColor;
+$tooltipBackgroundColor: #000;
+$tooltipBackgroundOpacity: 0.85;
+$tooltipFontSize: 12px;
+$tooltipFontWeight: bold;
+$tooltipFontColor: #fff;
+$tapToCloseFontSize: 10;
+$tapToCloseFontWeight: normal;
+$tapToCloseFontColor: #888;
+$tooltipFontSizeScreenSm: 14;
+$tooltipBgOpacityScreenSm: 0.85;
+$tooltipBorderRadius: 4px;
+
+// Pricing Table Settings
+
+$priceTableBorder: solid 1px #ddd;
+$priceTitleBgColor: #ddd;
+$priceTitlePadding: 15px 20px;
+$priceTitleAlign: center;
+$priceTitleColor: #333;
+$priceTitleWeight: bold;
+$priceTitleSize: 16px;
+
+$priceMoneyBgColor: #eee;
+$priceMoneyPadding: 15px 20px;
+$priceMoneyAlign: center;
+$priceMoneyColor: #333;
+$priceMoneyWeight: normal;
+$priceMoneySize: 20px;
+
+$priceBgColor: #fff;
+$priceDescColor: #777;
+$priceDescPadding: 15px;
+$priceDescAlign: center;
+$priceDescFontSize: 12px;
+$priceDescWeight: normal;
+$priceDescLineHeight: 1.4;
+$priceDescBtmBorder: dotted 1px #ddd;
+
+$priceItemColor: #333;
+$priceItemPadding: 15px;
+$priceItemAlign: center;
+$priceItemFontSize: 14px;
+$priceItemWeight: normal;
+$priceItemBtmBorder: dotted 1px #ddd;
+
+$priceCtaBgColor: #f5f5f5;
+$priceCtaAlign: center;
+$priceCtaPadding: 20px;
+
+// Orbit Settings
+
+$orbitCaptionBgColorOldBrowser: #000;
+$orbitCaptionBgColor: rgba(0,0,0,.6);
+$orbitCaptionFontColor: #fff;
+$orbitBulletNavColor: #999;
+$orbitBulletNavColorActive: #222;
+$orbitHasThumbBorderColor: #000;
+$orbitHasThumbBorderWidth: 2px;
+$orbitHasThumbBorderStyle: solid;
+$orbitSlideNumBgColor: rgba(0,0,0,0.7);
+$orbitSlideNumFontColor: #fff;
+$orbitSlideNumPadding: 5px;
+
+// Clearing Settings
+
+$clearingBg: rgba(0,0,0,0.8);
+$clearingOldBrowserBg: rgb(0,0,0);
+$clearingCaptionBg: rgba(0,0,0,0.7);
+$clearingCaptionOldBrowserBg: rgb(0,0,0);
+$clearingCaptionFontColor: #fff;
+$clearingCloseColor: #fff;
+$clearingArrowColor: #fff;
+$clearingArrowSize: 16px;
+$clearingCarouselBg: rgba(0,0,0,0.75);
+$clearingCarouselOldBrowserBg: rgb(0,0,0);
+$clearingCarouselHeight: 150px;
+$clearingActiveImgHeight: 75%;
+$clearingCarouselThumbWidth: 175px;
+$clearingCarouselThumbActiveBorder: 4px solid rgb(255,255,255);
+$clearingImgBg: rgba(0,0,0,0.75);
+$clearingImgOldBrowserBg: rgb(0,0,0);
+
+// Joyride Settings
+
+$tipBg: rgba(0,0,0,0.8);
+$tipBgIE8: #000;
+$tipFontColor: #fff;
+$tipHeaderWeight: bold;
+$tipDefaultWidth: 300px;
+$tipBorderRadius: 4px;
+$tipPadding: 18px 20px 24px;
+$tipNubSize: 14px;
+$tipFontSize: 14px;
+$tipTimerWidth: 50px;
+$tipTimerHeight: 3px;
+$tipTimerBorder: solid 1px #555;
+$tipTimerColor: #666;
+$tipCloseColor: #777;
+$tipCloseSize: 20px;
+$tipCloseWeight: normal;
+$tipScreenFill: rgba(0,0,0,0.5);
+
+// Modular Scale Settings
+
+// $ratio: $golden; // THIS IS DEFAULT IN MODULAR-SCALE
+$baseFontSize: 14px;
+$importantModNum: 44px;
+$base-size: $baseFontSize $importantModNum;
+// Produced the following list of values: 14, 17, 23, 27, 37, 44, 59, 71, 95, 115;
+// http://www.modularscale.com by Tim Brown
+// https://github.com/scottkellum/modular-scale by scottkellum

data/templates/foundation/screen.scss

@@ -0,0 +1 @@
+@import "app";

data/templates/foundation/search.php

@@ -0,0 +1,31 @@
+<?php
+/**
+ * The template for displaying Search Results pages.
+ *
+ * @category  Theme
+ * @package   [foundation]
+ * @author    [Your Name]
+ * @copyright 2012 [Your Name]
+ */
+
+get_header();
+
+if ( have_posts() ):
+	?>
+	<header class="page-header">
+		<h1 class="page-title"><?php printf( __( 'Search Results for: %s', 'foundation' ), '<span>' . get_search_query() . '</span>' ); ?></h1>
+	</header>
+	<?php
+	/* Start the Loop */
+	while ( have_posts() ):
+		the_post();
+
+		get_template_part( 'content', get_post_format() );
+	endwhile;
+
+	do_action( 'pagination' );
+else:
+	get_template_part( 'content', 'none' );
+endif;
+
+get_footer();

data/templates/foundation/searchform.php

@@ -0,0 +1,14 @@
+<?php
+/**
+ * The template for displaying the search form.
+ *
+ * @category  Theme
+ * @package   [foundation]
+ * @author    [Your Name]
+ * @copyright 2012 [Your Name]
+ */
+?>
+<form role="search" method="get" id="searchform" class="search" action="<?php echo home_url( '/' ); ?>">
+	<label class="assistive-text" for="s"><?php _e( 'Search', 'foundation' ); ?></label>
+	<input name="s" id="s" value="<?php if ( is_search() ) echo get_search_query(); ?>" type="search" class="search-query" autocomplete="off" placeholder="<?php _e( 'Search', 'foundation' ) ?>">
+</form>

data/templates/foundation/sidebar.php

@@ -0,0 +1,15 @@
+<?php
+/**
+ * The sidebar template.
+ *
+ * @category  Theme
+ * @package   [foundation]
+ * @author    [Your Name]
+ * @copyright 2012 [Your Name]
+ */
+?>
+	<aside class="secondary four mobile-four columns" role="complementary">
+		<ul class="widgets side-nav">
+			<?php dynamic_sidebar( 'primary-widget-area' ); ?>
+		</ul>
+	</aside>

data/templates/foundation/single.php

@@ -0,0 +1,31 @@
+<?php
+/**
+ * The single template file.
+ *
+ * @category  Theme
+ * @package   [foundation]
+ * @author    [Your Name]
+ * @copyright 2012 [Your Name]
+ */
+
+get_header( get_post_format() );
+
+if ( have_posts() ):
+	while ( have_posts() ):
+		the_post();
+
+		/* If you want to overload this in a child theme then include a file
+		 * called content-single.php and that will be used instead.
+		 */
+		 get_template_part( 'content', 'single' );
+
+		 /* Display navigation to next/previous pages when applicable */
+		 do_action( 'pagination' );
+
+		 comments_template( '', true );
+	 endwhile;
+else:
+	 get_template_part( 'content', 'none' );
+endif;
+
+get_footer( get_post_format() );

data/templates/foundation/style.css

@@ -0,0 +1,17 @@
+/*
+Theme Name: A WordPress Theme
+Theme URI: http://example.com/theme
+Description: Use this theme to start your Theme development.
+Author: Your Name
+Author URI: http://example.com/
+Version: 1.0
+License: GNU General Public License
+License URI: license.txt
+Tags:
+
+This theme, like WordPress, is licensed under the GPL.
+Use it to make something cool, have fun, and share what you've learned with others.
+*/
+
+@import url('stylesheets/screen.css') screen;
+@import url('stylesheets/print.css') print;

data/templates/foundation/stylesheets/fc-webicons.css

@@ -0,0 +1,156 @@
+/* FC Webicons by Fairhead Creative http://fairheadcreative.com */
+
+.fc-webicon { display: inline-block; background-size: 100%; width: 30px; height: 30px; text-indent: -999em; text-align: left; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; }
+.fc-webicon:hover { margin: -1px 0 1px; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); }
+.fc-webicon.small { width: 20px; height: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
+.fc-webicon.large { width: 48px; height: 48px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
+
+/* Behance */
+.no-svg .fc-webicon.behance { background: url("../img/fairhead-icons/fc-webicon-behance-m.png"); }
+.no-svg .fc-webicon.behance.large { background: url("../img/fairhead-icons/fc-webicon-behance.png"); }
+.no-svg .fc-webicon.behance.small { background: url("../img/fairhead-icons/fc-webicon-behance-s.png"); }
+.svg .fc-webicon.behance { background: url("../img/fairhead-icons/fc-webicon-behance.svg"); }
+
+/* Creative Cloud */
+.no-svg .fc-webicon.creativecloud { background: url("../img/fairhead-icons/fc-webicon-creativecloud-m.png"); }
+.no-svg .fc-webicon.creativecloud.large { background: url("../img/fairhead-icons/fc-webicon-creativecloud.png"); }
+.no-svg .fc-webicon.creativecloud.small { background: url("../img/fairhead-icons/fc-webicon-creativecloud-s.png"); }
+.svg .fc-webicon.creativecloud { background: url("../img/fairhead-icons/fc-webicon-creativecloud.svg"); }
+
+/* Dribbble */
+.no-svg .fc-webicon.dribbble { background: url("../img/fairhead-icons/fc-webicon-dribbble-m.png"); }
+.no-svg .fc-webicon.dribbble.large { background: url("../img/fairhead-icons/fc-webicon-dribbble.png"); }
+.no-svg .fc-webicon.dribbble.small { background: url("../img/fairhead-icons/fc-webicon-dribbble-s.png"); }
+.svg .fc-webicon.dribbble { background: url("../img/fairhead-icons/fc-webicon-dribbble.svg"); }
+
+/* Dropbox */
+.no-svg .fc-webicon.dropbox { background: url("../img/fairhead-icons/fc-webicon-dropbox-m.png"); }
+.no-svg .fc-webicon.dropbox.large { background: url("../img/fairhead-icons/fc-webicon-dropbox.png"); }
+.no-svg .fc-webicon.dropbox.small { background: url("../img/fairhead-icons/fc-webicon-dropbox-s.png"); }
+.svg .fc-webicon.dropbox { background: url("../img/fairhead-icons/fc-webicon-dropbox.svg"); }
+
+/* Evernote */
+.no-svg .fc-webicon.evernote { background: url("../img/fairhead-icons/fc-webicon-evernote-m.png"); }
+.no-svg .fc-webicon.evernote.large { background: url("../img/fairhead-icons/fc-webicon-evernote.png"); }
+.no-svg .fc-webicon.evernote.small { background: url("../img/fairhead-icons/fc-webicon-evernote-s.png"); }
+.svg .fc-webicon.evernote { background: url("../img/fairhead-icons/fc-webicon-evernote.svg"); }
+
+/* Facebook */
+.no-svg .fc-webicon.facebook { background: url("../img/fairhead-icons/fc-webicon-facebook-m.png"); }
+.no-svg .fc-webicon.facebook.large { background: url("../img/fairhead-icons/fc-webicon-facebook.png"); }
+.no-svg .fc-webicon.facebook.small { background: url("../img/fairhead-icons/fc-webicon-facebook-s.png"); }
+.svg .fc-webicon.facebook { background: url("../img/fairhead-icons/fc-webicon-facebook.svg"); }
+
+/* Flickr */
+.no-svg .fc-webicon.flickr { background: url("../img/fairhead-icons/fc-webicon-flickr-m.png"); }
+.no-svg .fc-webicon.flickr.large { background: url("../img/fairhead-icons/fc-webicon-flickr.png"); }
+.no-svg .fc-webicon.flickr.small { background: url("../img/fairhead-icons/fc-webicon-flickr-s.png"); }
+.svg .fc-webicon.flickr { background: url("../img/fairhead-icons/fc-webicon-flickr.svg"); }
+
+/* Github */
+.no-svg .fc-webicon.github { background: url("../img/fairhead-icons/fc-webicon-github-m.png"); }
+.no-svg .fc-webicon.github.large { background: url("../img/fairhead-icons/fc-webicon-github.png"); }
+.no-svg .fc-webicon.github.small { background: url("../img/fairhead-icons/fc-webicon-github-s.png"); }
+.svg .fc-webicon.github { background: url("../img/fairhead-icons/fc-webicon-github.svg"); }
+
+/* Google+ */
+.no-svg .fc-webicon.googleplus { background: url("../img/fairhead-icons/fc-webicon-googleplus-m.png"); }
+.no-svg .fc-webicon.googleplus.large { background: url("../img/fairhead-icons/fc-webicon-googleplus.png"); }
+.no-svg .fc-webicon.googleplus.small { background: url("../img/fairhead-icons/fc-webicon-googleplus-s.png"); }
+.svg .fc-webicon.googleplus { background: url("../img/fairhead-icons/fc-webicon-googleplus.svg"); }
+
+/* iCloud */
+.no-svg .fc-webicon.icloud { background: url("../img/fairhead-icons/fc-webicon-icloud-m.png"); }
+.no-svg .fc-webicon.icloud.large { background: url("../img/fairhead-icons/fc-webicon-icloud.png"); }
+.no-svg .fc-webicon.icloud.small { background: url("../img/fairhead-icons/fc-webicon-icloud-s.png"); }
+.svg .fc-webicon.icloud { background: url("../img/fairhead-icons/fc-webicon-icloud.svg"); }
+
+/* LinkedIn */
+.no-svg .fc-webicon.linkedin { background: url("../img/fairhead-icons/fc-webicon-linkedin-m.png"); }
+.no-svg .fc-webicon.linkedin.large { background: url("../img/fairhead-icons/fc-webicon-linkedin.png"); }
+.no-svg .fc-webicon.linkedin.small { background: url("../img/fairhead-icons/fc-webicon-linkedin-s.png"); }
+.svg .fc-webicon.linkedin { background: url("../img/fairhead-icons/fc-webicon-linkedin.svg"); }
+
+/* Mail */
+.no-svg .fc-webicon.mail { background: url("../img/fairhead-icons/fc-webicon-mail-m.png"); }
+.no-svg .fc-webicon.mail.large { background: url("../img/fairhead-icons/fc-webicon-mail.png"); }
+.no-svg .fc-webicon.mail.small { background: url("../img/fairhead-icons/fc-webicon-mail-s.png"); }
+.svg .fc-webicon.mail { background: url("../img/fairhead-icons/fc-webicon-mail.svg"); }
+
+/* MSN */
+.no-svg .fc-webicon.msn { background: url("../img/fairhead-icons/fc-webicon-msn-m.png"); }
+.no-svg .fc-webicon.msn.large { background: url("../img/fairhead-icons/fc-webicon-msn.png"); }
+.no-svg .fc-webicon.msn.small { background: url("../img/fairhead-icons/fc-webicon-msn-s.png"); }
+.svg .fc-webicon.msn { background: url("../img/fairhead-icons/fc-webicon-msn.svg"); }
+
+/* Pinterest */
+.no-svg .fc-webicon.pinterest { background: url("../img/fairhead-icons/fc-webicon-pinterest-m.png"); }
+.no-svg .fc-webicon.pinterest.large { background: url("../img/fairhead-icons/fc-webicon-pinterest.png"); }
+.no-svg .fc-webicon.pinterest.small { background: url("../img/fairhead-icons/fc-webicon-pinterest-s.png"); }
+.svg .fc-webicon.pinterest { background: url("../img/fairhead-icons/fc-webicon-pinterest.svg"); }
+
+/* Rdio */
+.no-svg .fc-webicon.rdio { background: url("../img/fairhead-icons/fc-webicon-rdio-m.png"); }
+.no-svg .fc-webicon.rdio.large { background: url("../img/fairhead-icons/fc-webicon-rdio.png"); }
+.no-svg .fc-webicon.rdio.small { background: url("../img/fairhead-icons/fc-webicon-rdio-s.png"); }
+.svg .fc-webicon.rdio { background: url("../img/fairhead-icons/fc-webicon-rdio.svg"); }
+
+/* RSS */
+.no-svg .fc-webicon.rss { background: url("../img/fairhead-icons/fc-webicon-rss-m.png"); }
+.no-svg .fc-webicon.rss.large { background: url("../img/fairhead-icons/fc-webicon-rss.png"); }
+.no-svg .fc-webicon.rss.small { background: url("../img/fairhead-icons/fc-webicon-rss-s.png"); }
+.svg .fc-webicon.rss { background: url("../img/fairhead-icons/fc-webicon-rss.svg"); }
+
+/* Skitch */
+.no-svg .fc-webicon.skitch { background: url("../img/fairhead-icons/fc-webicon-skitch-m.png"); }
+.no-svg .fc-webicon.skitch.large { background: url("../img/fairhead-icons/fc-webicon-skitch.png"); }
+.no-svg .fc-webicon.skitch.small { background: url("../img/fairhead-icons/fc-webicon-skitch-s.png"); }
+.svg .fc-webicon.skitch { background: url("../img/fairhead-icons/fc-webicon-skitch.svg"); }
+
+/* Skype */
+.no-svg .fc-webicon.skype { background: url("../img/fairhead-icons/fc-webicon-skype-m.png"); }
+.no-svg .fc-webicon.skype.large { background: url("../img/fairhead-icons/fc-webicon-skype.png"); }
+.no-svg .fc-webicon.skype.small { background: url("../img/fairhead-icons/fc-webicon-skype-s.png"); }
+.svg .fc-webicon.skype { background: url("../img/fairhead-icons/fc-webicon-skype.svg"); }
+
+/* Spotify */
+.no-svg .fc-webicon.spotify { background: url("../img/fairhead-icons/fc-webicon-spotify-m.png"); }
+.no-svg .fc-webicon.spotify.large { background: url("../img/fairhead-icons/fc-webicon-spotify.png"); }
+.no-svg .fc-webicon.spotify.small { background: url("../img/fairhead-icons/fc-webicon-spotify-s.png"); }
+.svg .fc-webicon.spotify { background: url("../img/fairhead-icons/fc-webicon-spotify.svg"); }
+
+/* StumbleUpon! */
+.no-svg .fc-webicon.stumbleupon { background: url("../img/fairhead-icons/fc-webicon-stumbleupon-m.png"); }
+.no-svg .fc-webicon.stumbleupon.large { background: url("../img/fairhead-icons/fc-webicon-stumbleupon.png"); }
+.no-svg .fc-webicon.stumbleupon.small { background: url("../img/fairhead-icons/fc-webicon-stumbleupon-s.png"); }
+.svg .fc-webicon.stumbleupon { background: url("../img/fairhead-icons/fc-webicon-stumbleupon.svg"); }
+
+/* Twitter */
+.no-svg .fc-webicon.twitter { background: url("../img/fairhead-icons/fc-webicon-twitter-m.png"); }
+.no-svg .fc-webicon.twitter.large { background: url("../img/fairhead-icons/fc-webicon-twitter.png"); }
+.no-svg .fc-webicon.twitter.small { background: url("../img/fairhead-icons/fc-webicon-twitter-s.png"); }
+.svg .fc-webicon.twitter { background: url("../img/fairhead-icons/fc-webicon-twitter.svg"); }
+
+/* Vimeo */
+.no-svg .fc-webicon.vimeo { background: url("../img/fairhead-icons/fc-webicon-vimeo-m.png"); }
+.no-svg .fc-webicon.vimeo.large { background: url("../img/fairhead-icons/fc-webicon-vimeo.png"); }
+.no-svg .fc-webicon.vimeo.small { background: url("../img/fairhead-icons/fc-webicon-vimeo-s.png"); }
+.svg .fc-webicon.vimeo { background: url("../img/fairhead-icons/fc-webicon-vimeo.svg"); }
+
+/* YouTube */
+.no-svg .fc-webicon.youtube { background: url("../img/fairhead-icons/fc-webicon-youtube-m.png"); }
+.no-svg .fc-webicon.youtube.large { background: url("../img/fairhead-icons/fc-webicon-youtube.png"); }
+.no-svg .fc-webicon.youtube.small { background: url("../img/fairhead-icons/fc-webicon-youtube-s.png"); }
+.svg .fc-webicon.youtube { background: url("../img/fairhead-icons/fc-webicon-youtube.svg"); }
+
+/* YouVersion */
+.no-svg .fc-webicon.youversion { background: url("../img/fairhead-icons/fc-webicon-youversion-m.png"); }
+.no-svg .fc-webicon.youversion.large { background: url("../img/fairhead-icons/fc-webicon-youversion.png"); }
+.no-svg .fc-webicon.youversion.small { background: url("../img/fairhead-icons/fc-webicon-youversion-s.png"); }
+.svg .fc-webicon.youversion { background: url("../img/fairhead-icons/fc-webicon-youversion.svg"); }
+
+/* Zerply */
+.no-svg .fc-webicon.zerply { background: url("../img/fairhead-icons/fc-webicon-zerply-m.png"); }
+.no-svg .fc-webicon.zerply.large { background: url("../img/fairhead-icons/fc-webicon-zerply.png"); }
+.no-svg .fc-webicon.zerply.small { background: url("../img/fairhead-icons/fc-webicon-zerply-s.png"); }
+.svg .fc-webicon.zerply { background: url("../img/fairhead-icons/fc-webicon-zerply.svg"); }