API tools faq
paste
View difference between Paste ID: WzRmj6h4 and 2uwqV4aU
SHOW: | | - or go back to the newest paste.
1
<!--
2
3
    THEME: BIA
4
    inspired by the weheartit profile
5
    by acuite
6
7
- don't steal this pls

8
- enjoy, ilu (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧

9
 

10
- @acuite for more themes

11
12
NOTES:

13
- captions only appear in one column version

14
- tags do not show on index page. please do not ask for them

15
- captions & tags appear in permalink page

16
17
- i suggest larger posts & margins for one column

18
- vice versa, smaller posts suit multiple columns

19
20
-->

21
22
<html>

23
<head>

24
25
<title>{Title}</title>

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

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

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

29
30
<meta name="image:Header" content=""/>

31
<meta name="image:Icon" content=""/>

32
33
<meta name="color:Background" content="#f8f8f8"/>

34
<meta name="color:Post" content="#fff"/>

35
<meta name="color:Border" content="#eee"/>

36
<meta name="color:Text" content="#555"/>

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

38
<meta name="color:Hover" content="#89adc3"/>

39
<meta name="color:Cover Text" content="#fff"/>

40
41
<meta name="if:Default Controls" content=""/>

42
<meta name="if:Load More" content=""/>

43
<meta name="if:Paginate" content=""/>

44
<meta name="if:Captions" content=""/>

45
<meta name="if:Round Edges" content=""/>

46
<meta name="if:Related Posts" content=""/>

47
48
<meta name="select:Columns" content="twoc" title="Two">

49
<meta name="select:Columns" content="thrc" title="Three">

50
<meta name="select:Columns" content="fouc" title="Four">

51
<meta name="select:Columns" content="onec" title="One">

52
53
<meta name="select:Top Bar" content="tnone" title="Hide">

54
<meta name="select:Top Bar" content="tabso" title="Absolute">

55
<meta name="select:Top Bar" content="tfixe" title="Fixed">

56
57
<meta name="select:Icon" content="icons" title="Small">

58
<meta name="select:Icon" content="icond" title="Large">

59
<meta name="select:Icon" content="iconh" title="Hide">

60
61
<meta name="text:Post" content="200"/>

62
<meta name="text:Margin" content="25"/>

63
<meta name="text:Padding" content="2"/>

64
<meta name="text:Header Height" content="200"/>

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

67
<meta name="text:Link 1 Title" content="one"/>

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

69
<meta name="text:Link 2 Title" content="two"/>

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

71
<meta name="text:Link 3 Title" content="three"/>

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

73
<meta name="text:Link 4 Title" content="four"/>

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

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

77
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>

78
79
<style type="text/css">

80
81
::-webkit-scrollbar {

82
    width:17px;

83
    height:17px;

84
    background:{color:Border};

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

86
}

87
88
::-webkit-scrollbar-thumb {

89
    background:rgba({RGBcolor:Link},0.5);

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

91
}

92
93
#tumblr_controls,.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{-webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:0.5;top:5px;{block:ifnotDefaultControls}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifnotDefaultControls}}

94
95
{block:ifDefaultControls}

96
{block:IndexPage}

97
.tfixe #tumblr_controls,.tfixe .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{top:55px;position:fixed;}

98
{/block:IndexPage}

99
{/block:ifDefaultControls}

100
101
{block:ifnotDefaultControls}

102
.controls {

103
    position:fixed;

104
    right:0px;

105
    top:0px;

106
    padding:7px;

107
    font-size:0;

108
    z-index:9999;

109
    background:rgba({RGBcolor:Background},0.75);

110
}

111
112
.tfixe .controls {top:55px;}

113
.controls a{font-size:12px;display:inline-block;margin:10px;}

114
{/block:ifnotDefaultControls}

115
116
/* General */

117
118
body {margin:0;color:{color:Text};background:{color:Background};}

119
a:link, a:active, a:visited {text-decoration:none;}

120
pre, p, blockquote,body,big,small,sub,sup,.entry {font-size:9px;}

121
p,body,pre,em,input{font-family:'Open Sans',Arial,Helvetica,sans-serif;}

122
a,.p_hold,.pn img {

123
    transition:0.5s ease;

124
    -o-transition:0.5s ease;

125
    -moz-transition:0.5s ease;

126
    -webkit-transition:0.5s ease;

127
}

128
129
/* Credit & Scroll to Top */

130
131
.c,.up{position:fixed;right:30px;text-align:center;width:40px;}

132
.c {bottom:30px;letter-spacing:1px;text-transform:uppercase;}

133
.up {bottom:50px;display:none;font-size:25px;}

134
135
/* Pagination */

136
137
.cp {font-weight:600;}

138
.cp,.jp,.pag a{display:inline-block;vertical-align:middle;margin:0 10px;}

139
.pag a i{font-size:25px;}

140
.pag,.load {position:relative;font-size:9px;text-align:center;margin:{text:Margin}px;}

141
 

142
{block:ifnotPaginate}

143
.pag,#infscr-loading {display:none!important;}

144
{/block:ifnotPaginate}

145
146
.load {

147
    cursor:pointer;

148
    display:inline-block;

149
    font-size:10px;    

150
    background:{color:Post};

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

152
    padding:10px 14px;

153
}

154
155
/* Containers */

156
157
#center {

158
    position:relative;

159
    margin:calc({text:Margin}px * 2) auto;

160
    {block:PermalinkPage}width:calc(400px + 2px + ({text:Margin}px * 2) + ({text:Padding}px * 2));{/block:PermalinkPage}

161
}

