View difference between Paste ID: Kz56XCsw and L5bpxxpF
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<!------------------------------------------
5
 
6
(◍•ᴗ•◍)♡ ✧*。
7
 
8
Getaway Theme by Chloe | @dontbrag | @bychloethemes
9
 
10
> Do not delete/alter any credit.
11
> Do not claim as your own.
12
> Do not copy any code.
13
> Do not redistribute.
14
 
15
------------------------------------------->
16
{block:Hidden}
17
<meta name="color:Text" content="#666"/>
18
<meta name="color:Accent" content="#48a1b4" />
19
<meta name="color:Light Accent" content="#eef" />
20
21
<meta name="if:Credit Link" content="" />
22
{/block:Hidden}
23
 
24
<meta charset="UTF-8" />
25
<title>{block:TagPage}{Tag} posts | {/block:TagPage} {block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
26
<link rel="shortcut icon" href="{Favicon}">
27
<link rel="alternate" type="application/rss+xml" href="{RSS}">
28
<link href='//fonts.googleapis.com/css?family=Playfair+Display:400,700|PT+Sans:400,700' rel='stylesheet' type='text/css'>
29
<link rel="stylesheet" href="http://static.tumblr.com/yxfeliq/0gMo0fe39/style.css">
30
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
31
<script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5365085";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>");
32
</script>
33
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
34
<script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
35
<script src="http://static.tumblr.com/yxfeliq/p7hocppag/getaway.js"></script>
36
<style type="text/css">
37
#tumblr_controls, .tmblr-iframe {
38
    top:5px!important;
39
    right:5px!important;
40
    -webkit-filter: invert(90%);
41
            filter: invert(90%);
42
    position:fixed!important;
43
    -webkit-transform:scale(.8, .8);
44
       -moz-transform:scale(.8, .8);
45
            transform:scale(.8, .8);
46
    -webkit-transform-origin: right top;
47
       -moz-transform-origin: right top;
48
        -ms-transform-origin: right top;
49
         -o-transform-origin: right top;
50
            transform-origin: right top;
51
    z-index:999999999999999999!important
52
}
53
::-webkit-scrollbar {
54
    background-color:#f6f6f6;
55
    height: 7px;
56
    width: 7px;
57
}
58
::-webkit-scrollbar-thumb {
59
    background-color:#aaa;
60
    border:2px solid #f6f6f6;
61
}
62
::selection {
63
    background:transparent;
64
    color:{color:Accent};
65
}
66
::-moz-selection {
67
    background:transparent;
68
    color:{color:Accent};
69
}
70
* {
71
    margin:0;
72
    padding:0;
73
}
74
#s-m-t-tooltip {
75
    max-width:300px;
76
    padding:3px 6px;
77
    margin:20px 0px 0px 20px;
78
    background: #fff;
79
    border:1px solid #ececec;
80
    color:{color:Text};
81
    z-index:999999999999999999;
82
    font-size:9px;
83
    text-transform:uppercase;
84
}
85
body{
86
    background:#f6f6f6;
87
    color:{color:text};
88
    font-size:11px;
89
    font-family: 'PT Sans', sans-serif;
90
    font-weight:400;
91
    line-height:1.4em;
92
    overflow-x:hidden;
93
    word-wrap: break-word;
94
    word-break: break-word;
95
}
96
a {
97
    text-decoration:none;
98
    color:{color:Accent};
99
}
100
p {
101
    margin:10px 0;
102
}
103
p:first-of-type {
104
    margin-top:0;
105
}
106
p:last-of-type {
107
    margin-bottom:0;
108
}
109
p:empty + p {
110
    margin-top: 0px;
111
}
112
p:empty {
113
    height: 0;
114
    margin: 0;
115
    padding: 0;
116
}
117
pre {
118
    white-space:pre-wrap;
119
}
120
ul {
121
    list-style:circle;
122
}
123
hr {
124
    width:70%;
125
    margin:10px auto;
126
    height:1px;
127
    background:{color:Accent};
128
    border:none;
129
    display:block;
130
}
131
blockquote {
132
    border-left:2px solid #eee;
133
    padding-left:10px;
134
}
135
h1, h2, h3, h4, h5, h6 {
136
    margin:10px;
137
    font-family:'Playfair Display',serif;
138
}
139
cite {
140
    margin:10px;
141
    text-align:right;
142
    display:block;
143
}
144
#infscr-loading {
145
    position:absolute;
