API tools faq
paste
View difference between Paste ID: j8F4LxzB and QvQSiuvC
SHOW: | | - or go back to the newest paste.
1
<!------------------------------------------
2
3
(◍•ᴗ•◍)♡ ✧*。
4
5
Hold On Theme by ThemeKid Chloë | @redivide | @themekid
6
7
> Do not delete/alter any credit.
8
> Do not claim as your own.
9
> Do not copy any code.
10
> Do not redistribute.
11
12
------------------------------------------->
13
<html>
14
<head>
15
{block:Hidden}
16-
<meta name="image:Sidebar" content="//67.media.tumblr.com/0dc8135506f5802fd3992155bbd2bbe0/tumblr_oeepbg35GE1v8yaeco1_1280.jpg"/>
16+
<meta name="image:Sidebar" content="http://67.media.tumblr.com/0dc8135506f5802fd3992155bbd2bbe0/tumblr_oeepbg35GE1v8yaeco1_1280.jpg"/>
17
18
<meta name="color:Accent" content="#dfcacc" />

19
<meta name="color:Dark Accent" content="#c09992" />

20
21
<meta name="select:Columns" content="ThreeColumns" title="3" />

22
<meta name="select:Columns" content="TwoColumns" title="2" />

23
24
<meta name="if:Credit Link" content="" />

25
<meta name="if:Custom Favicon" content="" />

26
<meta name="if:Redirect Ask" content="" />

27
 

28
<meta name="text:IMPORTANT" content="do not enable the redirect ask if you are using the default /ask page. it will cause your browser to crash! only enable if you are using a custom ask page."/>

29
<meta name="text:Ask Link" content="/ask" />

30-
<meta name="text:Favicon URL" content="//" />{/block:Hidden}

30+
<meta name="text:Favicon URL" content="http://" />{/block:Hidden}

31
32
<meta charset="UTF-8" /> 

33
<title>{block:TagPage}{Tag} posts | {/block:TagPage}{block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>

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

35
{block:IfNotCustomFavicon}

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

37
{/block:IfNotCustomFavicon}

38
{block:IfCustomFavicon}

39
<link rel="shortcut icon" href="{text:Favicon URL}">

40
{/block:IfCustomFavicon}

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

42
<link href="https://fonts.googleapis.com/css?family=Anonymous+Pro|Gochi+Hand|Open+Sans:400,400i,700,700i|Sacramento" rel="stylesheet">

43
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>

44-
<link rel="stylesheet" href="//static.tumblr.com/8pnyeus/29To2og0o/styles.css">

44+
<link rel="stylesheet" href="http://static.tumblr.com/8pnyeus/29To2og0o/styles.css">

45
<script src="https://dl.dropboxusercontent.com/s/7ke33tjjl8rty02/scripts.js"></script>

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

47
<!--there is a reason you can't find this link for outicons when you google, it's because i made it. so leave it the fuck alone and go make your own-->

48-
<link rel="stylesheet" href="https://static.tumblr.com/8pnyeus/D87qcdm0a/oi-icomoon.css">

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

49
<script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5399645";var ref = (''+document.referrer+'');var pn =  window.location;var w_h = window.screen.width + " x " + window.screen.height;fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"' style='display:none'></span>");

50
</script><script>{block:IfRedirectAsk}

51
if(window.location.pathname == '/ask') location.replace('{text:Ask Link}');{/block:IfRedirectAsk}

52
 (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery);

53
</script>

54
<style type="text/css">

55-
[class*=" icon-oi_"]:before,[class^=icon-oi_]:before {

55+
[class*=" oi-"]:before,[class^=oi-]:before {

56
    line-height:inherit;

57
}

58
#reblogged {

59-
@font-face {

59+
60-
    font-family: 'icomoon';

60+
61-
    src: url('https://dl.dropboxusercontent.com/s/1ohfequ7ws4ejzm/icomoon.eot?5kiojs');

61+
62-
    src: url('https://dl.dropboxusercontent.com/s/1ohfequ7ws4ejzm/icomoon.eot?5kiojs#iefix') format('embedded-opentype'),

62+
63-
    url('https://dl.dropboxusercontent.com/s/9qmsmnbzj2canp9/icomoon.ttf?5kiojs') format('truetype'),

63+
64-
    url('https://dl.dropboxusercontent.com/s/eodx1z60h9yimh0/icomoon.woff?5kiojs') format('woff'),

64+
65-
    url('https://dl.dropboxusercontent.com/s/m57uc7hijqbua78/icomoon.svg?5kiojs#icomoon') format('svg');

65+
66
    position:fixed!important;

67
    -webkit-transform:scale(.8, .8);

68
       -moz-transform:scale(.8, .8);

69
            transform:scale(.8, .8);

70
    -webkit-transform-origin: right top;

71
       -moz-transform-origin: right top;

72
        -ms-transform-origin: right top;

73
         -o-transform-origin: right top;

74
            transform-origin: right top;

75
    z-index:999999999999999999!important

76
}

77
::-webkit-scrollbar {

78
    background-color:#ddd;

79
    height: 11px;

80
    width: 11px;

81
    border:5px solid #fff;

82
}

83
::-webkit-scrollbar-thumb {

84
    background-color:#000;

85
    border:5px solid #fff;

86
}

87
#desc::-webkit-scrollbar {

88
    background-color:#ddd;

89
    height: 11px;

90
    width: 11px;

91
    border:5px solid #eee;

92
}

93
#desc::-webkit-scrollbar-thumb {

94
    background-color:#000;

95
    border:5px solid #eee;

96
}

