icon fonts - SocialCount enhanced

by TimPietrusky

HTML

<script src="https://raw.github.com/LeaVerou/prefixfree/gh-pages/prefixfree.min.js"></script>
<script src="https://raw.github.com/filamentgroup/SocialCount/master/dist/socialcount.min.js"></script>
<ul 
  class="socialcount" 
  data-url="http://www.google.com/" 
  data-counts="true" 
  data-share-text="Google is a search engine">
 
  <li class="facebook">
    <a href="https://www.facebook.com/sharer/sharer.php?u=http://www.google.com/" title="Share on Facebook">
      <span class="count entypo-thumbs-up"></span>
    </a>
  </li>
  <li class="twitter">
    <a href="https://twitter.com/intent/tweet?text=http://www.google.com/" title="Share on Twitter">
      <span class="count entypo-twitter"></span>
    </a>
  </li>
  <li class="googleplus">
    <a href="https://plus.google.com/share?url=http://www.google.com/" title="Share on Google Plus">
        <span class="count entypo-gplus"></span>
    </a>
  </li>
</ul>

CSS

@import url(http://weloveiconfonts.com/api/?family=entypo);

/*! SocialCount - v0.1.4 - 2012-12-11
* https://github.com/filamentgroup/SocialCount
* Copyright (c) 2012 zachleat; Licensed MIT */
.socialcount{color:#fff}.socialcount > li{background-color:#999}.socialcount > li,.socialcount > li > a:focus,.socialcount .loading{border-radius:5px}.socialcount > li > a:focus,.socialcount > li:hover,.socialcount > li.hover{background-color:#464646}.socialcount .count.minimum{}.socialcount{list-style:none;padding-left:0;margin:0;font-size:.875em;line-height:2.2em;overflow:hidden}.socialcount-large{line-height:normal}.socialcount:link,.socialcount:visited{color:inherit}.socialcount > li{display:inline-block;*display:inline;zoom:1;position:relative;vertical-align:top;min-width:80px;text-align:center;white-space:nowrap;*margin-right:4px}.socialcount-small > li{min-width:0}.socialcount-large > li{float:left;margin:0 .6em .6em 0}.socialcount.recommend .facebook{min-width:120px}.socialcount-small.recommend .facebook{min-width:0}.socialcount-large > li,.socialcount-large.recommend .facebook{min-width:105px}.socialcount > li > a{display:block;padding:0 5px;text-decoration:none;color:inherit}.socialcount-small > li > a{padding-left:8px;padding-right:8px}.socialcount-large > li > a{padding:12px 5px 8px}.socialcount .count{color:inherit;position:relative;display:inline-block;*display:inline;zoom:1;text-align:center;margin-left:6px}.socialcount-large .count{display:block;width:100%;margin-left:0;padding-top:10px}.socialcount-small .count{margin-left:0}.socialcount .facebook iframe{height:21px;width:90px}.socialcount.like .facebook iframe{width:48px}.socialcount .button{display:none;width:100%;position:absolute;left:0;bottom:-6px;text-align:center;pointer-events:none}.socialcount .button iframe{pointer-events:auto}.socialcount-large .button{bottom:2px}.socialcount.grade-a > li:hover .count,.socialcount.grade-a > li.hover .count{text-indent:-999px}.socialcount.grade-a > li:hover...