162
163
{block:IndexPage}

164
.tabso #center,.tfixe #center{

165
    margin-top:calc(54px + ({text:Margin}px * 2));

166
}

167
168
.onec.tabso #center,.onec.tfixe #center{

169
    margin-top:calc(54px + {text:Margin}px);

170
}

171
172
.onec #center {margin:{text:Margin}px auto;}

173
174
.onec #center {width:calc({text:Post}px + 2px + ({text:Margin}px * 2) + ({text:Padding}px * 2));}

175
.twoc #center {width:calc(({text:Post}px + 2px + ({text:Margin}px * 2) + ({text:Padding}px * 2)) * 2);}

176
.thrc #center {width:calc(({text:Post}px + 2px + ({text:Margin}px * 2) + ({text:Padding}px * 2)) * 3);}

177
.fouc #center {width:calc(({text:Post}px + 2px + ({text:Margin}px * 2) + ({text:Padding}px * 2)) * 4);}

178
179
#content {font-size:0;}

180
181
.twoc .whi,.thrc .whi,.fouc .whi {

182
    overflow:hidden;

183
    height:calc({text:Post}px / 1.5);

184
}

185
186
.twoc .bx,.thrc .bx,.fouc .bx {

187
    width:100%;

188
    height:100%;

189
    overflow:hidden;

190
    background:{color:Post} no-repeat center;

191
    background-size:cover;

192
}

193
194
.twoc .entry,.thrc .entry,.fouc .entry {

195
    width:{text:Post}px;

196
    height:calc({text:Post}px / 1.5);

197
    position:relative;

198
    display:inline-block;

199
    vertical-align:middle;

200
}

201
{/block:IndexPage}

202
203
.entry img {max-width:100%;height:auto;}

204
.entry {

205
    overflow:hidden;

206
    position:relative;

207
    margin:{text:Margin}px;

208
    background:{color:Post};

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

210
    padding:{text:Padding}px;

211
}

212
213
/* Top */

214
215
.tabso .mn,.tfixe .mn{display:none;}

216
.tnone .top{display:none;}

217
.tabso .top{position:absolute;}

218
.tfixe .top{position:fixed;}

219
.top {

220
    z-index:9999;

221
    top:0;

222
    left:0;

223
    font-size:0;

224
    padding:15px 25px;

225
    width:calc(100% - 50px);

226
    background:{color:Post};

227
    border-bottom:1px solid {color:Border};

228
}

229
230
.toplinks,.srch_hold{display:inline-block;vertical-align:middle;}

231
.toplinks {width:calc(100% - 179px)}

232
.toplinks a i{margin-right:4px;font-size:13px;}

233
.toplinks a:last-of-type {margin-right:0;}

234
.toplinks a {

235
    display:inline-block;

236
    margin:4px 25px 4px 0;

237
    font-size:10px;

238
    text-transform:capitalize;

239
}

240
241
.srch i {font-size:10px;color:{color:Link};margin-right:5px;}

