View difference between Paste ID: BdPP7T8y and Ty7zqzQv
SHOW: | | - or go back to the newest paste.
1-
Migrated to Github
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
3-
https://github.com/orbitalnight/magnusthemes/blob/master/codes/deltaf.html
3+
 
4-
Raw: https://raw.githubusercontent.com/orbitalnight/magnusthemes/master/codes/deltaf.html
4+
<head>
5
 
6
<!------
7
Theme - Delta Fulminata
8
Code by aeroelastical/magnusthemes
9
ver. 1.0.3 (02/10/2018)
10
11
Icon cheatsheet: http://feathericons.com
12
------>
13
 
14
<!-- fonts --> 
15
<link href='https://fonts.googleapis.com/css?family=Graduate|Quicksand:300,400,500,700|Open+Sans:400,400i,600,600i,700,700i,800,800i' rel='stylesheet'/>
16
17
<!-- stylesheets -->
18
<link href="http://static.tumblr.com/p0knose/yKlp5mq5l/normalize.css" rel="stylesheet"/>
19
<link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet"/>
20
21
<!-- page information -->
22
 
23
<title>{Title}{block:TagPage} | {Tag}{/block:TagPage} {block:SearchPage} | {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>
24
25
<link rel="shortcut icon" href="{Favicon}">
26
<link rel="alternate" type="application/rss+xml" href="{RSS}">
27
28
<!-- metas -->
29
30
<meta charset="utf-8">
31
<meta http-equiv="X-UA-Compatible" content="IE=edge">
32
<meta name="viewport" content="width=device-width, initial-scale=1">
33
 
34
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
35
36
<!-- colour options -->
37
 
38
<meta name="color:background" content="#ffffff"/>
39
<meta name="color:text" content="#666666"/>
40
<meta name="color:bold" content="#00274C"/>
41
<meta name="color:italic" content="#333333"/>
42
<meta name="color:links" content="#888888"/>
43
<meta name="color:links hover" content="#FFCB05"/>
44
 
45
<meta name="color:scrollbar" content="#00274C"/>
46
<meta name="color:scrollbar background" content="#FFCB05"/>
47
<meta name="color:tooltips" content="#eaeaea"/>
48
<meta name="color:tooltips background" content="#151515"/>
49
<meta name="color:text selection" content="#969696"/>
50
<meta name="color:text selection background" content="#eaeaea"/>
51
 
52
<meta name="color:chat odd" content="#00274C"/>
53
<meta name="color:chat even" content="#FFCB05"/>
54
<meta name="color:post dividers" content="#eaeaea"/>
55
<meta name="color:post title" content="#151515"/>
56
57
<meta name="color:left bar background" content="#050505"/>
58
<meta name="color:stripe 1" content="#00274C"/>
59
<meta name="color:stripe 2" content="#FFCB05"/>
60
<meta name="color:accent 1" content="#00274C"/>
61
<meta name="color:accent 2" content="#FFCB05"/>
62
<meta name="color:accent text" content="#ffffff"/>
63
<meta name="color:icons color" content="#151515"/>
64
<meta name="color:icons alt" content="#ffffff"/>
65
<meta name="color:blog title" content="#00274C"/>
66
67
<!-- image options -->
68
 
69
<meta name="image:sidebar" content=""/>
70
71
<!-- booleans -->
72
 
73
<meta name="if:custom text selection" content="1"/>
74
<meta name="if:light theme" content="1" />
75
<meta name="if:show tags" content="1"/>
76
<meta name="if:show captions" content="1"/>
77
<meta name="if:fading images" content=""/>
78
<meta name="if:monochrome images" content=""/>
79
<meta name="if:infinite scroll" content=""/>
80
<meta name="if:manual load" content=""/>
81
<meta name="if:lazy load" content=""/>
82
83
<!-- more options -->
84
85
<meta name="select:post size" title="540px" content="540"/>
86
<meta name="select:post size" title="500px" content="500"/>
87
<meta name="select:post size" title="450px" content="450"/>
88
<meta name="select:post size" title="400px" content="400"/>
89
<meta name="select:post size" title="350px" content="350"/>
90
<meta name="select:post size" title="300px" content="300"/>
91
<meta name="select:post size" title="250px" content="250"/>
92
93
<meta name="select:gutter" title="4px" content="4"/>
94
<meta name="select:gutter" title="3px" content="3"/>
95
<meta name="select:gutter" title="2px" content="2"/>
96
<meta name="select:gutter" title="1px" content="1"/>
97
 
98
<style type="text/css">
99
 
100
/* ------ custom styles ------ */
101
102
/* fade animation */
103
104
@-webkit-keyframes fadein {from {opacity:0;} to {opacity:1;}}
105
@keyframes fadein {from {opacity:0;} to {opacity:1;}}
106
 
107
/* scrollbar */ 
108
 
109
::-webkit-scrollbar {height:10px; width:10px;}
110
::-webkit-scrollbar-corner {background:{color:Background};}
111
112
::-webkit-scrollbar-track-piece {
113
    background-color:{color:Scrollbar Background};
114
    border:4px solid {color:Background};
115
}
116
 
117
::-webkit-scrollbar-thumb {
118
    width:10px; height:10px;
119
    background-color:{color:Scrollbar};
120
    border:4px solid {color:Background};
121
}
122
123
/* text selection */
124
 
125
{block:ifcustomtextselection}
126
::selection {color:{color:text selection}; background:{color:text selection background};}
127
::-moz-selection {color:{color:text selection}; background:{color:text selection background};}
128
::-webkit-selection {color:{color:text selection}; background:{color:text selection background};}
129
{/block:ifcustomtextselection}
130
131
/* jquery ui tooltips */
132
133
.ui-tooltip {position:absolute; z-index:214748364789;}
134
 
135
.ui-tooltip-content {
136
    margin:5px 25px;
137
    max-width:300px;
138
    padding:5px 8px;
139
    text-transform:uppercase;
140
    background:{color:tooltips background};
141
    font-size:9px;
142
    line-height:150%;
143
    letter-spacing:0.5px;
144
    color:{color:tooltips};
145
    border-radius:3px;
146
}
147
148
/* tumblr controls */
149
150
#bp:hover {border-color:{color:Accent 1};}
151
 
152
iframe#tumblr_controls, .iframe-controls--desktop {
153
    top:5px!important;
154
    right:5px!important;
155
    position:fixed!important;
156
    z-index:999999999!important;
157
    opacity:0.3!important;
158
    {block:iflighttheme}
159
    -webkit-filter:invert(85%);
160
    filter:invert(85%);
161
    {/block:iflighttheme}
162
    transition:opacity 0.4s ease-in-out, top 0.4s ease-in-out;
163
    -webkit-transform-origin:100% 0;
164
    -webkit-transform:scale(0.6,0.6);
165
    -ms-transform-origin:100% 0;
166
    -ms-transform:scale(0.6,0.6);
167
    transform-origin:100% 0;
168
    transform:scale(0.6,0.6);
169
}
170
171
.iframe-controls--desktop.ani {top:170px!important;}
172
iframe#tumblr_controls:hover, .iframe-controls--desktop:hover {opacity: 0.7!important;}
173
174
/* lightbox */
175
 
