Permalink
Browse files

Fix for icon overflows, adds Flickr, Google Play and Delicious buttons

  • Loading branch information...
1 parent ce8afe0 commit f9b79c9846912dffb96868488654f277fbdc8f01 Sam Collins committed May 18, 2012
Binary file not shown.

Large diffs are not rendered by default.

Oops, something went wrong.
Binary file not shown.
Binary file not shown.
View
@@ -68,6 +68,8 @@ a.zocial {
-moz-box-shadow: 0.075em 0 0 rgba(255,255,255,0.25);
-webkit-box-shadow: 0.075em 0 0 rgba(255,255,255,0.25);
box-shadow: 0.075em 0 0 rgba(255,255,255,0.25);
+
+ -webkit-font-smoothing: antialiased;
}
.zocial:active {
@@ -82,6 +84,7 @@ a.zocial {
padding-left: 0;
padding-right: 0;
max-height: 2.15em;
+ white-space: nowrap;
}
.zocial.icon::before {
padding: 0;
@@ -232,6 +235,7 @@ a.zocial {
.zocial.chrome::before {content: "\E03A";}
.zocial.cloudapp::before {content: "\E042";}
.zocial.creativecommons::before {content: "\E022";}
+.zocial.delicious::before {content: "\E002";}
.zocial.disqus::before {content: "\E030";}
.zocial.dribbble::before {content: "\E023";}
.zocial.dropbox::before {content: "\E043"; color: #1f75cc;}
@@ -243,11 +247,13 @@ a.zocial {
.zocial.facebook::before {content: "\E045";}
.zocial.fivehundredpx::before {content: "\E00F"; color: #29b6ff;}
.zocial.flattr::before {content: "\E004";}
+.zocial.flickr::before {content: "\E025";}
.zocial.forrst::before {content: "\E019"; color: #50894f;}
.zocial.foursquare::before {content: "\E013";}
.zocial.github::before {content: "\E046";}
.zocial.gmail::before {content: "\E04C"; color: #f00;}
.zocial.google::before {content: "\E026";}
+.zocial.googleplay::before {content: "\E05E";}
.zocial.googleplus::before {content: "\E00A";}
.zocial.gowalla::before {content: "\E01F";}
.zocial.grooveshark::before {content: "\E017";}
@@ -308,6 +314,7 @@ a.zocial {
.zocial.chrome {background-color: #006cd4;}
.zocial.cloudapp {background-color: #fff; color: #312c2a;}
.zocial.creativecommons {background-color: #000;}
+.zocial.delicious {background-color: #3271cb;}
.zocial.disqus {background-color: #5d8aad;}
.zocial.dribbble {background-color: #ea4c89;}
.zocial.dropbox {background-color: #fff; color: #312c2a;}
@@ -319,11 +326,13 @@ a.zocial {
.zocial.facebook {background-color: #4863ae;}
.zocial.fivehundredpx {background-color: #333;}
.zocial.flattr {background-color: #8aba42;}
+.zocial.flickr {background-color: #ff0084;}
.zocial.forrst {background-color: #1e360d;}
.zocial.foursquare {background-color: #44a8e0;}
.zocial.github {background-color: #fbfbfb; color: #050505;}
.zocial.gmail {background-color: #efefef; color: #222;}
.zocial.google {background-color: #4e6cf7;}
+.zocial.googleplay {background-color: #000;}
.zocial.googleplus {background-color: #dd4b39;}
.zocial.gowalla {background-color: #ff720a;}
.zocial.grooveshark {background-color: #111; color:#eee;}
@@ -342,7 +351,7 @@ a.zocial {
.zocial.myspace {background-color: #000;}
.zocial.ninetyninedesigns {background-color: #fff; color: #072243;}
.zocial.openid {background-color: #f5f5f5; color: #333;}
-.zocial.paypal {background-color: #ff921d; color: #032751; text-shadow: 0 1px 0 rgba(255,255,255,0.5);}
+.zocial.paypal {background-color: #fff; color: #32689a; text-shadow: 0 1px 0 rgba(255,255,255,0.5);}
.zocial.pinboard {background-color: blue;}
.zocial.pinterest {background-color: #c91618;}
.zocial.plancast {background-color: #e7ebed; color: #333;}
View
@@ -128,11 +128,17 @@ <h2 id="kids-by-request">Kids By Request</h2>
<a href="#" class="zocial windows">Sign in with Windows Live</a>
<a href="#" class="zocial eventful">Find Events with Eventful</a>
<a href="#" class="zocial xing">Sign in with Xing</a>
+ <a href="#" class="zocial flickr">Upload to Flickr</a>
+ <a href="#" class="zocial delicious">Sign in with Del.icio.us</a>
+ <a href="#" class="zocial googleplay">Download from Google Play</a>
<h2 id="multipurpose-kids">The Multi-Purpose Kids</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>
<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,6 +218,8 @@ <h2 id="icons">Icon versions of the above</h2>
<a href="#" class="zocial eventful icon">Find Events with Eventful</a>
<a href="#" class="zocial klout icon">Influence with Klout</a>
<a href="#" class="zocial xing icon">Sign in with Xing</a>
+ <a href="#" class="zocial flickr icon">Upload to Flickr</a>
+ <a href="#" class="zocial delicious icon">Sign in with Del.icio.us</a>

0 comments on commit f9b79c9

Please sign in to comment.