API tools faq
paste
View difference between Paste ID: epeXjrNY and jwRZcs4W
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
3
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

4
5
<link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">

6
<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">

7
8
<link href="https://fonts.googleapis.com/css?family=ABeeZee|Asap|Cabin|Karla|Libre+Franklin|Muli|Open+Sans|Oxygen|Roboto+Mono|Ubuntu+Condensed|Oswald" rel="stylesheet">

9
  

10
<head>

11
12
<title>{Title}</title>

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

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

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

16
17
<!---- 

18
19
#41 - hiraeth (scftlcves)

20
21
symbols: https://themehive.co/honeybee (+retired saturnicons)

22
fonts: https://fonts.google.com/

23
24
--->

25
26
<meta name="image:Container" content="https://via.placeholder.com/740 x 540"/>

27
<meta name="image:Sidebar" content="https://via.placeholder.com/200x320"/>

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

29
30
<meta name="color:Background" content="#f8f8f8"/>

31
<meta name="color:Blockquote" content="#e7e7e7"/>

32
<meta name="color:Bold" content="bd9482"/>

33
<meta name="color:Border" content="#e7e7e7"/>

34
<meta name="color:Container" content="#f0f0f0"/>

35
<meta name="color:Entries" content="#f8f8f8"/>

36
<meta name="color:Italic" content="bd9482"/>

37
<meta name="color:Link" content="#313131"/>

38
<meta name="color:Navigation BG" content="#f0f0f0"/>

39
<meta name="color:Navigation Text" content="#5a5a5a"/>

40
<meta name="color:Permalink" content="#f0f0f0"/>

41
<meta name="color:Permalink Icons" content="#f8f8f8"/>

42
<meta name="color:Scrollbar" content="#bd9482"/>

43
<meta name="color:Tags" content="#bd9482"/>

44
<meta name="color:Text" content="#5a5a5a"/>

45
<meta name="color:Title" content="#bd9482"/>

46
47
<meta name="select:Bullet symbol" content="\ebc6" title="Arrow" />

48
<meta name="select:Bullet symbol" content="\ec56" title="Circle" />

49
<meta name="select:Bullet symbol" content="\ea55" title="Heart" />

50
<meta name="select:Bullet symbol" content="\eabe" title="Minus" />

51
<meta name="select:Bullet symbol" content="\eb21" title="Plus" />

52
<meta name="select:Bullet symbol" content="\eb2f" title="Push pin" />

53
<meta name="select:Bullet symbol" content="\eb68" title="Star" />

54
<meta name="select:Bullet symbol" content="\eca9" title="Quote 1" />

55
<meta name="select:Bullet symbol" content="\eca8" title="Quote 2" />

56
<meta name="select:Bullet symbol" content="\eacc" title="X 1" />

57
<meta name="select:Bullet symbol" content="\ec8e" title="X 2" />

58
59
<meta name="select:opacity" content="1.0" title="100%" />

60
<meta name="select:opacity" content="0.9" title="90%" />

61
<meta name="select:opacity" content="0.8" title="80%" />

62
<meta name="select:opacity" content="0.7" title="70%" />

63
<meta name="select:opacity" content="0.6" title="60%" />

64
65
<meta name="select:body font" content="ABeeZee" title="ABeeZee" />

66
<meta name="select:body font" content="Asap" title="Asap" />

67
<meta name="select:body font" content="Cabin" title="Cabin" />

68
<meta name="select:body font" content="Karla" title="Karla" />

69
<meta name="select:body font" content="Libre Franklin" title="Libre Franklin" />

70
<meta name="select:body font" content="Muli" title="Muli" />

71
<meta name="select:body font" content="Open Sans" title="Open Sans" />

72
<meta name="select:body font" content="Oxygen" title="Oxygen" />

73
<meta name="select:body font" content="Roboto Mono" title="Roboto Mono" />

74
<meta name="select:body font" content="Ubuntu Condensed" title="Ubuntu Condensed" />

75
76
<meta name="text:post title text size" content="16px">

77
<meta name="text:body text size" content="11px">

78
<meta name="text:small text size" content="10px">

79
80
<meta name="text:link one url" content="link one url">

81
<meta name="text:link one text" content="link one">

82
<meta name="text:link two url" content="link two url">

83
<meta name="text:link two text" content="link two">

84
<meta name="text:link three url" content="link three url">

85
<meta name="text:link three text" content="link three">

86
87
<meta name="select:post size" content="500" title="500px" />