176
#tumblr_lightbox, .tmblr-lightbox {background:rgba({RGBcolor:Background}, 0.95)!important; z-index:214748364789!important;}
177
#tumblr_lightbox img, .tmblr-lightbox img {opacity:0;}
178
#vignette, .vignette {opacity:0!important;}
179
 
180
#tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image, .lightbox-image {
181
    opacity:1!important;
182
    box-shadow:0 0 0 transparent!important;
183
    border-radius:3px!important;
184
    padding:0px!important;
185
}
186
 
187
#tumblr_lightbox_caption, .lightbox-caption {
188
    margin-top:20px!important;
189
    color:{color:text}!important;
190
    text-shadow:0 0 0 transparent!important;
191
    font:normal 12px 'Quicksand', sans-serif;
192
}
193
 
194
/* ------ basic styles ------ */
195
 
196
body {
197
    background-color:{color:background};
198
    margin:0px;
199
    padding:0px;
200
    word-wrap:break-word;
201
    overflow:auto;
202
    color:{color:text};
203
    font:400 13px/170% 'Quicksand', sans-serif;
204
    letter-spacing:0.5px;
205
    text-align:justify;
206
    -webkit-font-smoothing:antialiased;
207
    -moz-osx-font-smoothing:grayscale;
208
}
209
 
210
a {
211
    color:{color:links};
212
    text-decoration:none;
213
    transition:0.3s ease-in-out;
214
    outline:0!important;
215
}
216
 
217
a:hover {color:{color:links hover};}
218
i, italic, em {color:{color:italic}; font-style:italic;}
219
b, bold, strong {color:{color:bold}; font-weight:bold;}
220
 
221
pre, code {
222
    font-family:consolas,monospace;
223
    border:1px solid {color:Post Dividers};
224
    padding:15px;
225
    display:block;
226
}
227
228
/* line dividers */
229
230
hr {
231
    border:0px solid transparent;
232
    border-bottom:1px solid {color:post dividers};
233
    margin:1em 0;
234
    height:0px;
235
    width:100%;
236
}
237
238
/* lists, ordered and unordered */
239
240
ol {counter-reset:li;}
241
ol, ul {padding:0px 0px 0px 30px;}
242
ol li, ul li {list-style:none; margin-left:0px; display:block; position:relative;}
243
 
244
ol li::before {
245
    content:counter(li, decimal-leading-zero);
246
    counter-increment:li;
247
    position:absolute;
248
    margin-left:-8px;
249
    color:{color:Accent 1};
250
    font-family:"Graduate";
251
	-webkit-transform:translateX(-100%);
252
	-ms-transform:translateX(-100%);
253
	transform:translateX(-100%);
254
}
255
256
ul li::before {
257
    content:"";
258
    background:{color:Accent 2};
259
    display:block;
260
    position:absolute;
261
    margin-left:-20px;
262
    width:10px;
263
    height:1px;
264
    margin-top:10px;
265
}
266
267
/* headings */
268
269
h1, h2, h3 {
270
    letter-spacing:0px; 
271
    font:800 16px 'Open Sans',sans-serif;
272
    color:{color:Post Title};
273
}
274
275
/* @ all the people who use <small> tags in your captions: get your shit together pls */
276
277
small, sup, sub {line-height:170%; font-size:12px;}
278
big {font-size:14px;}
279
 
280
blockquote {
281
    margin:1em 0 1em 7px;
282
    display:block;
283
    padding-left:15px;
284
    border-left:1px solid {color:Post Dividers};
285
}
286
287
blockquote img {max-width:100%!important; height:auto!important;}
288
289
/* ------ posts & container ------ */
290
291
/* --- posts container --- */
292
 
293
#postmargin, footer {
294
    width:{select:post size}px;
295
    z-index:1; 
296
    position:relative;
297
    margin-left:480px;
298
    -webkit-animation:fadein 1s;
299
    animation:fadein 1s;
300
}
301
 
302
/* ------ posts ------ */
303
 
