API tools faq
paste
View difference between Paste ID: QesfXJgC and YdETzPr5
SHOW: | | - or go back to the newest paste.
1
<!--
2
3
   ✧* 。♡ Sleep theme | @planthed | @themekid ♡ 。*✧
4
5
 

6
— Do not delete the credit.

7
— Do not copy or steal any code.

8
— Do not claim as yours.

9
                          

10
Enjoy (✿◠‿◠) 

11
12
infinite scroll with masonry + pxu: @shythemes 

13
-->

14
 

15
<html lang="en">

16
<head>

17
18
19
<title>{block:PostSummary}{PostSummary}: {/block:PostSummary}{Title}</title>

20
<link rel="shortcut icon" href="{favicon}">

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

22
{block:hidden}

23
<!--Default Variables-->

24
<meta name="image:background" content=""/>

25
 

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

27
<meta name="color:Link" content="#000000"/>

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

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

30
31
<meta name="color:Accent" content="#DABDBF"/>

32
<meta name="color:Accent text" content="#000000"/>

33
<meta name="color:Borders" content="#DABDBF"/>

34
35
<meta name="color:tooltip background" content="#000"/>

36
<meta name="color:tooltip text" content="#fff"/>

37
38
<meta name="text:Blogtitle" content="" />

39
<meta name="text:Home label" content="home" />

40
<meta name="text:Ask label" content="ask"/>

41
<meta name="text:Archive label" content="Past" />

42
<meta name="text:Extra link 1 title" content="" />

43
<meta name="text:Extra link 1" content="http://" />

44
<meta name="text:Extra link 2 title" content="" />

45
<meta name="text:Extra link 2" content="http://" />

46
47
<meta name="if:White Tiny cursor" content="" />

48
<meta name="if:Black Tiny cursor" content="" />

49
<meta name="if:Title Hovered" content="" />

50
<meta name="if:Navigation Hovered" content="" />

51
52
<meta name="select:border height" content="1px" title="1px">

53
<meta name="select:border height" content="2px" title="2px">

54
<meta name="select:border height" content="3px" title="3px">

55
56
{/block:hidden}

57
58
59
<!---pxu script--->

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

61
62
<!--- tooltips script --->

63
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

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

65
<script>

66
(function($){

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

68
$("a[title]").style_my_tooltips({

69
tip_follows_cursor:true,

70
tip_delay_time:90,

71
tip_fade_speed:600,

72
attribute:"title"

73
});

74
});

75
})(jQuery);

76
</script>

77
78
<!-------

79
 

80
A FEW RULES YOU NEED TO KNOW BEFORE START EDITING THE THEME:

81
 

82
 > You CAN'T use my themes as base

83
 > You CAN'T remove my credits, even if you edited the theme a lot.

84
 > Don't use any part of my codes without permission.

85
 > You can edit the theme as your own like and make it look too different as the original one but if you edit the theme a lot and you're having problems with it, I'll not allowed to help you.

86
 

87
 

88
YOU ARE NOT ALLOWED TO USE MY CODES FOR YOUR OWN THEME OR ANY OTHER THEME

89
BY OTHER THEME MAKER WITHOUT PERMISSION, IF YOU WANNA USE ONE OF MY CODES

90
ASK FIRST, DON'T CLAIM AS YOURS, DON'T BE A BITCH.

91
 

92
---------->

93
94
	

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

96
97
<script> 

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

99
    $(".show").click(function(){

100
        $(".notas").slideToggle("slow");

101
    });

102
});

103
</script>

104
105
<style type="text/css">

106
107
108
109
.video, .video iframe{

110
display:block;

111
{block:indexpage}

112
width:240px; 

113
height:auto;

114
{/block:indexpage}

115
{block:PermalinkPage}

116
width:500px;

117
height:auto;

118
{/block:PermalinkPage}

119
}

120
121
/*tooltips style*/

122
#s-m-t-tooltip{

123
max-width:300px;

124
padding:3px;