97
::-moz-selection { 

98
    color:{color:Dark Accent};

99
    background:rgba({RGBcolor:Accent},0.1);

100
}

101
102
::selection {

103
    color:{color:Dark Accent};

104
    background:rgba({RGBcolor:Accent},0.1);

105
}

106
body {

107
    font-family: 'Open Sans', sans-serif;

108
    font-size:11px;

109
    line-height:1.5em;

110
    word-wrap:break-word;

111
}

112
body:before {

113
    content: '';

114
    width: 100%;

115
    height: 10px;

116
    position: fixed;

117
    top: 0;

118
    left: 0;

119
    z-index: 10;

120
    background: #eee;

121
}

122
body:after {

123
    content: '';

124
    width: 100%;

125
    height: 10px;

126
    position: fixed;

127
    bottom: 0;

128
    left: 0;

129
    z-index: 10;

130
    background: #eee;

131
}

132
* {

133
    margin:0;

134
    padding:0;

135
}

136
h1,h2,h3,h4,h5,h6 {

137
    font-family:'Gochi Hand', serif;

138
    font-weight:normal;

139
}

140
img:not(.lightbox-image), embed, video, .tumblr_video_container, iframe:not(#ask_form):not(.tumblr_audio_player):not(.instagram-media)  {

141
    max-width:100%!important;

142
    height:auto;

143
}

144
img:not(.lightbox-image) {

145
    vertical-align:middle;

146
}

147
.instagram-media {

148
    max-width:100%!important;

149
}

150
.tumblr_video_container {

151
    height:auto!important;

152
}

153
.vine-embed {

154
    height:220px!important;

155
}

156
#infscr-loading {

157
    position:absolute;

158
    margin-bottom:-40px;

159
    bottom:30px;

160
    width:200px;

161
    margin-left:50%;

162
    left:-100px;

163
    text-align:center;

164
}

165
a {

166
    color:#000;

167
    text-decoration:none;

168
    -webkit-transition: all 0.3s ease-in-out;

169
       -moz-transition: all 0.3s ease-in-out;

170
         -o-transition: all 0.3s ease-in-out;

171
            transition: all 0.3s ease-in-out;

172
}

173
a:hover {

174
    color:{color:Dark Accent};

175
    -webkit-transition: all 0.3s ease-in-out;

176
       -moz-transition: all 0.3s ease-in-out;

177
         -o-transition: all 0.3s ease-in-out;

178
            transition: all 0.3s ease-in-out;

179
}

180
a:focus {

181
    outline:0;

182
}

183
li {

184
    position:relative;

185
}

186
i, em {

187
    /*font-family: 'Nothing You Could Do', cursive;*/

188
    font-size:1.4em;

189
}

190
#s-m-t-tooltip {

191
    max-width:300px;

192
    padding:3px 6px;

193
    margin:20px 10px;

194
    background: #000;

195
    color:#fff;

196
    z-index:999999999999999!important;

197
    font-size:9px;

198
    text-transform:uppercase;

199
    font-family:'Anonymous Pro', monospace;

200
}

201
202
.back-to-top {

203
    text-align: center;

204
    bottom: 44px;

205
    left: 45px;

206
    font-size: 15px;

207
    cursor: pointer;

208
    text-transform: uppercase;

209
    position: fixed;

210
    z-index: 99999;

211
}

212
.back-to-top i {

213
    width: 21px;

214
    height: 21px;

215
    line-height: 21px;

216
    color: {color:Accent};

217
    border: 1px solid {color:Accent};

218
    background: #fff;

219
    padding: 10px;

220
    border-radius: 50%;

221
    vertical-align: middle;

222
    display:block;

223
}

224
#sidebar {

225
    width: 320px;

226
    position: fixed;

227
    left: calc(50% - 550px);

228
    top: 180px;

229
    padding: 30px;