304
.posts {
305
    position:relative;
306
    width:{select:post size}px;
307
    margin:120px 0;
308
    -webkit-animation:fadein 1s;
309
    animation:fadein 1s;
310
}
311
312
{block:IndexPage}
313
.posts::after {
314
    content:"";
315
    bottom:0;
316
    height:0px;
317
    width:100%;
318
    position:absolute;
319
    border-bottom:1px solid {color:Post Dividers};
320
    left:0; 
321
    right:0;
322
}
323
{/block:IndexPage}
324
325
.text {padding:0px; position:relative; overflow:hidden;}
326
327
.text a, #desc a {border-bottom:1px solid {color:Post Dividers};}
328
.text a:hover, #desc a:hover {border-bottom-color:{color:Links Hover};}
329
330
.tumblr_parent {margin:1em 0; padding:1em 0;}
331
332
.reblog_user, .reblog_head a {
333
    border-bottom:none;
334
    display:inline-block;
335
    vertical-align:middle;
336
    text-transform:lowercase;
337
    border-bottom:0px solid transparent;
338
    font:500 13px/16px "Quicksand";
339
    color:{color:Text};
340
    margin-bottom:3px;
341
}
342
343
a.reblog_user:hover, .reblog_head a:hover {color:{color:Links Hover};}
344
345
span.reblog_user::after {
346
    content:"deactivated";
347
    margin-left:5px;
348
    opacity:0;
349
    visibility:hidden;
350
    position:absolute;
351
    transition:0.4s ease-in-out;
352
}
353
354
.reblog_head:hover span.reblog_user::after {visibility:visible; opacity:1;}
355
356
img.tumblr_avatar {
357
    vertical-align:middle;
358
    width:16px;
359
    height:16px;
360
    margin-right:6px;
361
    margin-bottom:3px;
362
    display:inline-block;
363
    border-radius:3px;
364
}
365
366
.text p.rm {background-image:linear-gradient(to bottom, rgba({RGBcolor:Background},0), {color:Background});}
367
368
p.rm {
369
    position:absolute;
370
    bottom:0px;
371
    left:0px;
372
    width:100%;
373
    text-align:center;
374
    margin:0px;
375
    padding:50px 0px 0px 0px;
376
}
377
 
378
.text .read_more {
379
    font:bold 14px 'Open Sans',sans-serif;
380
    text-transform:uppercase;
381
    margin:10px 25px;
382
    display:inline-block;
383
    color:{color:Bold};
384
    border:0px solid transparent;
385
    transition:0.5s ease-in-out;
386
}
387
 
388
.text .read_more:hover {color:{color:Accent 1};}
389
390
/* photo & video posts */
391
392
.photo, .video {
393
    position:relative; 
394
    margin-bottom:10px;
395
    overflow:hidden;
396
    border-radius:3px;
397
}
398
399
.photo {transition:0.5s ease-in-out;}
400
.posts img:not(.tumblr_avatar) {max-width:100%; display:block;}
401
 
402
{block:iffadingimages}{block:indexpage}
403
.photo {opacity:0.8;}
404
.posts:hover .photo {opacity:1;}
405
{/block:indexpage}{/block:iffadingimages}
406
407
{block:IndexPage}{block:ifmonochromeimages}
408
.photo {-webkit-filter:grayscale(100%); filter:grayscale(100%);}
409
.posts:hover .photo {-webkit-filter:grayscale(0%); filter:grayscale(0%);}
410
{/block:ifmonochromeimages}{/block:IndexPage}
411
 
412
.tumblr_video_container {width:auto!important; height:auto!important;}
413
.photo a {padding-bottom:0px; border-bottom:0px solid transparent;}
414
img.singlepic {display:block; border-radius:0px;}
415
416
{block:ifnotshowcaptions}{block:IndexPage}
417
.caption {display:none;}
418
{/block:IndexPage}{/block:ifnotshowcaptions}
419
420
/* text, link, quote posts */
421
 
422
.quote {
423
    letter-spacing:0px;
424
    color:{color:Post Title};
425
    font:800 20px/150% 'Open Sans',sans-serif;
426
    padding:0;
427
}
428
429
.quote > span {color:{color:Accent 2};}
430
 
431
.sourcez {
432
    font-size:12px;
433
    position:relative;
434
    margin-top:{select:gutter}px;
435
    padding:10px 0 20px;
436
}
437
 
438
.headt, .llp {
439
    padding:10px 0;
440
    display:block;
441
    color:{color:post title};
442
    background:transparent;
443
    font:normal 800 20px/30px 'Open Sans',sans-serif;
444
    letter-spacing:0px;
445
    text-transform:none;
446
    position:relative;
447
}
448
449
.llp .ftr {
450
    width:18px;
451
    height:18px;
452
    margin-right:15px;
453
    display:inline-block;
454
    vertical-align:middle;
455
    margin-top:-3px;
456
}
457
458
/* ask posts */
459
460
.question {
461
    border:1px solid {color:Post Dividers};
462
    padding:20px;
463
    margin-bottom:10px;
464
}
465
466
div.asker {
467
    position:absolute;
468
    left:50%;
469
    z-index:999;
470
    padding:0 15px;
471
    margin-top:-20px;
472
    height:20px;
473
    font:bold 12px "Open Sans";
474
    background:{color:Background};
475
    -webkit-transform:translateX(-50%);
476
    -ms-transform:translateX(-50%);
477
    transform:translateX(-50%);
478
}
479
480
.asker .ftr {
481
    display:inline-block;
482
    vertical-align:middle;
483
    width:12px;
484
    height:12px;
485
    margin-right:5px;
486
    color:{color:Accent 2};
487
}
488
489
.asker a {color:{color:Accent 1};}
490
.asker a:hover {color:{color:Links Hover};}
491
492
/* audio posts */
493
494
.aud {position:relative; padding:20px; border:1px solid {color:Post Dividers}; margin-bottom:10px;}
495
 
496
.musicinfo {
497
    margin-left:0px;
498
    overflow:hidden;
499
    position:relative;
500
    padding:0 50px 0 30px;
501
}
502
 
503
.musicinfo .ftr {
504
    width:18px;
505
    height:18px;
506
    display:inline-block;
507
    vertical-align:middle;
508
    margin-left:-28px;
509
    margin-right:5px;
510
    color:{color:Accent 2};
511
} 
512
513
.musicinfo b {color:{color:Accent 2};}
514
 
