API tools faq
paste
View difference between Paste ID: CwURpqzP and d2QHUTwR
SHOW: | | - or go back to the newest paste.
1
<!----
2
3
    ©borntobewildcodes.tumblr.com | Living Coral (Created for PANTONE Colour of the Year 2019 Challenge)
4
5
    + Do not redistribute this theme or remove the credits.
6
    + Edit as long as you keep the credits intact
7
    + Contact me if you have any questions or concerns.
8
    + If you want a custom theme you can commission me.
9
    + Thanks for using my theme, I hope that you enjoy it.
10
11
    Other credits:
12
13
    - Jquery 

14
    - Disqus

15
    - Google fonts

16
    - Font Awesome icons

17
    - Masonry by David Desandro

18
    - Infinite scroll by Paul Irish

19
    - PXU Photosets

20
    - Infinite Scroll and PXU Photosets tutorial by @shythemes

21
    - Load more buttons tutorial by @shythemes

22
    

23
    ---->

24
25
<!DOCTYPE html>

26
<head>

27
28
<title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>

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

31
 

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

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

34
 

35
<meta name="image:Background" content="1"/> 

36
<meta name="image:Avatar" content="1"/>

37
38
<meta name="color:Background" content="#fefefe"/>

39
<meta name="color:Menu background" content="#fefefe"/>

40
<meta name="color:Main icons background" content="#fefefe"/>

41
<meta name="color:Main icon" content="#000000"/>

42
<meta name="color:Search box background" content="#fefefe" />

43
<meta name="color:Search box text" content="#000000"/>

44
<meta name="color:Sidebar background" content="#fefefe"/>

45
<meta name="color:Sidebar link" content="#eeeeee"/>

46
<meta name="color:Sidebar icon" content="#000000"/>

47
<meta name="color:Description" content="#fefefe"/>

48
<meta name="color:Triangle background" content="#FF6F61"/>

49
<meta name="color:Circles background" content="#000000"/>

50
<meta name="color:Post background" content="#fefefe"/>

51
<meta name="color:Post info background" content="#fefefe"/>

52
<meta name="color:Link post background" content="#F1F1F1"/>

53
<meta name="color:Ask bubble" content="#F1F1F1"/>

54
<meta name="color:Title" content="#000000"/>

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

56
<meta name="color:Link" content="#FF6F61"/>

57
<meta name="color:Hover" content="#548c84"/>

58
<meta name="color:Bold" content="#000000"/>

59
<meta name="color:Italic" content="#41b0bf"/>

60
<meta name="color:Buttons" content="#548c84"/>

61
<meta name="color:Borders" content="#000000"/>

62
<meta name="color:Pagination" content="#000000"/>

63
<meta name="color:Scrollbar" content="#FF6F61"/>

64
<meta name="color:Scrollbar background" content="#fefefe"/>

65
 

66
<meta name="font:Body font" content="Helvetica"/>

67
<meta name="select:Body font size" content="12px" title="12px">

68
<meta name="select:Body font size" content="13px" title="13px">

69
<meta name="select:Body font size" content="14px" title="14px">

70
<meta name="select:Body font size" content="15px" title="15px">

71
<meta name="select:Body font size" content="16px" title="16px">

72
73
<meta name="select:Title font" content="Julius Sans One" title="Julius Sans One">

74
<meta name="select:Title font" content="Open Sans" title="Open Sans">

75
<meta name="select:Title font" content="Roboto" title="Roboto">

76
<meta name="select:Title font" content="Playfair Display" title="Playfair Display">

77
<meta name="select:Title font" content="Montserrat" title="Montserrat"> 

78
79
<meta name="select:Title font size" content="22px" title="22px">

80
<meta name="select:Title font size" content="25px" title="25px">

81
<meta name="select:Title font size" content="27px" title="27px">

82
<meta name="select:Title font size" content="30px" title="30px">

83
<meta name="select:Title font size" content="32px" title="32px">

84
85
<meta name="select:Blog title font size" content="30px" title="30px">

86
<meta name="select:Blog title font size" content="32px" title="32px">

87
<meta name="select:Blog title font size" content="35px" title="35px">

88
<meta name="select:Blog title font size" content="37px" title="37px">

89
<meta name="select:Blog title font size" content="40px" title="40px">

90
<meta name="select:Blog title font size" content="42px" title="42px">

91
92
<meta name="select:Post width" content="400" title="400px">

93
<meta name="select:Post width" content="500" title="500px">

94
<meta name="select:Post width" content="540" title="540px">

95
96
<meta name="if:Inverted Controls" content="0"/>

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

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

99
<meta name="if:Faded Images" content="0" />

100
<meta name="if:Monochrome Images" content="0" />

101
<meta name="if:Show Captions" content="1" />

102
<meta name="if:Show Tags" content="1" />

103
<meta name="if:Ask Enabled" content="1" />

104
<meta name="if:Submissions Enabled" content="1" />

105
<meta name="if:Show Archive Link" content="1" />

106
<meta name="if:Disqus Shortname" content="0"/> 

107
108
<meta name="if:Show Link One" content="1" />

109
<meta name="if:Show Link Two" content="1" />

110
<meta name="if:Show Link Three" content="1" />

111
<meta name="if:Show Link Four" content="1" />

112
<meta name="if:Show Link Five" content="1" />

113
114
<meta name="text:Link One" content="Link one"/>

115
<meta name="text:Link One url" content="http://"/>

116
<meta name="text:Link Two" content="Link two"/>

117
<meta name="text:Link Two url" content="http://"/>

118
<meta name="text:Link Three" content="Link three"/>

119
<meta name="text:Link Three url" content="http://"/>

120
<meta name="text:Link Four" content="Link four"/>

121
<meta name="text:Link Four url" content="http://"/>

122
<meta name="text:Link Five" content="Link five"/>

123
<meta name="text:Link Five url" content="http://"/>

124
 

125
<meta name="text:Blog alias" content="blogalias"/>

126
<meta name='text:Disqus Shortname' content='' />

127
128
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

129
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

130
131
<!-- CSS -->

132
133
<style type="text/css">

134
 

135
/* ---------------------------- GENERAL ----------------------------- */

136
 

137
/* -------- BASICS ------- */

138
 

139
body {

140
    margin: 0;

141
    padding: 0;

142
    width: 100%;

143
    height: 100%;

144
    color: {color:Text};

145
    font-family: {font:Body font};  

146
    font-size: {select:Body font size};

147
    line-height: calc({select:Body font size} + 5px);

148
    background-color: {color:Background};

149
    background-image:url({image:Background});

150
    background-attachment: fixed;

151
    background-repeat: repeat;

152
    word-wrap:break-word; 

153
}