242
.srch_hold {text-align:right;}

243
.srch {

244
    display:inline-block;

245
    text-align:left;

246
    width:165px;

247
    height:15px;

248
    padding:3px 6px;

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

250
    background:rgba({RGBcolor:Background},0.75);

251
}

252
253
.search-form {display:inline-block;width:150px;outline:none;}

254
.search-form input {

255
    border:none;

256
    outline:none;

257
    width:100%;

258
    font-size:9px;

259
    background:inherit;

260
}

261
262
.search-form input[type=text] {color:{color:Link};}    

263
input::-webkit-input-placeholder {color:{color:Link};}

264
input::-moz-placeholder {color:{color:Link};}

265
input:-moz-placeholder {color:{color:Link};}

266
input:-ms-input-placeholder {color:{color:Link};}

267
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}

268
269
/* Sidebar */

270
271
.sidebar {

272
    position:fixed;

273
    width:190px;

274
    background:{color:Post};

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

276
    margin-left:calc(-{text:Margin}px + -192px);

277
    font-size:0;

278
    text-align:center;

279
}

280
281
.sidebar_hold {padding:20px;}

282
.sidebar .image {display:inline-block;width:75px;margin-bottom:15px;}

283
.sidebar h1 {margin:0;font-size:13px;font-weight:400;}

284
.sidebar h2 {

285
    margin:5px 0 0;

286
    font-size:9.5px;

287
    font-style:italic;

288
    font-weight:400;

289
}

290
291
.nav a{

292
    display:block;

293
    font-size:9px;

294
    padding:10px;

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

296
}

297
298
/* Header */

299
300
.header {

301
    position:relative;

302
    background:{color:Post};

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

304
    margin:{text:Margin}px;

305
    font-size:0;

306
    overflow:hidden;

307
}

308
309
.cover_photo{

310
    width:100%;

311
    height:{text:Header Height}px;

312
    overflow:hidden;

313
    background:{color:Post} no-repeat center;

314
    background-size:cover;

315
}

316
.cover_content *{color:{color:Cover Text};}

317
.cover_content {position:absolute;bottom:0;margin:15px;}

318
.cover {width:100%;height:{text:Header Height}px;position:relative;}

319
.header .image {

320
    position:absolute;

321
    left:20px;

322
    background:{color:Post};

323
    padding:5px;

324
    border-radius:50%;

325
}

326
327
.icond .image{width:100px;bottom:-55px;}

328
.icons .image{width:70px;bottom:-40px;}

329
.iconh .image{display:none;}

330
.icond .cover_content {left:130px;}

331
.icons .cover_content {left:100px;}

332
.icond .links {margin-left:100px;}

333
.icons .links {margin-left:70px;}

334
335
.image img{width:100%;border-radius:50%;}

336
.desc {font-size:9.5px;letter-spacing:0.2px;}

337
338
.links {text-align:right;padding:13px 20px;}

339
.links a:last-of-type {padding-right:5px;border:0;}

340
.links a{

341
    display:inline-block;

342
    font-size:9px;

343
    padding:1px 15px;

344
    margin:7px 0;

345
    border-right:1px solid {color:Border};

346
}

347
348
/* Titles */

349
350
.header h1 {

351
    margin:0px;

352
    font-size:16px;

353
    font-weight:600;

354
    letter-spacing:0.25px;

355
}

356
357
.entry h2 {

358
    margin:10px;

359
    font-size:11px;

360
    letter-spacing:0.5px;

361
    font-weight:400;

362
}

363
364
h3 {

365
    margin:10px;

366
    font-weight:600;

367
    font-size:9px;

368
    letter-spacing:0.5px;

369
}

370
371
/* Permalinks */

372
373
.entry:hover .p_hold {opacity:1;}

374
.p_hold {

375
    background:rgba({RGBcolor:Post},0.95);

376
    position:absolute;

377
    text-align:center;

378
    z-index:999;

379
    width:calc(100% - ({text:Padding}px * 2));

380
    height:calc(100% - ({text:Padding}px * 2));

381
    opacity:0;

382
    line-height:0;

383
}

384
385
.p {

386
    position:absolute;

387
    top:50%;

388
    width:100%;

389
    font-size:10px;

390
    letter-spacing:1.5px;

391
}

392
393
/* Quotes */