125
padding-left:7px;

126
padding-right:7px;

127
min-height:7px;

128
background:{color:tooltip background};

129
margin:20px 0px 0px 20px;

130
font-family:roboto;

131
text-transform:uppercase;

132
font-size:9px;

133
color:{color:tooltip text};

134
line-height:20px;

135
opacity:1;

136
z-index:9999999999999999999;

137
}

138
139
140
 #tumblr_controls, .tmblr-iframe{ z-index:999999999999999999!important; -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); position:fixed!important; top:10px!important; right:10px!important; opacity:.5;

141
-webkit-transition:all 0.6s ease-out;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out}

142
 

143
  #tumblr_controls, .tmblr-iframe:hover{

144
      opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;

145
-webkit-transition:all 0.6s ease-out;-webkit-filter:invert(80%); -moz-filter:invert(80%); -o-filter:invert(80%); -ms-filter:invert(80%); filter:invert(80%);

146
  }

147
 

148
149
150
/*tumblr controls and lightbox*/

151
152
153
   

154
#tumblr_lightbox,.tmblr-lightbox{

155
background:rgba({RGBcolor:background}, 0.8)!important;}

156
   

157
#vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{

158
opacity:0!important;

159
}

160
 

161
#tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image, .lightbox-image {

162
box-shadow:none!important;

163
border-radius:0px!important;

164
padding:0px!important;

165
background:{color:post background}!important;

166
border:0px solid {color:border}!important;

167
}

168
169
::-webkit-scrollbar{

170
height:3px;

171
width:11px;

172
background:inherit;

173
background:rgba({RGBcolor:Accent}, 0.4);

174
border:5px solid {color:background};

175
}

176
177
::-webkit-scrollbar-track {background:transparent;}

178
 

179
::-webkit-scrollbar-thumb {

180
height:150px!important;

181
background:{color:borders};

182
border:5px solid {color:background};

183
}

184
 

185
/*tiny cursor*/ 

186
187
 

188
html, body, img, a { 

189
{block:ifWhiteTinycursor}

190
cursor:url(http://static.tumblr.com/vmteopo/fhxo3gbrd/small_white_cursor.png), auto;

191
{/block:ifWhiteTinycursor}

192
{block:ifBlackTinyCursor}

193
cursor: url('http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), auto;

194
{/block:ifBlackTinyCursor}

195
}

196
 

197
 a:hover, a:active, iframe{

198
{block:ifWhiteTinycursor}cursor:url(http://static.tumblr.com/vmteopo/RQ9o3gbth/small_white_cursor_help.png), crosshair;

199
{/block:ifWhiteTinycursor}

200
{block:ifBlackTinyCursor}

201
 cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair;

202
{/block:ifBlackTinyCursor}

203
 }

204
 

205
206
/*main structure*/

207
208
body{

209
background-color:{color:background};

210
background-image:url({image:Background});

211
background-attachment:fixed;

212
background-repeat:repeat;

213
font-size:11px;

214
font-family:Muli, sans-serif;

215
color:{color:text};

216
line-height:1.5em;

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

218
-webkit-font-smoothing:antialiased;

219
font-smoothing:antialiased; 

220
}

221
222
 

223
a:link, a:active, a:visited{

224
color:{color:link};

225
text-decoration:none;

226
-webkit-transition:all 0.5s linear;

227
-moz-transition:all 0.5s linear;

228
transition:all 0.5s linear;

229
}

230
231
a:hover {color:{color:text};}

232
233
234
.center {

235
position:relative;

236
margin:40px auto;

237
width:calc(540px + 130px);

238
{block:PermalinkPage}

239
width:calc(400px + 200px);

240
{/block:PermalinkPage}

241
}

242
243
#posts{

244
position:relative;

245
{block:PermalinkPage}

246
margin-top:100px;

247
{/block:PermalinkPage}

248
}

249
250
251
.entry {

252
margin:35px;

253
background:{color:background};

254
outline:{select:border height} solid {color:borders};

255
outline-offset:2px;

256
padding:10px;

257
{block:indexpage}

258
width:240px; 

259
opacity:0;

260
z-index:-1;

261
{/block:indexpage}

262
{block:PermalinkPage}

263
width:500px;

264
padding-bottom:5px;

265
{/block:PermalinkPage}

266
-webkit-transition: all .3s ease;

267
-moz-transition: all .3s ease;

268
-o-transition: all .3s ease;

269
transition: all .3s ease;

270
}

271
272
 

273
.entry:hover{

274
{block:indexpage}

275
outline:{select:border height} solid {color:background};

276
outline-offset:-5px;

277
{/block:indexpage}

278
}

279
 

280
 

281
.entry img{

282
max-width:100%;

283
display:block;

284
position:relative;

285
overflow:hidden;

286
}

287
288
 #zoom{

289
position:relative;

290
overflow:hidden;

291
}

292
   

293
.entry #zoom img{

294
display:block;

295
height:auto;

296
-webkit-transition:opacity 0.5s linear;

297
-webkit-transition:all 0.5s linear;

298
-moz-transition:all 0.5s linear;

299
transition:all 0.5s linear;

300
 

301
}

