API tools faq
paste
View difference between Paste ID: NF1bTQ4R and ikt3xdzY
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE html>
2
<html>
3
4
<head>
5
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
6
<link href='https://fonts.googleapis.com/css?family=Libre+Baskerville:400italic' rel='stylesheet' type='text/css'>
7
<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
8
9
<title>{Title}</title>
10
11
<!--
12
___________________________________________________________________________
13
14
15
Nocturne - Theme #12
16
my usual terms apply; please do not redstribute, copy, or steal in any way
17
18
shoseii.tumblr.com

19
 

20
___________________________________________________________________________

21
 

22
-->

23
 

24
<link rel="shortcut icon" href="{Favicon}">

25
<link rel="alternate" type="application/rss+xml" href="{RSS}">

26
27
<link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>

28
 

29
 

30
{block:Description}<meta name="description" content="{MetaDescription}" />

31
{/block:Description}

32
 

33
<meta name="image:Background" content=""/>

34
<meta name="image:Sidebar" content=""/>

35
 

36
<meta name="color:Background" content="#ffffff"/>

37
<meta name="color:Border Color" content="#eeeeee"/>

38
<meta name="color:Text" content="#000000"/>

39
<meta name="color:Bold" content="#ED6B73"/>

40
<meta name="color:Title" content="#000000"/>

41
<meta name="color:Link" content="#797979"/>

42
<meta name="color:Link Hover" content="#f59797"/>

43
<meta name="color:Selection" content="#a5d7f0"/>

44
<meta name="color:Scrollbar" content="#cccccc"/>

45
 

46
<meta name="text:Link 1" content=""/>

47
<meta name="text:Link 1 URL" content=""/>

48
<meta name="text:Link 2" content=""/>

49
<meta name="text:Link 2 URL" content=""/>

50
<meta name="text:Link 3" content=""/>

51
<meta name="text:Link 3 URL" content=""/>

52
<meta name="text:Link 4" content=""/>

53
<meta name="text:Link 4 URL" content=""/>

54
<meta name="text:Link 5" content=""/>

55
<meta name="text:Link 5 URL" content=""/>

56
<meta name="text:Link 6" content=""/>

57
<meta name="text:Link 6 URL" content=""/>

58
59
<meta name="if:Infinite Scroll" content="1"/>

60
<meta name="if:Manual Load" content=""/>

61
<meta name="if:Mini Cursor" content=""/>

62
<meta name="if:Grayscale Effect" content=""/>

63
 

64
<style type="text/css">

65
66
{block:ifMiniCursor}

