social_icons 0.2.1 → 0.2.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (10) hide show
  1. data/README +11 -2
  2. data/VERSION +1 -1
  3. data/assets/stylesheets/social_icons_aqua.css +32 -32
  4. data/assets/stylesheets/social_icons_default_16.css +31 -31
  5. data/assets/stylesheets/social_icons_default_20.css +31 -31
  6. data/assets/stylesheets/social_icons_default_24.css +31 -31
  7. data/assets/stylesheets/social_icons_default_48.css +31 -31
  8. data/assets/stylesheets/social_icons_default_60.css +30 -30
  9. data/social_icons.gemspec +3 -3
  10. metadata +4 -4
data/README CHANGED
@@ -11,7 +11,7 @@ Icons supported so far:
11
11
  - Delicious
12
12
  - Reddit
13
13
  - Digg
14
- - Youtube (and more)
14
+ - Youtube (and many more...)
15
15
 
16
16
  Installation
17
17
  ============
@@ -46,10 +46,19 @@ Usage
46
46
 
47
47
  Wrap with an element of class="social_sprites"
48
48
 
49
- <ul class="social_sprites">
49
+ <ul class="social_sprites s16">
50
50
  <li class="social sprite-Google"></li>
51
51
  </ul>
52
52
 
53
+ <ul class="social_sprites s48">
54
+ <li class="social sprite-Google"></li>
55
+ </ul>
56
+
57
+ <ul class="social_sprites aqua">
58
+ <li class="social sprite-Google"></li>
59
+ </ul>
60
+
61
+
53
62
  View Helper methods
54
63
  =============
55
64
 