302
   

303
.entry:hover #zoom img{

304
-webkit-transform: scale(1.4);

305
-moz-transform: scale(1.4);

306
-o-transform: scale(1.4);

307
transform: scale(1.4);

308
}

309
 

310
 

311
.block {

312
position:absolute;

313
width:0px;

314
margin-top:20px;

315
background:{color:borders};

316
margin-left:110px;

317
opacity:1;

318
height:{select:border height};

319
-webkit-transition: all .3s ease-in-out;

320
-moz-transition: all .3s ease-in-out;

321
-o-transition: all .3s ease-in-out;

322
-ms-transition: all .3s ease-in-out;

323
}

324
 

325
.entry:hover .block{

326
width:200px;

327
margin-left:18px;

328
-webkit-transition: all .3s ease-in-out;

329
-moz-transition: all .3s ease-in-out;

330
-o-transition: all .3s ease-in-out;

331
-ms-transition: all .3s ease-in-out;

332
}

333
 

334
 

335
.permas {

336
position:absolute;

337
text-align:center;

338
font-size:15px;

339
margin-top:25px;

340
margin-left:20px;

341
opacity:0;

342
width:200px;

343
z-index:99999999;

344
-webkit-transition: all .3s ease-in-out;

345
-moz-transition: all .3s ease-in-out;

346
-o-transition: all .3s ease-in-out;

347
-ms-transition: all .3s ease-in-out;

348
}

349
 

350
.entry:hover .permas{

351
opacity:1;

352
margin-top:13px;

353
-webkit-transition-delay: 0.70s;

354
-webkit-transition: all 0.70s;

355
transition: all 0.70s;

356
transition-delay: 0.70s;

357
}

358
 

359
.permas a{

360
background:{color:background};

361
margin:5px;

362
padding:10px;

363
color:{color:text};

364
}

365
 

366
.permas a:hover{

367
color:{color:Accent};

368
}

369
370
pre {

371
white-space: pre-wrap;       

372
white-space: -moz-pre-wrap;  

373
white-space: -pre-wrap;      

374
white-space: -o-pre-wrap; 

375
word-wrap: break-word;       

376
}

377
378
p {margin:5px 0;}

379
380
p:first-of-type {

381
    margin-top:0;

382
    padding-top:0;    

383
}

384
385
p:last-of-type {

386
    margin-bottom:0;

387
    padding-bottom:0;       

388
}

389
390
391
small, big {font-size:1em;}

392
393
h1, h2, h3, h4 {

394
font-size:1.4em;

395
margin:0;

396
padding:0;

397
}

398
399
400
/*audio player*/

401
402
 

403
#audio {

404
width:auto;

405
margin:0px;

406
height:auto;

407
min-height:60px;

408
line-height:20px;

409
}

