Adds print and cart buttons

README.md

@@ -6,7 +6,7 @@ I basically rewrote this entire set so they are full vector buttons, meaning:
 - custom font file for all social icons
 - icon font use private unicode spaces for accessibility
 - em sizing based on button font-size
-- support for about 79 different services
+- support for about 81 different services
 - buttons and icons supported
 - no raster images (sweet)
 - works splendidly on any browser supporting @font-face

css/zocial.css

@@ -236,6 +236,7 @@ a.zocial {
 .zocial.blogger::before {content: "\E021";}
 .zocial.call::before {content: "\E016";}
 .zocial.cal::before {content: "\E00D";}
+.zocial.cart::before {content: "\E06A";}
 .zocial.chrome::before {content: "\E03A";}
 .zocial.cloudapp::before {content: "\E042";}
 .zocial.creativecommons::before {content: "\E022";}
@@ -285,6 +286,7 @@ a.zocial {
 .zocial.plurk::before {content: "\E049";}
 .zocial.podcast::before {content: "\E03F";}
 .zocial.posterous::before {content: "\E05D";}
+.zocial.print::before {content: "\E06B";}
 .zocial.quora::before {content: "\E050";}
 .zocial.reddit::before {content: "\E01D"; color: red;}
 .zocial.rss::before {content: "\E031";}
@@ -318,6 +320,7 @@ a.zocial {
 .zocial.blogger {background-color: #ee5a22;}
 .zocial.call {background-color: #008000;}
 .zocial.cal {background-color: #d63538;}
+.zocial.cart {background-color: #333;}
 .zocial.chrome {background-color: #006cd4;}
 .zocial.cloudapp {background-color: #fff; color: #312c2a;}
 .zocial.creativecommons {background-color: #000;}
@@ -367,6 +370,7 @@ a.zocial {
 .zocial.plurk {background-color: #cf682f;}
 .zocial.podcast {background-color: #9365ce;}
 .zocial.posterous {background-color: #ffd959; color: #bc7134;}
+.zocial.print {background-color: #f0f0eb; color: #222; text-shadow: 0 1px 0 rgba(255,255,255,0.8);}
 .zocial.quora {background-color: #a82400;}
 .zocial.reddit {background-color: #fff; color: #222;}
 .zocial.rss {background-color: #ff7f25;}

sample.html

@@ -135,13 +135,13 @@ <h2 id="kids-by-request">Kids By Request</h2>
 	<a href="#" class="zocial digg">Digg this</a>
 	<a href="#" class="zocial reddit">Share on Reddit</a>
 
-	<h2 id="multipurpose-kids">The Multi-Purpose Kids</h2>
+	<h2 id="multipurpose-kids">The Multi-Purpose Kids (Credit: <a href="http://pictos.drewwilson.com">Pictos Icons</a>)</h2>
+
 	<a href="#" class="zocial call">Call a phone</a>
 	<a href="#" class="zocial email">Send a message</a>
 	<a href="#" class="zocial cal">Add to calendar</a>
-	<!-- <a href="#" class="zocial download">Download this magic</a>
 	<a href="#" class="zocial print">Print this page</a>
-	<a href="#" class="zocial cart">Add to cart</a> -->
+	<a href="#" class="zocial cart">Add to cart</a>
 	<br />
 	<a href="#" class="zocial primary" title="A primary button for general purposes to keep consistency with Zocial">Primary action</a>
 	<a href="#" class="zocial secondary" title="A secondary button for general purposes to keep consistency with Zocial">Secondary action</a>
@@ -212,9 +212,6 @@ <h2 id="icons">Icon versions of the above</h2>
 	<a href="#" class="zocial bitcoin icon">Bitcoin accepted here</a>
 	<a href="#" class="zocial ninetyninedesigns icon">View Portfolio on 99Designs</a>
 	<a href="#" class="zocial stumbleupon icon">Stumble!</a>
-	<a href="#" class="zocial call icon">Call a phone</a>
-	<a href="#" class="zocial email icon">Send a message</a>
-	<a href="#" class="zocial cal icon">Add to calendar</a>
 	<a href="#" class="zocial itunes icon">Download on iTunes</a>
 	<a href="#" class="zocial myspace icon">Find me on Myspace</a>
 	<a href="#" class="zocial windows icon">Sign in with Windows Live</a>
@@ -227,10 +224,17 @@ <h2 id="icons">Icon versions of the above</h2>
 	<a href="#" class="zocial opentable icon">Reserve with OpenTable</a>
 	<a href="#" class="zocial digg icon">Digg this</a>
 	<a href="#" class="zocial reddit icon">Share on Reddit</a>
+	<a href="#" class="zocial call icon">Call a phone</a>
+	<a href="#" class="zocial email icon">Send a message</a>
+	<a href="#" class="zocial cal icon">Add to calendar</a>
+	<a href="#" class="zocial print icon">Print this page</a>
+	<a href="#" class="zocial cart icon">Add to cart</a>
 
 
 
 	<p>Thanks to <a href="http://twitter.com/guillermovs" target="_blank">@guillermovs</a>, <a href="http://twitter.com/kamens" target="_blank">@kamens</a>, and <a href="http://twitter.com/leaverou" target="_blank">@leaverou</a> for code refinements and suggestions.</p>
+
+	<p>Massive thanks to <a href="http://twitter.com/drewwilson" target="_blank">@drewwilson</a> for making the multi-purpose buttons possible with his incredible <a href="http://pictos.drewwilson.com">Pictos icons</a>.</p>
 
 	<p>See code samples at <a href="http://zocial.smcllns.com">zocial.smcllns.com</a> &mdash; ask questions to <a href="http://twitter.com/smcllns">@smcllns</a></p>