146
    margin-bottom:-40px;
147
    bottom:70px;
148
    width:200px;
149
    margin-left:50%;
150
    left:-100px;
151
    text-align:center;
152
}
153
img:not(.lightbox-image), embed, video, .tumblr_video_container, iframe:not(.instagram-media):not(#ask_form):not(.like_toggle):not(.tumblr_audio_player) {
154
    max-width:100%!important;
155
    height:auto;
156
}
157
.instagram-media {
158
    max-width:100%!important;
159
}
160
img:not(.lightbox-image) {
161
    vertical-align:middle;
162
}
163
.tumblr_video_container {
164
    height:auto!important;
165
}
166
.vine-embed {
167
    height:280px!important; 
168
}
169
.left {
170
    width:50px;
171
    border-right:1px solid transparent;
172
    height:100%;
173
    z-index:999;
174
    top:0;
175
    left:0;
176
    position:fixed;
177
    text-align:center;
178
    -webkit-transition: all 0.5s ease-in-out;
179
       -moz-transition: all 0.5s ease-in-out;
180
         -o-transition: all 0.5s ease-in-out;
181
            transition: all 0.5s ease-in-out;
182
}
183
.expander {
184
    width:200px;
185
    border-color:#eaeaea;
186
    background:#fff;
187
    -webkit-transition: all 0.5s ease-in-out;
188
       -moz-transition: all 0.5s ease-in-out;
189
         -o-transition: all 0.5s ease-in-out;
190
            transition: all 0.5s ease-in-out;
191
}
192
#clicker {
193
    position:absolute;
194
    right:-15px;
195
    top:15px;
196
    font-size:18px;
197
    cursor:pointer;
198
}
199
#avatar {
200
    margin:11px 6px 11px 16px;
201
    border-radius:50%;
202
    height:24px;
203
    width:24px;
204
    -webkit-transition: all 0.5s ease-in-out;
205
       -moz-transition: all 0.5s ease-in-out;
206
         -o-transition: all 0.5s ease-in-out;
207
            transition: all 0.5s ease-in-out;
208
}
209
.left hr {
210
    margin:15px auto;
211
    width:60px;
212
    opacity:0;
213
    -webkit-transition: all 0.2s ease-in-out;
214
       -moz-transition: all 0.2s ease-in-out;
215
         -o-transition: all 0.2s ease-in-out;
216
            transition: all 0.2s ease-in-out;
217
}
218
.left h1 {
219
    opacity:0;
220
    position:relative;
221
    top:-10px;
222
    line-height:30px;
223
    -webkit-transition: all 0.2s ease-in-out;
224
       -moz-transition: all 0.2s ease-in-out;
225
         -o-transition: all 0.2s ease-in-out;
226
            transition: all 0.2s ease-in-out;
227
}
228
.left p {
229
    padding:0 15px;
230
    margin:0;
231
    opacity:0;
232
    position:relative;
233
    top:-10px;
234
    -webkit-transition: all 0.2s ease-in-out;
235
       -moz-transition: all 0.2s ease-in-out;
236
         -o-transition: all 0.2s ease-in-out;
237
            transition: all 0.2s ease-in-out;
238
}
239
ul#navlinks {
240
    list-style-type:none;
241
    font-size:11px;
242
    margin: 5px;
243
    padding:0;
244
    z-index:99;
245
    opacity:0;
246
    position:relative;
247
    top:-10px;
248
    -webkit-transition: all 0.2s ease-in-out;
249
       -moz-transition: all 0.2s ease-in-out;
250
         -o-transition: all 0.2s ease-in-out;
251
            transition: all 0.2s ease-in-out;
252
}
253
ul#navlinks li {
254
    display:inline-block;
255
    text-transform:capitalize;
256
    padding: 2px;
257
    font-family: 'PT Sans', sans-serif;
258
    position:relative;
259
    -webkit-transition: all 0.3s ease-in-out;
260
       -moz-transition: all 0.3s ease-in-out;
261
         -o-transition: all 0.3s ease-in-out;
