Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

Sprited

  • Loading branch information...
commit 11e57a27eb42026b3ef57453aa5e646aa297b618 1 parent fff1ccf
Remy Sharp authored February 25, 2010
BIN  images/spriteme1.png
BIN  images/spriteme2.png
33  snapbird.css
@@ -30,7 +30,8 @@ fieldset {
30 30
 }
31 31
 
32 32
 h1 {
33  
-  background: url(/images/snapbird-logo.png) no-repeat;
  33
+  background-image: url(/images/spriteme1.png);
  34
+  background-position: -10px -10px;
34 35
   height: 76px;
35 36
   width: 204px;
36 37
 }
@@ -86,11 +87,12 @@ select {
86 87
 }
87 88
 
88 89
 input {
89  
-  background: #fff url(/images/input-bg.gif) repeat-x top left;
  90
+  background: #fff url(/images/spriteme2.png) repeat-x 0px -80px;
90 91
 }
91 92
 
92 93
 select {
93  
-  background: url(/images/select-bg.gif) repeat-x top left;
  94
+  background-image: url(/images/spriteme2.png);
  95
+  background-position: 0px -10px;
94 96
   width: 250px;
95 97
 }
96 98
 
@@ -150,7 +152,7 @@ h2 {
150 152
 }
151 153
 
152 154
 #findit-btn { 
153  
-  background: url(/images/find-it.png) no-repeat;
  155
+  background: url(/images/spriteme1.png) no-repeat -10px -106px;
154 156
   text-indent: -9999px;
155 157
   border: 0;
156 158
   width: 105px;
@@ -161,11 +163,12 @@ h2 {
161 163
 }
162 164
 
163 165
 #findit-btn:active { 
164  
-  background-position: 0px 2px;
  166
+  background-position: -10px -104px;
165 167
 }
166 168
 
167 169
 #info {
168  
-  background: url(/images/info.png) no-repeat;
  170
+  background-image: url(/images/spriteme1.png);
  171
+  background-position: -10px -168px;
169 172
   height: 20px;
170 173
   width: 20px;
171 174
   display: block;
@@ -183,7 +186,7 @@ h2 {
183 186
   -moz-border-radius: 4px;
184 187
   border-radius: 4px;
185 188
   border: 1px solid #0971a1;
186  
-  background: url(/images/button-bg.gif) repeat-x;
  189
+  background: url(/images/spriteme2.png) repeat-x 0px -123px;
187 190
   height: 25px;
188 191
   text-transform: uppercase;
189 192
   color: #fff;
@@ -204,7 +207,8 @@ h2 {
204 207
 .twitter-logo {
205 208
   text-indent: -9999px;
206 209
   overflow: hidden;
207  
-  background: url(/images/twitter-logo.png) no-repeat;
  210
+  background-image: url(/images/spriteme1.png);
  211
+  background-position: -10px -208px;
208 212
   display: inline-block;
209 213
   height: 12px;
210 214
   width: 53px;
@@ -212,7 +216,8 @@ h2 {
212 216
 }
213 217
 
214 218
 #bird {
215  
-  background: url(/images/bird.png) no-repeat;
  219
+  background-image: url(/images/spriteme1.png);
  220
+  background-position: -10px -240px;
216 221
   height: 57px;
217 222
   width: 71px;
218 223
   position: absolute;
@@ -271,7 +276,8 @@ footer nav ul {
271 276
 }
272 277
  
273 278
 footer li {
274  
-  background: url(/images/divider.gif) no-repeat center left;
  279
+  background-image: url(/images/spriteme1.png);
  280
+  background-position: -10px -404px;
275 281
   padding: 5px 15px;
276 282
   float: left;
277 283
   display: block;
@@ -413,12 +419,15 @@ table tbody td {
413 419
 
414 420
 tbody td.yes {
415 421
   height: 15px;
416  
-  background: url(/images/tickcross.png) no-repeat 50% 15px;
  422
+  background-image: url(/images/spriteme1.png);
  423
+  background-position: 26px -308px;
417 424
 }
418 425
 
419 426
 tbody td.no {
420 427
   height: 15px;
421  
-  background: url(/images/tickcross.png) no-repeat 50% -29px;
  428
+  background-image: url(/images/spriteme1.png);
  429
+  background-position: 26px -308px;
  430
+
422 431
 }
423 432
 
424 433
 tbody td:nth-child(2n) {

0 notes on commit 11e57a2

Please sign in to comment.
Something went wrong with that request. Please try again.