394
395
.qut_hold {padding:20px;}

396
.src {margin-bottom:10px;}

397
.qut {font-size:10px;}

398
399
/* Audio & Chat */

400
401
.chat {padding:10px;}

402
.chat h2 {margin:0;}

403
.lines,.chat h2 {margin:10px;}

404
.lines b{font-weight:400;}

405
406
.play {

407
    padding:10px;

408
    background:#e4e4e4;

409
    height:27px;

410
    width:27px;

411
    border-radius:50%;

412
    display:inline-block;

413
    vertical-align:middle;

414
}

415
416
.audio_hold {font-size:0;text-align:center;}

417
.twoc .audio,.thrc .audio,.fouc .audio{

418
    {block:IndexPage}

419
    height:84px;

420
    top:50%;

421
    margin-top:-42px;

422
    position:absolute;

423
    width:100%;

424
    {/block:IndexPage}

425
    {block:PermalinkPage}padding:20px;{/block:PermalinkPage}

426
}

427
428
.onec .audio {padding:20px;}

429
.soundcloud_audio_player{padding:15px 0px;}

430
.au span {display:block;font-size:9px;}

431
.au {margin-top:10px;}

432
.tumblr_audio_player {width:27px;height:27px;overflow:hidden;}

433
434
/* Text */

435
436
ol,ul {padding:0 0 0 25px;}

437
p,blockquote,pre,ul,ol{margin:10px;}

438
b,strong {font-weight:600;}

439
blockquote p{margin:10px 0px;}

440
blockquote p:first-child{margin:0px 0px 10px;}

441
blockquote p:last-child{margin:10px 0px 0px;}

442
blockquote p:only-child{margin:0px;}

443
blockquote blockquote {margin:0;}

444
blockquote{padding:0;}

445
pre { 

446
    white-space:pre-wrap;

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

448
    white-space:-pre-wrap;

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

450
    word-wrap:break-word;

451
}

452
453
/* Captions */

454
455
{block:IndexPage}

456
.cap {display:none;}

457
.onec .cap {display:block;}

458
{/block:IndexPage}

459
460
.cap,.pph{border-top:1px solid {color:Border};margin-top:{text:Padding}px;}

461
.txt{padding:10px;}

462
.cap{padding:5px;}

463
.txt img,.cap img{max-width:100%;height:auto;}

464
.txt iframe,.cap iframe{display:block;max-width:100%;overflow:hidden;}

465
a.tumblr_blog{border-bottom:1px solid {color:Border};}

466
a.tumblr_blog:hover{border-color:rgba({RGBcolor:Hover},0.5);}

467
468
/* Video */

469
470
.video {overflow:hidden;}

471
.vine-embed,#youtube_iframe {display:block;}

472
.instagram-media {border-radius:0px!important;box-shadow:none!important;}

473
474
/* Photosets */

475
476
#tumblr_lightbox,.tmblr-lightbox {

477
    background:rgba({RGBcolor:Background},0.99)!important;

478
}

479
 

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

481
    opacity:0!important;

482
}

483
 

484
#tumblr_lightbox_center_image, #tumblr_lightbox_left_image,

485
#tumblr_lightbox_right_image, .lightbox-image {

486
    box-shadow:none!important;

487
    border-radius:0px!important;

488
    {block:ifRoundEdges}border-radius:5px!important;{/block:ifRoundEdges}

489
}

490
491
.index-page .photos img {display:none;}

492
.index-page .photos img:first-child {display:block;width:100%;}

493
494
/* Ask */

495
496
.ask {padding:15px;border-bottom:1px solid {color:Border};}

497
.aski {margin:0 0 10px;font-size:10px;font-weight:600;}

498
#ask_form {margin:10px!important;width:calc(100% - 20px)!important;}

499
500
/* Permalink Page + Postnotes */

501
502
.pph {padding:15px;text-transform:lowercase;margin-bottom:-{text:Padding}px;}

503
.pmt {font-size:0;margin:5px -2px -2px;}

504
.pmt a {

505
    font-size:9px;

506
    line-height:100%;

507
    display:inline-block;

508
    vertical-align:middle;

509
    padding:4px;

510
    margin:2px;

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

512
    background:rgba({RGBcolor:Background},0.75);

513
}