67
*, body, a {cursor: url(http://static.tumblr.com/p7wg3p9/o3jmn8igq/tiny.png), auto;}

68
 

69
a:hover {cursor: url(http://static.tumblr.com/p7wg3p9/EWnmn8ip5/tinyhover.png), auto;}

70
{/block:ifMiniCursor}

71
 

72
@font-face{

73
    font-family:'Nitti Grotesk';

74
    src:url(http://static.tumblr.com/2e9nahe/ISXotiidz/b81086a2-5ae3-4417-b202-2f3527621478-3.woff) format('woff');

75
} 

76
77
@font-face{

78
    font-family:'Nitti Grotesk';

79
    src:url(http://static.tumblr.com/2e9nahe/hfiotiig5/a16bc827-61b5-4dfc-b11e-bb4191d0a814-3.woff) format('woff');

80
    font-weight:200;

81
}

82
83
@font-face{

84
    font-family:'Nitti Grotesk';

85
    src:url(http://static.tumblr.com/2e9nahe/LXvotiijt/52af5be8-4bb6-43ad-b99d-a62836aab6f4-3.woff) format('woff');

86
    font-weight:bold;

87
} 

88
89
::-webkit-scrollbar{

90
    width:17px;

91
    height:17px;

92
}

93
94
::-webkit-scrollbar{

95
    background-color:{color:Background};

96
}

97
98
::-webkit-scrollbar-track{

99
    border:8px solid {color:Background};

100
    background-color:{color:Border Color};

101
}

102
103
::-webkit-scrollbar-thumb{

104
    border:8px solid {color:Background};

105
    background-color:{color:Scrollbar};

106
}

107
108
::-webkit-scrollbar:horizontal{

109
    display:none;

110
}

111
112
::-moz-selection{

113
       background:{color:Selection};

114
       color:#fff;

115
}

116
 

117
::selection{

118
       background:{color:Selection};

119
       color:#fff;

120
}

121
 

122
body{

123
    font:14px 'Nitti Grotesk', sans-serif;

124
    line-height:18px;

125
    font-weight:400;

126
    color:{color:Text};

127
    text-align:left;

128
    -webkit-font-smoothing: antialiased;

129
	-moz-osx-font-smoothing: grayscale;

130
    background:{color:Background} url('{image:Background}') fixed repeat center;

131
}

132
 

133
a{

134
    text-decoration:none;

135
    outline:none;

136
    -moz-outline-style:none;

137
    color:{color:Link};

138
    cursor:help;

139
    -webkit-transition: all 0.3s ease-in-out;

140
    -moz-transition: all 0.3s ease-in-out;

141
    -o-transition: all 0.3s ease-in-out;

142
    -ms-transition: all 0.3s ease-in-out

143
    transition: all 0.3s ease-in-out;

144
}

145
 

146
a:visited{

147
    color:{color:Link};

148
}

149
 

150
a:hover{

151
    color:{color:Link Hover};

152
}

153
 

154
b,strong{

155
    font-weight:heavy;

156
    color:{color:Bold};

157
}

158
 

159
blockquote{

160
    padding-left:5px;

161
    border-left:1px solid #ccc;

162
}

163
164
/*--Header--*/

165
166
header{

167
    background:{color:Background} url('{image:Background}') fixed repeat center;

168
    padding:50px 20px 50px 20px; 

169
    text-align:left;

170
    z-index:99999;

171
    {block:PermalinkPage}

172
    width:490px;

173
    {/block:PermalinkPage}

174
}

175
176
.sticky{

177
    position:-webkit-sticky;

178
    position:sticky;

179
    top:0px;

180
}

181
182
#title{

183
    display:inline-block;

184
    font:200 20px 'Nitti Grotesk', sans-serif;

185
    text-transform:uppercase;

186
    letter-spacing:2px;

187
    z-index:9999999999;

188
    -webkit-transition: all 0.3s ease-in-out;

189
    -moz-transition: all 0.3s ease-in-out;

190
    -o-transition: all 0.3s ease-in-out;

191
    -ms-transition: all 0.3s ease-in-out;

192
    transition: all 0.3s ease-in-out;

193
}

194
195
#title a{

196
    color:{color:Title};

197
}

198
199
#title a:hover{

200
    color:{color:Link Hover};

201
}

202
203
.lnr-menu{

204
    float:right;

205
    color:{color:Title};

206
    cursor:pointer;

207
    margin-top:5px;

208
    margin-right:-12px;

209
    {block:PermalinkPage}

210
    margin-right:-16px;

211
    {/block:PermalinkPage}

212
}

213
214
#links{

215
    display:none;

216
    position:fixed;

217
    background:#f8f8f8;

218
    right:0px;

219
    top:0px;

220
    height:100vh;

221
    width:200px;

222
    padding:20vh 40px 0px 50px;

223
    z-index:9999999999!important;

224
}

225
226
#links a{

227
    display:block;

228
    line-height:30px;

229
    font-size:11px;

230
    text-transform:uppercase;

231
    letter-spacing:2px;

232
}

233
234
#close{

235
    text-align:left;

236
    cursor:pointer;

237
}

238
239
#close img{

240
    position:absolute;

241
    width:15px;

242
    top:25px;

243
    margin-left:-20px;

244
    opacity:0.3;

245
}

