API tools faq
paste
View difference between Paste ID: qTL6QgqT and rE7GsBDz
SHOW: | | - or go back to the newest paste.
1
<!--
2
3
theme by septim
4
5
╔╔ ══ ══        Rules:
6
║║                     -do not use as base
7
╚╚ ══ ╗╗               -do not steal bits of code
8
      ║║               -do not remove credits
9
══ ══ ╝╝
10
11
12
-->
13
<!DOCTYPE html>
14
<head>
15
16
<title>{Title}</title>

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

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

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

21
22
<!--Default Variables-->

23
24
<meta name="color:Background" content="#f8f8f8"/>

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

26
<meta name="color:link" content="#000000"/>

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

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

29
<meta name="color:scrollbar" content="#d5d5d5" />

30
<meta name="color:borders" content="#eeeeee"/>

31
<meta name="color:permalink" content="#f8f8f8"/>

32
<meta name="color:hover" content="#ffffff"/>

33
<meta name="color:hover text" content="#000000"/>

34
<meta name="color:posts" content="#ffffff"/>

35
36
<meta name="text:post spacing" content="50"/>

37
<meta name="text:updates" content="updates here"/>

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

39
40
<meta name="if:250px posts" content="1"/>

41
<meta name="if:Updates" content="1"/>

42
<meta name="if:Show Tags" content="0">

43
<meta name="if:Show Title" content="1"/>

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

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

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

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

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

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

50
51
52
<script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>

53
54
<!-- jquery -->

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

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

60
61
<script>

62
63
(function($){

64
65
$(document).ready(function(){

66
67
$("a[title]").style_my_tooltips({

68
69
tip_follows_cursor:true,

70
71
tip_delay_time:30,

72
73
tip_fade_speed:300,

74
75
attribute:"title"

76
77
});

78
79
});

80
81
})(jQuery);

82
83
</script>

84
85
86
<!--CSS customization here. -->

87
88
<style type="text/css">

89
90
91
92
93
#s-m-t-tooltip{

94
    font-size:9px;

95
    position:absolute;

96
    margin-top: 15px;

97
    letter-spacing:1px;

98
    z-index:9999;

99
    background:white;

100
    color:{color:text};

101
    text-transform:uppercase;

102
    padding:2px 3px 2px 3px;

103
    -webkit-transition:all 0.3s;

104
    -moz-transition:all 0.3s;

105
    -ms-transition:all 0.3s;

106
    -o-transition:all 0.3s;

107
    transition:all 0.3s; 

108
    border:3px solid {color:borders};

109
border-style:double;

110
}

111
112
113
114
115
/*scrollbar*/

116
::-webkit-scrollbar{height: 5px;

117
width: 5px;

118
-webkit-border-radius: 0px;

119
background-color:{color:background}}

120
::-webkit-scrollbar-thumb{background-color:{color:scrollbar};

121
border:1px solid {color:borders};}

122
::-webkit-scrollbar-track{background-color:{color:background};}

123
124
125
126
127
#text {margin-bottom:100px;

128
margin-top:5px;

129
text-transform:uppercase;

130
font-size:7px;

131
letter-spacing:2px;

132
text-align:center;}

133
134
135
/*main structure*/

136
blockquote {padding:5px 0 5px 30px;

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

138
margin:10px 30px;

139
}

140
141
body {

142
background:{color:background}; 

143
color:{color:text};

144
font-family:arial;

145
font-size:10px;

146
text-align:justify;

147
margin:0;

148
line-height:18px;}

149
150
a {color:{color:link};

151
border-bottom:1px solid transparent;

152
text-decoration:none;

153
    -webkit-transition:all 0.3s;

154
    -moz-transition:all 0.3s;

155
    -ms-transition:all 0.3s;

156
    -o-transition:all 0.3s;

157
    transition:all 0.3s; }

158
159
a:hover {

160
border-bottom:1px solid {color:link};

161
    -webkit-transition:all 0.3s;

162
    -moz-transition:all 0.3s;

163
    -ms-transition:all 0.3s;

164
    -o-transition:all 0.3s;

165
    transition:all 0.3s; }

166
167
img{

168
border:none;

169
text-decoration:none}

170
171
b, strong {

172
color:{color:title}}

173
i, em {

174
color:{color:text}}

175
p {

176
margin-top:5px; 

177
margin-bottom:5px}

178
ol {

179
list-style:normal;}

180
ul {

181
list-style:square;}