154
155
156
/* Tumblr lightbox */

157
 

158
.tmblr-lightbox {background:rgba({RGBcolor:Background}, .95)!important;}

159
 

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

161
 

162
.lightbox-caption {

163
    color:{color:Title}!important;

164
    font-family:inherit!important;

165
    font-size:1em!important;

166
    font-weight:normal!important;

167
    text-shadow:none!important;

168
}

169
 

170
.lightbox-image {

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

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

173
    box-shadow:none!important;

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

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

176
    border-radius:0px!important;

177
    padding:0px!important;

178
    border:0!important;  

179
    opacity:1!important;

180
}

181
 

182
.vignette {opacity:0!Important;}

183
184
/* Webkit scrollbar */

185
 

186
::-webkit-scrollbar {

187
    width: 9px;

188
    height: 0px;

189
}

190
 

191
::-webkit-scrollbar-button:start:decrement,

192
::-webkit-scrollbar-button:end:increment {

193
    height: 0px;

194
    display: block;

195
    background-color: {color:Scrollbar background};

196
    border-bottom-right-radius:30px;

197
}

198
 

199
::-webkit-scrollbar-track-piece {

200
    background-color: {color:Scrollbar background};

201
}

202
 

203
::-webkit-scrollbar-thumb:vertical {

204
    height: 0px;

205
    background-color: {color:Scrollbar};

206
    border: 4px solid {color:Scrollbar background};

207
}

208
209
/* Selection */

210
 

211
::-moz-selection {

212
    background: {color:Hover};

213
    color: {color:Background};

214
}

215
 

216
::selection {

217
    background: {color:Hover};

218
    color: {color:Background};

219
}

220
 

221
/* Tumblr controls */

222
 

223
iframe.tmblr-iframe {

224
    top:0!important;

225
    left:auto!important;

226
    right:35px!important;

227
    {block:ifInvertedControls}

228
    filter:invert(100%) hue-rotate(180deg);

229
    -webkit-filter:invert(100%) hue-rotate(180deg);

230
    -moz-filter:invert(100%) hue-rotate(180deg);

231
    -o-filter:invert(100%) hue-rotate(180deg);

232
    -ms-filter:invert(100%) hue-rotate(180deg);

233
    {/block:ifInvertedControls}

234
    transform:scale(0.8);

235
    transform-origin:100% 0;

236
    -webkit-transform:scale(0.8);

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

238
    -o-transform:scale(0.8);

239
    -o-transform-origin:100% 0;

240
    -moz-transform:scale(0.8);

241
    -moz-transform-origin:100% 0;

242
    -ms-transform:scale(0.8);

243
    -ms-transform-origin:100% 0;

244
    z-index:100000!important;

245
}

246
247
iframe.tmblr-iframe:hover {

248
    opacity:0.6!important;

249
}

250
 

251
/* Tooltips */

252
 

253
.ui-tooltip {  

254
    position:absolute;

255
    z-index:9999;

256
    padding-top:10px;

257
}

258
 

259
.ui-tooltip-content {

260
    background:{color:Background};

261
    padding:0 4px;

262
    font-style:italic;

263
    color:{color:Link};

264
    text-transform:lowercase;

265
    border:1px solid {color:Borders};

266
}

267
268
img {

269
    opacity:1;

270
    border:0;

271
    text-decoration:none;

272
    max-width:100%;

273
    height:auto;

274
    display:block;

275
}

276
277
/* Image style */

278
 

279
{block:IfFadedImages}

280
img {

281
    -webkit-transition: opacity 0.8s linear;

282
    -moz-transition: opacity 0.8s linear;

283
    -o-transition: opacity 0.8s linear;

284
    -ms-transition: opacity 0.8s linear;

285
    opacity: 0.60;

286
}

287
288
img:hover {

289
    -webkit-transition: opacity 0.8s linear;

290
    -moz-transition: opacity 0.8s linear;

291
    -o-transition: opacity 0.8s linear;

292
    -ms-transition: opacity 0.8s linear;

293
    opacity: 1;

294
}

295
{/block:IfFadedImages}

296
 

297
{block:IfMonochromeImages}

298
img {

299
    -webkit-filter: grayscale(1);

300
    -webkit-transition: all 0.5s ease-in-out;

301
    -moz-transition: all 0.5s ease-in-out;

302
    -o-transition: all 0.5s ease-in-out;

303
    -ms-transition: all 0.5s ease-in-out;

304
transition: all 0.5s ease-in-out;

305
}

306
 

307
img:hover {

308
    filter: none;

309
    -webkit-filter: grayscale(0);

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

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

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

313
}

314
{/block:IfMonochromeImages}

315
 

316
blockquote {

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

318
    margin:.5em 0;

319
    border-left:1px solid {color:Borders};

320
}

321
 

322
pre {

323
    padding:0;

324
    margin:0;

325
    line-height:inherit!important;

326
    background:transparent;

327
    font-family:inherit!Important;

328
    font-size:inherit!important;

329
    white-space:pre-wrap;

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

331
    white-space:-pre-wrap;

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

333
    word-wrap:break-word;

334
}

335
336
/* Fix */

337
338
iframe, img, embed, object, video {

339
    max-width: 100%;

340
    border: none;

341
}

342
343
input, textarea, select, a { outline: none; }

344
345
/* Headings */

346
 

347
h1, h2, h3, h4 {

348
    margin:1.5em 0;

349
    font-size:1.5em;

350
    padding:0;

351
    color:{color:Title};

352
    font-weight:bold;

353
}

354
355
h1 {

356
    font-size:{select:Title font size};

357
}

358
 

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

360
361
/* Paragraph */

362
 

363
p { margin:5px 0px;}

364
 

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

366
 

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

368
369
small, big, sub, pre {

370
    font-size:1em!important;

371
    line-height:1.4em!important;

372
    vertical-align:baseline!important;

373
}

374
375
/* Bold and italic */

376
 

377
b, strong, b a, strong a {

378
    font-weight:bold!important;

379
    color: {color:Bold};

380
}

381
382
i, em {

383
    color: {color:Italic};

384
}

385
386
/* Links */

387
388
a {

389
    color:{color:Link};

390
    text-decoration:none;

391
    transition:all .3s linear;    

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

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

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

395
}

396
 

397
a, a img {cursor:pointer;}

398
 

399
a:hover {

400
    color:{color:Hover}!important;

401
    text-decoration:none;

402
}

403
404
ul, ol, li { 

405
    margin: 5px 10px; 

406
    padding: 0px;

407
}

408
409
/* Line break */

410
 