230
    z-index: 10;

231
    background: #fafafa;

232
    border: 5px solid #fff;

233
    outline: 1px solid #eaeaea;

234
    box-sizing: border-box;

235
}

236
#sidebar h1 {

237
    position: absolute;

238
    top: -35px;

239
    left: 10px;

240
    line-height: 50px;

241
    font-family: 'Sacramento', cursive;

242
    font-size: 40px;

243
}

244
#sidebar img {

245
    padding: 5px;

246
    background: #fff;

247
    border: 1px solid #eaeaea;

248
    outline: 5px solid rgba(255,255,255,0.3);

249
    outline-offset: -11px;

250
    box-sizing: border-box;

251
    width: 125px;

252
    display: inline-block;

253
    float: left;

254
    margin-right:-1px;

255
    height:125px;

256
}

257
#sidebar #desc {

258
    display: inline-block;

259
    width: 126px;

260
    vertical-align: top;

261
    box-sizing: border-box;

262
    text-align: center;

263
    height: 125px;

264
    padding: 10px;

265
    line-height: 13px;

266
    font-size: 10px;

267
    background: #eee;

268
    border: 6px solid #fff;

269
    outline: 1px solid #eaeaea;

270
    outline-offset: -1px;

271
    font-family:'Anonymous Pro', monospace;

272
    overflow:auto;

273
}

274
ul#link-expands {

275
    list-style: none;

276
    padding: 0;

277
    display: none;

278
    position: fixed;

279
    top: 400px;

280
    width: 300px;

281
    text-align: right;

282
    left: calc(50% - 540px);

283
    font-family: 'Anonymous Pro',monospace;

284
}

285
ul#link-expands a {

286
    color:#000;

287
    padding: 0 5px;

288
}

289
ul#link-expands li:before, ul#navlinks li:before {

290
    display:none;

291
}

292
#squiggle {

293
    width: 350px;

294
    height: 240px;

295
    z-index: 0;

296
    background: url(http://media.tumblr.com/5f5f0cb8e5dfca95dde0dcc6fb5ad4eb/tumblr_inline_n87ac5ndov1sgp6cl.png) no-repeat;

297
    background-size: contain;

298
    position: fixed;

299
    left: calc(50% - 713px);

300
    opacity: 0.5;

301
    top: 190px;

302
    transform: rotate(181deg) rotateX(180deg);

303
}

304
#content.ThreeColumns {

305
    position:relative;

306
    margin:50px auto;

307-
    background: url(//media.tumblr.com/5f5f0cb8e5dfca95dde0dcc6fb5ad4eb/tumblr_inline_n87ac5ndov1sgp6cl.png) no-repeat;

307+
308
    left:200px;

309
}

310
#content.TwoColumns {

311
    position:relative;

312
    margin:80px auto;

313
    width:650px;

314
    left:180px;

315
}

316
#posts {

317
    margin-bottom:40px;

318
}

319
article {

320
    position:relative;

321
    box-sizing:border-box;

322
    padding:5px;

323
    background:#fff;

324
    border:1px solid #eaeaea;

325
    

326
    {block:IndexPage}overflow:hidden;{/block:IndexPage}

327
}

328
.TwoColumns article {

329
    width:280px;

330
    margin-bottom:90px;

331
}

332
.ThreeColumns article {

333
    margin-bottom:40px;

334
    width:220px;

335
}

336
article .photo {

337
    outline:8px solid rgba(255,255,255,0.3);

338
    outline-offset:-8px;

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

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

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

342
            transition: all 0.3s ease-in-out;

343
}

344
{block:IndexPage}article:hover .photo {

345
    outline:150px solid rgba({RGBcolor:Accent},0.5);

346
    outline-offset:-150px;

347
    -webkit-transition: all 0.3s ease-in-out;

348
       -moz-transition: all 0.3s ease-in-out;

349
         -o-transition: all 0.3s ease-in-out;

350
            transition: all 0.3s ease-in-out;

351
}{/block:IndexPage}

352
article ul, article ol {

353
    padding-left:25px;

354
    line-height:175%;

355
    margin:10px 0;

356
}

357
article ul {

358
    list-style:circle;

359
}

360
article hr {

361
    border:none;

362
    width:75%;

363
    margin:15px auto;

364
    height:1px;

365
    background:rgba({RGBcolor:Accent},0.5);

366
}

367
blockquote.tumblr_parent {

368
    padding-left: 5px;

369
    padding-right: 5px;

370
    margin: 10px 0px;

371
    padding-bottom: 10px;

372
    line-height: 140%;

373
    position: relative;

374
    border-bottom:1px solid #eaeaea;

375
}