88
<meta name="select:post size" content="450" title="450px" />

89
<meta name="select:post size" content="400" title="400px" />

90
<meta name="select:post size" content="350" title="350px" />

91
<meta name="select:post size" content="300" title="300px" />

92
<meta name="select:post size" content="250" title="250px" />

93
94
<meta name="if:grayscale posts" content="0"/>

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

98
 

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

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

102
 

103
<script>

104
 

105
(function($){

106
 

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

108
 

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

110
 

111
tip_follows_cursor:true,

112
 

113
tip_delay_time:90,

114
 

115
tip_fade_speed:600,

116
 

117
attribute:"title"

118
 

119
});

120
 

121
});

122
 

123
})(jQuery);

124
 

125
</script>

126
127
<style type="text/css">

128
129
#s-m-t-tooltip {

130
background-color:{color:title};

131
font-size:10px;

132
font-weight:bold;

133
border-radius:5px 5px 5px 5px;

134
color:{color:entries};

135
letter-spacing:1px;

136
text-transform:lowercase;

137
padding:10px;

138
margin:20px 0px 0px 20px;

139
z-index:9999999999999999999999;

140
 

141
}

142
143
::-webkit-scrollbar-thumb {

144
   background-color:{color:Scrollbar};

145
}

146
147
::-webkit-scrollbar-track {

148
   background-color:{color:Entries};

149
}

150
 

151
::-webkit-scrollbar {

152
   height:2px;

153
   width:2px;

154
}

155
156
ul {

157
    list-style-type: circle;

158
    padding-left:24px;

159
    line-height:13px;

160
}

161
162
li {

163
   padding-left: 0px;

164
   margin-bottom: 0px;

165
   list-style: none;

166
}

167
168
li:before {

169
  color: {color:title};

170
  content: "{select:bullet symbol}";

171
  font-family: 'honeybee';

172
  font-size:6px;

173
  font-weight:300;

174
  display: inline-block;

175
  margin-left: -2.7em; 

176
  width: 2.7em; 

177
}

178
179
hr {

180
    display:block;

181
    border-style:dotted;

182
    border-color:{color:border};

183
}

184
185
body {

186
    background: {color:Background};

187
    background-image:url('{image:Background}'); 

188
    background-attachment:fixed;

189
    font-family: '{select:body font}', sans-serif;

190
    font-size: {text:body text size};

191
    line-height:15px;

192
    color: {color:Text};

193
}

194
195
blockquote {

196
  text-align:justify;

197
  margin-top: 5px;

198
  margin-bottom: 5px;

199
  margin-left: 5px;

200
  padding-left: 10px;

201
  border-left: 1px solid {color:blockquote};

202
  margin-right:5px;

203
}

204
205
a {

206
    text-decoration: none;

207
    color: {color:Link};

208
}

209
 

210
small, sub {

211
    font-size:{text:small text size};

212
}

213
214
b, strong {

215
    color:{color:Bold};

216
    font-weight:300;

217
}

218
219
i,em {

220
    color:{color:Italic};

221
}

222
223
pre {

224
    padding:6px;

225
    border-bottom:1px dotted {color:border};

226
    text-align:center;

227
    text-transform:lowercase;

228
    font-family:{select:body font};

229
    font-size:{small text size};

230
    color:{color:title};

231
}

232
233
h1 {

234
    font-family:arial;

235
    line-height:32px;

236
    font-size:28px;

237
    color:{color:title};

238
    text-align:right;

239
    font-style:italic;

240
    font-weight:bold;

241
    letter-spacing:-1px;

242
    text-transform:lowercase;

243
}

244
245
h2 {

246
    font-family:{select:body font};

247
    font-size:{text:small text size};

248
    color:{color:title};

249
    text-align:center;

250
    text-transform:uppercase;

251
    letter-spacing:3px;

252
    word-spacing:3px;

253
}

254
255
#contain {

256
    margin:50px auto;

257
    border:1px solid {color:border};

258
    width: calc({select:post size}px + 220px);

259
    height:430px;

260
    padding:30px;

261
    background-color:{color:container};

262
    border-radius:8px 8px 8px 8px;

263
    background-image:url('{image:Container}');

264
    -webkit-filter: grayscale(0%);

265
    -webkit-transition: all 0.6s ease-in-out;

266
    -moz-transition: all 0.6s ease-in-out;

267
    -o-transition: all 0.6s ease-in-out;

268
    -ms-transition: all 0.6s ease-in-out;