data/VERSION CHANGED
@@ -1 +1 @@
1
- 0.2.1
1
+ 0.2.2
data/assets/stylesheets/social_icons_aqua.css CHANGED
@@ -1,34 +1,34 @@
1
- social_sprites {
2
- background: url(assets/social_icons/aquaticus/png/social_icons_aqua.png) no-repeat top left;
1
+ .s64.aqua .social_sprites {
2
+ background: url(assets/social_icons/aquaticus/png/social_icons_aqua .png) no-repeat top left;
3
3
  }
4
4
 
5
- social.sprite-blogger{ background-position: 0 0; width: 64px; height: 64px; }
6
- social.sprite-delicious{ background-position: 0 -114px; width: 64px; height: 64px; }
7
- social.sprite-digg{ background-position: 0 -228px; width: 64px; height: 64px; }
8
- social.sprite-facebook{ background-position: 0 -342px; width: 64px; height: 64px; }
9
- social.sprite-feed{ background-position: 0 -456px; width: 64px; height: 64px; }
10
- social.sprite-flickr{ background-position: 0 -570px; width: 64px; height: 64px; }
11
- social.sprite-friendfeed{ background-position: 0 -684px; width: 64px; height: 64px; }
12
- social.sprite-friendster{ background-position: 0 -798px; width: 64px; height: 64px; }
13
- social.sprite-furl{ background-position: 0 -912px; width: 64px; height: 64px; }
14
- social.sprite-google{ background-position: 0 -1026px; width: 64px; height: 64px; }
15
- social.sprite-lastfm{ background-position: 0 -1140px; width: 64px; height: 64px; }
16
- social.sprite-linkedin{ background-position: 0 -1254px; width: 64px; height: 64px; }
17
- social.sprite-livejournal{ background-position: 0 -1368px; width: 64px; height: 64px; }
18
- social.sprite-magnolia{ background-position: 0 -1482px; width: 64px; height: 64px; }
19
- social.sprite-mixx{ background-position: 0 -1596px; width: 64px; height: 64px; }
20
- social.sprite-myspace{ background-position: 0 -1710px; width: 64px; height: 64px; }
21
- social.sprite-netvibes{ background-position: 0 -1824px; width: 64px; height: 64px; }
22
- social.sprite-newsvine{ background-position: 0 -1938px; width: 64px; height: 64px; }
23
- social.sprite-picasa{ background-position: -114px 0; width: 64px; height: 64px; }
24
- social.sprite-pownce{ background-position: -114px -114px; width: 64px; height: 64px; }
25
- social.sprite-reddit{ background-position: -114px -228px; width: 64px; height: 64px; }
26
- social.sprite-stumbleupon{ background-position: -114px -342px; width: 64px; height: 64px; }
27
- social.sprite-technorati{ background-position: -114px -456px; width: 64px; height: 64px; }
28
- social.sprite-twitter{ background-position: -114px -570px; width: 64px; height: 64px; }
29
- social.sprite-vimeo{ background-position: -114px -684px; width: 64px; height: 64px; }
30
- social.sprite-webshots{ background-position: -114px -798px; width: 64px; height: 64px; }
31
- social.sprite-wordpress{ background-position: -114px -912px; width: 64px; height: 64px; }
32
- social.sprite-yahoo{ background-position: -114px -1026px; width: 64px; height: 64px; }
33
- social.sprite-yelp{ background-position: -114px -1140px; width: 64px; height: 64px; }
34
- social.sprite-youtube{ background-position: -114px -1254px; width: 64px; height: 64px; }
5
+ .s64.aqua .social.sprite-blogger{ background-position: 0 0; width: 64px; height: 64px; }
6
+ .s64.aqua .social.sprite-delicious{ background-position: 0 -114px; width: 64px; height: 64px; }
7
+ .s64.aqua .social.sprite-digg{ background-position: 0 -228px; width: 64px; height: 64px; }
8
+ .s64.aqua .social.sprite-facebook{ background-position: 0 -342px; width: 64px; height: 64px; }
9
+ .s64.aqua .social.sprite-feed{ background-position: 0 -456px; width: 64px; height: 64px; }
10
+ .s64.aqua .social.sprite-flickr{ background-position: 0 -570px; width: 64px; height: 64px; }
11
+ .s64.aqua .social.sprite-friendfeed{ background-position: 0 -684px; width: 64px; height: 64px; }
12
+ .s64.aqua .social.sprite-friendster{ background-position: 0 -798px; width: 64px; height: 64px; }
13
+ .s64.aqua .social.sprite-furl{ background-position: 0 -912px; width: 64px; height: 64px; }
14
+ .s64.aqua .social.sprite-google{ background-position: 0 -1026px; width: 64px; height: 64px; }
15
+ .s64.aqua .social.sprite-lastfm{ background-position: 0 -1140px; width: 64px; height: 64px; }
16
+ .s64.aqua .social.sprite-linkedin{ background-position: 0 -1254px; width: 64px; height: 64px; }
17
+ .s64.aqua .social.sprite-livejournal{ background-position: 0 -1368px; width: 64px; height: 64px; }
18
+ .s64.aqua .social.sprite-magnolia{ background-position: 0 -1482px; width: 64px; height: 64px; }
19
+ .s64.aqua .social.sprite-mixx{ background-position: 0 -1596px; width: 64px; height: 64px; }
20
+ .s64.aqua .social.sprite-myspace{ background-position: 0 -1710px; width: 64px; height: 64px; }
21
+ .s64.aqua .social.sprite-netvibes{ background-position: 0 -1824px; width: 64px; height: 64px; }
22
+ .s64.aqua .social.sprite-newsvine{ background-position: 0 -1938px; width: 64px; height: 64px; }
23
+ .s64.aqua .social.sprite-picasa{ background-position: -114px 0; width: 64px; height: 64px; }
24
+ .s64.aqua .social.sprite-pownce{ background-position: -114px -114px; width: 64px; height: 64px; }
25
+ .s64.aqua .social.sprite-reddit{ background-position: -114px -228px; width: 64px; height: 64px; }
26
+ .s64.aqua .social.sprite-stumbleupon{ background-position: -114px -342px; width: 64px; height: 64px; }
27
+ .s64.aqua .social.sprite-technorati{ background-position: -114px -456px; width: 64px; height: 64px; }
28
+ .s64.aqua .social.sprite-twitter{ background-position: -114px -570px; width: 64px; height: 64px; }
29
+ .s64.aqua .social.sprite-vimeo{ background-position: -114px -684px; width: 64px; height: 64px; }
30
+ .s64.aqua .social.sprite-webshots{ background-position: -114px -798px; width: 64px; height: 64px; }
31
+ .s64.aqua .social.sprite-wordpress{ background-position: -114px -912px; width: 64px; height: 64px; }
32
+ .s64.aqua .social.sprite-yahoo{ background-position: -114px -1026px; width: 64px; height: 64px; }
33
+ .s64.aqua .social.sprite-yelp{ background-position: -114px -1140px; width: 64px; height: 64px; }
34
+ .s64.aqua .social.sprite-youtube{ background-position: -114px -1254px; width: 64px; height: 64px; }
data/assets/stylesheets/social_icons_default_16.css CHANGED
@@ -1,34 +1,34 @@
1
- social_sprites {
1
+ .s16 .social_sprites {
2
2
  background: url(assets/social_icons/default/social_icons_16.png) no-repeat top left;
3
3
  }
4
4
 
5
- social.sprite-Google{ background-position: 0 0; width: 16px; height: 16px; }
6
- social.sprite-blogger{ background-position: 0 -66px; width: 16px; height: 16px; }
7
- social.sprite-delicious{ background-position: 0 -132px; width: 16px; height: 16px; }
8
- social.sprite-digg{ background-position: 0 -198px; width: 16px; height: 16px; }
9
- social.sprite-ebay{ background-position: 0 -264px; width: 16px; height: 16px; }
10
- social.sprite-facebook{ background-position: 0 -330px; width: 16px; height: 16px; }
11
- social.sprite-feed{ background-position: 0 -396px; width: 16px; height: 16px; }
12
- social.sprite-flickr{ background-position: 0 -462px; width: 16px; height: 16px; }
13
- social.sprite-friendfeed{ background-position: 0 -528px; width: 16px; height: 16px; }
14
- social.sprite-friendster{ background-position: 0 -594px; width: 16px; height: 16px; }
15
- social.sprite-furl{ background-position: 0 -660px; width: 16px; height: 16px; }
16
- social.sprite-lastfm{ background-position: 0 -726px; width: 16px; height: 16px; }
17
- social.sprite-linkedin{ background-position: 0 -792px; width: 16px; height: 16px; }
18
- social.sprite-livejournal{ background-position: 0 -858px; width: 16px; height: 16px; }
19
- social.sprite-magnolia{ background-position: 0 -924px; width: 16px; height: 16px; }
20
- social.sprite-mixx{ background-position: 0 -990px; width: 16px; height: 16px; }
21
- social.sprite-myspace{ background-position: 0 -1056px; width: 16px; height: 16px; }
22
- social.sprite-netvibes{ background-position: 0 -1122px; width: 16px; height: 16px; }
23
- social.sprite-newsvine{ background-position: 0 -1188px; width: 16px; height: 16px; }
24
- social.sprite-picasa{ background-position: 0 -1254px; width: 16px; height: 16px; }
25
- social.sprite-pownce{ background-position: 0 -1320px; width: 16px; height: 16px; }
26
- social.sprite-reddit{ background-position: 0 -1386px; width: 16px; height: 16px; }
27
- social.sprite-stumbleupon{ background-position: 0 -1452px; width: 16px; height: 16px; }
28
- social.sprite-technorati{ background-position: 0 -1518px; width: 16px; height: 16px; }
29
- social.sprite-twitter{ background-position: 0 -1584px; width: 16px; height: 16px; }
30
- social.sprite-vimeo{ background-position: 0 -1650px; width: 16px; height: 16px; }
31
- social.sprite-webshots{ background-position: 0 -1716px; width: 16px; height: 16px; }
32
- social.sprite-wordpress{ background-position: 0 -1782px; width: 16px; height: 16px; }
33
- social.sprite-yelp{ background-position: 0 -1848px; width: 16px; height: 16px; }
34
- social.sprite-youtube{ background-position: 0 -1914px; width: 16px; height: 16px; }
5
+ .s16 .social.sprite-Google{ background-position: 0 0; width: 16px; height: 16px; }
6
+ .s16 .social.sprite-blogger{ background-position: 0 -66px; width: 16px; height: 16px; }
7
+ .s16 .social.sprite-delicious{ background-position: 0 -132px; width: 16px; height: 16px; }
8
+ .s16 .social.sprite-digg{ background-position: 0 -198px; width: 16px; height: 16px; }
9
+ .s16 .social.sprite-ebay{ background-position: 0 -264px; width: 16px; height: 16px; }
10
+ .s16 .social.sprite-facebook{ background-position: 0 -330px; width: 16px; height: 16px; }
11
+ .s16 .social.sprite-feed{ background-position: 0 -396px; width: 16px; height: 16px; }
12
+ .s16 .social.sprite-flickr{ background-position: 0 -462px; width: 16px; height: 16px; }
13
+ .s16 .social.sprite-friendfeed{ background-position: 0 -528px; width: 16px; height: 16px; }
14
+ .s16 .social.sprite-friendster{ background-position: 0 -594px; width: 16px; height: 16px; }
15
+ .s16 .social.sprite-furl{ background-position: 0 -660px; width: 16px; height: 16px; }
16
+ .s16 .social.sprite-lastfm{ background-position: 0 -726px; width: 16px; height: 16px; }
17
+ .s16 .social.sprite-linkedin{ background-position: 0 -792px; width: 16px; height: 16px; }
18
+ .s16 .social.sprite-livejournal{ background-position: 0 -858px; width: 16px; height: 16px; }
19
+ .s16 .social.sprite-magnolia{ background-position: 0 -924px; width: 16px; height: 16px; }
20
+ .s16 .social.sprite-mixx{ background-position: 0 -990px; width: 16px; height: 16px; }
21
+ .s16 .social.sprite-myspace{ background-position: 0 -1056px; width: 16px; height: 16px; }
22
+ .s16 .social.sprite-netvibes{ background-position: 0 -1122px; width: 16px; height: 16px; }
23
+ .s16 .social.sprite-newsvine{ background-position: 0 -1188px; width: 16px; height: 16px; }
24
+ .s16 .social.sprite-picasa{ background-position: 0 -1254px; width: 16px; height: 16px; }
25
+ .s16 .social.sprite-pownce{ background-position: 0 -1320px; width: 16px; height: 16px; }
26
+ .s16 .social.sprite-reddit{ background-position: 0 -1386px; width: 16px; height: 16px; }
27
+ .s16 .social.sprite-stumbleupon{ background-position: 0 -1452px; width: 16px; height: 16px; }
28
+ .s16 .social.sprite-technorati{ background-position: 0 -1518px; width: 16px; height: 16px; }
29
+ .s16 .social.sprite-twitter{ background-position: 0 -1584px; width: 16px; height: 16px; }
30
+ .s16 .social.sprite-vimeo{ background-position: 0 -1650px; width: 16px; height: 16px; }
31
+ .s16 .social.sprite-webshots{ background-position: 0 -1716px; width: 16px; height: 16px; }
32
+ .s16 .social.sprite-wordpress{ background-position: 0 -1782px; width: 16px; height: 16px; }
33
+ .s16 .social.sprite-yelp{ background-position: 0 -1848px; width: 16px; height: 16px; }
34
+ .s16 .social.sprite-youtube{ background-position: 0 -1914px; width: 16px; height: 16px; }
data/assets/stylesheets/social_icons_default_20.css CHANGED
@@ -1,34 +1,34 @@
1
- social_sprites {
1
+ .s20 .social_sprites {
2
2
  background: url(assets/social_icons/default/social_icons_20.png) no-repeat top left;
3
3
  }
4
4
 
5
- social.sprite-Google{ background-position: 0 0; width: 20px; height: 20px; }
6
- social.sprite-blogger{ background-position: 0 -70px; width: 20px; height: 20px; }
7
- social.sprite-delicious{ background-position: 0 -140px; width: 20px; height: 20px; }
8
- social.sprite-digg{ background-position: 0 -210px; width: 20px; height: 20px; }
9
- social.sprite-ebay{ background-position: 0 -280px; width: 20px; height: 20px; }
10
- social.sprite-facebook{ background-position: 0 -350px; width: 20px; height: 20px; }
11
- social.sprite-feed{ background-position: 0 -420px; width: 20px; height: 20px; }
12
- social.sprite-flickr{ background-position: 0 -490px; width: 20px; height: 20px; }
13
- social.sprite-friendfeed{ background-position: 0 -560px; width: 20px; height: 20px; }
14
- social.sprite-friendster{ background-position: 0 -630px; width: 20px; height: 20px; }
15
- social.sprite-furl{ background-position: 0 -700px; width: 20px; height: 20px; }
16
- social.sprite-lastfm{ background-position: 0 -770px; width: 20px; height: 20px; }
17
- social.sprite-linkedin{ background-position: 0 -840px; width: 20px; height: 20px; }
18
- social.sprite-livejournal{ background-position: 0 -910px; width: 20px; height: 20px; }
19
- social.sprite-magnolia{ background-position: 0 -980px; width: 20px; height: 20px; }
20
- social.sprite-mixx{ background-position: 0 -1050px; width: 20px; height: 20px; }
21
- social.sprite-myspace{ background-position: 0 -1120px; width: 20px; height: 20px; }
22
- social.sprite-netvibes{ background-position: 0 -1190px; width: 20px; height: 20px; }
23
- social.sprite-newsvine{ background-position: 0 -1260px; width: 20px; height: 20px; }
24
- social.sprite-picasa{ background-position: 0 -1330px; width: 20px; height: 20px; }
25
- social.sprite-pownce{ background-position: 0 -1400px; width: 20px; height: 20px; }
26
- social.sprite-reddit{ background-position: 0 -1470px; width: 20px; height: 20px; }
27
- social.sprite-stumbleupon{ background-position: 0 -1540px; width: 20px; height: 20px; }
28
- social.sprite-technorati{ background-position: 0 -1610px; width: 20px; height: 20px; }
29
- social.sprite-twitter{ background-position: 0 -1680px; width: 20px; height: 20px; }
30
- social.sprite-vimeo{ background-position: 0 -1750px; width: 20px; height: 20px; }
31
- social.sprite-webshots{ background-position: 0 -1820px; width: 20px; height: 20px; }
32
- social.sprite-wordpress{ background-position: 0 -1890px; width: 20px; height: 20px; }
33
- social.sprite-yelp{ background-position: -70px 0; width: 20px; height: 20px; }
34
- social.sprite-youtube{ background-position: -70px -70px; width: 20px; height: 20px; }
5
+ .s20 .social.sprite-Google{ background-position: 0 0; width: 20px; height: 20px; }
6
+ .s20 .social.sprite-blogger{ background-position: 0 -70px; width: 20px; height: 20px; }
7
+ .s20 .social.sprite-delicious{ background-position: 0 -140px; width: 20px; height: 20px; }
8
+ .s20 .social.sprite-digg{ background-position: 0 -210px; width: 20px; height: 20px; }
9
+ .s20 .social.sprite-ebay{ background-position: 0 -280px; width: 20px; height: 20px; }
10
+ .s20 .social.sprite-facebook{ background-position: 0 -350px; width: 20px; height: 20px; }
11
+ .s20 .social.sprite-feed{ background-position: 0 -420px; width: 20px; height: 20px; }
12
+ .s20 .social.sprite-flickr{ background-position: 0 -490px; width: 20px; height: 20px; }
13
+ .s20 .social.sprite-friendfeed{ background-position: 0 -560px; width: 20px; height: 20px; }
14
+ .s20 .social.sprite-friendster{ background-position: 0 -630px; width: 20px; height: 20px; }
15
+ .s20 .social.sprite-furl{ background-position: 0 -700px; width: 20px; height: 20px; }
16
+ .s20 .social.sprite-lastfm{ background-position: 0 -770px; width: 20px; height: 20px; }
17
+ .s20 .social.sprite-linkedin{ background-position: 0 -840px; width: 20px; height: 20px; }
18
+ .s20 .social.sprite-livejournal{ background-position: 0 -910px; width: 20px; height: 20px; }
19
+ .s20 .social.sprite-magnolia{ background-position: 0 -980px; width: 20px; height: 20px; }
20
+ .s20 .social.sprite-mixx{ background-position: 0 -1050px; width: 20px; height: 20px; }
21
+ .s20 .social.sprite-myspace{ background-position: 0 -1120px; width: 20px; height: 20px; }
22
+ .s20 .social.sprite-netvibes{ background-position: 0 -1190px; width: 20px; height: 20px; }
23
+ .s20 .social.sprite-newsvine{ background-position: 0 -1260px; width: 20px; height: 20px; }
24
+ .s20 .social.sprite-picasa{ background-position: 0 -1330px; width: 20px; height: 20px; }
25
+ .s20 .social.sprite-pownce{ background-position: 0 -1400px; width: 20px; height: 20px; }
26
+ .s20 .social.sprite-reddit{ background-position: 0 -1470px; width: 20px; height: 20px; }
27
+ .s20 .social.sprite-stumbleupon{ background-position: 0 -1540px; width: 20px; height: 20px; }
28
+ .s20 .social.sprite-technorati{ background-position: 0 -1610px; width: 20px; height: 20px; }
29
+ .s20 .social.sprite-twitter{ background-position: 0 -1680px; width: 20px; height: 20px; }
30
+ .s20 .social.sprite-vimeo{ background-position: 0 -1750px; width: 20px; height: 20px; }
31
+ .s20 .social.sprite-webshots{ background-position: 0 -1820px; width: 20px; height: 20px; }
32
+ .s20 .social.sprite-wordpress{ background-position: 0 -1890px; width: 20px; height: 20px; }
33
+ .s20 .social.sprite-yelp{ background-position: -70px 0; width: 20px; height: 20px; }
34
+ .s20 .social.sprite-youtube{ background-position: -70px -70px; width: 20px; height: 20px; }
data/assets/stylesheets/social_icons_default_24.css CHANGED
@@ -1,34 +1,34 @@
1
- social_sprites {
1
+ .s24 .social_sprites {
2
2
  background: url(assets/social_icons/default/social_icons_24.png) no-repeat top left;
3
3
  }
4
4
 
5
- social.sprite-Google{ background-position: 0 0; width: 24px; height: 24px; }
6
- social.sprite-blogger{ background-position: 0 -74px; width: 24px; height: 24px; }
7
- social.sprite-delicious{ background-position: 0 -148px; width: 24px; height: 24px; }
8
- social.sprite-digg{ background-position: 0 -222px; width: 24px; height: 24px; }
9
- social.sprite-ebay{ background-position: 0 -296px; width: 24px; height: 24px; }
10
- social.sprite-facebook{ background-position: 0 -370px; width: 24px; height: 24px; }
11
- social.sprite-feed{ background-position: 0 -444px; width: 24px; height: 24px; }
12
- social.sprite-flickr{ background-position: 0 -518px; width: 24px; height: 24px; }
13
- social.sprite-friendfeed{ background-position: 0 -592px; width: 24px; height: 24px; }
14
- social.sprite-friendster{ background-position: 0 -666px; width: 24px; height: 24px; }
15
- social.sprite-furl{ background-position: 0 -740px; width: 24px; height: 24px; }
16
- social.sprite-lastfm{ background-position: 0 -814px; width: 24px; height: 24px; }
17
- social.sprite-linkedin{ background-position: 0 -888px; width: 24px; height: 24px; }
18
- social.sprite-livejournal{ background-position: 0 -962px; width: 24px; height: 24px; }
19
- social.sprite-magnolia{ background-position: 0 -1036px; width: 24px; height: 24px; }
20
- social.sprite-mixx{ background-position: 0 -1110px; width: 24px; height: 24px; }
21
- social.sprite-myspace{ background-position: 0 -1184px; width: 24px; height: 24px; }
22
- social.sprite-netvibes{ background-position: 0 -1258px; width: 24px; height: 24px; }
23
- social.sprite-newsvine{ background-position: 0 -1332px; width: 24px; height: 24px; }
24
- social.sprite-picasa{ background-position: 0 -1406px; width: 24px; height: 24px; }
25
- social.sprite-pownce{ background-position: 0 -1480px; width: 24px; height: 24px; }
26
- social.sprite-reddit{ background-position: 0 -1554px; width: 24px; height: 24px; }
27
- social.sprite-stumbleupon{ background-position: 0 -1628px; width: 24px; height: 24px; }
28
- social.sprite-technorati{ background-position: 0 -1702px; width: 24px; height: 24px; }
29
- social.sprite-twitter{ background-position: 0 -1776px; width: 24px; height: 24px; }
30
- social.sprite-vimeo{ background-position: 0 -1850px; width: 24px; height: 24px; }
31
- social.sprite-webshots{ background-position: 0 -1924px; width: 24px; height: 24px; }
32
- social.sprite-wordpress{ background-position: -74px 0; width: 24px; height: 24px; }
33
- social.sprite-yelp{ background-position: -74px -74px; width: 24px; height: 24px; }
34
- social.sprite-youtube{ background-position: -74px -148px; width: 24px; height: 24px; }
5
+ .s24 .social.sprite-Google{ background-position: 0 0; width: 24px; height: 24px; }
6
+ .s24 .social.sprite-blogger{ background-position: 0 -74px; width: 24px; height: 24px; }
7
+ .s24 .social.sprite-delicious{ background-position: 0 -148px; width: 24px; height: 24px; }
8
+ .s24 .social.sprite-digg{ background-position: 0 -222px; width: 24px; height: 24px; }
9
+ .s24 .social.sprite-ebay{ background-position: 0 -296px; width: 24px; height: 24px; }
10
+ .s24 .social.sprite-facebook{ background-position: 0 -370px; width: 24px; height: 24px; }
11
+ .s24 .social.sprite-feed{ background-position: 0 -444px; width: 24px; height: 24px; }
12
+ .s24 .social.sprite-flickr{ background-position: 0 -518px; width: 24px; height: 24px; }
13
+ .s24 .social.sprite-friendfeed{ background-position: 0 -592px; width: 24px; height: 24px; }
14
+ .s24 .social.sprite-friendster{ background-position: 0 -666px; width: 24px; height: 24px; }
15
+ .s24 .social.sprite-furl{ background-position: 0 -740px; width: 24px; height: 24px; }
16
+ .s24 .social.sprite-lastfm{ background-position: 0 -814px; width: 24px; height: 24px; }
17
+ .s24 .social.sprite-linkedin{ background-position: 0 -888px; width: 24px; height: 24px; }
18
+ .s24 .social.sprite-livejournal{ background-position: 0 -962px; width: 24px; height: 24px; }
19
+ .s24 .social.sprite-magnolia{ background-position: 0 -1036px; width: 24px; height: 24px; }
20
+ .s24 .social.sprite-mixx{ background-position: 0 -1110px; width: 24px; height: 24px; }
21
+ .s24 .social.sprite-myspace{ background-position: 0 -1184px; width: 24px; height: 24px; }
22
+ .s24 .social.sprite-netvibes{ background-position: 0 -1258px; width: 24px; height: 24px; }
23
+ .s24 .social.sprite-newsvine{ background-position: 0 -1332px; width: 24px; height: 24px; }
24
+ .s24 .social.sprite-picasa{ background-position: 0 -1406px; width: 24px; height: 24px; }
25
+ .s24 .social.sprite-pownce{ background-position: 0 -1480px; width: 24px; height: 24px; }
26
+ .s24 .social.sprite-reddit{ background-position: 0 -1554px; width: 24px; height: 24px; }
27
+ .s24 .social.sprite-stumbleupon{ background-position: 0 -1628px; width: 24px; height: 24px; }
28
+ .s24 .social.sprite-technorati{ background-position: 0 -1702px; width: 24px; height: 24px; }
29
+ .s24 .social.sprite-twitter{ background-position: 0 -1776px; width: 24px; height: 24px; }
30
+ .s24 .social.sprite-vimeo{ background-position: 0 -1850px; width: 24px; height: 24px; }
31
+ .s24 .social.sprite-webshots{ background-position: 0 -1924px; width: 24px; height: 24px; }
32
+ .s24 .social.sprite-wordpress{ background-position: -74px 0; width: 24px; height: 24px; }
33
+ .s24 .social.sprite-yelp{ background-position: -74px -74px; width: 24px; height: 24px; }
34
+ .s24 .social.sprite-youtube{ background-position: -74px -148px; width: 24px; height: 24px; }
data/assets/stylesheets/social_icons_default_48.css CHANGED
@@ -1,34 +1,34 @@
1
- social_sprites {
1
+ .s48 .social_sprites {
2
2
  background: url(assets/social_icons/default/social_icons_48.png) no-repeat top left;
3
3
  }
4
4
 
5
- social.sprite-Google{ background-position: 0 0; width: 48px; height: 48px; }
6
- social.sprite-blogger{ background-position: 0 -98px; width: 48px; height: 48px; }
7
- social.sprite-delicious{ background-position: 0 -196px; width: 48px; height: 48px; }
8
- social.sprite-digg{ background-position: 0 -294px; width: 48px; height: 48px; }
9
- social.sprite-ebay{ background-position: 0 -392px; width: 48px; height: 48px; }
10
- social.sprite-facebook{ background-position: 0 -490px; width: 48px; height: 48px; }
11
- social.sprite-feed{ background-position: 0 -588px; width: 48px; height: 48px; }
12
- social.sprite-flickr{ background-position: 0 -686px; width: 48px; height: 48px; }
13
- social.sprite-friendfeed{ background-position: 0 -784px; width: 48px; height: 48px; }
14
- social.sprite-friendster{ background-position: 0 -882px; width: 48px; height: 48px; }
15
- social.sprite-furl{ background-position: 0 -980px; width: 48px; height: 48px; }
16
- social.sprite-lastfm{ background-position: 0 -1078px; width: 48px; height: 48px; }
17
- social.sprite-linkedin{ background-position: 0 -1176px; width: 48px; height: 48px; }
18
- social.sprite-livejournal{ background-position: 0 -1274px; width: 48px; height: 48px; }
19
- social.sprite-magnolia{ background-position: 0 -1372px; width: 48px; height: 48px; }
20
- social.sprite-mixx{ background-position: 0 -1470px; width: 48px; height: 48px; }
21
- social.sprite-myspace{ background-position: 0 -1568px; width: 48px; height: 48px; }
22
- social.sprite-netvibes{ background-position: 0 -1666px; width: 48px; height: 48px; }
23
- social.sprite-newsvine{ background-position: 0 -1764px; width: 48px; height: 48px; }
24
- social.sprite-picasa{ background-position: 0 -1862px; width: 48px; height: 48px; }
25
- social.sprite-pownce{ background-position: -98px 0; width: 48px; height: 48px; }
26
- social.sprite-reddit{ background-position: -98px -98px; width: 48px; height: 48px; }
27
- social.sprite-stumbleupon{ background-position: -98px -196px; width: 48px; height: 48px; }
28
- social.sprite-technorati{ background-position: -98px -294px; width: 48px; height: 48px; }
29
- social.sprite-twitter{ background-position: -98px -392px; width: 48px; height: 48px; }
30
- social.sprite-vimeo{ background-position: -98px -490px; width: 48px; height: 48px; }
31
- social.sprite-webshots{ background-position: -98px -588px; width: 48px; height: 48px; }
32
- social.sprite-wordpress{ background-position: -98px -686px; width: 48px; height: 48px; }
33
- social.sprite-yelp{ background-position: -98px -784px; width: 48px; height: 48px; }
34
- social.sprite-youtube{ background-position: -98px -882px; width: 48px; height: 48px; }
5
+ .s48 .social.sprite-Google{ background-position: 0 0; width: 48px; height: 48px; }
6
+ .s48 .social.sprite-blogger{ background-position: 0 -98px; width: 48px; height: 48px; }
7
+ .s48 .social.sprite-delicious{ background-position: 0 -196px; width: 48px; height: 48px; }
8
+ .s48 .social.sprite-digg{ background-position: 0 -294px; width: 48px; height: 48px; }
9
+ .s48 .social.sprite-ebay{ background-position: 0 -392px; width: 48px; height: 48px; }
10
+ .s48 .social.sprite-facebook{ background-position: 0 -490px; width: 48px; height: 48px; }
11
+ .s48 .social.sprite-feed{ background-position: 0 -588px; width: 48px; height: 48px; }
12
+ .s48 .social.sprite-flickr{ background-position: 0 -686px; width: 48px; height: 48px; }
13
+ .s48 .social.sprite-friendfeed{ background-position: 0 -784px; width: 48px; height: 48px; }
14
+ .s48 .social.sprite-friendster{ background-position: 0 -882px; width: 48px; height: 48px; }
15
+ .s48 .social.sprite-furl{ background-position: 0 -980px; width: 48px; height: 48px; }
16
+ .s48 .social.sprite-lastfm{ background-position: 0 -1078px; width: 48px; height: 48px; }
17
+ .s48 .social.sprite-linkedin{ background-position: 0 -1176px; width: 48px; height: 48px; }
18
+ .s48 .social.sprite-livejournal{ background-position: 0 -1274px; width: 48px; height: 48px; }
19
+ .s48 .social.sprite-magnolia{ background-position: 0 -1372px; width: 48px; height: 48px; }
20
+ .s48 .social.sprite-mixx{ background-position: 0 -1470px; width: 48px; height: 48px; }
21
+ .s48 .social.sprite-myspace{ background-position: 0 -1568px; width: 48px; height: 48px; }
22
+ .s48 .social.sprite-netvibes{ background-position: 0 -1666px; width: 48px; height: 48px; }
23
+ .s48 .social.sprite-newsvine{ background-position: 0 -1764px; width: 48px; height: 48px; }
24
+ .s48 .social.sprite-picasa{ background-position: 0 -1862px; width: 48px; height: 48px; }
25
+ .s48 .social.sprite-pownce{ background-position: -98px 0; width: 48px; height: 48px; }
26
+ .s48 .social.sprite-reddit{ background-position: -98px -98px; width: 48px; height: 48px; }
27
+ .s48 .social.sprite-stumbleupon{ background-position: -98px -196px; width: 48px; height: 48px; }
28
+ .s48 .social.sprite-technorati{ background-position: -98px -294px; width: 48px; height: 48px; }
29
+ .s48 .social.sprite-twitter{ background-position: -98px -392px; width: 48px; height: 48px; }
30
+ .s48 .social.sprite-vimeo{ background-position: -98px -490px; width: 48px; height: 48px; }
31
+ .s48 .social.sprite-webshots{ background-position: -98px -588px; width: 48px; height: 48px; }
32
+ .s48 .social.sprite-wordpress{ background-position: -98px -686px; width: 48px; height: 48px; }
33
+ .s48 .social.sprite-yelp{ background-position: -98px -784px; width: 48px; height: 48px; }
34
+ .s48 .social.sprite-youtube{ background-position: -98px -882px; width: 48px; height: 48px; }
data/assets/stylesheets/social_icons_default_60.css CHANGED
@@ -1,33 +1,33 @@
1
- social_sprites {
1
+ .s60 .social_sprites {
2
2
  background: url(assets/social_icons/default/social_icons_60.png) no-repeat top left;
3
3
  }
4
4
 
5
- social.sprite-blogger{ background-position: 0 0; width: 60px; height: 60px; }
6
- social.sprite-delicious{ background-position: 0 -80px; width: 60px; height: 60px; }
7
- social.sprite-digg{ background-position: 0 -160px; width: 60px; height: 60px; }
8
- social.sprite-ebay{ background-position: 0 -240px; width: 60px; height: 60px; }
9
- social.sprite-facebook{ background-position: 0 -320px; width: 60px; height: 60px; }
10
- social.sprite-feed{ background-position: 0 -400px; width: 60px; height: 60px; }
11
- social.sprite-flickr{ background-position: 0 -480px; width: 60px; height: 60px; }
12
- social.sprite-friendfeed{ background-position: 0 -560px; width: 60px; height: 60px; }
13
- social.sprite-friendster{ background-position: 0 -640px; width: 60px; height: 60px; }
14
- social.sprite-furl{ background-position: 0 -720px; width: 60px; height: 60px; }
15
- social.sprite-lastfm{ background-position: 0 -800px; width: 60px; height: 60px; }
16
- social.sprite-linkedin{ background-position: 0 -880px; width: 60px; height: 60px; }
17
- social.sprite-livejournal{ background-position: 0 -960px; width: 60px; height: 60px; }
18
- social.sprite-magnolia{ background-position: 0 -1040px; width: 60px; height: 60px; }
19
- social.sprite-mixx{ background-position: 0 -1120px; width: 60px; height: 60px; }
20
- social.sprite-myspace{ background-position: 0 -1200px; width: 60px; height: 60px; }
21
- social.sprite-netvibes{ background-position: 0 -1280px; width: 60px; height: 60px; }
22
- social.sprite-newsvine{ background-position: 0 -1360px; width: 60px; height: 60px; }
23
- social.sprite-picasa{ background-position: 0 -1440px; width: 60px; height: 60px; }
24
- social.sprite-pownce{ background-position: 0 -1520px; width: 60px; height: 60px; }
25
- social.sprite-reddit{ background-position: 0 -1600px; width: 60px; height: 60px; }
26
- social.sprite-stumbleupon{ background-position: 0 -1680px; width: 60px; height: 60px; }
27
- social.sprite-technorati{ background-position: 0 -1760px; width: 60px; height: 60px; }
28
- social.sprite-twitter{ background-position: 0 -1840px; width: 60px; height: 60px; }
29
- social.sprite-vimeo{ background-position: 0 -1920px; width: 60px; height: 60px; }
30
- social.sprite-webshots{ background-position: -80px 0; width: 60px; height: 60px; }
31
- social.sprite-wordpress{ background-position: -80px -80px; width: 60px; height: 60px; }
32
- social.sprite-yelp{ background-position: -80px -160px; width: 60px; height: 60px; }
33
- social.sprite-youtube{ background-position: -80px -240px; width: 60px; height: 60px; }
5
+ .s60 .social.sprite-blogger{ background-position: 0 0; width: 60px; height: 60px; }
6
+ .s60 .social.sprite-delicious{ background-position: 0 -80px; width: 60px; height: 60px; }
7
+ .s60 .social.sprite-digg{ background-position: 0 -160px; width: 60px; height: 60px; }
8
+ .s60 .social.sprite-ebay{ background-position: 0 -240px; width: 60px; height: 60px; }
9
+ .s60 .social.sprite-facebook{ background-position: 0 -320px; width: 60px; height: 60px; }
10
+ .s60 .social.sprite-feed{ background-position: 0 -400px; width: 60px; height: 60px; }
11
+ .s60 .social.sprite-flickr{ background-position: 0 -480px; width: 60px; height: 60px; }
12
+ .s60 .social.sprite-friendfeed{ background-position: 0 -560px; width: 60px; height: 60px; }
13
+ .s60 .social.sprite-friendster{ background-position: 0 -640px; width: 60px; height: 60px; }
14
+ .s60 .social.sprite-furl{ background-position: 0 -720px; width: 60px; height: 60px; }
15
+ .s60 .social.sprite-lastfm{ background-position: 0 -800px; width: 60px; height: 60px; }
16
+ .s60 .social.sprite-linkedin{ background-position: 0 -880px; width: 60px; height: 60px; }
17
+ .s60 .social.sprite-livejournal{ background-position: 0 -960px; width: 60px; height: 60px; }
18
+ .s60 .social.sprite-magnolia{ background-position: 0 -1040px; width: 60px; height: 60px; }
19
+ .s60 .social.sprite-mixx{ background-position: 0 -1120px; width: 60px; height: 60px; }
20
+ .s60 .social.sprite-myspace{ background-position: 0 -1200px; width: 60px; height: 60px; }
21
+ .s60 .social.sprite-netvibes{ background-position: 0 -1280px; width: 60px; height: 60px; }
22
+ .s60 .social.sprite-newsvine{ background-position: 0 -1360px; width: 60px; height: 60px; }
23
+ .s60 .social.sprite-picasa{ background-position: 0 -1440px; width: 60px; height: 60px; }
24
+ .s60 .social.sprite-pownce{ background-position: 0 -1520px; width: 60px; height: 60px; }
25
+ .s60 .social.sprite-reddit{ background-position: 0 -1600px; width: 60px; height: 60px; }
26
+ .s60 .social.sprite-stumbleupon{ background-position: 0 -1680px; width: 60px; height: 60px; }
27
+ .s60 .social.sprite-technorati{ background-position: 0 -1760px; width: 60px; height: 60px; }
28
+ .s60 .social.sprite-twitter{ background-position: 0 -1840px; width: 60px; height: 60px; }
29
+ .s60 .social.sprite-vimeo{ background-position: 0 -1920px; width: 60px; height: 60px; }
30
+ .s60 .social.sprite-webshots{ background-position: -80px 0; width: 60px; height: 60px; }
31
+ .s60 .social.sprite-wordpress{ background-position: -80px -80px; width: 60px; height: 60px; }
32
+ .s60 .social.sprite-yelp{ background-position: -80px -160px; width: 60px; height: 60px; }
33
+ .s60 .social.sprite-youtube{ background-position: -80px -240px; width: 60px; height: 60px; }
data/social_icons.gemspec CHANGED
@@ -5,11 +5,11 @@
5
5
 
6
6
  Gem::Specification.new do |s|
7
7
  s.name = "social_icons"
8
- s.version = "0.2.1"
8
+ s.version = "0.2.2"
9
9
 
10
10
  s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
11
11
  s.authors = ["Kristian Mandrup"]
12
- s.date = "2012-03-27"
12
+ s.date = "2012-07-10"
13
13
  s.description = "Add social media icons to your Rails 3 using CSS sprites or images"
14
14
  s.email = [""]
15
15
  s.extra_rdoc_files = [
@@ -234,7 +234,7 @@ Gem::Specification.new do |s|
234
234
  s.homepage = "https://github.com/kristianmandrup/social_icons"
235
235
  s.licenses = ["MIT"]
236
236
  s.require_paths = ["lib"]
237
- s.rubygems_version = "1.8.20"
237
+ s.rubygems_version = "1.8.24"
238
238
  s.summary = "Social media icons for Rails 3"
239
239
 
240
240
  if s.respond_to? :specification_version then
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: social_icons
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.1
4
+ version: 0.2.2
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2012-03-27 00:00:00.000000000 Z
12
+ date: 2012-07-10 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: haml
@@ -376,7 +376,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
376
376
  version: '0'
377
377
  segments:
378
378
  - 0
379
- hash: -4513853439697973085
379
+ hash: 3777333609965099717
380
380
  required_rubygems_version: !ruby/object:Gem::Requirement
381
381
  none: false
382
382
  requirements:
@@ -385,7 +385,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
385
385
  version: '0'
386
386
  requirements: []
387
387
  rubyforge_project:
388
- rubygems_version: 1.8.20
388
+ rubygems_version: 1.8.24
389
389
  signing_key:
390
390
  specification_version: 3
391
391
  summary: Social media icons for Rails 3