API tools faq
paste
View difference between Paste ID: 3kvEaFU2 and U1xqxC98
SHOW: | | - or go back to the newest paste.
1
<!--
2
3
4
        theme: mirror
5
        - sorrism -
6
7
        time stamp shortening by bycholoethemes
8
        note shortening by shythemes, edited by me
9
        responsive iframes by nouvae
10
        icons: https://feathericons.com/
11
        photosets: http://kenwheeler.github.io/slick/
12
13
-->
14
15
16
<!DOCTYPE html>

17
18
<head>

19
20
<title>{block:TagPage}#{Tag} : {/block:TagPage} {block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>

21
 

22
<link rel="shortcut icon" href="{favicon}">

23
 

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

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

26
27
<meta name="viewport" content="width=device-width, initial-scale=1.0">

28
29
<!--Default Variables-->

30
 

31
<meta name="color:Background" content="#fafafa"/>

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

33
<meta name="color:Text" content="#605f5f"/>

34
<meta name="color:Link" content="#003569"/>

35
<meta name="color:Link Hover" content="#d6249f"/>

36
<meta name="color:Blog Title" content="#474747"/>

37
<meta name="color:Title" content="#202020"/>

38
<meta name="color:Scrollbar" content="#d5d5d5"/>

39
<meta name="color:Borders" content="#e6e6e6"/>

40
<meta name="color:Text Borders" content="#eeeeee"/>

41
42
<meta name="select:Link 1 Icon" content="instagram" title="instagram"/>

43
<meta name="select:Link 1 Icon" content="twitter" title="twitter"/>

44
<meta name="select:Link 1 Icon" content="facebook" title="facebook"/>

45
<meta name="select:Link 1 Icon" content="link-2" title="link"/>

46
<meta name="select:Link 1 Icon" content="star" title="star"/>

47
<meta name="select:Link 1 Icon" content="clock" title="clock"/>

48
<meta name="select:Link 1 Icon" content="book-open" title="book"/>

49
<meta name="select:Link 1 Icon" content="bookmark" title="bookmark"/>

50
<meta name="select:Link 1 Icon" content="bell" title="bell"/>

51
<meta name="select:Link 1 Icon" content="calendar" title="calendar"/>

52
<meta name="select:Link 1 Icon" content="edit-2" title="pen"/>

53
<meta name="select:Link 1 Icon" content="flag" title="flag"/>

54
<meta name="select:Link 1 Icon" content="folder" title="folder"/>

55
<meta name="select:Link 1 Icon" content="heart" title="heart"/>

56
<meta name="select:Link 1 Icon" content="headphones" title="headphones"/>

57
<meta name="select:Link 1 Icon" content="grid" title="grid"/>

58
<meta name="select:Link 1 Icon" content="home" title="home"/>

59
<meta name="select:Link 1 Icon" content="list" title="list"/>

60
<meta name="select:Link 1 Icon" content="menu" title="menu"/>

61
<meta name="select:Link 1 Icon" content="map-pin" title="map-pin"/>

62
<meta name="select:Link 1 Icon" content="music" title="music note"/>

63
<meta name="select:Link 1 Icon" content="navigation" title="nav arrow"/>

64
<meta name="select:Link 1 Icon" content="tag" title="tag"/>

65
<meta name="select:Link 1 Icon" content="trash-2" title="trash"/>

66
67
<meta name="select:Link 2 Icon" content="instagram" title="instagram"/>

68
<meta name="select:Link 2 Icon" content="twitter" title="twitter"/>

69
<meta name="select:Link 2 Icon" content="facebook" title="facebook"/>

70
<meta name="select:Link 2 Icon" content="link-2" title="link"/>

71
<meta name="select:Link 2 Icon" content="star" title="star"/>

72
<meta name="select:Link 2 Icon" content="clock" title="clock"/>

73
<meta name="select:Link 2 Icon" content="book-open" title="book"/>

74
<meta name="select:Link 2 Icon" content="bookmark" title="bookmark"/>

75
<meta name="select:Link 2 Icon" content="bell" title="bell"/>

76
<meta name="select:Link 2 Icon" content="calendar" title="calendar"/>

77
<meta name="select:Link 2 Icon" content="edit-2" title="pen"/>

78
<meta name="select:Link 2 Icon" content="flag" title="flag"/>

79
<meta name="select:Link 2 Icon" content="folder" title="folder"/>

80
<meta name="select:Link 2 Icon" content="heart" title="heart"/>

81
<meta name="select:Link 2 Icon" content="headphones" title="headphones"/>

82
<meta name="select:Link 2 Icon" content="grid" title="grid"/>

83
<meta name="select:Link 2 Icon" content="home" title="home"/>

84
<meta name="select:Link 2 Icon" content="list" title="list"/>

85
<meta name="select:Link 2 Icon" content="menu" title="menu"/>

86
<meta name="select:Link 2 Icon" content="map-pin" title="map-pin"/>

87
<meta name="select:Link 2 Icon" content="music" title="music note"/>

88
<meta name="select:Link 2 Icon" content="navigation" title="nav arrow"/>

89
<meta name="select:Link 2 Icon" content="tag" title="tag"/>

90
<meta name="select:Link 2 Icon" content="trash-2" title="trash"/>

91
92
<meta name="select:Link 3 Icon" content="instagram" title="instagram"/>

93
<meta name="select:Link 3 Icon" content="twitter" title="twitter"/>

94
<meta name="select:Link 3 Icon" content="facebook" title="facebook"/>

95
<meta name="select:Link 3 Icon" content="link-2" title="link"/>

96
<meta name="select:Link 3 Icon" content="star" title="star"/>

97
<meta name="select:Link 3 Icon" content="clock" title="clock"/>

98
<meta name="select:Link 3 Icon" content="book-open" title="book"/>

99
<meta name="select:Link 3 Icon" content="bookmark" title="bookmark"/>

100
<meta name="select:Link 3 Icon" content="bell" title="bell"/>

101
<meta name="select:Link 3 Icon" content="calendar" title="calendar"/>

102
<meta name="select:Link 3 Icon" content="edit-2" title="pen"/>

103
<meta name="select:Link 3 Icon" content="flag" title="flag"/>

104
<meta name="select:Link 3 Icon" content="folder" title="folder"/>

105
<meta name="select:Link 3 Icon" content="heart" title="heart"/>

106
<meta name="select:Link 3 Icon" content="headphones" title="headphones"/>

107
<meta name="select:Link 3 Icon" content="grid" title="grid"/>

108
<meta name="select:Link 3 Icon" content="home" title="home"/>

109
<meta name="select:Link 3 Icon" content="list" title="list"/>

110
<meta name="select:Link 3 Icon" content="menu" title="menu"/>

111
<meta name="select:Link 3 Icon" content="map-pin" title="map-pin"/>

112
<meta name="select:Link 3 Icon" content="music" title="music note"/>

113
<meta name="select:Link 3 Icon" content="navigation" title="nav arrow"/>

114
<meta name="select:Link 3 Icon" content="tag" title="tag"/>

115
<meta name="select:Link 3 Icon" content="trash-2" title="trash"/>

116
117
<meta name="if:Infinite Scroll" content="0"/>

118
<meta name="if:Hide Tags" content="1"/>

119
<meta name="if:Hide Captions" content="0"/>

120
121
<meta name="if:Blogs Box" content="1"/>

122
<meta name="text:Blogs Box Title" content="Blogs"/>

123
<meta name="text:Links Box Title" content="Elsewhere"/>

124
125
<meta name="text:Blog 1 Title" content=""/>

126
<meta name="text:Blog 1 URL" content=""/>

127
<meta name="text:Blog 1 Subtitle" content=""/>

128
<meta name="image:Blog 1" content=""/>

129
<meta name="text:Blog 2 Title" content=""/>

130
<meta name="text:Blog 2 URL" content=""/>