262
            transition: all 0.3s ease-in-out;
263
}
264
ul#navlinks {
265
    counter-reset: LIST-COUNTER;
266
}
267
ul#navlinks li:before{
268
    content: counter( LIST-COUNTER, upper-roman ) ".";
269
    counter-increment: LIST-COUNTER;
270
    position:relative;
271
    left:-3px;
272
    float:left;
273
}
274
ul#navlinks a {
275
    color:{color:text};
276
    cursor:pointer;
277
}
278
ul#navlinks a:hover {
279
    color:{color:accent};
280
}
281
.expander #avatar {
282
    width:100px;
283
    height:100px;
284
    margin:20px 50px;
285
    -webkit-transition: all 0.5s ease-in-out;
286
       -moz-transition: all 0.5s ease-in-out;
287
         -o-transition: all 0.5s ease-in-out;
288
            transition: all 0.5s ease-in-out;
289
}
290
.expander hr {
291
    opacity:1;
292
    -webkit-transition: all 0.6s ease-in-out 0.3s;
293
       -moz-transition: all 0.6s ease-in-out 0.3s;
294
         -o-transition: all 0.6s ease-in-out 0.3s;
295
            transition: all 0.6s ease-in-out 0.3s;
296
}
297
.expander h1 {
298
    opacity:1;
299
    top:0;
300
    -webkit-transition: all 0.6s ease-in-out 0.4s;
301
       -moz-transition: all 0.6s ease-in-out 0.4s;
302
         -o-transition: all 0.6s ease-in-out 0.4s;
303
            transition: all 0.6s ease-in-out 0.4s;
304
}
305
.expander p {
306
    opacity:1;
307
    top:0;
308
    -webkit-transition: all 0.6s ease-in-out 0.8s;
309
       -moz-transition: all 0.6s ease-in-out 0.8s;
310
         -o-transition: all 0.6s ease-in-out 0.8s;
311
            transition: all 0.6s ease-in-out 0.8s;
312
}
313
.expander ul#navlinks {
314
    opacity:1;
315
    top:0;
316
    -webkit-transition: all 0.6s ease-in-out 1.2s;
317
       -moz-transition: all 0.6s ease-in-out 1.2s;
318
         -o-transition: all 0.6s ease-in-out 1.2s;
319
            transition: all 0.6s ease-in-out 1.2s;
320
}
321
#wrapper {
322
    margin-top:15px;
323
    padding-top:40px;
324
    top:0;
325
    {block:IndexPage}
326
    width:960px;
327
    {/block:IndexPage}
328
    {block:PermalinkPage}
329
    width:500px;
330
    {/block:PermalinkPage}
331
}
332
.shuffle {
333
    margin-left:calc(50% - 480px);
334
    -webkit-transition: all 0.5s ease-in-out;
335
       -moz-transition: all 0.5s ease-in-out;
336
         -o-transition: all 0.5s ease-in-out;
337
            transition: all 0.5s ease-in-out;
338
}
339
.shift {
340
    margin-left:calc(50% - 280px);
341
    {block:IndexPage}opacity:0.6;{/block:IndexPage}
342
    -webkit-transition: all 0.5s ease-in-out;
343
       -moz-transition: all 0.5s ease-in-out;
344
         -o-transition: all 0.5s ease-in-out;
345
            transition: all 0.5s ease-in-out;
346
}
347
#posts {
348
    padding-bottom:40px;
349
}
350
{block:PermalinkPage}
351
#posts {
352
    position:relative;