411
hr {

412
    border:none;

413
    box-shadow:0;

414
    margin:2em auto;

415
    width:75px;

416
    border-top:1px solid {color:Borders};

417
}

418
419
/*-- CREDIT --*/

420
 

421
#credit {

422
    position:fixed;

423
    top:8px;

424
    right:8px;

425
    width:25px;

426
    height:25px;

427
    z-index: 100000;

428
}

429
   

430
#credit img{

431
    border: 1px solid {color:Borders};

432
}

433
434
#credit img:hover{

435
    border: 1px solid {color:Hover};    

436
}

437
438
#big-triangle {

439
    position:fixed;

440
    top:0;

441
    left:0;

442
    width: 0;

443
    height: 0;

444
    border-style: solid;

445
    border-width: 100vh 0 0 100vw;

446
    border-color: transparent transparent transparent {color:Triangle background};

447
    z-index:1;

448
}

449
 

450
/* ------------------------------- SIDEBAR ------------------------------- */

451
452
#open-sidebar {

453
    display:none;

454
    position:fixed;

455
    top:9px;

456
    left:9px;

457
    width:40px;

458
    height:40px;

459
    line-height:40px;

460
    text-align:center;

461
    z-index:10000;

462
    color:{color:Circles};

463
    font-size:15px;

464
    border:1px solid {color:Borders};

465
    cursor:pointer;

466
}

467
468
#open-sidebar:hover {

469
    color:{color:Hover};

470
}

471
 

472
#side-panel {

473
    position:fixed;

474
    top:0;

475
    left:0;

476
    width:400px;

477
    height:100vh;

478
    z-index:100000;

479
}

480
 

481
#sidebar {

482
    position:absolute;

483
    top:50%;

484
    left:50px;

485
    width:300px;

486
    max-width:300px;

487
    height:572px;

488
    max-height:100vh;

489
    overflow:hidden;

490
    -webkit-transform:translateY(-50%);

491
    -moz-transform:translateY(-50%);

492
    -ms-transform:translateY(-50%);

493
    -o-transform:translateY(-50%);

494
    transform:translateY(-50%); 

495
}

496
497
/* Circles */

498
499
#circles {

500
    position:absolute;

501
    margin:0;

502
    width:100px;

503
    height:100px;

504
    z-index:100;

505
}

506
507
.circle {

508
    display:inline-block;

509
    margin-bottom:6px;

510
    margin-right:6px;

511
    width:10px;

512
    height:10px;

513
    border-radius:100%;

514
    background:{color:Circles background};

515
}

516
517
/* Blog title */

518
519
#blog-title {

520
    position:absolute;

521
    bottom:0;

522
    width:65px;

523
    height:235px;

524
    color:{color:Blog title};

525
    font-family:{select:Title Font}; 

526
    font-size:{select:Blog title font size};

527
    letter-spacing:1px;

528
    z-index:100;    

529
}

530
531
.bt {

532
    position:absolute;

533
    top:50%;

534
    left:50%;

535
    width:239px;

536
    height:65px;

537
    line-height:25px;

538
    overflow:hidden;

539
    transform:translateX(-50%) translateY(-50%) rotate(270deg);

540
}

541
542
/* Description */

543
544
#description {

545
    position:absolute;

546
    margin-top:0;

547
    margin-left:237px;

548
    width:60px;

549
    height:calc(100% - 65px);

550
    color:{color:Description};

551
    z-index:100; 

552
    overflow:hidden;

553
}

554
555
.desc {

556
    position: absolute;

557
    top:50%;

558
    left:50%;

559
    padding:5px;

560
    width:490px;

561
    height:58px;

562
    font-size:13px;

563
    line-height:20px;

564
    overflow:hidden;

565
    overflow-y:auto;

566
    transform:translateX(-50%) translateY(-50%) rotate(270deg);

567
}

568
569
/* Avatar */

570
 

571
#avatar {

572
    margin-top:36px;

573
    margin-left:35px;

574
    width:160px;

575
    height:190px;

576
    -webkit-box-shadow: 20px 20px 0px 0px rgba(0,0,0,0.2);

577
    -moz-box-shadow: 20px 20px 0px 0px rgba(0,0,0,0.2);

578
    box-shadow: 20px 20px 0px 0px rgba(0,0,0,0.2);

579
    z-index:1;

580
}

581
 

582
#avatar img{

583
    width:100%;

584
    height:100%;

585
}

586
587
/* Main icons */

588
 

589
#main-icons {

590
    margin-top:40px;

591
    left:20px;

592
    width:204px;

593
    height:45px;

594
    padding:0 5px;

595
    text-align:center;

596
    border:1px solid {color:Borders};

597
}

598
 

599
#main-icons a {

600
    display:inline-block;

601
    margin:0;

602
    -webkit-transition: all .3s ease;

603
    -moz-transition: all .3s ease;

604
    -o-transition: all .3s ease;

605
    transition: all .3s ease;

606
}

607
 

608
#main-icons i {

609
    margin:0;

610
    margin-top:-1px;    

611
    width:45px;

612
    height:45px;

613
    line-height:45px;

614
    text-align:center;

615
    font-size:12px;

616
    color:{color:Main icon};

617
    border-top:1px solid transparent;

618
    border-bottom:1px solid transparent;

619
    -webkit-transition: all .3s ease;

620
    -moz-transition: all .3s ease;

621
    -o-transition: all .3s ease;

622
    transition: all .3s ease;

623
}

624
 

625
#main-icons i:hover {

626
    color:{color:Hover};

627
    border-top:1px solid {color:Hover};

628
    border-bottom:1px solid {color:Hover};

629
}

630
631
/* Navigation */

632
 

633
#navigation {

634
    margin-top:10px;

635
    margin-left:0;

636
    width:136px;

637
    height:205px;

638
    padding-left:80px;

639
    overflow:hidden;

640
}

641
 

642
#navigation a {

643
    display:block;

644
    margin-top:10px;

645
    font-size:15px;

646
    line-height:25px;

647
    letter-spacing:1px;

648
    color:{color:Sidebar link};

649
    -webkit-transition: all .3s ease;

650
    -moz-transition: all .3s ease;

651
    -o-transition: all .3s ease;

652
    transition: all .3s ease;

653
}

654
655
#navigation a:hover{

656
    color:{color:Hover};

657
}

658
659
#navigation span {

660
    margin-right:10px;

661
    color:{color:Sidebar icon};

662
}

663
664
#navigation a:hover span {

665
    color:{color:Hover};

666
}

667
668
#navigation a:after {

669
     content:'';

670
     margin:1px 0;

671
     display:block;

672
     width:0px;

673
     height:0px;

674
     border-bottom:1px solid {color:Hover};

675
    -webkit-transition: all .3s ease;