246
247
#icon img{

248
    width:70px;

249
    height:70px;

250
    margin-bottom:10px;

251
    border-radius:100px;

252
}

253
254
#desc{

255
    margin-bottom:5px;

256
    line-height:20px;

257
    font-style:italic;

258
    font-family:georgia;

259
    font-size:11px;

260
}

261
262
/*--Posts--*/

263
264
#content{

265
    max-width:970px;

266
    position:relative;

267
    margin-bottom:50px;

268
    margin-top:50px;

269
    margin-left:auto;

270
    margin-right:auto;

271
    {block:PermalinkPage}

272
    width:500px;

273
    text-align:left;

274
    {/block:PermalinkPage}

275
}

276
 

277
@media (max-width:992px){

278
    #content{

279
        max-width:650px;

280
    }

281
} 

282
283
@media (max-width:672px){

284
    #content{

285
        max-width:325px;

286
    }

287
    

288
    body .text{

289
        height:auto;

290
    }

291
    

292
    .lnr-menu{

293
        margin-right:-16px;

294
    }

295
}

296
 

297
.entry{

298
    {block:indexpage}

299
    display:inline-block;

300
    width:300px;

301
    vertical-align:middle;

302
    margin:0px 0px 20px 0px;

303
    margin-right:0px;

304
    margin-left:20px;

305
    {/block:IndexPage}

306
    {block:permalinkpage}

307
    width:500px;

308
    height:auto;

309
    padding:23px;

310
    {/block:permalinkpage}

311
}

312
313
.entry img{

314
    max-width:300px;

315
    height:300px;

316
    overflow:hidden;

317
    {block:PermalinkPage}

318
    max-width:500px;

319
    height:auto;

320
    {/block:PermalinkPage}

321
}

322
323
.ph{

324
    height:300px;

325
    overflow:hidden;

326
}

327
328
.pic{

329
    background:{color:Background} no-repeat center;

330
    background-size:cover;

331
    width:100%;

332
    height:100%;

333
    overflow:hidden;

334
}

335
336
.photos img{

337
    display:none;

338
}

339
340
.photos img:first-child{

341
    display:block;

342
    width:100%;

343
}

344
 

345
ol.notes{

346
    padding:0px;

347
    width:500px;

348
    height:218px;

349
    overflow:auto;

350
    margin:5px 0px;

351
    list-style-type:none;

352
    border:1px solid{color:Border Color};

353
}

354
 

355
ol.notes li.note{

356
    border-top:solid 1px {color:Border Color};

357
    padding:10px;

358
}

359
360
ol.notes li.note:first-child{

361
    border:none;

362
}

363
 

364
ol.notes li.note img.avatar{

365
    vertical-align:-4px;

366
    margin-right:10px;

367
    width:16px;

368
    height:16px;

369
}

370
 

371
ol.notes li.note blockquote{

372
    border-color:{color:Border Color};

373
    padding:4px 10px;

374
    margin:10px 0px 0px 25px;

375
}

376
 

377
ol.notes li.note blockquote a{

378
    text-decoration:none;

379
}

380
 

381
/*--Grayscale Effect--*/

382
 