131
<meta name="text:Blog 2 Subtitle" content=""/>

132
<meta name="image:Blog 2" content=""/>

133
<meta name="text:Blog 3 Title" content=""/>

134
<meta name="text:Blog 3 URL" content=""/>

135
<meta name="text:Blog 3 Subtitle" content=""/>

136
<meta name="image:Blog 3" content=""/>

137
138
<meta name="text:Home Title" content="Index"/>

139
<meta name="text:Ask Title" content="Message"/>

140
<meta name="text:Profile Title" content="Profile"/>

141
<meta name="text:Profile URL" content=""/>

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

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

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

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

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

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

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

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

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

152
153
<meta name="image:Icon" content=""/>

154
155
<!--CSS customization here. -->

156
157
<script src="//use.edgefonts.net/muli:n4,i4.js"></script>

158
159
<link href="//static.tumblr.com/sas2ex2/HFinqriui/photoset.css" rel="stylesheet" type="text/css">

160
161
<link rel="stylesheet" type="text/css" href="https://static.tumblr.com/sas2ex2/rnmphhpxl/slick.css"/>

162
 

163
<style type="text/css">

164
165
/*tumblr controls and lightbox*/

166
167
.tmblr-lightbox {background:rgba({RGBcolor:posts}, .95)!important;}

168
 

169
.tmblr-lightbox img {opacity:0;}

170
 

171
.lightbox-caption {

172
    color:{color:title}!important;

173
    font-family:inherit!important;

174
    font-size:1em!important;

175
    font-weight:normal!important;

176
    text-shadow:none!important;

177
}

178
 

179
.lightbox-image {

180
    -moz-box-shadow:none!important;

181
    -webkit-box-shadow:none!important;

182
    box-shadow:none!important;

183
    -moz-border-radius:0px!important;

184
    -webkit-border-radius:0px!important;

185
    border-radius:0px!important;

186
    padding:0px!important;

187
    opacity:1!important;

188
}

189
 

190
.vignette {opacity:0!Important;}

191
192
.cc svg {

193
    display:block;

194
    width:12px;

195
    height:auto;

196
    overflow:visible;

197
}

198
199
.cc svg path {fill:{color:text};}

200
201
.cc {

202
    z-index:15;

203
    position:fixed;

204
    top:15px;

205
    right:15px;

206
}

207
208
iframe.tmblr-iframe {

209
    z-index:999;

210
    right:-10px;

211
    opacity:0;

212
    position:fixed;

213
    width:0;

214
    padding-right:60px;

215
    filter:contrast(150%) invert(100%);

216
    -webkit-filter:contrast(150%) invert(100%);

217
    transform:scale(0.6);

218
    -webkit-transform:scale(0.6);

219
    transform-origin:100% 0;

220
    -webkit-transform-origin:100% 0;     

221
}  

222
223
#tumblr_controls:hover, .tmblr-iframe:hover {opacity:.5!important;}

224
225
/*tooltip*/

226
227
.ui-tooltip {  

228
    position:Absolute;

229
    z-index:9999;

230
    padding-top:10px;

231
}

232
233
.ui-tooltip-content { 

234
    border-radius:3px;

235
    -webkit-border-radius:3px;

236
    padding:0 5px 0.25em 5px;

237
    font-weight:500;

238
    font-size:.9em;

239
    background:{color:posts};

240
    color:{color:link hover};

241
    text-transform:lowercase;

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

243
}

244
245
/*scrollbar*/

246
247
::-webkit-scrollbar {

248
    width:12px;

249
    height:12px;

250
    background-color:transparent;

251
}

252
 

253
::-webkit-scrollbar-thumb {

254
    background-clip:padding-box;

255
    border-radius:6px;

256
    background-color:{color:scrollbar};

257
    border:3px solid transparent;

258
}

259
260
/*general*/

261
262
body {

263
    background:{color:background};

264
    color:{color:text};

265
    font:12px/1.5em muli, helvetica, arial, sans-serif;

266
    letter-spacing:.5px;

267
    word-wrap:break-word;    

268
    text-align:left;

269
    overflow-x:hidden;

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

271
    -webkit-font-smoothing:antialiased;

272
    font-smoothing:antialiased;          

273
    margin:0;

274
}

275
276
a {

277
    color:{color:text};

278
    text-decoration:none;

279
}    

280
281
.permalink a, .source a {color:{color:link};}

282
283
a, svg, .rr, .tmblr-iframe, .cle:before, .ttt span:before, .action {

284
    transition:all .5s ease-in-out;    

285
    -webkit-transition:all .5s ease-in-out;

286
    -o-transition:all .5s ease-in-out;

287
    -moz-transition:all .5s ease-in-out;    

288
}

289
 

290
a, a img {cursor:pointer;}

291
292
.comment a:not(.user) {color:{color:link};}

293
 

294
a:hover {

295
    color:{color:link hover}!important;

296
    text-decoration:none;

297
}

298
299
a svg:hover {color:{color:link hover};}

300
 

301
img {

302
    opacity:1;

303
    border:0;

304
    text-decoration:none;

305
    max-width:100%;

306
    height:auto;

307
    display:block;

308
}

309
 

310
blockquote {

311
    padding:.25em 0 .25em 15px;

312
    margin:.5em 0;

313
    border-left:2px solid {color:text borders};

314
}

315
 

316
pre {

317
    padding:0;

318
    margin:0;

319
    line-height:inherit!important;

320
    background:transparent;

321
    font-family:consolas!Important;

322
    font-size:inherit!important;

323
    white-space:pre-wrap;

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

325
    white-space:-pre-wrap;

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

327
    word-wrap:break-word;

328
}

329
 

330
p {margin:1em 0;}

331
 

332
p:first-of-type {margin-top:0;}

333
 

334
p:last-of-type {margin-bottom:0;}

335
 

336
b, strong, b a, strong a {

337
    font-weight:500;

338
    color:{color:title};

339
}

340
 

341
ol, ul {

342
    text-align:left;

343
    padding-left:20px;

344
}

345
 

346
li {

347
    position:relative;

348
    padding:0 0 5px 10px;

349
    margin:0;

350
}

351
 

352
.chat li {margin:0;}

353
 

354
small, big, sub, pre {

355
    font-size:1em!important;

356
    line-height:1.4em!important;

357
    vertical-align:baseline!important;

358
}

359
 

360
h1, h2, h3, h4 {

361
    margin:1.5em 0;

362
    font-size:1em;

363
    padding:0;

364
    font-weight:600;

365
    color:{color:title};

366
    font-weight:normal;

367
}

368
 

369
.comment h1:first-child, .comment h2:first-child, .comment h3:first-child, .comment h4:first-child {margin-top:0;}

370
 