676
    -moz-transition: all .3s ease;

677
    -o-transition: all .3s ease;

678
    transition: all .3s ease;

679
}

680
  

681
#navigation a:hover::after {

682
     width:100%;

683
}

684
685
/* Search box */

686
 

687
#search {

688
    margin-top:0px;

689
    margin-left:80px;

690
    width:204px;

691
    height:30px;

692
    padding:5px;

693
    text-align:center;

694
    border:1px solid {color:Borders};

695
}

696
697
/* Search icon */

698
 

699
#search i {

700
    position:absolute;

701
    width:30px;

702
    margin-left:-15px;

703
    margin-top:10px;

704
    z-index:1000;

705
    color:{color:Search box text};

706
}

707
708
/* Close sidebar */

709
710
#close-sidebar {

711
    display:none;

712
    position:fixed;

713
    top:9px;

714
    left:349px;

715
    width:40px;

716
    height:40px;

717
    line-height:40px;

718
    text-align:center;

719
    color:{color:Circles};

720
    font-size:15px;

721
    border:1px solid {color:Borders};

722
    cursor:pointer;

723
}

724
725
#close-sidebar:hover {

726
    color:{color:Hover};

727
}

728
 

729
/*------------------------------- CONTAINER -----------------------------*/

730
731
#container {

732
    position:relative;

733
    margin-top:0px;

734
    margin-left:400px;

735
    width:calc(100vw - 400px);

736
    margin-bottom:10px;

737
    z-index:10!important;

738
}

739
740
/* ---------- POSTS AND ENTRIES ---------- */

741
742
#posts {

743
    margin-top:20px;

744
    margin-left:auto;

745
    margin-right:auto;

746
    width:calc({select:Post width}px + 40px)!important;

747
    overflow:hidden;

748
}

749
750
.entry {

751
    display:inline-block;

752
    float: left;

753
    margin:40px 18px;

754
    width:{select:Post width}px;

755
    height:auto;

756
    background:{color:Post background};

757
    overflow:hidden;

758
    border:1px solid {color:Borders};

759
    -webkit-box-shadow: 20px 20px 0px 0px rgba(0,0,0,0.2);

760
    -moz-box-shadow: 20px 20px 0px 0px rgba(0,0,0,0.2);

761
    box-shadow: 20px 20px 0px 0px rgba(0,0,0,0.2);

762
}

763
764
.entry img { max-width: 100%; }

765
766
.content {

767
    padding: 10px;

768
}

769
770
/*--------------------------- RESPONSIVE DESIGN ---------------------------*/

771
772
@media only screen and (max-width: 700px) {

773
774
#open-sidebar {

775
    display:block;

776
}

777
778
#close-sidebar {

779
    display:block;

780
}

781
782
#side-panel {

783
    display:none;

784
    background:{color:Triangle background};

785
}

786
787
#container {

788
    margin-left:0;

789
    width:100vw;

790
}

791
792
::-webkit-scrollbar {

793
    width: 9px;

794
    height: 0px;

795
}

796
 

797
#side-panel ::-webkit-scrollbar-button:start:decrement,

798
#side-panel ::-webkit-scrollbar-button:end:increment {

799
    height: 0px;

800
    display: block;

801
    background:{color:Triangle background};

802
    border-bottom-right-radius:30px;

803
}

804
 

805
#side-panel ::-webkit-scrollbar-track-piece {

806
    background:{color:Triangle background};

807
}

808
 

809
#side-panel ::-webkit-scrollbar-thumb:vertical {

810
    height: 0px;

811
    background-color:{color:Scrollbar};

812
    border: 4px solid {color:Triangle background};

813
}

814
815
} 

816
/* End media screen 700 */

817
818
819
@media only screen and (max-width: 414px) {

820
821
.entry {

822
    display: inline-block;

823
    float: left;

824
    margin: 18px;

825
    width:calc(100% - 36px)!important;

826
    height:auto;

827
    background:{color:Post background};

828
    overflow: hidden;

829
}

830
    

831
} 

832
/* End media screen 414 */

833
834
835
/* Caption */ 

836
837
.comment {

838
    padding:0px 10px;

839
    list-style:none;

840
}    

841
842
.comment:last-of-type {  padding-bottom:0!important;}

843
844
.user {

845
    display:inline-block;

846
    line-height:1em;

847
    margin-bottom:.75em;

848
}

849
850
.captioned .comment:first-of-type { margin-top:2em;}

851
852
/* -------- POSTS STYLES ------- */

853
854
/* Titles */

855
 

856
.title {

857
    margin:10px;

858
    margin-top:0px;

859
    color:{color:Title};

860
    font-family:{select:Title Font}; 

861
    font-size:{select:Title font size};

862
    line-height:150%;

863
}

864
 

865
.title a { color:{color:Title}; }

866
 

867
.title a:hover { color:{color:L ink}; }

868
869
.tex li, .tex blockquote {text-align:left; }

870
 

871
/* Quote posts */

872
873
.quote {

874
    margin: 10px;

875
    padding: 5px;    

876
    font-family: {select:Title font};    

877
    font-size: {select:Title font size};

878
    line-height: -moz-calc({select:Title font size} + 3px);

879
    line-height: -webkit-calc({select:Title font size} + 3px);

880
    line-height: -o-calc({select:Title font size} + 3px);

881
    line-height: calc({select:Title font size} + 3px);

882
    color: {color:Italic};

883
    text-align: left;

884
    letter-spacing: 2px;

885
}

886
887
.source {

888
    font-size: 12px;

889
    line-height: 20px;  

890
}

891
892
/* Link posts */

893
894
.linkthumb img {

895
    width:100%;

896
}

897
898
.linkp {

899
    background: {color:Link post background};

900
    padding:10px;

901
}

902
903
.linkp i {

904
    color: {color:Title};

905
}

906
907
/* Chat posts */

908
 

909
.line {

910
    margin: 5px 15px;

911
    line-height: 18px; 

912
}

913
914
/* Ask Posts */

915
 

916
.asker {

917
    margin: 5px;

918
    width: -moz-calc(100% - 10px);

919
    width: -webkit-calc(100% - 10px);

920
    width: -o-calc(100% - 10px);

921
    width: calc(100% - 10px);

922
    height: auto;

923
} 

924
 

925
.bubble {

926
    width: -moz-calc(100% - 70px);

927
    width: -webkit-calc(100% - 70px);

928
    width: -o-calc(100% - 70px);

929
    width: calc(100% - 70px);

930
    height: auto;

931
    min-height: 35px;

932
    padding: 10px;

933
    line-height: 20px;

934
    background: {color:Ask bubble};

935
    z-index: 10;

936
}

