Ajax Loader
HTML 
<!-- Retired pure CSS, valid, responsive monkey from our homepage http://vuild.com. Armless, missing some details for now. -->
1
<!-- Retired pure CSS, valid, responsive monkey from our homepage http://vuild.com. Armless, missing some details for now. -->
2
<section id="monkeyarm">
3
<div class="hand">
4
<div class="finger">
5
<div class="nail"></div>
6
</div>
7
<div class="finger">
8
<div class="nail"></div>
9
</div>
10
<div class="finger">
11
<div class="nail"></div>
12
</div>
13
<div class="finger">
14
<div class="nail"></div>
15
</div>
16
<div class="iPhone">
17
<div class="iPhonescreen">
18
<div class="w3logo">W3</div>
19
<div class="htmlfivevalid">HTML5</div>
20
<div class="passed"><a href="http://validator.w3.org/check?uri=http%3A%2F%2Fenrappture.com" target="blank" rel="nofollow" title="Valid HTML5 Experimental.">Passed!</a></div>
21
</div>
22
</div>
23
<div class="thumb">
24
<div class="nail"></div>
25
</div>
26
</div>
27
<div class="upperarm"></div>
28
 
29
<div class="forearm"></div>
30
<div class="shoulder"></div>
31
</section>
32
 
33
<section id="monkeyarmr">
34
<div class="hand">
35
<div class="finger"></div>
36
<div class="finger"></div>
37
<div class="finger"></div>
38
<div class="finger"></div>
39
<div class="thumb"><div class="nail"></div>
40
</div>
41
<div class="iPhone">
42
<div class="iPhonescreen">
43
<div class="palm"></div>
44
<div class="enraptab">Vuild</div>
45
<div class="csstab">We Grow <span>Things</span></div>
46
<div id="mini-tower"></div>
47
<div id="mini-grass"></div>
48
<div class="keyboard">
49
<div class="key">Q</div>
50
<div class="key">W</div>
51
<div class="key">E</div>
52
<div class="key">R</div>
53
<div class="key">T</div>
54
<div class="key">Y</div>
55
 
56
<div class="key">D</div>
57
<div class="key">V</div>
58
<div class="key">O</div>
59
<div class="key">R</div>
60
<div class="key">A</div>
61
<div class="clear"></div>
62
<div class="key">K</div>
63
 
64
<div class="key">R</div>
65
<div class="key">E</div>
66
<div class="key">C</div>
67
<div class="key">U</div>
68
<div class="key">R</div>
69
<div class="key">S</div>
70
<div class="key">I</div>
71
<div class="key">O</div>
72
<div class="key">N</div>
73
<div class="key">S</div>
74
</div>
75
 
76
</div>
77
</div>
78
</div>
79
 
80
 
81
<div class="upperarm"></div>
82
 
83
<div class="forearm"></div>
84
<div class="shoulder"></div>
85
</section>
86
</section>
87
 
88
 
89
<section id="monkeysee">
90
<div id="bg">
91
 
92
<div class="bulbbase">
93
<div class="brainmatter"></div>
94
<div class="brainmatter"></div>
95
<div class="brainmatter"></div>
96
<div class="brainmatter"></div>
97
<div class="brainmatter"></div>
98
<div class="brainmatter"></div>
99
<div class="brainmatter"></div>
100
<div class="brainmatter"></div>
101
<div class="brainmatter"></div>
102
<div class="brainmatter"></div>
103
<div class="brainmatter"></div>
104
<div class="brainmatter"></div>
105
<div class="brainmatter"></div>
106
<div class="brainmatter"></div>
107
<div class="brainmatter"></div>
108
<div class="brainmatter"></div>
109
</div>
110
 
111
<div class="mainglass">
112
 
113
</div>
114
 
115
<div class="mainglasssheen">
116
 
117
</div>
118
 
119
 
120
<div class="iBrain">
121
 
122
<div class="enrap-logo" id="headband">
123
<div class="enrap-one"></div>
124
<div class="enrap-two"></div>
125
<div class="enrap-three"></div>
126
<div class="clear"></div>
127
</div>
128
 
129
 
130
 
131
<div class="annoyinglybrightglowingmacbooklight"></div>
132
</div>
133
 
134
<div class="mainearl"></div>
135
<div class="mainearr"></div>
136
 
137
 
138
<div class="mainhair"></div>
139
 
140
<div class="mainhead">
141
 
142
<div class="lbrow"></div>
143
<div class="rbrow"></div>
144
 
145
 
146
<div class="leye">
147
<div class="liris">
148
<div class="lpupil"></div>
149
</div>
150
</div>
151
 
152
<div class="reye">
153
<div class="riris">
154
<div class="rpupil"></div>
155
</div>
156
</div>
157
 
158
<div class="lnose"></div>
159
<div class="rnose"></div>
160
 
161
</div>
162
 
163
<div class="mainjaw">
164
 
165
<div class="earsin">
166
 
167
</div>
168
 
169
</div>
170
<div class="lowerjaw">
171
 
172
 
173
</div>
174
 
175
<div class="bottomjaw">
176
 
177
<div class="mainmouth"></div>
178
<div class="tongue"></div>
179
<div class="topteeth"></div>
180
<div class="mainmouthcover"></div>
181
<div class="bottomteeth"></div>
182
 
183
</div>
184
 
185
 
186
<div class="mainneck">
187
<div class="neckwhite">
188
<div class="knot"></div>
189
</div>
190
<div class="neckwhite"></div>
191
<div class="neckwhite"></div>
192
</div>
193
 
194
<div id="collar"></div>
195
 
196
<div class="mainshoulders">
197
<div id="lapel-l"></div>
198
<div class="jacketl">
199
<div id="down-arm-l"></div>
200
</div>
201
<div class="tiel"></div>
202
<div class="tier"></div>
203
<div id="tie-bottom"></div>
204
<div id="lapel-r"></div>
205
<div class="jacketr">
206
<div id="down-arm-r"></div>
207
</div>
208
 
209
</div>
210
 
211
<div class="fannypack">Censored
212
</div>
213
<div class="crotch">
214
</div>
215
<div class="boxers"></div>
216
 
217
<div class="belt">
218
<div class="buckle"><a href="http://enrappture.com" title="Careful now.">E</a></div>
219
</div>
220
<div class="legsl">
221
<div class="kneel"></div>
222
</div>
223
 
224
<div class="legsr">
225
<div class="kneer"></div>
226
</div>
227
<div class="pantsjoin"></div>
228
<div class="pantsl"></div>
229
<div class="pantsr"></div>
230
<div class="clear"></div>
231
<div class="shoesl"></div>
232
<div class="shoesr"></div>
233
 
234
 
235
</div>
 
CSS 
x
1553
1
 
2
 
3
/* Monkey */
4
 
5
#monkeysee {
6
width:300px;
7
margin-right:40px;
8
float:right;
9
margin-bottom:30px;
10
}
11
 
12
#bg {
13
position:relative;
14
z-index:999;
15
padding-top:25px;
16
}
17
 
18
.mainglasssheen {
19
width:120px;
20
height:50px;
21
margin:auto;
22
margin-top:-140px;
23
background:red;
24
opacity:.3;
25
border:1px solid #999;
26
-webkit-border-radius:150px;
27
-moz-border-radius:150px;
28
border-radius:150px;
29
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
30
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
31
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
32
}
33
 
34
.mainglass {
35
width:200px;
36
height:150px;
37
margin:auto;
38
background:pink;
39
border:1px solid #999;
40
-moz-border-radius:150px;
41
-webkit-border-radius:150px;
42
border-radius:150px;
43
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
44
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
45
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
46
}
47
 