383
.img{

384
    {block:indexpage}

385
        {block:ifGrayscaleEffect}

386
          filter: url(filters.svg#grayscale);

387
        filter: gray;

388
        -webkit-filter: grayscale(1);

389
        {/block:ifGrayscaleEffect}

390
         -webkit-transition:all 0.3s ease-in-out;

391
        -moz-transition:all 0.3s ease-in-out;

392
        -o-transition:all 0.3s ease-in-out;

393
        transition:all 0.3s ease-in-out;

394
     {/block:indexpage}  

395
}

396
397
.entry:hover .img{

398
    {block:indexpage}

399
    opacity:0.6;

400
    {block:ifGrayscaleEffect}

401
      filter: url(filters.svg#grayscale);

402
        filter: gray;

403
        -webkit-filter: grayscale(0);

404
    {/block:ifGrayscaleEffect}

405
    {/block:indexpage}

406
}

407
 

408
/*--Permalinks--*/

409
 

410
.permalink{

411
    position:absolute;

412
    display:block;

413
    font-size:10px;

414
    padding-top:10px;

415
    margin-left:10px;

416
    text-align:left;

417
    opacity:0;

418
    z-index:999;

419
    -webkit-transition:all 0.5s ease-in-out;

420
    -moz-transition:all 0.5s ease-in-out;

421
    -o-transition:all 0.5s ease-in-out;

422
    transition:all 0.5s ease-in-out;

423
}

424
425
.permalink a{

426
    color:{color:Link};

427
}

428
429
.permalink a:hover{

430
    color:{color:Link Hover};

431
}

432
 

433
.entry:hover .permalink{

434
    opacity:1;

435
} 

436
 

437
.date{

438
    background:#fbfbfb;

439
    padding:3px;

440
    margin-right:10px;

441
    text-transform:uppercase;

442
}

443
444
.noet{

445
    background:#fbfbfb;

446
    padding:2px 0px 0px 5px;

447
    margin-right:10px;

448
    margin-bottom:5px;

449
}

450
451
.like_button{

452
    position:relative;

453
    width:1.5em;

454
    height:1.7em;

455
}

456
457
.like_button:before{

458
    content:"\e813"; 

459
    position:absolute;

460
    color:{color:Link};

461
    top:-3px;

462
    left:0px;

463
    padding-top:2px;

464
    font-size:11px;

465
    font-family:'Linearicons-Free';

466
    text-align:center;

467
    -webkit-transition:all 0.5s ease-in-out;

468
    -moz-transition:all 0.5s ease-in-out;

469
    -o-transition:all 0.5s ease-in-out;

470
    transition:all 0.5s ease-in-out;

471
}

472
 

473
.like_button iframe{  

474
    position:absolute;

475
    top:0px;

476
    left:0px;

477
    opacity:0;

478
    z-index:99;

479
}

480
481
.like_button.liked:before, .like_button:hover:before{ 

482
    color:{color:Link Hover}; 

483
}    

484
 

485
486
/*--Miscellaneous--*/

487
 

488
iframe.tmblr-iframe{

489
    z-index:99999999999999!important;

490
    top:0!important;

491
    right:0!important;

492
    opacity:0.4;

493
    /* delete from here */

494
        filter:invert(1);

495
        -webkit-filter:invert(1);

496
        -o-filter:invert(1);

497
        -moz-filter:invert(1);

498
        -ms-filter:invert(1);

499
    /* to here if your blog has a dark background */

500
    transform:scale(0.6);

501
    transform-origin:100% 0;

502
    -webkit-transform:scale(0.6);

503
    -webkit-transform-origin:100% 0;

504
    -o-transform:scale(0.6);

505
    -o-transform-origin:100% 0;

506
    -moz-transform:scale(0.6);

507
    -moz-transform-origin:100% 0;

508
    -ms-transform:scale(0.6);

509
    -ms-transform-origin:100% 0;

510
	-webkit-transition:all 0.5s ease-in-out;

511
    -moz-transition:all 0.5s ease-in-out;

512
    -o-transition:all 0.5s ease-in-out;

513
    transition:all 0.5s ease-in-out;

514
}

515
516
iframe.tmblr-iframe:hover{

517
    opacity:0.6!important;

518
}

519
520
.load-more{

521
    position:relative;

522
    padding:5px;

523
    border:1px solid {color:Border Color};

524
}

525
 

526
footer{

527
    width:67px;

528
    margin:0 auto;

529
    padding-bottom:90px;

530
}

531
 

532
.pagination{

533
    display:none;

534
}

535
 

536
#pagination a{

537
    font-size:16px;

538
    padding:5px;

539
    border:1px solid {color:Border Color};

540
}

541
 

542
.back{

543
    margin-top:0px;

544
}

545
 

546
.next{

547
    margin-top:0px;

548
}

549
 

550
.text img{

551
    {block:IndexPage}

552
    max-width:280px;

553
    {/block:IndexPage}

554
    {block:PermalinkPage}

555
    max-width:500px;

556
    {/block:PermalinkPage}

557
    width:auto;

558
    height:auto;

559
}

560
 

561
.text{

562
    background:#fbfbfb;

563
    height:280px;

564
    padding:10px;

565
    vertical-align:middle;

566
    text-align:left;

567
    overflow:auto;

568
}

569
570
.player{

571
    background:#f2f2f2;

572
    display:block;

573
    padding:141px 20px 131px 20px; 

574
    overflow:hidden;

575
}

576
577
.audio{

578
    margin-top:5px;

579
}

580
581
.tumblr_audio_player{

582
    float:left;

583
    width:35px;

584
}

585
 

586
#s-m-t-tooltip{

587
    background:#fff;

588
    color:#888;

589
    font-size:10px;

590
    font-style:italic;

591
    font-weight:500;

592
    letter-spacing:2px;

593
    text-transform:uppercase;

594
    max-width:300px;

595
    padding:4px;

596
    z-index:9999999999;

597
    margin:20px 10px 10px 10px;

598
    box-shadow:1px 1px 3px rgba(0,0,0,.1);

599
}