514
515
.pn * {font-size:0;margin:0;padding:0;list-style-type:none;}

516
.pn li:nth-child(n+40){display:none;}

517
.pn li {display:inline-block;width:calc(7.68% - 2px);margin:1px;}

518
.pn li img{

519
    display:inline-block;

520
    width:100%;

521
    overflow:hidden;

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

523
    -moz-filter: grayscale(100%); 

524
    -o-filter: grayscale(100%); 

525
    -ms-filter: grayscale(100%); 

526
    filter: grayscale(100%);

527
}

528
529
.pn li img:hover {

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

531
    -moz-filter: grayscale(0%); 

532
    -o-filter: grayscale(0%); 

533
    -ms-filter: grayscale(0%); 

534
    filter: grayscale(0%);

535
}

536
537
.more_notes_link,.notes_loading {

538
    font-size:9px;

539
    letter-spacing:0.25px;

540
    font-weight:600;

541
    line-height:100%;

542
}

543
544
li.more_notes_link_container {

545
    width:calc(100% - 12px);

546
    margin:10px 6px 6px;

547
    display:block!important;

548
    text-align:right!important;

549
}

550
551
.rl h2 {font-size:10px;margin:7px 10px;font-weight:400;}

552
.rl,.pn {

553
    padding:5px;

554
    font-size:0;

555
    margin:{text:Margin}px;

556
    background:{color:Post};

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

558
}

559
560
.rl .whi {overflow:hidden;height:60px;}

561
.rl .bx {

562
    width:100%;

563
    height:100%;

564
    background:{color:Post} no-repeat center;

565
    background-size:cover;

566
}

567
568
.rl .entry:nth-child(n+10){display:none;}

569
.rl .entry {

570
    display:inline-block;

571
    vertical-align:top;

572
    width:calc(25% - 10px);

573
    height:60px;

574
    margin:5px;

575
    padding:0;

576
    border:0;

577
}

578
579
/* Tooltips */

580
581
#s-m-t-tooltip{

582
    max-width:300px;

583
    margin:15px;

584
    z-index:99999999;

585
    padding:5px 7px;

586
    word-wrap:break-word;

587
    word-break:break-all;

588
    background:{color:Post};

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

590
}

591
592
/* Common Styles */

593
594
.ask,p,blockquote,.lines,.qut,.desc{line-height:160%;}

595
.pph,.cap,ul,ol{line-height:175%;}

596
a:hover, a h2:hover{color:{color:Hover};}

597
a,.p,.pph,.src,.lines b,.tn,h2,.ask,ul,ol,.pag{color:{color:Link};}

598
.lines b,.tn,.qut,.src,.ask,.rl h2{letter-spacing:0.3px;}

599
h2 a i{margin:0px 2px;}

600
601
{block:ifRoundEdges}

602
.header,.entry,.sidebar,.load,.srch,#s-m-t-tooltip,.rl{border-radius:5px;}

603
.p_hold {border-radius:3px;}

604
.whi,.bx,.photos img,.pmt a,.pn li img,.ph {border-radius:4px;}

605
{/block:ifRoundEdges}

606
607
/* Etc */

608
609
img {margin:0px;display:block;}

610
611
</style>

612
</head>

613
<body class="{select:Columns} {select:Top Bar} {block:IndexPage}index-page{/block:IndexPage}">

614
615
{block:ifnotDefaultControls}

616
{block:IndexPage}

617
<div class="controls">

618
    <a href="https://www.tumblr.com/dashboard?conversation={Name}" title="message"><i class="fa fa-comment-o"></i></a>

619
    <a href="https://www.tumblr.com/follow/{Name}" title="follow"><i class="fa fa-user-plus"></i></a>

620
    <a href="https://www.tumblr.com/dashboard" title="dashboard"><i class="fa fa-th-large"></i></a>

621
</div>

622
{/block:IndexPage}

623
{/block:ifnotDefaultControls}

624
625
{block:IndexPage}

626
<div class="top">

627
<div class="toplinks">

628
    <a href="/"><i class="fa fa-home"></i> home</a>

629
    <a href="/ask"><i class="fa fa-envelope-o"></i> message</a>

630
    <a href="/archive"><i class="fa fa-clock-o"></i> archive</a>

631
    <a href="https://www.tumblr.com/dashboard"><i class="fa fa-th-large"></i> dashboard</a>