515
.tplayer {
516
    z-index:3;
517
    width:30px;
518
    height:30px;
519
    position:absolute;
520
    right:20px;
521
    top:50%;
522
    margin-top:-15px;
523
    overflow:hidden;
524
    transition:0.5s ease-in-out;
525
}
526
527
/* chat posts */
528
529
.chat {margin-bottom:25px;}
530
 
531
.line {
532
    padding:1em 0px;
533
    margin:{select:gutter}px 0px;
534
}
535
 
536
.line span.name {
537
    font-weight:700;
538
    display:block;
539
    font-size:14px;
540
    margin-bottom:0.5em;
541
}
542
543
.line:nth-of-type(odd) span {color:{color:chat odd};}
544
.line:nth-of-type(even) span {color:{color:chat even};}
545
.line:first-child {border-top:0px solid transparent!important;}
546
547
/* ------ permalinks ------ */
548
549
{block:IndexPage}.posts {padding-bottom:15px;}{/block:IndexPage}
550
551
.permalink {
552
    height:30px;
553
    padding:0 15px;
554
    bottom:-15px;
555
    left:50%;
556
    width:120px;
557
    margin-left:-75px;
558
    background:{color:Background};
559
    position:absolute;
560
    z-index:999;
561
    text-align:center;
562
}
563
564
.permalink a {vertical-align:middle;}
565
566
.permalink a.ion {
567
    border-radius:3px;
568
    color:{color:Icons Alt};
569
    background:{color:Icons Color};
570
    width:30px;
571
    height:30px;
572
    font-size:16px;
573
    line-height:30px;
574
    text-align:center;
575
    display:inline-block;
576
}
577
578
.permalink a .ftr {width:16px; height:16px;}
579
.permalink a:not(.ion) .ftr {margin:2px;}
580
.permalink a.ion .ftr {margin:7px;}
581
582
.permalink a:not(.ion) {
583
    position:relative;
584
    display:inline-block;
585
    color:{color:Icons Color};
586
    width:20px;
587
    margin:5px;
588
    height:20px;
589
}
590
591
.permalink a:not(.ion):hover {color:{color:Accent 2};}
592
.permalink a.ion:hover {background:{color:Accent 1}; color:{color:Accent Text};}
593
594
.permalink > .like .like_button iframe {
595
    position:absolute;
596
    top:0;
597
    left:0;
598
    bottom:0;
599
    right:0;
600
    z-index:2;
601
    opacity:0;
602
}
603
 
604
.permalink > .like .like_button {position:relative;}
605
.permalink > .like .like_button.liked + svg.ftr path {stroke:{color:Accent 1};}
606
607
/* tags */
608
609
.tags {text-align:center; padding:15px 0;}
610
.tags a {margin:0 5px; font-size:10px;}
611
612
/* permalink page permalinks */
613
614
#permapage {
615
    margin-top:-60px;
616
    font:500 12px "Quicksand";
617
    text-transform:lowercase;
618
    margin-bottom:60px;
619
}
620
621
#permapage > div {margin-bottom:10px;}
622
623
#permapage .ftr, .notes .ftr {
624
    width:15px;
625
    height:15px;
626
    display:inline-block;
627
    vertical-align:middle;
628
    margin-right:10px;
629
    padding:5px;
630
    color:{color:icons alt};
631
    background:{color:icons color};
632
    border-radius:3px;
633
}
634
635
.tag {
636
    display:inline-block; 
637
    max-width:calc({select:post size}px - 35px);
638
    vertical-align:top;
639
    margin-right:-5px;
640
    margin-top:3px;
641
    line-height:170%;
642
}
643
 
644
/* post notes */
645
646
div.notes {margin-bottom:120px;}
647
.count {font:500 13px "Quicksand";}
648
 
649
ol.notes {
650
    position:relative;
651
    width:{select:post size}px;
652
    margin-bottom:0px;
653
    padding:0px;
654
    list-style-type:none;
655
}
656
657
ol.notes li::before {display:none; content:"";}
658
 
659
ol.notes li.note {
660
    padding:3px 0 2px;
661
    font-size:12px;
662
    line-height:20px;
663
    margin-bottom:{select:gutter}px;
664
    display:block;
665
}
666
 
667
ol.notes li.note img, ol.notes li.note img.avatar {display:none;}
668
ol.notes li.note.answer_content {font-weight:normal;}
669
670
ol.notes li.note blockquote {
671
    text-transform:none;
672
    line-height:12px;
673
    background:transparent; 
674
    border:0px solid transparent;
675
    border-left:1px solid {color:Post Dividers};
676
}
677
678
ol.notes li.note blockquote a {text-decoration:none;}
679
680
/* ------ pagination/manual load ------ */
681
682
#infscr-loading {display:none!important;}
683
#manual {display:none;}
684
{block:ifinfinitescroll}
685
#pagination {display:none;}
686
{block:ifmanualload}#manual {display:block;}{/block:ifmanualload}
687
{/block:ifinfinitescroll}
688
689
footer {text-align:center; margin:120px 0 120px 480px;}
690
footer a, footer > span {display:inline-block; margin:0 5px; vertical-align:middle;}
691
692
footer > span, #manual a {
693
    font:15px/16px "Graduate";
694
    width:16px;
695
    height:16px;
696
    padding:7px;
697
    text-align:center;
698
    border-radius:3px;
699
    background:{color:Icons Color};
700
    color:{color:Icons Alt};
701
}
702
703
#pagination a {padding:7px; width:16px; height:16px;}
704
#pagination a .ftr {width:16px; height:16px; color:{color:Icons Color};}
705
#manual a .ftr {width:16px; height:16px; color:{color:Icons Alt};}
706
707
/* ------ sidebar ------ */
708
709
/* --- left panel --- */
710
711
#left {
712
    position:fixed;
713
    left:0;
714
    top:0;
715
    width:10px;
716
    border-left:85px solid {color:left bar background};
717
    border-right:5px solid {color:stripe 2};