376
blockquote.tumblr_parent:before, .chat .labels:before {

377
    content: '\e0ca';

378
    font-family: "untitled-font-1" !important;

379
    font-style: normal;

380
    font-weight: normal;

381
    speak: none;

382
    display: inline-block;

383
    text-decoration: inherit;

384
    width: 1em;

385
    text-align: center;

386
    font-variant: normal;

387
    text-transform: none;

388-
    content: '\e974';

388+
389-
    font-family: "icomoon" !important;

389+
390
    vertical-align:middle;

391
    -webkit-font-smoothing: antialiased;

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

393
    margin-right: 5px;

394
    color:{color:Dark Accent};

395
}

396
blockquote.tumblr_parent:first-of-type {

397
    margin-top:0;

398
}

399
blockquote.tumblr_parent p:first-of-type {

400
    display:inline;

401
}

402
blockquote.tumblr_parent:last-of-type {

403
    border-bottom:none;

404
    padding-bottom:5px;

405
    margin-bottom:0px;

406
}

407
blockquote.tumblr_parent:last-of-type:after {

408
    content:initial;

409
}

410
blockquote.tumblr_parent img {

411
    box-sizing: border-box;

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

413
    margin: 20px 0;

414
}

415
blockquote.tumblr_parent p {

416
    margin:10px 0;

417
}

418
blockquote.tumblr_parent p:last-of-type {

419
    margin-bottom:0;

420
}

421
blockquote.tumblr_parent p a {

422
    color:{color:Dark Accent};

423
}

424
blockquote.tumblr_parent h2 {

425
    margin-top:15px;

426
}

427
article h2 {

428
    margin-bottom:15px;

429
    font-size:1.9em;

430
}

431
a.tumblr_blog {

432
    font-weight:bold;

433
    margin-right:5px;

434
    color:#000;

435
}

436
a.tumblr_blog:after {

437
    content:": ";

438
}

439
blockquote.tumblr_parent > blockquote {

440
    border-left:2px solid #eee;

441
    padding-left:10px;

442
    margin:10px 0;

443
    margin-left:5px;

444
}

445
a.tumblr_blog + blockquote {

446
    display: inline;

447
}

448
449
.quote h2 {

450
    background:none;

451
}

452
.quote.short h2 {

453
    font-size:2em;

454
    line-height:120%;

455
}

456
.quote.medium h2 {

457
    font-size:1.5em;

458
    line-height:120%;

459
}

460
.quote.long h2 {

461
    font-size:1em;

462
}

463
.quote cite {

464
    text-align:right;

465
    display:block;

466
}

467
.chat ul {

468
    padding:0;

469
    list-style:none;

470
    margin:0;

471
}

472
.chat .labels {

473
    font-weight:bold;

474
}

475
.link h2 {

476
    text-align:left;

477
}

478
.album-art {

479
    height:50px;

480
    margin-bottom:15px;

481
    width:100%;

482
    background:{color:Accent} repeat center center;

483
    background-size:contain;

484
}

485
.ThreeColumns .album-art {

486
    height:40px;

487
}

488
.audio-info {

489
    list-style:none;

490
    padding:0;

491
    margin:0;

492
}

493
.audio-info li {

494
    border-bottom:1px solid #eaeaea;

495
    padding:4px;

496
    text-align:right;

497
}

498
.audio-info i, .audio-info b {

499
    float:left;

500
}

501
.audio-info i {

502
    color:{color:Dark Accent};

503
    margin-right:4px;

504
}

505
.tumblr_audio_player {

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

507
    position: absolute;

508
    top: 25px;

509
    height: 50px;

510
    opacity: 0.6;

511
}

512
.ThreeColumns .tumblr_audio_player {

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

514
    height:40px;

515
    top: 20px;

516
}

517
.vid {

518
    padding-bottom:2px;

519
}

520
.answer h2 {

521
    text-transform:lowercase;

522
    line-height:24px;

523
}

524
.answer h2 a, .link h2 a {

525
    color: #000;

526
    border-bottom:none;

527
}

528
.answer h2 a:hover, .link h2 a:hover {

529
    color:{color:Dark Accent};

530
}

531
.answer h2 img {

532
    margin-right: 8px;

533
    border-radius: 50%;

534
}

535
.response {

536
    position: relative;

537
    margin-top: 41px;

538
}

539
.query {

540
    position:relative;

541
}

542
.query:after {

543
    content: '';

544
    width:75%;

545
    height:1px;

546
    background:rgba({RGBcolor:Accent},0.5);

547
    left: 12.5%;

548
    bottom: -20px;

549
    position: absolute;

550
}

551
.response, .also_query {

552
    max-height:150px;

553
    overflow-y:auto;

554
}

