Ajax Loader
HTML
    <div id="wrapper">    
1
    <div id="wrapper">    
2
 
3
        <a href="#" class="button">Button</a>
4
        <a href="#" data-icon="♚" class="button orange shield glossy">King</a>
5
        <a href="#" data-icon="♛" class="button pink serif round glass">Queen</a>
6
        <a href="#" data-icon="♞" class="button blue skew">Horse</a>
7
        
8
        <br />
9
        
10
        <a href="#accessibility" role="button" tabindex="1" class="button green">Tab1</a>
11
        <a href="#accessibility" role="button" tabindex="2" class="button green">Tab2</a>
12
        <button disabled class="button green glossy">Disabled</button>
13
        
14
        
15
                        
16
    </div>
 
CSS
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:bold+Lobster);
1
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:bold+Lobster);
2
@import url(http://fonts.googleapis.com/css?family=Lobster);
3
 
4
 
5
 
6
/* -------------- THE button -------------- */
7
.button {
8
 
9
/* text */
10
  text-decoration:    none;
11
  font:           24px/1em 'Droid Sans', sans-serif;
12
  font-weight:      bold;
13
  text-shadow:      rgba(255,255,255,.5) 0 1px 0;
14
  -webkit-user-select:  none;
15
  -moz-user-select:     none;
16
  user-select:      none;
17
  
18
  
19
/* layout */
20
  padding:        .5em .6em .4em .6em;
21
  margin:         .5em;
22
  display:        inline-block;
23
  position:         relative;
24
  
25
  -webkit-border-radius:  8px;
26
  -moz-border-radius:   8px;
27
  border-radius:  8px;
28
  
29
/* effects */
30
  border-top:     1px solid rgba(255,255,255,0.8);
31
  border-bottom:    1px solid rgba(0,0,0,0.1);
32
  
33
  background-image:   -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )), url(http://iwantaneff.in/t/http://iwantaneff.in/t/noise.png);
34
  background-image:   -moz-radial-gradient(top, ellipse cover, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%), url(http://iwantaneff.in/t/http://iwantaneff.in/t/noise.png);
35
  background-image:   gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0.7) )), url(http://iwantaneff.in/t/http://iwantaneff.in/t/noise.png);
36
 
37
  -webkit-transition: background .2s ease-in-out;
38
  -moz-transition:  background .2s ease-in-out;
39
  transition:     background .2s ease-in-out;
40
  
41
/* color */
42
  color:        hsl(0, 0%, 40%) !important;
43
  background-color:   hsl(0, 0%, 75%);
44
  
45
  -webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
46
            hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
47
            rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
48
  -moz-box-shadow:  inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
49
            hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
50
            rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
51
  box-shadow:     inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
52
            hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px, /* color border */
53
            rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
54
}
55
 
56
/* -------------- button (tag) -------------- */
57
 
58
button.button {
59
  border-left: none;
60
  border-right: none;
61
}
62
button.button:hover {
63
  cursor: pointer;
64
}
65
 
66
 
67
/* -------------- icon -------------- */
68
.button:before {
69
  font:       1.2em/0 'Pictos', sans-serif;
70
  content:    attr(data-icon); /* gets the icon value from the custom data attribute and puts it infront of the button label */
71
  margin-right:   0.4em;
72
  
73
  
74
}
75
/* icon only */
76
.icon {
77
  font-weight: normal;
78
  font-style: normal;
79
  text-indent:  -999em;
80
}
81
.icon:before { 
82
  margin-right:   0;
83
  display:    block;
84
  height:     0;
85
  text-indent:  0px;  
86
}
87
 
88
 
89
 
90
/* -------------- colours -------------- */
91
 