718
    background:{color:stripe 1};
719
    height:100%;
720
    -webkit-animation:fadein 1s;
721
    animation:fadein 1s;
722
    transition:0.4s ease-in-out;
723
}
724
725
/* --- menu --- */
726
727
nav#links {display:none; margin-bottom:1em;}
728
729
nav#links a, nav#links form {
730
    display:block;
731
    padding-left:20px;
732
    margin-bottom:3px;
733
    color:{color:Text};
734
    position:relative;
735
    letter-spacing:0.5px;
736
}
737
738
nav#links a::after {
739
    content:attr(data-hover);
740
    transition:0.5s ease-in-out;
741
    color:{color:Accent 1};
742
    width:0;
743
    top:0;
744
    left:20px;
745
    height:100%;
746
    white-space:nowrap;
747
    overflow:hidden;
748
    display:inline-block;
749
    position:absolute;
750
}
751
 
752
nav#links a:hover {font-weight:500;}
753
nav#links a:hover::after {width:100%; font-weight:500;}
754
 
755
nav#links a::before, nav#links form::before {
756
    content:"";
757
    position:absolute;
758
    margin-left:-20px;
759
    color:{color:Icons Alt};
760
    background:{color:Icons Color};
761
    padding:5px;
762
    width:0;
763
    height:0;
764
    margin-top:7px;
765
    border-radius:3px;
766
    transition:0.3s ease-in-out;
767
}
768
769
nav#links a:hover::before, 
770
nav#links form:hover::before, 
771
nav#links form:focus::before {
772
    background:{color:Accent 2}; 
773
    color:{color:Accent Text};
774
}
775
776
nav#links form input {
777
    line-height:170%;
778
    background:transparent;
779
    border:0px solid transparent;
780
    letter-spacing:0.5px;
781
    color:{color:Text};
782
    outline:0;
783
    padding:0;
784
}
785
786
/* --- sidebar --- */
787
788
aside {
789
    position:fixed;
790
    top:50%;
791
    width:150px;
792
    left:200px;
793
    letter-spacing:0;
794
    -webkit-transform:translateY(-50%);
795
    -ms-transform:translateY(-50%);
796
    transform:translateY(-50%);
797
    -webkit-animation:fadein 1s;
798
    animation:fadein 1s;
799
}
800
801
h1#title {
802
    text-transform:lowercase;
803
    font:800 20px/25px "Open Sans";
804
    color:{color:Blog Title};
805
    letter-spacing:0;
806
    margin:0 0 20px;
807
}
808
809
h1#title::after {
810
    content:".";
811
    font-size:24px;
812
    color:{color:Accent 2};
813
}
814
815
#desc {font-size:12px; line-height:170%; margin-top:20px; letter-spacing:0.5px;}
816
817
#image {
818
    width:100px;
819
    height:100px;
820
    display:inline-block;
821
    vertical-align:middle;
822
    margin-left:3px;
823
}
824
825
#image img {width:100px; height:100px; border-radius:3px; display:block;}
826
827
nav#menu {
828
    width:30px;
829
    margin-right:10px;
830
    display:inline-block;
831
    vertical-align:middle;
832
    text-align:center;
833
}
834
835
nav#menu a {
836
    display:block;
837
    width:16px;
838
    height:16px;
839
    padding:7px;
840
    line-height:16px;
841
    border-radius:3px;
842
    color:{color:icons color};
843
    margin:5px 0;
844
}
845
846
nav#menu a .ftr {width:16px; height:16px;}
847
848
nav#menu a#toggle {background:{color:Icons color}; color:{color:icons alt};}
849
nav#menu a#toggle:hover {background:{color:Accent 1};}
850
nav#menu a#toggle.active {background:{color:Accent 2};}
851
nav#menu a:not(#toggle):hover {color:{color:Accent 2};}
852
nav#menu a:hover, nav#menu a#toggle.active {color:{color:Accent Text};}
853
 
854
{CustomCSS}
855
 
856
</style>
857
858
<!---------------------- JQUERY - DO NOT TOUCH ----------------------->
859
860
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
861
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
862
<script src="http://static.tumblr.com/2b2izpj/cB7ogqs8l/jquery.initialize.js"></script>
863
<script src="http://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
864
<script src="https://cdn.rawgit.com/davatron5000/FitVids.js/eacbf9f1/jquery.fitvids.js"></script>
865
<script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>
866
<script src="https://unpkg.com/feather-icons@4.7.3/dist/feather.min.js"></script>
867
868
{block:iflazyload}
869
<script src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
870
{/block:iflazyload}
871
872
<script src="https://static.tumblr.com/p0knose/jNJpfw4pt/deltaf.js"></script>
873
874
<script>
875
$(document).ready(function(){
876
        gutter = "{select:gutter}",
877
        accent = "{color:Accent 1}",
878
        lazyload = false,
879
    {block:iflazyload}lazyload = true;{/block:iflazyload}
880
    delta(accent,lazyload,gutter);
881
});
882
</script>
883
884
{block:IndexPage}{block:ifinfinitescroll}
885
<script src="https://unpkg.com/infinite-scroll@3/dist/infinite-scroll.pkgd.min.js"></script>
886
<script src="https://static.tumblr.com/p0knose/ghJpfw4nh/dividezero.js"></script>
887
888
<script>
889
$(document).ready(function(){
890
    var manual = false;
891
    {block:ifmanualload}manual = true;{/block:ifmanualload}
892
    infScr(manual);
893
});
894
</script>
895
{/block:ifinfinitescroll}{/block:IndexPage}
896
897
<!-- end jquery -->
898
 
899
</head>
900
<body>
901
902
<div id="left"></div>
903
904
<aside>
905
    <nav id="links">
906
        {block:AskEnabled}<a href="/ask" data-hover="{AskLabel}">{AskLabel}</a>{/block:AskEnabled}
