tumblargh 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. data/.gitignore +2 -0
  2. data/.rspec +1 -0
  3. data/Gemfile +15 -0
  4. data/Gemfile.lock +52 -0
  5. data/LICENSE +20 -0
  6. data/README.md +84 -0
  7. data/Rakefile +43 -0
  8. data/VERSION +1 -0
  9. data/examples/confg.ru +18 -0
  10. data/examples/middleman_config.rb +7 -0
  11. data/lib/middleman/features/tumblargh.rb +41 -0
  12. data/lib/rack/tumblargh.rb +51 -0
  13. data/lib/tumblargh.rb +60 -0
  14. data/lib/tumblargh/api.rb +60 -0
  15. data/lib/tumblargh/grammar.rb +560 -0
  16. data/lib/tumblargh/grammar.treetop +42 -0
  17. data/lib/tumblargh/node.rb +14 -0
  18. data/lib/tumblargh/node/base.rb +21 -0
  19. data/lib/tumblargh/node/block.rb +31 -0
  20. data/lib/tumblargh/node/block_end.rb +9 -0
  21. data/lib/tumblargh/node/block_start.rb +22 -0
  22. data/lib/tumblargh/node/literal.rb +9 -0
  23. data/lib/tumblargh/node/root.rb +17 -0
  24. data/lib/tumblargh/node/tag.rb +33 -0
  25. data/lib/tumblargh/parser.rb +96 -0
  26. data/lib/tumblargh/renderer.rb +316 -0
  27. data/lib/tumblargh/renderer/base.rb +64 -0
  28. data/lib/tumblargh/renderer/blocks/answer.rb +22 -0
  29. data/lib/tumblargh/renderer/blocks/audio.rb +70 -0
  30. data/lib/tumblargh/renderer/blocks/base.rb +35 -0
  31. data/lib/tumblargh/renderer/blocks/dates.rb +62 -0
  32. data/lib/tumblargh/renderer/blocks/navigation.rb +65 -0
  33. data/lib/tumblargh/renderer/blocks/notes.rb +68 -0
  34. data/lib/tumblargh/renderer/blocks/posts.rb +50 -0
  35. data/lib/tumblargh/renderer/blocks/reblogs.rb +50 -0
  36. data/lib/tumblargh/renderer/blocks/tags.rb +37 -0
  37. data/lib/tumblargh/renderer/document.rb +70 -0
  38. data/lib/tumblargh/renderer/literal.rb +9 -0
  39. data/lib/tumblargh/renderer/tag.rb +37 -0
  40. data/lib/tumblargh/resource.rb +12 -0
  41. data/lib/tumblargh/resource/base.rb +39 -0
  42. data/lib/tumblargh/resource/blog.rb +49 -0
  43. data/lib/tumblargh/resource/note.rb +8 -0
  44. data/lib/tumblargh/resource/post.rb +63 -0
  45. data/lib/tumblargh/resource/tag.rb +8 -0
  46. data/lib/tumblargh/resource/user.rb +8 -0
  47. data/spec/api_spec.rb +1 -0
  48. data/spec/fixtures/data/staff.tumblr.com-2012-05-06/posts.json +1203 -0
  49. data/spec/fixtures/themes/fluid.html +1138 -0
  50. data/spec/fixtures/themes/solstice.html +392 -0
  51. data/spec/parser_spec.rb +159 -0
  52. data/spec/renderer/blocks/posts_spec.rb +17 -0
  53. data/spec/renderer/document_spec.rb +57 -0
  54. data/spec/resource/post_spec.rb +38 -0
  55. data/spec/resource_spec.rb +23 -0
  56. data/spec/spec_helper.rb +24 -0
  57. data/spec/tumblargh_spec.rb +50 -0
  58. data/tumblargh.gemspec +120 -0
  59. metadata +237 -0