632
</div>

633
634
<div class="srch_hold">

635
<div class="srch"><i class="fa fa-search"></i>

636
    <form action="/search" class="search-form" method="get">

637
    <input id="searchField" name="q" placeholder="Search this blog..." type="text" value="{SearchQuery}"/></form>

638
</div>

639
</div>

640
</div>

641
{/block:IndexPage}

642
643
<div id="center">

644
645
{block:IndexPage}

646
<div class="header {select:Icon}">

647
648
<div class="cover">

649
<div class="cover_photo" style="background-image:url('{block:ifHeaderImage}{image:Header}{/block:ifHeaderImage}{block:ifnotHeaderImage}{HeaderImage}{/block:ifnotHeaderImage}');"></div>

650
<div class="cover_content">

651
<h1><a href="/">{Title}</a></h1>

652
{block:Description}<div class="desc">{Description}</div>{/block:Description}

653
</div>

654
655
<div class="image"><a href="/"><img src="{block:ifIconImage}{image:Icon}{/block:ifIconImage}{block:ifnotIconImage}{PortraitURL-128}{/block:ifnotIconImage}"/></a></div>

656
</div>

657
658
<div class="links">

659
    <a href="/" class="mn">home</a>

660
    <a href="/ask" class="mn">ask</a>

661
    {block:ifLink1}

662
    <a href="{text:Link 1}">{text:Link 1 Title}</a>

663
    {/block:ifLink1}{block:ifLink2}

664
    <a href="{text:Link 2}">{text:Link 2 Title}</a>

665
    {/block:ifLink2}{block:ifLink3}

666
    <a href="{text:Link 3}">{text:Link 3 Title}</a>

667
    {/block:ifLink3}{block:ifLink4}

668
    <a href="{text:Link 4}">{text:Link 4 Title}</a>

669
    {/block:ifLink4}        

670
</div>

671
</div>

672
{/block:IndexPage}

673
674
{block:PermalinkPage}

675
<div class="sidebar">

676
<div class="sidebar_hold">

677
    <div class="image"><a href="/"><img src="{block:ifIconImage}{image:Icon}{/block:ifIconImage}{block:ifnotIconImage}{PortraitURL-128}{/block:ifnotIconImage}"/></a></div>

678
    <h1><a href="/">{Title}</a></h1>

679
    <h2>@{Name}</h2>

680
</div>

681
<div class="nav">

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

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

684
    {block:ifLink1}

685
    <a href="{text:Link 1}">{text:Link 1 Title}</a>

686
    {/block:ifLink1}{block:ifLink2}

687
    <a href="{text:Link 2}">{text:Link 2 Title}</a>

688
    {/block:ifLink2}{block:ifLink3}

689
    <a href="{text:Link 3}">{text:Link 3 Title}</a>

690
    {/block:ifLink3}{block:ifLink4}

691
    <a href="{text:Link 4}">{text:Link 4 Title}</a>

692
    {/block:ifLink4}        

693
</div>

694
</div>

695
{/block:PermalinkPage}

696
697
<div id="content">

698
{block:Posts}

699
700
<div class="entry" id="{PostID}">

701
<div class="whi">

702
703
{block:IndexPage}<a href="{Permalink}"><div class="p_hold"><div class="p">{NoteCount}N</div></div></a>{/block:IndexPage}

704
705
{block:Text}

706
<div class="txt">

707
{block:Title}<h2>{Title}</h2>{/block:Title}

708
{Body}

709
</div>

710
{/block:Text}

711
712
{block:Link}

713
<div class="txt">

714
<h2><a title="{URL}" href="{URL}">{Name} <i class="fa fa-angle-right"></i></a></h2>

715
{block:Description}{Description}{/block:Description}

716
</div>

717
{/block:Link}

718
719
{block:Photo}

720
    {block:IndexPage}

721
    <div class="bx" style="background-image:url('{PhotoURL-500}');"></div>

722
    <div class="photos"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>

723
    {/block:IndexPage}