907
        {block:SubmissionsEnabled}<a href="/submit" data-hover="{SubmitLabel}">{SubmitLabel}</a>{/block:SubmissionsEnabled}
908
        {block:HasPages}
909
        {block:Pages}<a href="{URL}" data-hover="{Label}">{Label}</a>{/block:Pages}
910
        {/block:HasPages}
911
        <form action="/search" method="get">
912
            <input type="text" value="{SearchQuery}" placeholder="Search...">
913
        </form>
914
    </nav>
915
    <h1 id="title">{Title}</h1>
916
    <nav id="menu">
917
        <a href="/" title="home"><span class="ftr" data-feather="home"></span></a>
918
        <a href="#" title="menu" id="toggle"><span class="ftr" data-feather="menu"></span></a>
919
        <a href="/archive" title="archive"><span class="ftr" data-feather="calendar"></span></a>
920
    </nav>
921
    <div id="image">
922
        <img src="{image:sidebar}"/>
923
    </div>
924
    <div id="desc">
925
        {Description}
926
    </div>
927
</aside>
928
 
929
<!------ posts ------>
930
<section id="postmargin">
931
932
{block:Posts}
933
<article class="posts" id="{PostID}">
934
935
    {block:Text}
936
    {block:Title}<div class="headt"><span class="highlight">{Title}</span></div>{/block:Title}
937
    {block:NotReblog}
938
    <div class="body text">
939
        <div class="tumblr_parent">
940
            {Body}
941
        </div>
942
    </div>
943
    {/block:NotReblog}
944
    {block:RebloggedFrom}
945
    <div class="body text">
946
        {block:Reblogs}
947
        <div class="tumblr_parent">
948
            <div class="reblog_head">
949
                <img src="{portraiturl-64}" class="tumblr_avatar"/>
950
                {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive}
951
                {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated}
952
            </div>
953
            <div>
954
                {Body}
955
            </div>
956
        </div>
957
        {/block:Reblogs}
958
    </div>
959
    {/block:RebloggedFrom}
960
    {/block:Text}
961
     
962
    {block:Photo}
963
    {block:IndexPage}
964
    <div class="photo"><center>
965
        <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
966
        <a href="{PhotoURL-HighRes}" class="photolight" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" class="singlepic"></a>
967
    </center></div>
968
    {/block:IndexPage}
969
    {block:PermalinkPage}
970
    <div class="photo">
971
        <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
972
        {LinkOpenTag}<img src="{PhotoURL-HighRes}" class="singlepic" width="{select:post size}">{LinkCloseTag}
973
    </div>
974
    {/block:PermalinkPage}
975
    {block:Caption}
976
    {block:NotReblog}
977
    <div class="caption text">
978
        <div class="tumblr_parent">
979
            <div class="reblog_head">
980
                <img src="{portraiturl-64}" class="tumblr_avatar"/>
981
                <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
982
            </div>
983
            <div>
984
                {Caption}
985
            </div>
986
        </div>
987
    </div>
988
    {/block:NotReblog}
989
    {block:RebloggedFrom}
990
    <div class="caption text">
991
        {block:Reblogs}
992
        <div class="tumblr_parent">
993
            <div class="reblog_head">
994
                <img src="{portraiturl-64}" class="tumblr_avatar"/>
995
                {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive}
996
                {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated}
997
            </div>
998
            <div>
999
                {Body}
1000
            </div>
1001
        </div>
1002
        {/block:Reblogs}
1003
    </div>
1004
    {/block:RebloggedFrom}
1005
    {/block:Caption}
1006
    {/block:Photo}
1007
     
1008
    {block:Panorama}
1009
    <div class="photo">
1010
        <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
1011
        <a href="{PhotoURL-Panorama}" class="photolight" data-width="{PhotoWidth-Panorama}" data-height="{PhotoHeight-Panorama}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-Panorama}"><img src="{PhotoURL-1280}" width="{select:post size}" class="singlepic"></a>
1012
    </div>
1013
    {block:Caption}
1014
    {block:NotReblog}
1015
    <div class="caption text">
1016
        <div class="tumblr_parent">
1017
            <div class="reblog_head">
1018
                <img src="{portraiturl-64}" class="tumblr_avatar"/>
1019
                <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
1020
            </div>
1021
            <div>
1022
                {Caption}
1023
            </div>
1024
        </div>
1025
    </div>
1026
    {/block:NotReblog}
1027
    {block:RebloggedFrom}
1028
    <div class="caption text">
1029
        {block:Reblogs}
1030
        <div class="tumblr_parent">
1031
            <div class="reblog_head">
1032
                <img src="{portraiturl-64}" class="tumblr_avatar"/>
1033
                {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive}
1034
                {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated}
1035
            </div>
1036
            <div>
1037
                {Body}
1038
            </div>
1039
        </div>
1040
        {/block:Reblogs}
1041
    </div>
1042
    {/block:RebloggedFrom}
1043
    {/block:Caption}
1044
    {/block:Panorama}
1045
     
1046
    {block:Photoset}
1047
    <div class="photo">
1048
    <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
1049
        {block:Photos}
1050
        <div class="photo-data">
1051
            <div class="pxu-photo">
1052
                <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
1053
            </div>
1054
            <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
1055
        </div>
1056
        {/block:Photos}
1057
    </div>
1058
    </div>
1059
    {block:Caption}
1060
    {block:NotReblog}
1061
    <div class="caption text">
1062
        <div class="tumblr_parent">
1063
            <div class="reblog_head">
1064
                <img src="{portraiturl-64}" class="tumblr_avatar"/>
1065
                <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
1066
            </div>
1067
            <div>
1068
                {Caption}
1069
            </div>
1070
        </div>
1071
    </div>
1072
    {/block:NotReblog}
1073
    {block:RebloggedFrom}
1074
    <div class="caption text">
1075
        {block:Reblogs}
1076
        <div class="tumblr_parent">
1077
            <div class="reblog_head">