353
}
354
{/block:PermalinkPage}
355
article {
356
    padding:5px;
357
    box-sizing:border-box;
358
    background:#fff;
359
    border:1px solid #eee;
360
    margin-bottom:60px;
361
    position:relative;
362
    border-radius:5px;
363
    {block:IndexPage}
364
    width:280px;
365
    {/block:IndexPage}
366
    {block:PermalinkPage}
367
    width:500px;
368
    padding:15px;
369
    {/block:PermalinkPage}
370
}
371
.title {
372
    text-align: center;
373
    position: relative;
374
    margin-bottom: 20px;
375
}
376
.title:after {
377
    content: '';
378
    height: 2px;
379
    position: absolute;
380
    width: 60px;
381
    background: {color:Accent};
382
    left: calc(50% - 30px);
383
    bottom: -20px;
384
}
385
article ul, article ol {
386
    margin:10px;
387
    padding-left:20px;
388
}
389
blockquote.tumblr_parent {
390
    border-left:none;
391
    padding-left:0;
392
    margin:5px 10px;
393
    border-bottom:1px solid #eee;
394
    padding-bottom:10px;
395
    line-height:120%;
396
}
397
blockquote.tumblr_parent:first-of-type {
398
    margin-top:5px;
399
}
400
blockquote.tumblr_parent:last-of-type {
401
    border-bottom:none;
402
    padding-bottom:0px;
403
    margin-bottom:10px;
404
}
405
blockquote.tumblr_parent p a {
406
    color:{color:Links};
407
}
408
article h1 {
409
    margin-bottom:0;
410
}
411
a.tumblr_blog {
412
    font-weight:bold;
413
    color:{color:Text};
414
}
415
.caption_avatar {
416
    border-radius: 5px;
417
    width: 20px;
418
    margin: 5px;
419
    margin-left: 0px;
420
    margin-bottom:10px;
421
}
422
.caption, .link, .answer, .chat, .audio, .quote {
423
    margin-bottom:19px;
424
}
425
.chat ul {
426
    list-style:none;
427
    padding:0;
428
    margin:10px;
429
    line-height:150%;
430
}
431
img.album-art {
432
    width:80px;
433
    height:80px;
434
    position:absolute;
435
    margin: 10px;
436
    border-radius: 5px;
437
}
438
.audio-info {
439
    display:inline-block;
440
    margin:10px;
441
    margin-bottom:0;
442
    margin-left:100px;
443
    min-height:80px;
444
    line-height:140%;
445
}
446
.tumblr_audio_player {
447
    opacity:0.9;
448
    width:30px;
449
    height:30px;
450
    border-radius:50%;
451
    position:absolute;
452
    top:40px;
453
    left:40px;
454
}
455
img.asks {
456
    border-radius: 5px;
457
    float: left;
458
    margin-right: 15px;
459
}
460
img.responder {
461
    border-radius: 5px;
462
    float: right;
463
    margin-left: 15px;
464
}
465
.question {
466
    background: #eee;
467
    margin-left: 45px;
468
    padding: 10px;
469
    border-radius: 5px;
470
    {block:PermalinkPage}
471
    margin-left:84px;
472
    {/block:PermalinkPage}
473
}
474
.question:before {
475
    content:"";
476
    width: 0;
477
    height: 0;
478
    border-style: solid;
479
    z-index:999;
480
    border-color: transparent #eee transparent transparent;
481
    position:absolute;
482
    {block:IndexPage}
483
    border-width: 5px 10px 5px 0px;
484
    left:50px;
485
    {/block:IndexPage}
486
    {block:PermalinkPage}
487
    border-width: 7px 15px 7px 0px;
488
    left:94px;
489
    {/block:PermalinkPage}
490
}
491
.response {
492
    background: #eee;
493
    margin-right: 45px;
494
    border-radius: 5px;
495
    padding: 10px;
496
    {block:PermalinkPage}
497
    margin-right:84px;
498
    {/block:PermalinkPage}
499
}
500
.response:before {
501
    content:"";
502
    width: 0;
503
    height: 0;
504
    border-style: solid;
505
    z-index:999;
506
    border-color: transparent transparent transparent #eee;
507
    position:absolute;
508
    {block:IndexPage}
509
    border-width: 5px 0px 5px 10px;
510
    right:50px;
511
    {/block:IndexPage}
512
    {block:PermalinkPage}
513
    border-width: 7px 0px 7px 15px;
514
    right:94px;
515
    {/block:PermalinkPage}
516
}
517
.response p:first-of-type {
518
    display:inline;
519
}
520
a.answerer, a.post-link {
521
    color:{color:Text};
522
}
523
.permalinks {
524
    margin:0;
525
    padding:0;
526
    list-style:none;
527
    text-align:center;
528
    position:relative;
529
    top:17px;
530
    margin-top:-24px;
531
}
532
.permalinks li {
533
    background:{color:Light Accent};
534
    height:10px;
535
    line-height:10px;
536
    text-align:center;
537
    width:10px;
538
    padding:7px;
539
    border-radius:50%;
540
    margin:0 5px;
541
    display:inline-block;
542
}
543
.custom-like-button {
544
  position: relative;
545
  cursor: pointer;
546
}
547
/* class for the Tumblr Like Button iframe */
548
.like_button {
549
  position: absolute;
550
  top: 0;
551
  left: 0;
552
  right: 0;
553
  bottom: 0;
554
  width: 100%;
555
  height: 100%;
556
  opacity: 0;
557
  z-index: 10;
558
}
559
/* Force iframe to fill button */
560
.like_button iframe {
561
  width: 100% !important;
562
  height: 100% !important;
563
}
564
/* class for Our Like Button */
565
.our_toggle {
566
  top: 0;
567
  left: 0;
568
  right: 0;
569
  bottom: 0;
570
  width: 10px;
571
  height: 10px;
572
  z-index: 1;
573
}
574
/* Hover State */
575
.like_button:hover + .our_toggle svg {
576
    fill:red;
577
}
578
/* Liked State */
579
.like_button.liked + .our_toggle svg {
580
    fill:red;
581
}
582
#information {
583
    margin: 10px;