937
938
.triangle {

939
    position: absolute;

940
    margin-left: -moz-calc(100% - 90px);

941
    margin-left: -webkit-calc(100% - 90px);

942
    margin-left: -o-calc(100% - 90px);

943
    margin-left: calc(100% - 90px);

944
    width: 0;

945
    z-index:0;

946
    border-left: 8px solid {color:Ask bubble};

947
    border-bottom: 8px solid transparent;

948
    border-top: 8px solid transparent;

949
}

950
 

951
.asker img {

952
    float: right;

953
    margin-right: 0px;

954
    max-width: 30px;

955
    border: 1.5px solid {color:Ask bubble};

956
    border-radius: 2px;

957
    z-index:1000;

958
    opacity:1;

959
}

960
961
.answer {

962
    margin: 10px 15px;

963
    margin-bottom: 0;

964
}

965
966
/* ----------------------- POST INFO ----------------------------- */

967
968
.topinfo {

969
    margin:0px;

970
    width: -moz-calc(100% - 30px);

971
    width: -webkit-calc(100% - 30px);

972
    width: -o-calc(100% - 30px);

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

974
    height: 10px;

975
    padding: 15px;

976
    line-height: 15px;

977
    background:{color:Post info background};

978
}

979
 

980
.topinfourl {

981
    margin:0;

982
    font-size: 12px;

983
}

984
985
/* Date */

986
 

987
.topinfod {

988
    float: right;

989
    margin-top:-15px;

990
    font-size:12px;

991
}

992
 

993
/* Bottom info */

994
 

995
.botinfo {

996
    width: -moz-calc(100% - 30px);

997
    width: -webkit-calc(100% - 30px);

998
    width: -o-calc(100% - 30px);

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

1000
    height:auto;

1001
    min-height: 50px;

1002
    margin: 0px;

1003
    padding: 15px;

1004
    padding-top: 10px;

1005
    padding-bottom: 10px;

1006
    font-size: 12px;

1007
    line-height: 25px;    

1008
    color: {color:Text};

1009
    background:{color:Post info background};

1010
    overflow:hidden;

1011
}

1012
 

1013
.botinfo a {

1014
    margin-right: 25px;

1015
    color: {color:Link};

1016
}

1017
1018
.tags {

1019
    {block:IndexPage}

1020
    {block:ifNotShowTags}

1021
    display: none;

1022
    {/block:ifNotShowTags}

1023
    {/block:IndexPage}

1024
}

1025
1026
.notec {

1027
    float: left;

1028
}

1029
 

1030
/* Butttons */

1031
 

1032
.buttons {

1033
    float:right;

1034
    margin-top:0px;

1035
    margin-right:-5px;

1036
    width:77px;

1037
    height:26px;

1038
    line-height:26px;

1039
    z-index:100;

1040
    list-style:none;

1041
    {block:ifDisqusShortname}

1042
    width: 103px;

1043
    {/block:ifDisqusShortname}

1044
    {block:PermalinkPage}

1045
    width:52px;

1046
    {/block:PermalinkPage}

1047
}

1048
 

1049
.buttons li {

1050
    display:inline-block;

1051
    margin:0;

1052
    margin-left:2px;

1053
    margin-right:0;

1054
    width:20px;

1055
    height:26px;

1056
    padding:0px;

1057
    text-align:center;

1058
}

1059
 

1060
.perma i {

1061
    font-size:13px;  

1062
    color:{color:Buttons};

1063
}

1064
 

1065
.cmnt i {

1066
    font-size:15px;  

1067
    color:{color:Buttons};

1068
}

1069
1070
.reblog i {

1071
    font-size:17px;  

1072
    color:{color:Buttons};

1073
}

1074
1075
.like .like_button {

1076
    position:absolute;

1077
    width:100%;

1078
    height:100%;

1079
}

1080
   

1081
.like .like_button iframe {

1082
    position:absolute;

1083
    top:0;

1084
    bottom:0;

1085
    left:0;

1086
    right:0;

1087
    width:100%;

1088
    height:100%;

1089
    z-index:10;

1090
    opacity:0.0000001;

1091
}

1092
1093
.like i {

1094
    font-size:15px;  

1095
    color:{color:Buttons};

1096
}

1097
1098
.like .liked + i {

1099
    font-size:14px;

1100
	color:#D95E40;

1101
}

1102
1103
/* Permalink pagination */

1104
1105
.permapag {

1106
    margin-top: 15px;

1107
    margin-left: 0px;

1108
}

1109
1110
.permapag a {

1111
    font-size: 15px;

1112
    margin:10px;

1113
    margin-top: 20px;

1114
    padding:5px;

1115
    color:{color:Link};

1116
}

1117
1118
/* Show/hide */

1119
 

1120
.clickme {

1121
    margin: 10px;

1122
    width: 130px;

1123
    color:{color:Link};

1124
    text-align: left;

1125
    cursor: pointer;

1126
    padding: 5px 10px;

1127
}

1128
 

1129
.clickme:hover {

1130
    color:{color:Hover};

1131
    background:{color:Post info background};

1132
}

1133
1134
/* Post notes */

1135
1136
#notes {

1137
    margin: 10px;

1138
    width: 500px;

1139
    font-size: 12px;

1140
    color: {color:Text};

1141
    display:none;

1142
}

1143
1144
ol.notes {

1145
    padding: 0px;

1146
    margin: 5px 0px;

1147
    list-style-type: none;

1148
}

1149
1150
ol.notes li.note {

1151
    padding: 5px;

1152
}

1153
1154
ol.notes li.note img.avatar {

1155
    float:left;

1156
    vertical-align: -5px;

1157
    width: 15px;

1158
    height: 15px;

1159
    margin-left:10px;

1160
    margin-right:10px;

1161
}

1162
1163
li.more_notes_link_container {

1164
    text-transform: uppercase;

1165
    font-size: 12px;

1166
}

1167
1168
/* Disqus box */

1169
1170
#disqusbox {

1171
    padding:15px;

1172
}

1173
1174
/* ------------------- PAGINATION AND INFINITE SCROLL -------------------- */

1175
1176
#pagcon {

1177
    margin:25px auto;

1178
    width:calc({select:Post width}px + 40px)!important;

1179
    height:60px;

1180
    text-align: center;

1181
    z-index:100;

1182
}

1183
1184
/* Pagination */

1185
 

1186
#pagination {

1187
    width: 100%;

1188
    height: 35px;

1189
    z-index:10000;

1190
    {block:ifInfiniteScroll}

1191
    display: none;

1192
    {/block:ifInfiniteScroll}

1193
}

1194
 