724
{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="ph"/>{LinkCloseTag}{/block:PermalinkPage}

725
{/block:Photo}

726
727
{block:Photoset}

728
    {block:IndexPage}

729
    {block:Photos}

730
    <div class="bx" style="background-image:url('{PhotoURL-HighRes}');"></div>

731
    {/block:Photos}

732
    <div class="photos">

733
    {block:Photos}<img src="{PhotoURL-HighRes}">{/block:Photos}

734
    </div>

735
    {/block:IndexPage}

736
 

737
    {block:PermalinkPage}

738
    <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>

739
    {/block:PermalinkPage}

740
{/block:Photoset}

741
742
{block:Quote}

743
<div class="qut_hold">

744
{block:Source}<div class="src">{Source}</div>{/block:Source}

745
<div class="qut">{Quote}</div>

746
</div>

747
{/block:Quote}

748
749
{block:Chat}

750
<div class="chat">

751
{block:Title}<h2>{Title}</h2>{/block:Title}

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

753
</div>

754
{/block:Chat}

755
756
{block:Audio}

757
<div class="audio_hold">

758
<div class="audio">

759
{block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}

760
<div class="au">

761
    {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}

762
    {block:Artist}<span>by {Artist}</span>{/block:Artist}

763
</div>

764
</div>

765
</div>

766
{/block:Audio}

767
768
{block:Video}

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

770
{/block:Video}

771
772
{block:Answer}

773
<div class="ask">

774
    <div class="aski">{Asker} said:</div>

775
    <div class="que">{Question}</div>

776
</div>

777
<div class="txt">{Answer}</div>

778
{/block:Answer}

779
780
{block:IndexPage}{block:ifCaptions}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:ifCaptions}{/block:IndexPage}

781
782
</div>

783
784
{block:PermalinkPage}

785
{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}

786
{block:Date}

787
<div class="pph">

788
posted {TimeAgo} on {DayofMonthWithSuffix} {Month}

789
{block:RebloggedFrom}<br>

790
via <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;&nbsp;&nbsp; 

791
source <a href="{ReblogRootURL}">{ReblogRootName}</a>

792
{/block:RebloggedFrom}

793
{block:HasTags}<div class="pmt">

794
{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}

795
</div>{/block:HasTags}

796
</div>

797
{/block:Date}

798
{/block:PermalinkPage}

799
800
{block:ContentSource}

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

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

803
{/block:SourceLogo}

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

805
{/block:ContentSource}

806
807
<!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->

808
809
</div>

810
811
{block:PermalinkPage}{block:Date}{block:PostNotes}<div class="pn">{PostNotes-64}</div>{/block:PostNotes}{block:ifRelatedPosts}{block:RelatedPosts}<div class="rl"><h2>You might like these too:</h2>{block:Posts}<div class="entry"><div class="whi"><a href="{Permalink}">{block:Text}<div class="txt">{block:Title}<h2>{Title}</h2>{/block:Title}{Body}</div>{/block:Text}{block:Link}<div class="txt"><h2><a title="{URL}" href="{URL}">{Name} <i class="fa fa-angle-right"></i></a></h2>{block:Description}{Description}{/block:Description}</div>{/block:Link}{block:Photo}<div class="bx" style="background-image:url('{PhotoURL-500}');"></div><div class="photos"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div>{/block:Photo}{block:Photoset}{block:Photos}<div class="bx" style="background-image:url('{PhotoURL-HighRes}');"></div>{/block:Photos}<div class="photos">{block:Photos}<img src="{PhotoURL-HighRes}">{/block:Photos}</div>{/block:Photoset}{block:Quote}<div class="qut_hold">{block:Source}<div class="src">{Source}</div>{/block:Source}<div class="qut">{Quote}</div></div>{/block:Quote}{block:Chat}<div class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}</div>{/block:Chat}{block:Audio}<div class="audio_hold"><div class="audio">{block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}<div class="au">{block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}{block:Artist}<span>by {Artist}</span>{/block:Artist}</div></div></div>{/block:Audio}{block:Video}<div class="video">{Video-500}</div>{/block:Video}{block:Answer}<div class="ask"><div class="aski">{Asker} said:</div><div class="que">{Question}</div></div><div class="txt">{Answer}</div>{/block:Answer}</a></div></div>{/block:Posts}</div>{/block:RelatedPosts}{/block:ifRelatedPosts}{/block:Date}{/block:PermalinkPage}

812
813
{/block:Posts}

814
815
{block:ifPaginate}

816
{block:Pagination}

817
<div class="pag">

