API tools faq
paste
View difference between Paste ID: MWrR6tKx and 5u0Au4Vv
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE html>
2
<html>
3
<head>
4
5
    <title>{Title}</title>
6
    <link rel="shortcut icon" href="{Favicon}">
7
    <link rel="alternate" type="application/rss+xml" href="{RSS}">
8
    {block:Description}
9
        <meta name="description" content="{MetaDescription}" />
10
    {/block:Description}
11
12
    <meta name="if:image" content="1">
13
    <meta name="if:250px or 400px" content="0">
14
    <meta name="if:stickyheader" content="1">
15
    <meta name="image:header" content="">
16
    <meta name="color:link 1 color" content="">
17
    <meta name="color:link 2 color" content="">
18
    <meta name="color:link 3 color" content="">
19
    <meta name="color:link 4 color" content="">
20
    <meta name="text:link 1 url" content="/">
21
    <meta name="text:link 1 name" content="">
22
    <meta name="text:link 2 url" content="/">
23
    <meta name="text:link 2 name" content="">
24
    <meta name="text:link 3 url" content="/">
25
    <meta name="text:link 3 name" content="">
26
27
<link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
28
29
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
30
31
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
32
33
<script>
34
35
(function($){
36
37
$(document).ready(function(){
38
39
$("a[title]").style_my_tooltips({
40
41
tip_follows_cursor:true,
42
43
tip_delay_time:30,
44
45
tip_fade_speed:300,
46
47
attribute:"title"
48
49
});
50
51
});
52
53
})(jQuery);
54
55
</script>
56
57
{block:ifstickyheader}

58
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>

59
<script type="text/javascript">

60
$(function(){

61
var stickyRibbonTop = $('.stuck').offset().top;

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

63
if( $(window).scrollTop() > stickyRibbonTop ) {

64
$('.stuck').css({position: 'fixed', top: '0px'});

65
} else {

66
$('.stuck').css({position: 'static', top: '0px'});

67
}

68
});

69
});

70
</script>

71
{/block:ifstickyheader}

72
73
<style type="text/css">

74
 

75
/*tooltips*/

76
 

77
#s-m-t-tooltip{

78
    font-size:8px;

79
    position:absolute;

80
    margin-top: 20px;

81
    margin-left:20px;

82
    font-weight:bold;

83
    z-index:999999999999999999999999999999999999999999999;

84
    background:#ebebeb;

85
    padding:3px;

86
    color:#000;

87
    text-transform:uppercase;

88
    font-family:calibri;

89
    letter-spacing:1px;

90
    padding:2px 3px 2px 3px;

91
    -webkit-transition:all 0.3s;

92
    -moz-transition:all 0.3s;

93
    -ms-transition:all 0.3s;

94
    -o-transition:all 0.3s;

95
    transition:all 0.3s;

96
}

97
 

98
/*scrollbar*/

99
 

