View difference between Paste ID: U6WVSYRA and Dmpq0A8a
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE html>
2-
<html xmlns="https://www.w3.org/1999/xhtml">
2+
<html xmlns="http://www.w3.org/1999/xhtml">
3
<head>
4
<!--
5
 
6
 
7
 
8
 
9
 
10
                    phi @ shythemes
11
 
12
 
13
 
14
 
15
 
16
-->
17
<title>{Title}</title>
18
<link rel="alternate" type="application/rss+xml" href="{RSS}">
19
<link rel="shortcut icon" href="{Favicon}">
20
{block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
21
<meta name="viewport" content="width=device-width, initial-scale=1">
22
<meta name="color:link" content="#e5bbe2">
23
<meta name="if:light version" content="0">
24
<meta name="if:one column" content="0">
25
<meta name="if:show description" content="1">
26
<meta name="if:show captions" content="1">
27
<meta name="if:show tags" content="1">
28
<meta name="if:infinite scroll" content="0">
29
<meta name="select:posts" content="222" title="222px">
30
<meta name="select:posts" content="245" title="245px">
31
<meta name="select:posts" content="268" title="268px">
32
<meta name="text:home link" content="">
33
<meta name="text:archive link" content="archive">
34
<meta name="text:ask link" content="message">
35
<meta name="text:link 1" content="">
36
<meta name="text:link 1 url" content="">
37
<meta name="text:link 2" content="">
38
<meta name="text:link 2 url" content="">
39
<meta name="text:link 3" content="">
40
<meta name="text:link 3 url" content="">
41
<meta name="text:link 4" content="">
42
<meta name="text:link 4 url" content="">
43
<meta name="text:link 5" content="">
44
<meta name="text:link 5 url" content="">
45
<meta name="text:link 6" content="">
46
<meta name="text:link 6 url" content="">
47
48
<style type="text/css">
49
 
50
/* general */
51
 
52
body {
53
    margin:0;
54
    font-size:9px;
55
    font-family:'trebuchet ms', 'helvetica neue', sans-serif;
56
    line-height:15px;
57
    word-break:break-word;
58
    -moz-osx-font-smoothing:greyscale;
59
    -webkit-font-smoothing:antialiased;
60
    font-smoothing:antialiased;
61
    color:rgb(175,175,175);
62
    background-color:rgb(22,22,22);
63-
body, html {
63+
64
a {
65
    color:inherit;
66
    text-decoration:none;
67
    -webkit-transition:all .4s ease-out;
68
    transition:all .4s ease-out;
69
}
70
a:hover {
71
    color:rgb(225,225,225)!important;
72
}
73
small, sub {
74
    font-size:inherit;
75
    vertical-align:baseline;
76
}
77
blockquote, ol, ul, p, pre {
78
    margin:0 0 9px;
79
}
80
.text figure, .text img {
81
    padding:3px 0;
82
    margin:0 0 9px;
83
}
84
h1, h2, h3, h4, h5, h6 {
85
    margin:0;
86
    font-size:inherit;
87
    font-weight:inherit;
88
}
89
ol, ul {
90
    counter-reset:list;
91
    list-style:none;
92
    padding:0;
93
}
94
pre {
95
    white-space:normal;
96
}
97
img {
98
    border:0;
99
    max-width:100%;
100
    height:auto;
101
    display:block;
102
}
103
hr {
104
    border:0;
105
    -moz-box-sizing:border-box;
106
    box-sizing:border-box;
107
}
108
::-webkit-scrollbar {
109
    width:17px;
110
    height:17px;
111
}
112
::-webkit-scrollbar {
113
    background-color:rgb(22,22,22);
114
}
115
::-webkit-scrollbar-track {
116
    border:8px solid rgb(22,22,22);
117
    background-color:rgb(60,60,60);
118
}
119
::-webkit-scrollbar-thumb {
120
    border:8px solid rgb(22,22,22);
121
    background-color:rgb(120,120,120);
122
    min-height:24px;
123
    min-width:24px;
124
}
125
 
126
/* accents */
127
128
.title {
129
    font-style:italic;
130
    color:rgb(225,225,225);
131
}
132
h1.title {
133
    margin:12px 0;
134
}
135
h1.title:first-child {
136
    margin-top:0;
137
}
138
.accent {
139
    font-size:8px;
140
    text-transform:uppercase;
141
    letter-spacing:1px;
142
    color:rgb(120,120,120);
143
}
144
.text a {
145
    font-style:italic;
146
}   
147
.tags a, 
148
.question, 
149
.pagination span {
150
    font-style:italic;
151
    color:rgb(120,120,120);
152
}
153
blockquote:after,
154
blockquote > p:first-child .tumblr_blog:before {
155
    content:'';
156
    display:block;
157
}
158
hr,
159
blockquote:after,
160
blockquote > p:first-child .tumblr_blog:before {
161
    margin:11px 0 12px;
162
    width:28px;
163
    height:1px;
164
    background-color:rgb(80,80,80);
165
}
166
blockquote:last-child:after,
167
.source .tumblr_blog:before {
168
    display:none;
169
}
170
ol li,
171
ul li {
172
    position:relative;
173
    padding-left:24px;
174
    counter-increment:list;
175
}
176
ol li:before {
177
    content:counter(list) '.';
178
    position:absolute;
179
    margin-left:-24px;
180
    color:rgb(120,120,120);
181
}
182
ul li:before {
183
    content:'';
184
    position:absolute;
185
    left:0;
186
    top:6px;
187
    width:6px;
188
    height:1px;
189
    background-color:rgb(80,80,80);
190
}
191
.chat li {
192
    padding-left:0;
193
}
194
.chat li:before {
195
    display:none;
196
}
197
svg {
198
    height:auto;
199
    overflow:visible;
200
}
201
svg path {
202
    -webkit-transition:fill .6s ease-out;
203
    transition:fill .6s ease-out;
204
}
205
206
/* container */
207
208
.main {
209
    margin:100px auto;
210
    padding-left:calc(120px + {select:posts}px * 0.3);
211
    padding-right:calc({select:posts}px * 0.3);
212
    {block:ifOneColumn}
213
        width:calc({select:posts}px * 1.3);
214
    {/block:ifOneColumn}
215
}
216
.content {
217
    overflow:hidden;
218
    margin:calc({select:posts}px * 0.3) auto 0;
219
    {block:PermalinkPage}
220
        width:calc({select:posts}px * 1.3);
221
    {/block:PermalinkPage}
222
}
223
 
224
/* sidebar */
225
 
226
aside {
227
    position:fixed;
228
    margin-left:-120px;
229
    top:100px;
230
    width:120px;
231
    text-align:right;
232
    opacity:0;
233
}
234
aside .title {
235
    font-size:9px;
236
    margin:15px -2px 15px 0!important;
237
    text-transform:uppercase;
238
    letter-spacing:2px;
239
    color:rgb({RGBcolor:link});
240
}
241
aside .desc {
242
    margin:15px 0;
243
    font-style:italic;
244
}
245
aside .links {
246
    margin:15px -1px 15px 0!important;
247
}
248
aside .links li {
249
    display:block;
250
    margin-bottom:5px;
251
}
252
253
/* entries */
254
255
.entry {
256
    position:relative;
257
    float:left;
258
    overflow:hidden;
259
    width:{select:posts}px;
260
    margin:0 0 calc({select:posts}px * 0.3) calc({select:posts}px * 0.3);
261
    opacity:0;
262
    z-index:-1;
263
    {block:ifNotOneColumn}
264
    {block:PermalinkPage}
265
        width:422px;
266
    {/block:PermalinkPage}
267
    {block:ifNotOneColumn}
268
    {block:ifOneColumn}
269
	{block:IndexPage}
270
        margin-bottom:100px;
271
    {/block:IndexPage}
272
    {/block:ifOneColumn}
273
}
274
.ph .media {
275
    background-color:rgb(48,48,48);
276
    border-top:1px solid rgb(22,22,22);
277
}
278
.body {
279
    padding:15px 18px;
280
    background-color:rgb(36,36,36);
281
}
282
.permalink {
283
    margin-right:5px;
284
    color:rgb({RGBcolor:link});
285
}
286
.tags {
287
    {block:IndexPage}
288
    {block:ifNotShowTags}
289
        display:none;
290
    {/block:ifNotShowTags}
291
    {/block:IndexPage}
292
}
293
.tags a {
294
    margin-right:5px;
295
}
296
297
/* post types */
298
299
.text {
300
    margin:12px 0;
301
}
302
.text:last-child,
303
.text *:last-child {
304
    margin-bottom:0;
305
}
306
.media {
307
    position:relative;
308
    overflow:hidden;
309
}
310
.media > a,
311
.media > img, 
312
.media .photo-slideshow,
313
.media .video {
314
    display:block!important;
315
    padding:0;
316
    margin:0;
317
}
318
.media .photo-slideshow .row:last-of-type .photo-data.count-1 {
319
    margin-bottom:0!important;
320
}
321
.media .video iframe {
322
    display:block;
323
}
324
.lb {
325
    display:block!important;
326
    width:auto!important;
327
    position:absolute;
328
    top:0;
329
    left:0;
330
    bottom:0;
331
    right:0;
332
}
333
.lb svg {
334
    display:block;
335
    position:absolute;
336
    bottom:0;
337
    right:0;
338
    width:14px;
339
    padding:6px 6px 5px;
340
    background-color:rgba(0,0,0,.56);
341
}
342
.lb svg path {
343
    fill:rgba(255,255,255,.75);
344
}
345
{block:IndexPage}
346
{block:ifNotShowCaptions}
347
.caption {
348
        display:none;
349
}
350
{/block:ifNotShowCaptions}
351
{/block:IndexPage}
352
.caption p,
353
.caption blockquote {
354
    margin:0;
355
}
356
357
 
358
/* audio posts */
359
 
360
.audiowrap {
361
    position:relative;
362
    height:43px;
363
    overflow:hidden;
364
    padding:8px;
365
}
366
.audio {
367
    position:absolute;
368
    display:inline-block;
369
    left:0;
370
    top:0;
371
    right:0;
372
    bottom:0;
373
    text-align:right;
374
    line-height:59px;
375
}
376
.audio .player {
377
    width:27px;
378
    height:27px;
379
    left:16px;
380
    top:16px;
381
    opacity:.4;
382
    line-height:0;
383
    overflow:hidden;
384
    position:absolute;
385
    {block:ifNotLightVersion}
386
    -webkit-filter:invert(100%);
387
    {/block:ifNotLightVersion}
388
}
389
.audio .track {
390
    overflow:hidden;
391
    line-height:15px;
392
    margin-left:60px;
393
    width:calc(100% - 60px);
394
    display:inline-block;
395
    vertical-align:middle;
396
}
397
.audio .track span {
398
    display:block;
399
    max-height:15px;
400
    white-space:nowrap;
401
    overflow:hidden;
402
    text-overflow:ellipsis;
403
    margin-right:15px;
404
    font-style:normal;
405
}
406
407
/* pagination */
408
409
.pagination {
410
    margin:calc(100px - {select:posts}px * 0.3) auto 0;
411
    padding-left:calc({select:posts}px * 0.3);
412
    text-align:center;
413
    clear:both;
414
}
415
.pagination a {
416
    display:inline-block;
417
    vertical-align:top;
418
    max-height:10px;
419
    overflow:visible;
420
    margin-bottom:24px;
421
}
422
.pagination a svg {
423
    width:8px;
424
    padding:4px;
425
}
426
.pagination a svg path {
427
    fill:rgba(255,255,255,.5);
428
}
429
.pagination span {
430
    margin:0 24px;
431
}
432
433
/* notes */
434
435
.notes {
436
    padding:0;
437
    background:transparent;
438
}
439
.notes li {
440
    display:block;
441
}
442
.notes img {
443
    display:none;
444
}
445
.notes .more_notes_link_container {
446
    text-align:inherit!important;
447
}
448
449
/* etc */
450
451
#tumblr_controls,
452
.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
453
    position:fixed!important;
454
    top:0!important;
455
    right:0!important;
456
    opacity:.5!important;
457
    -webkit-backface-visibility:hidden;
458
    padding:10px;
459
    -webkit-transition:opacity .3s ease-out;
460
    transition:opacity .3s ease-out;
461
}
462
#tumblr_lightbox, .tmblr-lightbox {
463
    background-color:rgba(22,22,22,.93)!important;
464
}
465
#vignette, .vignette {
466
    opacity:0;
467
}
468
#tumblr_lightbox img, .lightbox-image {
469
    box-shadow:none!important;