@@ -0,0 +1,1138 @@
1
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
2
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3
+ <!-- Fluid Theme v1.0, June 22nd 2009, Metalab Design, http://www.metalabdesign.com -->
4
+ <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
5
+ <head>
6
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
7
+ <meta name="viewport" content="width=905, user-scalable=yes" />
8
+ <meta name="Description" content="{MetaDescription}" />
9
+ <title>{block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{Title}</title>
10
+ <link rel="shortcut icon" href="{Favicon}" />
11
+ <link rel="alternate" type="application/rss+xml" href="{RSS}" />
12
+
13
+ <meta name="image:Background" content="">
14
+ <meta name="text:Disqus Shortname" content="" />
15
+ <meta name="if:Enable endless scrolling" content="1">
16
+
17
+ <style type="text/css" media="screen">
18
+ /* Fluid Theme v1.0, June 22nd 2009, Metalab Design http://www.metalabdesign.com */
19
+
20
+ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}
21
+
22
+ * {
23
+ outline: none;
24
+ -moz-outline: none;
25
+ }
26
+
27
+ .clear{
28
+ clear:both;
29
+ height:1px;
30
+ margin-bottom:-1px;
31
+ }
32
+
33
+ body{
34
+ {block:IfNotBackgroundImage}
35
+ background: #000 url(http://static.tumblr.com/xsp9wak/wYkkloi0j/background-body-repeat.png) repeat-y top center;
36
+ {/block:IfNotBackgroundImage}
37
+
38
+
39
+ {block:IfBackgroundImage}
40
+ background: #000 url('{image:Background}') top left fixed;
41
+ {/block:IfBackgroundImage}
42
+
43
+ color:#fff;
44
+ font-size:11px;
45
+ font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Geneva, Verdana, sans-serif ;
46
+ text-shadow: #000 0px 1px 0px;
47
+ }
48
+
49
+ #wrap{
50
+ width: 905px;
51
+ padding-left:28px;
52
+ padding-right:28px;
53
+ margin:0 auto;
54
+ position:relative;
55
+ overflow:hidden;
56
+ {block:IfNotBackgroundImage}
57
+ background: url(http://static.tumblr.com/xsp9wak/xAOkloi15/background-top.jpg) no-repeat top center;
58
+ {/block:IfNotBackgroundImage}
59
+ }
60
+
61
+
62
+ #title{
63
+ height: 109px;
64
+ background: url(http://static.tumblr.com/xsp9wak/Shikloi1h/background-title.png) repeat-x center top;
65
+ float:left;
66
+ position:relative;
67
+ margin-left:68px;
68
+ margin-top:40px;
69
+ text-shadow: #000 0px 2px 0px;
70
+
71
+ }
72
+
73
+ #title h1{
74
+ font-size:42px;
75
+ font-weight:bold;
76
+ text-shadow: #fff 0px 1px 0px;
77
+ margin-top:15px;
78
+ padding-left:5px;
79
+ padding-right:5px;
80
+
81
+ }
82
+
83
+ #title a{
84
+ text-decoration:none;
85
+ color:#fff;
86
+ font-weight:bold;
87
+ text-shadow: #fff 0px 1px 0px;
88
+ padding:0;
89
+ display:block;
90
+ }
91
+
92
+ #title b{
93
+ height:93px;
94
+ width:36px;
95
+ position: absolute;
96
+ top:0px;
97
+ }
98
+
99
+ #title b.left{
100
+ background: url(http://static.tumblr.com/xsp9wak/Shikloi1h/background-title.png) top left;
101
+ left:-36px;
102
+ }
103
+
104
+ #title b.right{
105
+ background: url(http://static.tumblr.com/xsp9wak/Shikloi1h/background-title.png) top right;
106
+ right:-36px;
107
+ }
108
+
109
+
110
+ #container-top{
111
+ width:873px;
112
+ height:92px;
113
+ background: url(http://static.tumblr.com/l3dtuf9/BTRl7q13c/background-main-top-bottom.png) top left;
114
+ float:right;
115
+ margin-top:-25px;
116
+ }
117
+
118
+ #container-bottom{
119
+ width:873px;
120
+ height:78px;
121
+ background: url(http://static.tumblr.com/l3dtuf9/BTRl7q13c/background-main-top-bottom.png) no-repeat bottom left;
122
+ display:block;
123
+ float:right;
124
+ margin-bottom:30px;
125
+ position:relative;
126
+ }
127
+
128
+ #container-bottom a#pixelunion-link{
129
+ position:absolute;
130
+ top:5px;
131
+ right:30px;
132
+ width:230px;
133
+ height:40px;
134
+ text-indent:-9999em
135
+ }
136
+
137
+ #container-bottom #hidden_navinfo{display:none;}
138
+
139
+ #container-bottom #classic-pagination a{
140
+ display:block;
141
+ text-indent:-99999em;
142
+ position:absolute;
143
+ }
144
+
145
+ #container-bottom #classic-pagination #next-page{
146
+ background: url(http://static.tumblr.com/xsp9wak/0Hoklonlk/button-next.png) no-repeat top left;
147
+ width:99px;
148
+ height:50px;
149
+ top:1px;
150
+ left:460px;
151
+ }
152
+
153
+ #container-bottom #classic-pagination #prev-page{
154
+ background: url(http://static.tumblr.com/xsp9wak/t0dklonr9/button-prev.png) no-repeat top left;
155
+ width:98px;
156
+ height:50px;
157
+ top:1px;
158
+ left:18px;
159
+ }
160
+
161
+ #container-bottom #load-more-posts{
162
+ position:absolute;
163
+ width:230px;
164
+ height:50px;
165
+ display:block;
166
+ background: url(http://static.tumblr.com/xsp9wak/LoBkloiw9/background-load-more-posts.png) no-repeat bottom left;
167
+ top:1px;
168
+ left:17px;
169
+ font-weight:bold;
170
+ font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
171
+ font-size:16px;
172
+ color:#fff;
173
+ text-decoration:none;
174
+ cursor:pointer;
175
+ display:none;
176
+ }
177
+
178
+ #container-bottom #load-more-posts .spinner{
179
+ width:32px;
180
+ height:32px;
181
+ background:url(http://static.tumblr.com/xsp9wak/8aUkloi38/new-spinner.gif) no-repeat top left;
182
+ display:block;
183
+ margin-left:20px;
184
+ margin-top:9px;
185
+ float:left;
186
+ }
187
+
188
+
189
+ #container-bottom #load-more-posts p{
190
+ margin-top:15px;
191
+ float:right;
192
+ padding-right:15px;
193
+ }
194
+
195
+ #container{
196
+ width:873px;
197
+ background: url(http://static.tumblr.com/xsp9wak/kdbkloi3k/background-main-repeat.png) repeat-y top left;
198
+ float:right;
199
+ }
200
+
201
+ #content{
202
+ margin-top:-50px;
203
+ margin-left:30px;
204
+ }
205
+
206
+ #posts{
207
+ float:left;
208
+ width:525px;
209
+ }
210
+
211
+ #sidebar{
212
+ float:right;
213
+ margin-right:33px;
214
+ margin-top:5px;
215
+ width:268px;
216
+ margin-bottom:40px;
217
+ }
218
+
219
+ #sidebar h2{
220
+ font-size:18px;
221
+ font-weight:bold;
222
+ font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
223
+ width:268px;
224
+ width:260px;
225
+ height:33px;
226
+ padding-left:8px;
227
+ background: url(http://static.tumblr.com/xsp9wak/iPdkloi3z/background-sidebar-heading.png) no-repeat top left;
228
+ line-height:34px;
229
+ }
230
+
231
+ #sidebar #user-portrait{
232
+ width:64px;
233
+ height:64px;
234
+ padding:4px;
235
+ padding-top:3px;
236
+ padding-bottom:9px;
237
+ background: url(http://static.tumblr.com/xsp9wak/zUwkloi5v/background-user-portrait.png) no-repeat top left;
238
+ margin-top:11px;
239
+ margin-right:9px;
240
+ float:left;
241
+ }
242
+
243
+ #sidebar #about-text{
244
+ margin-top:11px;
245
+ line-height:18px;
246
+ font-size:11px;
247
+ display:block
248
+ }
249
+
250
+ #sidebar #about-text a{
251
+ color:#fff;
252
+ }
253
+
254
+ #sidebar ul.links{
255
+ margin-bottom:2px;
256
+ }
257
+
258
+ #sidebar ul.links li{
259
+ background: url(http://static.tumblr.com/xsp9wak/XE1kloi66/icon-link-star.png) no-repeat center left;
260
+ }
261
+
262
+ #sidebar ul.links li span{
263
+ background: url(http://static.tumblr.com/xsp9wak/1dikloi6g/hr.png) no-repeat bottom left;
264
+ display:block;
265
+ }
266
+
267
+ #sidebar ul.links li.last span, #sidebar ul.links li:last-child span{
268
+ background:none;
269
+ }
270
+
271
+ #sidebar ul.links li a{
272
+ font-size:13px;
273
+ font-weight:bold;
274
+ color:#fff;
275
+ width:240px;
276
+ padding-left:26px;
277
+ height:37px;
278
+ line-height:35px;
279
+ display:block;
280
+ text-decoration:none;
281
+ margin-left:1px;
282
+ }
283
+
284
+ #sidebar ul.links li a:hover{
285
+ background: rgba(255,255,255,.05) url(http://static.tumblr.com/xsp9wak/fo1kloi6x/icon-link-arrow.png) no-repeat center right;
286
+ }
287
+
288
+ #sidebar ul#following{
289
+ margin-left:5px;
290
+ }
291
+
292
+ #sidebar ul#following li {
293
+ float:left;
294
+ padding-top:12px;
295
+ padding-left:6px;
296
+ padding-right:6px;
297
+
298
+ }
299
+ #sidebar ul#following img{
300
+ padding:4px;
301
+ background: url(http://static.tumblr.com/xsp9wak/X10kloi7i/background-following-portrait.png) no-repeat center right;
302
+ }
303
+
304
+
305
+ /*GENERAL POST STYLES*/
306
+
307
+ .post.text .type{ background-position: 0 0; }
308
+ .post.photo .type{ background-position: 0 -39px; }
309
+ .post.quote .type{ background-position: 0 -78px; }
310
+ .post.link .type{ background-position: 0 -117px;}
311
+ .post.chat .type{ background-position: 0 -156px; }
312
+ .post.audio .type{ background-position: 0 -195px; }
313
+ .post.video .type{ background-position: 0 -234px; }
314
+
315
+ .post .posttitle{
316
+ background: url(http://static.tumblr.com/xsp9wak/1dikloi6g/hr.png) no-repeat left top;
317
+ display:block;
318
+ margin-bottom:10px;
319
+ }
320
+
321
+ .post .posttitle a:hover{
322
+ text-decoration:none !important;
323
+ }
324
+
325
+ .post .postcontainer{
326
+ background: url(http://static.tumblr.com/xsp9wak/Mwekloi8s/background-container.png) no-repeat top left;
327
+ width:509px;
328
+ padding-left:20px;
329
+ padding-right:20px;
330
+ padding-top:14px;
331
+ padding-bottom:14px;
332
+ border:1px solid #000;
333
+ margin-left:3px;
334
+ position:relative;
335
+ box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
336
+ -webkit-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
337
+ -moz-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
338
+ }
339
+
340
+ .post .postcontainer-bottom {
341
+ width:509px;
342
+ height:1px;
343
+ background: url(http://static.tumblr.com/xsp9wak/Mwekloi8s/background-container.png) no-repeat bottom left;
344
+ position:absolute;
345
+ bottom:0px;
346
+ left:0px;
347
+ }
348
+
349
+
350
+ .post .posttitle h3{
351
+ background: url(http://static.tumblr.com/xsp9wak/1dikloi6g/hr.png) no-repeat left bottom;
352
+ padding-top:9px;
353
+ padding-bottom:6px;
354
+ padding-left:4px;
355
+ }
356
+
357
+
358
+ .description blockquote, .post.text blockquote{
359
+ padding-left:1em;
360
+ border-left:7px solid #414141;
361
+ margin-top:.5em;
362
+ margin-bottom:.5em;
363
+ font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
364
+ font-style:italic;
365
+ font-size:13px;
366
+ margin-left:0px;
367
+ padding-top:.25em;
368
+ }
369
+
370
+
371
+ .description blockquote blockquote, .post.text blockquote blockquote{
372
+ border-left:6px solid #414141;
373
+ }
374
+
375
+ .description ul, .description ol, .post.text ul, .post.text ol{
376
+ padding-left:2em;
377
+ padding-top:.5em;
378
+ padding-bottom:.5em;
379
+ }
380
+ .description ol, .post.text ol{
381
+ list-style-type: decimal
382
+ }
383
+
384
+ .description ul, .post.text ul{
385
+ list-style-type: disc;
386
+ }
387
+
388
+ .post {
389
+ position:relative;
390
+ margin-bottom:15px;
391
+ min-height:80px;
392
+ }
393
+
394
+ .post .posttitle h3{
395
+ font-family:"Helvetica Neue", helvetica, Arial, sans-serif;
396
+ font-size:18px;
397
+ font-weight:bold;
398
+ }
399
+
400
+ .description h1, .description h2, .description h3, .description h4, .description h5,
401
+ .description h1 a, .description h2 a , .description h3 a, .description h4 a, .description h5 a{
402
+ font-family:"Helvetica Neue", helvetica, Arial, sans-serif;
403
+ font-size:14px;
404
+ font-weight:bold;
405
+ color:#fff;
406
+ font-style:normal
407
+ }
408
+
409
+ .description h1 a, .description h2 a , .description h3 a, .description h4 a, .description h5 a{
410
+ text-decoration:underline;
411
+ }
412
+
413
+ .post .posttitle h3 a{
414
+ font-family:"Helvetica Neue", helvetica, Arial, sans-serif;
415
+ font-size:18px;
416
+ font-weight:bold;
417
+ color:#fff;
418
+ text-decoration:none;
419
+
420
+ }
421
+
422
+ .post.text a, .post .description a{
423
+ color:#08abe1;
424
+ text-decoration:none;
425
+ }
426
+
427
+ .post.text a:hover, .post .description a:hover{
428
+ text-decoration:underline;
429
+ }
430
+
431
+ .postinfo{
432
+ position:absolute;
433
+ display:block;
434
+ top:0px;
435
+ left:-63px;
436
+ width:44px;
437
+ }
438
+
439
+ .notecount{
440
+ display:block;
441
+ width:41px;
442
+ height:34px;
443
+ padding-top:5px;
444
+ background: url(http://static.tumblr.com/xsp9wak/mJ7kloias/post-icons.png) no-repeat bottom left;
445
+ font-family:"Helvetica Neue", helvetica, Arial, sans-serif;
446
+ text-shadow: #058cba 0px 1px 0px;
447
+ text-align:center;
448
+ color:#07294a !important;
449
+ font-size:15px;
450
+ font-weight:bold;
451
+ text-decoration:none;
452
+ margin-right:1px;
453
+ margin-top:2px;
454
+ }
455
+
456
+ .notecount b{
457
+ color:#07294a !important;
458
+ font-size:15px;
459
+ font-weight:bold;
460
+ text-decoration:none;
461
+ text-align:center;
462
+ }
463
+
464
+ .notecount span{
465
+ font-size:9px;
466
+ display:block;
467
+ margin: 0 auto;
468
+ font-weight:normal;
469
+ text-align:center;
470
+ line-height:9px;
471
+ }
472
+
473
+ .type{
474
+ display:block;
475
+ width:44px;
476
+ height:39px;
477
+ text-indent:-99999px;
478
+ margin-bottom:4px;
479
+ background: url(http://static.tumblr.com/xsp9wak/mJ7kloias/post-icons.png) no-repeat top left;
480
+ }
481
+
482
+ .vialink {
483
+ font-size:12px;
484
+ font-weight:bold;
485
+ color:#fff !important;
486
+ border:1px solid #11191a;
487
+ background: url(http://static.tumblr.com/xsp9wak/6aTkloibc/background-reblog-attribution.png);
488
+ padding:5px;
489
+ margin:5px 2px;
490
+ margin-left:0;
491
+ display:block;
492
+ float:left;
493
+ font-family:"Helvetica Neue", helvetica, Arial, sans-serif;
494
+ box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
495
+ -webkit-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
496
+ -moz-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
497
+ text-decoration:none;
498
+ }
499
+
500
+ .vialink:hover{
501
+ text-decoration:none;
502
+ }
503
+
504
+ .vialink span{
505
+ background: url(http://static.tumblr.com/xsp9wak/IXOkloibo/icon-reblogged.png) no-repeat scroll 5px 6px;
506
+ padding:5px 5px 5px 20px;
507
+ font-weight:bold;
508
+ color: #fff;
509
+ }
510
+
511
+ .post.video .description, .post.photo .description{
512
+ margin-left:5px;
513
+ background: url(http://static.tumblr.com/xsp9wak/Mwekloi8s/background-container.png) no-repeat top left;
514
+ width:479px;
515
+ padding: 5px 15px;
516
+ position:relative;
517
+ overflow:hidden;
518
+ box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
519
+ -webkit-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
520
+ -moz-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
521
+ }
522
+
523
+ .post.video .description-bottom, .post.photo .description-bottom{
524
+ background: url(http://static.tumblr.com/xsp9wak/Mwekloi8s/background-container.png) no-repeat left bottom;
525
+ bottom:0;
526
+ height:1px;
527
+ left:0;
528
+ position:absolute;
529
+ width:509px;
530
+ }
531
+
532
+ /* POST: TEXT */
533
+
534
+ .post.text{
535
+ padding-left:10px;
536
+ width:500px;
537
+ }
538
+
539
+ .post.text p{
540
+ margin-bottom: .5em;
541
+ }
542
+
543
+ /* POST: AUDIO */
544
+
545
+ .post.audio h3{
546
+ font-family:"Helvetica Neue", helvetica, Arial, sans-serif;
547
+ font-size:14px;
548
+ font-weight:bold;
549
+ margin-top:3px;
550
+ margin-bottom:3px;
551
+ }
552
+
553
+ .post.audio .postcontainer{
554
+ width:469px;
555
+ overflow:hidden
556
+ }
557
+
558
+ .post.text p, .post .description{
559
+ line-height:18px;
560
+ }
561
+
562
+ /* POST: PHOTO */
563
+
564
+ .post.photo .img-wrap{
565
+ float:left;
566
+ margin-bottom:9px;
567
+ margin-left:4px;
568
+ position:relative;
569
+ box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
570
+ -webkit-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
571
+ -moz-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
572
+ }
573
+
574
+ .post.photo .img-wrap .vialink{
575
+ background:#000000 url(http://static.tumblr.com/xsp9wak/IXOkloibo/icon-reblogged.png) no-repeat scroll 5px 6px;
576
+ bottom:6px;
577
+ color:#FFFFFF;
578
+ font-size:11px;
579
+ padding:5px 5px 5px 20px;
580
+ position:absolute;
581
+ right:10px;
582
+ text-shadow:0 1px 1px #000000;
583
+ opacity:.8;
584
+ z-index:30;
585
+ display:none;
586
+ }
587
+
588
+ .post.photo .img-wrap:hover .vialink{
589
+ display:block;
590
+ }
591
+
592
+ .post.photo .img-wrap .vialink:hover{
593
+ text-decoration:underline;
594
+ }
595
+
596
+ .post.photo .img-wrap .zoomlink{
597
+ background: url(http://static.tumblr.com/xsp9wak/ANGkloic5/icon-zoom.png) no-repeat top left;
598
+ text-indent:-99999em;
599
+ display:none;
600
+ font-size:11px;
601
+ position:absolute;
602
+ top:15px;
603
+ right:15px;
604
+ width:63px;
605
+ height:25px;
606
+ z-index:20;
607
+ }
608
+
609
+ .post.photo .img-wrap:hover .zoomlink{
610
+ display:block
611
+ }
612
+
613
+ .post.photo img{
614
+ padding:5px;
615
+ float:left;
616
+ display:block;
617
+ background: #fff;
618
+ }
619
+
620
+ .post.photo img{
621
+ display:block;
622
+ }
623
+
624
+ /* POST: VIDEO */
625
+
626
+ .post.video .vid-wrap{
627
+ float:left;
628
+ margin-bottom:9px;
629
+ margin-left:4px;
630
+ position:relative;
631
+ box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
632
+ -webkit-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
633
+ -moz-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
634
+ background: #fff;
635
+ padding:5px;
636
+ float:left;
637
+ display:block;
638
+ }
639
+
640
+ /* POST: CHAT */
641
+ .post.chat .posttitle h3{
642
+ background:none;
643
+ padding-top:5px;
644
+ padding-left:8px;
645
+ }
646
+
647
+ .post.chat .posttitle {
648
+ background:none;
649
+ margin-bottom:0;
650
+ }
651
+
652
+ ul.chat{
653
+ border:1px solid #000;
654
+ border-bottom:0;
655
+ float:left;
656
+ box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
657
+ -webkit-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
658
+ -moz-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
659
+ margin-left:3px;
660
+ }
661
+
662
+ ul.chat li{
663
+ width:485px;
664
+ padding:12px;
665
+ background: url(http://static.tumblr.com/xsp9wak/Mwekloi8s/background-container.png) no-repeat top left;
666
+ border-bottom:1px solid #192526;
667
+ }
668
+
669
+ ul.chat span.name{
670
+ font-family:"Helvetica Neue", helvetica, Arial, sans-serif;
671
+ font-size:14px;
672
+ width:80px;
673
+ float:left;
674
+ text-align:right;
675
+ font-weight:bold;
676
+ padding-right:10px;
677
+ }
678
+
679
+ ul.chat span.message{
680
+ line-height:14px;
681
+ }
682
+
683
+ .post.chat .vialink{
684
+ margin-left:4px;
685
+ }
686
+ /* POST : LINK */
687
+
688
+ .post.link .postcontainer{
689
+ padding:0;
690
+ overflow:hidden;
691
+ padding-bottom:5px;
692
+ }
693
+
694
+ .post.link .description{
695
+ padding-left:20px;
696
+ padding-right:60px;
697
+ padding-bottom:10px;
698
+ }
699
+
700
+
701
+ .post.link a.postlink{
702
+ font-family:"Helvetica Neue", helvetica, Arial, sans-serif;
703
+ font-size:22px;
704
+ color:#fff;
705
+ font-weight:bold;
706
+ width:428px;
707
+ padding-right:70px;
708
+ display:block;
709
+ padding-top:15px;
710
+ padding-bottom:10px;
711
+ padding-left:20px;
712
+ text-decoration:none;
713
+
714
+ }
715
+
716
+ .post.link a.postlink span{
717
+ background: url(http://static.tumblr.com/xsp9wak/PHAkloide/icon-linkpost-arrow.png) no-repeat top left;
718
+ width:35px;
719
+ height:36px;
720
+ display:block;
721
+ position:absolute;
722
+ right:20px;
723
+ top:50%;
724
+ margin-top:-17px;
725
+ opacity: .7;
726
+ -moz-opacity: 0.7;
727
+ }
728
+
729
+ .post.link a.postlink:hover span{
730
+ opacity: 1;
731
+ -moz-opacity: 1;
732
+ }
733
+
734
+ .post.link .vialink{
735
+ margin-left:20px;
736
+ }
737
+ /* POST: QUOTE */
738
+
739
+ .post.quote {
740
+ font-size:18px;
741
+ font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
742
+ padding-left:10px;
743
+ width:500px;
744
+ background: url(http://static.tumblr.com/xsp9wak/1dikloi6g/hr.png) no-repeat left top;
745
+ padding-top:20px;
746
+
747
+ }
748
+
749
+ .post.quote span.attribution{
750
+ font-weight:bold;
751
+ font-family:"Helvetica Neue" , Arial, Helvetica, sans-serif;
752
+ font-size:14px;
753
+ margin-right:10px;
754
+ margin-top:15px;
755
+ display:block;
756
+ text-align:right;
757
+ padding-bottom:10px;
758
+ }
759
+
760
+ .post.quote span.attribution a{
761
+ color:#fff;
762
+ text-decoration:underline;
763
+ }
764
+
765
+ .post.quote p {
766
+ line-height:26px;
767
+ }
768
+
769
+ /* PERMALINK PAGES */
770
+
771
+ #post-meta{
772
+ font-family:"Helvetica Neue", helvetica, Arial, sans-serif;
773
+ background: url(http://static.tumblr.com/xsp9wak/1dikloi6g/hr.png) repeat-x top left;
774
+ width:510px;
775
+ margin-left:4px;
776
+ font-size:18px;
777
+ }
778
+
779
+ #post-meta .permalink-notecount{
780
+ float:left;
781
+ }
782
+ #post-meta .date{
783
+ float:right;
784
+ text-transform:capitalize;
785
+ }
786
+
787
+ #post-meta #permalink-postinfo{
788
+ overflow:hidden;
789
+ background: url(http://static.tumblr.com/xsp9wak/1dikloi6g/hr.png) repeat-x bottom left;
790
+ padding-top:8px;
791
+ padding-bottom:7px;
792
+ margin-bottom:12px;
793
+
794
+ }
795
+
796
+ #post-meta #permalink-postinfo .permalink-notecount{
797
+ font-size:18px;
798
+ font-weight:bold;
799
+ padding-left:5px;
800
+ }
801
+
802
+ #post-meta #permalink-postinfo .permalink-notecount a{
803
+ font-weight:bold;
804
+ }
805
+
806
+ #post-meta #permalink-postinfo .date{
807
+ font-size:11px;
808
+ padding-top:5px;
809
+ padding-right:5px;
810
+ }
811
+
812
+ ol.notes{
813
+ font-size:15px;
814
+ margin-bottom:20px;
815
+
816
+ }
817
+
818
+ ol.notes li{
819
+ background: url(http://static.tumblr.com/xsp9wak/Mwekloi8s/background-container.png) no-repeat top left;
820
+ width:481px;
821
+ position:relative;
822
+ overflow:hidden;
823
+ padding-bottom:13px;
824
+ margin-bottom:5px;
825
+ border:1px solid #000;
826
+ box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
827
+ -webkit-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
828
+ -moz-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
829
+ padding-left:14px;
830
+ padding-right:14px;
831
+ padding-right:50px;
832
+ width:445px;
833
+ padding-top:14px;
834
+ position:relative;
835
+ }
836
+
837
+ ol.notes li .li-bottom{
838
+ background: url(http://static.tumblr.com/xsp9wak/Mwekloi8s/background-container.png) no-repeat bottom left;
839
+ position:absolute;
840
+ left:0;
841
+ bottom:0;
842
+ width:509px;
843
+ height:1px;
844
+
845
+ }
846
+
847
+ ol.notes li .note-icon{
848
+ position:absolute;
849
+ right:15px;
850
+ top:50%;
851
+ margin-top:-16px;
852
+ clear:both;
853
+ width:32px;
854
+ height:32px;
855
+ }
856
+
857
+
858
+ ol.notes li.like .note-icon{
859
+ background: url(http://static.tumblr.com/xsp9wak/1Jwkloidr/note-icons.png) no-repeat left 0;
860
+ }
861
+
862
+ ol.notes li.reblog .note-icon{
863
+ background: url(http://static.tumblr.com/xsp9wak/1Jwkloidr/note-icons.png) no-repeat left -33px;
864
+ }
865
+
866
+ ol.notes li.answer .note-icon{
867
+ background: url(http://static.tumblr.com/xsp9wak/1Jwkloidr/note-icons.png) no-repeat left -64px;
868
+ }
869
+
870
+ ol.notes li.fp .note-icon{
871
+ background: url(http://static.tumblr.com/xsp9wak/1Jwkloidr/note-icons.png) no-repeat left -96px;
872
+ }
873
+
874
+ ol.notes li a img{
875
+ padding:4px;
876
+ background: url(http://static.tumblr.com/xsp9wak/e3Lkloied/background-note-userpic.png) repeat-x top left;
877
+ float:left;
878
+ width:16px;
879
+ height:16px;
880
+ }
881
+
882
+ ol.notes li a{
883
+ font-weight:bold;
884
+ text-decoration:none;
885
+ color:#fff;
886
+ }
887
+
888
+ ol.notes li span.action{
889
+ margin-left:10px;
890
+ float:left;
891
+ }
892
+
893
+ ol.notes blockquote {
894
+ font-size:13px;
895
+ font-weight:normal !important;
896
+ padding-left:35px;
897
+
898
+ }
899
+
900
+ ol.notes blockquote a{
901
+ font-weight:normal !important;
902
+ }
903
+
904
+ .regular_post_body img {
905
+ max-width: 100%;
906
+ }
907
+
908
+ #disqus_thread #dsq-content #dsq-new-post.dsq-post-area h3,
909
+ #disqus_thread #dsq-content #dsq-new-post.dsq-post-area .dsq-dc-logo,
910
+ #disqus_thread #dsq-content td.dsq-request-user-name small,
911
+ #disqus_thread #dsq-content td.dsq-request-user-stats,
912
+ #disqus_thread #dsq-content .dsq-sharing-options,
913
+ #disqus_thread #dsq-content .dsq-comments-title,
914
+ #disqus_thread #dsq-content .dsq-options,
915
+ #disqus_thread #dsq-content .dsq-thread-settings,
916
+ #disqus_thread #dsq-content .dsq-comments-title,
917
+ #disqus_thread #dsq-content .dsq-comments-title h3 {
918
+ display: none;
919
+ }
920
+
921
+ #disqus_thread a {
922
+ font-weight:bold;
923
+ text-decoration:none;
924
+ color:#fff;
925
+ }
926
+
927
+ </style>
928
+
929
+ <style type="text/css">{CustomCSS}</style>
930
+ <link rel="stylesheet" href="http://static.tumblr.com/xsp9wak/akkklnvyu/jquery.fancybox-tumblr.css" type="text/css" media="screen" title="no title" charset="utf-8"/>
931
+ <script src="http://static.tumblr.com/xsp9wak/rqFklb40z/jquery-1.3.2.min.js" type="text/javascript"></script>
932
+ <script src="http://static.tumblr.com/xsp9wak/WsCkloo8h/fluid.js" type="text/javascript"></script>
933
+ <script src="http://static.tumblr.com/xsp9wak/trzklb43b/jquery.fancybox-1.2.1.pack.js" type="text/javascript"></script>
934
+ <script src="http://static.tumblr.com/xsp9wak/6JXkli7dk/cufon-min.js" type="text/javascript"></script>
935
+ <script src="http://static.tumblr.com/xsp9wak/g6Wklb4aa/tg.js" type="text/javascript"></script>
936
+ <script type="text/javascript">
937
+ {block:IfEnableEndlessScrolling}
938
+ var ajax_loader = true;
939
+ {/block:IfEnableEndlessScrolling}
940
+
941
+ {block:IfNotEnableEndlessScrolling}
942
+ var ajax_loader = false;
943
+ {/block:IfNotEnableEndlessScrolling}
944
+ </script>
945
+ </head>
946
+ <body>
947
+ <div id="wrap">
948
+ <div id="title"><h1><a href="/">{Title}</a></h1><b class="left"></b><b class="right"></b></div>
949
+ <div id="container-top"></div>
950
+ <div id="container">
951
+ <div id="content">
952
+ <div id="posts"><!-- posts-start -->{block:Posts}
953
+ {block:Text}<div class="post text">
954
+ <div class="postinfo">
955
+ <a href="{permalink}" class="type">{lang:Text}</a>
956
+ {block:IndexPage}{block:NoteCount}<a href="{permalink}#notes" class="notecount"><b>{NoteCount}</b><span style="text-transform:uppercase;">{lang:Notes}</span></a>{/block:NoteCount}{/block:IndexPage}
957
+ </div><!-- .postinfo -->
958
+ {block:Title}<span class="posttitle"><h3><a href="{Permalink}">{Title}</a></h3></span>{/block:Title}
959
+ <div class="regular_post_body">{Body}</div>
960
+ {block:RebloggedFrom}<a href="{ReblogParentURL}" class="vialink" rel="external"><span>Via {ReblogParentTitle}</a></span>{/block:RebloggedFrom}
961
+ {block:IfDisqusShortname}{block:Date}<a href="{Permalink}#disqus_thread" class="vialink"></a></span>{/block:Date}{block:IfDisqusShortname}
962
+ <br class="clear" />
963
+ </div><!-- .post -->{/block:Text}
964
+ {block:Quote}<div class="post quote">
965
+ <div class="postinfo">
966
+ <a href="{permalink}" class="type">{lang:Quote}</a>
967
+ {block:IndexPage}{block:NoteCount}<a href="{permalink}#notes" class="notecount"><b>{NoteCount}</b><span style="text-transform:uppercase;">{lang:Notes}</span></a>{/block:NoteCount}{/block:IndexPage}
968
+ </div><!-- .postinfo -->
969
+ <p>{Quote}</p>
970
+ {block:Source}<span class="attribution">&#8211; {Source}</span>{/block:Source}
971
+ {block:RebloggedFrom}<a href="{ReblogParentURL}" class="vialink" rel="external"><span>Via {ReblogParentTitle}</a></span>{/block:RebloggedFrom}
972
+ {block:IfDisqusShortname}{block:Date}<a href="{Permalink}#disqus_thread" class="vialink"></a></span>{/block:Date}{block:IfDisqusShortname}
973
+ <br class="clear" />
974
+ </div><!-- .post -->{/block:Quote}
975
+ {block:Link}<div class="post link">
976
+ <div class="postinfo">
977
+ <a href="{permalink}" class="type">{lang:Link}</a>
978
+ {block:IndexPage}{block:NoteCount}<a href="{permalink}#notes" class="notecount"><b>{NoteCount}</b><span style="text-transform:uppercase;">{lang:Notes}</span></a>{/block:NoteCount}{/block:IndexPage}
979
+ </div><!-- .postinfo -->
980
+ <div class="postcontainer">
981
+ <a href="{URL}" class="postlink" {Target}>{Name} <span></span></a>
982
+ {block:Description}<div class="description">
983
+ {Description}
984
+ </div><!-- .description --> {/block:Description}
985
+ {block:RebloggedFrom}<a href="{ReblogParentURL}" class="vialink" rel="external"><span>Via {ReblogParentTitle}</a></span>{/block:RebloggedFrom}
986
+ {block:IfDisqusShortname}{block:Date}<a href="{Permalink}#disqus_thread" class="vialink"></a></span>{/block:Date}{block:IfDisqusShortname}
987
+ <div class="postcontainer-bottom"></div>
988
+ </div><!-- .postcontainer -->
989
+ <br class="clear" />
990
+ </div><!-- .post -->{/block:Link}
991
+ {block:Photo}<div class="post photo">
992
+ <div class="postinfo">
993
+ <a href="{permalink}" class="type">{lang:Photo}</a>
994
+ {block:IndexPage}{block:NoteCount}<a href="{permalink}#notes" class="notecount"><b>{NoteCount}</b><span style="text-transform:uppercase;">{lang:Notes}</span></a>{/block:NoteCount}{/block:IndexPage}
995
+ </div><!-- .postinfo -->
996
+ <div class="img-wrap">
997
+ {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
998
+ {block:RebloggedFrom}<a href="{ReblogParentURL}" class="vialink" rel="external">Via {ReblogParentTitle}</a>{/block:RebloggedFrom}
999
+ {block:IfDisqusShortname}{block:Date}<a href="{Permalink}#disqus_thread" class="vialink"></a></span>{/block:Date}{block:IfDisqusShortname}
1000
+ {block:HighRes} <a href="{PhotoURL-HighRes}?.jpg" class="zoomlink">{lang:Zoom}</a>{/block:HighRes}
1001
+ </div>
1002
+ <br class="clear" />
1003
+ {block:Caption}<div class="description">
1004
+ {Caption}
1005
+ <div class="description-bottom"></div>
1006
+ </div><!-- .description -->{/block:Caption}
1007
+ <br class="clear" />
1008
+ </div><!-- .post -->{/block:Photo}
1009
+ {block:Audio}<div class="post audio">
1010
+ <div class="postinfo">
1011
+ <a href="{permalink}" class="type">{lang:Audio}</a>
1012
+ {block:IndexPage}{block:NoteCount}<a href="{permalink}#notes" class="notecount"><b>{NoteCount}</b><span style="text-transform:uppercase;">{lang:Notes}</span></a>{/block:NoteCount}{/block:IndexPage}
1013
+ </div><!-- .postinfo -->
1014
+ <div class="postcontainer">
1015
+ {AudioPlayerBlack}
1016
+ {block:Caption}<div class="description">
1017
+ {Caption}
1018
+ </div><!-- .description -->{/block:Caption}
1019
+ {block:RebloggedFrom}<a href="{ReblogParentURL}" class="vialink" rel="external"><span>Via {ReblogParentTitle}</a></span>{/block:RebloggedFrom}
1020
+ {block:IfDisqusShortname}{block:Date}<a href="{Permalink}#disqus_thread" class="vialink"></a></span>{/block:Date}{block:IfDisqusShortname}
1021
+ <div class="postcontainer-bottom"></div>
1022
+ </div>
1023
+ <br class="clear" />
1024
+ </div><!-- .post -->{/block:Audio}
1025
+ {block:Video}<div class="post video">
1026
+ <div class="postinfo">
1027
+ <a href="{permalink}" class="type">{lang:Video}</a>
1028
+ {block:IndexPage}{block:NoteCount}<a href="{permalink}#notes" class="notecount"><b>{NoteCount}</b><span style="text-transform:uppercase;">{lang:Notes}</span></a>{/block:NoteCount}{/block:IndexPage}
1029
+ </div><!-- .postinfo -->
1030
+ <div class="vid-wrap">
1031
+ {Video-500}
1032
+ </div>
1033
+ <br class="clear" />
1034
+ {block:Caption}<div class="description">
1035
+ {Caption}
1036
+ <br class="clear" />
1037
+ {block:RebloggedFrom}<a href="{ReblogParentURL}" class="vialink" rel="external"><span>Via {ReblogParentTitle}</a></span>{/block:RebloggedFrom}
1038
+ {block:IfDisqusShortname}{block:Date}<a href="{Permalink}#disqus_thread" class="vialink"></a></span>{/block:Date}{block:IfDisqusShortname}
1039
+ <div class="description-bottom"></div>
1040
+ </div><!-- .description -->{/block:Caption}
1041
+ <br class="clear" />
1042
+ </div><!-- .post -->{/block:Video}
1043
+ {block:Chat}<div class="post chat">
1044
+ <div class="postinfo">
1045
+ <a href="{permalink}" class="type">{lang:Chat}</a>
1046
+ {block:IndexPage}{block:NoteCount}<a href="{permalink}#notes" class="notecount"><b>{NoteCount}</b><span style="text-transform:uppercase;">{lang:Notes}</span></a>{/block:NoteCount}{/block:IndexPage}
1047
+ </div><!-- .postinfo -->
1048
+ {block:Title}<span class="posttitle"><h3>{Title}</h3></span>{/block:Title}
1049
+ <ul class="chat">
1050
+ {block:Lines}
1051
+ <li class="{Alt} user_{UserNumber}">
1052
+ {block:Label} <span class="name">{Label}</span>{/block:Label}
1053
+ <span class="message">{Line} </span>
1054
+ </li>
1055
+ {/block:Lines}
1056
+ </ul>
1057
+ {block:RebloggedFrom}<a href="{ReblogParentURL}" class="vialink" rel="external"><span>Via {ReblogParentTitle}</a></span>{/block:RebloggedFrom}
1058
+ {block:IfDisqusShortname}{block:Date}<a href="{Permalink}#disqus_thread" class="vialink"></a></span>{/block:Date}{block:IfDisqusShortname}
1059
+ <br class="clear" />
1060
+ </div><!-- .post -->{/block:Chat}
1061
+ {block:PermalinkPage}
1062
+ <div id="post-meta">
1063
+ <div id="permalink-postinfo">
1064
+ {block:NoteCount}<span class="permalink-notecount"><a name="notes">{NoteCountWithLabel}</a></span>{/block:NoteCount}
1065
+ {block:Date}<span class="date">{lang:Posted on DayOfWeek Month DayOfMonthWithSuffix}</span>{/block:Date}
1066
+ </div>
1067
+ {block:IfDisqusShortname}
1068
+ <div class="separator secondary"></div>
1069
+ <div id="disqus_thread" class="content"></div>
1070
+ <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script><noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
1071
+ {/block:IfDisqusShortname}
1072
+ {block:PostNotes}
1073
+ {PostNotes}
1074
+ {/block:PostNotes}
1075
+ </div><!-- #post-meta -->
1076
+ {/block:PermalinkPage}
1077
+ {/block:Posts}<!-- posts-end --></div><!-- #posts -->
1078
+ <div id="sidebar">
1079
+ {block:Description}
1080
+ <h2>{lang:About me}</h2>
1081
+ <img src="{PortraitURL-64}" id="user-portrait" title="{Title}" alt="{title}"/>
1082
+ <span id="about-text">{Description}</span>
1083
+ <br class="clear" />
1084
+ {/block:Description}
1085
+
1086
+
1087
+
1088
+ <ul class="links">
1089
+ {block:AskEnabled}<li><span><a href="/ask">{AskLabel}</a></span></li>{/block:AskEnabled}{/block:AskEnabled}
1090
+ {block:SubmissionsEnabled}<li><span><a href="/submit">{SubmitLabel}</a></span></li>{/block:SubmissionsEnabled}
1091
+ {block:HasPages}
1092
+ {block:Pages}<li><span><a href="{URL}">{Label}</a></span></li>{/block:Pages}
1093
+ {/block:HasPages}
1094
+ </ul>
1095
+
1096
+
1097
+
1098
+ {block:Following}
1099
+ <h2>{lang:People I follow}</h2>
1100
+ <ul id="following">
1101
+ {block:Followed}<li><a href="{FollowedURL}" rel="external"><img src="{FollowedPortraitURL-30}" alt="{FollowedTitle}" /></a></li>{/block:Followed}
1102
+ </ul>
1103
+ {/block:Following}
1104
+ </div>
1105
+ </div><!-- #content -->
1106
+ </div><!-- #container -->
1107
+ <div id="container-bottom">
1108
+ {block:IndexPage}
1109
+ <div id="load-more-posts"><span class="spinner"></span><p>{lang:Load more posts}&hellip;</p></div>
1110
+ <div id="hidden_navinfo"><!-- this is necessary for ajax pagination --><span class="startpage">{CurrentPage}</span><span class="totalpages">{TotalPages}</span></div>
1111
+ {block:Pagination} <div id="classic-pagination">
1112
+ {block:PreviousPage} <a href="{PreviousPage}" id="prev-page">{lang:Previous page}</a>{/block:PreviousPage}
1113
+ {block:NextPage} <a href="{NextPage}" id="next-page">{lang:Next page}</a>{/block:NextPage}
1114
+ </div><!-- #classic-pagination -->{/block:Pagination}
1115
+ {/block:IndexPage}
1116
+ <a href="http://www.pixelunion.net/" id="pixelunion-link" rel="external">To Tumblr, Love PixelUnion</a>
1117
+ </div>
1118
+ </div><!-- wrap -->
1119
+ {block:English}<script type="text/javascript"> Cufon.replace('#title h1'); Cufon.now(); </script>{/block:English}
1120
+
1121
+ {block:IfDisqusShortname}
1122
+ <script type="text/javascript">
1123
+ //<![CDATA[
1124
+ (function() {
1125
+ var links = document.getElementsByTagName('a');
1126
+ var query = '?';
1127
+ for(var i = 0; i < links.length; i++) {
1128
+ if(links[i].href.indexOf('#disqus_thread') >= 0) {
1129
+ query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
1130
+ }
1131
+ }
1132
+ document.write('<span><script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
1133
+ })();
1134
+ //]]>
1135
+ </script>
1136
+ {/block:IfDisqusShortname}
1137
+ </body>
1138
+ </html>