92
.button.orange {
93
  color:        hsl(39, 100%, 30%) !important;
94
  background-color:   hsl(39, 100%, 50%);
95
 
96
  -webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
97
              hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
98
              rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
99
  -moz-box-shadow:  inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
100
              hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
101
              rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
102
  box-shadow:     inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
103
              hsl(39, 100%, 40%) 0 .1em 3px, hsl(39, 100%, 30%) 0 .3em 1px, /* color border */
104
              rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
105
}
106
.button.orange:hover {  background-color: hsl(39, 100%, 65%); }
107
 
108
 
109
.button.blue {
110
  color:        hsl(208, 50%, 40%) !important;
111
  background-color:   hsl(208, 100%, 75%);
112
  
113
  -webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
114
              hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
115
              rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
116
  -moz-box-shadow:  inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
117
              hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
118
              rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
119
  box-shadow:     inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
120
              hsl(208, 50%, 55%) 0 .1em 3px, hsl(208, 50%, 40%) 0 .3em 1px, /* color border */
121
              rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
122
}
123
.button.blue:hover {  background-color: hsl(208, 100%, 83%); }
124
 
125
.button.green {
126
  color:        hsl(88, 70%, 30%) !important;
127
  background-color:   hsl(88, 70%, 60%);
128
  -webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
129
              hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */
130
              rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
131
  -moz-box-shadow:  inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
132
              hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */
133
              rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
134
  box-shadow:     inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
135
              hsl(88, 70%, 40%) 0 .1em 3px, hsl(88, 70%, 30%) 0 .3em 1px, /* color border */
136
              rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
137
}
138
.button.green:hover {   background-color: hsl(88, 70%, 75%); }
139
 
140
.button.pink {
141
  color:        hsl(340, 100%, 30%) !important;
142
  background-color:   hsl(340, 100%, 75%);
143
  -webkit-box-shadow: inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
144
              hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */
145
              rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
146
  -moz-box-shadow:  inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
147
              hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */
148
              rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
149
  box-shadow:     inset rgba(255,254,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.15) 0 -0.1em .3em, /* inner shadow */ 
150
              hsl(340, 70%, 50%) 0 .1em 3px, hsl(340, 80%, 40%) 0 .3em 1px, /* color border */
151
              rgba(0,0,0,0.2) 0 .5em 5px; /* drop shadow */
152
}
153
.button.pink:hover {  background-color: hsl(340, 100%, 83%); }
154
 
155
 
156
 
157
.button.transparent {
158
  color:  rgba(0,0,0,0.5) !important;
159
}
160
.button.transparent, .button.transparent:hover, .button.transparent:active {
161
  background-color: transparent;
162
  background-image: none;
163
}
164
.button.transparent:hover {
165
  opacity: .9;
166
}
167
 
168
 
169
 
170
/* -------------- States -------------- */
171
 
172
.button:hover {
173
  background-color:   hsl(0, 0%, 83%);
174
}
175
 
176
 
177
 