470
    border-radius:0!important;
471
    -moz-box-sizing:border-box;
472
    box-sizing:border-box;
473
    max-width:none;
474
}
475
#tumblr_lightbox_caption, .lightbox-caption {
476
    visibility:hidden;
477
}
478
#theme {
479
    position:fixed;
480
    display:block;
481
    bottom:10px;
482
    right:10px;
483
    z-index:999;
484
    padding:5px;
485
    line-height:1em;
486
}
487
{block:ifInfiniteScroll}
488
.pagination,
489
#infscr-loading {
490
    display:none!important;
491
}
492
{/block:ifInfiniteScroll}
493
494
{block:ifLightVersion}
495
/* light version */
496
497
body {color:rgb(120,120,120); background-color:rgb(244,244,244);}
498
a:hover {color:rgb(100,100,100)!important;}
499-
body, html {color:rgb(120,120,120); background-color:rgb(244,244,244);}
499+
500
::-webkit-scrollbar-track {border:8px solid rgb(244,244,244); background-color:rgb(211,211,211);}
501
::-webkit-scrollbar-thumb {border:8px solid rgb(244,244,244); background-color:rgb(170,170,170);}
502
.title {color:rgb(80,80,80);}
503
.accent, .tags a, .question, .pagination span, ol li:before {color:rgb(180,180,180);}
504
.permalink {color:rgb({RGBcolor:link});}
505
hr, blockquote:after, blockquote > p:first-child .tumblr_blog:before, ul li:before {background-color:rgb(225,225,225);}
506
.body {background-color:rgb(251,251,251);}
507
.ph .media {background-color:rgb(255,255,255); border-color:rgb(245,245,245);}
508
.lb svg {background-color:rgba(255,255,255,.75);}
509
.lb svg path {fill:rgba(0,0,0,.4);}
510
.pagination a svg path {fill:rgba(0,0,0,.3);}
511
#tumblr_lightbox, .tmblr-lightbox {background-color:rgba(244,244,244,.93)!important;}
512
#tumblr_controls, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {-webkit-filter:invert(100%);}
513
{/block:ifLightVersion}
514
</style>
515
<link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
516
</head>
517-
<link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
517+
518
<div class="main">
519
<div class="content">
520
<aside>
521
    <h1 class="title"><a href="/">{Title}</a></h1>