182
183
small {

184
font-size:8px;}

185
186
big {

187
font-size:12px;}

188
189
190
191
192
#title {font-size:10px;

193
margin-bottom:12px;

194
font-weight:bold;

195
text-align:left;

196
letter-spacing:1px;

197
text-transform:uppercase;

198
color:{color:title};

199
background:{color:permalink};

200
border-bottom:1px solid {color:borders};

201
{block:ifnot250pxposts}

202
width:370px;

203
{/block:ifnot250pxposts}

204
{block:if250pxposts}

205
width:220px;

206
{/block:if250pxposts}

207
padding:10px 25px;

208
margin-left:-10px;

209
margin-top:-10px;

210
}

211
#title a {color:{color:title};}

212
213
214
215
216
/*header*/

217
#headers {

218
top:100px;

219
width:230px;

220
position:fixed;

221
margin-left:-280px;}

222
223
#bat {

224
padding-bottom:15px;}

225
#bat img {width:100px;float:left;

226
height:100px;

227
}

228
#bat a {border:none}

229
230
#blogt {font-size:14px;

231
width:100px;

232
padding-top:15px;

233
text-align:right;

234
text-transform:uppercase;

235
letter-spacing:1px;

236
font-family:helvetica;

237
font-weight:lighter;}

238
#blogt a {color:{color:blog title};

239
border:none;}

240
241
.links {display:inline-block;

242
margin-left:28px;

243
line-height:20px;

244
width:99px;

245
height:100px;

246
text-align:left;

247
font-family:serif;

248
font-size:8px;

249
letter-spacing:1px;

250
text-transform:uppercase;

251
}

252
253
.links a {display:block;

254
padding-left:3px;

255
border-bottom:none;

256
}

257
.links a:before {content:'';

258
position:Absolute;

259
width:0;

260
background:transparent;

261
height:20px;

262
margin-left:-15px;

263
z-index:-1;

264
    -webkit-transition:all 0.6s;

265
    -moz-transition:all 0.6s;

266
    -ms-transition:all 0.6s;

267
    -o-transition:all 0.6s;

268
    transition:all 0.6s; }

269
.links a:hover::before {width:114px;

270
background:{color:hover};

271
   -webkit-transition:all 0.6s;

272
    -moz-transition:all 0.6s;

273
    -ms-transition:all 0.6s;

274
    -o-transition:all 0.6s;

275
    transition:all 0.6s;  }

276
.links a:hover {color:{color:hover text};}

277
278
.line {position:absolute;

279
width:1px;

280
background:{color:borders};

281
margin-left:115px;

282
height:100%;}

283
284
.line2 {width:100%;

285
position:fixed;

286
height:1px;

287
background:{color:borders};

288
top:215px;

289
left:0;}

290
291
.updates {width:100px;

292
padding-top:15px;

293
line-height:14px;

294
text-align:left;

295
float:right;

296
opacity:0;

297
   -webkit-transition:all 0.6s;

298
    -moz-transition:all 0.6s;

299
    -ms-transition:all 0.6s;

300
    -o-transition:all 0.6s;

301
    transition:all 0.6s;}

302
#headers:hover .updates {opacity:1;

303
   -webkit-transition:all 0.6s;

304
    -moz-transition:all 0.6s;

305
    -ms-transition:all 0.6s;

306
    -o-transition:all 0.6s;

307
    transition:all 0.6s;}

308
309
#description {

310
line-height:14px;

311
margin-top:5px;

312
width:100px;

313
text-align:right;

314
padding-bottom:15px;

315
}

316
317
/*pagination*/

318
#pagination {

319
text-align:left;

320
top:195px;

321
width:50px;

322
{block:ifnot250pxposts}

323
margin-left:522px;

324
{/block:ifnot250pxposts}

325
{block:if250pxposts}

326
margin-left:382px;

327
{/block:if250pxposts}

328
position:fixed;

329
font-size:12px;

330
font-weight:bold;

331
text-transform:lowercase;

332
display:none;

333
}

334
#pagination a {

335
display:block;

336
border:0;

337
padding-bottom:5px;

338
text-decoration:none;}

339
#pagination a:hover {padding-left:10px;}

340
/*container*/

341
#con {

342
left:50%;

343
{block:ifnot250pxposts}

344
margin-left:-211px;

345
{/block:ifnot250pxposts}

346
position:absolute;

347
{block:if250pxposts}

348
margin-left:-136px;