1078
                <img src="{portraiturl-64}" class="tumblr_avatar"/>
1079
                {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive}
1080
                {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated}
1081
            </div>
1082
            <div>
1083
                {Body}
1084
            </div>
1085
        </div>
1086
        {/block:Reblogs}
1087
    </div>
1088
    {/block:RebloggedFrom}
1089
    {/block:Caption}
1090
    {/block:Photoset}
1091
 
1092
    {block:Quote}
1093
    <div class="quote">
1094
        <span>❝</span> 
1095
        {Quote} 
1096
    </div>
1097
    {block:Source}
1098
    <div class="text sourcez">
1099
        {Source}
1100
    </div>
1101
    {/block:Source}
1102
    {/block:Quote}
1103
 
1104
    {block:Link}
1105
    <a href="{URL}" {Target} class="llp"><span>
1106
        <span class="ftr" data-feather="link-2"></span> 
1107
        <span class="highlight">{Name}</span>
1108
    <span></a>
1109
    {block:Description}
1110
    {block:NotReblog}
1111
    <div class="text">
1112
        <div class="tumblr_parent">
1113
            {Description}
1114
        </div>
1115
    </div>
1116
    {/block:NotReblog}
1117
    {block:RebloggedFrom}
1118
    <div class="text">
1119
        {block:Reblogs}
1120
        <div class="tumblr_parent">
1121
            <div class="reblog_head">
1122
                <img src="{portraiturl-64}" class="tumblr_avatar"/>
1123
                {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive}
1124
                {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated}
1125
            </div>
1126
            <div>
1127
                {Body}
1128
            </div>
1129
        </div>
1130
        {/block:Reblogs}
1131
    </div>
1132
    {/block:RebloggedFrom}
1133
    {/block:Description}
1134
    {/block:Link}
1135
 
1136
    {block:Chat}
1137
    {block:Title}<div class="headt"><span class="highlight">{Title}</span></div>{/block:Title}
1138
    <div class="chat">
1139
        {block:Lines}
1140
        <div class="line">
1141
            {block:Label}<span class="name">{Label}</span>{/block:Label}
1142
            {Line}
1143
        </div>
1144
        {/block:Lines}
1145
    </div>
1146
    {/block:Chat}
1147
 
1148
    {block:Audio}
1149
    <div class="aud">
1150
        <div class="musicinfo">
1151
            {block:TrackName}<b><span class="ftr" data-feather="headphones"></span> {TrackName}</b><br>{/block:TrackName}
1152
            {block:Artist}{Artist}<br>{/block:Artist}
1153
        </div>
1154
        {block:AudioPlayer}
1155
        <div class="tplayer">
1156
            {AudioPlayer}
1157
        </div>
1158
        {/block:AudioPlayer}
1159
    </div>
1160
    {block:Caption}
1161
    {block:NotReblog}
1162
    <div class="text">
1163
        <div class="tumblr_parent">
1164
            <div class="reblog_head">
1165
                <img src="{portraiturl-64}" class="tumblr_avatar"/>
1166
                <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
1167
            </div>
1168
            <div>
1169
                {Caption}
1170
            </div>
1171
        </div>
1172
    </div>
1173
    {/block:NotReblog}
1174
    {block:RebloggedFrom}
1175
    <div class="text">
1176
        {block:Reblogs}
1177
        <div class="tumblr_parent">
1178
            <div class="reblog_head">
1179
                <img src="{portraiturl-64}" class="tumblr_avatar"/>
1180
                {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive}
1181
                {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated}
1182
            </div>
1183
            <div>
1184
                {Body}
1185
            </div>
1186
        </div>
1187
        {/block:Reblogs}
1188
    </div>
1189
    {/block:RebloggedFrom}
1190
    {/block:Caption}
1191
    {/block:Audio}
1192
 
1193
    {block:Video}
1194
    <div class="video">
1195
        {Video-500}
1196
    </div>
1197
    {block:Caption}
1198
    {block:NotReblog}
1199
    <div class="caption text">
1200
        <div class="tumblr_parent">
1201
            <div class="reblog_head">
1202
                <img src="{portraiturl-64}" class="tumblr_avatar"/>
1203
                <a target="_blank" href="{Permalink}" class="reblog_user">{Name}</a>
1204
            </div>
1205
            <div>
1206
                {Caption}
1207
            </div>
1208
        </div>
1209
    </div>
1210
    {/block:NotReblog}
1211
    {block:RebloggedFrom}
1212
    <div class="caption text">
1213
        {block:Reblogs}
1214
        <div class="tumblr_parent">
1215
            <div class="reblog_head">
1216
                <img src="{portraiturl-64}" class="tumblr_avatar"/>
1217
                {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive}
1218
                {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated}
1219
            </div>
1220
            <div>
1221
                {Body}
1222
            </div>
1223
        </div>
1224
        {/block:Reblogs}
1225
    </div>
1226
    {/block:RebloggedFrom}
1227
    {/block:Caption}
1228
    {/block:Video}
1229
 
1230
    {block:Answer}
1231
    <div class="question">
1232
        {Question}
1233
    </div>
1234
    <div class="asker">
1235
        <span class="ftr" data-feather="help-circle"></span>
1236
        {Asker}
1237
    </div>
1238
    {block:NotReblog}
1239
    <div class="text">
1240
        <div class="tumblr_parent">
1241
            {Answer}
1242
        </div>
1243
    </div>
1244
    {/block:NotReblog}
1245
    {block:RebloggedFrom}
1246
    <div class="text">
1247
        <div class="tumblr_parent">
1248
            {block:Answerer}
1249
            <div class="reblog_head">
1250
                <img src="{AnswererPortraiturl-64}" class="tumblr_avatar"/>
1251
                {Answerer}
1252
            </div>
1253
            {/block:Answerer}
1254
            <div>
1255
                {Answer}
1256
            </div>
1257
        </div>