269
    transition: all 0.6s ease-in-out;

270
}

271
272
273
#bloggerback {

274
    margin-top:0px;

275
    position:fixed;

276
    width:180px;

277
    height:410px;

278
    padding:10px;

279
    background-color:{color:entries};

280
    border-radius:8px 8px 8px 8px;

281
    opacity:{select:opacity};

282
    border:1px solid {color:border};

283
    

284
}

285
286
#bloggerdeets {

287
    width:170px;

288
    height:75px;

289
    padding:5px;

290
    margin-top:10px;

291
    overflow:auto;

292
    text-align:justify;

293
}

294
295
#navigation {

296
    margin-left:-60px;

297
    margin-top:325px;

298
    position:fixed;

299
    text-align:right;

300
    line-height:18px;

301
    font-family:ABeeZee;

302
}

303
304
#navigation a {

305
    text-align:center;

306
    margin-bottom:4px;

307
    display:inline-block;

308
    border-radius:5px;

309
    letter-spacing:0px;

310
    font-size:9px;

311
    letter-spacing:1px;

312
    width:22px;

313
    height:22px;

314
    line-height:22px;

315
    font-family:ABeeZee;

316
    background-color:{color:navigation bG};

317
    color:{color:navigation text};

318
    border:1px solid {color:Border};

319
}

320
321
#header {

322
    margin-top:-10px;

323
    font-size:10px;

324
    font-family:karla;

325
    line-height:10px;

326
    text-align:center;

327
    margin-left:-10px;

328
    width:200px;

329
    height:320px;

330
    border-radius:5px 5px 0px 0px;

331
}

332
333
#header img {

334
    display:inline-block;

335
    width:200px;

336
    height:320px;

337
    border-radius:5px 5px 0px 0px;

338
    -webkit-filter: grayscale(0%);

339
    -webkit-transition: all 0.6s ease-in-out;

340
    -moz-transition: all 0.6s ease-in-out;

341
    -o-transition: all 0.6s ease-in-out;

342
    -ms-transition: all 0.6s ease-in-out;

343
    transition: all 0.6s ease-in-out;

344
}

345
346
#entries {

347
    position:absolute;

348
    width:{select:post size}px;

349
    margin-left:220px;

350
    height:430px;

351
    padding-right:5px;

352
    overflow:auto;

353
    border: 0px solid {color:Border};}

354
355
356
#entry {

357
    background-color:{color:Entries};

358
    margin-bottom:15px;

359
    border-radius:8px 8px 8px 8px;

360
    border:1px solid {color:border};

361
    opacity:{select:opacity};

362
    padding:10px;}

363
    

364
.photoset {

365
    max-width: 100%;

366
    {block:IfGrayscalePosts}

367
    -webkit-filter: grayscale(100%);

368
    -webkit-transition: all 0.6s ease-in-out;

369
    -moz-transition: all 0.6s ease-in-out;

370
    -o-transition: all 0.6s ease-in-out;

371
    -ms-transition: all 0.6s ease-in-out;

372
    transition: all 0.6s ease-in-out;

373
    {/block:IfGrayscalePosts}

374
}

375
376
.photoset:hover {

377
    -webkit-filter: grayscale(0%);

378
    -webkit-transition: all 0.6s ease-in-out;

379
    -moz-transition: all 0.6s ease-in-out;

380
    -o-transition: all 0.6s ease-in-out;

381
    -ms-transition: all 0.6s ease-in-out;

382
    transition: all 0.6s ease-in-out;

383
}

384
385
.video {

386
   width:350px!important;}

387
388
.video iframe {

389
   width:350px!important;}

390
    

391
img {

392
    max-width: 100%;

393
    {block:IfGrayscalePosts}

394
    -webkit-filter: grayscale(100%);

395
    -webkit-transition: all 0.6s ease-in-out;

396
    -moz-transition: all 0.6s ease-in-out;

397
    -o-transition: all 0.6s ease-in-out;

398
    -ms-transition: all 0.6s ease-in-out;

399
    transition: all 0.6s ease-in-out;

400
    {/block:IfGrayscalePosts}

401
}

402
403
img:hover {

404
    -webkit-filter: grayscale(0%);

405
    -webkit-transition: all 0.6s ease-in-out;

406
    -moz-transition: all 0.6s ease-in-out;

407
    -o-transition: all 0.6s ease-in-out;

408
    -ms-transition: all 0.6s ease-in-out;

409
    transition: all 0.6s ease-in-out;

410
}