600
601
.quote{

602
    font-weight:bold;

603
    text-align:left;

604
    margin-left:11px;

605
}

606
 

607
.ask{

608
    background:{color:Caption};

609
    color:{color:Text};

610
    width:250px;

611
    margin-left:auto;

612
    margin-right:auto;

613
    padding:10px 0px 10px 10px;

614
    border:1px solid {color:Border Color};

615
    border-radius:5px;

616
    text-align:left;

617
}

618
 

619
.answer{

620
    margin:0 auto;

621
    width:250px;

622
    word-break:break-all;

623
    text-align:left;

624
}

625
 

626
.caption{

627
    {block:IndexPage}

628
    background:{color:Caption};

629
    border:1px solid {color:Border Color};

630
    border-radius:5px;

631
    {/block:IndexPage}

632
    font-size:10px;

633
    color:{color:Caption Text};

634
    margin-top:10px;

635
    padding:5px;

636
    overflow:auto;

637
}

638
639
.caption img{

640
    width:auto;

641
    height:auto;

642
    max-width:calc(300px - 70px);

643
    {block:PermalinkPage}

644
    max-width:430px;

645
    {/block:PermalinkPage}

646
}

647
 

648
.back-to-top{

649
    position: fixed;

650
    bottom:-75px;

651
    left:10px;

652
    background: url('http://static.tumblr.com/2e9nahe/xvCoaucis/arrow-up.svg') no-repeat;

653
    background-size:15px;

654
    width:100px;

655
    height:100px;

656
    z-index:9999999;

657
}

658
 

659
.back-to-top a{

660
    text-indent: -9999px;

661
    display: block;

662
}

663
664
#infscr-loading{

665
    display:none!important;

666
}

667
668
.tumblr_video_container{

669
    width:300px;

670
    height:300px;

671
    border-radius:4px;

672
    overflow:hidden;

673
    {block:PermalinkPage}

674
    width:500px;

675
    height:auto;

676
    max-height:none;

677
    border-radius:0px;

678
    {/block:PermalinkPage}

679
}

680
681
.vignette, #vignette {

682
    opacity:0;

683
}

684
685
.lightbox-image, #tumblr_lightbox img {

686
    box-shadow:none!important;

687
    border-radius:0!important;

688
    max-width:none;

689
}

690
691
.tmblr-lightbox, #tumblr_lightbox {

692
    background-color:{color:Background}!important;

693
}

694
695
</style>

696
 

697
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

698
699
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>

700
<script>