410
.cover {

411
z-index:1;

412
width:70px;

413
height:70px;

414
position:absolute;

415
}

416
.cover img {

417
float:left;

418
position:absolute;

419
border-radius:0px;

420
width:70px;

421
height:70px;

422
}

423
424
.playbox {

425
position:absolute; 

426
z-index:9;

427
background:black;

428
opacity:0;

429
width:70px;

430
height:70px;

431
-webkit-transition:opacity 0.5s linear;

432
-webkit-transition:all 0.5s linear;

433
-moz-transition:all 0.5s linear;

434
transition:all 0.5s linear;

435
}

436
437
.entry:hover .playbox{

438
opacity:.8;

439
-webkit-transition:opacity 0.5s linear;

440
-webkit-transition:all 0.5s linear;

441
-moz-transition:all 0.5s linear;

442
transition:all 0.5s linear;

443
}

444
445
.button {

446
position:relative;

447
z-index: 1000;

448
overflow:hidden;

449
width:25px; 

450
height:25px; 

451
margin:20px 20px 20px 20px;

452
}

453
454
455
.info {

456
margin-left:70px;

457
margin-top:0px;

458
font-size:10px;

459
letter-spacing:2px;

460
text-align:right;

461
text-transform:uppercase;

462
line-height:25px;

463
background:{color:Accent};

464
color:{color:Accent text};

465
padding:10px;

466
}

467
 

468
/*title*/

469
 

470
.title{    

471
margin-bottom:4px;

472
font-family:Petit Formal Script;

473
font-size:20px;

474
line-height:28px;

475
}

476
477
478
/*blockquote & quote*/

479
480
blockquote{

481
border-left:1px solid {color:borders};

482
margin:5px;

483
padding-left:10px;

484
line-height:15px;

485
}

486
487
.quote{

488
font-size:10px;

489
font-style:italic;

490
text-transform:uppercase;

491
letter-spacing:2px;

492
line-height:19px;

493
padding:7px;

494
background:{color:Accent};

495
color:{color:Accent text};

496
}

497
498
.cite{

499
line-height:15px;

500
text-align:right;

501
font-size:9px;

502
font-style:italic;

503
padding:10px;

504
padding-bottom:7px;;

505
background:rgba({RGBcolor:Accent}, 0.5);

506
color:{color:Accent text};

507
}

508
509
.cite a{

510
    color:{color:Accent text};

511
}

512
513
/*ask style*/

514
515
516
.as{

517
color:{color:text};

518
letter-spacing:0px;

519
text-transform:uppercase;

520
letter-spacing:1px;

521
padding:10px;

522
font-family:roboto;

523
font-size:10px;

524
text-align:center;

525
overflow:hidden;

526
background:{color:Accent};

527
color:{color:Accent text};

528
}

529
530
.as a{color:{color:Accent text};}

531
532
.q{

533
margin-top:10px;

534
margin-bottom:10px;

535
line-height:14px;

536
}

537
538
.qline{

539
height:1px;

540
display:block;

541
width:50%;

542
margin-left:25%;

543
background:{color:borders};

544
}

545
 

546
.a{

547
line-height:14px;

548
margin-top:10px;

549
}

550
 

551
 .a img{

552
     width:100%;

553
     height:auto;

554
 }

555
 

556
557
#reblogged {

558
    bottom:30px!important;

559
    right:30px!important;

560
}

561
/*chat styling*/

562
563
.user_1, .user_3, .user_5, .user_7, .user_9, .user_11, .user_13, .user_15, .user_17, .user_19, .user_21, .user_23, .user_25, .user_27, .user_29, .user_31, .user_33, .user_35, .user_37, .user_39, .user_41, .user_43, .user_45, .user_47, .user_49, .user_51, .user_53, .user_55, .user_57, .user_59, .user_61, .user_63, .user_65, .user_67, .user_69, .user_71, .user_73, .user_75, .user_77, .user_79, .user_81, .user_83, .user_85, .user_87, .user_89, .user_91, .user_93, .user_95, .user_97, .user_99, .user_101, .user_103, .user_105, .user_107, .user_109, .user_111, .user_113, .user_115, .user_117, .user_119, .user_121, .user_123, .user_125, .user_127, .user_129, .user_131, .user_133, .user_135, .user_137, .user_139, .user_141, .user_143, .user_145, .user_147, .user_149{

564
background:rgba({RGBcolor:Accent}, 1);

565
padding:7px;

566
color:{color:Accent text};}