555
.response.answererer {

556
    overflow:initial;

557
}

558
.answer h2:nth-of-type(2) {

559
    margin-top: 41px;

560
}

561
.response:empty {

562
    display:none;

563
    overflow:hidden;

564
}

565
.answererer:before {

566
    content: '';

567
    width:75%;

568
    height:1px;

569
    background:rgba({RGBcolor:Dark Accent},0.5);

570
    left: 12.5%;

571
    top: -20px;

572
    position: absolute;

573
}

574
.permalinks {

575
    list-style:none;

576
    padding:0;

577
    text-align:center;

578
    margin:0;

579
}

580
.non-text-type .custom-like-button {

581
    width: 36.39px;

582
    height: 36px;

583
}

584
.like_button {

585
  position: absolute;

586
  top: 0;

587
  left: 0;

588
  right: 0;

589
  bottom: 0;

590
  width: 100%;

591
  height: 100%;

592
  opacity: 0;

593
  z-index: 10;

594
}

595
.like_button iframe {

596
  width: 100% !important;

597
  height: 100% !important;

598
}

599
.our_toggle {

600
  top: 0;

601
  left: 0;

602
  right: 0;

603
  bottom: 0;

604
  width: 18px;

605
  height: 18px;

606
  z-index: 1;

607
    -webkit-transition: all 0.2s ease-in-out;

608
       -moz-transition: all 0.2s ease-in-out;

609
         -o-transition: all 0.2s ease-in-out;

610
            transition: all 0.2s ease-in-out;

611
}

612
.like_button:hover + .our_toggle {

613
    color:{color:Dark Accent};

614
    -webkit-transition: all 0.2s ease-in-out;

615
       -moz-transition: all 0.2s ease-in-out;

616
         -o-transition: all 0.2s ease-in-out;

617
            transition: all 0.2s ease-in-out;

618
}

619
.like_button.liked + .our_toggle .oi-heart:before {

620
    content: "\e098";

621
}

622
.text-type .permalinks a {

623
    color:{color:Accent};

624
}

625
.non-text-type .permalinks a {

626
    color:#fff;

627
}