349
{/block:if250pxposts}

350
}

351
352
353
354
/*posts*/

355-
#entries {

355+
356
#posts {

357
margin-top:100px;

358
{block:ifnot250pxposts}

359
width:422px;

360
{/block:ifnot250pxposts}

361
{block:if250pxposts}

362
width:272px;

363
{/block:if250pxposts}

364
}

365
366
367-
.posts {background:{color:posts};

367+
368
.entry {background:{color:posts};

369
{block:ifnot250pxposts}

370
width:400px;

371
{/block:ifnot250pxposts}

372
{block:if250pxposts}

373
width:250px;

374
{/block:if250pxposts}

375
border:1px solid {color:borders};

376
padding:10px;

377
{block:IndexPage}

378
margin-bottom:{text:post spacing}px;

379
{/block:IndexPage}

380
{block:PermalinkPage}

381
margin-bottom:25px;

382
{/block:PermalinkPage}

383
}

384
385
386-
.posts img {max-width:400px}

386+
387
.entry img {max-width:400px}

388
.photo img {

389
{block:ifnot250pxposts}    

390
width:400px;

391
{/block:ifnot250pxposts}

392
{block:if250pxposts}

393
width:250px;

394
{/block:if250pxposts}

395
display:block;

396
}

397
398
.photoset {

399
display:block;

400
}

401
402
/*quote*/

403
#titlequote{

404
font-size:12px;

405
margin-top:15px;

406
font-family:serif;

407
text-align:left;

408
font-style:italic;

409
margin-bottom:5px;

410
color:{color:title};

411
}

412
413
#source {text-align:left;

414
font-size:8px;

415
text-transform:uppercase;

416
letter-spacing:2px;

417
background:{color:permalink};

418
border-bottom:1px solid {color:borders};

419
color:{color:title};

420
{block:ifnot250pxposts}

421
width:370px;

422
{/block:ifnot250pxposts}

423
{block:if250pxposts}

424
width:220px;

425
{/block:if250pxposts}

426
padding:10px 25px;

427
font-weight:bold;

428
margin-left:-10px;

429
margin-top:-10px;}

430
431
.posts li, .posts blockquote {max-width: 100%;}

432
.caption img{max-width:100%;}

433
.caption {

434
padding:10px 15px;

435
text-transform:none;

436
}

437
438
439
440
/*audio*/

441
442
443
.tumblr_audio_player {

444
border: none;

445
padding: 0px;

446
margin: 0px;

447
height:30px;

448
{block:ifnot250pxposts}

449
width:400px;

450
{/block:ifnot250pxposts}

451
{block:if250pxposts}

452
width:250px;

453
{/block:if250pxposts}

454
            }

455
            

456
.player {

457
overflow:hidden;

458
text-align:center;

459
padding:5px 5px 0 5px;

460
border:1px solid {color:borders};

461
margin-top:10px;}

462
463
464
.audio_info {

465
font-size:12px;

466
background:{color:permalink};

467
border-bottom:1px solid {color:borders};

468
{block:ifnot250pxposts}

469
width:370px;

470
{/block:ifnot250pxposts}

471
{block:if250pxposts}

472
width:220px;

473
{/block:if250pxposts}

474
padding:10px 25px;

475
margin-left:-10px;

476
margin-top:-10px;

477
            }

478
479
480
481
482
/*asks*/

483
.q {

484
display:block;

485
background:{color:permalink};

486
border-bottom:1px solid {color:borders};

487
{block:ifnot250pxposts}

488
width:370px;

489
{/block:ifnot250pxposts}

490
{block:if250pxposts}

491
width:220px;

492
{/block:if250pxposts}

493
padding:10px 25px;

494
margin-left:-10px;

495
margin-top:-10px;

496
}

497
.as {display:inline;

498
font-family:arial;

499
color:{color:title};

500
text-transform:lowercase;

501
font-weight:bold;}

502
.as a {padding:0;color:{color:title};}

503
.a {

504
padding-top:10px;

505
text-align:justify}

506
507
508
509
/*chat*/

510
511
.chat ul {

512
padding:0;

513
margin:0;

514
list-style:none;

515
}

516
517
.odd {padding:10px 15px;

518
background:{color:permalink};

519
}

520
.even {

521
padding:10px 15px;

522
}

523
524
.label {font-weight:bold;

525
padding-right:1px;

526
letter-spacing:1px;

527
text-transform:uppercase;

528
color:{color:title};

529
}