567
568
.user_2, .user_4, .user_6, .user_8, .user_10, .user_12, .user_14, .user_16, .user_18, .user_20, .user_22, .user_24, .user_26, .user_28, .user_30, .user_32, .user_34, .user_36, .user_38, .user_40, .user_42, .user_44, .user_46, .user_48, .user_50, .user_52, .user_54, .user_56, .user_58, .user_60, .user_62, .user_64, .user_66, .user_68, .user_70, .user_72, .user_74, .user_76, .user_78, .user_80, .user_82, .user_84, .user_86, .user_88, .user_90, .user_92, .user_94, .user_96, .user_98, .user_100, .user_102, .user_104, .user_106, .user_108, .user_110, .user_112, .user_114, .user_116, .user_118, .user_120, .user_122, .user_124, .user_126, .user_128, .user_130, .user_132, .user_134, .user_136, .user_138, .user_140, .user_142, .user_144, .user_146, .user_148, .user_150{

569
background:rgba({RGBcolor:Accent}, 0.6);

570
padding:7px;

571
color:{color:Accent text};}

572
573
574
.back li, .a li{position:relative;display:block;}

575
.back li:before, .a li:before{content:'―';font-size:10px;position:absolute;left:-15px;color:{color:borders};top:0px;}

576
 

577
578
/*permalink notes*/

579
580
.caption{

581
margin-top:10px;

582
}

583
584
585
.inf{

586
display:block;

587
margin-top:10px;

588
margin-bottom:10px;

589
padding:10px;

590
background:{color:Accent};

591
color:{color:Accent text};

592
line-height:17px;

593
}

594
595
.tg{display:block;}

596
.tg a:after{content:',';}

597
.tg a:last-of-type:after {content:'.';}

598
.inf a, .notas a, .tg a{color:{color:Accent text};}

599
.inf a:hover, .notas a:hover, .tg a:hover{color:{color:link};}

600
601
.notas{

602
margin-top:0px;

603
display:none;

604
background:{color:Accent};

605
color:{color:Accent text};

606
padding:0px;

607
color:{color:text};

608
}

609
610
611
ol.notes {

612
    padding:0px!important;

613
    margin: 0;

614
    list-style-type: none;

615
}

616
ol.notes li.note {

617
    padding:8px;

618
    border-top:1px solid RGBA(255, 255, 255, 0.6);

619
}

620
ol.notes li.note img.avatar {

621
    float:right;

622
    border-radius:50%;

623
    padding:0px!important;

624
}

625
ol.notes li.note blockquote a {

626
    text-decoration: none;

627
}

628
li.more_notes_link_container {

629
    text-transform: uppercase;

630
    font-size:1em;

631
    letter-spacing:1px;

632
}

633
634
li.more_notes_link_container:hover{

635
letter-spacing:4px;

636
}

637
638
img:not(.lightbox-image) {

639
    max-width:100%;

640
    height:auto;

641
}

642
643
#top{

644
position:fixed;

645
width:100%;

646
height:10px;

647
background:{color:Accent};

648
top:0px;

649
left:0px;

650
z-index:999999;

651
}

652
 

653
#left{

654
position:fixed;

655
width:10px;

656
height:100%;

657
background:{color:Accent};

658
top:0px;

659
left:0px;

660
z-index:999999;

661
}

662
 

663
#bottom{

664
position:fixed;

665
width:10px;

666
height:100%;

667
background:{color:Accent};

668
top:0px;