584
}
585
#information h2 {
586
    margin:10px 0;
587
}
588
#information h4 {
589
    font-weight:normal;
590
    margin:10px 0;
591
}
592
#information .tagged {
593
    margin-right:5px;
594
}
595
#information .tagged:after {
596
    content:',';
597
}
598
#information .tagged:last-of-type:after {
599
    content:'';
600
}
601
#show-notes {
602
    color: {color:Text};
603
    font-weight: bold;
604
    text-transform: uppercase;
605
    cursor: pointer;
606
    font-size: 0.85em;
607
    margin: 0 auto;
608
    text-align: center;
609
    -webkit-transition: all 0.2s ease-in-out;
610
       -moz-transition: all 0.2s ease-in-out;
611
         -o-transition: all 0.2s ease-in-out;
612
            transition: all 0.2s ease-in-out;
613
    margin-top:20px;
614
    padding-top:20px;
615
    padding:5px;
616
}
617
#show-notes:hover {
618
    color:{color:Accent};
619
    -webkit-transition: all 0.2s ease-in-out;
620
       -moz-transition: all 0.2s ease-in-out;
621
         -o-transition: all 0.2s ease-in-out;
622
            transition: all 0.2s ease-in-out;
623
}
624
#notes {
625
    display:none;
626
    margin: 10px;
627
}
628
ol.notes {
629
    padding:0;
630
    margin: 0;
631
    list-style-type: none;
632
}
633
ol.notes li.note {
634
    padding: 3px 0;
635
    margin-bottom:3px;
636
}
637
ol.notes li.note img.avatar {
638
    float:right;
639
    border-radius:50%;
640
}
641
ol.notes li.note blockquote a {
642
    text-decoration: none;
643
}
644
li.more_notes_link_container {
645
    font-weight: bold;
646
    text-transform: uppercase;
647
    font-size: 0.85em;
648
}
649
a:focus {
650
    outline:none;
651
}
652
#tumblr_lightbox {
653
    background:rgba({RGBcolor:Accent}, 0.4)!important;
654
}
655
#tumblr_lightbox img {
656
    opacity:0;
657
    border-radius:0px!important;
658
    -moz-border-radius: 0px!important;
659
    -webkit-border-radius: 0px!important;
660
    -o-border-radius: 0px!important;
661
    margin-top:-15px;
662
}
663
#tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
664
    opacity: 1!important;
665
    box-shadow: 0 0 !important;
666
    border-radius: 0px!important;
667
    -moz-border-radius: 0px!important;
668
    -webkit-border-radius: 0px!important;
669
    -o-border-radius: 0px!important;
670
    padding:15px!important;
671
    background:#fff!important;
672
    border:1px solid #ececec!important;
673
}
674
</style>
675
</head>
676
<body>
677
<div class="left{block:PermalinkPage} expander{/block:PermalinkPage}">
678
    <img src="{PortraitURL-128}" id="avatar">
