View difference between Paste ID: ALdYyDmx and gUMQ598T
SHOW: | | - or go back to the newest paste.
1
<!--
2
 
3
(◍•ᴗ•◍)♡ ✧*。
4
 
5
Healing Theme by Chloë | @dontbrag | @bychloethemes
6
 
7
> Do not delete/alter any credit.
8
> Do not claim as your own.
9
> Do not copy any code.
10
> Do not redistribute.
11
 
12
Full terms: http://bychloethemes.tumblr.com/themes
13
 
14
=========================================================
15
 
16
DEPENDENCIES:
17
 
18
> jQuery
19
    https://jquery.com/
20
> Infinite Scroll
21
    http://infinite-scroll.com/
22
> Masonry
23
    http://masonry.desandro.com/
24
> PXU Photosets (Modified by me)
25
    https://github.com/PixelUnion/Extended-Tumblr-Photoset/
26
> ImagesLoaded
27
    http://imagesloaded.desandro.com/
28
> Video Resizing
29
    http://shythemes.tumblr.com/post/134536748863/
30
> Unnest Captions
31
    http://neothm.com/post/148902138319/
32
> Outicons
33
    https://github.com/antonps/outicons
34
> Google Fonts
35
    http://fonts.google.com/
36
> SMT Tooltips
37
    http://manos.malihu.gr/style-my-tooltips-jquery-plugin/
38
 
39
-->
40
<html>
41
    <head>
42
        {block:Hidden}
43
        <meta name="image:Sidebar" content="" />
44
        <meta name="color:Accent" content="#fdfaf7" />
45
        <meta name="color:Dark Accent" content="#d95e40"/>
46
        <meta name="if:Search" content="" />{/block:Hidden}
47
    
48
        <meta charset="UTF-8" />
49
        <title>{block:SearchPage}"{SearchQuery}" | {/block:SearchPage}{block:DayPage}{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year} | {/block:DayPage}{block:TagPage}#{Tag} | {/block:TagPage}{block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
50
        <link rel="shortcut icon" href="{Favicon}">
51
        {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
52
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
53
        
54
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
55
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
56
        <link href='https://secure.static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
57
        <style>
58
            * {
59
                margin: 0;
60
                padding: 0;
61
            }
62
            #tumblr_controls, .tmblr-iframe {
63
                top: 5px!important;
64
                right: 5px!important;
65
                -webkit-filter: invert(90%);
66
                        filter: invert(90%);
67
                position: fixed!important;
68
                -webkit-transform: scale(.8, .8);
69
                   -moz-transform: scale(.8, .8);
70
                        transform: scale(.8, .8);
71
                -webkit-transform-origin: right top;
72
                   -moz-transform-origin: right top;
73
                    -ms-transform-origin: right top;
74
                     -o-transform-origin: right top;
75
                        transform-origin: right top;
76
                z-index: 999999999999999999!important
77
            }
78
            ::-webkit-scrollbar {
79
                background-color: #ddd;
80
                height: 11px;
81
                width: 11px;
82
                border: 5px solid #fff;
83
            }
84
            ::-webkit-scrollbar-thumb {
85
                background-color: #000;
86
                border: 5px solid #fff;
87
            }
88
            body {
89
                font-size: 10px;
90
                font-family: 'Open Sans', sans-serif;
91
            }
92
            img {
93
                vertical-align: middle;
94
                max-width: 100%;
95
                height: auto;
96
            }
97
            a {
98
                color: #000;
99
                text-decoration: none;
100
            }
101
            a:hover {
102
                text-decoration: line-through;
103
            }
104
            #s-m-t-tooltip {
105
                max-width: 300px;
106
                padding: 3px 6px;
107
                margin: 20px 10px;
108
                background: #fff;
109
                color: #000;
110
                z-index: 999999999999999;
111
                font-size:9px;
112
                border: 1px solid #eaeaea;
113
            }
114
            #wrapper {
115
                margin: 40px auto;
116
                padding-left: 180px;
117
                
118
            }
119
            aside {
120
                width: 150px;
121
                position: fixed;
122
            }
123
            aside h1 {
124
                border-bottom: 1px solid #eaeaea;
125
                font-weight: bold;
126
                font-size: 9px;
127
                padding: 10px 0;
128
                margin-bottom: 20px;
129
            }
130
            aside #desc {
131
                font-size: 9.5px;
132
                text-align: center;
133
                margin-top: 20px;