371
hr {

372
    border:none;

373
    box-shadow:0;

374
    margin:2em auto;

375
    width:30%;

376
    background:linear-gradient(to left, #fd5949 0%,#d6249f 60%,#285aeb 90%);    

377
    border:0;

378
    height:1px;

379
}

380
381
.comment h1, .comment h2, .comment h3, .comment h4 {

382
    text-align:left;

383
    font-size:inherit!important;

384
    font-family:inherit!important;

385
}

386
 

387
section, footer {

388
    -webkit-animation-name: fade-in;

389
    -webkit-animation-duration: 1.5s;    

390
}

391
392
/*nav*/

393
394
nav {

395
    position:fixed;

396
    background:{color:posts};

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

398
    top:0;

399
    text-align:right;    

400
    left:0;

401
    width:850px;

402
    z-index:12;   

403
    padding:25px calc(50% - 850px / 2);

404
    display:-webkit-flex;

405
    display:flex;        

406
}

407
408
.ttt {

409
    float:left;

410
    text-align:left;

411
    font-size:1.3em;

412
    line-height:1.3em;

413
    display:block;

414
    font-weight:500;

415
    padding-left:18px;

416
    -webkit-flex-grow:1;

417
    flex-grow:1;

418
    -webkit-flex-shrink:1;

419
    flex-shrink:1;    

420
    border-left:2px solid {color:borders};

421
    color:{color:blog title};

422
}

423
424
.ttt:hover {color:{color:blog title}!important;}

425
426
.ttt span {

427
    position:relative;

428
    display:inline-block;

429
}

430
431
.ttt span:before {

432
    content:attr(btit);

433
    position:absolute;

434
    left:0px;

435
    white-space:nowrap;

436
    width:0;

437
    z-index:2;

438
    background:linear-gradient(to left, #fd5949 0%,#d6249f 60%,#285aeb 90%);    

439
    -webkit-background-clip: text;

440
    -webkit-text-fill-color: transparent;    

441
}

442
443
nav:hover .ttt span:before {width:100%;}

444
445
nav a {display:inline-block;}

446
447
.bleh {

448
    width:300px;

449
    display:-webkit-flex;

450
    display:flex;    

451
}

452
453
.bleh svg {

454
    height:20px;

455
    fill:none;

456
    display:inline-block;

457
    color:{color:blog title};

458
    margin-left:20px;

459
}

460
461
.search-form {

462
    border:none;

463
    -webkit-flex-grow:1;

464
    flex-grow:1;

465
    -webkit-flex-shrink:1;

466
    flex-shrink:1;

467
    height:20px;

468
    padding-right:5px;

469
    vertical-align:top;

470
    display:inline-block;

471
}

472
473
.search-form input {

474
    border:0;  

475
    margin-top:-2px;

476
    width:calc(100% - 30px);

477
    padding:2px 15px;

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

479
    text-transform:lowercase;    

480
    color:{color:blog title};

481
    background:{color:background};

482
    font:500 .8em/20px muli, sans-serif;

483
    letter-spacing:.5px;

484
    display:block;

485
    outline:none;  

486
    height:20px;

487
    text-align:left;

488
    border-radius:3px;

489
    -webkit-border-radius:3px; 

490
    transition:all .3s linear;    

491
    -webkit-transition:all .3s linear;

492
    -o-transition:all .3s linear;

493
    -moz-transition:all .3s linear;      

494
}

495
 

496
.search-form input[type=text] {

497
    color:{color:blog title};

498
    -webkit-appearance:textfield;

499
}

500
 

501
input::-webkit-input-placeholder {

502
    color:{color:blog title};

503
    transition:all .3s linear;    

504
    -webkit-transition:all .3s linear;

505
    -o-transition:all .3s linear;

506
    -moz-transition:all .3s linear;       

507
}

508
 

509
input::-moz-placeholder {

510
    color:{color:blog title};

511
    transition:all .3s linear;    

512
    -webkit-transition:all .3s linear;

513
    -o-transition:all .3s linear;

514
    -moz-transition:all .3s linear;       

515
}

516
 

517
input:-ms-input-placeholder {

518
    color:{color:blog title};

519
    transition:all .3s linear;    

520
    -webkit-transition:all .3s linear;

521
    -o-transition:all .3s linear;

522
    -moz-transition:all .3s linear;       

523
}

524
525
.search-form input[type=text]:focus {color:{color:link hover};}

526
 

527
input:focus::-webkit-input-placeholder {color:{color:link hover};}

528
 

529
input:focus::-moz-placeholder {color:{color:link hover};}

530
531
.search-form input:focus {outline:none;}

532
 

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

534
535
.search-form input:focus {

536
    outline:none;

537
    border-color:{color:link hover};

538
}

539
540
/*aside*/

541
542
aside {

543
    display:inline-block;

544
    width:300px;

545
    float:right;

546
    margin:0 0 80px 50px;

547
}

548
549
aside .cle {

550
    overflow:hidden;

551
    display:inline-block;

552
    background:{color:posts};

553
    padding:3px;

554
    position:relative;

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

556
    margin-right:15px;    

557
}

558
559
aside .cle, aside img, .cle:before {

560
    -moz-border-radius:100%;

561
    -webkit-border-radius:100%;

562
    border-radius:100%;       

563
}

564
565
.cle, aside img {

566
    width:60px;

567
    height:60px;    

568
}

569
570
aside img {

571
    z-index:2;

572
    position:relative;

573
}

574
575
.cle:before {

576
    background:radial-gradient(circle at 30% 107%, #fd5949 0%,#d6249f 60%,#285AEB 90%); 

577
    content:'';

578
    z-index:0;

579
    opacity:0;

580
    height:100%;

581
    width:50%;

582
    position:absolute;

583
    top:0;

584
    right:0;

585
}

586
587
.cle:hover::before {

588
    opacity:1;

589
    width:100%;

590
}

591
592
.tai {

593
    color:{color:blog title};   

594
    display:block;

595
    line-height:1em;

596
    font-weight:600;

597
}

598
599
aside .cli {

600
    {block:ifIconImage}

601
    display:inline-block;

602
    vertical-align:top;

603
    margin-top:20px;

604
    width:calc(100% - 85px);

605
    {/block:ifIconImage}    

606
}

607
608
aside .cli > div {

609
    font-size:.9em;

610
    margin-top:.25em;

611
    line-height:1.25em;

612
    color:rgba({RGBcolor:text},.7);

613
}

614
615
.nop { 

616
    padding:15px;

617
    background:{color:posts};

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

619
    border-radius:3px;

620
    margin-top:15px;

621
    -webkit-border-radius:3px;

622
    clear:both;

623
}

624
625
aside > div:nth-of-type(2) {margin-top:20px;}

626
627
.nop a {

628
    display:block;

629
    font-weight:500;

630
    position:relative;

631
    line-height:1em;

632
    margin:0 0 5px 0px;

633
    vertical-align:middle;     

634
    clear:both;

635
    color:{color:title};

636
}

637
638
.nop a:last-of-type {margin-bottom:0px;}

639
640
.nop img, .nop a .im {

641
    width:28px;

642
    height:28px;

643
    vertical-align:middle; 

644
    display:inline-block;    

645
}

646
647
.nop img {border:2px solid {color:posts};}

648
649
.nop svg {

650
    position:relative;

651
    color:{color:link hover};

652
    z-index:3;

653
    height:18px;

654
    box-sizing:content-box;    

655
    width:18px;

656
    padding:5px;

657
    display:block;

658
    overflow:auto!important;

659
    stroke-width:2;

660
}

661
662
.nop a.twitter svg {

663
    fill:#00aced;

664
    color:#00aced;

665
}

666
667
.nop a.facebook svg {

668
    fill:#4267B2;

669
    color:#4267B2;

670
}

671
672
.nop a.instagram svg {

673
    background:transparent;

674
    color:{color:posts};

675
    border:0;

676
}

677
678
.nop a.instagram .im span {background:transparent!important;}

679
680
.nop a.instagram .im {background:radial-gradient(circle at 30% 107%, #fd5949 0%,#d6249f 60%,#285AEB 90%);}

681
682
.nop a .im {

683
    margin:0 15px 5px 0;

684
    display:inline-block;

685
    padding:4px;

686
    vertical-align:middle;

687
    position:relative;

688
}

689
690
.nop a .im, .nop a .im:before {

691
    border-radius:50%;

692
    -webkit-border-radius:50%;    

693
}

694
695
aside > .first .im:before {

696
    background:radial-gradient(circle at 30% 107%, #fd5949 0%,#d6249f 60%,#285AEB 90%); 

697
    content:'';

698
    height:100%;

699
    width:100%;

700
    z-index:1;

701
    position:absolute;

702
    top:2px;

703
    right:-2px;    

704
}

705
706
aside > .second .im {

707
    background:radial-gradient(circle at 30% 107%, #fd5949 0%,#d6249f 60%,#285AEB 90%); 

708
    border-radius:50%;

709
    -webkit-border-radius:50%;    

710
    z-index:2;

711
}

712
713
aside > .second .im:before {z-index:-1!important;}

714
715
.im > span {

716
    border-radius:50%;

717
    -webkit-border-radius:50%;

718
    background:{color:posts};    

719
    height:calc(100% - 4px);

720
    width:calc(100% - 4px);

721
    position:absolute;

722
    top:2px;

723
    right:2px;    

724
    z-index:-1;

725
}

726
727
.nop > span {

728
    display:block;

729
    margin-bottom:15px;

730
    font-weight:600;

731
}

732
733
.nop > span, .nop i {color:rgba({RGBcolor:text},.7);}

734
735
.nop i {

736
    font-size:.85em;

737
    font-style:normal;

738
    display:block;

739
}

740
741
.rest {

742
    margin-top:-3px;

743
    display:inline-block;

744
    vertical-align:middle;    

745
}    

746
747
.tts {

748
    font-size:.9em;

749
    text-transform:lowercase;

750
    margin-top:10px;

751
}

752
753
.tts a {color:rgba({RGBcolor:text},.7);}

754
755
.tts a:after {content:'	• ';}

756
757
.tts a:hover:after {color:rgba({RGBcolor:text},.7)!important;}

758
759
.tts a:last-of-type:after {display:none;}

760
761
/*pagination*/

762
763
footer {

764
{block:ifinfinitescroll}

765
    display:none;

766
{/block:ifinfinitescroll} 

767
    width:500px;

768
    margin:50px 0 100px 0;

769
    text-align:right;  

770
    position:relative;

771
}

772
773
footer:before {

774
    content:'';

775
    position:absolute;

776
    width:100%;

777
    height:1px;

778
    left:0;

779
    top:50%;

780
    background:{color:borders};

781
    z-index:-1;

782
}

783
784
{block:ifinfinitescroll}

785
#pagination {display:none;}

786
{/block:ifinfinitescroll}

787
788
footer a {

789
    display:inline-block;

790
    width:50%;

791
    font-weight:500;

792
}

793
794
footer a svg {

795
    height:1.25em;

796
    width:1.25em;

797
    display:inline-block;

798
    vertical-align:top;

799
}

800
801
footer a > span:first-of-type {

802
    display:inline-block;

803
    background:{color:background};    

804
}

805
806
footer a > span > span {

807
    padding:2px;

808
    height:1.25em;

809
    width:1.25em;    

810
    display:inline-block;

811
    vertical-align:middle;

812
    color:{color:link hover};

813
    border:1px solid {color:link hover};

814
    border-radius:100%;

815
    webkit-border-radius:100%;

816
}

817
818
#infscr-loading {display:none!important;}

819
820
.footerp {text-align:left;}

821
822
.footerp > span {padding-right:15px;}

823
824
.footerp > span > span {margin-right:10px;}

825
826
.footern > span {padding-left:15px;}

827
828
.footern > span > span {margin-left:10px;}

829
830
#pagination .footerp:last-child {margin-right:50%;}

831
832
.nice {

833
    position:fixed;

834
    right:15px;

835
    bottom:15px;

836
    font-size:8px;

837
}

838
839
/*posts*/

840
841
section {

842
    margin:150px auto 100px auto;

843
    width:850px;

844
}

845
846
article {

847
    position:relative;

848
    vertical-align:top;

849
    overflow:hidden;

850
    margin-bottom:50px;

851
    width:500px;

852
    opacity:0;

853
    z-index:-1;

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

855
    box-sizing:border-box;

856
    -webkit-box-sizing:border-box;

857
    border-radius:3px;

858
    -webkit-border-radius:3px;

859
    background:{color:posts};

860
}

861
862
article:not(.lined) .ph {display:none;}

863
864
article:not(.lined) .spp {display:none;}

865
866
.ph {

867
    position:relative;

868
}

869
870
.fade {

871
    position:relative;

872
    z-index:3!important;    

873
}

874
875
.slick-slide img {width:100%;}

876
877
.slick-dots {

878
    z-index:3;

879
    position:absolute;

880
    left:50%;

881
    margin:0;

882
    padding:0;

883
    bottom:-28px;

884
    transform:translatex(-50%);

885
    -webkit-transform:translatex(-50%);

886
    -moz-transform:translatex(-50%);

887
}

888
889
.slick-dots li:before {display:none;}

890
891
.slick-dots li {

892
    display:inline-block;

893
    margin:0 2.5px;

894
    padding:0;

895
}

896
897
.slick-dots li button {

898
    font-size:0;

899
    line-height:0;

900
    background:#dbdbdb;    

901
    display:block;

902
    width:6px;

903
    height:6px;

904
    padding:0;

905
    margin:0;

906
    position:relative;

907
    cursor:pointer;

908
    border:0;

909
    outline:none;

910
    border-radius:50%;

911
    -webkit-border-radius:50%;    

912
}

913
914
.slick-dots li button:before {

915
    position:absolute;

916
    top:0;

917
    left:0;

918
    content:'';

919
    border-radius:50%;

920
    z-index:2;

921
    -webkit-border-radius:50%;

922
    height:6px;

923
    -webkit-transition:all .2s ease-in-out;

924
    transition:all .2s ease-in-out;

925
    width:6px;

926
    background:#dbdbdb;

927
}

928
929
.slick-dots li.slick-active button:before {background:#3897f0;}

930
931
.slick-arrow {

932
    cursor:pointer;

933
    position:absolute;

934
    top:calc(50% - 8px - 8px);

935
    background:rgba({RGBcolor:posts},.5);

936
    padding:5px;

937
    height:14px;

938
    width:14px;

939
    border-radius:100%;

940
    -webkit-border-radius:100%;

941
    z-index:2!Important;

942
}

943
944
.slick-arrow:hover {background:{color:posts};}

945
946
.slick-arrow svg {height:14px;width:14px;}

947
948
.next {right:5px;}

949
950
.prev {left:5px;}

951
 

952
.k {

953
    width:500px;

954
    display:block;

955
}

956
957
.k img {width:500px;}

958
959
.video {margin-bottom:2px;}

960
 

961
.video * {

962
    display:block;

963
    min-width:100%;

964
}

965
 

966
.tmblr-truncated-link {

967
    display:inline-block;

968
    font-weight:500;

969
    color:{color:title};

970
    text-transform:lowercase;    

971
}   

972
973
@media screen and (max-width:850px) {

974
    section {width:calc(100vw - 30px);}

975
    article, aside, footer {width:calc(100vw - 30px);}

976
    .k, .k img, .sphoto img {width:calc(100vw - 32px);}

977
    aside {

978
        display:block;

979
        text-align:center;

980
    }

981
    aside .cle {margin:0;}

982
    aside .cle, aside img {

983
        width:80px;

984
        height:80px;

985
    }

986
    aside .nop, aside .tts {display:none;}

987
    aside > div {

988
        width:100%;

989
        font-size:1.25em;

990
        padding-top:10px;

991
    }    

992
    nav {

993
        width:calc(100vw - 30px);

994
        padding:25px 15px;

995
    }    

996
}

997
998
@media screen and (max-width:600px) {

999
    nav {

1000
        -webkit-flex-direction:column;

1001
        flex-direction:column;

1002
    }

1003
    .bleh {width:100%;}

1004
    .ttt {

1005
        margin-bottom:15px;

1006
        float:none;

1007
        text-align:center!important;

1008
        padding-left:0;

1009
        border:0;

1010
    }

1011
    .ttt span:before {

1012
        left:0;

1013
        width:100%;

1014
    }

1015
    .bleh > a {

1016
        display:inline-block;

1017
    }

1018
} 

1019
 

1020
/*titles*/

1021
1022
.title {

1023
    color:{color:title};

1024
    font-size:1.2em;

1025
    padding:20px;

1026
    line-height:1.4em;

1027
    font-weight:500;

1028
}

1029
1030
.title svg {

1031
    margin-right:15px;

1032
    padding-bottom:3px;

1033
    display:inline-block;

1034
    vertical-align:middle;

1035
    height:1.2em;

1036
}

1037
1038
article > .title:first-child {

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

1040
    padding:20px 0 15px 0;

1041
    margin:0 20px 15px 20px;

1042
}

1043
1044
.title a {color:{color:title};}

1045
1046
.title a:hover {color:{color:link hover};}

1047
1048
.quote .title {padding:0;}

1049
1050
.quote {

1051
    font-weight:normal;

1052
    color:{color:text};

1053
    margin:20px 20px 20px 50px;

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

1055
    padding:0 0 0 20px;

1056
}

1057
1058
.quote:before {

1059
    content:'\201F';

1060
    font-size:2.5em;

1061
    left:22px;

1062
    top:25px;

1063
    position:absolute;

1064
}

1065
   

1066
.source {margin-top:5px;}

1067
1068
/*captions*/

1069
1070
.comment {

1071
    padding:5px 20px;

1072
    margin:0;

1073
	overflow:hidden;

1074
    list-style:none;

1075
}    

1076
1077
article:not(.timed) .comment:last-of-type {padding-bottom:20px;}

1078
1079
article .comment:first-of-type {padding-top:20px;}

1080
1081
.space .comment:first-of-type {padding-top:10px;}

1082
1083
.space .special {display:none;}

1084
1085
{block:ifhidetags}{block:indexpage}

1086
.special, .tags {display:none;}

1087
.lined .spp .tags {display:none;}

1088
{/block:indexpage}{/block:ifhidetags}

1089
1090
.lined:not(.space):not(.pho) .foot .tags {display:none;}

1091
1092
.lined:not(.space) .ph .special {display:none;}

1093
1094
{block:ifhidecaptions}{block:indexpage}

1095
.captions {display:none;}

1096
{/block:indexpage}{/block:ifhidecaptions}

1097
1098
.lined .foot {margin-top:5px;}

1099
1100
.ted:first-of-type {padding-top:0px!important;}

1101
1102
.user {

1103
    display:inline-block;

1104
    margin-right:.5em;

1105
    font-weight:500;

1106
    float:left;

1107
}

1108
1109
.user a, .user {color:{color:title};}

1110
1111
.comment > blockquote {clear:both;}

1112
1113
.re .comment > blockquote:nth-child(2) {

1114
    border:0;

1115
    margin:0;

1116
    padding:0;

1117
    clear:none;

1118
}

1119
1120
.comment > ol:nth-child(2), .comment > ul:nth-child(2) {

1121
    clear:both;

1122
    padding-top:15px;

1123
}

1124
1125
.comment .tmblr-full {

1126
    padding:1em 0;

1127
    clear:both;

1128
}

1129
1130
/*asks*/

1131
1132
.as {

1133
    display:block;

1134
    font-weight:500;

1135
    color:{color:title};

1136
    text-transform:lowercase;

1137
}

1138
1139
.q {

1140
    padding:20px 0;

1141
    margin:0 20px;

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

1143
}    

1144
1145
/*chats*/

1146
1147
.chat {

1148
    margin:0;    

1149
    padding:0;

1150
    list-style:none;

1151
}

1152
1153
.l {

1154
    padding:0 20px;

1155
    margin-bottom:10px!important;

1156
}

1157
1158
article .l:first-of-type {padding-top:20px;}

1159
1160
article .l:last-of-type {margin-bottom:0px;}

1161
1162
.label {

1163
    font-weight:500;

1164
    color:{color:title};

1165
    display:inline-block;

1166
    text-transform:lowercase;

1167
}

1168
1169
/*audio*/

1170
1171
1172
.hold {

1173
    background:linear-gradient(to left, #fd5949 0%,#d6249f 60%,#285aeb 90%);      

1174
    position:relative;

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

1176
    display:block;

1177
    margin-bottom:10px;

1178
    min-height:33px;

1179
    padding:1px;    

1180
    color:rgba({RGBcolor:text},.7);    

1181
}

1182
1183
.player {

1184
    width:29px;

1185
    height:29px;

1186
    margin:.75em;

1187
    overflow:hidden;

1188
    vertical-align:top;

1189
    display:inline-block;

1190
    border:2px solid transparent;

1191
    z-index:3;

1192
    position:absolute;

1193
}

1194
1195
.mm {

1196
    top:1px;

1197
    position:absolute;

1198
    left:1px;

1199
    width:calc(1.5em + 30px);

1200
    height:calc(1.5em + 30px); 

1201
    display:block;

1202
    z-index:1;

1203
    background:{color:posts};  

1204
    -webkit-border-top-left-radius:3px;

1205
    border-top-left-radius:3px;   

1206
    -webkit-border-bottom-left-radius:3px;

1207
    border-bottom-left-radius:3px;       

1208
}

1209
1210
.audio_player {margin:-2px 0 0 -3px;}

1211
1212
.tumblr_audio_player {

1213
    width:33px!important; 

1214
    height:27px!important; 

1215
}

1216
1217
.audio_info {

1218
    display:inline-block;

1219
    vertical-align:top;

1220
    padding:15px;

1221
    line-height:1.5em;

1222
    background:white;

1223
    border-radius:3px;

1224
    -webkit-border-radius:3px;

1225
    width:calc(100% - 30px - 1.5em - 30px);   

1226
    margin-left:calc(30px + 1.5em);

1227
    -webkit-border-top-left-radius:0px;

1228
    border-top-left-radius:0px;   

1229
    -webkit-border-bottom-left-radius:0px;

1230
    border-bottom-left-radius:0px;     

1231
}

1232
1233
.audio_info > span {

1234
    white-space:nowrap;

1235
    overflow:hidden;

1236
    text-overflow:ellipsis;    

1237
    display:block;

1238
}

1239
1240
.hold .track {

1241
    font-weight:500;

1242
    margin-right:.5em;

1243
    color:{color:title};

1244
}

1245
1246
/*permalink and notes*/

1247
1248
.when {

1249
    position:relative;

1250
    padding:15px 20px 0px 20px;

1251
    z-index:2;

1252
}

1253
1254
.lined .when {

1255
    padding:15px 0 15px 0;

1256
    margin:0 20px;

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

1258
}

1259
1260
article .when:nth-of-type(n-1) {padding-bottom:15px;}

1261
1262
.when a {

1263
    margin-right:10px;

1264
    line-height:17px;

1265
    height:17px;

1266
    color:{color:title};

1267
    position:relative;

1268
    display:inline-block;

1269
}

1270
 

1271
.when svg, .permalink svg {

1272
    height:17px;

1273
    display:inline-block;

1274
    vertical-align:top;

1275
}

1276
1277
.rr {

1278
    z-index:3;

1279
    float:right;

1280
}    

1281
 

1282
.rr a {

1283
    {block:permalinkpage}

1284
    color:{color:link hover};

1285
    {/block:permalinkpage}    

1286
    margin:0;

1287
}

1288
1289
{block:permalinkpage}.rr a svg {fill:{color:link hover};}{/block:permalinkpage}

1290
 

1291
.when svg:hover, .permalink svg:hover {

1292
    color:{color:link hover};

1293
    fill:none;

1294
}

1295
 

1296
.when .like .liked + svg {

1297
    fill:#ED4956;

1298
    color:#ED4956;

1299
}

1300
 

1301
.like_button {cursor:pointer;}

1302
 

1303
.like_button iframe {

1304
    position:absolute;

1305
    opacity:0.0000001;    

1306
    top:0;

1307
    bottom:0;

1308
    right:0;

1309
    z-index:4;

1310
}

1311
1312
.no {

1313
    display:inline-block;

1314
    margin-left:5px;

1315
    line-height:17px;

1316
    font-weight:500;

1317
    color:{color:title};

1318
}

1319
1320
.foot, .ago {padding:0px 20px;}

1321
1322
.foot .time-ago, .ago {

1323
    font-size:.8em;

1324
    text-transform:uppercase;

1325
    letter-spacing:1px;

1326
}

1327
1328
.foot a, .ago {color:rgba({RGBcolor:text},.7);}

1329
1330
article .foot:last-child {padding-bottom:20px;}

1331
1332
.permalink {

1333
    padding:15px 0;

1334
    margin:0 20px;

1335
    position:relative;

1336
}

1337
1338
.re .permalink {border-bottom:1px solid {color:borders};}

1339
1340
.tg {

1341
    float:right;

1342
    text-align:right;

1343
    margin-left:15px;

1344
}

1345
1346
.permalink svg {color:{color:title}}

1347
1348
.permalink .ago {padding:0;}

1349
1350
.pagenotes, .permalink {text-transform:lowercase;}

1351
1352
.ago {display:none;}

1353
1354
.tags a {

1355
    color:{color:link};

1356
    display:inline;

1357
    margin-right:5px;

1358
}

1359
1360
ol.notes {

1361
    margin:0;    

1362
    list-style-type:none; 

1363
    padding:0 20px 20px 20px;

1364
}

1365
1366
ol.notes li.note a:first-of-type {

1367
    font-weight:500;

1368
    color:{color:title};

1369
}    

1370
1371
ol.notes li.note {padding:0 0 10px 0;}

1372
1373
ol.notes li .avatar {display:none;}

1374
1375
li.note.like {position:relative;}

1376
1377
li.note.like .action:before {

1378
    display:inline-block!important;

1379
    float:right;

1380
    margin-top:2px;

1381
    width:calc(.8em + 10px);

1382
    color:{color:text};

1383
    content:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' height='.8em' width='.8em' fill='none' stroke='{color:text}' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z' /></svg>");

1384
}

1385
1386
li.note.reblog.without_commentary .action:before {

1387
    display:inline-block!important;

1388
    float:right;

1389
    margin-top:2px;

1390
    width:calc(.8em + 10px);

1391
    color:{color:text};

1392
    content:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='.8em' height='.8em' viewBox='0 0 24 24' fill='none' stroke='{color:text}' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='1 4 1 10 7 10' /><polyline points='23 20 23 14 17 14' /><path d='M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15' /></svg>");    

1393
}

1394
1395
li.note.with_commentary .action:before, li.note.reply .action:before {

1396
    display:inline-block!important;

1397
    float:right;

1398
    margin-top:3px;

1399
    width:calc(.8em + 10px);

1400
    color:{color:text};

1401
    content:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='.8em' height='.8em' viewBox='0 0 24 24' fill='none' stroke='{color:text}' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'  /></svg>");     

1402
}

1403
1404
li.note.original_post .action:before {

1405
    display:inline-block!important;

1406
    float:right;

1407
    margin-top:3px;

1408
    width:calc(.8em + 10px);

1409
    color:{color:text};    

1410
    content:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='.8em' height='.8em' viewBox='0 0 24 24' fill='none' stroke='{color:text}' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/><circle cx='12' cy='7' r='4' /></svg>")!important;

1411
}

1412
1413
.reblog blockquote * {color:{color:link}!important;}

1414
1415
ol.notes li.note:last-of-type {padding-bottom:0;}

1416
1417
.more_notes_link, .notes_loading {

1418
    color:{color:link}!important;

1419
    display:block;

1420
    font-weight:600!important;

1421
    text-align:left!important;

1422
}

1423
1424
{customCss}

1425
1426
</style>

1427
1428
</head>

1429
1430
<body>

1431
1432
<div class="cc"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px"viewBox="0 0 438.317 438.317" style="enable-background:new 0 0 438.317 438.317;" xml:space="preserve"><g><g><path d="M31.167,266.192l20.4,9.35c8.5,3.967,12.467,13.6,9.35,22.383l-7.933,20.967c-5.95,16.15-3.967,33.433,5.95,47.317c9.633,14.167,25.5,22.383,42.5,22.383c6.233,0,12.467-1.133,18.417-3.4l20.967-7.933c1.983-0.85,3.967-1.133,6.233-1.133c6.8,0,13.317,3.967,16.15,10.483l9.35,20.4c8.5,18.7,26.633,30.317,47.033,30.317s38.533-11.617,47.033-30.317l9.35-20.4c2.833-6.233,9.067-10.483,16.15-10.483c1.983,0,4.25,0.283,6.233,1.133l20.967,8.217c5.95,2.267,12.183,3.683,18.417,3.683l0,0c16.717,0,32.583-8.783,42.5-22.667c9.633-14.167,11.9-31.45,5.95-47.6l-7.933-20.967c-3.117-8.783,0.85-18.417,9.35-22.383l20.4-9.35c18.7-8.5,30.317-26.633,30.317-47.033S426.7,180.625,408,172.125l-20.4-9.35c-8.5-3.967-12.467-13.6-9.35-22.383l7.933-20.967c5.95-16.15,3.967-33.433-5.95-47.317c-9.633-14.167-25.5-22.383-42.5-22.383c-6.233,0-12.467,1.133-18.417,3.4l-20.967,7.933c-1.983,0.85-3.967,1.133-6.233,1.133c-6.8,0-13.317-3.967-16.15-10.483l-9.35-20.4c-8.5-18.7-26.633-30.317-47.033-30.317s-39.383,11.9-47.883,30.6l-9.35,20.4c-2.833,6.233-9.067,10.483-16.15,10.483c-1.983,0-4.25-0.283-6.233-1.133L119,53.408c-5.95-2.267-12.183-3.4-18.417-3.4c-16.717,0-32.583,8.5-42.5,22.383c-9.633,14.167-11.9,31.45-5.95,47.317l7.933,20.967c3.117,8.783-0.85,18.417-9.35,22.383l-20.4,9.35C11.617,180.908,0,199.042,0,219.442S12.467,257.692,31.167,266.192z M45.05,203.008l20.4-9.35c24.65-11.333,36.55-39.95,26.917-65.167l-7.933-20.967c-2.833-7.65,0-13.317,1.983-16.15c4.533-6.8,13.033-9.633,20.967-6.517l20.967,7.933c5.95,2.267,11.9,3.4,18.133,3.4l0,0c20.117,0,38.533-11.9,47.033-30.317l9.35-20.4c4.25-9.633,13.317-10.483,16.15-10.483c2.833,0,11.617,0.85,16.15,10.483l9.35,20.4c8.5,18.417,26.917,30.317,47.033,30.317c6.233,0,12.183-1.133,18.133-3.4l20.967-7.933c7.933-2.833,16.15,0,20.967,6.517c1.983,2.833,4.817,8.5,1.983,16.15l-7.933,20.967c-9.35,25.217,2.267,53.833,26.917,65.167l20.4,9.35c9.633,4.25,10.483,13.317,10.483,16.15c0,2.833-0.85,11.617-10.483,16.15l-20.4,9.35c-24.65,11.333-36.55,39.95-26.917,65.167l7.933,20.967c2.833,7.65,0,13.317-1.983,16.15c-4.533,6.8-13.033,9.633-20.967,6.517l-20.967-7.933c-5.95-2.267-11.9-3.4-18.133-3.4c-20.117,0-38.533,11.9-47.033,30.317l-9.35,20.4c-4.25,9.633-13.317,10.483-16.15,10.483c-2.833,0-11.617-0.85-16.15-10.483l-9.35-20.4c-8.5-18.417-26.917-30.317-47.033-30.317c-6.233,0-12.183,1.133-18.133,3.4l-20.967,7.933c-7.933,2.833-16.15,0-20.967-6.517c-1.983-2.833-4.817-8.5-1.983-16.15l7.933-20.967c9.35-25.217-2.267-53.833-26.917-65.167l-20.4-9.35c-9.633-4.25-10.483-13.317-10.483-16.15C34.567,216.325,35.417,207.542,45.05,203.008z"/><path d="M218.733,292.825c40.517,0,73.667-33.15,73.667-73.667s-33.15-73.667-73.667-73.667s-73.667,33.15-73.667,73.667S177.933,292.825,218.733,292.825z M218.733,179.492c21.817,0,39.667,17.85,39.667,39.667s-17.85,39.667-39.667,39.667s-39.667-17.85-39.667-39.667S196.917,179.492,218.733,179.492z"/></g></g></svg></div>

1433
1434
<nav><a class="ttt" href="/"><span btit="{title}">{title}</span></a><div class="bleh"><form action="/search" class="search-form" method="get"><input id="searchField" name="q" placeholder="Search" type="text" value="" autocomplete="off"></form>{block:ifHomeTitle}<a href="/" title="{text:Home Title}"><svg xmlns="http://www.w3.org/2000/svg"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="1.5"stroke-linecap="round"stroke-linejoin="round"><circle cx="12" cy="12" r="10" /><polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76" /></svg></a>{/block:ifHomeTitle}{block:ifAskTitle}<a href="/ask" title="{text:Ask Title}"><svg xmlns="http://www.w3.org/2000/svg"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="1.5"stroke-linecap="round"stroke-linejoin="round"><polyline points="22 12 16 12 14 15 10 15 8 12 2 12" /><path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" /></svg></a>{/block:ifAskTitle}{block:ifProfileTitle}<a href="{text:Profile URL}" title="{text:profile title}"><svg xmlns="http://www.w3.org/2000/svg"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="1.5"stroke-linecap="round"stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" /><circle cx="12" cy="7" r="4" /></svg></a>{/block:ifProfileTitle}</div></nav>

1435
1436
<section id="entries">

1437
<aside>{block:ifIconImage}<a href="/" class="cle"><img src="{image:icon}"/></a>{/block:ifIconImage}<div class="cli"><a href="/" class="tai">{name}</a><div>{description}</div></div>

1438
{block:ifBlogsBox}

1439
<div class="nop first">

1440
{block:ifBlogsBoxTitle}<span>{text:blogs box title}</span>{/block:ifBlogsBoxTitle}

1441
{block:ifBlog1Title}<a href="{text:Blog 1 URL}">{block:ifBlog1Image}<span class="im"><img src="{image:blog 1}"/></span>{/block:ifBlog1Image}<span class="rest">{text:Blog 1 Title}<i>{text:Blog 1 Subtitle}</i></span></a>{/block:ifBlog1Title}{block:ifBlog2Title}<a href="{text:Blog 2 URL}">{block:ifBlog2Image}<span  class="im"><img src="{image:Blog 2}"/></span>{/block:ifBlog2Image}<span class="rest">{text:Blog 2 Title}<i>{text:blog 2 subtitle}</i></span></a>{/block:ifBlog2Title}{block:ifBlog3Title}<a href="{text:Blog 3 URL}">{block:ifBlog3Image}<span class="im"><img src="{image:Blog 3}"/></span>{/block:ifBlog3Image}<span class="rest">{text:Blog 3 Title}<i>{text:blog 3 subtitle}</i></span></a>{/block:ifBlog3Title}</div>{/block:ifBlogsBox}

1442
1443
<div class="nop second">{block:ifLinksBoxTitle}<span>{text:Links Box Title}</span>{/block:ifLinksBoxTitle}

1444
{block:ifLink1Title}<a href="{text:Link 1 URL}" class="{select:Link 1 Icon}"><span class="im"><span></span><i data-feather="{select:Link 1 Icon}"></i></span><span class="rest">{text:Link 1 Title}<i>{text:Link 1 Subtitle}</i></span></a>{/block:ifLink1Title}

1445
{block:ifLink2Title}<a href="{text:Link 2 URL}" class="{select:Link 2 Icon}"><span class="im"><span></span><i data-feather="{select:link 2 icon}"></i></span><span class="rest">{text:Link 2 Title}<i>{text:link 2 subtitle}</i></span></a>{/block:ifLink2Title}{block:ifLink3Title}<a href="{text:Link 3 URL}" class="{select:Link 3 Icon}"><span class="im"><span></span><i data-feather="{select:link 3 icon}"></i></span><span class="rest">{text:Link 3 Title}<i>{text:link 3 subtitle}</i></span></a>{/block:ifLink3Title}

1446
</div><div class="tts">{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}<a href="/archive">archive of posts</a><a href="https://sorrism.tumblr.com">theme made by sorrism</a></div></aside> 

1447
{block:Posts}

1448
1449
<article class="{block:video}lined pho {/block:video}{block:photo}lined pho {/block:photo}{block:photoset}lined pho {/block:photoset} {block:caption}space{/block:caption} {block:date}timed{/block:date} {block:rebloggedfrom}re{/block:rebloggedfrom}" id="{PostId}">

1450
1451
{block:Quote}<div class="quote"><div class="title">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}</div>{block:Date}<div class="foot">{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}<a class="time-ago" href="{permalink}" target="_blank">{timestamp}</a></div>{/block:Date}{/block:Quote}

1452
 

1453
{block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}

1454
{block:RebloggedFrom}{block:Reblogs}<li class="comment {block:Title}ted{/block:Title}"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>{body}</li>{/block:Reblogs}{/block:RebloggedFrom}{block:NotReblog}<li class="comment {block:Title}ted{/block:Title}">{body}</li>{/block:NotReblog}{block:Date}<div class="foot">{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}<a class="time-ago" href="{permalink}" target="_blank">{timestamp}</a></div>{/block:Date}{/block:Text}

1455
 

1456
{block:Link}<div class="title"><a href="{URL}" {Target}><svg xmlns="http://www.w3.org/2000/svg"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="1.5"stroke-linecap="round"stroke-linejoin="round"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" /><polyline points="16 17 21 12 16 7" /><line x1="21" y1="12" x2="9" y2="12" /></svg>{Name}</a></div>{block:Description}{block:NotReblog}<li class="comment ted">{description}</li>{/block:NotReblog}{/block:Description}{block:RebloggedFrom}{block:Reblogs}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>{body}</li>{/block:Reblogs}{/block:RebloggedFrom}{block:Date}<div class="foot">{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}<a class="time-ago" href="{permalink}" target="_blank">{timestamp}</a></div>{/block:Date}{/block:Link}

1457
 

1458
{block:Chat}{block:Title}<div class="title">{Title}</div>{/block:Title}<ol class="chat {block:Title}ted{/block:Title}">{block:Lines}<li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ol>{block:Date}<div class="foot">{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}<a class="time-ago" href="{permalink}" target="_blank">{timestamp}</a></div>{/block:Date}{/block:Chat}

1459
 

1460
<div class="ph">

1461
{block:Photo}<a href="{permalink}" class="k"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a>{/block:Photo}

1462
 

1463
{block:Photoset}<div class="fade">{block:Photos}<div class="sphoto"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div>{/block:Photos}</div>{/block:Photoset}

1464
 

1465
{block:Video}<div class="video">{Video-500}</div>{/block:Video}

1466
1467
<div class="comment special">{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>

1468
    

1469
</div>

1470
1471
{block:Audio}{block:AudioPlayer}<div class="hold"><div class="player">{AudioPlayerWhite}</div><div class="mm"></div><div class="audio_info"><span>{block:TrackName}<span class="track">{TrackName}</span>{/block:TrackName}{block:Artist}{Artist}{/block:Artist}</span></div></div>{/block:AudioPlayer}{block:Date}<div class="foot">{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}<a class="time-ago" href="{permalink}" target="_blank">{timestamp}</a></div>{/block:Date}{/block:Audio}

1472
1473
{block:Answer}<div class="q"><div class="as user">{Asker} sent:</div>{Question}</div>{block:answerer}<li class="comment"><div class="user">{answerer} replied:</div>{answer}</li>{/block:Answerer}{block:NotReblog}<li class="comment">{replies}</li>{/block:NotReblog}{block:rebloggedfrom}{block:reblogs}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>{body}</li>{/block:Reblogs}{/block:rebloggedfrom}{block:Date}<div class="foot">{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}<a class="time-ago" href="{permalink}" target="_blank">{timestamp}</a></div>{/block:Date}{/block:Answer}

1474
1475
{block:date}<div class="when"><span class="rr"><a href="{permalink}" target="_blank" title="view post"><svg xmlns="http://www.w3.org/2000/svg"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="1.5"stroke-linecap="round"stroke-linejoin="round"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" /></svg></a></span><a class="like">{LikeButton}<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /></svg></a><a href="{ReblogURL}" target="_blank" title="reblog"><svg xmlns="http://www.w3.org/2000/svg"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="1.5"stroke-linecap="round"stroke-linejoin="round"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" /></svg></a>{block:notecount}<span class="no">{notecount}</span>{/block:notecount}</div>{/block:date}

1476
1477
{block:caption}<span class="captions">{block:Reblogs}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>{body}</li>{/block:Reblogs}{block:NotReblog}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{name}</a>{Caption}</li>{/block:NotReblog}</span>{/block:caption}

1478
1479
{block:Date}<div class="foot spp">{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}<a class="time-ago" href="{permalink}" target="_blank">{timestamp}</a></div>{/block:Date}

1480
    

1481
</article>

1482
1483
{block:Date}{block:permalinkpage}<article class="pagenotes {block:notecount}re{/block:notecount}"><div class="permalink">{block:RebloggedFrom}<a class="tg"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"stroke-width="1.5"stroke-linecap="round"stroke-linejoin="round"><circle cx="12" cy="12" r="1" /><circle cx="12" cy="5" r="1" /><circle cx="12" cy="19" r="1" /></svg></a>{/block:RebloggedFrom}posted {dayofweek}, {shortmonth} {dayofmonth}{dayofmonthsuffix} {year}{block:RebloggedFrom}<div class="ago">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}, source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</div>{/block:RebloggedFrom}</div>{block:PostNotes}<div class="title">{NoteCountWithLabel}</div>{PostNotes}{/block:PostNotes}</article>{/block:permalinkpage}

1484
{/block:Date}

1485
1486
{/block:Posts}

1487
    

1488
{block:Pagination}<footer><div id="pagination">{block:PreviousPage}<a href="{PreviousPage}" class="footerp"><span><span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6" /></svg></span>prev page</span></a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="footern"><span>next page<span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6" /></svg></span></span></a>{/block:NextPage}</div></footer>{/block:Pagination}    

1489
    

1490
</section>

1491
1492
1493
1494
{block:ContentSource}

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

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

1497
{/block:SourceLogo}

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

1499
{/block:ContentSource}

1500
1501
1502
<!-- jquery -->

1503
1504
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script><script src="//static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>{block:indexpage}{block:ifinfinitescroll}<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}{/block:indexpage}<script src="//static.tumblr.com/sas2ex2/Djopcoqlo/sticky.js"></script><script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script><script src="https://unpkg.com/imagesloaded@4.1.4/imagesloaded.pkgd.min.js"></script><script src="https://unpkg.com/feather-icons@4.9.0/dist/feather.min.js"></script><script src="https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js"></script>

1505
<script>

1506
feather.replace();

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

1508
    $('body').tooltip({track:true});

1509
    if ($(window).width() > 850) {    

1510
        $('aside').stick_in_parent({offset_top: 100});

1511
    };

1512
    function controls() {

1513
        var bheight = $('nav').outerHeight() + 15;

1514
        var itop = bheight - 10;

1515
        $('head').append('<style>iframe.tmblr-iframe{top: ' + itop + 'px !important}</style>');

1516
        $('.cc').css({'top': bheight});

1517
    }

1518
    flexibleFrames($('.video'));

1519
    $(window).on('resize', function(){  

1520
        controls();        

1521
        if ($(window).width() < 850) {

1522
            $('aside').trigger("sticky_kit:detach");

1523
        }

1524
        else {$('aside').stick_in_parent({offset_top: 100});}

1525
    });  

1526
    controls();

1527
    $('.time-ago').timeAgo({

1528
        time:"word",

1529
        spaces:true,

1530
        suffix:" ago"

1531
    });     

1532
    $('article').find('.no').each(function(){

1533
        var n = $(this).html().split(' ')[0].replace(/,/g, '');

1534
        if (n > 999) {

1535
            n = Math.floor(n / 100) / 10;

1536
            $(this).text(n + 'k notes');

1537
        }

1538
        else if (n > 1 && n <= 999) {$(this).text(n + ' notes');}

1539
        else {$(this).text(n + ' note');}   

1540
    });  

1541
    $('article').imagesLoaded(function() {

1542
        $('.fade').slick({

1543
            dots: true,

1544
            adaptiveHeight: true,

1545
            nextArrow:'<a class="button next"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6" /></svg></a>',

1546
            prevArrow:'<a class="button prev"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6" /></svg></a>',

1547
            infinite: true,

1548
            speed: 500,

1549
            fade: true,

1550
            cssEase: 'linear',

1551
        });    

1552
        $('article').animate({opacity: 1, zIndex: 1});

1553
    });    

1554
    {block:permalinkpage}

1555
    $('.tg').on('click', function(){$('.ago').delay(400).slideToggle(600);});    

1556
    {/block:permalinkpage}    

1557
    $('iframe.tumblr_audio_player').load( function() {

1558
        $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:transparent!important} </style>"));

1559
    });

1560
    $('p').filter(function (){return $.trim(this.innerHTML) == ""}).remove();

1561
    var $container = $('section');

1562
    {block:indexpage}

1563
    {block:ifinfinitescroll} 

1564
    $container.infinitescroll({

1565
        itemSelector: 'article',

1566
        navSelector: '#pagination',

1567
        nextSelector: '#pagination a',

1568
        loadingImg: '',

1569
        loadingText: '<em></em>',

1570
        errorCallback: function(){ $('.load').text('no more posts').parent('footer').delay(4000).slideUp(400); },    

1571
        bufferPx: 500

1572
    },

1573
    function( newElements ) {

1574
        flexibleFrames($('.video'));

1575
        var $newElems = $( newElements );

1576
        var $newElemsIDs = $newElems.map(function () {return this.id;}).get();

1577
        Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);

1578
        $newElems.imagesLoaded(function(){

1579
            $newElems.find('.fade').slick({

1580
                dots: true,

1581
                adaptiveHeight: true,

1582
                nextArrow:'<a class="button next"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6" /></svg></a>',

1583
            prevArrow:'<a class="button prev"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6" /></svg></a>',

1584
                infinite: true,

1585
                speed: 500,

1586
                fade: true,

1587
                cssEase: 'linear'

1588
            });  

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

1590
        });

1591
        $(window).trigger('resize');         

1592
        $newElems.find('p').filter(function (){return $.trim(this.innerHTML) == ""}).remove();

1593
        $newElems.find('.no').each(function(){

1594
            var n = $(this).html().split(' ')[0].replace(/,/g, '');

1595
            if (n > 999) {

1596
                n = Math.floor(n / 100) / 10;

1597
                $(this).text(n + 'k notes');

1598
            }

1599
            else if (n > 1 && n <= 999) {$(this).text(n + ' notes');}

1600
            else {$(this).text(n + ' note');}

1601
        });   

1602
        $newElems.find('.time-ago').timeAgo({

1603
            time:"word",

1604
            spaces:true,

1605
            suffix:" ago"

1606
        }); 

1607
        $newElems.find('iframe.tumblr_audio_player').load(function(){

1608
            $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:transparent!important} </style>"));

1609
        }); 

1610
    }); 

1611
{/block:ifinfinitescroll}{/block:indexpage}

1612
});

1613
</script>

1614
1615
1616
</body>

1617
1618
</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!