669
right:0px;

670
z-index:999999;

671
}

672
 

673
#right{

674
position:fixed;

675
width:100%;

676
height:10px;

677
background:{color:Accent};

678
bottom:0px;

679
left:0px;

680
z-index:999999;

681
}

682
 

683
  

684
 #sidebar{

685
position:fixed;

686
top:200px;

687
margin-left:calc(20px - 275px);

688
z-index:999999;

689
width:220px;

690
height:auto;

691
overflow:hidden;

692
 }

693
 

694
.blogtitle{

695
font-family:Petit Formal Script;

696
font-size:22px;

697
color:{color:Accent};

698
width:auto;

699
line-height:23px;

700
text-align:center;

701
height:auto;

702
{block:ifTitleHovered}

703
margin-left:100px;

704
width:220px;

705
-webkit-transition-delay: 0.50s;

706
-webkit-transition: all 0.50s;

707
transition: all 0.50s;

708
transition-delay: 0.50s;

709
opacity:0;

710
{/block:ifTitleHovered}

711
}

712
 

713
#sidebar:hover .blogtitle{

714
{block:ifTitleHovered}

715
margin-left:0px;

716
opacity:1;

717
{/block:ifTitleHovered}

718
}

719
 

720
.desc{

721
margin-top:10px;

722
text-align:center;

723
line-height:14px;

724
padding:10px;

725
width:200px;

726
color:{color:text};

727
z-index:99999999999;

728
}

729
 

730
.sideline{

731
height:{select:border height};

732
background:{color:borders};

733
position:fixed;

734
z-index:99;

735
width:190px;

736
opacity:1;

737
margin-left:15px;

738
{block:ifNavigationHovered}

739
width:100px;

740
margin-left:60px;

741
margin-top:0px;

742
{/block:ifNavigationHovered}

743
-webkit-transition: all .3s ease-in-out;

744
-moz-transition: all .3s ease-in-out;

745
-o-transition: all .3s ease-in-out;

746
-ms-transition: all .3s ease-in-out;

747
}

748
   

749
 #sidebar:hover .sideline{

750
width:190px;

751
margin-left:15px;

752
 }  

753
 

754
 

755
 .sideline2{

756
height:{select:border height};

757
background:{color:borders};

758
position:fixed;

759
z-index:99;

760
width:70px;

761
margin-left:75px;

762
margin-top:10px;

763
-webkit-transition: all .3s ease-in-out;

764
-moz-transition: all .3s ease-in-out;

765
-o-transition: all .3s ease-in-out;

766
-ms-transition: all .3s ease-in-out;

767
}

768
 

769
.nav{

770
margin-top:10px;

771
margin-left:25px;

772
{block:ifNavigationHovered}

773
margin-left:-30px;

774
opacity:0;

775
visibility:hidden;

776
{/block:ifNavigationHovered}

777
width:250px;

778
height:25px;

779
-webkit-transition-delay: 0.50s;

780
-webkit-transition: all 0.50s;

781
transition: all 0.50s;

782
transition-delay: 0.50s;

783
}

784
 

785
#sidebar:hover .nav{

786
margin-left:25px;

787
opacity:1;

788
visibility:visible;

789
}

790
 

791
.nav a{

792
color:{color:Accent};

793
padding:3px;

794
text-align:center;

795
width:25px;

796
font-size:12px;

797
display:inline-block;

798
position:relative;

799
margin-left:0px;

800
-webkit-transition:all 0.3s ease-out;

801
-moz-transition:all 0.3s ease-out;

802
transition:all 0.3s ease-out;

803
}

804
 

805
.nav a:hover{

806
color:{color:text};

807
-webkit-transform: scale(1.5);

808
-webkit-transition:all 0.3s ease-out;

809
-moz-transition:all 0.3s ease-out;

810
transition:all 0.3s ease-out;

811
 

812
}

813
814
</style>

815
</head>

816
 

817
<body>

818
819
<div id="top"></div>

820
<div id="left"></div>