1195
.previous, .next, .load-more{

1196
    display:inline;   

1197
    margin-left:10px;

1198
    width:100px;

1199
    height:20px;

1200
    padding:8px 10px;

1201
    line-height:20px;

1202
    font-size:12px;

1203
    text-align:center;

1204
    color:{color:Pagination};

1205
    border:1px solid {color:Borders};

1206
    -webkit-transition: all .3s ease;

1207
    -moz-transition: all .3s ease;

1208
    -o-transition: all .3s ease;

1209
    transition: all .3s ease;

1210
}

1211
1212
.previous a:hover, .next a:hover, .load-more a:hover{

1213
    color:{color:Pagination};

1214
}

1215
 

1216
.previous i, .next i, .load-more i{

1217
    color:{color:Pagination};

1218
    font-size:15px;

1219
    margin-left:10px;

1220
    text-decoration:none;

1221
}

1222
 

1223
.previous:hover i, .next:hover i, .load-more:hover i{

1224
    color:{color:Hover};

1225
}

1226
1227
/* INFINITE SCROLL */

1228
 

1229
#infscr-loading {

1230
    display:none!important;

1231
}

1232
 

1233
#iscon{

1234
    width: 100%;

1235
    height: 35px;

1236
    z-index:10000;

1237
}

1238
1239
{block:ifLoadMore}

1240
.load-more{

1241
    width:400px;

1242
    height:35px;

1243
}

1244
{/block:ifLoadMore}

1245
1246
/* --------------------------- Custom CSS -------------------------- */

1247
1248
{CustomCSS}

1249
1250
</style>

1251
1252
<meta charset="utf-8">

1253
<title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>

1254
{block:Description}

1255
<meta name="description" content="{MetaDescription}" />

1256
{/block:Description}

1257
 

1258
</head>

1259
1260
<!------------------------------ HTML ------------------------------->

1261
 

1262
1263
<body>

1264
1265
<div id="big-triangle"></div>

1266
1267
<div id="open-sidebar"><i class="fas fa-align-justify"></i></div>

1268
 

1269
<div id="side-panel">

1270
1271
<div id="close-sidebar"><i class="fas fa-times"></i></div>

1272
 

1273
<div id="sidebar" data-aos="fade-up" data-aos-once="true">

1274
1275
<div id="circles">

1276
    <span class="circle"></span>

1277
    <span class="circle"></span>

1278
    <span class="circle"></span>

1279
    <span class="circle"></span>

1280
    <span class="circle"></span><br>

1281
    <span class="circle"></span>

1282
    <span class="circle"></span>

1283
    <span class="circle"></span>

1284
    <span class="circle"></span>

1285
    <span class="circle"></span><br>

1286
    <span class="circle"></span>

1287
    <span class="circle"></span><br>

1288
    <span class="circle"></span>

1289
    <span class="circle"></span><br>

1290
    <span class="circle"></span>

1291
    <span class="circle"></span>

1292
</div>

1293
<!-- End circles -->

1294
1295
<div id="blog-title">

1296
<div class="bt">

1297
{title}

1298
</div>

1299
<!-- End bt -->

1300
</div>

1301
<!-- End blog-title -->

1302
1303
<div id="description">

1304
<div class="desc">

1305
{Description}

1306
</div>

1307
<!-- End desc -->

1308
</div>

1309
<!-- End description -->

1310
1311
<div id="avatar"><img src="{image:Avatar}"></div>

1312
1313
<div id="main-icons">

1314
<a href="/" title="Index"><i class="fas fa-home"></i></a>

1315
{block:ifAskEnabled}

1316
<a href="/ask" title="Ask"><i class="far fa-envelope-open"></i></a>

1317
{/block:ifAskEnabled}

1318
{block:ifSubmissionsEnabled}

1319
<a href="/submit" title="Submit"><i class="far fa-edit"></i></a>

1320
{/block:ifSubmissionsEnabled}

1321
{block:ifShowArchiveLink}

1322
<a href="/archive" title="Archive"><i class="fas fa-history"></i></a>

1323
{/block:ifShowArchiveLink}

1324
</div>

1325
<!-- End main-icons -->

1326
 

1327
<div id="navigation">

1328
{block:IfShowLinkOne}

1329
<a href="{text:Link One url}"><span> 01 </span>{text:Link One}</span></a>

1330
{/block:IfShowLinkOne}

1331
{block:IfShowLinkTwo}

1332
<a href="{text:Link Two url}"><span> 02 </span>{text:Link Two}</span></a>

1333
{/block:IfShowLinkTwo}

1334
{block:IfShowLinkThree}

1335
<a href="{text:Link Three url}"><span> 03 </span>{text:Link Three}</span></a>

1336
{/block:IfShowLinkThree}

1337
{block:IfShowLinkFour}

1338
<a href="{text:Link Four url}"><span> 04 </span>{text:Link Four}</span></a>

1339
{/block:IfShowLinkFour}

1340
{block:IfShowLinkFive}

1341
<a href="{text:Link Five url}"><span> 05 </span>{text:Link Five}</span></a>

1342
{/block:IfShowLinkFive} 

1343
</div>    

1344
<!-- End navigation -->

1345
1346
<div id="search">

1347
<form action="/search" method="get">

1348
<input type="text" name="q" value="Search..." style="float:left; margin-top:0; margin-left:5px; width:165px; height:25px; border:1px solid transparent; background:transparent; color:{color:Search box text}; font-size:15px; letter-spacing:1px;"/><span><i class="fa fa-search"></i></span></form>

1349
</div>

1350
<!-- End search -->

1351
1352
</div>

1353
<!-- End sidebar -->

1354
1355
</div>

1356
<!-- End side-panel-->

1357
1358
1359
<div id="container">

1360
1361
<!-- Posts -->

1362
<section id="posts">

1363
1364
{block:posts}

1365
1366
<article class="entry {block:Caption}captioned{/block:Caption}" data-aos="fade-up" data-aos-once="true">

1367
1368
{block:Date}

1369
1370
<div class="topinfo">

1371
       

1372
<div class="topinfourl">

1373
{block:RebloggedFrom}

1374
<a href="/"> {text:Blog alias}</a>

1375
<i class="fa fa-retweet" aria-hidden="true"></i>

1376
<a href="{ReblogParentURL}" target="_blank"> {ReblogParentName}</a>

1377
{/block:RebloggedFrom}

1378
1379
{block:NotReblog}

1380
<a href="/">{text:Blog alias}</a>

1381
{/block:NotReblog}

1382
</div>

1383
<!-- End topinfourl-->

1384
   

1385
<div class="topinfod"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}"> {ShortMonth} {DayOfMonthWithZero} </a></div>

1386
1387
</div>