100
::-webkit-scrollbar { left:0; width: 5px; height: 5px; background:#fff;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb; }

101
::-webkit-scrollbar-thumb { background-color:#ebebeb; }

102
103
/*tumblr controls*/

104
105
#tumblr_controls {

106
    position:fixed !important;

107
    right:0!important;

108
    top:0!important;

109
    -webkit-filter: invert(100%)

110
}

111
 

112
body {

113
    font: 9px arial;

114
    color:#000;

115
    background-color:#fff;

116
    text-align:justify;

117
    overflow-x:hidden;

118
}

119
120
small {

121
    font-size:8px;

122
}

123
 

124
a {

125
    color:#000;

126
    font-family:calibri;

127
    letter-spacing:1px;

128
    text-transform:uppercase;

129
    text-decoration:none;

130
    -webkit-transition:all 0.5s;

131
    -moz-transition:all 0.5s;

132
    -ms-transition:all 0.5s;

133
    -o-transition:all 0.5s;

134
    transition:all 0.5s;

135
}

136
137
a:hover {

138
    text-decoration:none;

139
    -webkit-transition:all 0.5s;

140
    -moz-transition:all 0.5s;

141
    -ms-transition:all 0.5s;

142
    -o-transition:all 0.5s;

143
    transition:all 0.5s;

144
}

145
146
p a {

147
    background-color:#ebebeb;

148
    font-size:8px;

149
}

150
151
p a:hover {

152
    color:#fff;

153
    box-shadow:inset 0 50px 0 0 #000;

154
}

155
156
blockquote {

157
    margin-left:5px;

158
    border-left:1px solid #ebebeb;

159
    padding-left:5px;

160
    margin-right:0;

161
}

162
163
.container {

164
    position:relative;

165
    left:50%;

166
    top:100px;

167
    {block:ifnot250pxor400px}

168
    width:300px;

169
    margin-left:-150px;

170
    {/block:ifnot250pxor400px}

171
    {block:if250pxor400px}

172
    width:450px;

173
    margin-left:-225px;

174
    {/block:if250pxor400px}

175
}

176
177
.header {

178
    {block:ifnot250pxor400px}

179
    width:300px;

180
    {/block:ifnot250pxor400px}

181
    {block:if250pxor400px}

182
    width:450px;

183
    {/block:if250pxor400px}

184
    padding:0px 25px;

185
    margin-bottom:100px;

186
    overflow:hidden;

187
}

188
189
.stuck {

190
    {block:ifnot250pxor400px}

191
    width:250px;

192
    margin-left:-150px;

193
    {/block:ifnot250pxor400px}

194
    {block:if250pxor400px}

195
    width:400px;

196
    margin-left:-225px;

197
    {/block:if250pxor400px}

198
    left:50%;

199
    height:23px;

200
    overflow:hidden;

201
    padding:10px 25px 5px 25px;

202
    z-index:999999999;

203
    background-color:#fff;

204
}

205
206
.header h1 {

207
    font-family:sans-serif;

208
    font-size:20px;

209
    font-weight:bold;

210
    letter-spacing:-1px;

211
    position:absolute;

212
    text-transform:lowercase;

213
    margin-top:0;

214
    left:25px;

215
    z-index:999999999999999999;

216
    display:inline-block;

217
    float:left;

218
}

219
220
.stuck .linkles {

221
    width:120px;

222
    z-index:999999999999999999;

223
    display:inline-block;

224
    float:right;

225
    position:absolute;

226
    right:0;

227
}

228
229
.linkles a {

230
    width:10px;

231
    height:10px;

232
    overflow:hidden;

233
    margin:8px;

234
    display:inline-block;

235
    float:left;

236
}

237
238
.des {

239
    {block:ifnot250pxor400px}

240
    width:250px;

241
    {/block:ifnot250pxor400px}

242
    {block:if250pxor400px}

243
    width:400px;

244
    {/block:if250pxor400px}

245
    position:relative;

246
    color:#aaa;

247
    text-align:center;

248
    font-family:calibri;

249
    text-transform:uppercase;

250
    font-size:8px;

251
    letter-spacing:1px;

252
}

253
254
.header img {

255
    {block:ifnot250pxor400px}

256
    width:250px;

257
    {/block:ifnot250pxor400px}

258
    {block:if250pxor400px}

259
    width:400px;

260
    {/block:if250pxor400px}

261
    min-height:0;

262
}

263
264
.postswrap1 {

265
    {block:ifnot250pxor400px}

266
    width:300px;

267
    {/block:ifnot250pxor400px}

268
    {block:if250pxor400px}

269
    width:450px;

270
    {/block:if250pxor400px}

271
    margin-bottom:100px;

272
    position:relative;

273
    -webkit-transition:all 0.5s;

274
    -moz-transition:all 0.5s;

275
    -ms-transition:all 0.5s;

276
    -o-transition:all 0.5s;

277
    transition:all 0.5s;

278
}

279
280
.postswrap2 {

281
    position:relative;

282
    {block:ifnot250pxor400px}

283
    width:250px;

284
    {/block:ifnot250pxor400px}

285
    {block:if250pxor400px}

286
    width:400px;

287
    {/block:if250pxor400px}

288
    overflow:hidden;

289
    margin-left:25px;

290
}

291
292
#title {

293
    width:auto;

294
    padding:10px;

295
    background-color:#ebebeb;

296
    text-align:left;

297
    color:#000;

298
    text-transform:uppercase;

299
    font-size:8px;

300
    margin-bottom:10px;

301
    font-family:calibri;

302
    font-weight:bold;

303
    font-style:italic;

304
    letter-spacing:1px;

305
}

306
307
#title a {

308
    color:#000;

309
    background-color:transparent;

310
    text-decoration:none;

311
}

312
313
#title a:hover {

314
    color:#000;

315
    box-shadow:none;

316
}

317
318
#quote {

319
    width:auto;

320
    padding:10px;

321
    background-color:#ebebeb;

322
    font-family:times;

323
    font-style:italic;

324
    text-align:left;

325
    margin-bottom:10px;

326
    font-size:11px;

327
}

328
329
#talkbubble

330
{

331
position: relative;

332
    width:auto;

333
    padding:10px;

334
height:auto;

335
    background-color:#ebebeb;

336
    color:#000;

337
}