178
.button:active {
179
  background-image:   -webkit-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) )), url(http://iwantaneff.in/t/noise.png);
180
  background-image:   -moz-gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) )), url(http://iwantaneff.in/t/noise.png);
181
  background-image:   gradient(radial, 50% 0, 100, 50% 0, 0, from( rgba(255,255,255,0) ), to( rgba(255,255,255,0) )), url(http://iwantaneff.in/t/noise.png);
182
 
183
  -webkit-box-shadow: inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ 
184
              rgba(0,0,0,0.4) 0 .1em 1px, /* border */
185
              rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
186
  -moz-box-shadow:  inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ 
187
              rgba(0,0,0,0.4) 0 .1em 1px, /* border */
188
              rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
189
  box-shadow:     inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em, /* inner shadow */ 
190
              rgba(0,0,0,0.4) 0 .1em 1px, /* border */
191
              rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
192
 
193
  -webkit-transform:  translateY(.2em);
194
  -moz-transform:   translateY(.2em);
195
  transform:      translateY(.2em);
196
}
197
 
198
.button:focus {
199
  outline: none;
200
  color: rgba(254,255,255,0.9) !important;
201
  text-shadow: rgba(0,0,0,0.2) 0 1px 2px;
202
}
203
 
204
.button[disabled], .button[disabled]:hover, .button.disabled, .button.disabled:hover {
205
  opacity:      .5;
206
  cursor:       default;
207
  color:        rgba(0,0,0,0.2) !important;
208
  text-shadow:    none !important;
209
  background-color:   rgba(0,0,0,0.05);
210
  background-image:   none;
211
  border-top:     none;
212
 
213
  -webkit-box-shadow: inset rgba(255,254,255,0.4) 0 0.3em .3em, inset rgba(0,0,0,0.1) 0 -0.1em .3em, /* inner shadow */ 
214
              rgba(0,0,0,0.3) 0 .1em 1px, /* border */
215
              rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
216
  -moz-box-shadow:  inset rgba(255,254,255,0.4) 0 0.3em .3em, inset rgba(0,0,0,0.1) 0 -0.1em .3em, /* inner shadow */ 
217
              rgba(0,0,0,0.3) 0 .1em 1px, /* border */
218
              rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
219
  box-shadow:     inset rgba(255,254,255,0.4) 0 0.3em .3em, inset rgba(0,0,0,0.1) 0 -0.1em .3em, /* inner shadow */ 
220
              rgba(0,0,0,0.3) 0 .1em 1px, /* border */
221
              rgba(0,0,0,0.2) 0 .2em 6px; /* drop shadow */
222
 
223
  -webkit-transform:  translateY(5px);
224
  -moz-transform:   translateY(5px);
225
  transform:      translateY(5px);
226
}
227
 
228
/* -------------- Fonts -------------- */
229
 
230
.serif { 
231
  font-family: 'Lobster', serif;
232
  font-weight:      normal;
233
}
234
 
235
 
236
/* -------------- Sizes -------------- */
237
 
238
.xs { font-size: 16px; }
239
.xl { font-size: 32px; }
240
 
241
 
242
/* -------------- Materials -------------- */
243
 
244
.button.glossy:after, .button.glass:after {
245
  content:  "";
246
  position:   absolute; 
247
    width:    90%;
248
    height:   60%;
249
    top:    0;
250
    left:     5%;    
251
    
252
    -webkit-border-radius:  .5em .5em 1em 1em / .5em .5em 2em 2em;    
253
    -moz-border-radius:   .5em .5em 1em 1em / .5em .5em 2em 2em;
254
    border-radius:      .5em .5em 1em 1em / .5em .5em 2em 2em;
255
    
256
    background-image:     -webkit-gradient(linear, 0% 0, 100% 0, from( rgba(255,255,255,.55) ), to( rgba(255,255,255,.5) ),
257
                  color-stop(.5, rgba(255,255,255,0)), color-stop(.8, rgba(255,255,255,0)) ); 
258
    background-image:     -moz-linear-gradient(left, rgba(255,255,255,.55), rgba(255,255,255,0) 50%, rgba(255,255,255,0) 80%, rgba(255,255,255,.5) ); 
259
    background-image:     gradient(linear, 0% 0, 100% 0, from( rgba(255,255,255,.55) ), to( rgba(255,255,255,.5) ),
260
                  color-stop(.5, rgba(255,255,255,0)), color-stop(.8, rgba(255,255,255,0)) ); 
261
}
262
.button.glossy:active:after,
263
.button.glass:active:after,
264
.button.disabled:after,
265
.button[disabled]:after
266
 { opacity: .6; }
267
 
268
.button.icon.glossy:after,
269
.button.icon.glass:after { height: 75% ; }
270
 
271
/* -------------- Glass + Transparent -------------- */
272
.button.glass {
273
  text-shadow: rgba(255,255,255,.5) 0 -1px 0, rgba(0,0,0,0.18) 0 .18em .15em;
274
}
275
.button.glass:active {
276
  text-shadow: rgba(255,255,255,.3) 0 1px 0, rgba(0,0,0,0.15) 0 .18em .15em;
277
}
278
 
279
 
280
/* -------------- Shapes -------------- */
281
 
282
/* round */
283
.round, .round.glossy:after, .round.glass:after { 
284
  border-top: none; 
285
  -webkit-border-radius:  1em; 
286
  -moz-border-radius:   1em; 
287
  border-radius:      1em; 
288
}
289
 
290
/* oval */
291
.oval {
292
  border-top:       none; 
293
  padding-left:       .8em;
294
  padding-right:      .8em;
295
  -webkit-border-radius:  5em / 2em; 
296
  -moz-border-radius:   5em / 2em; 
297
  border-radius:      5em / 2em; 
298
}
299
.oval.glossy:after, .oval.glass:after {   
300
  top:          5%;
301
  -webkit-border-radius:  5em / 2em 2em 1em 1em; 
302
  -moz-border-radius:   5em / 2em 2em 1em 1em; 
303
  border-radius:      5em / 2em 2em 1em 1em; 
304
}
305
.oval.icon {
306
  padding-left:       .8em;
307
  padding-right:      .8em; 
308
  -webkit-border-radius:  1.5em / 1em; 
309
  -moz-border-radius:   1.5em / 1em; 
310
  border-radius:      1.5em / 1em; 
311
}
312
.oval.icon.glossy:after, .oval.icon.glass:after { 
313
  -webkit-border-radius:  1.5em / 1em; 
314
  -moz-border-radius:   1.5em / 1em; 
315
  border-radius:      1.5em / 1em; 
316
}
317
 
318
/* brackets */
319
.brackets, .brackets.glossy:after, .brackets.glass:after { 
320
  border-top:       none; 
321
  -webkit-border-radius:  .5em / 1em;
322
  -moz-border-radius:   .5em / 1em;
323
  border-radius:      .5em / 1em;
324
}
325
 
326
/* skew */
327
.skew { 
328
  border-top:       none; 
329
  padding-right:      1.2em;
330
  padding-left:       0.8em;  
331
  -webkit-border-radius:  5em 1em / 5em 1em;  
332
  -moz-border-radius:   5em 1em / 5em 1em;  
333
  border-radius:      5em 1em / 5em 1em;  
334
}
335
.skew.glossy:after, .skew.glass:after {   
336
  left: 10%;
337
  -webkit-border-radius:  7em 1em / 5em 1em;
338
  -moz-border-radius:   7em 1em / 5em 1em;
339
  border-radius:      7em 1em / 5em 1em;
340
}
341
.skew.icon {  
342
  padding-right:      .9em;
343
  padding-left:       .8em;
344
}
345
 
346
/* back */
347
.back, .back.glossy:after, .back.glass:after { 
348
  border-top-color:     rgba(255,255,255,0.5);
349
  -webkit-border-radius:  1.6em 1.6em 1em 1em / 4em 4em 1em 1em; 
350
  -moz-border-radius:   1.6em 1.6em 1em 1em / 4em 4em 1em 1em; 
351
  border-radius:      1.6em 1.6em 1em 1em / 4em 4em 1em 1em; 
352
}
353
.back.glossy:after, .back.glass:after { 
354
   left:  6%;
355
   width: 88%;
356
}
357
 
358
/* knife */
359
.knife {            
360
  padding-left: 1.5em;
361
  -webkit-border-radius:  .2em .5em .5em 8em / .2em .5em .5em 5em; 
362
  -moz-border-radius:   .2em .5em .5em 8em / .2em .5em .5em 5em; 
363
  border-radius:      .2em .5em .5em 8em / .2em .5em .5em 5em; 
364
}
365
.knife.glossy:after, .knife.glass:after {
366
  left:           3%;
367
  width:          97%;    
368
  -webkit-border-radius:  .1em .5em .5em 8em / .1em .5em .5em 2em;   
369
  -moz-border-radius:   .1em .5em .5em 8em / .1em .5em .5em 2em;   
370
  border-radius:      .1em .5em .5em 8em / .1em .5em .5em 2em;   
371
}
372
.knife.glossy.icon:after, .knife.glass.icon:after { 
373
  left:           5%; 
374
  width:          95%;
375
  -webkit-border-radius:  .5em .5em 1em 6em / .5em .5em 1em 4em; 
376
  -moz-border-radius:   .5em .5em 1em 6em / .5em .5em 1em 4em; 
377
  border-radius:      .5em .5em 1em 6em / .5em .5em 1em 4em; 
378
}
379
 
380
/* shield */
381
.shield, .shield.glossy:after, .shield.glass:after { 
382
  -webkit-border-radius:  .4em .4em 2em 2em / .4em .4em 3em 3em; 
383
  -moz-border-radius:   .4em .4em 2em 2em / .4em .4em 3em 3em;
384
  border-radius:      .4em .4em 2em 2em / .4em .4em 3em 3em;
385
}
386
.shield {               
387
  padding-left:   .8em;
388
  padding-right:  .8em;
389
}
390
.shield.icon {            
391
  padding-left:   .6em; 
392
  padding-right:  .6em;
393
}
394
 
395
/* drop */
396
.drop {
397
  border-top: none;
398
  -webkit-border-radius:  2em 5em  2em .6em / 2em 4em 2em .6em; 
399
  -moz-border-radius:   2em 5em  2em .6em / 2em 4em 2em .6em; 
400
  border-radius:      2em 5em  2em .6em / 2em 4em 2em .6em; 
401
}
402
.drop.glossy:after, .drop.glass:after { 
403
  left: 4%;
404
  -webkit-border-radius:  2em 6em  2em 1em / 2em 4em 2em 2em; 
405
  -moz-border-radius:   2em 6em  2em 1em / 2em 4em 2em 2em;
406
  border-radius:      2em 6em  2em 1em / 2em 4em 2em 2em;
407
}
408
.drop.icon {  
409
  padding-right: .6em; 
410
}
411
 
412
 
413
/* morph */
414
.morph {
415
  border-top: none;
416
  -webkit-border-radius:  5em / 2em;
417
  -moz-border-radius:   5em / 2em;
418
  border-radius:      5em / 2em;
419
  -webkit-transition:   -webkit-border-radius .3s ease-in-out;
420
  -moz-transition:    -moz-border-radius .3s ease-in-out;
421
  transition:       -moz-border-radius .3s ease-in-out;
422
}
423
.morph:hover { 
424
  -webkit-border-radius:  .4em .4em 2em 2em / .4em .4em 3em 3em;
425
  -moz-border-radius:   .4em .4em 2em 2em / .4em .4em 3em 3em;
426
  border-radius:      .4em .4em 2em 2em / .4em .4em 3em 3em;
427
}
428
.morph:active { 
429
  -webkit-border-radius:  .3em;
430
  -moz-border-radius:   .3em;
431
  border-radius:      .3em;
432
}
433
.morph:after { 
434
  display: none;
435
}
436
 
437
 
438
 
439
 
440
/* Some ugly hacks for FF. 
441
Thanks to David Hund for some help - http://valuedstandards.com/static/test/buttons/ */
442
@-moz-document url-prefix() {
443
  .button { text-align: center; }
444
  .icon { padding: .5em 1em; }
445
  .icon:before { margin-left: -.42em; float: left; }
446
  
447
  .drop.icon { padding-right: 1.1em; }
448
  .shield.icon { padding-left: 1.1em; padding-right: 1.1em; }
449
  .skew.icon { padding-right: 1.4em; padding-left: 1.3em; }
450
  .oval.icon { padding-left: 1.3em; padding-right: 1.3em; }
451
  .knife { padding-left: 2em; }
452
}
453
 
454
 
455
 
456
 
457
/* Damn, this became a fat baby..  */
458
 
459
 
460
 
 

BonBon buttons

CSSDeck G+