1388
<!-- End topinfo-->

1389
1390
{/block:Date}

1391
1392
<!-- Text post -->

1393
{block:Text}

1394
<div class="content">

1395
{block:Title}

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

1397
{block:RebloggedFrom}

1398
{block:Reblogs}

1399
<li class="comment {block:Title}{/block:Title}">

1400
<a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>

1401
<div class="tex">{body}</div>

1402
</li>

1403
{/block:Reblogs}

1404
{/block:RebloggedFrom}

1405
{block:NotReblog}

1406
<li class="comment {block:Title}{/block:Title}">

1407
<div class="tex">{body}</div>

1408
</li>

1409
{/block:NotReblog}

1410
</div>

1411
<!-- End content -->

1412
{/block:Text}

1413
1414
<!-- Photo post -->

1415
{block:Photo}

1416
{block:IndexPage}

1417
{LinkOpenTag}

1418
<img src="{photoURL-HighRes}" alt="{PhotoAlt}" width="{select:Post width}px"/></a>

1419
{LinkCloseTag}

1420
{/block:IndexPage}

1421
{block:PermalinkPage}

1422
{LinkOpenTag}

1423
<img src="{photoURL-HighRes}" alt="{PhotoAlt}" width="{select:Post width}px"/></a>

1424
{LinkCloseTag}

1425
{/block:PermalinkPage}

1426
{/block:Photo}

1427
1428
<!-- Photoset post -->

1429
{block:Photoset}

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

1431
{/block:Photoset}

1432
1433
<!-- Quote post -->

1434
{block:Quote}

1435
<div class="content">

1436
<div class="quote">

1437
"{Quote}"

1438
</div>

1439
<!-- End quote-->

1440
<div class="source">

1441
— {Source}

1442
</div>

1443
<!-- End source-->

1444
</div>

1445
<!-- End content -->

1446
{/block:Quote}

1447
1448
<!-- Link post -->

1449
{block:Link}

1450
{block:Thumbnail}

1451
<div class="linkthumb">

1452
<img src="{Thumbnail}" alt="{Name}">

1453
</div>

1454
<!-- End linkthumb-->

1455
{/block:Thumbnail} 

1456
<div class="linkp">

1457
<a href="{URL}"><h1>{Name} <i class="fa fa-angle-right" aria-hidden="true"></i></h1></a>

1458
{block:Description}

1459
{Description}

1460
{/block:Description}

1461
</div>

1462
<!-- End linkp-->

1463
{/block:Link}

1464
1465
<!-- Chat post -->

1466
{block:Chat}

1467
<div class="content">

1468
{block:Title}<h1>{Title}</h1>{/block:Title}

1469
{block:Lines}

1470
<div class="line">

1471
{block:Label}<b>{Label}</b>{/block:Label} {Line}

1472
</div>

1473
<!-- End line-->

1474
{/block:Lines}

1475
</div>

1476
<!-- End content -->

1477
{/block:Chat}

1478
1479
<!-- Audio post -->

1480
{block:Audio}

1481
<div style="height: 85px">{AudioEmbed-640}</div>

1482
{/block:Audio}

1483
1484
<!-- Video post --> 

1485
{block:Video}

1486
{Video-500}

1487
{/block:Video}

1488
1489
<!-- Ask post --> 

1490
{block:Answer}

1491
<div class="content">

1492
<div class="asker">

1493
<img src="{AskerPortraitURL-48}">

1494
<div class="bubble">

1495
<div class="triangle"></div>

1496
{Asker}:

1497
<br>{Question}

1498
</div>

1499
<!-- End bubble-->

1500
</div>

1501
<!-- End asker -->

1502
<div class="answer">

1503
{Answer}

1504
</div>

1505
<!-- End answer -->

1506
</div>

1507
<!-- End content -->

1508
{/block:Answer}

1509
1510
<!-- Caption --> 

1511
{block:Caption}

1512
{block:Reblogs}

1513
<li class="comment">

1514
<a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink} } class="user" target="_blank">{Username}</a>

1515
<div class="tex">{Body}</div>

1516
</li>

1517
{/block:Reblogs}

1518
{block:NotReblog}

1519
<li class="comment">

1520
<a {block:HasPermalink}href="{Permalink}"{/block:HasPermalink}  class="user" target="_blank">{Name}</a>

1521
<div class="tex">{caption}</div>

1522
</li>

1523
{/block:NotReblog}

1524
{/block:Caption}

1525
1526
{block:Date}

1527
1528
<div class="botinfo">

1529
1530
{block:RebloggedFrom} 

1531
{block:ContentSource}

1532
Source: <a href="{ReblogRootURL}" target="_blank"> {ReblogRootName}</a><br>

1533
{/block:ContentSource}

1534
{/block:RebloggedFrom} 

1535
1536
{block:HasTags}

1537
<div class="tags">

1538
{block:Tags}

1539
<a href="{TagURL}">

1540
#{Tag}</a> &nbsp;

1541
{/block:Tags}<br>

1542
</div>

1543
{/block:HasTags}

1544
1545
{block:NoteCount}

1546
<a href="{Permalink}"> {NoteCountWithLabel}</a>

1547
{/block:NoteCount}

1548
1549
<div class="buttons">

1550
 

1551
{block:IndexPage}

1552
<li class="perma"><a href="{Permalink}"><i class="fa fa-paper-plane" aria-hidden="true"></i></a></li>

1553
1554
{block:ifDisqusShortname}

1555
<li class="cmnt"><a href="{Permalink}#disqus_thread"><i class="fa fa-comment" aria-hidden="true"></i></a></li>

1556
{/block:ifDisqusShortname}

1557
{/block:IndexPage}

1558
1559
<li class="reblog"><a href="{ReblogURL}"><i class="fa fa-retweet" aria-hidden="true"></i></a></li>

1560
1561
<li class="like">{LikeButton}<i class="fa fa-heart" aria-hidden="true"></i></a>

1562
1563
</div>

1564
<!-- End buttons -->

1565
1566
</div>

1567
<!-- End botinfo-->

1568
1569
<!--Permalink page-->

1570
{block:PermalinkPage}

1571
1572
{block:PostNotes}

1573
1574
<div class="clickme">Show/hide post notes</div>

1575
1576
<div id="notes">

1577
{PostNotes}

1578
</div>

1579
<!-- End notes-->

1580
{/block:PostNotes}

1581
1582
{block:PermalinkPagination} 

1583
<div class="permapag">

1584
<center>

1585
{block:PreviousPost}

1586
<a href="{PreviousPost}"><i class="fa fa-caret-left" aria-hidden="true"></i> Prev post</a>

1587
{/block:PreviousPost}

1588
 