134
            }
135
            aside #search {
136
                margin-top: 15px;
137
            }
138
            aside #search input[type="text"] {
139
                border: none;
140
                width: calc(100% - 40px);
141
                font-size: 0.9em;
142
                text-align: center;
143
                padding-right: 20px;
144
            }
145
            aside #search form {
146
                border-bottom: 1px solid #eaeaea;
147
                padding: 5px;
148
            }
149
            aside #search form:before {
150
                content: '\e080';
151
                font-family: untitled-font-1!important;
152
                font-style: normal;
153
                font-weight: 400;
154
                speak: none;
155
                display: inline-block;
156
                text-decoration: inherit;
157
                width: 1em;
158
                text-align: center;
159
                font-variant: normal;
160
                text-transform: none;
161
                vertical-align: middle;
162
                line-height: inherit;
163
                font-size: 1em;
164
                -webkit-font-smoothing: antialiased;
165
                -moz-osx-font-smoothing: grayscale;
166
                padding-right: 10px;
167
                
168
            }
169
            aside input[type="text"]:focus {
170
                outline: none;
171
            }
172
            aside input[type="submit"] {
173
                display: none;
174
            }
175
            aside #nav {
176
                list-style: none;
177
                font-weight: bold;
178
                font-size: 9px;
179
                text-align: right;
180
                border-top: 1px solid #eaeaea;
181
                padding-top: 10px;
182
                margin-top: 15px;
183
                text-transform: capitalize;
184
            }
185
            aside #nav li {
186
                display: inline-block;
187
                margin: 0 2px;
188
            }
189
            aside #nav li:not(:last-of-type):after {
190
                content: '/';
191
                margin-left: 4px;
192
            }
193
            {block:IndexPage}
194
            @media screen and (max-width: 1200px) {
195
                #wrapper {
196
                    width: 640px;
197
                }
198
                aside {
199
                    left: calc(50% - 410px);
200
                }
201
            }
202
            @media screen and (max-width: 1420px) and (min-width: 1201px) {
203
                #wrapper {
204
                    width: 860px;
205
                }
206
                aside {
207
                    left: calc(50% - 520px);
208
                }
209
            }
210
            @media screen and (min-width: 1421px) {
211
                #wrapper {
212
                    width: 1080px;
213
                }
214
                aside {
215
                    left: calc(50% - 630px);
216
                }
217
            }{/block:IndexPage}
218
            #posts {
219
                padding-bottom: 60px;
220
            }
221
            #infscr-loading {
222
                position:absolute;
223
                margin-bottom:-40px;
224
                bottom:70px;
225
                width:200px;
226
                margin-left:50%;
227
                left:-100px;
228
                text-align:center;
229
            }
230
            article {
231
                width: 200px;
232
                margin-bottom: 20px;
233
                position: relative;
234
            }
235
            article.new-day {
236
                border-bottom: 1px solid #eaeaea;
237
                font-weight: bold;
238
                font-size: 9px;
239
                padding: 10px 0;
240
                width: 100%;
241
                text-transform: capitalize;
242
            }
243
            {block:DayPagination}article .day-pagination {
244
                float: right;
245
                font-size: 1.3em;
246
                margin-bottom: -3px;
247
            }{/block:DayPagination}{block:PermalinkPagination}article .perma-pagination {
248
                float: right;
249
                font-size: 1.3em;
250
                margin-bottom: -3px;
251
            }{/block:PermalinkPagination}{block:SearchPage}.search-results {
252
                float:right;
253
            }
254
            .new-day:not(.page-1) {
255
                display: none;
256
            }{/block:SearchPage}{block:TagPage}
257
            .new-day:not(.page-1) {
258
                display: none;
259
            }{/block:TagPage}
260
            .table {
261
                background: {color:Accent};
262
                font-size: 9.5px;
263
                display: table;
264
                width: 100%;
265
                table-layout: fixed;
266
            }
267
            .table-cell {
268
                display: table-cell;
269
                vertical-align: middle;
270
            }
271
            {block:IndexPage}
272
            .table {
273
                height: 200px;
274
            }
275
            .table-cell {
276
                padding: 20px;
277
                padding-bottom: 40px;
278
            }{/block:IndexPage}
279
            article h2 {
280
                font-size: 9px;
281
                text-transform: uppercase;
282
            }
283
            article h2:not(.trackname) + * {
284
                margin-top: 10px;
285
            }