701
(function($){

702
$(document).ready(function(){

703
$("[title]").style_my_tooltips({

704
    tip_follows_cursor:true,

705
    tip_delay_time:20,

706
    tip_fade_speed:400,

707
    attribute:"title"

708
});

709
});

710
})(jQuery);

711
</script>

712
 

713
 

714
<!--Scroll back to top-->

715
 

716
<div class="back-to-top" id="back-top">

717
<a href="javascript:void(0)" class="back-to-top">Top</a>

718
</div>

719
       

720
                               

721
<script type="text/javascript">

722
$(function () {

723
    $("#back-top").hide();

724
    $(window).scroll(function () {

725
        if ($(this).scrollTop() > 150) {

726
            $('#back-top').fadeIn();

727
        } else {

728
            $('#back-top').fadeOut();

729
        }

730
    });

731
});

732
jQuery('.back-to-top').click(function () {

733
    jQuery('html, body').animate({

734
        scrollTop: 0

735
    }, 'slow');

736
});

737
</script>

738
 

739
 

740
<!--end of Scroll back to top-->

741
 

742
<!--minimal soundcloud player by shythemes-->

743
<script>

744
// minimal soundcloud player © shythemes.tumblr

745
$(document).ready(function(){

746
   var color = '#acd7bb'; // color of play button (hex) 

747
   $('.soundcloud_audio_player').each(function(){

748
       $(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=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });

749
   });

750
});

751
</script>

752
<!--end minimal soundcloud player-->

753
754
755
{block:ifInfiniteScroll}

756
<div class="pagination">

757
{block:Pagination}{block:PreviousPage}<a href="{PreviousPage"}>previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}

758
</div>

759
{/block:ifInfiniteScroll}

760
761
762
<script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>

763
764
<script src="http://static.tumblr.com/2e9nahe/iHEnx7e4y/stickyfill.min.js"></script>

765
<script>

766
    $(document).ready(function(){

767
       $('.sticky').Stickyfill();

768
    });

769
</script>

770
771
<script   src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"   integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E="   crossorigin="anonymous"></script>

772
773
<script>

774
$(document).ready(function(){

775
    $('.lnr-menu').click(function(){

776
        $("#links").toggle('fade'); 

777
    });

778
    

779
    $('#close').click(function(){

780
        $("#links").toggle('fade'); 

781
    });

782
});

783
</script>

784
    

785
</head>

786
787
<link href="http://static.tumblr.com/2e9nahe/oAPnjs2lc/animate.css" rel="stylesheet" type="text/css" />

788
789
<body>

790
791
<div id="content">

792
793
<header class="sticky"> 

794
    <div id="title"><a href="/">{Title}</a></div>

795
    <span class="lnr lnr-menu" title="links"></span>

796
</header>

797
798
<div id="links">

799
    <div id="close"><img src="http://static.tumblr.com/2e9nahe/uZrotkqd1/close.svg"></div>

800
    <div id="icon"><img src="{image:Sidebar}"></div>

801
    <div id="desc">{Description}</div>

802
    <a href="{text:Link 1 URL}">{text:Link 1}</a>

803
    <a href="{text:Link 2 URL}">{text:Link 2}</a>

804
    <a href="{text:Link 3 URL}">{text:Link 3}</a>

805
    <a href="{text:Link 4 URL}">{text:Link 4}</a>

806
    <a href="{text:Link 5 URL}">{text:Link 5}</a>

807
    <a href="{text:Link 6 URL}">{text:Link 6}</a>

808
</div>

809
810
{block:Posts}

811
 

812
<div class="entry" id="{PostID}">

813
814
{block:IndexPage}

815
<div class="permalink">

816
<div class="noet"><a href="{Permalink}" title="{NoteCountwithLabel}" target="_blank"><span class="lnr lnr-link"></span></a></div>

817
<div class="noet">

818
<a href="{ReblogURL}" target="_blank" title="Reblog?"><span class="lnr lnr-undo"></span></a>