628
.permalinks a:hover {

629
    color:{color:Dark Accent};

630-
.like_button.liked + .our_toggle .icon-oi_heart:before {

630+
631-
    content: "\e992";

631+
632
    display:inline-block;

633
    margin:0 5px;

634
}

635
.text-type .permalinks {

636
    text-align:right;

637
    padding:20px;

638
}

639
.ThreeColumns .text-type .permalinks {

640
    padding:15px;

641
}

642
.text-type .permalinks li {

643
    color:{color:Accent};

644
}

645
.text-type .permalinks li i:before {

646
    vertical-align: middle;

647
}

648
.non-text-type .permalinks {

649
    font-size:26px;

650
    line-height:30px;

651
    color:#fff;

652
    position:absolute;

653
    top:calc(50% - 15px);

654
    left:0;

655
    width:100%;

656
    opacity:0;

657
    visibility:hidden;

658
    transform:scale(0);

659
    -webkit-transition: all 0.3s ease-in-out;

660
       -moz-transition: all 0.3s ease-in-out;

661
         -o-transition: all 0.3s ease-in-out;

662
            transition: all 0.3s ease-in-out;

663
}

664
article.non-text-type:hover .permalinks {

665
    transform:scale(1);

666
    opacity:1;

667
    visibility:visible;

668
    -webkit-transition: all 0.3s ease-in-out;

669
       -moz-transition: all 0.3s ease-in-out;

670
         -o-transition: all 0.3s ease-in-out;

671
            transition: all 0.3s ease-in-out;

672
}

673
.text-type > * {

674
    background:#fafafa;

675
}

676
.text-type > div:first-of-type {

677
    padding:20px 20px{block:IndexPage} 0{/block:IndexPage};

678
}

679
{block:IndexPage}.ThreeColumns .text-type > div:first-of-type {

680
    padding:15px 15px 0;

681
}{/block:IndexPage}

682
.photoset {

683
    padding:0;

684
}

685
.non-text-type .caption,

686
.audio + .caption, 

687
.vid + .caption,

688
.photoset + .caption {

689
    padding:10px;

690
    background:#fafafa;

691
    margin-top:5px;

692
}

693
.text-type blockquote.tumblr_parent {

694
    padding-left:0;

695
    padding-right:0;

696
}

697
.caption-audio blockquote.tumblr_parent,

698
.caption-video blockquote.tumblr_parent,

699
.caption-photoset blockquote.tumblr_parent {

700
    padding-left:5px;

701
    padding-right:5px;

702
}

703
{block:PermalinkPage}

704
.TwoColumns article, .ThreeColumns article {

705
    width:450px;

706
}

707
.audio {

708
    padding:15px;

709
}

710
.audio-info li {

711
    padding:4px 0;

712
}

713
.ThreeColumns .tumblr_audio_player, 

714
.tumblr_audio_player {

715
    top:25px;

716
    height:80px;

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

718
}

719
.ThreeColumns .album-art,

720
.album-art {

721
    height:80px;

722
}

723
.extra-info {

724
    line-height: 22px;

725
    margin-top: 5px;

726
    padding: 15px;

727
    background: #fafafa;

728
    margin-bottom: 5px;

729
}

730
.extra-info i {

731
    vertical-align: middle;

732
    margin-right: 5px;

733
    font-size:11px;

734
    color:{color:Dark Accent};

735
}

736
ol.notes a, .extra-info a {

737
    color:#000;

738
    font-weight:bold;

739
}

740
ol.notes {

741
    padding:0;

742
    margin: 0;

743
    list-style-type: none;

744
    padding: 15px;

745
    margin-top:5px;

746
    background:#fafafa;

747
}

748
ol.notes li.note {

749
    padding: 3px 0;

750
    margin-bottom:3px;

751
}

752
ol.notes li.note img.avatar {

753
    float:right;

754
    border-radius:50%;

755
    margin-top:1px;

756
}

757
ol.notes li.note blockquote {

758
    border-left:2px solid #eee;

759
    padding-left:10px;

760
    margin:10px 0;

761
    margin-left:15px;

762
}

763
ol.notes li.note blockquote a {

764
    text-decoration: none;

765
}

766
li.more_notes_link_container {

767
    font-weight: bold;

768
    text-transform: uppercase;

769
    font-size: 0.85em;

770
}

771
li.like:before {

772
    content: '\e099';

773
    font-family: "untitled-font-1" !important;

774
    font-style: normal;

775
    font-weight: normal;

776
    speak: none;

777
    display: inline-block;

778
    text-decoration: inherit;

779
    width: 1em;

780
    text-align: center;

781
    font-variant: normal;

782
    text-transform: none;

783-
    content: '\e993';

783+
784-
    font-family: "icomoon" !important;

784+
785
    vertical-align:middle;

786
    -webkit-font-smoothing: antialiased;

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

788
    margin-right: 5px;

789
    color: #f3719f;

790
}

791
li.reblog:before {

792
    content: '\e083';

793
    font-family: "untitled-font-1" !important;

794
    font-style: normal;

795
    font-weight: normal;

796
    speak: none;

797
    display: inline-block;

798
    text-decoration: inherit;

799
    width: 1em;

800
    text-align: center;

801
    font-variant: normal;

802
    text-transform: none;

803-
    content: '\e9ae';

803+
804-
    font-family: "icomoon" !important;

804+
805
    vertical-align:middle;

806
    -webkit-font-smoothing: antialiased;

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

808
    margin-right: 5px;

809
    color:{color:Dark Accent};

810
}

811
li.original_post:before {

812
    content:'\e078';

813
}

814
{block:PermalinkPage}

815
ul#navlinks {

816
    list-style: none;

817
    position: absolute;

818
    right: 4px;

819
    bottom: -22px;

820
}

821
ul#navlinks li {

822
    display: inline-block;

823-
    content:'\e9b8';

823+
824
    background: {color:Accent};

825
    width: 22px;

826
    border: 3px solid #fff;

827
    outline: 1px solid #eaeaea;

828
    height: 22px;

829
    line-height: 22px;

830
    text-align: center;

831
}

832
</style>

833
</head>

834
<body>

835
<div id="squiggle"></div>

836
<div id="sidebar">

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

838
    <img src="{image:Sidebar}"><!--

839
    -->{block:Description}<div id="desc">

840
        {Description}

841
    </div>{/block:Description}

842
    <ul id="navlinks">

843
        <li><a href="/" title="home"><i class="oi-home"></i></a>

844
        {block:AskEnabled}<li><a href="{text:Ask Link}" title="message"><i class="oi-mail"></i></a>{/block:AskEnabled}

845
        {block:HasPages}<li><a id="links" title="links" style="cursor:pointer;"><i class="oi-info"></i></a>{/block:HasPages}

846
        <li><a href="/archive" title="past"><i class="oi-grid"></i></a>

847
    </ul>

848
</div>

849
{block:HasPages}<ul id="link-expands">

850
    {block:Pages}<li><a href="{URL}">{Label}</a>{/block:Pages}

851
</ul>{/block:HasPages}

852
<div id="content" class="{select:Columns}">

853
<div id="posts">{block:Posts}

854-
        <li><a href="/" title="home"><i class="icon-oi_home"></i></a>