821
<div id="right"></div>

822
<div id="bottom"></div>

823
824
<div class="center">

825
826
<div id="sidebar">

827
<div class="blogtitle">{text:blogtitle}</div>

828
<div class="sideline2"></div>

829
<div class="desc">{Description}</div>

830
<div class="sideline"></div>

831
<div class="nav">

832
<a title="{text:Home Label}" href="/"><i class="fa fa-home"></i></a>

833
<a title="{text:Ask Label}" href="/ask"><i class="fa fa-envelope"></i></a>

834
<a title="{text:Extra link 1 Title}" href="{text:Extra link 1}"><i class="fa fa-user"></i></a>

835
<a title="{text:Extra link 2 Title}" href="{text:Extra link 2}"><i class="fa fa-tags"></i></a>

836
<a title="{text:Archive Label}" href="/archive"><i class="fa fa-calendar"></i></a>

837
</div>

838
</div>

839
 

840
841
<div id="posts">

842
{block:Posts}

843
<div class="entry">

844
 

845
{block:Text}<div class="back">

846
{block:Title}<div class="title">{Title}</div>{/block:Title}

847
{Body}</div>

848
{/block:Text}

849
 

850
 

851
{block:Link}<div class="back">

852
<div class="title">

853
<a href="{URL}">{Name} <i class="fa fa-angle-right"></i></a></div>

854
{block:Description}{Description}{/block:Description}

855
</div>

856
{block:Link}

857
 

858
 

859
{block:Photo}

860
{block:IndexPage}

861
<div id="zoom">

862
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></div>

863
{/block:IndexPage}

864
{block:PermalinkPage}

865
<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>

866
{/block:PermalinkPage}

867
{/block:Photo}

868
 

869
 

870
{block:Photoset}

871
<div class="back">

872
<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></div>

873
{/block:Photoset}

874
875
 

876
{block:Quote}

877
<div class="back">

878
<div class="quote">❝&nbsp;{quote}</div>

879
<div class="cite">&mdash; {Source}</div></div>

880
{/block:Quote}

881
 

882
{block:Chat}

883
<div class="back">

884
<div class="chat">

885
{block:Title}<span class="title">{Title}</span></span>{/block:Title}

886
{block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<i>{Label}</i> {/block:Label}{Line}</div></div>{/block:Lines}

887
</div></div>

888
{/block:Chat}

889
 

890
{block:Audio}

891
<div class="back">

892
<div id="audio">

893
<div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>

894
{block:AlbumArt}

895
<div class="cover"><img src="{AlbumArtURL}"></div>

896
{/block:AlbumArt}

897
<div class="playbox">

898
<div class="button">

899
{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>

900
<div class="info">

901
<span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}

902
<div style="text-transform:uppercase;font-size:8px;letter-spacing:2px;color:{color:Accent text};font-family:{select:Font};">

903
<span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</div>

904
</div> 

905
</div></div>

906
{/block:Audio}

907
908
 

909
{block:Video}

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

911
{/block:Video}

912
 

913
 

914
{block:Answer}

915
<div class="back">

916
<div class="as">{Asker} asked:</div>

917
<div class="q">{Question}</div>

918
<div class="qline"></div>

919
<div class="a">{Answer}</div>

920
</div> 

921
{/block:Answer}

922
923
 

924
 {block:IndexPage}

925
<div class="block"></div>

926
<div class="permas">

927
<a title="reblog this post" href="{ReblogURL}" target="_blank" ><i class="fa fa-refresh"></i></a>

928
<a title="{timeago}" href="{permalink}"><i class="fa fa-clock-o"></i></a>

929
<a title="{notecountwithlabel}" href="{permalink}"><i class="fa fa-heart"></i></a>

930
</div>

931
 {/block:IndexPage}

932
933
{block:ContentSource}<!-- {SourceURL}

934
{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}

935
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->

936
{/block:ContentSource}

937
938
<!-- {block:NoRebloggedFrom}

939
{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}

940
{/block:NoRebloggedFrom} -->

941
942
{block:PermalinkPage}

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

944
{block:Date}

945
<div class="inf">

946
Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm} <br>