819
</div>

820
<div class="noet">{LikeButton}</div>

821
</div>

822
823
{/block:IndexPage}

824
825
{block:Text}

826
<div class="text">{block:IndexPage}{/block:IndexPage}{block:Title}<h2><b><a href="{Permalink}">{Title}</a></b></h2>{/block:Title}

827
{Body}

828
</div>

829
{/block:Text}

830
 

831
{block:Photo}

832
<div class="img">

833
{block:IndexPage}

834
<div class="ph"><div class="pic" style="background-image:url('{PhotoURL-HighRes}');"></div><div class="photos"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div></div>

835
</div>

836
{/block:IndexPage}

837
838
{block:PermalinkPage}<img src="{PhotoURL-HighRes}"/>{block:Caption}<div class="caption">{caption}</div>{/block:Caption}

839
{/block:PermalinkPage}

840
{/block:Photo}

841
 

842
{block:Photoset}

843
{block:IndexPage}

844
<div class="img">

845
<div class="ph">{block:Photos}<div class="pic" style="background-image:url('{PhotoURL-HighRes}');"></div>{/block:Photos}<div class="photos">{block:Photos}<img src="{PhotoURL-HighRes}">{/block:Photos}</div></div>

846
</div>

847
{/block:IndexPage}

848
 

849
{block:PermalinkPage}

850
{Photoset-500}

851
{block:Caption}<div class="caption">{caption}</div>{/block:Caption}

852
{/block:PermalinkPage}

853
{/block:Photoset}

854
 

855
 

856
{block:Quote}

857
<div class="text">

858
<div style="position:absolute;margin-top:-5px;margin-left:-5px;font:30px times new roman;opacity:0.5;">“</div>

859
<div class="quote">{Quote}</div>

860
{block:Source}<p style="font:italic 10px georgia;">—&nbsp;{Source}</p>{/block:Source}

861
</div>

862
{/block:Quote}

863
 

864
{block:Link}

865
<div class="text">

866
<a href="{URL}"><h1><b>{Name}</h1></b></a>{block:Description}{Description}{/block:Description}</div>

867
{/block:Link}

868
 

869
{block:Chat}

870
<div class="text">

871
{block:Title}<h3>{Title}</h3>{/block:Title}

872
{block:Lines}<p>

873
{block:Label}<b>{Label}</b>{/block:Label}

874
{Line}</p>

875
{/block:Lines}

876
</div>

877
{/block:Chat}

878
 

879
{block:Audio}

880
{block:AudioPlayer}

881
<div class="player">

882
{AudioPlayer}

883
<div class="audio">{block:TrackName}<b>{TrackName}</b>{/block:TrackName} — {block:Artist}{Artist}{/block:Artist}</div>    

884
</div>

885
{/block:AudioPlayer}

886
887
{block:PermalinkPage}

888
{block:Caption}<div class="caption">{caption}</div>{/block:Caption}

889
{/block:PermalinkPage}

890
{/block:Audio}

891
 

892
{block:Answer}

893
<div style="padding:10px 0px 5px 10px;"><b><u>{Asker}</u></b> asked:</div>

894
<div class="ask">

895
{Question}

896
</div>

897
<div class="answer">

898
{Answer}

899
</div>

900
{/block:Answer}

901
 

902
{block:Video}

903
{block:IndexPage}

904
<div class="img">

905
<div class="video">{Video-500}</div>

906
</div>

907
{/block:IndexPage}

908
 

909
{block:PermalinkPage}<div class="video">{Video-500}</div>

910
{block:Caption}<div class="caption">{caption}</div>{/block:Caption}{/block:PermalinkPage}

911
{/block:Video}

912
 

913
{block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{Logowidth}px" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}--> {/block:ContentSource}

914
 

915
{block:PermalinkPage}

916
{block:Date}

917
<div style="border-top:1px solid #ccc;width:500px;margin-top:5px;"></div>

918
<div style="font-weight:600;font-size:14px;margin-top:10px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</div>

919
{/block:Date}

920
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}