522
    {block:ifShowDescription}
523
    <section class="desc">
524
    {Description}
525
    </section>
526
    {/block:ifShowDescription}
527
    <section class="links accent">
528
    {block:ifHomeLink}<li><a href="/">{text:home link}</a></li>{/block:ifHomeLink}
529
    {block:ifArchiveLink}<li><a href="/archive">{text:archive link}</a></li>{/block:ifArchiveLink}
530
    {block:ifAskLink}<li><a href="/ask">{text:ask link}</a></li>{/block:ifAskLink}
531
    {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li> {/block:Pages}{/block:HasPages}
532
    {block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:ifLink1}
533
    {block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:ifLink2}
534
    {block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:ifLink3}
535
    {block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:ifLink4}
536
    {block:ifLink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:ifLink5}
537
    {block:ifLink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:ifLink6}
538
    </section>
539
</aside>
540
{block:Posts}
541
<article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}{block:Video}ph{/block:Video}{block:Audio}ph{/block:Audio}" id="{PostID}">
542
<section class="body">
543
{block:Date}
544
<a class="permalink accent" href="{Permalink}">{Month} {DayOfMonth}</a>
545
{/block:Date}
546
{block:Answer}
547
<div class="question text">
548
    <i class="sender">{Asker}:</i>
549
    <i>{Question}</i>