338
339
#talkbubble:after

340
{

341
content: '';

342
position: absolute;

343
    font-size:10px;

344
border-style: solid;

345
border-width: 16px 11px 0;

346
border-color: #ebebeb transparent;

347
display: block;

348
width: 0;

349
z-index: 1;

350
bottom: -16px;

351
left: 15px;

352
}

353
354
#ask-icon {

355
    float:left;

356
    position:absolute;

357
    margin-left:0;

358
    margin-top:0;

359
}

360
361
#ask-icon img {

362
    width:30px;

363
    height:30px;

364
    border-radius:50%;

365
}

366
367
#asker {

368
    width:auto;

369
    font:8px calibri;

370
    letter-spacing:1px;

371
    text-transform:uppercase;

372
    font-weight:bold;

373
    font-style:italic;

374
    height:15px;

375
    text-align:left;

376
    border-bottom:1px solid #000;

377
    overflow:hidden;

378
    padding-left:40px;

379
}

380
381
#asker a {

382
    text-decoration:none;

383
    color:#000;

384
    background-color:transparent;

385
}

386
387
#asker:hover {

388
    color:#000;

389
    box-shadow:none;

390
}

391
392
#question {

393
    margin-top:16px;

394
    font-size:9px;

395
    font-family:sans-serif;

396
}

397
398
.perma-caption {

399
    position:absolute;

400
    left:10px;

401
    top:10px;

402
    padding:10px;

403
    width:auto;

404
    max-height:83%;

405
    background-color:rgba(255,255,255,0.9);

406
    opacity:0;

407
    {block:ifnot250pxor400px}

408
    max-width:210px;

409
    {/block:ifnot250pxor400px}

410
    {block:if250pxor400px}

411
    max-width:360px;

412
    {/block:if250pxor400px}

413
    overflow:auto;

414
    -webkit-transition:all 0.5s;

415
    -moz-transition:all 0.5s;

416
    -ms-transition:all 0.5s;

417
    -o-transition:all 0.5s;

418
    transition:all 0.5s;

419
}

420
421
.postswrap1:hover .perma-caption {

422
    opacity:1;

423
    -webkit-transition:all 0.5s;

424
    -moz-transition:all 0.5s;

425
    -ms-transition:all 0.5s;

426
    -o-transition:all 0.5s;

427
    transition:all 0.5s;

428
}

429
430
.info {

431
    width:25px;

432
    float:left;

433
    display:inline-block;

434
    position:absolute;

435
}

436
437
.info a {

438
    width:10px;

439
    height:10px;

440
    overflow:hidden;

441
    margin-right:8px;

442
    display:block;

443
    float:right;

444
    background-color:#000;

445
    color:#000;

446
}

447
448
.fun {

449
    margin-top:10px;

450
    border-top:1px solid #ebebeb;

451
    {block:ifnot250pxor400px}

452
    width:250px;

453
    {/block:ifnot250pxor400px}

454
    {block:if250pxor400px}

455
    width:400px;

456
    {/block:if250pxor400px}

457
    text-align:left;

458
    font-family:calibri;

459
    font-size:8px;

460
    letter-spacing:1px;

461
    text-transform:uppercase;

462
}

463
464
.magic a {

465
    margin-right:5px;

466
}

467
468
ol.notes {

469
    list-style-type: none;

470
    margin-top:10px;

471
    margin-left:25px;

472
    border-top:1px solid #ebebeb;

473
    padding-top:10px;

474
    color:#aaa;

475
    text-transform:uppercase;

476
    font-family:calibri;

477
    font-size:8px;

478
    letter-spacing:1px;

479
    position:relative;

480
    {block:ifnot250pxor400px}

481
    width:250px;

482
    {/block:ifnot250pxor400px}

483
    {block:if250pxor400px}

484
    width:400px;

485
    {/block:if250pxor400px}

486
    float:left;

487
    display:block;

488
    padding-left:0;

489
}

490
491
ol.notes li {

492
    list-style-type:none;

493
    padding:0;

494
    margin:0;

495
    margin-left:0;

496
    margin-bottom:3px;

497
}

498
499
ol.notes img { display:none;width:0;height:0; }

500
501
ol.notes a {

502
    background-color:#ebebeb;

503
    font-size:8px;

504
}

505
506
ol.notes a:hover {

507
    color:#fff;

508
    box-shadow:inset 0 50px 0 0 #000;

509
}

510
511
.pagination {

512
    {block:ifnot250pxor400px}

513
    width:250px;

514
    {/block:ifnot250pxor400px}

515
    {block:if250pxor400px}

516
    width:400px;

517
    {/block:if250pxor400px}

518
    margin-left:25px;

519
    bottom:50px;

520
    position:relative;

521
}

