Re: Issue #129 update features and other cleanup

fonts/Genericons - README.txt

@@ -30,6 +30,8 @@ To use it, place the font folder in your stylesheet directory and paste this in
 
 }
 
+Note: the above only works if you don't use a CDN. If you do, or don't know what that is, you should use the syntax that's embedded in genericons.css.
+
 From then on, you can create an icon like this:
 
 .my-icon:before {
@@ -50,8 +52,72 @@ _  _ ____ ___ ____ ____
 | \| |__|  |  |___ ___]
 
 
+Photoshop mockups:
+
 Genericons-Regular.otf found in the root directory of this zip has not been web-font-ified. So you can drop it in your system fonts folder and use the font in Photoshop if you like.
 
+For those of you using Genericons in your Photoshop mockup, remember to delete the old version of the font from Font Book, and grab the new one from the zip file. This also affects using it in your webdesigns: if you have an old version of the font installed locally, that's the font that'll be used in your website as well, so if you're missing icons, check for old versions of the font on your system.
+
+Pixel grid:
+
 Note that Genericons has been designed for a 16x16 pixel grid. That means it'll look sharp at font-size: 16px exactly. It'll also be crisp at multiples thereof, such as 32px or 64px. It'll also look reasonably crisp at in-between font sizes such as 24px or 48px, but not quite as crisp as 16 or 32. Please don't set the font-size to 17px, though, that'll just look terrible.
 
 Also note the CSS property "-webkit-font-smoothing: antialiased". That makes the icons look great in WebKit browsers. Please see http://noscope.com/2012/font-smoothing for more info.
+
+Updates:
+
+We don't often update icons, but do very carefully when we get good feedback suggesting improvements. Please be mindful if you upgrade, and check that the updated icons behave as you intended.
+
+
+
+____ _  _ ____ _  _ ____ ____ _    ____ ____ 
+|    |__| |__| |\ | | __ |___ |    |  | | __ 
+|___ |  | |  | | \| |__] |___ |___ |__| |__] 
+
+V3.0.3:
+Bunch of updates mostly.
+- Two new icons, Dropbox and Fullscreen.
+- Updates to all icons containing an exclamation mark.
+- Updates to Image and Quote.
+- Nicer "Share" icon.
+- Bigger default Linkedin icon.
+
+V3.0.2: 
+A slew of new stuff and updates.
+- Social icons: Skype, Digg, Reddit, Stumbleupon, Pocket.
+- New generic icons: heart, lock and print.
+- New editing icons: code, bold, italic, image
+- New interaction icons: subscribe, unsubscribe, subscribed, reply all, reply, flag.
+- The hyperlink icon has been updated to be clearer, chunkier.
+- The "home" icon has been updated for style, size and clarity.
+- The email icon has been updated for style and clarity, and to fit with the new subscribe icons.
+- The document icon has been updated for style.
+- The "pin" icon has been updated for style and clarity.
+- The Twitter icon has been scaled down to fit with the other social icons.
+
+V3.0.1: 
+Mostly maintenance. 
+- Fixed an issue with the example page that showed an old "top" icon instead of the actual NEW "refresh" icon.
+- Added inverse Google+ and Path.
+- Replaced tabs with spaces in the helper CSS.
+- Changed the Genericons.com copy/paste tool to serve span's instead of div's for casual icon insertion. It's being converted to "inline-block" anyway.
+
+V3.0:
+Mainly maintenance and a few new icons.
+- Fast forward, rewind, PollDaddy, Notice, Info, Help, Portfolio
+- Updated the feed icon. It's a bit smaller now for consistency, the previous one was rather big.
+- So, the previous version numbering, 2.09, wasn't very PHP version compare friendly. So from now on it'll be 3.0, 3.1 etc. Props Ipstenu.
+- Genericons.com now has a mini release blog.
+- The CSS has prettier formatting, props Konstantin Obenland.
+
+V2.09:
+Updated Facebook icon to new version. Updated Instagram logo to use new one-color version. Updated Google+ icon to use same radius as Instagram and Facebook. Added a bunch of new icons, cog, unapprove, cart, media player buttons, tablet, send to tablet.                                            
+
+V2.06:
+Included Base64 encoded version. This is necessary for Genericons to work with CDNs in Firefox. Firefox blocks fonts linked from a different domain. A CDN (typically s.example.com) usually puts the font on a subdomain, and is hence blocked in Firefox.
+
+V2.05:
+Added a bunch of new icons, including upload to cloud, download to cloud, many more.
+
+V2:
+Initial public release