530
531
/*text*/

532
.texta {

533
padding:10px 15px;}

534
535
536
537
/*permalink and notes*/

538
539
540
#permalink {

541
margin-top:10px;

542
border-top:1px solid {color:borders};

543
font-size:7px;

544
letter-spacing:1px;

545
text-transform:uppercase;

546
{block:ifnot250pxposts}

547
width:395px;

548
{/block:ifnot250pxposts}

549
{block:if250pxposts}

550
width:245px;

551
{/block:if250pxposts}

552
padding:10px 15px 10px 10px;

553
margin-left:-10px;

554
margin-bottom:-10px;

555
background:{color:permalink};

556
}

557
558
#permalink a {

559
border:none;

560
margin:0 5px;

561
}

562
{block:ifnot250pxposts}

563
.sourced {float:right;

564
margin-right:-10px;}

565
{/block:ifnot250pxposts}

566
.hat {opacity:0;display:inline;

567
-webkit-transition:all 0.8s;

568
    -moz-transition:all 0.8s;

569
    -ms-transition:all 0.8s;

570
    -o-transition:all 0.8s;

571
    transition:all 0.8s;}

572
.posts:hover .hat {opacity:1;

573
  -webkit-transition:all 0.8s;

574
    -moz-transition:all 0.8s;

575
    -ms-transition:all 0.8s;

576
    -o-transition:all 0.8s;

577
    transition:all 0.8s;}

578
.tags {{block:ifNotShowTags}

579
{block:IndexPage}

580
display:none;

581
{/block:IndexPage}

582
{/block:ifNotShowTags}

583
word-break:break-all;

584
{block:ifnot250pxposts}

585
margin-left:430px;

586
{/block:ifnot250pxposts}

587
{block:if250pxposts}

588
margin-left:280px;

589
{/block:if250pxposts}

590
width:150px;

591
font-size:9px;

592
position:absolute;

593
opacity:0;

594
  -webkit-transition:all 0.8s;

595
    -moz-transition:all 0.8s;

596
    -ms-transition:all 0.8s;

597
    -o-transition:all 0.8s;

598
    transition:all 0.8s;}

599
.posts:hover .tags {opacity:1;

600
  -webkit-transition:all 0.8s;

601
    -moz-transition:all 0.8s;

602
    -ms-transition:all 0.8s;

603
    -o-transition:all 0.8s;

604
    transition:all 0.8s;}

605
.tags a {display:block;

606
border:none;

607
}

608
609
610
.pagenotes {

611
{block:IndexPage}

612
display: none!important;

613
{/block:IndexPage}

614
text-align:left;

615
{block:ifnot250pxposts}

616
width:400px;

617
{/block:ifnot250pxposts}

618
{block:if250pxposts}

619
width:250px;

620
{/block:if250pxposts}

621
border:1px solid {color:borders};

622
background:{color:posts};

623
padding:10px;

624
margin-bottom:50px;

625
626
}

627
.pagenotes img {

628
display:none!important;}

629
.pagenotes li {

630
list-style-type:none;

631
padding:5px 0px;

632
text-align:left;

633
margin:0 0 0 -30px;

634
font-size:8px;

635
letter-spacing:1px;

636
text-transform:uppercase;

637
}

638
.t {

639
{block:ifnot250pxposts}

640
width:370px;

641
{/block:ifnot250pxposts}

642
{block:if250pxposts}

643
width:220px;

644
{/block:if250pxposts}

645
padding:10px 25px;

646
margin-left:-10px;

647
margin-top:-10px;

648
background:{color:permalink};

649
border-bottom:1px solid {color:borders};

650
font-family:arial;

651
font-weight:bold;

652
font-size:10px;

653
margin-bottom:10px;

654
letter-spacing:1px;

655
text-transform:uppercase;

656
color:{color:title};

657
}

658
 

659
660
661
662
663
664
665
666
667
668
669
{CustomCSS}

670
671
672
</style>

673
674
675
676
677
678
679
680
681
</head>

682
683
<body>

684
685
<div class="line2"></div>

686
<div id="con">

687
688
{block:pagination}

689
<div id="pagination">

690
{block:NextPage}

691
<a href="{NextPage}" style="font-weight:bold;">next</a>

692
{/block:NextPage}

693
{block:PreviousPage}

694
<a href="{PreviousPage}" style="font-weight:bold;">back</a>

695
{/block:PreviousPage}

696
697
</div>