286
            blockquote.tumblr_parent:not(:last-of-type) {
287
                margin-bottom: 10px;
288
            }
289
            blockquote.tumblr_parent h2 {
290
                font-size: 1.1em;
291
                margin-top: 10px;
292
            }
293
            article a.tumblr_blog {
294
                font-weight: bold;
295
            }
296
            article a.tumblr_blog:before,
297
            article .answer .question:before,
298
            article .answer .response:before {
299
                content: '';
300
                width: 5px;
301
                height: 5px;
302
                background-color: {color:Dark Accent};
303
                border-radius: 50%;
304
                display: inline-block;
305
                margin-right: 5px;
306
                border-bottom: 0px;
307
                position: relative;
308
                top: -1px;
309
            }
310
            article a.tumblr_blog + p:not(:empty) {
311
                display: inline;
312
                margin-left: 3px;
313
            }
314
            blockquote.tumblr_parent a:not(.tumblr_blog),
315
            article .answer a:not(.tumblr_blog) {
316
                text-decoration: underline;
317
            }
318
            article blockquote > blockquote {
319
                border-left: 1px solid #000;
320
                margin: 5px;
321
                padding-left: 10px;
322
            }
323
            article ul, article ol {
324
                padding-left: 15px;
325
                margin: 5px;
326
            }
327
            article .quote cite {
328
                display: block;
329
                margin-top: 8px;
330
            }
331
            article .chat ul {
332
                list-style: none;
333
                padding: 0;
334
                margin: 0;
335
            }
336
            article .chat ul li:not(:last-of-type) {
337
                margin-bottom: 5px;
338
            }
339
            article .audio {
340
                text-align: center;
341
            }
342
            article .audio img {
343
                width: 60px;
344
                height: 60px;
345
                border-radius: 50%;
346
                margin-bottom: 10px;
347
            }
348
            article .audio .audio_player {
349
                width: 27px;
350
                overflow: hidden;
351
                margin: 0 auto;
352
                height: 27px;
353
                border-radius: 50%;
354
                margin-top: -54.5px;
355
                margin-bottom: 25px;
356
                opacity: 0.8;
357
            }
358
            article .video.table {
359
                text-align: center;
360
            }
361
            article .video .table-cell i {
362
                font-size: 2em;
363
            }
364
            article .video .table-cell b {
365
                display: block;
366
                text-transform: uppercase;
367
                font-size: 9px;
368
                margin-top: 10px;
369
            }
370
            article .answer cite {
371
                display: block;
372
                text-align: right;
373
                margin-top: 2px;
374
                margin-bottom: 10px;
375
            }
376
            article .answer .question b {
377
                margin-right: 2px;
378
            }
379
            article .answer .response b + p {
380
                display: inline;
381
                margin-left: 2px;
382
            }
383
            article.non-text-type .permalinks {
384
                position: absolute;
385
                top: 0;
386
                left: 0;
387
                width: 100%;
388
                height: 100%;
389
                background: rgba(0,0,0,0.9);
390
                color: #fff;
391
                z-index: 999;
392
                box-sizing: border-box;
393
                padding: 15px;
394
                opacity: 0;
395
                -webkit-transition: all 0.5s;
396
                        transition: all 0.5s;
397
            }
398
            article.non-text-type:hover .permalinks {
399
                opacity: 1;
400
                -webkit-transition: all 0.5s;
401
                        transition: all 0.5s;
402
            }
403
            article.non-text-type .permalinks a {
404
                color: #fff;
405
            }
406
            .custom-like-button {
407
                position: relative;
408
                cursor: pointer;
409
                display: inline-block;
410
                margin-right: 3px;
411
            }
412
            .like_button {
413
                position: absolute;
414
                top: 0;
415
                left: 0;
416
                right: 0;
417
                bottom: 0;
418
                width: 100%;
419
                height: 100%;
420
                opacity: 0;
421
                z-index: 10;
422
            }
423
            .like_button iframe {
424
                width: 100% !important;
425
                height: 100% !important;
426
            }
427
            .our_toggle {
428
                top: 0;
429
                left: 0;
430
                right: 0;
431
                bottom: 0;
432
                width: 10px;
433
                height: 10px;
434
                z-index: 1;
435
                -webkit-transition: all 0.2s ease-in-out;
436
                   -moz-transition: all 0.2s ease-in-out;
437
                     -o-transition: all 0.2s ease-in-out;
438
                        transition: all 0.2s ease-in-out;
439
            }