679
    {block:IndexPage}<i id="clicker" class="fa fa-angle-right"></i>{/block:indexPage}
680
    <h1>{Title}</h1>
681
    {block:Description}
682
    <hr>
683
    <p>{Description}</p>
684
    {/block:Description}
685
    <hr>
686
    <ul id="navlinks">
687
        <a href="/" title="home"><li></li></a>
688
        {block:AskEnabled}
689
        <a href="/ask" title="contact"><li></li></a>{/block:AskEnabled}
690
        {block:SubmissionsEnabled}<a href="/submit" title="submit"><li></li></a>{/block:SubmissionsEnabled}
691
        {block:HasPages}{block:Pages}<a href="{URL}" title="{Label}"><li></li></a>{/block:Pages}{/block:HasPages}
692
        <a href="/archive" title="history"><li></li></a>
693
        {block:IfCreditLink}<a href="http://dontbrag.tumblr.com" target="_blank" title="credit"><li></li></a>{/block:ifCreditLink}
694
    </ul>
695
</div>
696
 
697
 
698
<div id="wrapper" class="{block:IndexPage}shuffle{/block:IndexPage}{block:PermalinkPage}shift{/block:PermalinkPage}">
699
<div id="posts">
700
{block:Posts}<article id="{PostID}">
701
        {block:Text}<div class="text">
702
            {block:Title}<h2 class="title">{Title}</h2>{/block:Title}
703
            <div class="caption">{Body}</div>
704
        </div>{/block:Text}{block:Photo}<div class="photo">
705
            <div class="make_lightbox" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" /></div>
706
            {block:Caption}<div class="caption">
707
                {Caption}
708
            </div>{/block:Caption}
709
        </div>{/block:Photo}{block:Photoset}<div class="photoset">
710
            <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>
711
            {block:Caption}<div class="caption">
712
                {Caption}
713
            </div>{/block:Caption}
714
        </div>{/block:Photoset}{block:Quote}<div class="quote">
715
            <h2>{Quote}</h2>
716
            {block:Source}<cite>{Source}</cite>{/block:Source}
717
        </div>{/block:Quote}{block:Link}<div class="link">
718
            <h2><span style="position:relative;top:2px;width:14px;height:14px;display:inline-block;"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M78.7,172.8c1.1,0.9,2.5,1.4,3.9,1.4c1.7,0,3.4-0.7,4.6-2.1l50.8-60.3c1.9-2.2,1.9-5.5,0-7.7L87.2,43.9	c-2.1-2.5-5.9-2.9-8.5-0.7c-2.5,2.1-2.9,5.9-0.7,8.5l47.5,56.4L78,164.4C75.9,166.9,76.2,170.7,78.7,172.8z"/></svg></span> <a href="{URL}" target="{Target}" class="post-link">{Name}</a></h2>
719
            {block:Description}<div class="caption">{Description}</div>{/block:Description}
720
        </div>{/block:Link}{block:Chat}<div class="chat">
721
            {block:Title}<h2 class="title">{Title}</h2>{/block:Title}
722
            <ul>
723
                {block:Lines}<li>{block:Label}<b>{Label}</b> {/block:Label}{Line}{/block:Lines}
724
            </ul>
725
        </div>{/block:Chat}{block:Audio}<div class="audio">
726
            <img class="album-art" src="http://static.tumblr.com/yxfeliq/C5Xnysfnk/cd.jpg" {block:AlbumArt}style="display:none;"{/block:AlbumArt}>
727
            {block:AlbumArt}<img src="{AlbumArtURL}" class="album-art">{/block:ALbumArt}
728
            <div class="audio-info">
729
                <b>Artist:</b> <span {block:Artist}style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
730
                <b>Title:</b> <span {block:TrackName}style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>
731
                <b>Album:</b> <span {block:Album}style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br>
732
                <b>Plays:</b> {FormattedPlayCount}
733
            </div>