947
{block:RebloggedFrom}

948
source: <a href="{ReblogRootURL}">{ReblogRootName}</a> <br> via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>

949
{/block:RebloggedFrom}

950
<div class="tg">

951
{block:HasTags} 

952
tags: {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;

953
{/block:Tags}{/block:HasTags}

954
</div>

955
<a title="show notes" class="show">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a></div>

956
<div class="notas">

957
{block:PostNotes}

958
{PostNotes}

959
{/block:PostNotes}

960
{/block:Date}

961
</div>

962
{/block:PermalinkPage}

963
{/block:Date}

964
</div>

965
{/block:Posts}

966
</div>

967
 

968
969
<div class="pagination">

970
{block:Pagination}

971
{block:PreviousPage}

972
<a href="{PreviousPage}"></a>

973
{/block:PreviousPage}

974
 

975
{block:NextPage}

976
<a href="{NextPage}" class="next"></a>

977
{/block:NextPage}

978
{/block:Pagination}</div></div>

979
980
<!--Like seriously guys, DON'T TOUCH any of this scripts unless you know what it does or you will ruin your whole theme--->

981
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Source+Sans+Pro:400,700|Hind:400,700|Dancing+Script:400,700|Open+Sans:400,700|Muli|Kurale|PT+Serif:400,700|Old+Standard+TT:400,700|Roboto:400,700|Roboto+Condensed:400,700|Lato:400,700|Raleway:400,700,300|Montez|Karla:400,700|Quicksand:400,700|Petit+Formal+Script|Clicker+Script|Mako|Maven+Pro:400,700' rel='stylesheet' type='text/css'>

982
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">

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

984
<script src ="http://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>

985
<link rel="stylesheet" href="http://static.tumblr.com/8pnyeus/29To2og0o/styles.css">

986
<script src="http://static.tumblr.com/8pnyeus/nfIo2oh8w/l-script.js" type="text/javascript"></script>

987
<script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>

988
{block:IndexPage}

989
<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>

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

991
{/block:IndexPage}

992
<script>

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

994
    $('.photo-slideshow').pxuPhotoset({

995
        lightbox: true,

996
        rounded: false,

997
        gutter: '10px',

998
        photoset: '.photo-slideshow',

999
        photoWrap: '.photo-data',

1000
        photo: '.pxu-photo'

1001
    });

1002
    {block:IndexPage}

1003
    var $container = $('#posts');

1004
    $container.masonry({ itemSelector: '.entry' });

1005
    $container.imagesLoaded(function(){

1006
        $container.masonry();

1007
        $container.find('.entry').animate({ opacity: 1, zIndex: 1 });

1008
    });

1009
    $container.infinitescroll({

1010
        itemSelector: '.entry',

1011
        navSelector: '.pagination',

1012
        nextSelector: '.next',

1013
        loadingImg: '',

1014
        loadingText: '<em></em>',

1015
        bufferPx: 2000

1016
    },

1017
    function( newElements ) {

1018
        var $newElems = $( newElements );

1019
        $newElems.find('.photo-slideshow').pxuPhotoset({

1020
            lightbox: true,

1021
            rounded: false,

1022
            gutter: '10px',

1023
            photoset: '.photo-slideshow',

1024
            photoWrap: '.photo-data',

1025
            photo: '.pxu-photo'

1026
        },

1027
        

1028
    function(){

1029
     resizeVideos(); },

1030
     

1031
        function(){

1032
            $container.masonry();

1033
        });

1034
        $newElems.imagesLoaded(function(){

1035
            $container.masonry( 'appended', $newElems );

1036
            $newElems.animate({ opacity: 1, zIndex: 1 });

1037
        });

1038
    });

1039
    {/block:IndexPage}

1040
});

1041
</script>

1042
</body>

1043
</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!