411
412
413
#posttitles { 

414
    font-family:{select:body font};

415
    line-height:100%;

416
    font-size:{text:post title text size};

417
    color:{color:title};

418
    font-weight:bold;

419
    padding:5px;

420
    text-align:center;

421
    text-transform:uppercase;

422
}

423
424
#boujee {

425
    text-align:center;

426
    color:{color:text};

427
    margin-top:10px;

428
    display:block;

429
    font-size:{text:small text size};

430
    text-transform:lowercase;

431
}

432
 

433
#boujee a {

434
    color:{color:title};

435
    font-style:italic;

436
}

437
   

438
    

439
    #ask {

440
    text-align:center;

441
    line-height:120%;

442
    color:{color:text};

443
    padding:5px;

444
    }

445
    

446
    .ask {

447
    float:left;

448
    z-index:10;

449
    font-size:11px;

450
    font-family:{select:body font};

451
    text-align:center;

452
    font-weight:bold;

453
    text-transform:lowercase;  

454
    letter-spacing:1px;

455
    line-height:14px;

456
    color:{color:entries};

457
    background-color:{color:title};

458
    margin-top:-13px;

459
    margin-right:0px;

460
    margin-left:0px;

461
    border-radius:5px;

462
    padding-left:10px;

463
    padding-right:10px;

464
    padding-top:5px;

465
    padding-bottom:5px;

466
    }

467
    

468
    .ask a {

469
        color:{color:entries};

470
    }

471
 

472
.askline {

473
    height:1px;

474
    margin-top:5px;

475
    margin-left:0px;

476
    background-color:{color:Border};

477
    z-index:-1;

478
    word-wrap:break-word;

479
    }

480
481
.question {

482
    color:{color:text};

483
    font-size:{text:small text size};

484
    border-left:1px solid {color:border};

485
    padding:15px;

486
    display:block;

487
    text-align:right;

488
    margin-left:10px;

489
    word-wrap:break-word;

490
491
}

492
493
#questionbox {

494
    word-wrap:break-word;

495
    padding:10px;

496
497
}

498
   

499
   

500
    #ans {

501
    text-align:justify;

502
    padding-top:2px;

503
    display:block;

504
    margin-top:20px;

505
    color:{color:text};

506
    }

507
    

508
.audio {

509
    display:block;

510
    padding:25px;

511
    height:40px;

512
}

513
 

514
.playbutton {

515
    width:32px;

516
    height:40px;

517
    overflow:hidden;

518
    position:relative;

519
    z-index:9;

520
    opacity:.7;

521
    float:left;

522
}

523
524
.albumart {

525
    margin-top:-5px;

526
}

527
   

528
.albumart img {

529
    height:30px;

530
    width:30px;

531
    position:relative;

532
    float:right;

533
}

534
535
.details {

536
    margin-top:-8px;

537
    margin-left:15px;

538
    text-align:left;

539
    float:left;

540
    padding:5px;

541
    text-transform:lowercase;

542
}

543
544
#permalink {

545
    text-align: center;

546
    border:none;

547
    position: relative;

548
    font-size:10px;

549
    text-transform:lowercase;

550
    margin-top: 20px;

551
    display:block;

552
    padding: 10px;

553
    border-radius:5px;

554
    border:1px solid {color:border};

555
    background-color:{color:permalink};

556
}

557
558
#permalink a {

559
    border-bottom:none;

560
}

561
    

562
.date {

563
    color:{color:text};

564
    font-size:9px;

565
    z-index:10;

566
    text-transform:lowercase;

567
    border:none;

568
    text-align:right;

569
}

570
571
.date iconback {

572
    width:10px;

573
    margin-right:5px;

574
    height:10px;

575
    font-size:9px;

576
    background-color:{color:Permalink Icons};

577
    line-height:10px;

578
    padding:10px;

579
    text-align:center;

580
    border-radius:5px;

581
    display:inline-block;

582
    border:1px solid {color:border};

583
}

584
585
.tags {

586
    color:{color:tags};

587
    font-size:9px;

588
    margin-top:10px;

589
    text-align:right;

590
    border:none;

591
    text-transform:lowercase;

592
}

593
594
.tags a{

595
    color:{color:tags};

596
    padding:5px;

597
}

598
599
600
#credit {

601
    font-size:12px;

602
    float:center;

603
    position:fixed;

604
    bottom:25px;

605
    right:25px;

606
    font-family:Roboto Mono;