522
523
.pagination a {

524
    text-transform:uppercase;

525
    background-color:#fff;

526
    font-size:8px;

527
    text-transform:uppercase;

528
    letter-spacing:1px;

529
    color:#000;

530
}

531
532
.pagination a:hover {

533
    box-shadow:inset 0 20px 0 0 #ebebeb;

534
    color:#000;

535
}

536
537
img.albumart {

538
    {block:ifnot250pxor400px}

539
    width:250px;

540
    {/block:ifnot250pxor400px}

541
    {block:if250pxor400px}

542
    width:400px;

543
    {/block:if250pxor400px}

544
}

545
546
.audio {

547
    color:#000;

548
    {block:ifnot250pxor400px}

549
    width:230px;

550
    {/block:ifnot250pxor400px}

551
    {block:if250pxor400px}

552
    width:380px;

553
    {/block:if250pxor400px}

554
    padding:10px;

555
    background-color:#ebebeb;

556
    font:8px calibri;{block:permalinkpage}

557
    margin-bottom:10px;

558
    border-bottom:10px solid #fff;{/block:permalinkpage}

559
    float:right;

560
    display:inline-block;

561
    text-transform:uppercase;

562
    letter-spacing:1px;

563
}

564
565
.player {

566
    {block:ifnot250pxor400px}

567
    width:230px;

568
    {/block:ifnot250pxor400px}

569
    {block:if250pxor400px}

570
    width:380px;

571
    {/block:if250pxor400px}

572
    height:15px;

573
    margin-top:10px;

574
    position:relative;

575
    background-color:#000;

576
    padding:10px 9px 10px 11px;

577
    overflow:hidden;

578
}

579
580
.listen {

581
    display:inline-block;

582
    padding-top:2px;

583
    font:8px calibri;

584
    text-transform:uppercase;

585
    letter-spacing:1px;

586
    color:#fff;

587
    float:right;

588
    position:relative;

589
    font-weight:bold;

590
    font-style:italic;

591
}

592
593
.title {

594
    font-weight:bold;

595
    font-style:italic;

596
}

597
598
.caption {

599
    margin-top:10px;

600
    {block:ifnot250pxor400px}

601
    width:230px;

602
    {/block:ifnot250pxor400px}

603
    {block:if250pxor400px}

604
    width:380px;

605
    {/block:if250pxor400px}

606
    padding:10px;

607
    background-color:#efefef;

608
}

609
 

610
.credit a {

611
    position:fixed;

612
    right:10px;

613
    bottom:10px;

614
    font:8px calibri;

615
    text-transform:uppercase;

616
    letter-spacing:1px;

617
    background-color:#ebebeb;

618
    color:#000;

619
    padding:10px;

620
}

621
 

622
.credit a:hover {

623
    background-color:#000;

624
    color:#fff;

625
}

626
627
</style>

628
   

629
</head>

630
<body>

631
632
<div class="container">

633
634
<div class="header">

635
    {block:ifimage}

636
    <img src="{image:header}">

637
    {/block:ifimage}

638
    <div class="stuck">

639
    <h1>{title}</h1>

640
    <div class="linkles">

641
        <a href="/" title="home" style="color:{color:link 1 color};background-color:{color:link 1 color}"></a>

642
        <a href="{text:link 1 url}" title="{text:link 1 name}" style="color:{color:link 2 color};background-color:{color:link 2 color}"></a>

643
        <a href="{text:link 2 url}" title="{text:link 2 name}" style="color:{color:link 3 color};background-color:{color:link 3 color}"></a>

644
        <a href="{text:link 3 url}" title="{text:link 3 name}" style="color:{color:link 4 color};background-color:{color:link 4 color}"></a>

645
    </div>

646
    </div>

647
    <div class="des">{description}</div>

648
</div>

649
650
<div class="posts">

651
{block:posts}

652
<div class="postswrap1">

653
654
{block:indexpage}

655
{block:date}

656
<div class="info">

657
    <a href="{permalink}" title="{TimeAgo}"></a>

658
</div>

659
{/block:date}

660
{/block:indexpage}

661
662
<div class="postswrap2">

663
664
{block:Text}{block:Title}<div id="title">{Title}</div>{/block:Title}<p style="font-weight:lighter">{Body}</p>{/block:Text}

665
 