440
            .like_button:hover + .our_toggle {
441
                color: {color:Dark Accent};
442
                -webkit-transition: all 0.2s ease-in-out;
443
                   -moz-transition: all 0.2s ease-in-out;
444
                     -o-transition: all 0.2s ease-in-out;
445
                        transition: all 0.2s ease-in-out;
446
            }
447
            .like_button.liked + .our_toggle .oi-heart:before {
448
                content: "\e098";
449
                color: {color:Dark Accent};
450
            }
451
            article.non-text-type .notecount {
452
                line-height: 20px;
453
                position: absolute;
454
                top: calc(50% - 10px);
455
                text-align: center;
456
                width: calc(100% - 30px);
457
            }
458
            article.non-text-type .buttons {
459
                position: absolute;
460
                bottom: 15px;
461
                right: 15px;
462
                font-size: 1.2em;
463
            }
464
            article.text-type .permalinks .time {
465
                display: none;
466
            }
467
            article.text-type .buttons {
468
                position: absolute;
469
                bottom: 15px;
470
                right: 20px;
471
            }
472
            article.text-type .notecount {
473
                position: absolute;
474
                bottom: 15px;
475
                left: 20px;
476
                font-size: 9px;
477
                font-weight: bold;
478
            }
479
            {block:PermalinkPage}
480
            #wrapper {
481
                width: 450px;
482
            }
483
            aside {
484
                left: calc(50% - 315px);
485
            }
486
            article {
487
                width: 450px;
488
            }
489
            ol.notes {
490
                list-style: none;
491
                padding: 0;
492
                margin: 0;
493
                background: {color:Accent};
494
                padding: 20px;
495
                margin-top: -3px;
496
            }
497
            ol.notes blockquote {
498
                padding-left: 5px;
499
                margin: 5px;
500
                margin-left: 10px;
501
                border-left: 1px solid #000;
502
                line-height: 13px;
503
            }
504
            a.avatar_frame {
505
                float: right;
506
                margin-top: -1px;
507
            }
508
            img.avatar {
509
                border-radius: 50%;
510
                border: 1px solid #fff;
511
                background: #fff;
512
            }
513
            ol.notes a {
514
                font-weight: bold;
515
                font-size: 8.5px;
516
                text-transform: uppercase;
517
            }
518
            ol.notes blockquote a {
519
                font-size: 10px;
520
                font-weight: normal;
521
                text-transform: initial;
522
            }
523
            li.note {
524
                margin-top: 3px;
525
                line-height: 16px;
526
                border-top: 1px solid #eee;
527
                padding-top: 3px;
528
            }
529
            li.note .oi-repeat:before,
530
            li.note .oi-heart:before,
531
            li.note .oi-chat:before,
532
            li.note .oi-user:before {
533
                font-size: 1.2em;
534
            }
535
            li.note .oi-heart {
536
                margin-right: 4px;
537
                color: #a51c1c;
538
            }
539
            li.note .oi-chat, li.note .oi-user {
540
                margin-right: 4px;
541
            }
542
            .caption {
543
                background: {color:Accent};
544
                padding: 20px;
545
            }
546
            .table {
547
                padding: 20px;
548
                height: 150px;
549
                box-sizing: border-box;
550
            }
551
            .perma-info {
552
                padding: 20px 20px 6px;
553
                background: {color:Accent};
554
                font-weight: bold;
555
                text-transform: uppercase;
556
                font-size: 8.5px;
557
            }
558
            ul.tags {
559
                margin: 0;
560
                padding: 0;
561
                list-style: none;
562
                margin-bottom: 6px;
563
                padding-bottom: 4px;
564
                border-bottom: 1px solid #eaeaea;
565
                line-height: 1.6;
566
            }
567
            ul.tags li {
568
                display: inline-block;
569
                margin-right: 6px;
570
            }
571
            ul.tags li .oi-tags {
572
                font-size: 1.3em;
573
            }
574
            .via-src {
575
                display: inline-block;
576
                top: -4px;
577
                position: relative;
578
                float: right;
579
            }
580
            .via-src a {
581
                display: inline-block;
582
            }
583
            .via-src a + a {
584
                margin-left: -8px;
585
            }
586
            .via-src img {
587
                border-radius: 50%;
588
                border: 1px solid #fff;
589
                background: #fff;
590
            }