734
            {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
735
            {block:Caption}<div class="caption">
736
                {Caption}
737
            </div>{/block:Caption}
738
        </div>{block:Audio}{block:Video}<div class="video">
739
            {Video-400}
740
            {block:Caption}<div class="caption">
741
                {Caption}
742
            </div>{/block:Caption}
743
        </div>{/block:Video}{block:Answer}<div class="answer">
744
            <div class="ask_wrap" style="margin:10px 10px 0 10px;{block:Answerer}margin:10px;{/block:Answerer}">
745
                <img class="asks" src="{block:IndexPage}{AskerPortraitURL-30}{/block:IndexPage}{block:PermalinkPage}{AskerPortraitURL-64}{/block:PermalinkPage}">
746
                <div class="question"><b>{lang:Asker asked 2}:</b> {Question}</div>
747
                <hr style="visibility:hidden;width:100%;margin:0;height:10px;">
748
                {block:Answerer}
749
                <img class="responder" src="{block:IndexPage}{AnswererPortraitURL-30}{/block:IndexPage}{block:PermalinkPage}{AnswererPortraitURL-64}{/block:PermalinkPage}">
750
                <div class="response"><b>{Answerer} replied:</b> {Answer}</div>
751
                {/block:Answerer}
752
            </div>
753
            <hr style="visibility:hidden;width:100%;margin:0;">
754
            <div style="margin:0 10px 10px 10px;{block:Answerer}margin:0;{/block:Answerer}"{block:Answerer} class="caption"{/block:Answerer}>{Replies}</div>
755
        </div>{/block:Answer}
756
        <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->{block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
757
        {block:IndexPage}<ul class="permalinks">
758
            <li class="custom-like-button" title="like">
759
                {LikeButton}
760
                <span class="our_toggle">
761
                    <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 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
762
                </span>
763
            <li><a href="{ReblogURL}" target="_blank" title="reblog"><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 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg></a>
764
            <li><a href="{Permalink}" target="_blank" title="{NoteCount}"><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 475.433 475.433" style="enable-background:new 0 0 475.433 475.433;" xml:space="preserve"><g><g><path d="M237.717,17.425C106.533,17.425,0,101.008,0,203.575c0,52.983,28.333,102.567,77.917,137.983l-17,96.617 c-1.133,6.517,1.417,13.033,6.8,16.717c2.833,2.267,6.517,3.117,9.917,3.117c2.833,0,5.667-0.567,7.933-1.983l125.517-67.433 c9.067,0.85,17.85,1.133,26.633,1.133c131.183,0,237.717-83.583,237.717-186.15S368.9,17.425,237.717,17.425z M237.717,355.442 c-9.067,0-18.7-0.567-28.333-1.417c-3.4-0.283-6.8,0.283-9.917,1.983L100.3,409.275l12.75-72.817c1.133-6.8-1.7-13.6-7.65-17.283 c-45.617-29.183-71.683-71.117-71.683-115.6c0-83.867,91.517-152.15,203.717-152.15s203.717,68.283,203.717,152.15 S349.917,355.442,237.717,355.442z"/></g></g></svg></a>
765
        </ul>{/block:IndexPage}
766
    </article>
767
    {block:PermalinkPage}{block:Date}
768
    <article>
769
            <div id="information">
770
                <h2>{NoteCountWithLabel}</h2>
771
                {block:RebloggedFrom}<h4>reblogged via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a></h4>{/block:RebloggedFrom}
772
                {block:ContentSource}<h4>content source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a></h4>{/block:ContentSource}
773
                {block:HasTags}<h4>filed under: {block:Tags}<a href="{TagURL}"class="tagged">{Tag}</a>{/block:Tags}</h4>{/block:HasTags}
774
            </div>
775
        {/block:Date}{block:PostNotes}
776
            <div id="show-notes">show notes</div>
777
            <div id="notes">
778
                {PostNotes-16}
779
            </div>
780
        </article>
781
        {/block:PostNotes}{/block:PermalinkPage}
782
    {/block:Posts}
783
</div><!--end posts-->
784
</div><!--end wrapper-->
785
{block:Pagination}
786
<div class="pagination" style="visibility:hidden;">
787
    {block:NextPage}<a href="{NextPage}" id="next-link"><i class="fa fa-angle-right"></i></a>{/block:NextPage}
788
</div>
789
{/block:Pagination}
790
<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
791
<script src="http://static.tumblr.com/i5s2zks/0ILo8v362/masonry.pkgd.min.js"></script>
792
<script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
793
<link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
794
<script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
795
<script src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
796
<script>
797
(function(){
798
    {block:PermalinkPage}
799
    $('#show-notes').click(function(e){
800
        e.preventDefault();
801
        $('#notes').slideToggle('slow');
802
        $(this).text( $(this).text() == "show notes" ? "hide notes" : "show notes");
803
    });
804
    {/block:PermalinkPage}
805
    $('.photo-slideshow').pxuPhotoset({
806
        lightbox: true,
807
        rounded: false,
808
        gutter: '0px',
809
        photoset: '.photo-slideshow',
810
        photoWrap: '.photo-data',
811
        photo: '.pxu-photo'
812
    });
813
	$('article').unnest({ 
814
        yourCaption: ".caption",
815
        wrapName: ".tumblr_parent", 
816
        newCaptionUsername: true,
817
        originalPostCaptionUsername: true, 
818
        tumblrAvatars: true,
819
        tumblrAvatarClass: ".caption_avatar", 
820
        usernameColon: false
821
    }); 
822
    $('.make_lightbox').each(function(){
823
        $(this).on('click',function(){
824
            var lbArray = [];
825
            var arrayContents = {
826
                "width":$(this).data('width'),
827
                "height":$(this).data('height'),
828
                "low_res":$(this).data("lowres"),
829
                "high_res":$(this).data('highres')};
830
            lbArray.push(arrayContents);
831
            Tumblr.Lightbox.init(lbArray,1);
832
            $('body').toggleClass('tumblr_lightbox_active');
833
        });
834
    });
835
    {block:IndexPage}
836
    var $tumblelog = $('#posts');
837
    $tumblelog.imagesLoaded(function () {
838
        $tumblelog.masonry({
839
            itemSelector: 'article',
840
            isAnimated:false,
841
            columnWidth:280,
842
            gutter:60,
843
        });
844
    });
845
    $tumblelog.infinitescroll({
846
        navSelector : "div.pagination",
847
        nextSelector : ".pagination a#next-link",
848
        itemSelector : "article",
849
        loading: {
850
            finishedMsg: "<p>You've reached the end of the Earth.</p>",
851
            img : "https://res1.nabtrade.com.au/Content/Images/ajax_loader.gif",
852
            msg: null,
853
            msgText: "",
854
        },
855
    },
856
    function( newElements ) {
857
        var $newElems = $( newElements );
858
        var $newElemsIDs = $newElems.map(function () {
859
            return this.id;
860
        }).get();
861
        $newElems.find('.photo-slideshow').pxuPhotoset({
862
            lightbox: true,
863
            rounded: false,
864
            gutter: '0px',
865
            photoset: '.photo-slideshow',
866
            photoWrap: '.photo-data',
867
            photo: '.pxu-photo'
868
        });
869
        var $newElems = $(newElements).css({
870
            opacity: 0,
871
            zIndex: -1,
872
        });
873
        $newElems.imagesLoaded(function(){
874
            $newElems.animate({ opacity: 1, zIndex: 1 });
875
            $tumblelog.masonry( 'appended', $newElems );
876
        }); 
877
        $newElems.unnest({ 
878
            yourCaption: ".caption",
879
            wrapName: ".tumblr_parent", 
880
            newCaptionUsername: true,
881
            originalPostCaptionUsername: true, 
882
            tumblrAvatars: true,
883
            tumblrAvatarClass: ".caption_avatar", 
884
            usernameColon: false
885
        });
886
        $('.make_lightbox').each(function(){
887
            $(this).on('click',function(){  
888
                var lbArray = [];
889
                var arrayContents = {
890
                    "width":$(this).data('width'),
891
                    "height":$(this).data('height'),
892
                    "low_res":$(this).data("lowres"),
893
                    "high_res":$(this).data('highres')
894
                };
895
                lbArray.push(arrayContents);
896
                Tumblr.Lightbox.init(lbArray,1);
897
                $('body').toggleClass('tumblr_lightbox_active');
898
            });
899
        });
900
        Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
901
    });{/block:IndexPage}
902
})();
903
</script>
904
<link href="//static.tumblr.com/wupwnyt/1iho27ad1/gkthm.css" rel="stylesheet" type="text/css"> 
905
</body>
906
</html>