550
</div>
551
<div class="answer text">{Answer}</div>
552
{/block:Answer}
553
{block:Chat}
554
{block:Title}<h1 class="title">{Title}</h1>{/block:Title}
555
<div class="chat text">
556
    {block:Lines}
557
    <p class="line">
558
        {block:Label}
559
        <span class="label title">{Label}&nbsp;</span>
560
        {/block:Label}
561
        {Line}
562
    </p>
563
    {/block:Lines}
564
</div>
565
{/block:Chat}
566
{block:Link}
567
<h1 class="title"><a href="{URL}">{Name}</a></h1>
568
{block:Description}<div class="text">{Description}</div>{/block:Description}
569
{/block:Link}
570
{block:Quote}
571
<h1 class="quote title">{Quote}</h1>
572
{block:Source}
573
<div class="source text">{Source}</div>
574
{/block:Source}
575
{/block:Quote}
576
{block:Text}
577
{block:Title}<h1 class="title">{Title}</h1>{/block:Title}
578
<div class="text">{Body}</div>
579
{/block:Text}
580
{block:Caption}
581
<div class="caption text">{Caption}</div>
582
{/block:Caption}
583
{block:HasTags}
584
<div class="tags">
585
{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
586
</div>
587
{/block:HasTags}
588
</section>
589
<section class="media">
590
{block:Audio}
591
<div class="audiowrap">
592
    <div class="audio accent">
593
        {block:AudioPlayer}
594
            <div class="player">{AudioPlayerBlack}</div>
595
        {/block:AudioPlayer}
596
        <div class="track">{block:TrackName}<span class="title">{TrackName}</span>{/block:TrackName}{block:Artist}<span>{Artist}</span>{/block:Artist}</div>
597
    </div>
598
</div>
599
{/block:Audio}
600
{block:Photo}
601
    {LinkOpenTag}
602
        <img src="{PhotoURL-HighRes}">
603
    {LinkCloseTag}
604
    {block:IndexPage}
605
    <a class="lb" href="#" onclick="Tumblr.Lightbox.init([{ width: '{PhotoWidth-HighRes}', height: '{PhotoHeight-HighRes}', low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]);$('body').toggleClass('tumblr_lightbox_active');return false"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M179.5,34.5c-3.3,0-6,2.7-6,6s2.7,6,6,6c3.9,0,7,2.3,7.8,5.7c-0.2,0.6-0.3,1.2-0.3,1.8v41c-7.2-7.1-17.1-11.5-28-11.5  c-14.6,0-27.3,7.8-34.3,19.5c-3.6-3.4-8.4-5.5-13.7-5.5s-10.1,2.1-13.7,5.5c-7-11.6-19.8-19.5-34.3-19.5c-11.4,0-21.7,4.8-29,12.5  V56.4c0.3-0.7,0.5-1.5,0.5-2.4c0-4.4,3.1-7.5,7.5-7.5c3.3,0,6-2.7,6-6s-2.7-6-6-6c-10.1,0-18,7-19.3,16.7C22.3,52,22,53,22,54v70  c0,1.4,0.5,2.6,1.2,3.6c2.1,20.1,19.1,35.9,39.8,35.9c22.1,0,40-17.9,40-40c0-1.5-0.1-2.9-0.2-4.3c0.2-0.5,0.2-1.1,0.2-1.7  c0-4.4,3.6-8,8-8s8,3.6,8,8c0,0.6,0.1,1.1,0.2,1.7c-0.2,1.4-0.2,2.9-0.2,4.3c0,22.1,17.9,40,40,40c21.7,0,39.4-17.4,40-39  c0-0.2,0-0.3,0-0.5V56.4c0.3-0.7,0.5-1.5,0.5-2.4C199.5,43.1,190.7,34.5,179.5,34.5z M63,151.5c-15.4,0-28-12.6-28-28s12.6-28,28-28  s28,12.6,28,28S78.4,151.5,63,151.5z M159,151.5c-15.4,0-28-12.6-28-28s12.6-28,28-28s28,12.6,28,28S174.4,151.5,159,151.5z"/></svg></a>
606
    {/block:IndexPage}
607-
    <a class="lb" href="#" onclick="Tumblr.Lightbox.init([{ width: '{PhotoWidth-HighRes}', height: '{PhotoHeight-HighRes}', low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]);$('body').toggleClass('tumblr_lightbox_active');return false"><svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M179.5,34.5c-3.3,0-6,2.7-6,6s2.7,6,6,6c3.9,0,7,2.3,7.8,5.7c-0.2,0.6-0.3,1.2-0.3,1.8v41c-7.2-7.1-17.1-11.5-28-11.5  c-14.6,0-27.3,7.8-34.3,19.5c-3.6-3.4-8.4-5.5-13.7-5.5s-10.1,2.1-13.7,5.5c-7-11.6-19.8-19.5-34.3-19.5c-11.4,0-21.7,4.8-29,12.5  V56.4c0.3-0.7,0.5-1.5,0.5-2.4c0-4.4,3.1-7.5,7.5-7.5c3.3,0,6-2.7,6-6s-2.7-6-6-6c-10.1,0-18,7-19.3,16.7C22.3,52,22,53,22,54v70  c0,1.4,0.5,2.6,1.2,3.6c2.1,20.1,19.1,35.9,39.8,35.9c22.1,0,40-17.9,40-40c0-1.5-0.1-2.9-0.2-4.3c0.2-0.5,0.2-1.1,0.2-1.7  c0-4.4,3.6-8,8-8s8,3.6,8,8c0,0.6,0.1,1.1,0.2,1.7c-0.2,1.4-0.2,2.9-0.2,4.3c0,22.1,17.9,40,40,40c21.7,0,39.4-17.4,40-39  c0-0.2,0-0.3,0-0.5V56.4c0.3-0.7,0.5-1.5,0.5-2.4C199.5,43.1,190.7,34.5,179.5,34.5z M63,151.5c-15.4,0-28-12.6-28-28s12.6-28,28-28  s28,12.6,28,28S78.4,151.5,63,151.5z M159,151.5c-15.4,0-28-12.6-28-28s12.6-28,28-28s28,12.6,28,28S174.4,151.5,159,151.5z"/></svg></a>
607+
608
{block:Photoset}
609
    {block:PermalinkPage}
610
    <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
611
    {/block:PermalinkPage}
612
    {block:IndexPage}
613
    {block:Photos}<img src="{PhotoURL-HighRes}"><!--{/block:Photos}-->
614
    <a class="lb" href="#" onclick="Tumblr.Lightbox.init([/*{block:Photos}, /**/ { width: '{PhotoWidth-HighRes}', height: '{PhotoHeight-HighRes}', low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }{/block:Photos}]);$('body').toggleClass('tumblr_lightbox_active');return false"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M179.5,34.5c-3.3,0-6,2.7-6,6s2.7,6,6,6c3.9,0,7,2.3,7.8,5.7c-0.2,0.6-0.3,1.2-0.3,1.8v41c-7.2-7.1-17.1-11.5-28-11.5  c-14.6,0-27.3,7.8-34.3,19.5c-3.6-3.4-8.4-5.5-13.7-5.5s-10.1,2.1-13.7,5.5c-7-11.6-19.8-19.5-34.3-19.5c-11.4,0-21.7,4.8-29,12.5  V56.4c0.3-0.7,0.5-1.5,0.5-2.4c0-4.4,3.1-7.5,7.5-7.5c3.3,0,6-2.7,6-6s-2.7-6-6-6c-10.1,0-18,7-19.3,16.7C22.3,52,22,53,22,54v70  c0,1.4,0.5,2.6,1.2,3.6c2.1,20.1,19.1,35.9,39.8,35.9c22.1,0,40-17.9,40-40c0-1.5-0.1-2.9-0.2-4.3c0.2-0.5,0.2-1.1,0.2-1.7  c0-4.4,3.6-8,8-8s8,3.6,8,8c0,0.6,0.1,1.1,0.2,1.7c-0.2,1.4-0.2,2.9-0.2,4.3c0,22.1,17.9,40,40,40c21.7,0,39.4-17.4,40-39  c0-0.2,0-0.3,0-0.5V56.4c0.3-0.7,0.5-1.5,0.5-2.4C199.5,43.1,190.7,34.5,179.5,34.5z M63,151.5c-15.4,0-28-12.6-28-28s12.6-28,28-28  s28,12.6,28,28S78.4,151.5,63,151.5z M159,151.5c-15.4,0-28-12.6-28-28s12.6-28,28-28s28,12.6,28,28S174.4,151.5,159,151.5z"/></svg></a>
615
    {/block:IndexPage}
616-
    <a class="lb" href="#" onclick="Tumblr.Lightbox.init([/*{block:Photos}, /**/ { width: '{PhotoWidth-HighRes}', height: '{PhotoHeight-HighRes}', low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }{/block:Photos}]);$('body').toggleClass('tumblr_lightbox_active');return false"><svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M179.5,34.5c-3.3,0-6,2.7-6,6s2.7,6,6,6c3.9,0,7,2.3,7.8,5.7c-0.2,0.6-0.3,1.2-0.3,1.8v41c-7.2-7.1-17.1-11.5-28-11.5  c-14.6,0-27.3,7.8-34.3,19.5c-3.6-3.4-8.4-5.5-13.7-5.5s-10.1,2.1-13.7,5.5c-7-11.6-19.8-19.5-34.3-19.5c-11.4,0-21.7,4.8-29,12.5  V56.4c0.3-0.7,0.5-1.5,0.5-2.4c0-4.4,3.1-7.5,7.5-7.5c3.3,0,6-2.7,6-6s-2.7-6-6-6c-10.1,0-18,7-19.3,16.7C22.3,52,22,53,22,54v70  c0,1.4,0.5,2.6,1.2,3.6c2.1,20.1,19.1,35.9,39.8,35.9c22.1,0,40-17.9,40-40c0-1.5-0.1-2.9-0.2-4.3c0.2-0.5,0.2-1.1,0.2-1.7  c0-4.4,3.6-8,8-8s8,3.6,8,8c0,0.6,0.1,1.1,0.2,1.7c-0.2,1.4-0.2,2.9-0.2,4.3c0,22.1,17.9,40,40,40c21.7,0,39.4-17.4,40-39  c0-0.2,0-0.3,0-0.5V56.4c0.3-0.7,0.5-1.5,0.5-2.4C199.5,43.1,190.7,34.5,179.5,34.5z M63,151.5c-15.4,0-28-12.6-28-28s12.6-28,28-28  s28,12.6,28,28S78.4,151.5,63,151.5z M159,151.5c-15.4,0-28-12.6-28-28s12.6-28,28-28s28,12.6,28,28S174.4,151.5,159,151.5z"/></svg></a>
616+
617
{block:Video}
618
    <div class="video">{Video-500}</div>
619
{/block:Video}
620
</section>
621
</article>
622
{block:PostNotes}
623
<article class="entry" id="notes">
624
<section class="body w">
625
<h1 class="title">{NoteCountWithLabel}</h1>
626
{block:RebloggedFrom}
627
<div class="rf accent text">
628
Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
629
{block:ContentSource}
630
Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
631
{/block:ContentSource}
632
</div>
633
{/block:RebloggedFrom}
634
{PostNotes}
635
</section>
636
</article>
637
{/block:PostNotes}
638
{/block:Posts}
639
</div>
640
{block:Pagination}
641
<div class="pagination">
642
{block:PreviousPage}
643
<a class="prev" href="{PreviousPage}">
644
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 375.473 375.473" style="enable-background:new 0 0 375.473 375.473;" xml:space="preserve"><g><g><path d="M315.817,6.856c-5.667-7.65-16.15-9.067-23.8-3.4L63.083,174.023c-4.25,3.117-6.8,8.217-6.8,13.6    c0,5.383,2.55,10.483,6.8,13.6l228.933,170.85c3.117,2.267,6.517,3.4,10.2,3.4c5.1,0,10.2-2.267,13.6-6.8    c5.667-7.65,3.967-18.133-3.4-23.8l-210.8-157.25l210.8-157.25C319.783,24.99,321.483,14.223,315.817,6.856z"/></g></g></svg>
645
</a>
646-
    <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 375.473 375.473" style="enable-background:new 0 0 375.473 375.473;" xml:space="preserve"><g><g><path d="M315.817,6.856c-5.667-7.65-16.15-9.067-23.8-3.4L63.083,174.023c-4.25,3.117-6.8,8.217-6.8,13.6    c0,5.383,2.55,10.483,6.8,13.6l228.933,170.85c3.117,2.267,6.517,3.4,10.2,3.4c5.1,0,10.2-2.267,13.6-6.8    c5.667-7.65,3.967-18.133-3.4-23.8l-210.8-157.25l210.8-157.25C319.783,24.99,321.483,14.223,315.817,6.856z"/></g></g></svg>
646+
647
<span class="pg">{CurrentPage} of {TotalPages}</span>
648
{block:NextPage}
649
<a class="next" href="{NextPage}">
650
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 375.39 375.39" style="enable-background:new 0 0 375.39 375.39;" xml:space="preserve"><g><g><path d="M59.615,368.59c3.4,4.533,8.5,6.8,13.6,6.8c3.4,0,7.083-1.133,10.2-3.4l228.933-170.85c4.25-3.117,6.8-8.217,6.8-13.6    s-2.55-10.483-6.8-13.6L83.415,3.373c-7.65-5.667-18.133-3.967-23.8,3.4c-5.667,7.65-3.967,18.133,3.4,23.8l210.8,157.25    l-210.8,157.25C55.648,350.456,53.948,361.223,59.615,368.59z"/></g></g></svg>
651
</a>
652-
    <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 375.39 375.39" style="enable-background:new 0 0 375.39 375.39;" xml:space="preserve"><g><g><path d="M59.615,368.59c3.4,4.533,8.5,6.8,13.6,6.8c3.4,0,7.083-1.133,10.2-3.4l228.933-170.85c4.25-3.117,6.8-8.217,6.8-13.6    s-2.55-10.483-6.8-13.6L83.415,3.373c-7.65-5.667-18.133-3.967-23.8,3.4c-5.667,7.65-3.967,18.133,3.4,23.8l210.8,157.25    l-210.8,157.25C55.648,350.456,53.948,361.223,59.615,368.59z"/></g></g></svg>
652+
653
</div>
654
{/block:Pagination}
655
</div>
656
<!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
657
<a href="http://shythemes.tumblr.com" id="theme" class="accent" title="theme">k.</a>
658
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
659-
<a href="https://shythemes.tumblr.com" id="theme" class="accent" title="theme">k.</a>
659+
<script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
660
<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
661-
<script src ="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
661+
662-
<script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
662+
<script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
663
{/block:PermalinkPage}
664-
<script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
664+
665
{block:ifInfiniteScroll}
666
<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
667
{/block:ifInfiniteScroll}
668-
<script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
668+
669
<script>
670
$(document).ready(function(){
671
    {block:PermalinkPage}
672
    // pxu photosets
673
    $('.photo-slideshow').pxuPhotoset({
674
        lightbox: true,
675
        rounded: false,
676
        gutter: '1px',
677
        photoset: '.photo-slideshow',
678
        photoWrap: '.photo-data',
679
        photo: '.pxu-photo'
680
    });
681
    {/block:PermalinkPage}
682
    // soundcloud players
683
    var color = '{color:link}'; // color of play button (hex) 
684
    $('.soundcloud_audio_player').each(function(){
685
        $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
686
    });
687
    // tumblr audio players
688
    $('.tumblr_audio_player').each(function(){
689
        $(this).attr({ src: $(this).attr('src').split('&color=')[0] + '&color=transparent&simple=1 '});
690
    });
691
    // masonry
692
    var $container = $('.content');
693
    $container.masonry({ 
694
        itemSelector: '.entry', 
695
        columnWidth: {select:posts} * 1.3,
696
        isFitWidth: true 
697
    });
698
    $container.imagesLoaded(function(){
699
        $container.masonry();
700
        $('aside').animate({ opacity: 1 });
701
        $container.find('.entry').animate({ opacity: 1, zIndex: 1 });
702
    });
703
    {block:IndexPage}
704
    {block:ifInfiniteScroll}
705
    // infinite scroll
706
        var $container = $('.content');
707
        $container.infinitescroll({
708
            itemSelector: '.entry',
709
            navSelector: '.pagination',
710
            nextSelector: '.next',
711
            loadingImg: '',
712
            loadingText: '<em></em>',
713
            bufferPx: 2000
714
        },
715
        function( newElements ) {
716
            var $newElems = $( newElements );
717
            $newElems.imagesLoaded(function(){
718
                $container.masonry( 'appended', $newElems );
719
                $newElems.animate({ opacity: 1, zIndex: 1 });
720
            });
721
            // videos
722
            $newElems.find('.video').each(function(){
723
                resizeVideos();
724
            },
725
            function(){
726
                $container.masonry();
727
            });
728
            // soundcloud players
729
            $newElems.find('.soundcloud_audio_player').each(function(){
730
                $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
731
            },
732
            function(){
733
                $container.masonry();
734
            });
735
            // tumblr audio players
736
            $newElems.find('.tumblr_audio_player').each(function(){
737
                $(this).attr({ src: $(this).attr('src').split('&color=')[0] + '&color=transparent&simple=1 '});
738
            },
739
            function(){
740
                $container.masonry();
741
            });
742
        });
743
    {/block:ifInfiniteScroll}
744
    {/block:IndexPage}
745
});
746
</script>
747
</body>
748
</html>