591
            .table + .caption {
592
                padding-top: 0px;
593
            }
594
            .caption + .perma-info {
595
                padding-top: 0px;
596
            }
597
            .table + .perma-info {
598
                padding-top: 0px;
599
            }
600
            .perma-info + .notes {
601
                padding-top: 0px;
602
            }
603
            .table .caption {
604
                padding: 0px;
605
            }
606
            .blank-page h2 {
607
                border-bottom: 1px solid #eaeaea;
608
                font-weight: bold;
609
                font-size: 9px;
610
                padding: 10px 0;
611
                margin-bottom: 20px;
612
                text-transform: capitalize;
613
            }
614
            .blank-page a {
615
                border-bottom: 1px solid rgba({RGBcolor:Dark Accent},0.8);
616
            }
617
            .blank-page p {
618
                margin: 8px 0;
619
            }
620
            .blank-page li:not(:last-of-type) {
621
                margin-bottom: 5px;
622
            }
623
            .blank-page blockquote {
624
                border-left: 2px solid #eaeaea;
625
                padding-left: 12px;
626
                margin-left: 10px;
627
            }
628
            {/block:PermalinkPage}
629
        </style>
630
    </head>
631
    <body>
632
        <div id="wrapper">
633
            <aside>
634
                <h1>{Title}</h1>
635
                <img src="{image:Sidebar}">
636
                {block:Description}<div id="desc">
637
                    {Description}
638
                </div>{/block:Description}
639
                {block:IfSearch}<div id="search">
640
                    <form action="/search" method="get">
641
                        <input type="text" name="q" value="{SearchQuery}"/>
642
                        <input type="submit" value="Search"/>
643
                    </form>
644
                </div>{/block:IfSearch}
645
                <ul id="nav">
646
                    <li><a href="/">home</a>
647
                    <li><a href="/ask">contact</a>
648
                    <li><a href="/archive">past</a>