666
{block:Photo}{block:indexpage}{block:caption}<div class="perma-caption">{caption}</div>{/block:caption}{/block:indexpage}{LinkOpenTag}{block:ifnot250pxor400px}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{/block:ifnot250pxor400px}{block:if250pxor400px}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:if250pxor400px}{LinkCloseTag}{block:permalinkpage}{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:permalinkpage}{/block:Photo}

667
 

668
{block:Panorama}{block:indexpage}{block:caption}<div class="perma-caption">{caption}</div>{/block:caption}{/block:indexpage}{LinkOpenTag}<img src="{PhotoURL-panorama}"alt="{PhotoAlt}" />{LinkCloseTag}{block:permalinkpage}{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:permalinkpage}{/block:Panorama}

669
 

670
{block:Photoset}{block:indexpage}{block:caption}<div class="perma-caption">{caption}</div>{/block:caption}{/block:indexpage}{LinkOpenTag}{block:ifnot250pxor400px}{Photoset-250}{/block:ifnot250pxor400px}{block:if250pxor400px}{Photoset-400}{/block:if250pxor400px}{LinkCloseTag}{block:permalinkpage}{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:permalinkpage}{/block:Photoset} 

671
672
{block:Quote}<div id="quote">"{Quote}"</div>{block:source}<p>{source}</p>{/block:source}{/block:Quote}

673
 

674
{block:Link}<div id="title"><a href="{URL}" {Target}>{Name} &#8594;</a></div>{block:Description}{Description}{/block:Description}{/block:Link}

675
 

676
{block:Chat}{block:Title}<div id="title">{Title}</div>{/block:Title}<div id="chlines">{block:Lines}<div id="{Alt}">{block:Label}<span id="label" style="font-weight:bold" id="label">{Label}</span>{/block:Label}  <span id="line">{Line}</span></div>{/block:Lines}</div>{/block:Chat}

677
 

678
{block:Video}<div class="video">{Video-400}</div>{block:permalinkpage}{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:permalinkpage}{/block:Video}

679
680
{block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" class="albumart">{/block:AlbumArt}{block:AudioPlayer}<div class="player">{AudioPlayer color="black" width="10px" height="15px"} <span class="listen">listen</span></div><div class="audio">{block:TrackName}<span class="title">track name:</span> {TrackName}{/block:TrackName}{block:Artist}<br><span class="title">artist:</span> 

681
{Artist}{block:Album}<br><span class="title">album:</span> {Album}{/block:Album}{/block:Artist}{block:PlayCount}<br><span class="title">plays:</span> {playcount}{/block:PlayCount}</div>{/block:AudioPlayer}{block:permalinkpage}{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:permalinkpage}{/block:Audio}

682
   

683
{block:Answer}<div id="coverme"><div id="talkbubble"><div id="ask-icon"><img src="{AskerPortraitURL-30}"></div><div id="asker">{Asker} asked:</div><div id="question">{question}</div></div></div><div id="answer"><br>{Answer}</div>{/block:Answer}

684
685
{block:permalinkpage}

686
{block:date}

687
<div class="fun">

688
    <p><strong><em>Posted:</em></strong> <a href="{permalink}">{TimeAgo}</a>{block:NoteCount} with <a href="{permalink}">{NoteCountWithLabel}</a>{/block:notecount}</p>

689
    {block:RebloggedFrom}<p><strong><em>Reblogged from:</em></strong> <a href="{ReblogParentURL}">{ReblogParentName}</a></p>{/block:RebloggedFrom}

690
    {block:ContentSource}<p><strong><em>Originally posted by:</em></strong> <a href="{SourceURL}">{SourceTitle}</a></p>{/block:ContentSource}

691
    {block:hastags}<p><strong><em>Tagged under:</em></strong> <span class="magic">{block:tags}<a href="{tagurl}">#{tag}</a>{/block:tags}</span></p>{/block:hastags}

692
</div>

693
{/block:date}

694
{/block:permalinkpage}

695
696
</div>

697
698
{block:PostNotes}

699
    {PostNotes-16}

700
{/block:PostNotes}

701
702
</div>

703
{/block:posts}

704
705
{block:pagination}

706
<div class="pagination">

707
{block:PreviousPage}

708
    <a href="{PreviousPage}" style="float:left">previous</a>

709
{/block:PreviousPage}

710
{block:NextPage}

711
    <a href="{NextPage}" style="float:right">next</a>

712
{/block:NextPage}

713
</div>

714
{/block:pagination}

715
</div>

716
717
</div>

718
 

719
<div class="credit">

720-
    <a href="http://harknesses.tumblr.com">ST</a>

720+
    <a href="http://darkholme.tk">ST</a>

721
</div>

722
 

723
</body>

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