1258
        {block:Reblogs}
1259
        <div class="tumblr_parent">
1260
            <div class="reblog_head">
1261
                <img src="{PortraitURL-64}" class="tumblr_avatar"/>
1262
                {block:IsActive}<a target="_blank" href="{Permalink}" class="reblog_user">{Username}</a>{/block:IsActive}
1263
                {block:IsDeactivated}<span class="reblog_user">{Username}</span>{/block:IsDeactivated}
1264
            </div>
1265
            <div>
1266
                {Body}
1267
            </div>
1268
        </div>
1269
        {/block:Reblogs}
1270
    </div>
1271
    {/block:RebloggedFrom}
1272
    {/block:Answer}
1273
    
1274
    {block:IndexPage}
1275
    {block:ifshowtags}
1276
    {block:HasTags}
1277
    <div class="tags">
1278
        {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
1279
    </div>
1280
    {/block:HasTags}
1281
    {/block:ifshowtags}
1282
    <div class="permalink">
1283
        <a class="like" title="like this post?">
1284
            {LikeButton size="15"}
1285
            <span class="ftr" data-feather="heart"></span>
1286
        </a>
1287
        <a href="{Permalink}" class="ion" title="{TimeAgo} + {NoteCountWithLabel}">
1288
            {block:Text}<span class="ftr" data-feather="file-text"></span>{/block:Text}
1289
            {block:Photo}<span class="ftr" data-feather="camera"></span>{/block:Photo}
1290
            {block:Photoset}<span class="ftr" data-feather="image"></span>{/block:Photoset}
1291
            {block:Quote}<span class="ftr" data-feather="message-square"></span>{/block:Quote}
1292
            {block:Chat}<span class="ftr" data-feather="message-circle"></span>{/block:Chat}
1293
            {block:Link}<span class="ftr" data-feather="link-2"></span>{/block:Link}
1294
            {block:Audio}<span class="ftr" data-feather="music"></span>{/block:Audio}
1295
            {block:Video}<span class="ftr" data-feather="film"></span>{/block:Video}
1296
            {block:Answer}<span class="ftr" data-feather="help-circle"></span>{/block:Answer}
1297
        </a>
1298
        <a href="{ReblogURL}" title="reblog?">
1299
            <span class="ftr" data-feather="refresh-cw"></span>
1300
        </a>
1301
    </div>
1302
    {/block:IndexPage}
1303
    
1304
</article><!--posts-->
1305
 
1306
{block:PermalinkPage}{block:Date}
1307
<div id="permapage">
1308
    <div class="date">
1309
        {block:Text}<span class="ftr" data-feather="file-text"></span>{/block:Text}
1310
        {block:Photo}<span class="ftr" data-feather="camera"></span>{/block:Photo}
1311
        {block:Photoset}<span class="ftr" data-feather="image"></span>{/block:Photoset}
1312
        {block:Quote}<span class="ftr" data-feather="message-square"></span>{/block:Quote}
1313
        {block:Chat}<span class="ftr" data-feather="message-circle"></span>{/block:Chat}
1314
        {block:Link}<span class="ftr" data-feather="link-2"></span>{/block:Link}
1315
        {block:Audio}<span class="ftr" data-feather="music"></span>{/block:Audio}
1316
        {block:Video}<span class="ftr" data-feather="film"></span>{/block:Video}
1317
        {block:Answer}<span class="ftr" data-feather="help-circle"></span>{/block:Answer}
1318
        <span class="date">
1319
            {DayOfMonth} {ShortMonth} '{ShortYear} @ {24HourWithZero}:{Minutes}
1320
        </span>
1321
    </div>
1322
    {block:RebloggedFrom}
1323
    <div class="rbg">
1324
        <span class="ftr" data-feather="edit"></span>
1325
        <a href="{ReblogRootURL}">source: {ReblogRootName}</a>
1326
    </div>
1327
    <div class="rbg">
1328
        <span class="ftr" data-feather="refresh-ccw"></span>
1329
        <a href="{ReblogParentURL}">via: {ReblogParentName}</a>
1330
    </div>    
1331
    {/block:RebloggedFrom}
1332
    {block:HasTags}
1333
    <div class="pt">
1334
        <span class="ftr" data-feather="tag"></span>
1335
        <span class="tag">
1336
            {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}
1337
        </span>
1338
    </div>
1339
    {/block:HasTags}
1340
</div><!--permapage-->
1341
{/block:Date}
1342
{/block:PermalinkPage}
1343
1344
{block:ContentSource}
1345
<!-- {SourceURL}
1346
{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
1347
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
1348
{/block:ContentSource}
1349
<!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
1350
 
1351
{block:PostNotes}
1352
<div class="notes">
1353
    <div class="count">
1354
        <span class="ftr" data-feather="feather"></span>
1355
        <span class="note">{NoteCountWithLabel}</span>
1356
    </div>
1357
    <div>
1358
        {PostNotes}
1359
    </div>
1360
</div>
1361
{/block:PostNotes}
1362
 
1363
{/block:Posts}
1364
</section><!--postmargin-->
1365
1366
{block:Pagination}
1367
<footer id="pagination">
1368
    {block:PreviousPage}<a href="{PreviousPage}" title="back" class="prev"><span class="ftr" data-feather="arrow-left"></span></a>{/block:PreviousPage}
1369
    <span>{CurrentPage}</span>
1370
    {block:NextPage}<a href="{NextPage}" title="forth" class="next"><span class="ftr" data-feather="arrow-right"></span></a>{/block:NextPage}
1371
</footer>
1372
<footer id="manual">
1373
    <a href="#" id="load" title="load more posts..."><span class="ftr" data-feather="arrow-down"></span></a>
1374
</footer>
1375
{/block:Pagination}
1376
1377
<script>feather.replace()</script>
1378
1379
<!-- For CWL and DTHN, thank you for everything :) -->
1380
</body>
1381
</html>