social_icons 0.2.2 → 0.3.0

data/README

@@ -1,80 +0,0 @@
-SocialIcons
-===========
-
-This is a simple plugin to help you display some social icons in your site.
-
-Icons supported so far:
-
-- Facebook like button
-- Facebook
-- Twitter
-- Delicious
-- Reddit
-- Digg
-- Youtube (and many more...)
-
-Installation
-============
-
-This gem is a Rails 3 engine and the asset folder will therefore be included in the Rails asset pipeline when the gem is included in your Rails 3 project.
-
-Load social_icons.css file in your layout(i.e. application.html.erb)
-
-<%= stylesheet_link_tag 'social_icons' %>
-
-Or simply include the css in your application.css manifest file
-
-Note that the icons are now available for use as CSS sprites (conversion done using: http://spritegen.website-performance.org/)
-
-Simply include the css for the type of icons you want to use.
-
-/*
- *= require social_icons
-*/
-
-/*
- *= require social_icons_default_60
-*/
-
-/*
- *= require social_icons_aqua
-*/
-
-
-Usage
-============
-
-Wrap with an element of class="social_sprites"
-
-<ul class="social_sprites s16">
-	<li class="social sprite-Google"></li>
-</ul> 
-
-<ul class="social_sprites s48">
-	<li class="social sprite-Google"></li>
-</ul> 
-
-<ul class="social_sprites aqua">
-	<li class="social sprite-Google"></li>
-</ul> 
-
-
-View Helper methods
-=============
-
-Call "print_social_icons" method in your partials or views.
-
-<%= print_social_icons %>
-
-Specific icon methods:
-
-* facebook_like_button
-* social_icon_twitter
-* social_icon_facebook
-* social_icon_digg
-* social_icon_delicious
-* social_icon_reddit
-
-Rails 3 CSS sprite version by Kristian Mandrup (kmandrup@gmail.com)
-
-Copyright (c) 2010 [Özgun Koyun (kozgun@gmail.com)], released under the MIT license

data/assets/stylesheets/social_icons.css

@@ -1,14 +0,0 @@
-.social_icons_container {
-  width: 272px;
-  /*background-color: silver;*/
-  padding: 0 0 20px 10px;
-}
-.social_icons {
-}
-.social_icons span {
-  margin-right: 5px;
-}
-
-.facebook_like_button {
-  height: 40px;
-}

data/assets/stylesheets/social_icons_aqua.css

@@ -1,34 +0,0 @@
-.s64.aqua .social_sprites {
-  background: url(assets/social_icons/aquaticus/png/social_icons_aqua .png) no-repeat top left;
-}
-
-.s64.aqua .social.sprite-blogger{ background-position: 0 0; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-delicious{ background-position: 0 -114px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-digg{ background-position: 0 -228px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-facebook{ background-position: 0 -342px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-feed{ background-position: 0 -456px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-flickr{ background-position: 0 -570px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-friendfeed{ background-position: 0 -684px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-friendster{ background-position: 0 -798px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-furl{ background-position: 0 -912px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-google{ background-position: 0 -1026px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-lastfm{ background-position: 0 -1140px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-linkedin{ background-position: 0 -1254px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-livejournal{ background-position: 0 -1368px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-magnolia{ background-position: 0 -1482px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-mixx{ background-position: 0 -1596px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-myspace{ background-position: 0 -1710px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-netvibes{ background-position: 0 -1824px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-newsvine{ background-position: 0 -1938px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-picasa{ background-position: -114px 0; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-pownce{ background-position: -114px -114px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-reddit{ background-position: -114px -228px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-stumbleupon{ background-position: -114px -342px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-technorati{ background-position: -114px -456px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-twitter{ background-position: -114px -570px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-vimeo{ background-position: -114px -684px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-webshots{ background-position: -114px -798px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-wordpress{ background-position: -114px -912px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-yahoo{ background-position: -114px -1026px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-yelp{ background-position: -114px -1140px; width: 64px; height: 64px; } 
-.s64.aqua .social.sprite-youtube{ background-position: -114px -1254px; width: 64px; height: 64px; } 

data/assets/stylesheets/social_icons_default_16.css

@@ -1,34 +0,0 @@
-.s16 .social_sprites {
-  background: url(assets/social_icons/default/social_icons_16.png) no-repeat top left;
-}
-
-.s16 .social.sprite-Google{ background-position: 0 0; width: 16px; height: 16px; } 
-.s16 .social.sprite-blogger{ background-position: 0 -66px; width: 16px; height: 16px; } 
-.s16 .social.sprite-delicious{ background-position: 0 -132px; width: 16px; height: 16px; } 
-.s16 .social.sprite-digg{ background-position: 0 -198px; width: 16px; height: 16px; } 
-.s16 .social.sprite-ebay{ background-position: 0 -264px; width: 16px; height: 16px; } 
-.s16 .social.sprite-facebook{ background-position: 0 -330px; width: 16px; height: 16px; } 
-.s16 .social.sprite-feed{ background-position: 0 -396px; width: 16px; height: 16px; } 
-.s16 .social.sprite-flickr{ background-position: 0 -462px; width: 16px; height: 16px; } 
-.s16 .social.sprite-friendfeed{ background-position: 0 -528px; width: 16px; height: 16px; } 
-.s16 .social.sprite-friendster{ background-position: 0 -594px; width: 16px; height: 16px; } 
-.s16 .social.sprite-furl{ background-position: 0 -660px; width: 16px; height: 16px; } 
-.s16 .social.sprite-lastfm{ background-position: 0 -726px; width: 16px; height: 16px; } 
-.s16 .social.sprite-linkedin{ background-position: 0 -792px; width: 16px; height: 16px; } 
-.s16 .social.sprite-livejournal{ background-position: 0 -858px; width: 16px; height: 16px; } 
-.s16 .social.sprite-magnolia{ background-position: 0 -924px; width: 16px; height: 16px; } 
-.s16 .social.sprite-mixx{ background-position: 0 -990px; width: 16px; height: 16px; } 
-.s16 .social.sprite-myspace{ background-position: 0 -1056px; width: 16px; height: 16px; } 
-.s16 .social.sprite-netvibes{ background-position: 0 -1122px; width: 16px; height: 16px; } 
-.s16 .social.sprite-newsvine{ background-position: 0 -1188px; width: 16px; height: 16px; } 
-.s16 .social.sprite-picasa{ background-position: 0 -1254px; width: 16px; height: 16px; } 
-.s16 .social.sprite-pownce{ background-position: 0 -1320px; width: 16px; height: 16px; } 
-.s16 .social.sprite-reddit{ background-position: 0 -1386px; width: 16px; height: 16px; } 
-.s16 .social.sprite-stumbleupon{ background-position: 0 -1452px; width: 16px; height: 16px; } 
-.s16 .social.sprite-technorati{ background-position: 0 -1518px; width: 16px; height: 16px; } 
-.s16 .social.sprite-twitter{ background-position: 0 -1584px; width: 16px; height: 16px; } 
-.s16 .social.sprite-vimeo{ background-position: 0 -1650px; width: 16px; height: 16px; } 
-.s16 .social.sprite-webshots{ background-position: 0 -1716px; width: 16px; height: 16px; } 
-.s16 .social.sprite-wordpress{ background-position: 0 -1782px; width: 16px; height: 16px; } 
-.s16 .social.sprite-yelp{ background-position: 0 -1848px; width: 16px; height: 16px; } 
-.s16 .social.sprite-youtube{ background-position: 0 -1914px; width: 16px; height: 16px; } 

data/assets/stylesheets/social_icons_default_20.css

@@ -1,34 +0,0 @@
-.s20 .social_sprites {
-  background: url(assets/social_icons/default/social_icons_20.png) no-repeat top left;
-}
-
-.s20 .social.sprite-Google{ background-position: 0 0; width: 20px; height: 20px; } 
-.s20 .social.sprite-blogger{ background-position: 0 -70px; width: 20px; height: 20px; } 
-.s20 .social.sprite-delicious{ background-position: 0 -140px; width: 20px; height: 20px; } 
-.s20 .social.sprite-digg{ background-position: 0 -210px; width: 20px; height: 20px; } 
-.s20 .social.sprite-ebay{ background-position: 0 -280px; width: 20px; height: 20px; } 
-.s20 .social.sprite-facebook{ background-position: 0 -350px; width: 20px; height: 20px; } 
-.s20 .social.sprite-feed{ background-position: 0 -420px; width: 20px; height: 20px; } 
-.s20 .social.sprite-flickr{ background-position: 0 -490px; width: 20px; height: 20px; } 
-.s20 .social.sprite-friendfeed{ background-position: 0 -560px; width: 20px; height: 20px; } 
-.s20 .social.sprite-friendster{ background-position: 0 -630px; width: 20px; height: 20px; } 
-.s20 .social.sprite-furl{ background-position: 0 -700px; width: 20px; height: 20px; } 
-.s20 .social.sprite-lastfm{ background-position: 0 -770px; width: 20px; height: 20px; } 
-.s20 .social.sprite-linkedin{ background-position: 0 -840px; width: 20px; height: 20px; } 
-.s20 .social.sprite-livejournal{ background-position: 0 -910px; width: 20px; height: 20px; } 
-.s20 .social.sprite-magnolia{ background-position: 0 -980px; width: 20px; height: 20px; } 
-.s20 .social.sprite-mixx{ background-position: 0 -1050px; width: 20px; height: 20px; } 
-.s20 .social.sprite-myspace{ background-position: 0 -1120px; width: 20px; height: 20px; } 
-.s20 .social.sprite-netvibes{ background-position: 0 -1190px; width: 20px; height: 20px; } 
-.s20 .social.sprite-newsvine{ background-position: 0 -1260px; width: 20px; height: 20px; } 
-.s20 .social.sprite-picasa{ background-position: 0 -1330px; width: 20px; height: 20px; } 
-.s20 .social.sprite-pownce{ background-position: 0 -1400px; width: 20px; height: 20px; } 
-.s20 .social.sprite-reddit{ background-position: 0 -1470px; width: 20px; height: 20px; } 
-.s20 .social.sprite-stumbleupon{ background-position: 0 -1540px; width: 20px; height: 20px; } 
-.s20 .social.sprite-technorati{ background-position: 0 -1610px; width: 20px; height: 20px; } 
-.s20 .social.sprite-twitter{ background-position: 0 -1680px; width: 20px; height: 20px; } 
-.s20 .social.sprite-vimeo{ background-position: 0 -1750px; width: 20px; height: 20px; } 
-.s20 .social.sprite-webshots{ background-position: 0 -1820px; width: 20px; height: 20px; } 
-.s20 .social.sprite-wordpress{ background-position: 0 -1890px; width: 20px; height: 20px; } 
-.s20 .social.sprite-yelp{ background-position: -70px 0; width: 20px; height: 20px; } 
-.s20 .social.sprite-youtube{ background-position: -70px -70px; width: 20px; height: 20px; } 

data/assets/stylesheets/social_icons_default_24.css

@@ -1,34 +0,0 @@
-.s24 .social_sprites {
-  background: url(assets/social_icons/default/social_icons_24.png) no-repeat top left;
-}
-
-.s24 .social.sprite-Google{ background-position: 0 0; width: 24px; height: 24px; } 
-.s24 .social.sprite-blogger{ background-position: 0 -74px; width: 24px; height: 24px; } 
-.s24 .social.sprite-delicious{ background-position: 0 -148px; width: 24px; height: 24px; } 
-.s24 .social.sprite-digg{ background-position: 0 -222px; width: 24px; height: 24px; } 
-.s24 .social.sprite-ebay{ background-position: 0 -296px; width: 24px; height: 24px; } 
-.s24 .social.sprite-facebook{ background-position: 0 -370px; width: 24px; height: 24px; } 
-.s24 .social.sprite-feed{ background-position: 0 -444px; width: 24px; height: 24px; } 
-.s24 .social.sprite-flickr{ background-position: 0 -518px; width: 24px; height: 24px; } 
-.s24 .social.sprite-friendfeed{ background-position: 0 -592px; width: 24px; height: 24px; } 
-.s24 .social.sprite-friendster{ background-position: 0 -666px; width: 24px; height: 24px; } 
-.s24 .social.sprite-furl{ background-position: 0 -740px; width: 24px; height: 24px; } 
-.s24 .social.sprite-lastfm{ background-position: 0 -814px; width: 24px; height: 24px; } 
-.s24 .social.sprite-linkedin{ background-position: 0 -888px; width: 24px; height: 24px; } 
-.s24 .social.sprite-livejournal{ background-position: 0 -962px; width: 24px; height: 24px; } 
-.s24 .social.sprite-magnolia{ background-position: 0 -1036px; width: 24px; height: 24px; } 
-.s24 .social.sprite-mixx{ background-position: 0 -1110px; width: 24px; height: 24px; } 
-.s24 .social.sprite-myspace{ background-position: 0 -1184px; width: 24px; height: 24px; } 
-.s24 .social.sprite-netvibes{ background-position: 0 -1258px; width: 24px; height: 24px; } 
-.s24 .social.sprite-newsvine{ background-position: 0 -1332px; width: 24px; height: 24px; } 
-.s24 .social.sprite-picasa{ background-position: 0 -1406px; width: 24px; height: 24px; } 
-.s24 .social.sprite-pownce{ background-position: 0 -1480px; width: 24px; height: 24px; } 
-.s24 .social.sprite-reddit{ background-position: 0 -1554px; width: 24px; height: 24px; } 
-.s24 .social.sprite-stumbleupon{ background-position: 0 -1628px; width: 24px; height: 24px; } 
-.s24 .social.sprite-technorati{ background-position: 0 -1702px; width: 24px; height: 24px; } 
-.s24 .social.sprite-twitter{ background-position: 0 -1776px; width: 24px; height: 24px; } 
-.s24 .social.sprite-vimeo{ background-position: 0 -1850px; width: 24px; height: 24px; } 
-.s24 .social.sprite-webshots{ background-position: 0 -1924px; width: 24px; height: 24px; } 
-.s24 .social.sprite-wordpress{ background-position: -74px 0; width: 24px; height: 24px; } 
-.s24 .social.sprite-yelp{ background-position: -74px -74px; width: 24px; height: 24px; } 
-.s24 .social.sprite-youtube{ background-position: -74px -148px; width: 24px; height: 24px; } 

data/assets/stylesheets/social_icons_default_48.css

@@ -1,34 +0,0 @@
-.s48 .social_sprites {
-  background: url(assets/social_icons/default/social_icons_48.png) no-repeat top left;
-}
-
-.s48 .social.sprite-Google{ background-position: 0 0; width: 48px; height: 48px; } 
-.s48 .social.sprite-blogger{ background-position: 0 -98px; width: 48px; height: 48px; } 
-.s48 .social.sprite-delicious{ background-position: 0 -196px; width: 48px; height: 48px; } 
-.s48 .social.sprite-digg{ background-position: 0 -294px; width: 48px; height: 48px; } 
-.s48 .social.sprite-ebay{ background-position: 0 -392px; width: 48px; height: 48px; } 
-.s48 .social.sprite-facebook{ background-position: 0 -490px; width: 48px; height: 48px; } 
-.s48 .social.sprite-feed{ background-position: 0 -588px; width: 48px; height: 48px; } 
-.s48 .social.sprite-flickr{ background-position: 0 -686px; width: 48px; height: 48px; } 
-.s48 .social.sprite-friendfeed{ background-position: 0 -784px; width: 48px; height: 48px; } 
-.s48 .social.sprite-friendster{ background-position: 0 -882px; width: 48px; height: 48px; } 
-.s48 .social.sprite-furl{ background-position: 0 -980px; width: 48px; height: 48px; } 
-.s48 .social.sprite-lastfm{ background-position: 0 -1078px; width: 48px; height: 48px; } 
-.s48 .social.sprite-linkedin{ background-position: 0 -1176px; width: 48px; height: 48px; } 
-.s48 .social.sprite-livejournal{ background-position: 0 -1274px; width: 48px; height: 48px; } 
-.s48 .social.sprite-magnolia{ background-position: 0 -1372px; width: 48px; height: 48px; } 
-.s48 .social.sprite-mixx{ background-position: 0 -1470px; width: 48px; height: 48px; } 
-.s48 .social.sprite-myspace{ background-position: 0 -1568px; width: 48px; height: 48px; } 
-.s48 .social.sprite-netvibes{ background-position: 0 -1666px; width: 48px; height: 48px; } 
-.s48 .social.sprite-newsvine{ background-position: 0 -1764px; width: 48px; height: 48px; } 
-.s48 .social.sprite-picasa{ background-position: 0 -1862px; width: 48px; height: 48px; } 
-.s48 .social.sprite-pownce{ background-position: -98px 0; width: 48px; height: 48px; } 
-.s48 .social.sprite-reddit{ background-position: -98px -98px; width: 48px; height: 48px; } 
-.s48 .social.sprite-stumbleupon{ background-position: -98px -196px; width: 48px; height: 48px; } 
-.s48 .social.sprite-technorati{ background-position: -98px -294px; width: 48px; height: 48px; } 
-.s48 .social.sprite-twitter{ background-position: -98px -392px; width: 48px; height: 48px; } 
-.s48 .social.sprite-vimeo{ background-position: -98px -490px; width: 48px; height: 48px; } 
-.s48 .social.sprite-webshots{ background-position: -98px -588px; width: 48px; height: 48px; } 
-.s48 .social.sprite-wordpress{ background-position: -98px -686px; width: 48px; height: 48px; } 
-.s48 .social.sprite-yelp{ background-position: -98px -784px; width: 48px; height: 48px; } 
-.s48 .social.sprite-youtube{ background-position: -98px -882px; width: 48px; height: 48px; } 

data/assets/stylesheets/social_icons_default_60.css

@@ -1,33 +0,0 @@
-.s60 .social_sprites {
-  background: url(assets/social_icons/default/social_icons_60.png) no-repeat top left;
-}
-
-.s60 .social.sprite-blogger{ background-position: 0 0; width: 60px; height: 60px; } 
-.s60 .social.sprite-delicious{ background-position: 0 -80px; width: 60px; height: 60px; } 
-.s60 .social.sprite-digg{ background-position: 0 -160px; width: 60px; height: 60px; } 
-.s60 .social.sprite-ebay{ background-position: 0 -240px; width: 60px; height: 60px; } 
-.s60 .social.sprite-facebook{ background-position: 0 -320px; width: 60px; height: 60px; } 
-.s60 .social.sprite-feed{ background-position: 0 -400px; width: 60px; height: 60px; } 
-.s60 .social.sprite-flickr{ background-position: 0 -480px; width: 60px; height: 60px; } 
-.s60 .social.sprite-friendfeed{ background-position: 0 -560px; width: 60px; height: 60px; } 
-.s60 .social.sprite-friendster{ background-position: 0 -640px; width: 60px; height: 60px; } 
-.s60 .social.sprite-furl{ background-position: 0 -720px; width: 60px; height: 60px; } 
-.s60 .social.sprite-lastfm{ background-position: 0 -800px; width: 60px; height: 60px; } 
-.s60 .social.sprite-linkedin{ background-position: 0 -880px; width: 60px; height: 60px; } 
-.s60 .social.sprite-livejournal{ background-position: 0 -960px; width: 60px; height: 60px; } 
-.s60 .social.sprite-magnolia{ background-position: 0 -1040px; width: 60px; height: 60px; } 
-.s60 .social.sprite-mixx{ background-position: 0 -1120px; width: 60px; height: 60px; } 
-.s60 .social.sprite-myspace{ background-position: 0 -1200px; width: 60px; height: 60px; } 
-.s60 .social.sprite-netvibes{ background-position: 0 -1280px; width: 60px; height: 60px; } 
-.s60 .social.sprite-newsvine{ background-position: 0 -1360px; width: 60px; height: 60px; } 
-.s60 .social.sprite-picasa{ background-position: 0 -1440px; width: 60px; height: 60px; } 
-.s60 .social.sprite-pownce{ background-position: 0 -1520px; width: 60px; height: 60px; } 
-.s60 .social.sprite-reddit{ background-position: 0 -1600px; width: 60px; height: 60px; } 
-.s60 .social.sprite-stumbleupon{ background-position: 0 -1680px; width: 60px; height: 60px; } 
-.s60 .social.sprite-technorati{ background-position: 0 -1760px; width: 60px; height: 60px; } 
-.s60 .social.sprite-twitter{ background-position: 0 -1840px; width: 60px; height: 60px; } 
-.s60 .social.sprite-vimeo{ background-position: 0 -1920px; width: 60px; height: 60px; } 
-.s60 .social.sprite-webshots{ background-position: -80px 0; width: 60px; height: 60px; } 
-.s60 .social.sprite-wordpress{ background-position: -80px -80px; width: 60px; height: 60px; } 
-.s60 .social.sprite-yelp{ background-position: -80px -160px; width: 60px; height: 60px; } 
-.s60 .social.sprite-youtube{ background-position: -80px -240px; width: 60px; height: 60px; }