649
                    {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
650
                </ul>
651
            </aside>
652
            {block:SearchPage}<article class="new-day page-{CurrentPage}">
653
                Displaying results for "{SearchQuery}"
654
                <div class="search-results">
655
                    {SearchResultCount} Result<span style="text-transform:lowercase">(s)</span>
656
                </div>
657
            </article>{/block:SearchPage}{block:TagPage}<article class="new-day page-{CurrentPage}">
658
                Showing posts tagged with #{Tag}
659
                <span style="float:right"><a href="{TagURLChrono}">View chronologically</a></span>
660
            </article>{/block:TagPage}
661
            <div id="posts">{block:Posts}{block:NewDayDate}<article class="new-day" data-date="{DayOfWeek} {DayOfMonth}{DayofMonthSuffix} of {Month}"{block:SearchPage} style="display:none"{/block:SearchPage}{block:TagPage} style="display:none"{/block:TagPage}>
662
                    <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/">{DayOfWeek} {DayOfMonth}{DayofMonthSuffix} of {Month}</a>
663
                    {block:DayPagination}<div class="day-pagination">
664
                        {block:NextDayPage}<a href="{NextDayPage}" title="next day"><i class="oi-chevron-left"></i></a>{/block:NextDayPage}
665
                        {block:PreviousDayPage}<a href="{PreviousDayPage}" title="previous day"><i class="oi-chevron-right"></i></a>{/block:PreviousDayPage}
666
                    </div>{/block:DayPagination}
667
                    {block:PermalinkPagination}<div class="perma-pagination">
668
                        {block:NextPost}<a href="{NextPost}" title="next post"><i class="oi-chevron-left"></i></a>{/block:NextPost}
669
                        {block:PreviousPost}<a href="{PreviousPost}" title="previous post"><i class="oi-chevron-right"></i></a>{/block:PreviousPost}
670
                    </div>{/block:PermalinkPagination}
671
                </article>{/block:NewDayDate}
672
                <article id="{PostID}" class="{block:Photo}non-{/block:Photo}{block:Photoset}non-{/block:Photoset}text-type">
673
                    {block:IndexPage}<div class="permalinks">
674
                        <div class="time"><a href="{Permalink}" target="_blank" >{12HourWithZero}:{Minutes}{CapitalAmPm}</a></div>
675
                        <div class="notecount"><a href="{Permalink}" target="_blank"><span class="noted">{NoteCount}</span></a></div>
676
                        <div class="buttons">
677
                            <div class="custom-like-button">
678
                                {LikeButton}
679
                                <div class="our_toggle"><i class="oi-heart"></i></div>
680
                            </div>
681
                            <a href="{ReblogURL}" target="_blank"><i class="oi-refresh"></i></a>
682
                        </div>
683
                    </div>{/block:IndexPage}
684
                    {block:Photo}<div class="photo">
685
                        {block:IndexPage}<img src="{PhotoURL-250}">{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-HighRes}">{/block:PermalinkPage}
686
                    </div>{/block:Photo}{block:Photoset}<div class="photoset">
687
                        <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
688
                            {block:Photos}<div class="photo-data">
689
                                <div class="pxu-photo">
690
                                    <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
691
                                </div>
692
                                <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
693
                            </div>{/block:Photos}
694
                        </div>
695
                    </div>{/block:Photoset}{block:Text}<div class="text {block:Date}table x{/block:Date}blank-page">
696
                        <div{block:Date} class="table-cell"{/block:Date}>
697
                            {block:Title}<h2>{Title}</h2>{/block:Title}
698
                            <div class="caption">
699
                                {Body}
700
                            </div>
701
                        </div>
702
                    </div>{/block:Text}{block:Quote}<div class="quote table">
703
                        <div class="table-cell">
704
                            <h2>{Quote}</h2>
705
                            {block:Source}<cite>{Source}</cite>{/block:Source}
706
                        </div>
707
                    </div>{/block:Quote}{block:Chat}<div class="chat table">
708
                        <div class="table-cell">
709
                            {block:Title}<h2>{Title}</h2>{/block:Title}
710
                            <ul>
711
                                {block:Lines}<li>{block:Label}<b>{Label}</b> {/block:Label}{Line}{/block:Lines}
712
                            </ul>
713
                        </div>
714
                    </div>{/block:Chat}{block:Link}<div class="link table">
715
                        <div class="table-cell">
716
                            <h2><i class="oi-link"></i> <a href="{URL}" class="linked-link">{Name}</a></h2>
717
                            {block:Description}<div class="caption">
718
                                {Description}
719
                            </div>{/block:Description}
720
                        </div>
721
                    </div>{/block:Link}{block:Audio}<div class="audio table">
722
                        <div class="table-cell">
723
                            {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
724
                            {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
725
                            <h2 class="trackname"><span {block:TrackName}style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</h2>
726
                            <p>by <span {block:Artist}style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}
727
                        </div>
728
                    </div>{/block:Audio}{block:Video}{block:IndexPage}<div class="video table">
729
                        <div class="table-cell">
730
                            <a href="{Permalink}">
731
                                <i class="oi-play"></i>
732
                                <b>Video Post</b>
733
                            </a>
734
                        </div>
735
                    </div>{/block:IndexPage}{block:PermalinkPage}<div class="video">
736
                        {Video-500}          
737
                    </div>{/block:PermalinkPage}{/block:Video}{block:Answer}<div class="answer table">
738
                        <div class="table-cell">
739
                            <div class="question"><b>Q: </b>{Question}</div>
740
                            <cite>&mdash; asked by {Asker}</cite>
741
                            <span class="response"><b>A:</b>{block:Answerer} {Answer}</span>
742
                            <cite> &mdash; answered by {Answerer}</cite>{/block:Answerer}
743
                            {block:Answerer}<div class="replies caption">{/block:Answerer}
744
                                {Replies}
745
                            {block:Answerer}</div>{/block:Answerer}
746
                        </div>
747
                    </div>{/block:Answer}
748
                    {block:PermalinkPage}
749
                    {block:Caption}<div class="caption">
750
                        {Caption}
751
                    </div>{/block:Caption}
752
                    <div class="{block:Date}p{/block:Date}erma-info">
753
                        {block:HasTags}<ul class="tags">
754
                            <li><i class="oi-tags"></i>
755
                            {block:Tags}<li><a href="/{URLSafeTag}" target="_blank">#{Tag}</a>{/block:Tags}
756
                        </ul>{/block:HasTags}
757
                        {block:Date}{block:NotReblog}Posted{/block:NotReblog}{block:RebloggedFrom}Reblogged{/block:RebloggedFrom} at {12HourWithZero}:{Minutes}{CapitalAmPm} with {NoteCountWithLabel}{/block:Date}
758
                        <div class="via-src">
759
                            {block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank" title="via"><img src="{ReblogParentPortraitURL-16}"></a>
760
                            <a href="{ReblogRootURL}" target="_blank" title="source"><img src="{ReblogRootPortraitURL-16}"></a>{/block:RebloggedFrom}
761
                        </div>
762
                    </div>
763
                    {block:PostNotes}{PostNotes}{/block:PostNotes}
764
                    {/block:PermalinkPage}
765
                </article>
766
                {block:PermalinkPage}{block:ContentSource}<!-- {SourceURL}
767
{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
768
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
769
{/block:ContentSource}{/block:PermalinkPage}
770
                {/block:Posts}
771
            </div>
772
        </div>
773
        {block:Pagination}<div class="pagination" style="visibility:hidden;">
774
            {block:NextPage}<a href="{NextPage}" id="next-link">next</a>{/block:NextPage}
775
        </div>{/block:Pagination}
776
        {block:IndexPage}<script src="https://secure.static.tumblr.com/8pnyeus/RMDoagq6r/jquery.infinitescroll.min.js"></script>
777
        <script src="https://secure.static.tumblr.com/i5s2zks/0ILo8v362/masonry.pkgd.min.js"></script>
778
        <script src="https://secure.static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>{/block:IndexPage}
779
        <link href="https://dl.dropboxusercontent.com/s/hzclyl41cq3yzjk/style.css" rel="stylesheet" type="text/css"/>
780
        <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
781
        <script src="https://secure.static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
782
        <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
783
        <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
784
        <script src="http://static.tumblr.com/yxfeliq/L7honps15/healing.min.js"></script>
785
        <script>
786
            (function(){
787
                $("[title],a[title],img[title]").style_my_tooltips({
788
                    tip_follows_cursor: true,
789
                    tip_delay_time: 100,
790
                    tip_fade_speed: 300,
791
                    attribute: "title"
792
                });
793
                $('.photo-slideshow').pxuPhotoset(pxuOptions);
794
                {block:IndexPage}$('article').unnest(unnestOptions);{/block:IndexPage}{block:PermalinkPage}{block:Date}$('article').unnest(unnestOptions);{/block:Date}{/block:PermalinkPage}
795
                $('.new-day').each(checkDate);
796
                $('.noted').digits();
797
                $('.tumblr_blog').each(removeBlanks);
798
                $('.tumblr_blog').each(addColons);
799
                {block:PermalinkPage}
800
                $('li.note').each(changeNotes);
801
                $('li.like').prepend('<i class="oi-heart"></i>').addClass('likesAdded');
802
                $('li.reply').not('.repliesAdded').prepend('<i class="oi-chat"></i>').addClass('repliesAdded');
803
                $('li.original_post').not('.userAdded').prepend('<i class="oi-user"></i>').addClass('userAdded');
804
                {/block:PermalinkPage}
805
                {block:IndexPage}
806
                var $tumblelog = $('#posts');
807
                $tumblelog.imagesLoaded(function () {
808
                    $tumblelog.masonry(masonryOptions);
809
                });
810
                $tumblelog.infinitescroll(
811
                    infScrollOptions, function( newElements ) {
812
                        var $newElems = $( newElements );
813
                        var $newElemsIDs = $newElems.map(function () {
814
                            return this.id;
815
                        }).get();
816
                        $newElems.find('.photo-slideshow').pxuPhotoset(pxuOptions);
817
                        $newElems.filter('.new-day').each(checkDate);
818
                        $newElems.find('.noted').digits();
819
                        $newElems.unnest(unnestOptions);
820
                        $newElems.find('.tumblr_blog').each(removeBlanks);
821
                        $newElems.find('.tumblr_blog').each(addColons);
822
                        $newElems.css({ opacity: 0, zIndex: -1 });
823
                        $newElems.imagesLoaded(function(){
824
                            $newElems.animate({ opacity: 1, zIndex: 1 });
825
                            $tumblelog.masonry( 'appended', $newElems );
826
                        });  
827
                        resizeVideos();
828
                        Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
829
                });
830
                {/block:IndexPage}
831
            })();
832
            var fhs = document.createElement('script');var fhs_id = "5460277";var ref = (''+document.referrer+'');var pn =  window.location;var w_h = window.screen.width + " x " + window.screen.height;fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"' style='display:none'></span>");
833
            {block:IndexPage}
834
            $(window).resize(function(){
835
                $('#posts').masonry();
836
            });{/block:IndexPage}
837
        </script>
838
    </body>
839
</html>