818
    {block:PreviousPage}

819
        <a href="{PreviousPage}"><i class="fa fa-angle-left"></i></a>

820
    {/block:PreviousPage}

821
 

822
    {block:JumpPagination length="5"}

823
    {block:CurrentPage}

824
    <span class="cp">{PageNumber}</span>

825
    {/block:CurrentPage}

826
    {block:JumpPage}

827
    <a class="jp" href="{URL}">{PageNumber}</a>

828
    {/block:JumpPage}

829
    {/block:JumpPagination}

830
 

831
    {block:NextPage}

832
        <a href="{NextPage}"><i class="fa fa-angle-right"></i></a>

833
    {/block:NextPage}

834
</div>

835
{/block:Pagination}

836
{/block:ifPaginate}

837
 

838
</div>

839
840
{block:ifnotPaginate}

841
{block:Pagination}

842
<div class="pag">

843
    {block:PreviousPage}

844
        <a href="{PreviousPage}" class="prev">back</a>

845
    {/block:PreviousPage} 

846
    {block:NextPage}

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

848
    {/block:NextPage}

849
</div>

850
851
    {block:ifLoadMore}

852
        <center><a class="load">Load More</a></center>

853
    {/block:ifLoadMore}

854
{/block:Pagination}

855
{/block:ifnotPaginate}

856
857
</div>

858
859
<a href="#" class="up"><i class="fa fa-angle-up"></i></a>

860
<div class="c"><a href="http://acuite.tumblr.com">acuite</a></div>

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

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

864
<script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>

865
<script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>

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

867
<script>

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

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

870
        lightbox: true,

871
        gutter: '1px',

872
        photoset: '.photo-slideshow',

873
        photoWrap: '.photo-data',

874
        photo: '.pxu-photo',

875
        {block:ifnotRoundEdges}

876
        rounded: false,

877
        {/block:ifnotRoundEdges}

878
        {block:ifRoundEdges}

879
        rounded: 'corners',

880
        borderRadius: '4px'

881
        {/block:ifRoundEdges}

882
    });

883
    {block:ifnotPaginate}

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

885
        $container.infinitescroll({

886
            itemSelector: '.entry',

887
            navSelector: '.pag',

888
            nextSelector: '.next',

889
            loadingImg: ' ',

890
            loadingText: ' ',

891
            donetext: 'No more posts' ,

892
            bufferPx: 2000,

893
            {block:ifLoadMore}

894
            errorCallback: function(){

895
                jQuery('.load').delay(50).fadeOut();

896
            }

897
            {/block:ifLoadMore}

898
        },

899
        function( newElements ) {

900
            var $newElems = $( newElements );

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

902
                lightbox: true,

903
                gutter: '1px',

904
                photoset: '.photo-slideshow',

905
                photoWrap: '.photo-data',

906
                photo: '.pxu-photo',

907
                {block:ifnotRoundEdges}

908
                rounded: false,

909
                {/block:ifnotRoundEdges}

910
                {block:ifRoundEdges}

911
                rounded: 'corners',

912
                borderRadius: '4px'

913
                {/block:ifRoundEdges}

914
            });

915
            resizeVideos();

916
        });

917
918
    {block:ifLoadMore}

919
    $(window).unbind(".infscr");

920
        $(".load").click(function(){

921
            $("#content").infinitescroll("retrieve");

922
    });

923
    {/block:ifLoadMore}

924
925
    {/block:ifnotPaginate}

926
});

927
928
 

929
// minimal soundcloud player © eoxk.tumblr

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

931
   var color = '{color:Link}'; // color of play button (hex)

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

933
       $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });

934
   });

935
});

936
 

937
 

938
// scroll to top © html-tuts.com

939
var amountScrolled = 500;

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

941
if ($(window).scrollTop() > amountScrolled) {$('a.up').fadeIn('slow');} 

942
else {$('a.up').fadeOut('slow');}

943
});

944
$('a.up').click(function() {

945
$('body, html').animate({scrollTop: 0}, 'slow');

946
return false;

947
});

948
949
 

950
// tooltips

951
(function($){

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

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

954
        tip_delay_time:200,

955
        tip_fade_speed:300

956
        }

957
    );

958
});

959
})(jQuery);

960
 

961
</script>

962
</body>

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