API tools faq
paste
View difference between Paste ID: P8QnPqwx and DYWPFjb3
SHOW: | | - or go back to the newest paste.
1
<!--
2
3
    THEME: ZELUS
4
    by acuite
5
6
- don't steal this pls
7
- enjoy, ilu (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
8
9
- @acuite for more themes
10
11
-->
12
13
<html>

14
<head>

15
16
<title>{Title}</title>

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

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

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

20
21-
<meta name="color:Link" content="#aaa"/>

21+
<meta name="image:Icon" content=""/>

22-
<meta name="color:Accent" content="#a77dc2"/>

22+
23
<meta name="color:Background" content="#fff"/>

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

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

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

27-
<meta name="select:Navigation" content="nav_h" title="Header">

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

28-
<meta name="select:Navigation" content="nav_s" title="Sidebar">

28+
<meta name="color:Accent" content="#f8f8f8"/>

29
30-
<meta name="select:Hover Style" content="hov_info" title="Post Info">

30+
<meta name="if:Post Thumbnails" content=""/>

31-
<meta name="select:Hover Style" content="hov_cap" title="Post Caption">

31+
<meta name="if:Accent Borders" content=""/>

32
<meta name="if:Fixed Header" content=""/>

33-
<meta name="select:Font" content="pts" title="PT Serif">

33+
<meta name="if:Text Controls" content=""/>

34-
<meta name="select:Font" content="lat" title="Lato">

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

35-
<meta name="select:Font" content="rob" title="Roboto">

35+
<meta name="if:Tags" content=""/>

36
<meta name="if:Caption" content=""/>

37-
<meta name="select:Columns" content="3" title="Three">

37+
38-
<meta name="select:Columns" content="4" title="Four">

38+
39
40
<meta name="select:Columns" content="multi two" title="Two">

41-
<meta name="text:Margin" content="1"/>

41+
<meta name="select:Columns" content="multi three" title="Three">

42
<meta name="select:Columns" content="multi four" title="Four">

43
44
<meta name="text:Post" content="200"/>

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

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

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

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

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

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

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

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

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

55
<meta name="text:Link 5" content="/" />

56-
<link href='https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i|Roboto:400,400i,700,700i|Lato:400,400i,700,700i' rel='stylesheet' type='text/css'>

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

59
<link href='http://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>

60
<link href='https://fonts.googleapis.com/css?family=Lato:400,700|Source+Sans+Pro:400,400i,600,600i,700,700i' rel='stylesheet' type='text/css'>

61
62-
.tc .oi {font-size:20px;color:{color:Link};}

62+
63-
.tc {position:fixed;top:25px;right:25px;cursor:pointer;}

63+
64-
#tumblr_controls,.tmblr-iframe{-webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:0;top:0!important;right:0!important;z-index:999999; padding:25px 40px 10px 10px;}

64+
::-webkit-scrollbar {

65-
#tumblr_controls:hover,.tmblr-iframe:hover{opacity:0.5;}

65+
    width:17px;

66
    height:17px;

67
    background:{color:Border};

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

69
}

70
71-
    color:#333;

71+
::-webkit-scrollbar-thumb {

72-
    background:#fff;

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

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

74
}

75
76
/* Controls */

77
78
#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;z-index:99999999;{block:ifTextControls}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifTextControls}}

79
.tc {position:fixed;right:15px;top:15px;z-index:99999999;font-size:0;text-align:right;}

80-
pre,p,blockquote,body,big,small,sub,sup,.entry,input {font-size:12px;}

80+
.tc a .oi {margin-right:2px;font-size:11px;}

81-
.pts,.pts p,.pts pre,.pts em,.pts input,.pts .c {

81+
.tc a {

82-
    font-family:'PT Serif',Georgia,serif;

82+
83
    font-size:10px;

84
    line-height:100%;

85-
.lat,.lat p,.lat pre,.lat em,.lat input,.lat .c {

85+
    padding:0 0 1px;

86-
    font-family:'Lato',Helvetica,Arial,sans-serif;

86+
    margin:4px;

87
}

88
89-
.rob,.rob p,.rob pre,.rob em,.rob input,.rob .c {

89+
90-
    font-family:'Roboto',Helvetica,Arial,sans-serif;

90+
91
body {

92
    margin:0;

93-
.thumb,#tumblr_controls,.tmblr-iframe,.tc,.nt{

93+
    color:{color:Text};

94
    background:{color:Background};

95
    word-wrap:break-word;

96
    font-smooth:always;

97
    -webkit-font-smoothing:antialiased;

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

99
}

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

102-
.c,.top{position:fixed;right:30px;width:50px;text-align:center;}

102+
pre,p,blockquote,body,big,small,sub,sup,.entry,input {font-size:10px;}

103-
.c {bottom:30px;letter-spacing:0.5px;text-transform:uppercase;}

103+
p,body,pre,em,input,.cap,.tags{font-family:'Source Sans Pro',Helvetica,Arial,sans-serif;}

104
header,.thumb,.nt{font-family:'Lato',Helvetica,Arial,sans-serif;}

105
a,.our_button,.like_button,.p,.up,.thumb,.pre{

106
    transition:0.5s ease;

107
    -o-transition:0.5s ease;

108-
.cp {font-weight:700;}

108+
109
    -webkit-transition:0.5s ease;

110
}

111
112
/* Credit & Scroll to Top */

113
114
.c,.top{position:fixed;right:30px;width:40px;text-align:center;}

115
.c {bottom:30px;}

116
.top {bottom:50px;display:none;}

117
118-
.pag,.load,.c {font-size:11px;cursor:pointer;text-align:center;}

118+
119
120
.cp {font-weight:600;}

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

122
.pag a i,.top i{font-size:16px;}

123-
.center {width:calc(({text:Post}px + ({text:Margin}px * 2)) * {select:Columns});}

123+
124-
.peph {display:none;}

124+
125
{block:ifnotPaginate}

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

127
{/block:ifnotPaginate}

128-
.inph {display:none;}

128+
129-
.center {width:450px;}

129+
130
.pag,.load,.c {

131
    font-size:9px;

132
    cursor:pointer;

133
    letter-spacing:0.5px;

134
    text-transform:uppercase;

135
    text-align:center;

136
}

137
138
/* Containers */

139
140
{block:IndexPage}

141-
    background:#fff no-repeat center;

141+
.two .center {width:calc(({text:Post}px + ({text:Margin}px * 2)) * 2);}

142
.three .center {width:calc(({text:Post}px + ({text:Margin}px * 2)) * 3);}

143
.four .center {width:calc(({text:Post}px + ({text:Margin}px * 2)) * 4);}

144
.multi .peph {display:none;}

145
{/block:IndexPage}

146
147
{block:PermalinkPage}

148
.multi .inph {display:none;}

149-
    background:#f8f8f8;

149+
.multi .center {width:450px;}

150
{/block:PermalinkPage}

151
152
.center {position:relative;margin:100px auto;}

153
#content {font-size:0;text-align:center;}

154
155
{block:IndexPage}

156
.whi {overflow:hidden;height:{text:Post}px;}

157
.bx {

158
    width:100%;

159
    height:100%;

160
    overflow:hidden;

161
    background:{color:Background} no-repeat center;

162
    background-size:cover;

163
}

164
165
.txt_hold {

166
    display:table;

167
    height:{text:Post}px;

168
    width:100%;

169
    background:{color:Accent};

170
}

171-
/* Sidebar */

171+
172
.qut_hold,.txt,.audio_hold,.chat {

173-
.nav_h aside,.nav_s header {display:none;}

173+
174
    vertical-align:middle;

175-
aside {

175+
176
177-
    position:fixed;

177+
178-
    width:150px;

178+
179-
    margin-left:-200px;

179+
180
    display:inline-block;

181
    vertical-align:top;

182-
aside .image,aside nav a,aside .srch{display:block;}

182+
183-
aside nav a,aside .srch,aside .lb a {margin:10px 0;}

183+
184-
aside nav a{color:{color:Link};position:relative;}

184+
185-
aside nav a:hover {text-decoration:line-through;}

185+
186-
aside nav {margin-top:30px;}

186+
187-
aside .lb {display:none;margin:10px 0 20px;}

187+
188-
aside .lb a {margin:5px 0;color:#333;}

188+
189-
aside .srch {width:100%;}

189+
190
191
/* Header */

192
193
header {

194-
    background:#fff;

194+
195
    position:relative;

196
    background:{color:Background};

197
    {block:IndexPage}padding:{text:Margin}px;{/block:IndexPage}

198
    margin:50px 0;

199-
header .image img {width:30px;}

199+
200-
header .image,header nav{vertical-align:middle;}

200+
201-
header .image,header nav,header nav a,header .srch{display:inline-block;}

201+
.image img {width:30px;border-radius:50%;}

202-
header nav a,header .srch {margin:0 0 0 15px;}

202+
.image {position:relative;}

203-
header nav a.bt {text-transform:uppercase;letter-spacing:2px;color:#333;}

203+
.image:hover .pre {opacity:1;}

204-
header .lb,header .db {display:none;margin:15px 0 0;}

204+
.pre {

205-
header .lb a:after {content:'·';margin:0 8px;color:#333;}

205+
    opacity:0;

206-
header .lb a:last-of-type:after {display:none;}

206+
207-
header .srch {width:120px;padding:0;}

207+
    height:16px;

208
    width:16px;

209-
.desc {font-size:12px;line-height:150%;color:#333;}

209+
    font-size:16px;

210-
.image img {width:40px;border-radius:50%;}

210+
211-
nav a,.srch,.lb a {font-size:11px;line-height:100%;}

211+
    padding:7px;

212-
b.line {display:inline-block;margin:8px 0;width:50%;background:#eee;height:1px;}

212+
    color:{color:Text};

213
    background:{color:Accent};

214
    border-radius:4px;

215
}

216
217
nav a.bt{

218
    color:{color:Text};

219
    font-weight:400;

220
    letter-spacing:0.75px;

221
    text-transform:uppercase;

222
}

223-
.srch input[type=text] {color:#333;}    

223+
224-
input::-webkit-input-placeholder {color:#333;}

224+
.image,nav,nav a,.srch,.lb a{display:inline-block;vertical-align:middle;}

225-
input::-moz-placeholder {color:#333;}

225+
nav a,.srch,.lb a {font-size:10px;line-height:100%;margin:0 0 0 15px;}

226-
input:-moz-placeholder {color:#333;}

226+
.desc {font-size:10px;line-height:150%;}

227-
input:-ms-input-placeholder {color:#333;}

227+
.lb,.desc {display:none;margin:10px 0;}

228
.lb a {margin:0;}

229
.lb a:after {content:'·';margin:0 8px;color:{color:Text};}

230
.lb a:last-of-type:after {display:none;}

231
.srch {width:80px;}

232-
h1{

232+
233-
    margin:30px 0 10px;

233+
234
    background:inherit;

235
    padding:0;

236-
    font-size:14px;

236+
237-
    letter-spacing:0.25px;

237+
238
    font:inherit;

239
    opacity:0.75;

240-
h2 {margin:0 0 10px;font-size:13px;line-height:100%;font-weight:400;}

240+
    font-style:italic;

241
}

242
243
.srch input[type=text] {color:{color:Link};}    

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

245-
.p {margin:10px 0 0;padding:0;text-align:center;}

245+
input::-moz-placeholder {color:{color:Link};}

246-
.p .oi {font-size:16px;vertical-align:top;}

246+
input:-moz-placeholder {color:{color:Link};}

247-
.p a {color:#fff;}

247+
input:-ms-input-placeholder {color:{color:Link};}

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

249
250
/* Titles */

251
252
h2 {margin:5px 0;font-size:12px;line-height:100%;font-weight:600;}

253-
    width:12px;

253+
254-
    height:12px;

254+
255
/* Permalinks */

256-
    margin-right:7px;

256+
257
.custom-like-button *{cursor:pointer!important;}

258
.custom-like-button {

259-
.like_button:hover + .our_button {color:#444;}

259+
260-
.like_button.liked + .our_button {color:#444;}

260+
261
    vertical-align:top;

262
    width:10px;

263
    height:10px;

264
    cursor:pointer;

265
    margin:0 6px 0 3px;

266
}

267
268
.like_button:hover + .our_button {color:{color:Hover};}

269
.like_button.liked + .our_button {color:{color:Hover};}

270
.like_button iframe {width:100%!important;height:100%!important;}

271
.like_button {z-index:10;opacity:0;}

272-
.thumb {opacity:0;}

272+
273-
.thu-hold .nt {display:block;margin:0 0 10px;font-size:14px;color:#fff;font-weight:700;}

273+
274-
.thu-hold {color:#fff;position:absolute;width:inherit;}

274+
275-
.thu-hold.perm_info {top:calc(50% - 20px);}

275+
276-
.hov_cap .thumb {text-align:left;padding:15px;width:calc(100% - 30px);height:calc(100% - 30px);}

276+
277-
.thu-hold.perm_cap .nt {margin:5px;}

277+
278-
.thu-hold.perm_cap .cap a {color:#fff;border-color:transparent;}

278+
279-
.thu-hold.perm_cap .cap a.tumblr_blog {border-color:#fff;}

279+
280
281
.tags {margin:5px;font-size:0;line-height:9px;}

282
.tags a {

283
    display:inline;

284
    margin:0 5px 3px 0;

285
    font-size:9px;

286
    line-height:100%;

287
    font-style:italic;

288
}

289
290
.thumb.thu-hover {opacity:0;letter-spacing:0;}

291
.thumb.thu-hover .nt {letter-spacing:0.5px;color:{color:Link};}

292-
.entry:hover .thumb {opacity:1;}

292+
.entry:hover .thumb.thu-hover {opacity:1;}

293
.thumb {

294-
.hov_info .thu-hold.perm_cap,.hov_cap .thu-hold.perm_info {display:none;}

294+
295
    z-index:999;

296
    width:calc(100% - 40px);

297
    height:calc(100% - 40px);

298
    overflow:auto;

299
    padding:20px;

300-
.src {margin:0 0 10px;display:inline-block;padding:0 0 2px;}

300+
301-
.qut {font-size:14px;line-height:120%;font-style:italic;}

301+
302
    letter-spacing:0.5px;

303
    background:{color:Accent};

304
}

305
 

306-
.lines b{display:inline-block;padding:0 0 1px;margin:0 0 3px;font-weight:400;}

306+
.entry:hover .thumb {opacity:0;}

307
.thumb .oi{margin-right:4px;font-size:12px;}

308
.thumb::-webkit-scrollbar {width:5px;height:5px;}

309
.thumb::-webkit-scrollbar,.thumb::-webkit-scrollbar-thumb {

310
    border:2px solid {color:Accent};

311
}

312
313
/* Quotes */

314
315
.audio,.txt,.chat {padding:10px;}

316
.qut_hold {padding:20px;}

317
.src {margin-top:8px;font-size:9px;}

318
.qut {font-size:12px;font-style:italic;line-height:130%;}

319-
.au span {display:inline-block;font-size:11px;line-height:100%;}

319+
320
/* Audio & Chat */

321-
.au span.tn {margin:8px 0;font-size:12px;padding:0 0 1px;}

321+
322
.lines,.chat h2 {margin:10px;}

323
.lines b{display:inline-block;text-transform:uppercase;letter-spacing:0.5px;padding:0 0 1px;margin:0 0 2px;font-size:9px;line-height:100%;}

324
.play {

325
    padding:10px;

326
    background:#e4e4e4;

327
    height:27px;

328
    width:27px;

329
    border-radius:50%;

330
    display:inline-block;

331
}

332
333
.audio_hold {font-size:0;text-align:center;}

334
.audio {display:block;}

335-
blockquote {border-left:1px solid #eee;padding-left:10px;}

335+
336
.au span {display:block;font-size:9px;}

337
.au {margin-top:10px;display:block;}

338
.tn {margin:5px 0;font-size:11px!important;}

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

340
341
/* Text */

342
343
p,blockquote{line-height:130%;}

344
ol,ul {padding:0 0 0 25px;}

345
p,blockquote,pre,ul,ol{margin:5px;}

346
b,strong {font-weight:700;}

347
blockquote p{margin:5px 0;}

348-
.cap {padding:10px 13px;background:#f8f8f8;margin:6px 0;}

348+
349
blockquote p:last-child{margin:5px 0 0;}

350
blockquote p:only-child{margin:0;}

351
blockquote blockquote {margin:0;}

352-
.tumblr_parent blockquote {margin:5px 0;border-left:1px solid #eee;}

352+
blockquote {border-left:1px solid {color:Border};padding-left:10px;}

353
pre { 

354
    white-space:pre-wrap;

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

356
    white-space:-pre-wrap;

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

358
    word-wrap:break-word;

359
}

360
361
/* Captions */

362
363-
    background:rgba(255,255,255,0.9)!important;

363+
364
{block:PermalinkPage}

365
.cap {padding:10px 13px;background:{color:Accent};margin:6px 0;}

366
{/block:PermalinkPage}

367
368
.entry:hover .up {opacity:1;}

369
.up.pthu {display:none;}

370
.up{

371
    position:absolute;

372
    top:0;

373
    left:0;

374
    opacity:0;

375
    margin:0;

376
    padding:10px;

377
    z-index:999;

378
    width:calc(100% - 20px);

379
    height:calc(100% - 20px);

380
    overflow:auto;

381
    background:rgba({RGBcolor:Accent},0.9);

382
}

383
384
.up::-webkit-scrollbar {width:5px;height:5px;}

385
.up::-webkit-scrollbar,.up::-webkit-scrollbar-thumb {

386
    border:2px solid {color:Accent};

387
}

388
389
.p {margin:5px;}

390
.p .oi {font-size:13px;}

391
.cap a.tumblr_blog {vertical-align:middle;border:0;}

392
.tumblr_parent {margin:10px 5px;padding:0;border:0;}

393
.tumblr_parent blockquote {margin:5px 0;border-left:1px solid {color:Border};}

394
.user-pic {

395
    display:inline-block;

396
    vertical-align:middle;

397
    border-radius:2px;

398
    margin-right:5px;

399
    width:10px;

400
}

401
402
/* Video */

403
404-
.pn li{margin:0;padding:7px;font-size:10px;line-height:100%;}

404+
405
.vine-embed,#youtube_iframe {display:block;}

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

407-
.pnh,.more_notes_link,.notes_loading {display:block;font-weight:700;}

407+
408
/* Photosets */

409-
.pn li {border-top:1px dotted #eee;}

409+
410-
.perma_li {border-top:1px solid #eee;}

410+
411
    background:rgba({RGBcolor:Background},0.99)!important;

412
}

413
 

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

415
    opacity:0!important;

416
}

417
 

418
#tumblr_lightbox_center_image, #tumblr_lightbox_left_image,

419
#tumblr_lightbox_right_image, .lightbox-image {

420
    box-shadow:none!important;

421
    border-radius:0!important;

422
}

423-
    background:#fff;

423+
424
.index-page .photos img {display:none;}

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

426
427
/* Ask */

428-
a:hover,a h2:hover,.bt:hover{color:{color:Accent};}

428+
429-
a,.pph,.src,.lines b,.tn,h2,.ask{color:{color:Link};}

429+
430-
.p a:hover,.nt:hover {color:#444;}

430+
431-
.txt a,.cap a,.tc a,.load,.lines b,.cap a.tumblr_blog,.src,.au span.tn{

431+
432-
    border-bottom:1px solid rgba({RGBcolor:Accent},0.5);

432+
433
.aski span,.askicon {display:inline-block;vertical-align:middle;}

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

435
436
/* Permalink Page + Postnotes */

437
438
.perma {font-size:0;text-transform:lowercase;}

439
.perma_li {

440
    display:inline-block;

441-
<body class="{select:Font} {select:Navigation}">

441+
442
    font-size:10px;

443-
<div class="tc"><i class="oi oi-menu"></i></div>

443+
444
    padding:8px 7px;

445-
<div class="center {block:IndexPage}index-page{/block:IndexPage} {select:Hover Style}">

445+
446
447
.perma_li .oi {font-size:12px;width:12px;padding-right:6px;}

448
.perma_li.pnh,.perma_li.pmt {display:block;width:100%;}

449
.pmt a:after {content:',';}

450
.pmt a:last-of-type:after {content:'.';}

451
.pn ol {margin:0;padding:0;list-style-type:none;}

452
.pn li{margin:0;padding:7px;font-size:9px;line-height:100%;}

453
.pn,.pn img{display:none;}

454-
    <a href="/archive">History</a>

454+
455
.pnh,.more_notes_link,.notes_loading {display:block;font-weight:600;}

456-
    <input type="text" name="q" placeholder="Search..." value="{SearchQuery}"/>

456+
457
.pn li {border-top:1px dotted {color:Border};}

458
.perma_li {border-top:1px solid {color:Border};}

459-
    <div class="db desc">{Description}</div>

459+
460
/* Tooltips */

461
462
#s-m-t-tooltip{

463
    max-width:300px;

464
    margin:15px;

465
    z-index:99999999;

466
    padding:5px 5px 4px;

467
    font-size:9px;

468
    line-height:100%;

469
    word-break:break-all;

470
    color:{color:Link};

471
    background:{color:Background};

472
}

473
474
/* Common Styles */

475-
<aside>

475+
476-
<div class="image"><a href="/"><img src="{PortraitURL-128}"/></a></div>

476+
.thumb.thu-hover .tumblr_parent {margin:10px 0;}

477-
<h1>{Title}</h1>

477+
.thumb.thu-hover .tags {margin:10px 0 0;}

478-
<div class="desc">{Description}</div>

478+
479
a:hover,a h2:hover,.bt:hover{color:{color:Hover};}

480-
    <a href="/">Home</a>

480+
a,.p,.pph,.src,.lines b,.tn,h2,.ask,a .thumb{color:{color:Link};}

481
482
{block:ifAccentBorders}

483
.txt a,.cap a,.tc a,.load,.lines b{

484
    border-bottom:1px solid rgba({RGBcolor:Hover},0.5);

485
}

486
{/block:ifAccentBorders}

487
488
{block:ifRoundEdges}

489
.entry,.thumb,.up{border-radius:4px;}

490
{/block:ifRoundEdges}

491
492
/* Etc */

493
494
img {margin:0;display:block;}

495
496-
    <a href="/archive">History</a>

496+
497
</head>

498-
<b class="line"></b>

498+
<body class="{select:Columns} {select:Posts}">

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

499+
500-
<input type="text" name="q" placeholder="Search..." value="{SearchQuery}"/>

500+
{block:ifTextControls}

501-
</form>

501+
502-
</aside>

502+
<div class="tc">

503
    <a href="https://www.tumblr.com/follow/{Name}">

504
        <span class="oi oi-plus"></span> Follow

505
    </a><br>

506
    <a href="https://www.tumblr.com/dashboard?conversation={Name}">

507
        <span class="oi oi-discuss"></span> Message

508
    </a><br>

509
    <a href="https://www.tumblr.com/dashboard">

510
        <span class="oi oi-home"></span> Dashboard

511
    </a>

512-
<div class="thumb">

512+
513-
    <div class="thu-hold perm_info">

513+
514-
    <a href="{Permalink}" class="nt">{NoteCountWithLabel}</a>

514+
{/block:ifTextControls}

515-
    <span>{DayofMonth} {Month} {Year}</span>

515+
516-
    <div class="p">

516+
<div class="center {block:IndexPage}index-page{/block:IndexPage}">

517-
        <div class="custom-like-button">{LikeButton}

517+
518-
        <span class="our_button"><i class="oi oi-heart"></i></span>

518+
519-
        </div>

519+
520-
        <a href="{ReblogURL}"><i class="oi oi-refresh"></i></a>

520+
521
    <a href="/" class="bt">{Title}</a>

522
    <a href="/ask">Contact</a>

523-
    <div class="thu-hold perm_cap">

523+
524-
    <a href="{Permalink}" class="nt">{NoteCountWithLabel}</a>

524+
525-
    {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}

525+
    <a href="/archive">Grid</a>

526
    <form class="srch" action="/search" method="get">

527
    <input type="text" name="q" placeholder="Search this blog..." value="{SearchQuery}"/>

528
    </form>

529
</nav>

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

531
    <div class="lb">

532
        {block:ifLink1}

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

534
        {/block:ifLink1}{block:ifLink2}

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

536
        {/block:ifLink2}{block:ifLink3}

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

538
        {/block:ifLink3}{block:ifLink4}

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

540
        {/block:ifLink4}{block:ifLink5}

541
        <a href="{text:Link 5}">{text:Link 5 Title}</a>

542
        {/block:ifLink5}

543
    </div>

544
</header>

545
546
<div id="content">

547
{block:Posts}

548
549
<div class="entry" id="{PostID}">

550
<div class="entry_hold">

551
<div class="whi">

552
553
{block:IndexPage}

554
<div class="up {block:ifPostThumbnails}pthu{/block:ifPostThumbnails}">

555
<div class="p">

556
    <a href="{Permalink}"><span class="oi oi-link"></span></a>

557
    <div class="custom-like-button">{LikeButton}

558
    <span class="our_button"><span class="oi oi-heart"></span></span>

559
    </div>

560
    <a href="{ReblogURL}"><span class="oi oi-refresh"></span></a>

561
</div>

562
563
{block:ifCaption}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:ifCaption}

564
{block:ifTags}{block:HasTags}<div class="tags">

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

566
</div>{/block:HasTags}{/block:ifTags}

567
</div>

568
{/block:IndexPage}

569
570
{block:Text}

571
{block:ifPostThumbnails}{block:IndexPage}<a href="{Permalink}"><div class="thumb"><i class="oi oi-pencil"></i> {NoteCount}</div></a>{/block:IndexPage}{/block:ifPostThumbnails}

572
<div class="txt_hold">

573
<div class="txt cap">

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

575
{Body}

576
</div>

577
</div>

578
{/block:Text}

579
580
{block:Link}

581
{block:ifPostThumbnails}{block:IndexPage}<a href="{Permalink}"><div class="thumb"><i class="oi oi-link"></i> {NoteCount}</div></a>{/block:IndexPage}{/block:ifPostThumbnails}

582
<div class="txt_hold">

583-
    {block:TrackName}<span class="tn">{TrackName}</span><br>{/block:TrackName}

583+
584
<h2><a title="{URL}" href="{URL}">{Name}</a></h2>

585
{block:Description}{Description}{/block:Description}

586
</div>

587
</div>

588
{/block:Link}

589
590
{block:Photo}

591
{block:ifPostThumbnails}{block:IndexPage}

592
<div class="thumb thu-hover">

593
    <a href="{Permalink}" class="nt"><i class="oi oi-photo"></i> {NoteCount}</a>

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

595
{block:ifTags}{block:HasTags}<div class="tags">

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

597
</div>{/block:HasTags}{/block:ifTags}

598
</div>

599
{/block:IndexPage}{/block:ifPostThumbnails}

600
601
{block:IndexPage}<a href="{Permalink}"><div class="whi"><div class="bx" style="background-image:url('{PhotoURL-500}');"></div><div class="photos"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></div></div></a>{/block:IndexPage}

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

603
{/block:Photo}

604
605
{block:Photoset}

606
{block:ifPostThumbnails}{block:IndexPage}

607
<div class="thumb thu-hover">

608
    <a href="{Permalink}" class="nt"><i class="oi oi-copy"></i> {NoteCount}</a>

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

610
{block:ifTags}{block:HasTags}<div class="tags">

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

612
</div>{/block:HasTags}{/block:ifTags}

613
</div>

614
{/block:IndexPage}{/block:ifPostThumbnails}

615
616
<div class="inph"><a href="{Permalink}"><div class="whi">{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></div></a></div>

617
618
<div class="peph"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div>

619
{/block:Photoset}

620
621
{block:Quote}

622
{block:ifPostThumbnails}{block:IndexPage}<a href="{Permalink}"><div class="thumb"><i class="oi oi-chatbox"></i> {NoteCount}</div></a>{/block:IndexPage}{/block:ifPostThumbnails}

623
<div class="txt_hold pink">

624
<div class="qut_hold">

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

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

627
</div>

628
</div>

629
{/block:Quote}

630
631
{block:Chat}

632
{block:ifPostThumbnails}{block:IndexPage}<a href="{Permalink}"><div class="thumb"><i class="oi oi-discuss"></i> {NoteCount}</div></a>{/block:IndexPage}{/block:ifPostThumbnails}

633
<div class="txt_hold">

634
<div class="chat">

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

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

637
</div>

638
</div>

639
{/block:Chat}

640
641
{block:Audio}

642
{block:ifPostThumbnails}{block:IndexPage}<a href="{Permalink}"><div class="thumb"><i class="oi oi-headphone"></i> {NoteCount}</div></a>{/block:IndexPage}{/block:ifPostThumbnails}

643
<div class="txt_hold">

644
<div class="audio_hold">

645
<div class="audio">

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

647
<div class="au">

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

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

650
</div>

651
</div>

652
</div>

653
</div>

654
{/block:Audio}

655
656
{block:Video}

657
{block:ifPostThumbnails}

658
{block:IndexPage}

659
<div class="up">

660
<div class="p">

661
    <a href="{Permalink}"><span class="oi oi-link"></span></a>

662
    <div class="custom-like-button">{LikeButton}

663
    <span class="our_button"><span class="oi oi-heart"></span></span>

664
    </div>

665
    <a href="{ReblogURL}"><span class="oi oi-refresh"></span></a>

666
</div>

667
668
{block:ifCaption}

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

670
{/block:ifCaption}

671
{block:ifTags}{block:HasTags}<div class="tags">

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

673
</div>{/block:HasTags}{/block:ifTags}

674
</div>

675
{/block:IndexPage}

676
{/block:ifPostThumbnails}

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

679
{/block:Video}

680
681
{block:Answer}

682
{block:ifPostThumbnails}{block:IndexPage}<a href="{Permalink}"><div class="thumb"><i class="oi oi-help"></i> {NoteCount}</div></a>{/block:IndexPage}{/block:ifPostThumbnails}

683
<div class="txt_hold">

684
<div class="ask">

685
    <div class="aski">

686
        <img class="askicon" src="{AskerPortraitURL-64}">

687
        <span>{Asker}:</span>

688
    </div>

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

690
</div>

691
{block:PermalinkPage}<div class="txt">{Answer}</div>{/block:PermalinkPage}

692
</div>

693
{/block:Answer}

694
695
</div>

696
</div>

697
698
{block:PermalinkPage}

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

700
{block:Date}

701
<div class="pph">

702
<div class="perma">

703
<span class="perma_li">

704
    <span class="oi oi-time"></span> posted {TimeAgo}

705
</span>

706
<span class="perma_li">

707
    <span class="oi oi-calendar"></span> {DayofMonthWithSuffix} {Month} {Year}

708
</span>

709
{block:RebloggedFrom}

710
<span class="perma_li">

711
    <span class="oi oi-user"></span> via: 

712
    <a href="{ReblogParentURL}">{ReblogParentName}</a>

713
</span>

714
<span class="perma_li">

715
    <span class="oi oi-location"></span> source: 

716
    <a href="{ReblogRootURL}">{ReblogRootName}</a>

717
</span>

718
{/block:RebloggedFrom}

719
720
{block:HasTags}

721
<span class="perma_li pmt">

722
    <span class="oi oi-tags"></span> 

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

724
</span>

725
{/block:HasTags}

726
<a href="#" class="pnh perma_li"><span class="oi oi-chevron-down"></span> {NoteCountWithLabel}</a>

727
</div>

728
729
{block:PostNotes}

730
<div class="pn">{PostNotes}</div>

731
{/block:PostNotes}

732
733
</div>

734
735
{/block:Date}

736
{/block:PermalinkPage}

737
738
{block:ContentSource}

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

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

741
{/block:SourceLogo}

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

743
{/block:ContentSource}

744
745
<!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->

746
747
</div>

748
749
{/block:Posts}

750
751
{block:ifPaginate}

752
{block:Pagination}

753-
    $(".db").hide();

753+
754
    {block:PreviousPage}

755-
            $(".db").slideDown(function(){});

755+
756
    {/block:PreviousPage}

757-
            $(".db").slideUp(function(){});

757+
758
    {block:JumpPagination length="5"}

759
    {block:CurrentPage}

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

761
    {/block:CurrentPage}

762
    {block:JumpPage}

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

764
    {/block:JumpPage}

765
    {/block:JumpPagination}

766
 

767
    {block:NextPage}

768
        <a href="{NextPage}"><i class="oi oi-arrow-right"></i></a>

769
    {/block:NextPage}

770
</div>

771
{/block:Pagination}

772
{/block:ifPaginate}

773
 

774
</div>

775
776
{block:ifnotPaginate}

777
{block:Pagination}

778
<div class="pag">

779
    {block:PreviousPage}

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

781
    {/block:PreviousPage} 

782
    {block:NextPage}

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

784
    {/block:NextPage}

785
</div>

786
787
    {block:ifLoadMore}

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

789
    {/block:ifLoadMore}

790
{/block:Pagination}

791
{/block:ifnotPaginate}

792
793
</div>

794
795
<a href="#" class="top"><i class="oi oi-chevron-up"></i></a>

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

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

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

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

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

802-
    tumblrAvatars: false,

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

804
{block:ifFixedHeader}

805
{block:IndexPage}

806
<script src="http://static.tumblr.com/xohwoo7/o8aohe616/sticky.js"></script>

807
{/block:IndexPage}

808
{/block:ifFixedHeader}

809
<script>

810
// pxu photosets

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

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

813
        lightbox: true,

814
        rounded: false,

815
        gutter: '1px',

816
        photoset: '.photo-slideshow',

817
        photoWrap: '.photo-data',

818
        photo: '.pxu-photo'

819
    });

820
821
822
// minimal soundcloud player © eoxk.tumblr

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

824
   var color = '#aaa'; // color of play button (hex)

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

826
       $(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%' });

827
   });

828
});

829
830
831
// drop links & post notes

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

833
    $(".pn").hide();

834
        $(".pnh").show();$('.pnh').toggle(function(){

835
            $(".pn").slideDown(function(){});

836
                },function(){

837
            $(".pn").slideUp(function(){});

838
        });

839
    $(".lb").hide();

840
        $(".lh").show();$('.lh').toggle(function(){

841
            $(".lb").slideDown(function(){});

842
                },function(){

843
            $(".lb").slideUp(function(){});

844
        });

845-
                tumblrAvatars: false,

845+
    $(".desc").hide();

846
        $(".dh").show();$('.dh').toggle(function(){

847
            $(".desc").slideDown(function(){});

848
                },function(){

849
            $(".desc").slideUp(function(){});

850
        });

851
    });

852
853
    

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

855
var amountScrolled = 500;

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

857
    if ($(window).scrollTop() > amountScrolled) {

858
            $('a.top').fadeIn('slow');

859
    } else {

860
            $('a.top').fadeOut('slow');

861
    }

862
});

863
$('a.top').click(function() {

864
    $('body, html').animate({

865
            scrollTop: 0

866
    }, 'slow');

867
return false;

868
});

869
870
871
// tooltips

872
(function($){

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

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

875
        tip_delay_time:200,

876
        tip_fade_speed:300

877
        }

878
    );

879
});

880
})(jQuery);

881
882
883
/*

884
 

885
  UN-NEST TUMBLR CAPTIONS PLUGIN

886
  2016 @magnusthemes & @neothm

887
  source: http://neothm.com/post/148902138319

888
 

889
*/

890
$('.entry').unnest({

891
    yourCaption: ".cap",

892
    newCaptionUsername: false,

893
    originalPostCaptionUsername: false,

894
    tumblrAvatars: true,

895
    tumblrAvatarClass: ".user-pic",

896
    usernameColon: false

897
});

898
899
900
// infinite scroll

901
    {block:ifnotPaginate}

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

903
        $container.infinitescroll({

904
            itemSelector: '.entry',

905
            navSelector: '.pag',

906
            nextSelector: '.next',

907
            loadingImg: ' ',

908
            loadingText: ' ',

909
            donetext: 'No more posts' ,

910
            bufferPx: 2000,

911
            {block:ifLoadMore}

912
            errorCallback: function(){

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

914
            }

915
            {/block:ifLoadMore}

916
        },

917
        function( newElements ) {

918
            var $newElems = $( newElements );

919
            var $newElemsIDs = $newElems.map(function(){

920
                return this.id;

921
            }).get();

922
            console.log($newElems, $newElemsIDs);

923
            Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);

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

925
                lightbox: true,

926
                rounded: false,

927
                gutter: '1px',

928
                photoset: '.photo-slideshow',

929
                photoWrap: '.photo-data',

930
                photo: '.pxu-photo'

931
            });

932
            resizeVideos();

933
            $newElems.unnest({

934
                yourCaption: ".cap",

935
                newCaptionUsername: true,

936
                originalPostCaptionUsername: true,

937
                tumblrAvatars: true,

938
                tumblrAvatarClass: ".user-pic",

939
                usernameColon: false

940
            });

941
        });

942
    {block:ifLoadMore}

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

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

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

946
    });

947
    {/block:ifLoadMore}

948
    {/block:ifnotPaginate}

949
});

950
951
</script>

952
</body>

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