921
<br>{block:HasTags}Tagged: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}<br>{/block:HasTags}

922
{block:RebloggedFrom}Via: <i><a href="{ReblogParentURL}">{ReblogParentName}</i></a>

923
<br>Source: <i><a href="{ReblogRootURL}">{ReblogRootName}</i></a>{/block:RebloggedFrom}

924
{/block:PermalinkPage}

925
 

926
{block:PostNotes}{PostNotes}{/block:PostNotes}

927
 

928
   

929
</div>

930
931
{/block:Posts}

932
 

933
</div>

934
935
936
{block:Pagination}

937
<footer>

938
{block:ifInfiniteScroll}{block:ifManualLoad}<a href="#" class="load-more">load more</a>{/block:ifManualLoad}{/block:ifInfiniteScroll}

939
940
{block:ifnotinfinitescroll}

941
<div id="pagination">

942
{block:PreviousPage}<a href="{PreviousPage}" title="previous">«</a>&nbsp;&nbsp;{/block:PreviousPage}&nbsp;&nbsp;{block:NextPage}<a href="{NextPage}" title="next">»</a>{/block:NextPage}

943
 </div>

944
{/block:ifnotinfinitescroll}

945
946
</footer>

947
{/block:Pagination}

948
949
950
<script src="http://static.tumblr.com/2e9nahe/6Nxnjs2mx/wow.js"></script>

951
<script>

952
new WOW().init();

953
</script>

954
955
956
{block:IndexPage}

957
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/4.0.0/imagesloaded.pkgd.min.js"></script>

958
{block:ifInfiniteScroll}

959
<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>

960
{/block:ifInfiniteScroll}

961
<script>

962
$(document).ready(function(){

963
    var $container = $('#content');

964
   

965
    {block:ifInfiniteScroll}

966
    $container.infinitescroll({

967
        itemSelector: ".entry",

968
        navSelector: ".pagination",

969
        nextSelector: ".pagination a#next",

970
        loadingImg: "",

971
        loadingText: "<em> </em>",

972
        bufferPx: 100,

973
        extraScrollPx: 50,

974
        errorCallback: function(){ $('.load-more').text('no more posts').parent().delay(2000).slideUp("slow"); }

975
    },

976
   

977
    function(newElements){

978
979
    var $newElemsIDs = $newElems.map(function(){

980
            return this.id;

981
    }).get();

982
        console.log($newElems, $newElemsIDs);

983
        Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);

984
   

985
    resizeVideos();

986
   

987
    var $newElems = $( newElements ).hide();

988
    $newElems.imagesLoaded(function(){

989
        $newElems.fadeIn();    

990
    });

991
   

992
    var color = '#ededed';

993
        $('.soundcloud_audio_player').each(function(){

994
        $(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: 20, width: '100%' });

995
        });    

996
       

997
    });

998
    {block:ifManualLoad}

999
    $(window).unbind('.infscr');

1000
    $('.load-more').click(function(){

1001
        $('#content').infinitescroll('retrieve');

1002
        return false;

1003
    });

1004
    {/block:ifManualLoad}

1005
    {/block:ifInfiniteScroll}

1006
});

1007
</script>

1008
{/block:IndexPage}

1009
1010
1011
1012
<a href="http://shoseii.tumblr.com" style="font:italic 10px 'Libre Baskerville', serif;position:fixed;bottom:5px;right:3px;" title="© shoseii">&</a>

1013
 

1014
</body>

1015
1016
1017
</html>
        

    


            


                                


        

            



                
    

        Public Pastes
    

    
            

    

                    

        

    





    


    
    
    
    
    
    
    
    




    


    



                

            We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.             OK, I Understand
        

    
                

            

                
                    
                
            

            

                Not a member of Pastebin yet?

                Sign Up, it unlocks many cool features!