854+
855-
        {block:AskEnabled}<li><a href="{text:Ask Link}" title="message"><i class="icon-oi_mail"></i></a>{/block:AskEnabled}

855+
856-
        {block:HasPages}<li><a id="links" title="links" style="cursor:pointer;"><i class="icon-oi_info"></i></a>{/block:HasPages}

856+
857-
        <li><a href="/archive" title="past"><i class="icon-oi_grid"></i></a>

857+
858
    </div>{/block:Text}{block:Photo}<div class="photo">

859
        <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />

860
    </div>{/block:Photo}{block:Photoset}<div class="photoset">

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

862
    </div>{/block:Photoset}{block:Quote}<div class="quote {Length}">

863
        <h2>{Quote}</h2>

864
        {block:Source}<cite>&mdash; {Source}</cite>{/block:Source}

865
    </div>{/block:Quote}{block:Chat}<div class="chat">

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

867
        <ul>

868
            {block:Lines}<li>{block:Label}<span class="labels">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}

869
        </ul>

870
    </div>{/block:Chat}{block:Link}<div class="link">

871
        <h2><i class="oi-link"></i> <a href="{URL}">{Name}</a></h2>

872
        {block:Description}{Description}{/block:Description}

873
    </div>{/block:Link}{block:Audio}<div class="audio">

874
        {block:AlbumArt}<div class="album-art" style="background-image:url({AlbumArtURL})"></div>{/block:ALbumArt}

875
        <ul class="audio-info">

876
            <li><i class="oi-mic"></i> <b>Artist:</b> <span {block:Artist}style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>

877
            <li><i class="oi-playlist"></i> <b>Title:</b> <span {block:TrackName}style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>

878
            <li><i class="oi-disc"></i> <b>Album:</b> <span {block:Album}style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br>

879
            <li><i class="oi-repeat"></i> <b>Plays:</b> {FormattedPlayCount}

880
        </ul>

881
        {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}

882-
        <h2><i class="icon-oi_link"></i> <a href="{URL}">{Name}</a></h2>

882+
883
        <div class="video">{Video-500}</div>

884
    </div>{/block:Video}{block:Answer}<div class="answer">

885
        <h2><img src="{AskerPortraitURL-24}">{Asker} asked:</h2>

886
        <div class="question query">{Question}</div>

887-
            <li><i class="icon-oi_mic"></i> <b>Artist:</b> <span {block:Artist}style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>

887+
888-
            <li><i class="icon-oi_playlist"></i> <b>Title:</b> <span {block:TrackName}style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>

888+
889-
            <li><i class="icon-oi_disc"></i> <b>Album:</b> <span {block:Album}style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br>

889+
890-
            <li><i class="icon-oi_repeat"></i> <b>Plays:</b> {FormattedPlayCount}

890+
891
        <div class="response{block:Answerer} answererer{/block:Answerer}">{Replies}</div>

892
    </div>{/block:Answer}

893
    {block:IndexPage}<ul class="permalinks">

894
        <li class="custom-like-button" title="like">{LikeButton}<div class="our_toggle"><i class="oi-heart"></i></span></div>

895
        <li><a href="{ReblogURL}" target="_blank" title="Reblog?"><i class="oi-refresh"></i></a>

896
        <li><a href="{Permalink}" target="_blank" title="{NoteCount}"><i class="oi-time"></i></a>

897
    </ul>{/block:IndexPage}

898
    {block:PermalinkPage}{block:Caption}<div class="caption caption{block:Audio}-audio{/block:Audio}{block:Video}-video{/block:Video}{block:Photoset}-photoset{/block:Photoset}">

899
        {Caption}

900
    </div>{/block:Caption}

901
    {block:Date}<div class="extra-info">

902
        <i class="oi-time"></i> {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}

903
        {block:NoteCount}<br><i class="oi-bookmark"></i> {NoteCount}{/block:NoteCount}

904
        {block:RebloggedFrom}<br><i class="oi-chart"></i> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}

905-
        <li class="custom-like-button" title="like">{LikeButton}<div class="our_toggle"><i class="icon-oi_heart"></i></span></div>

905+
        {block:ContentSource}<br><i class="oi-globe"></i> <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}

906-
        <li><a href="{ReblogURL}" target="_blank" title="Reblog?"><i class="icon-oi_refresh"></i></a>

906+
        {block:HasTags}<br><i class="oi-tags"></i> {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}{/block:HasTags}

907-
        <li><a href="{Permalink}" target="_blank" title="{NoteCount}"><i class="icon-oi_time"></i></a>

907+
908
    {block:PostNotes}<div id="notes" class="tb">

909
        {PostNotes-16}

910
    </div>{/block:PostNotes}

911
    {/block:PermalinkPage}