698
{/block:pagination}

699
700
<div id="headers">

701
<div class="line"></div>

702
<div id="bat">

703
    <a href="/"><img src="{image:Sidebar image}"></a>

704
 <div class="links">

705
<a href="/">home</a>

706
<a href="/ask">ask</a>

707
{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}

708
{block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}

709
{block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}

710
</div>  

711
</div>

712
{block:ifUpdates}

713
<div class="updates">{text:updates}</div>

714
{/block:ifUpdates}

715
{block:IfShowTitle}

716
<div id="blogt">

717
<a href="/">{Title}</a>

718
</div>

719
{/block:IfShowTitle}

720
<div id="description">{Description}</div>

721
</div>

722
723
724
725-
<div id="entries">

725+
726
<div id="posts">

727
728-
<div class="posts">

728+
729
<div class="entry">

730
731
{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}

732
733
{block:Quote}

734
{block:Source}<div id="source">{Source}</div>{/block:Source}

735
<div class="texta">

736
<div id="titlequote">{Quote}</div>

737
</div>

738
{/block:Quote}

739
740
741
742
{block:Text}

743
{block:Title}<div id="title">{Title}</div>{/block:Title}

744
<div class="texta">{Body}</div>

745
{/block:Text}

746
747
{block:Link}

748
<div id="title"><a href="{URL}">{Name}</a></div>

749
{block:Description}<div class="texta">{Description}</div>{/block:Description}

750
{/block:Link}

751
752
{block:Chat}

753
<div class="chat">

754
{block:Title}

755
<div id="title">{Title}</div>

756
{/block:Title}

757
<ul>{block:Lines}

758
<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>

759
{/block:Lines}</ul>

760
</div>

761
{/block:Chat}

762
763
{block:Photo}

764
<div class="photo">

765
{block:ifnot250pxposts}

766
{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}

767
{/block:ifnot250pxposts}

768
{block:if250pxposts}

769
{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}

770
{/block:if250pxposts}

771
</div>

772
{/block:Photo}

773
774
{block:Photoset}

775
<div class="photoset">

776
{block:ifnot250pxposts}

777
{Photoset-400}

778
{/block:ifnot250pxposts}

779
{block:if250pxposts}

780
{Photoset-250}

781
{/block:if250pxposts}

782
</div>

783
{/block:Photoset}

784
785
{block:Video}

786
{block:ifnot250pxposts}

787
{Video-400}

788
{/block:ifnot250pxposts}

789
{block:if250pxposts}

790
{Video-250}

791
{/block:if250pxposts}

792
{/block:Video}

793
794
795
796
{block:Audio}

797
<div class="audio_info">{block:TrackName}<b style="font-family:arial">{TrackName}</b>{/block:TrackName}<br>{block:Artist}<div style="font-size:8px;text-transform:uppercase;letter-spacing:2px;line-height:16px;">{Artist}</div>{/block:Artist}</div>

798
        {block:AudioPlayer}

799
<div class="player">{AudioPlayerwhite}</div>

800
        {/block:AudioPlayer}

801
{/block:Audio}

802
803
804
805
{block:Answer}

806
<div class="q">

807
<div class="as">{Asker} said:</div>

808
{Question}

809
</div>

810
<div class="texta">

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

812
</div>

813
{/block:Answer}

814
815
{block:PermalinkPage}

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

817
{/block:PermalinkPage}

818
819
{block:Date}

820
<div id="permalink">

821
{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a> | {/block:NoteCount}<a href="{Permalink}">{Month} {DayOfMonth}{Dayofmonthsuffix}</a><div class="hat"> | <a href="{ReblogURL}" target="_blank">Reblog</a></div><div class="sourced">

822
{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource} | <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}

823
</div>

824
</div>

825
{/block:Date}

826
827
828
829
</div> 

830
831
832
833
{block:PostNotes}

834
<div class="pagenotes">

835
{block:NoteCount}<div class="t">Notes</div>{/block:NoteCount}

836
{PostNotes}

837
</div>

838
{/block:PostNotes}

839
840
841
{/block:Posts}

842
843
844
</div>

845
846
<div id="text">

847
Theme by <a href="http://farahmir.tumblr.com" target="_blank">Septim</a></div>

848
 

849
</div>

850
</div>

851
852
853
854
855
{block:ContentSource}

856
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"

857
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />

858
{/block:SourceLogo}

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

860
{/block:ContentSource}

861
862
</body></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!