functions/widgets.php

@@ -887,7 +887,7 @@ function widget( $args, $instance ) {
 		$columns = ( is_int( (int) $instance['columns'] ) && 0 < $instance['columns'] && 4 > $instance['columns'] ? $instance['columns'] : '1' );
 		$rows = ( is_int( (int) $instance['rows'] ) && 0 < $instance['rows'] && 6 > $instance['rows'] ? $instance['rows'] : '1' );
 
-        echo '<div class="featured-content-columns-' . $columns . ' featured-content-rows-' . $rows . '">' . $before_widget;
+        echo '<div class="featured-content-columns-' . $columns . ' featured-content-rows-' . $rows . ' featured-content-call-to-action">' . $before_widget;
         if ( $title )
             echo $before_title . $title . $after_title;
 ?>

readme.txt

@@ -71,7 +71,7 @@ Other features that may be added in the future:
 
  - Others, as determined by user feedback and demand
 
- = What About SEO? =
+= What About SEO? =
 
 I am a firm believer that the single, most important criterion for SEO is good content. That said, the Theme does take apply some SEO considerations:
 
@@ -82,6 +82,17 @@ I am a firm believer that the single, most important criterion for SEO is good c
 
 Most of the rest is really up to the user. The Theme is intended to be SEO-neutral: neither hurting your SEO, nor going out of its way (and adding considerable bloat that is better added via the many good plugins available) to improve it.
 
+= Where did my social icons go? =
+
+In version 3.3, the social profile link icon handling was changed from using Theme options to using a custom navigation menu for storing social profile links. This 
+change will keep your social profile links portable from Theme to Theme, and provides built-in support for other Themes that use this method. To add your social icons:
+
+* Create a new custom navigation menu, and name it, e.g. "Social". (The name isn't important, as long as you remember it!)
+* Add <strong>custom links</strong> to your "Social" menu, under the "Links" metabox, one for each social network profile you wish to include.
+* Save the menu, and assign it to the "Social Profile Links" Theme Location.
+* Now your social profile link icons will appear as they did before.
+
+
 == Screenshots ==
 
 1. Standard Theme Screenshot

style.css

@@ -2559,7 +2559,7 @@ ol.trackbacklist {
 	width: 33%;
 	max-width: 33%;
 	min-width: 33%;
-	height: auto;
+	height: 300px;
 	min-height: 300px;
 	max-height: 300px;
 	margin: 1px;
@@ -2629,6 +2629,29 @@ ol.trackbacklist {
 .featured-content-slider-title { top: 0; }
 .featured-content-slider-excerpt { bottom: 0; }
 
+#featured-content .featured-content-call-to-action .oenology-widget-call-to-action {
+	position: relative;
+	left: 50%;
+	top: 50%;
+	-webkit-transform: translate(-50%,-50%);
+	-moz-transform: translate(-50%,-50%);
+	-o-transform: translate(-50%,-50%);
+	-ms-transform: translate(-50%,-50%);
+	transform: translate(-50%,-50%);
+}
+.featured-content-cta-button a {
+	-webkit-border-radius: 5;
+	-moz-border-radius: 5;
+	border-radius: 5px;
+	-webkit-box-shadow: 0px 1px 1px #666666;
+	-moz-box-shadow: 0px 1px 1px #666666;
+	box-shadow: 0px 1px 1px #666666;
+	padding: 10px 20px 10px 20px;
+	text-decoration: none;
+	display: block;
+	display: inline-block;
+}
+
 /* 
    ============================================================================================= 
    6 - Print Style Specifications

varietals/chardonnay.css

@@ -59,7 +59,8 @@ body.reply-edit .bbp-reply-form code {
 .subnavmenu .current_page_parent li a,
 .subnavmenu .current_page_parent .current_page_item li a,
 .subnavmenu .current_page_ancestor li a,
-#leftcol #subnav li a {
+#leftcol #subnav li a,
+.featured-content-cta-button a {
 	background: #E8E8E8;
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8E8E8', endColorstr='#f8f8f8');
 	background: -webkit-linear-gradient( bottom, #f8f8f8, #E8E8E8 );
@@ -68,7 +69,8 @@ body.reply-edit .bbp-reply-form code {
 }
 .nav-header li:hover a,
 .nav-header li:hover li:hover a,
-.nav-header li:hover li:hover li:hover a {
+.nav-header li:hover li:hover li:hover a,
+.featured-content-cta-button:hover a {
 	background: -webkit-radial-gradient( circle, #E8E8E8, #f8f8f8 );
 	background: -moz-radial-gradient( circle, #E8E8E8, #f8f8f8 );
 	background: -ms-radial-gradient( circle, #E8E8E8, #f8f8f8 );

varietals/malbec.css

@@ -61,7 +61,8 @@ body.reply-edit .bbp-reply-form code {
 .subnavmenu .current_page_parent li a,
 .subnavmenu .current_page_parent .current_page_item li a,
 .subnavmenu .current_page_ancestor li a,
-#leftcol #subnav li a {
+#leftcol #subnav li a,
+.featured-content-cta-button a {
      background: #2c362b;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c362b', endColorstr='#555555');
      background: -webkit-linear-gradient( bottom, #555555, #2c362b );
@@ -70,7 +71,8 @@ body.reply-edit .bbp-reply-form code {
 }
 .nav-header li:hover a,
 .nav-header li:hover li:hover a,
-.nav-header li:hover li:hover li:hover a {
+.nav-header li:hover li:hover li:hover a,
+.featured-content-cta-button:hover a {
      background: -webkit-radial-gradient( circle, #2c362b, #000000 );
      background: -moz-radial-gradient( circle, #2c362b, #000000 );
      background: -ms-radial-gradient( circle, #2c362b, #000000 );

varietals/muscat.css

@@ -59,7 +59,8 @@ body.reply-edit .bbp-reply-form code {
 .subnavmenu .current_page_parent li a,
 .subnavmenu .current_page_parent .current_page_item li a,
 .subnavmenu .current_page_ancestor li a,
-#leftcol #subnav li a {
+#leftcol #subnav li a,
+.featured-content-cta-button a {
 	background: #9DAE98;
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9DAE98', endColorstr='#EEEEEE');
 	background: -webkit-linear-gradient( bottom, #EEEEEE, #9DAE98 );
@@ -68,7 +69,8 @@ body.reply-edit .bbp-reply-form code {
 }
 .nav-header li:hover a,
 .nav-header li:hover li:hover a,
-.nav-header li:hover li:hover li:hover a {
+.nav-header li:hover li:hover li:hover a,
+.featured-content-cta-button:hover a {
 	background: -webkit-radial-gradient( circle, #9DAE98, #FFFFFF );
 	background: -moz-radial-gradient( circle, #9DAE98, #FFFFFF );
 	background: -ms-radial-gradient( circle, #9DAE98, #FFFFFF );

varietals/pinot-noir.css

@@ -61,7 +61,8 @@ body.reply-edit .bbp-reply-form code {
 .subnavmenu .current_page_parent li a,
 .subnavmenu .current_page_parent .current_page_item li a,
 .subnavmenu .current_page_ancestor li a,
-#leftcol #subnav li a {
+#leftcol #subnav li a,
+.featured-content-cta-button a {
      background: #360202;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#360202', endColorstr='#555555');
      background: -webkit-linear-gradient( bottom, #555555, #360202 );
@@ -70,7 +71,8 @@ body.reply-edit .bbp-reply-form code {
 } 
 .nav-header li:hover a,
 .nav-header li:hover li:hover a,
-.nav-header li:hover li:hover li:hover a {
+.nav-header li:hover li:hover li:hover a,
+.featured-content-cta-button:hover a {
      background: -webkit-radial-gradient( circle, #360202, #555555 );
      background: -moz-radial-gradient( circle, #360202, #555555 );
      background: -ms-radial-gradient( circle, #360202, #555555 );

varietals/seyval-blanc.css

@@ -59,7 +59,8 @@ body.reply-edit .bbp-reply-form code {
 .subnavmenu .current_page_parent li a,
 .subnavmenu .current_page_parent .current_page_item li a,
 .subnavmenu .current_page_ancestor li a,
-#leftcol #subnav li a {
+#leftcol #subnav li a,
+.featured-content-cta-button a {
 	background: #C2C3AC;
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C2C3AC', endColorstr='#EEEEEE');
 	background: -webkit-linear-gradient( bottom, #EEEEEE, #C2C3AC );
@@ -68,7 +69,8 @@ body.reply-edit .bbp-reply-form code {
 }
 .nav-header li:hover a,
 .nav-header li:hover li:hover a,
-.nav-header li:hover li:hover li:hover a {
+.nav-header li:hover li:hover li:hover a,
+.featured-content-cta-button:hover a {
 	background: -webkit-radial-gradient( circle, #C2C3AC, #FFFFFF );
 	background: -moz-radial-gradient( circle, #C2C3AC, #FFFFFF );
 	background: -ms-radial-gradient( circle, #C2C3AC, #FFFFFF );

varietals/solarized-dark.css

@@ -60,7 +60,8 @@ body.reply-edit .bbp-reply-form code {
 .subnavmenu .current_page_parent li a,
 .subnavmenu .current_page_parent .current_page_item li a,
 .subnavmenu .current_page_ancestor li a,
-#leftcol #subnav li a {
+#leftcol #subnav li a,
+.featured-content-cta-button a {
 	background: #586e75;
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#586e75', endColorstr='#555555');
 	background: -webkit-linear-gradient( bottom, #555555, #586e75 );
@@ -69,7 +70,8 @@ body.reply-edit .bbp-reply-form code {
 }
 .nav-header li:hover a,
 .nav-header li:hover li:hover a,
-.nav-header li:hover li:hover li:hover a {
+.nav-header li:hover li:hover li:hover a,
+.featured-content-cta-button:hover a {
 	background: -webkit-radial-gradient( circle, #586e75, #555555 );
 	background: -moz-radial-gradient( circle, #586e75, #555555 );
 	background: -ms-radial-gradient( circle, #586e75, #555555 );

varietals/solarized-light.css

@@ -60,7 +60,8 @@ body.reply-edit .bbp-reply-form code {
 .subnavmenu .current_page_parent li a,
 .subnavmenu .current_page_parent .current_page_item li a,
 .subnavmenu .current_page_ancestor li a,
-#leftcol #subnav li a {
+#leftcol #subnav li a,
+.featured-content-cta-button a {
 	background: #93a1a1;
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93a1a1', endColorstr='#f8f8f8');
 	background: -webkit-linear-gradient( bottom, #f8f8f8, #93a1a1 );
@@ -69,7 +70,8 @@ body.reply-edit .bbp-reply-form code {
 }
 .nav-header li:hover a,
 .nav-header li:hover li:hover a,
-.nav-header li:hover li:hover li:hover a {
+.nav-header li:hover li:hover li:hover a,
+.featured-content-cta-button:hover a {
 	background: -webkit-radial-gradient( circle, #93a1a1, #f8f8f8 );
 	background: -moz-radial-gradient( circle, #93a1a1, #f8f8f8 );
 	background: -ms-radial-gradient( circle, #93a1a1, #f8f8f8 );

varietals/syrah.css

@@ -61,7 +61,8 @@ body.reply-edit .bbp-reply-form code {
 .subnavmenu .current_page_parent li a,
 .subnavmenu .current_page_parent .current_page_item li a,
 .subnavmenu .current_page_ancestor li a,
-#leftcol #subnav li a {
+#leftcol #subnav li a,
+.featured-content-cta-button a {
      background: #222222;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#555555');
      background: -webkit-linear-gradient( bottom, #555555, #222222 );
@@ -70,7 +71,8 @@ body.reply-edit .bbp-reply-form code {
 }
 .nav-header li:hover a,
 .nav-header li:hover li:hover a,
-.nav-header li:hover li:hover li:hover a {
+.nav-header li:hover li:hover li:hover a,
+.featured-content-cta-button:hover a {
      background: -webkit-radial-gradient( circle, #000000, #222222 );
      background: -moz-radial-gradient( circle, #000000, #222222 );
      background: -ms-radial-gradient( circle, #000000, #222222 );

varietals/zinfandel.css

@@ -61,7 +61,8 @@ body.reply-edit .bbp-reply-form code {
 .subnavmenu .current_page_parent li a,
 .subnavmenu .current_page_parent .current_page_item li a,
 .subnavmenu .current_page_ancestor li a,
-#leftcol #subnav li a {
+#leftcol #subnav li a,
+.featured-content-cta-button a {
      background: #030327;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#030327', endColorstr='#555555');
      background: -webkit-linear-gradient( bottom, #555555, #030327 );
@@ -70,7 +71,8 @@ body.reply-edit .bbp-reply-form code {
 }
 .nav-header li:hover a,
 .nav-header li:hover li:hover a,
-.nav-header li:hover li:hover li:hover a {
+.nav-header li:hover li:hover li:hover a,
+.featured-content-cta-button:hover a {
      background: -webkit-radial-gradient( circle, #030327, #000000 );
      background: -moz-radial-gradient( circle, #030327, #000000 );
      background: -ms-radial-gradient( circle, #030327, #000000 );