48
.brainmatter {
49
width:10px;
50
height:20px;
51
float:right;
52
margin-left:1px;
53
background:#ff3019;
54
background:-moz-radial-gradient(center, ellipse cover, #ff3019 0%, #cf0404 100%);
55
background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
56
background:-webkit-radial-gradient(center, ellipse cover, #ff3019 0%,#cf0404 100%);
57
background:-o-radial-gradient(center, ellipse cover, #ff3019 0%,#cf0404 100%);
58
background:-ms-radial-gradient(center, ellipse cover, #ff3019 0%,#cf0404 100%);
59
background:radial-gradient(center, ellipse cover, #ff3019 0%,#cf0404 100%);
60
-moz-border-radius:50px;
61
-webkit-border-radius:50px;
62
border-radius:50px;
63
-moz-transform:rotate(-50deg);
64
-webkit-transform:rotate(-50deg);
65
-o-transform:rotate(-50deg);
66
-ms-transform:rotate(-50deg);
67
transform:rotate(-50deg);
68
}
69
 
70
.bulbbase {
71
width:90px;
72
padding:0;
73
margin:auto;
74
margin-bottom:-20px;
75
position:relative;
76
background:#999;
77
opacity:.3;
78
z-index:9999;
79
-moz-border-radius:150px;
80
-webkit-border-radius:150px;
81
border-radius:150px;
82
}
83
 
84
.iBrain {
85
height:23px;
86
border-top:1px solid #eee;
87
border-bottom:1px solid #888;
88
margin:auto;
89
margin-bottom:18px;
90
margin-right:40px;
91
margin-left:40px;
92
line-height:23px;
93
background:#666;
94
padding-left:90px;
95
color:#333;
96
clear:both;
97
text-shadow:#eee 0 1px 0;
98
position:relative;
99
background:#828c95;
100
background:-moz-linear-gradient(left, #828c95 0%, #b5bdc8 33%, #28343b 100%);
101
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#828c95), color-stop(33%,#b5bdc8), color-stop(100%,#28343b));
102
background:-webkit-linear-gradient(left, #828c95 0%,#b5bdc8 33%,#28343b 100%);
103
background:-o-linear-gradient(left, #828c95 0%,#b5bdc8 33%,#28343b 100%);
104
background:-ms-linear-gradient(left, #828c95 0%,#b5bdc8 33%,#28343b 100%);
105
background:linear-gradient(left, #828c95 0%,#b5bdc8 33%,#28343b 100%);
106
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
107
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
108
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
109
z-index:999999;
110
}
111
 
112
.annoyinglybrightglowingmacbooklight {
113
width:6px;
114
background:#fff;
115
padding:1px;
116
float:right;
117
margin-top:11px;
118
margin-bottom:15px;
119
margin-right:5px;
120
-moz-border-radius:10px;
121
-webkit-border-radius:10px;
122
border-radius:10px;
123
-webkit-box-shadow:0 1px 5px rgba(255, 255, 255, .9);
124
-moz-box-shadow:0 1px 5px rgba(255, 255, 255, .9);
125
box-shadow:0 1px 5px rgba(255, 255, 255, .9);
126
}
127
 
128
.mainhair {
129
width:160px;
130
height:190px;
131
margin:auto;
132
margin-top:-20px;
133
background:#6e562a;
134
position:relative;
135
-moz-border-radius:100px;
136
-webkit-border-radius:100px;
137
border-radius:100px;
138
margin-bottom:100px;
139
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
140
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
141
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
142
}
143
 
144
.mainhead {
145
width:200px;
146
height:90px;
147
margin:auto;
148
margin-top:-300px;
149
position:relative;
150
background:#e3c9a9;
151
background:-moz-linear-gradient(left, #b96322 0%, #f4d989 33%, #db6115 100%);
152
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#b96322), color-stop(33%,#f4d989), color-stop(100%,#b96322));
153
background:-webkit-linear-gradient(left, #f 0%,#f4d989 33%,#b96322 100%);
154
background:-o-linear-gradient(left, #b96322 0%,#f4d989 33%,#db6115 100%);
155
background:-ms-linear-gradient(left, #b96322 0%,#f4d989 33%,#db6115 100%);
156
background:linear-gradient(left, #b96322 0%,#f4d989 33%,#db6115 100%);
157
-moz-border-radius:100px;
158
-webkit-border-radius:100px;
159
border-radius:100px;
160
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
161
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
162
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
163
}
164
 
165
.mainearl {
166
float:left;
167
margin-left:230px;
168
}
169
 
170
.mainearr {
171
float:right;
172
margin-right:230px;
173
}
174
 
175
.mainearl, .mainearr {
176
width:20px;
177
height:50px;
178
visibility:hidden;
179
margin-top:-30px;
180
background:#444;
181
-moz-border-radius:20px;
182
-webkit-border-radius:20px;
183
border-radius:20px;
184
}
185
 
186
.lbrow, .rbrow {
187
width:60px;
188
height:20px;
189
background:#6e562a;
190
margin-top:-65px;
191
-moz-border-radius:20px;
192
-webkit-border-radius:20px;
193
border-radius:20px;
194
-webkit-box-shadow:0 5px 5px rgba(0, 0, 0, .6);
195
-moz-box-shadow:0 5px 5px rgba(0, 0, 0, .6);
196
box-shadow:0 5px 5px rgba(0, 0, 0, .6);
197
}
198
 
199
.lbrow {
200
float:left;
201
margin-left:10px;
202
-moz-transform:rotate(-15deg);
203
-webkit-transform:rotate(-15deg);
204
-o-transform:rotate(-15deg);
205
-ms-transform:rotate(-15deg);
206
transform:rotate(-15deg);
207
}
208
 
209
.rbrow {
210
float:right;
211
margin-right:10px;
212
-moz-transform:rotate(15deg);
213
-webkit-transform:rotate(15deg);
214
-o-transform:rotate(15deg);
215
-ms-transform:rotate(15deg);
216
transform:rotate(15deg);
217
}
218
 
219
.leye {
220
float:left;
221
margin-top:-48px;
222
margin-left:32px;
223
}
224
 
225
.reye {
226
float:right;
227
margin-top:-48px;
228
margin-right:32px;
229
}
230
 
231
.leye, .reye {
232
width:35px;
233
height:33px;
234
background:#fff;
235
padding:10px;
236
border:5px solid #db6115;
237
-moz-border-radius:50px;
238
-webkit-border-radius:50px;
239
border-radius:50px;
240
-webkit-box-shadow:0 27px 50px rgba(255, 255, 255, .9);
241
-moz-box-shadow:0 27px 50px rgba(255, 255, 255, .9);
242
box-shadow:0 12px 5px rgba(0, 0, 0, .2);
243
}
244
 
245
.liris, .riris {
246
width:40px;
247
height:35px;
248
margin-left:-10px;
249
padding-top:5px;
250
background:#222;
251
background:-moz-radial-gradient(center, ellipse cover,  #565656 0%, #000000 100%);
252
background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#565656), color-stop(100%,#000000));
253
background:-webkit-radial-gradient(center, ellipse cover,  #565656 0%,#000000 100%);
254
background:-o-radial-gradient(center, ellipse cover,  #565656 0%,#000000 100%);
255
background:-ms-radial-gradient(center, ellipse cover,  #565656 0%,#000000 100%);
256
background:radial-gradient(center, ellipse cover,  #565656 0%,#000000 100%);
257
-moz-border-radius:20px;
258
-webkit-border-radius:20px;
259
border-radius:20px;
260
}
261
 
262
.lpupil, .rpupil {
263
width:6px;
264
height:6px;
265
margin-top:10px;
266
margin-left:10px;
267
background:#fff;
268
opacity:.8;
269
-moz-border-radius:20px;
270
-webkit-border-radius:20px;
271
border-radius:20px;
272
}
273
 
274
.rnose {
275
width:6px;
276
height:20px;
277
margin-left:3px;
278
margin-right:3px;
279
position:relative;
280
background:#828c95;
281
background:-moz-linear-gradient(left, #828c95 0%, #b5bdc8 33%, #28343b 100%);
282
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#828c95), color-stop(33%,#b5bdc8), color-stop(100%,#28343b));
283
background:-webkit-linear-gradient(left, #828c95 0%,#b5bdc8 33%,#28343b 100%);
284
background:-o-linear-gradient(left, #828c95 0%,#b5bdc8 33%,#28343b 100%);
285
background:-ms-linear-gradient(left, #828c95 0%,#b5bdc8 33%,#28343b 100%);
286
background:linear-gradient(left, #828c95 0%,#b5bdc8 33%,#28343b 100%);
287
-moz-border-radius:20px;
288
-webkit-border-radius:20px;
289
border-radius:20px;
290
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
291
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
292
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
293
}
294
 
295
 
296
.mainmouthcover {
297
width:90px;
298
height:33px;
299
 
300
margin:auto;
301
margin-top:-10px;
302
margin-bottom:-10px;
303
position:relative;
304
z-index:99999;
305
background:#990000;
306
-moz-border-radius:150px;
307
-webkit-border-radius:150px;
308
border-radius:150px;
309
}
310
 
311
.mainmouth {
312
width:90px;
313
height:60px;
314
margin-top:-90px;
315
margin-bottom:12px;
316
margin-left:-2px;
317
position:relative;
318
z-index:99;
319
background:#990000;
320
border:9px solid #660000;
321
-webkit-border-top-left-radius:25px;
322
-webkit-border-top-right-radius:30px;
323
-webkit-border-bottom-left-radius:50px;
324
-webkit-border-bottom-right-radius:60px;
325
-moz-border-radius-topleft:25px;
326
-moz-border-radius-topright:30px;
327
-moz-border-radius-bottomleft:50px;
328
-moz-border-radius-bottomright:60px;
329
border-top-left-radius:25px;
330
border-top-right-radius:30px;
331
border-bottom-left-radius:50px;
332
border-bottom-right-radius:60px;
333
}
334
 
335
.topteeth {
336
width:80px;
337
height:15px;
338
background:#ccc;
339
margin:auto;
340
position:relative;
341
z-index:99;
342
margin-top:-80px;
343
border-top:1px solid #fff;
344
-moz-border-radius:5px;
345
-webkit-border-radius:5px;
346
border-radius:5px;
347
-webkit-box-shadow:0 1px 5px rgba(255, 255, 255, .9);
348
-moz-box-shadow:0 1px 5px rgba(255, 255, 255, .9);
349
box-shadow:0 1px 5px rgba(255, 255, 255, .9);
350
}
351
 
352
.bottomteeth {
353
width:80px;
354
height:15px;
355
margin:auto;
356
position:relative;
357
z-index:99;
358
background:#ccc;
359
border-top:1px solid #fff;
360
background: #fff;
361
-moz-border-radius:5px;
362
-webkit-border-radius:5px;
363
border-radius:5px;
364
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
365
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
366
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
367
}
368
 
369
.mainjaw {
370
width:220px;
371
height:90px;
372
margin:auto;
373
margin-top:-90px;
374
margin-bottom:10px;
375
padding-top:20px;
376
background:#b96322;
377
background:-moz-linear-gradient(left, #b96322 0%, #f4d989 33%, #db6115 100%);
378
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#b96322), color-stop(33%,#f4d989), color-stop(100%,#db6115));
379
background:-webkit-linear-gradient(left, #b96322 0%,#f4d989 33%,#db6115 100%);
380
background:-o-linear-gradient(left, #b96322 0%,#f4d989 33%,#db6115 100%);
381
background:-ms-linear-gradient(left, #b96322 0%,#f4d989 33%,#db6115 100%);
382
background:linear-gradient(left, #b96322 0%,#f4d989 33%,#db6115 100%);
383
-moz-border-radius:120px;
384
-webkit-border-radius:120px;
385
border-radius:120px;
386
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
387
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
388
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
389
}
390
 
391
.earsin {
392
width:210px;
393
height:60px;
394
margin:auto;
395
background:brown;
396
-moz-border-radius:120px;
397
-webkit-border-radius:120px;
398
border-radius:120px;
399
 -webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
400
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
401
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
402
}
403
 
404
.lowerjaw {
405
height:120px;
406
width:166px;
407
margin:auto;
408
position:relative;
409
z-index:99;
410
margin-top:-35px;
411
background:#b96322;
412
background:-moz-linear-gradient(left, #b96322 0%, #f4d989 33%, #db6115 100%);
413
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#b96322), color-stop(33%,#f4d989), color-stop(100%,#db6115));
414
background:-webkit-linear-gradient(left, #b96322 0%,#f4d989 33%,#b96322 100%);
415
background:-o-linear-gradient(left, #b96322 0%,#f4d989 33%,#db6115 100%);
416
background:-ms-linear-gradient(left, #b96322 0%,#f4d989 33%,#db6115 100%);
417
background:linear-gradient(left, #b96322 0%,#f4d989 33%,#db6115 100%);
418
-webkit-border-radius:98px 98px 98px 98px/
419
112px 112px  168px 168px ;
420
/* fails in Safari, but overwrites in Chrome */
421
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
422
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
423
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
424
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
425
}
426
 
427
.bottomjaw {
428
width:100px;
429
height:65px;
430
margin:auto;
431
margin-bottom:12px;
432
position:relative;
433
background:#b96322;
434
background:-moz-linear-gradient(left, #b96322 0%, #f4d989 33%, #db6115 100%);
435
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#b96322), color-stop(33%,#f4d989), color-stop(100%,#db6115));
436
background:-webkit-linear-gradient(left, #fff 0%,#f4d989 33%,#db6115 100%);
437
background:-o-linear-gradient(left, #b96322 0%,#f4d989 33%,#db6115 100%);
438
background:-ms-linear-gradient(left, #b96322 0%,#f4d989 33%,#db6115 100%);
439
background:linear-gradient(left, #b96322 0%,#f4d989 33%,#db6115 100%);
440
-moz-border-radius:150px;
441
-webkit-border-radius:150px;
442
border-radius:150px;
443
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
444
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
445
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
446
}
447
 
448
.mainneck {
449
width:80px;
450
height:70px;
451
margin:auto;
452
margin-top:-50px;
453
padding-top:30px;
454
position:relative;
455
background:#b96322;
456
background:-moz-linear-gradient(left, #b96322 0%, #f4d989 33%, #db6115 100%);
457
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#b96322), color-stop(33%,#f4d989), color-stop(100%,#db6115));
458
background:-webkit-linear-gradient(left, #b96322 0%,#f4d989 33%,#db6115 100%);
459
background:-o-linear-gradient(left, #b96322 0%,#f4d989 33%,#db6115 100%);
460
background:-ms-linear-gradient(left, #b96322 0%,#f4d989 33%,#db6115 100%);
461
background:linear-gradient(left, #b96322 0%,#f4d989 33%,#db6115 100%);
462
-moz-border-radius:35px;
463
-webkit-border-radius:35px;
464
border-radius:35px;
465
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
466
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
467
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
468
}
469
 
470
#collar {
471
width:140px;
472
height:30px;
473
margin:auto;
474
margin-top:-30px;
475
padding-top:30px;
476
background:#111;
477
-moz-border-radius:35px;
478
-webkit-border-radius:35px;
479
border-radius:35px;
480
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
481
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
482
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
483
}
484
 
485
.mainshoulders {
486
width:260px;
487
height:250px;
488
margin:auto;
489
border-bottom:24px solid #333;
490
background: #000;
491
background: -moz-linear-gradient(top, #4c4c4c 0%, #131313 100%);
492
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(100%,#131313));
493
background: -webkit-linear-gradient(top, #4c4c4c 0%,#131313 100%);
494
background: -o-linear-gradient(top, #4c4c4c 0%,#131313 100%);
495
background: -ms-linear-gradient(top, #4c4c4c 0%,#131313 100%);
496
background: linear-gradient(top, #4c4c4c 0%,#131313 100%);
497
margin-top:10px;
498
margin-bottom:-65px;
499
position:relative;
500
z-index:999999;
501
-webkit-border-top-left-radius:70px;
502
-webkit-border-top-right-radius:70px;
503
-webkit-border-bottom-left-radius:30px;
504
-webkit-border-bottom-right-radius:30px;
505
-moz-border-radius-topleft:70px;
506
-moz-border-radius-topright:70px;
507
-moz-border-radius-bottomleft:30px;
508
-moz-border-radius-bottomright:30px;
509
border-top-left-radius:70px;
510
border-top-right-radius:70px;
511
border-bottom-left-radius:30px;
512
border-bottom-right-radius:30px;
513
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
514
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
515
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
516
}
517
 
518
.shoulder {
519
width:100px;
520
height:110px;
521
margin:auto;
522
margin-top:-90px;
523
margin-bottom:-40px;
524
margin-left:160px;
525
position:relative;
526
z-index:9999999;
527
background:#111;
528
background: -moz-linear-gradient(left, #4c4c4c 0%, #131313 100%);
529
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4c4c4c), color-stop(100%,#131313));
530
background: -webkit-linear-gradient(left, #4c4c4c 0%,#131313 100%);
531
background: -o-linear-gradient(left, #4c4c4c 0%,#131313 100%);
532
background: -ms-linear-gradient(left, #4c4c4c 0%,#131313 100%);
533
background: linear-gradient(left, #4c4c4c 0%,#131313 100%);
534
-moz-border-radius:75px;
535
-webkit-border-radius:75px;
536
border-radius:75px;
537
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
538
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
539
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
540
}
541
 
542
.jacketl {
543
width:80px;
544
height:235px;
545
margin:auto;
546
margin-top:-40px;
547
padding:20px;
548
background-color:#f5f5f5;
549
background-image:-moz-linear-gradient(top, #fff, #e6e6e6);
550
background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);
551
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
552
background-image:-webkit-linear-gradient(top, #fff, #e6e6e6);
553
background-image:-o-linear-gradient(top, #fff, #e6e6e6);
554
background-image:linear-gradient(top, #fff, #e6e6e6);
555
background-repeat:repeat-x;
556
border-color:#e6e6e6 #e6e6e6 #bfbfbf;
557
border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
558
border-bottom-color:#bbb;
559
-moz-border-radius:3px;
560
-webkit-border-radius:3px;
561
border-radius:3px;
562
-moz-box-shadow:0 1px 1px #bababa;
563
-webkit-box-shadow:0 1px 1px #bababa;
564
box-shadow:0 1px 1px #bababa;
565
}
566
 
567
#lapel-r {
568
width:20px;
569
height:0;
570
margin-top:-183px;
571
margin-left:162px;
572
position:absolute;
573
z-index:999999;
574
border-bottom:279px solid #000;
575
border-left:20px solid transparent;
576
-moz-transform:rotate(2deg);
577
-webkit-transform:rotate(2deg);
578
-o-transform:rotate(2deg);
579
-ms-transform:rotate(2deg);
580
transform:rotate(2deg);
581
-webkit-border-top-left-radius:70px;
582
-webkit-border-top-right-radius:70px;
583
-moz-border-radius-topleft:70px;
584
-moz-border-radius-topright:70px;
585
border-top-left-radius:70px;
586
border-top-right-radius:70px;
587
}
588
 
589
 
590
#lapel-l {
591
width:20px;
592
height:0;
593
margin-left:60px;
594
margin-top:-3px;
595
position:absolute;
596
z-index:999999;
597
border-bottom:278px solid #000;
598
border-right:20px solid transparent;
599
-moz-transform:rotate(-2deg);
600
-webkit-transform:rotate(-2deg);
601
-o-transform:rotate(-2deg);
602
-ms-transform:rotate(-2deg);
603
transform:rotate(-2deg);
604
-webkit-border-top-left-radius:70px;
605
-webkit-border-top-right-radius:70px;
606
-moz-border-radius-topleft:70px;
607
-moz-border-radius-topright:70px;
608
border-top-left-radius:70px;
609
border-top-right-radius:70px;
610
}
611
 
612
.neckwhite {
613
width:88px;
614
height:20px;
615
margin:auto;
616
margin-top:48px;
617
margin-bottom:-20px;
618
margin-left:-5px;
619
border-top:1px solid #999;
620
border-bottom:1px solid #999;
621
position:relative;
622
background:#eeeeee;
623
background:-moz-linear-gradient(left, #eeeeee 0%, #ffffff 30%, #eeeeee 100%);
624
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#eeeeee), color-stop(30%,#ffffff), color-stop(100%,#eeeeee));
625
background:-webkit-linear-gradient(left, #eeeeee 0%,#ffffff 30%,#eeeeee 100%);
626
background:-o-linear-gradient(left, #eeeeee 0%,#ffffff 30%,#eeeeee 100%);
627
background:-ms-linear-gradient(left, #eeeeee 0%,#ffffff 30%,#eeeeee 100%);
628
background:linear-gradient(left, #eeeeee 0%,#ffffff 30%,#eeeeee 100%);
629
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
630
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
631
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
632
}
633
 
634
.knot {
635
width:30px;
636
height:30px;
637
margin:auto;
638
margin-top:-5px;
639
margin-bottom:-20px;
640
margin-left:30px;
641
border-top:1px solid #660000;
642
border-bottom:1px solid #660000;
643
position:relative;
644
z-index:99999999;
645
background:#f85032;
646
background:-moz-linear-gradient(45deg, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
647
background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827));
648
background:-webkit-linear-gradient(45deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
649
background:-o-linear-gradient(45deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
650
background:-ms-linear-gradient(45deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
651
background:linear-gradient(45deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
652
-moz-border-radius:5px;
653
-webkit-border-radius:5px;
654
border-radius:5px;
655
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
656
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
657
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
658
}
659
 
660
.tiel {
661
width:20px;
662
height:170px;
663
margin:auto;
664
margin-top:-290px;
665
margin-left:114px;
666
margin-right:10px;
667
position:relative;
668
z-index:9999;
669
background:#f85032;
670
background:-moz-linear-gradient(45deg, #f85032 0%, #f16f5c 36%, #f6290c 63%, #f02f17 71%, #e73827 100%);
671
background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,#f85032), color-stop(36%,#f16f5c), color-stop(63%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827));
672
background:-webkit-linear-gradient(45deg, #f85032 0%,#f16f5c 36%,#f6290c 63%,#f02f17 71%,#e73827 100%);
673
background:-o-linear-gradient(45deg, #f85032 0%,#f16f5c 36%,#f6290c 63%,#f02f17 71%,#e73827 100%);
674
background:-ms-linear-gradient(45deg, #f85032 0%,#f16f5c 36%,#f6290c 63%,#f02f17 71%,#e73827 100%);
675
background:linear-gradient(45deg, #f85032 0%,#f16f5c 36%,#f6290c 63%,#f02f17 71%,#e73827 100%);
676
-moz-transform:rotate(2deg);
677
-webkit-transform:rotate(2deg);
678
-o-transform:rotate(2deg);
679
-ms-transform:rotate(2deg);
680
transform:rotate(2deg);
681
}
682
 
683
.tier {
684
width:20px;
685
height:170px;
686
margin:auto;
687
margin-top:-170px;
688
margin-left:128px;
689
margin-right:10px;
690
position:relative;
691
z-index:999;
692
background:#f85032;
693
background:-moz-linear-gradient(45deg, #f85032 0%, #f16f5c 36%, #f6290c 63%, #f02f17 71%, #e73827 100%);
694
background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,#f85032), color-stop(36%,#f16f5c), color-stop(63%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827));
695
background:-webkit-linear-gradient(45deg, #f85032 0%,#f16f5c 36%,#f6290c 63%,#f02f17 71%,#e73827 100%);
696
background:-o-linear-gradient(45deg, #f85032 0%,#f16f5c 36%,#f6290c 63%,#f02f17 71%,#e73827 100%);
697
background:-ms-linear-gradient(45deg, #f85032 0%,#f16f5c 36%,#f6290c 63%,#f02f17 71%,#e73827 100%);
698
background:linear-gradient(45deg, #f85032 0%,#f16f5c 36%,#f6290c 63%,#f02f17 71%,#e73827 100%);
699
-moz-transform:rotate(-2deg);
700
-webkit-transform:rotate(-2deg);
701
-o-transform:rotate(-2deg);
702
-ms-transform:rotate(-2deg);
703
transform:rotate(-2deg);
704
}
705
 
706
#tie-bottom {
707
width:0;
708
height:0;
709
margin-top:-1px;
710
margin-left:111px;
711
border-top: 25px solid #f85032;
712
border-left: 19px solid transparent;
713
border-right: 19px solid transparent;
714
position:relative;
715
}
716
 
717
.upperarm {
718
width:74px;
719
height:200px;
720
margin:auto;
721
margin-bottom:-70px;
722
margin-left:20px;
723
border-top:40px solid #fff;
724
background:#111;
725
background: -moz-linear-gradient(left, #4c4c4c 0%, #131313 100%);
726
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4c4c4c), color-stop(100%,#131313));
727
background: -webkit-linear-gradient(left, #4c4c4c 0%,#131313 100%);
728
background: -o-linear-gradient(left, #4c4c4c 0%,#131313 100%);
729
background: -ms-linear-gradient(left, #4c4c4c 0%,#131313 100%);
730
background: linear-gradient(left, #4c4c4c 0%,#131313 100%);
731
-webkit-border-radius:98px 98px 98px 98px/
732
112px 112px  168px 168px ;
733
border-radius:50% 50% 50% 50%/0% 0% 60% 60%;
734
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
735
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
736
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
737
}
738
 
739
#monkeyarmr .upperarm {
740
position:relative;
741
z-index:999999900000;
742
}
743
 
744
#bg .fannypack a {
745
color:#fff;
746
}
747
 
748
.fannypack {
749
width:180px;
750
height:40px;
751
margin:auto;
752
margin-top:80px;
753
margin-bottom:-135px;
754
line-height:2em;
755
text-transform:uppercase;
756
font-weight:bold;
757
color:#fff;
758
text-align:center;
759
padding-top:10px;
760
background:red;
761
position:relative;
762
z-index:99999999;
763
-webkit-box-shadow:0 5px 15px rgba(0, 0, 0, .5);
764
-moz-box-shadow:0 5px 15px rgba(0, 0, 0, .5);
765
box-shadow:0 5px 15px rgba(0, 0, 0, .5);
766
-moz-transform:rotate(-30deg);
767
-webkit-transform:rotate(-30deg);
768
-o-transform:rotate(-30deg);
769
-ms-transform:rotate(-30deg);
770
transform:rotate(-30deg);
771
-webkit-filter: blur(2px);
772
/*
773
-moz-filter: blur(2px);
774
-o-filter: blur(2px);
775
-ms-filter: blur(2px);
776
filter: blur(2px); */
777
}
778
 
779
.forearm {
780
width:180px;
781
height:74px;
782
margin:auto;
783
margin-left:30px;
784
position:relative;
785
z-index:999999;
786
background:#111;
787
background: -moz-linear-gradient(left, #4c4c4c 0%, #131313 100%);
788
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4c4c4c), color-stop(100%,#131313));
789
background: -webkit-linear-gradient(left, #4c4c4c 0%,#131313 100%);
790
background: -o-linear-gradient(left, #4c4c4c 0%,#131313 100%);
791
background: -ms-linear-gradient(left, #4c4c4c 0%,#131313 100%);
792
background: linear-gradient(left, #4c4c4c 0%,#131313 100%);
793
-webkit-border-radius:98px 98px 98px 98px/
794
112px 112px  168px 168px ;
795
border-radius:50% 50% 50% 50%/40% 40% 60% 60%;
796
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
797
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
798
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
799
}
800
 
801
.hand {
802
width:80px;
803
height:100px;
804
margin:auto;
805
margin-top:-10px;
806
margin-bottom:-20px;
807
margin-left:22px;
808
position:relative;
809
background:#f7d5bb;
810
background:-moz-linear-gradient(left, #f7d5bb 0%, #fcfff4 56%, #ffe2e2 100%);
811
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#f7d5bb), color-stop(56%,#fcfff4), color-stop(100%,#ffe2e2));
812
background:-webkit-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
813
background:-o-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
814
background:-ms-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
815
background:linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
816
-moz-border-radius:75px;
817
-webkit-border-radius:75px;
818
border-radius:75px;
819
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .9);
820
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .9);
821
box-shadow: 0 1px 5px rgba(0, 0, 0, .9);
822
}
823
 
824
.finger {
825
width:8px;
826
margin:auto;
827
padding-top:30px;
828
margin-top:-10px;
829
margin-left:6px;
830
position:relative;
831
z-index:9999999;
832
border-right:4px solid pink;
833
border-left:2px solid #fff;
834
background:#f7d5bb;
835
background:-moz-linear-gradient(left, #f7d5bb 0%, #fcfff4 56%, #ffe2e2 100%);
836
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#f7d5bb), color-stop(56%,#fcfff4), color-stop(100%,#ffe2e2));
837
background:-webkit-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
838
background:-o-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
839
background:-ms-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
840
background:linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
841
float:left;
842
-moz-border-radius:75px;
843
-webkit-border-radius:75px;
844
border-radius:75px;
845
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
846
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
847
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
848
}
849
 
850
#monkeyarmr .finger, #monkeyarmr .thumb {
851
padding-top:50px;
852
margin-top:-15px;
853
margin-left:4px;
854
float:left;
855
background:#f7d5bb;
856
background:-moz-linear-gradient(left, #f7d5bb 0%, #fcfff4 56%, #ffe2e2 100%);
857
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#f7d5bb), color-stop(56%,#fcfff4), color-stop(100%,#ffe2e2));
858
background:-webkit-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
859
background:-o-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
860
background:-ms-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
861
background:linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
862
-webkit-box-shadow:0 -1px 5px rgba(0, 0, 0, .9);
863
-moz-box-shadow:0 -1px 5px rgba(0, 0, 0, .9);
864
box-shadow:0 -1px 5px rgba(0, 0, 0, .9);
865
}
866
 
867
#monkeyarmr .thumb {
868
padding-top:15px;
869
margin-left:78px;
870
margin-bottom:-50px;
871
background:#f7d5bb;
872
background:-moz-linear-gradient(left, #f7d5bb 0%, #fcfff4 56%, #ffe2e2 100%);
873
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#f7d5bb), color-stop(56%,#fcfff4), color-stop(100%,#ffe2e2));
874
background:-webkit-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
875
background:-o-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
876
background:-ms-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
877
background:linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
878
-moz-transform:rotate(40deg);
879
-webkit-transform:rotate(40deg);
880
-o-transform:rotate(40deg);
881
-ms-transform:rotate(40deg);
882
transform:rotate(40deg);
883
}
884
 
885
.nail {
886
width:6px;
887
height:12px;
888
margin:auto;
889
background:yellow;
890
float:left;
891
position:relative;
892
z-index:9999999;
893
border-right:4px solid orange;
894
border-left:2px solid #fff;
895
margin-top:-10px;
896
-moz-border-radius:75px;
897
-webkit-border-radius:75px;
898
border-radius:75px;
899
}
900
 
901
.thumb {
902
width:15px;
903
height:35px;
904
margin:auto;
905
margin-top:-40px;
906
padding-top:10px;
907
float:right;
908
position:relative;
909
z-index:9999998;
910
background:#f7d5bb;
911
background:-moz-linear-gradient(left, #f7d5bb 0%, #fcfff4 56%, #ffe2e2 100%);
912
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#f7d5bb), color-stop(56%,#fcfff4), color-stop(100%,#ffe2e2));
913
background:-webkit-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
914
background:-o-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
915
background:-ms-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
916
background:linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
917
-moz-border-radius:75px;
918
-webkit-border-radius:75px;
919
border-radius:75px;
920
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
921
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
922
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
923
-moz-transform:rotate(-40deg);
924
-webkit-transform:rotate(-40deg);
925
-o-transform:rotate(-40deg);
926
-ms-transform:rotate(-40deg);
927
transform:rotate(-40deg);
928
}
929
 
930
.palm {
931
height:60px;
932
width:30px;
933
padding:20px;
934
margin-top:-10px;
935
margin-bottom:-102px;
936
margin-left:87px;
937
position:relative;
938
background:#f7d5bb;
939
background:-moz-linear-gradient(left, #f7d5bb 0%, #fcfff4 56%, #ffe2e2 100%);
940
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#f7d5bb), color-stop(56%,#fcfff4), color-stop(100%,#ffe2e2));
941
background:-webkit-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
942
background:-o-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
943
background:-ms-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
944
background:linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
945
-moz-border-radius:35px;
946
-webkit-border-radius:35px;
947
border-radius:35px;
948
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
949
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
950
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
951
-moz-transform:rotate(10deg);
952
-webkit-transform:rotate(10deg);
953
-o-transform:rotate(10deg);
954
-ms-transform:rotate(10deg);
955
transform:rotate(10deg);
956
}
957
 
958
#monkeyarm {
959
width:300px;
960
clear:both;
961
margin-right:-220px;
962
margin-top:-730px;
963
float:right;
964
position:relative;
965
z-index:9999999999;
966
-moz-transform:rotate(-40deg);
967
-webkit-transform:rotate(-40deg);
968
-o-transform:rotate(-40deg);
969
-ms-transform:rotate(-40deg);
970
transform:rotate(-40deg);
971
}
972
 
973
#monkeyarmr {
974
width:300px;
975
clear:both;
976
margin-top:-650px;
977
margin-right:-380px;
978
float:right;
979
position:relative;
980
z-index:9999999999;
981
-moz-transform:rotate(-70deg);
982
-webkit-transform:rotate(-70deg);
983
-o-transform:rotate(-70deg);
984
-ms-transform:rotate(-70deg);
985
transform:rotate(-70deg);
986
}
987
 
988
.crotch {
989
height:120px;
990
width:236px;
991
margin:auto;
992
margin-bottom:-70px;
993
border-left:2px solid #fff;
994
border-right:10px solid pink;
995
position:relative;
996
background:#f7d5bb;
997
background:-moz-linear-gradient(left, #f7d5bb 0%, #fcfff4 56%, #ffe2e2 100%);
998
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#f7d5bb), color-stop(56%,#fcfff4), color-stop(100%,#ffe2e2));
999
background:-webkit-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
1000
background:-o-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
1001
background:-ms-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
1002
background:linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
1003
-moz-border-radius:215px;
1004
-webkit-border-radius:215px;
1005
border-radius:215px;
1006
 
1007
}
1008
 
1009
.legsl {
1010
width:60px;
1011
height:190px;
1012
float:left;
1013
margin-top:10px;
1014
margin-bottom:-20px;
1015
margin-left:70px;
1016
border-left:5px solid #fff;
1017
border-right:10px solid pink;
1018
background:#f7d5bb;
1019
background:-moz-linear-gradient(left, #f7d5bb 0%, #fcfff4 56%, #ffe2e2 100%);
1020
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#f7d5bb), color-stop(56%,#fcfff4), color-stop(100%,#ffe2e2));
1021
background:-webkit-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
1022
background:-o-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
1023
background:-ms-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
1024
background:linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
1025
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1026
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1027
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1028
}
1029
 
1030
.legsr {
1031
width:60px;
1032
height:190px;
1033
margin:auto;
1034
margin-top:10px;
1035
margin-bottom:-20px;
1036
margin-right:70px;
1037
border-left:5px solid #fff;
1038
border-right:10px solid pink;
1039
float:right;
1040
background:#f7d5bb;
1041
background:-moz-linear-gradient(left, #f7d5bb 0%, #fcfff4 56%, #ffe2e2 100%);
1042
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#f7d5bb), color-stop(56%,#fcfff4), color-stop(100%,#ffe2e2));
1043
background:-webkit-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
1044
background:-o-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
1045
background:-ms-linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
1046
background:linear-gradient(left, #f7d5bb 0%,#fcfff4 56%,#ffe2e2 100%);
1047
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1048
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1049
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1050
}
1051
 
1052
.kneel {
1053
width:20px;
1054
height:30px;
1055
margin:auto;
1056
margin-top:70px;
1057
margin-bottom:-20px;
1058
margin-left:20px;
1059
border-left:5px solid #fff;
1060
border-right:10px solid pink;
1061
float:left;
1062
background:#fff9f9;
1063
background:-moz-radial-gradient(center, ellipse cover, #fff9f9 25%, #ffe2e2 100%);
1064
background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(25%,#fff9f9), color-stop(100%,#ffe2e2));
1065
background:-webkit-radial-gradient(center, ellipse cover, #fff9f9 25%,#ffe2e2 100%);
1066
background:-o-radial-gradient(center, ellipse cover, #fff9f9 25%,#ffe2e2 100%);
1067
background:-ms-radial-gradient(center, ellipse cover, #fff9f9 25%,#ffe2e2 100%);
1068
background:radial-gradient(center, ellipse cover, #fff9f9 25%,#ffe2e2 100%);
1069
-webkit-border-top-left-radius:75px;
1070
-webkit-border-top-right-radius:75px;
1071
-webkit-border-bottom-left-radius:30px;
1072
-webkit-border-bottom-right-radius:30px;
1073
-moz-border-radius-topleft:75px;
1074
-moz-border-radius-topright:75px;
1075
-moz-border-radius-bottomleft:30px;
1076
-moz-border-radius-bottomright:30px;
1077
border-top-left-radius:75px;
1078
border-top-right-radius:75px;
1079
border-bottom-left-radius:30px;
1080
border-bottom-right-radius:30px;
1081
-webkit-box-shadow:0 1px 15px rgba(0, 0, 0, .4);
1082
-moz-box-shadow:0 1px 15px rgba(0, 0, 0, .4);
1083
box-shadow:0 1px 15px rgba(0, 0, 0, .4);
1084
}
1085
 
1086
.kneer {
1087
width:20px;
1088
height:30px;
1089
margin:auto;
1090
margin-top:65px;
1091
margin-bottom:-20px;
1092
margin-left:15px;
1093
border-left:5px solid #fff;
1094
border-right:10px solid pink;
1095
float:left;
1096
background:#fff9f9;
1097
background:-moz-radial-gradient(center, ellipse cover, #fff9f9 25%, #ffe2e2 100%);
1098
background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(25%,#fff9f9), color-stop(100%,#ffe2e2));
1099
background:-webkit-radial-gradient(center, ellipse cover, #fff9f9 25%,#ffe2e2 100%);
1100
background:-o-radial-gradient(center, ellipse cover, #fff9f9 25%,#ffe2e2 100%);
1101
background:-ms-radial-gradient(center, ellipse cover, #fff9f9 25%,#ffe2e2 100%);
1102
background:radial-gradient(center, ellipse cover, #fff9f9 25%,#ffe2e2 100%);
1103
-webkit-border-top-left-radius:75px;
1104
-webkit-border-top-right-radius:75px;
1105
-webkit-border-bottom-left-radius:30px;
1106
-webkit-border-bottom-right-radius:30px;
1107
-moz-border-radius-topleft:75px;
1108
-moz-border-radius-topright:75px;
1109
-moz-border-radius-bottomleft:30px;
1110
-moz-border-radius-bottomright:30px;
1111
border-top-left-radius:75px;
1112
border-top-right-radius:75px;
1113
border-bottom-left-radius:30px;
1114
border-bottom-right-radius:30px;
1115
-webkit-box-shadow:0 1px 15px rgba(0, 0, 0, .4);
1116
-moz-box-shadow:0 1px 15px rgba(0, 0, 0, .4);
1117
box-shadow:0 1px 15px rgba(0, 0, 0, .4);
1118
}
1119
 
1120
.pantsjoin {
1121
width:280px;
1122
height:100px;
1123
margin:auto;
1124
margin-bottom:-40px;
1125
position:relative;
1126
clear:both;
1127
background:#222;
1128
background:-moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
1129
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e));
1130
background:-webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
1131
background:-o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
1132
background:-ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
1133
background:linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
1134
-webkit-border-top-left-radius:65px;
1135
-webkit-border-top-right-radius:65px;
1136
-webkit-border-bottom-left-radius:30px;
1137
-webkit-border-bottom-right-radius:30px;
1138
-moz-border-radius-topleft:65px;
1139
-moz-border-radius-topright:65px;
1140
-moz-border-radius-bottomleft:30px;
1141
-moz-border-radius-bottomright:30px;
1142
border-top-left-radius:65px;
1143
border-top-right-radius:65px;
1144
border-bottom-left-radius:30px;
1145
border-bottom-right-radius:30px;
1146
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1147
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1148
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1149
}
1150
 
1151
.pantsl {
1152
width:130px;
1153
height:90px;
1154
margin:auto;
1155
margin-top:10px;
1156
margin-bottom:-20px;
1157
margin-left:17px;
1158
border-bottom:solid #999 10px;
1159
float:left;
1160
position:relative;
1161
background:#111;
1162
background:-moz-radial-gradient(center, ellipse cover, #636363 0%, #0e0e0e 100%);
1163
background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#636363), color-stop(100%,#0e0e0e));
1164
background:-webkit-radial-gradient(center, ellipse cover, #636363 0%,#0e0e0e 100%);
1165
background:-o-radial-gradient(center, ellipse cover, #636363 0%,#0e0e0e 100%);
1166
background:-ms-radial-gradient(center, ellipse cover, #636363 0%,#0e0e0e 100%);
1167
background:radial-gradient(center, ellipse cover, #636363 0%,#0e0e0e 100%);
1168
-webkit-border-top-left-radius:75px;
1169
-webkit-border-top-right-radius:75px;
1170
-webkit-border-bottom-left-radius:30px;
1171
-webkit-border-bottom-right-radius:30px;
1172
-moz-border-radius-topleft:75px;
1173
-moz-border-radius-topright:75px;
1174
-moz-border-radius-bottomleft:30px;
1175
-moz-border-radius-bottomright:30px;
1176
border-top-left-radius:75px;
1177
border-top-right-radius:75px;
1178
border-bottom-left-radius:30px;
1179
border-bottom-right-radius:30px;
1180
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1181
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1182
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1183
}
1184
 
1185
.pantsr {
1186
width:130px;
1187
height:90px;
1188
margin-top:10px;
1189
margin-right:17px;
1190
margin-bottom:-20px;
1191
border-bottom:solid #999 10px;
1192
float:right;
1193
position:relative;
1194
background:#111;
1195
background:-moz-radial-gradient(center, ellipse cover, #636363 0%, #0e0e0e 100%);
1196
background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#636363), color-stop(100%,#0e0e0e));
1197
background:-webkit-radial-gradient(center, ellipse cover, #636363 0%,#0e0e0e 100%);
1198
background:-o-radial-gradient(center, ellipse cover, #636363 0%,#0e0e0e 100%);
1199
background:-ms-radial-gradient(center, ellipse cover, #636363 0%,#0e0e0e 100%);
1200
background:radial-gradient(center, ellipse cover, #636363 0%,#0e0e0e 100%);
1201
-webkit-border-top-left-radius:75px;
1202
-webkit-border-top-right-radius:75px;
1203
-webkit-border-bottom-left-radius:30px;
1204
-webkit-border-bottom-right-radius:30px;
1205
-moz-border-radius-topleft:75px;
1206
-moz-border-radius-topright:75px;
1207
-moz-border-radius-bottomleft:30px;
1208
-moz-border-radius-bottomright:30px;
1209
border-top-left-radius:75px;
1210
border-top-right-radius:75px;
1211
border-bottom-left-radius:30px;
1212
border-bottom-right-radius:30px;
1213
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1214
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1215
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1216
}
1217
 
1218
.belt {
1219
width:270px;
1220
height:40px;
1221
margin:auto;
1222
margin-top:210px;
1223
margin-bottom:-220px;
1224
border-top:1px solid orange;
1225
position:relative;
1226
z-index:999999;
1227
background:#f0b7a1;
1228
background:-moz-linear-gradient(left, #f0b7a1 0%, #752201 48%, #bf6e4e 100%);
1229
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#f0b7a1), color-stop(48%,#752201), color-stop(100%,#bf6e4e));
1230
background:-webkit-linear-gradient(left, #f0b7a1 0%,#752201 48%,#bf6e4e 100%);
1231
background:-o-linear-gradient(left, #f0b7a1 0%,#752201 48%,#bf6e4e 100%);
1232
background:-ms-linear-gradient(left, #f0b7a1 0%,#752201 48%,#bf6e4e 100%);
1233
background:linear-gradient(left, #f0b7a1 0%,#752201 48%,#bf6e4e 100%);
1234
-webkit-box-shadow:0 5px 15px rgba(0, 0, 0, .9);
1235
-moz-box-shadow:0 5px 15px rgba(0, 0, 0, .9);
1236
box-shadow:0 5px 15px rgba(0, 0, 0, .9);
1237
}
1238
 
1239
.boxers {
1240
width:230px;
1241
height:40px;
1242
margin:auto;
1243
margin-top:180px;
1244
margin-bottom:-220px;
1245
border-top:1px solid violet;
1246
background: purple;
1247
position:relative;
1248
-webkit-box-shadow:0 -1px 15px rgba(0, 0, 0, .9);
1249
-moz-box-shadow:0 -1px 15px rgba(0, 0, 0, .9);
1250
box-shadow:0 5px 15px rgba(0, 0, 0, .9);
1251
}
1252
 
1253
.buckle {
1254
width:50px;
1255
height:32px;
1256
margin:auto;
1257
margin-top:-3px;
1258
border-top:1px solid yellow;
1259
border-bottom:10px solid orange;
1260
font-family:georgia, serif;
1261
font-style:italic;
1262
text-align:center;
1263
line-height:40px;
1264
position:relative;
1265
background:#ffb76b;
1266
background:-moz-linear-gradient(45deg, #ffb76b 0%, #ffa73d 23%, #ffd800 54%, #ff7f04 100%);
1267
background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,#ffb76b), color-stop(23%,#ffa73d), color-stop(54%,#ffd800), color-stop(100%,#ff7f04));
1268
background:-webkit-linear-gradient(45deg, #ffb76b 0%,#ffa73d 23%,#ffd800 54%,#ff7f04 100%);
1269
background:-o-linear-gradient(45deg, #ffb76b 0%,#ffa73d 23%,#ffd800 54%,#ff7f04 100%);
1270
background:-ms-linear-gradient(45deg, #ffb76b 0%,#ffa73d 23%,#ffd800 54%,#ff7f04 100%);
1271
background:linear-gradient(45deg, #ffb76b 0%,#ffa73d 23%,#ffd800 54%,#ff7f04 100%);
1272
-moz-border-radius:5px;
1273
-webkit-border-radius:5px;
1274
border-radius: 5px;
1275
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1276
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1277
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1278
}
1279
 
1280
.buckle a {
1281
border:1px solid orange;
1282
padding:4px;
1283
font-size:.8em;
1284
text-decoration:none;
1285
color:red;
1286
-moz-border-radius:50px;
1287
-webkit-border-radius:50px;
1288
border-radius:50px;
1289
-webkit-box-shadow:0 1px 5px rgba(255, 255, 255, .9);
1290
-moz-box-shadow:0 1px 5px rgba(255, 255, 255, .9);
1291
box-shadow:0 1px 5px rgba(255, 255, 255, .9);
1292
}
1293
 
1294
.buckle a:hover {
1295
border:1px solid orange;
1296
background:orange;
1297
color:yellow;
1298
}
1299
 
1300
 
1301
 
1302
 
1303
 
1304
 
1305
 
1306
 
1307
/* Monkey Gadgets */
1308
 
1309
 
1310
.keyboard {
1311
height:50px;
1312
clear:both;
1313
background:#ccc;
1314
padding-top:10px;
1315
margin-top:-10px;
1316
}
1317
 
1318
#mini-tower{
1319
width:8px;
1320
height:35px;
1321
background:#666;
1322
border-right:2px solid #333;
1323
margin-top:20px;
1324
margin-right:10px;
1325
float:right;
1326
}
1327
 
1328
#mini-grass{
1329
height:20px;
1330
clear:both;
1331
background:lightgreen;
1332
}
1333
 
1334
.key {
1335
width:11px;
1336
height:10px;
1337
border:1px solid #999;
1338
margin:3px;
1339
font-size:9px;
1340
float:left;
1341
line-height:10px;
1342
-moz-border-radius:2px;
1343
-webkit-border-radius:2px;
1344
border-radius:2px;
1345
-webkit-box-shadow:0 1px 1px rgba(255, 255, 255, .9);
1346
-moz-box-shadow:0 1px 1px rgba(255, 255, 255, .9);
1347
box-shadow:0 1px 1px rgba(255, 255, 255, .9);
1348
}
1349
 
1350
.iPhonescreen {
1351
width:58px;
1352
height:105px;
1353
margin:auto;
1354
border-bottom: 2px solid #555;
1355
background: #eee;
1356
position:relative;
1357
z-index:999999;
1358
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1359
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1360
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1361
}
1362
 
1363
.passed a {
1364
color:#fff;
1365
font-weight:bold;}
1366
 
1367
.iPhone {
1368
width:70px;
1369
height:110px;
1370
margin:auto;
1371
line-height:1.6em;
1372
font-size:.6em;
1373
padding-top:8px;
1374
padding-bottom:8px;
1375
border-bottom:4px solid #555;
1376
margin-top:10px;
1377
margin-bottom:-40px;
1378
position:relative;
1379
z-index:999999;
1380
background:#111;
1381
background: -moz-linear-gradient(left, #4c4c4c 0%, #131313 100%);
1382
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4c4c4c), color-stop(100%,#131313));
1383
background: -webkit-linear-gradient(left, #4c4c4c 0%,#131313 100%);
1384
background: -o-linear-gradient(left, #4c4c4c 0%,#131313 100%);
1385
background: -ms-linear-gradient(left, #4c4c4c 0%,#131313 100%);
1386
background: linear-gradient(left, #4c4c4c 0%,#131313 100%);
1387
-moz-border-radius:15px;
1388
-webkit-border-radius:15px;
1389
border-radius:15px;
1390
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1391
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1392
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1393
-moz-transform:rotate(-10deg);
1394
-webkit-transform:rotate(-10deg);
1395
-o-transform:rotate(-10deg);
1396
-ms-transform:rotate(-10deg);
1397
transform:rotate(-10deg);
1398
}
1399
 
1400
#monkeyarmr .iPhone {
1401
width:230px;
1402
height:150px;
1403
line-height:1.6em;
1404
font-size:.6em;
1405
padding-top:8px;
1406
border-bottom: 4px solid #555;
1407
margin-top:10px;
1408
margin-bottom:-40px;
1409
margin-left:-90px;
1410
position:relative;
1411
background:#111;
1412
background: -moz-linear-gradient(left, #4c4c4c 0%, #131313 100%);
1413
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4c4c4c), color-stop(100%,#131313));
1414
background: -webkit-linear-gradient(left, #4c4c4c 0%,#131313 100%);
1415
background: -o-linear-gradient(left, #4c4c4c 0%,#131313 100%);
1416
background: -ms-linear-gradient(left, #4c4c4c 0%,#131313 100%);
1417
background: linear-gradient(left, #4c4c4c 0%,#131313 100%);
1418
-moz-border-radius:15px;
1419
-webkit-border-radius:15px;
1420
border-radius:15px;
1421
-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1422
-moz-box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1423
box-shadow:0 1px 5px rgba(0, 0, 0, .9);
1424
-moz-transform:rotate(-10deg);
1425
-webkit-transform:rotate(-10deg);
1426
-o-transform:rotate(-10deg);
1427
-ms-transform:rotate(-10deg);
1428
transform:rotate(-10deg);
1429
}
1430
 
1431
#monkeyarmr .iPhonescreen {
1432
width:210px;
1433
background: lightskyblue;
1434
margin-top:10px;
1435
position:relative;
1436
}
1437
 
1438
.passed {
1439
background:green;
1440
font-size:.8em;
1441
}
1442
 
1443
.welcometab {
1444
width:80px;
1445
background:#fff;
1446
font-size:.8em;
1447
color:#000;
1448
margin-left:10px;
1449
}
1450
 
1451
.csstab {
1452
width:107px;
1453
font-family: Arial Black, sans-serif;
1454
background:#fff;
1455
padding:6px;
1456
float:left;
1457
margin-left:10px;
1458
text-transform:uppercase;
1459
font-size:1em;
1460
line-height:1.3em;
1461
text-align:left;
1462
color:#000;
1463
-moz-border-radius:5px;
1464
-webkit-border-radius:5px;
1465
border-radius:5px;
1466
}
1467
 
1468
 
1469
 
1470
 
1471
@media only screen and (min-width: 480px) and (max-width: 767px) {
1472
 
1473
 
1474
.enrap-logo {
1475
margin-top:11px;
1476
}
1477
 
1478
#monkeysee {
1479
clear:both;
1480
float:none;
1481
margin:auto;
1482
}
1483
 
1484
.liris, .riris {
1485
margin-top:-10px;
1486
margin-left:-8px;
1487
}
1488
 
1489
#monkeyarm, #monkeyarmr {
1490
display:none;
1491
}
1492
 
1493
.boxers {
1494
visibility:hidden;
1495
}
1496
 
1497
}
1498
 
1499
 
1500
 
1501
 
1502
 
1503
 
1504
 
1505
 
1506
 
1507
@media only screen and (max-width: 479px) {
1508
 
1509
#monkeysee {
1510
margin-top:0;
1511
margin-right:0;
1512
}
1513
 
1514
.liris, .riris {
1515
margin-top:-10px;
1516
margin-left:-2px;
1517
}
1518
 
1519
#monkeyarm, #monkeyarmr {
1520
display:none;
1521
}
1522
 
1523
.boxers {
1524
visibility:hidden;
1525
}
1526
 
1527
.pantsl {
1528
margin-left:20px;
1529
}
1530
 
1531
.pantsr {
1532
margin-right:20px;
1533
}
1534
 
1535
.fannypack {
1536
visibility:hidden;
1537
}
1538
 
1539
.legsl, .legsr {
1540
height:10px;
1541
}
1542
 
1543
.belt {
1544
margin:auto;
1545
height:40px;
1546
margin-top:20px;
1547
margin-bottom:-40px;
1548
}
1549
 
1550
 
1551
}
1552
 
1553
 
 
JavaScript 
document
1
document
2
  .querySelectorAll('body')[0]
3
  .style
4
  .backgroundColor = 'lightskyblue';
 

Pure CSS3 Responsive Retired Robot Monkey

CSSDeck G+