1589
{block:NextPost}

1590
<a href="{NextPost}"> Next post <i class="fa fa-caret-right" aria-hidden="true"></i></a>

1591
{/block:NextPost} 

1592
</center>

1593
</div><br>

1594
{/block:PermalinkPagination}

1595
1596
{block:ifDisqusShortname}

1597
<div id="disqusbox">

1598
1599
<div id="disqus_thread"></div>

1600
<script type="text/javascript">

1601
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */

1602
var disqus_shortname = '{text:Disqus Shortname}'; // Required - Enter shortname in Tumblr Theme Options

1603
var disqus_url = '{Permalink}'; 

1604
1605
/* * * DON'T EDIT BELOW THIS LINE * * */

1606
(function() {

1607
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;

1608
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';

1609
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);

1610
})();

1611
</script>

1612
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>

1613
<a href="https://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>

1614
    

1615
</div>

1616
<!-- End disqus box-->

1617
{/block:ifDisqusShortname}

1618
1619
{/block:PermalinkPage}

1620
1621
{/block:Date}

1622
1623
</article>

1624
1625
{/block:Posts}

1626
1627
</section>

1628
1629
1630
{block:Pagination}

1631
1632
<div id="pagcon">

1633
1634
<div id="pagination">

1635
{block:PreviousPage}

1636
<a class="previous" href="{PreviousPage}"><i class="fa fa-caret-left" aria-hidden="true"></i> NEWER </a>

1637
{/block:PreviousPage}

1638
 

1639
{block:NextPage}

1640
<a class="next" href="{NextPage}"> OLDER <i class="fa fa-caret-right" aria-hidden="true"></i></a>

1641
{/block:NextPage}

1642
</div>

1643
<!-- End pagination -->

1644
1645
<div id="iscon">

1646
{block:ifLoadMore}

1647
<center>

1648
<a href="#" class="load-more"> LOAD MORE <i class="fa fa-caret-down" aria-hidden="true"></i></a>

1649
</center>

1650
{/block:ifLoadMore}

1651
</div>

1652
<!-- End iscon -->

1653
1654
</div>

1655
<!-- End pagcon -->

1656
1657
{/block:Pagination}   

1658
1659
</div>

1660
<!-- End container -->

1661
1662
<!-------------------------------- SCRIPTS -------------------------------->

1663
1664
<!--Google fonts -->

1665
 

1666
<link href="https://fonts.googleapis.com/css?family=Julius+Sans+One|Open+Sans|Roboto|Playfair+Display|Montserrat" rel="stylesheet"> 

1667
1668
<!-- Font awesome -->

1669
 

1670
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">

1671
1672
<script type="text/javascript">

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

1674
    

1675
$("#open-sidebar").click(function(){

1676
    $('#side-panel').fadeToggle('slow')

1677
});

1678
1679
$("#close-sidebar").click(function(){

1680
    $('#side-panel').fadeToggle('slow')

1681
});

1682
1683
1684
});

1685
</script>

1686
1687
1688
{/block:IndexPage}

1689
1690
<!-- PXU photoset & responsive photosets -->

1691
1692
<link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>

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

1694
<link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>

1695
1696
{block:IndexPage}

1697
1698
<script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>

1699
1700
{block:ifInfiniteScroll}<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>

1701
{/block:ifInfiniteScroll}

1702
1703
{/block:IndexPage}

1704
1705
<script>

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

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

1708
       lightbox: true,

1709
       rounded: false,

1710
       gutter: '1px',

1711
       photoset: '.photo-slideshow',

1712
       photoWrap: '.photo-data',

1713
       photo: '.pxu-photo'

1714
   });

1715
   {block:IndexPage}

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

1717
   $container.masonry({ itemSelector: 'article' });

1718
   $container.imagesLoaded(function(){

1719
       $container.masonry();

1720
       $container.find('article').animate({ opacity: 1, zIndex: 1 });

1721
   });

1722
   {block:ifInfiniteScroll}

1723
   $container.infinitescroll({

1724
       itemSelector: 'article',

1725
       navSelector: '.pagination',

1726
       nextSelector: '.next',

1727
       loadingImg: '',

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

1729
       bufferPx: 2000

1730
   },

1731
   function( newElements ) {

1732
       var $newElems = $( newElements );

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

1734
           lightbox: true,

1735
           rounded: false,

1736
           gutter: '1px',

1737
           photoset: '.photo-slideshow',

1738
           photoWrap: '.photo-data',

1739
           photo: '.pxu-photo'

1740
       },

1741
       function(){

1742
           $container.masonry();

1743
       });

1744
       $newElems.imagesLoaded(function(){

1745
           $container.masonry( 'appended', $newElems );

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

1747
       });

1748
   });

1749
   {/block:ifInfiniteScroll}

1750
    $container.infinitescroll({

1751
        itemSelector: "article",

1752
        navSelector: "#pagination",

1753
        nextSelector: ".next",

1754
        loadingImg: "",

1755
        loadingText: "<em></em>",

1756
        bufferPx: 10000,

1757
        extraScrollPx: 12000,

1758
        errorCallback: function() {

1759
            $('.load-more').fadeOut();

1760
        }

1761
    }, function(newElements) {

1762
        var $newElems = $(newElements).css({

1763
            opacity: 0

1764
        });

1765
        $newElems.imagesLoaded(function() {

1766
            $newElems.animate({

1767
                opacity: 1

1768
            });

1769
            $container.masonry('appended', $newElems,

1770
                true);

1771
        });

1772
    });

1773
    {block:ifLoadMore}

1774
    $(window).unbind('.infscr');

1775
    $('.load-more').click(function() {

1776
        $container.infinitescroll('retrieve');

1777
        return false

1778
    });

1779
    {/block:ifLoadMore}    

1780
   {/block:IndexPage}

1781
});

1782
</script>

1783
1784
<!-- Show/Hide tumblr notes -->

1785
<script>

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

1787
    $(".clickme").click(function(){

1788
    $("#notes").toggle(500);

1789
    });

1790
});

1791
</script>

1792
1793
<link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">

1794
1795
<script src="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js"></script>

1796
1797
<script type="text/javascript">

1798
    AOS.init({

1799
    duration: 500,

1800
})

1801
</script>

1802
1803
<!-- CREDIT (do not remove) -->

1804
 

1805
<div id="credit"><a href="https://borntobewildcodes.tumblr.com" title="theme LIVING CORAL by @borntobewildcodes"><img src="https://i.imgur.com/YsnOAtA.png"></a></div>

1806
1807
{block:ContentSource}

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

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

1810
{/block:SourceLogo}

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

1812
{/block:ContentSource}

1813
</body>

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