607
    text-transform:lowercase;

608
    padding:8px;

609
    border-radius:5px;

610
    color:{color:title};

611
    background-color:{color:entries};

612
}

613
 

614
#credit a {

615
    color:{color:title};

616
}

617
618
</style>

619
620
</head>

621
622
<body>

623
624
<div id="contain">

625
626
627
<div id="bloggerback">

628
<div id="header"><img src="{image:sidebar}"></div>

629
<div id="bloggerdeets">{description}</div>

630
</div>

631
    

632
    

633
<div id="navigation">

634
<a href="/" title="index">01</a><br>

635
<a href="/ask" title="mssg">02</a><br>

636
<a href="{text:link one url}" title="{text:link one text}">03</a><br>

637
<a href="{text:link two url}" title="{text:link two text}">04</a><br>

638
<a href="{text:link three url}" title="{text:link three text}">05</a>

639
</div>

640
641
<div id="entries">

642
{block:Posts}

643
<div id="entry">

644
645
{block:Text}

646
<div id="posttitles">{block:Title}{Title}{/block:Title}</div>

647
{Body}

648
{/block:Text}

649
 

650
{block:Photo}

651
{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}

652
{block:Caption}{Caption}{/block:Caption}

653
{/block:Photo}

654
 

655
{block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}

656
 

657
{block:Quote}

658
<div id="posttitles">{Quote}</div>

659
{block:Source}<br>—{Source}{/block:Source}

660
{/block:Quote}

661
 

662
{block:Link}

663
<div id="posttitles"><a href="{URL}" {Target}>{Name}</a></div>

664
{block:Description}{Description}{/block:Description}

665
{/block:Link}

666
 

667
{block:Chat}

668
{block:Title}<div id="posttitles">{Title}</div>{/block:Title}

669
{block:Lines}

670
{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>

671
{/block:Lines}

672
{/block:Chat}

673
 

674
{block:Audio}

675
{block:AudioPlayer}

676
<div class="audio">

677
<div class="playbutton">{AudioPlayer}</div>

678
{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}

679
<div class="details">

680
{block:TrackName}{TrackName}{/block:TrackName}<br>

681
{block:Artist}{Artist}{/block:Artist}

682
</div></div>

683
<div class="caption">

684
{block:Caption}{Caption}{/block:Caption}

685
</div>

686
{/block:AudioPlayer}

687
{/block:Audio}

688
 

689
{block:Video}<div class=“video”>{Video-500}</div>

690
{block:Caption}{Caption}{/block:Caption}

691
{/block:Video}

692
 

693
{block:Answer}

694
<div id="questionbox"><div class="question">{Question}</div><div class="askline"></div><div class="ask">{Asker}</div></div>

695
<div id="ans">{Answer}</div>

696
{/block:Answer}

697
698
699
700
<div id="permalink">

701
<div class="date">

702
<iconback><a href="{Permalink}" title="{block:Date}{TimeAgo}{/block:Date}"><span class="th th-push-pin-o"></span></a></iconback>

703
 

704
<iconback><a href="{Permalink}" title="{NoteCountWithLabel}"><span class="th th-heart-1-o"></span></a></iconback>

705
 

706
<iconback><a href="{ReblogURL}" title="reblog this post" target="_blank"><span class="th th-reblog"></span></a></iconback>

707
 

708
{block:RebloggedFrom}

709
 

710
<iconback><a href="{ReblogParentURL}" title="{ReblogParentTitle}"><span class="th th-return"></span></a></iconback>

711
 

712
<iconback><a href="{ReblogRootURL}"title="{ReblogRoottitle}"><span class="th th-user-o"></span></a></iconback>

713
 

714
{/block:RebloggedFrom}</div>

715
716
717
</div>

718
719
<div class="tags">{block:HasTags} {block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>

720
721
722
723
 <!-- /div entry ---> </div>

724
725
726
727
{/block:Posts}{block:PostNotes}{PostNotes}{/block:PostNotes}

728
    

729
<div id="boujee">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> &nbsp;&nbsp;{/block:PreviousPage}  {CurrentPage} out of {TotalPages}  {block:NextPage}&nbsp;&nbsp;<a href="{NextPage}">next</a>{/block:NextPage} {/block:Pagination}</div>

730
731
732
</div></div>

733
734
<div id="credit"><a href="https://scftlcves.tumblr.com/"><span class="sf sf-stars-o"></span></a></div>

735
736
</body>

737
738
</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!