912
    </article>

913-
        <i class="icon-oi_time"></i> {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}

913+
914-
        {block:NoteCount}<br><i class="icon-oi_bookmark"></i> {NoteCount}{/block:NoteCount}

914+
915-
        {block:RebloggedFrom}<br><i class="icon-oi_chart"></i> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}

915+
<div class="back-to-top" title="back to top"><i class="oi-arrow-up"></i></div>

916-
        {block:ContentSource}<br><i class="icon-oi_globe"></i> <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}

916+
917-
        {block:HasTags}<br><i class="icon-oi_tags"></i> {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}{/block:HasTags}

917+
918
    {block:NextPage}<a href="{NextPage}" id="next-link">next</a>{/block:NextPage}

919
</div>

920
{/block:Pagination}

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

922
<script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>

923
<script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>

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

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

926-
<div class="back-to-top" title="back to top"><i class="icon-oi_arrow-up"></i></div>

926+
<script src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>

927
<script>

928
var pxuOptions = {

929
    lightbox: true,

930
    rounded: false,

931
    gutter: '0px',

932-
<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>

932+
933-
<script src="//static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>

933+
934-
<script src="//static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>

934+
935-
<link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>

935+
936-
<script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>

936+
937-
<script src="//static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>

937+
938
    itemSelector : "article",

939
    loading: {

940
        finishedMsg: "<p>You've reached the end of the Earth.</p>",

941
        img : "https://res1.nabtrade.com.au/Content/Images/ajax_loader.gif",

942
        msg: null,

943
        msgText: "",

944
    },

945
}, masonryThreeColumnsOptions = {

946
    itemSelector: 'article',

947
    isAnimated:false,

948
    columnWidth:220,

949
    gutterWidth:40,

950
}, masonryTwoColumnsOptions = {

951
    itemSelector: 'article',

952
    isAnimated:false,

953
    columnWidth:280,

954
    gutterWidth:90,

955
}, unnestOptions = {

956
    yourCaption: ".caption",

957
    wrapName: ".tumblr_parent",

958
    newCaptionUsername: true,

959
    originalPostCaptionUsername: true,

960
    tumblrAvatars: false,

961
    tumblrAvatarClass: ".caption_avatar",

962
    usernameColon: false

963
}

964
$(function(){

965
    $('#links').click(function(e){

966
        e.preventDefault();

967
        $('#link-expands').slideToggle('slow');

968
    });

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

970
    var amountScrolled = 300;

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

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

973
    		$('.back-to-top').fadeIn('slow');

974
    	} else {

975
    		$('.back-to-top').fadeOut('slow');

976
    	}

977
    });

978
    $('.back-to-top').click(function() {

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

980
	    	scrollTop: 0

981
	    }, 700);

982
	    return false;

983
    });

984
    $('.photo-slideshow').pxuPhotoset(pxuOptions);

985
    $('article').unnest(unnestOptions);

986
    $('.caption p').each(function(index, item) {

987
        if(($.trim($(item).text()) === "")

988
        && !($(item).has("img").length)) {

989
            $(item).remove();

990
        }

991
    });

992
    $('.label:contains(":")').each(function(){

993
        $(this).html($(this).html().split(":").join(""));

994
    });

995
    {block:IndexPage}

996
    var $tumblelog = $('#posts');

997
    $tumblelog.imagesLoaded(function () {

998
        $tumblelog.masonry(masonry{select:Columns}Options);

999
    });

1000
    $tumblelog.infinitescroll(

1001
    infScrollOptions, function( newElements ) {

1002
        var $newElems = $( newElements );

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

1004
            return this.id;

1005
        }).get();

1006
        $newElems.find('.photo-slideshow').pxuPhotoset(pxuOptions);

1007
        $newElems = $(newElements).css({ opacity: 0, zIndex: -1});

1008
        $newElems.imagesLoaded(function(){

1009
            $newElems.animate({ opacity: 1, zIndex: 1 });

1010
            $tumblelog.masonry( 'appended', $newElems );

1011
        }); 

1012
        $newElems.unnest(unnestOptions);

1013
        $('.caption p').each(function(index, item) {

1014
            if(($.trim($(item).text()) === "")

1015
            && !($(item).has("img").length)) {

1016
                $(item).remove();

1017
            }

1018
        });

1019
        $('.label:contains(":")').each(function(){

1020
            $(this).html($(this).html().split(":").join(""));

1021
        });

1022
        Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);

1023
    });

1024
    

1025
    {/block:IndexPage}

1026
})();

1027
</script>

1028
<link href="//static.tumblr.com/wupwnyt/1iho27ad1/gkthm.css" rel="stylesheet" type="text/css"> 

1029
</body>

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