View difference between Paste ID: EdqwPWKN and 37HwzeWr
SHOW: | | - or go back to the newest paste.
1
<html>
2
3
<head>
4
<meta charset="UTF-8">
5
6
<!-- 
7
8
01: S u g a r
9
10
Theme by Draco (enterprise-themes) || tumblr controls by cyantists || buttons color fix by demirev (http://demirev.cubthemes.com)
11
12
Please do not remove credit, use as a base or claim as your own! Otherwise, feel free to edit it as you like and notify me if anything in the code is not working properly.
13
14
-->
15
16
<title>{Title}</title>
17
18
<link rel="shortcut icon" href="{Favicon}">
19
20
<link rel="alternate" type="application/rss+xml" href="{RSS}">
21
22
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
23
24
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
25
26
<link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i" rel="stylesheet">
27
28
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i,600,600i" rel="stylesheet">
29
30
31
<script defer src="https://use.fontawesome.com/releases/v5.0.10/js/all.js" integrity="sha384-slN8GvtUJGnv6ca26v8EzVaR9DC58QEwsIk9q1QXdCU8Yu8ck/tL/5szYlBbqmS+" crossorigin="anonymous"></script>
32
33
<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
34
35
36
<meta name="color:background" content="#fff7f7"/>
37
<meta name="color:scrollbar" content="#ffb6c1"/>
38
<meta name="color:text" content="#252525"/>
39
<meta name="color:bold" content="#000"/>
40
<meta name="color:italic" content="#252525"/>
41
<meta name="color:link" content="#9aadbf"/>
42
<meta name="color:link hover" content="#000"/>
43
<meta name="color:like and reblog" content="#9aadbf"/>
44
<meta name="color:navigation" content="#fff"/>
45
<meta name="color:nav links" content="#000"/>
46
<meta name="color:title" content="#9aadbf"/>
47
<meta name="color:post title" content="#000"/>
48
<meta name="color:borders" content="#ffb6c1"/>
49
<meta name="color:posts" content="#fff"/>
50
<meta name="color:tags" content="#9AADBF"/>
51
52
53
<meta name="color:selection text" content="#fff"/>
54
<meta name="color:selection bg" content="#ffb6c1"/>
55
56
<meta name="image:background" content=""/>
57
<meta name="image:icon" content=""/>
58
59
<meta name="if:repeat background" content='0'>
60
<meta name="if:archive link" content='1'>
61
<meta name="if:link one" content='1'>
62
<meta name="if:link two" content='1'>
63
<meta name="if:link three" content='1'>
64
<meta name="if:link four" content='0'>
65
<meta name="if:link five" content='0'>
66
<meta name="if:link six" content='0'>
67
<meta name="if:link seven" content='0'>
68
<meta name="if:link eight" content='0'>
69
70
<meta name="if:Show like and reblog" content='1'>
71
<meta name="if:Light controls" content='0'>
72
73
74
<meta name="if:400px" content='1'>
75
<meta name="if:Sidebar position" content='1'>
76
77
<meta name="select:Font Size" content="12px" title="12px">
78
<meta name="select:Font Size" content="11px" title="11px">
79
<meta name="select:Font Size" content="13px" title="13px">
80
81
<meta name="text:Link 1" content="Link 1"/>
82
<meta name="text:Link 1 URL" content=""/>
83
<meta name="text:Link 2" content="Link 2"/>
84
<meta name="text:Link 2 URL" content=""/>
85
<meta name="text:Link 3" content="Link 3"/>
86
<meta name="text:Link 3 URL" content=""/>
87
<meta name="text:Link 4" content="Link 4"/>
88
<meta name="text:Link 4 URL" content=""/>
89
<meta name="text:Link 5" content="Link 5"/>
90
<meta name="text:Link 5 URL" content=""/>
91
<meta name="text:Link 6" content="Link 6"/>
92
<meta name="text:Link 6 URL" content=""/>
93
<meta name="text:Link 7" content="Link 7"/>
94
<meta name="text:Link 7 URL" content=""/>
95
<meta name="text:Link 8" content="Link 8"/>
96
<meta name="text:Link 8 URL" content=""/>
97
98
99
<meta name="select:Font" content="'Open Sans'" title="Open Sans"/>
100
<meta name="select:Font" content="'IBM Plex Mono'" title="IBM Plex Mono"/>
101
<meta name="select:Font" content="'Roboto'" title="Roboto"/>
102
103
104
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,500,500i" rel="stylesheet">
105
106
<script defer src="https://use.fontawesome.com/releases/v5.0.10/js/all.js" integrity="sha384-slN8GvtUJGnv6ca26v8EzVaR9DC58QEwsIk9q1QXdCU8Yu8ck/tL/5szYlBbqmS+" crossorigin="anonymous"></script>
107
108
<style>
109
110
::selection {
111
    color:{color:selection text};
112
    background:{color:selection bg};
113
}
114
115
::-webkit-scrollbar-thumb {
116
    z-index:9999;
117
    position:relative;
118
    height:auto;
119
    background-color: {color:scrollbar};
120
}
121
122
::-webkit-scrollbar {
123
    width:7px;
124
    height:7px;
125
    background-color:{color:background};
126
}
127
128
body{
129
    margin: 0;
130
    font-family: {select:Font}, sans-serif;
131
    font-size: {select:Font Size};
132
    color:{color:text};
133
    background-color:{color:background};
134
    background-image: url({image:background});
135
    {block:ifrepeatbackground}background-repeat: repeat;{/block:ifrepeatbackground}
136
    {block:ifnotrepeatbackground}background-repeat: no-repeat;
137
    background-position: center center;
138
    background-size: cover;
139
    {/block:ifnotrepeatbackground}
140
    background-attachment: fixed;
141
}
142
143
b, strong {
144
    color:{color:bold};
145
    
146
}
147
148
i, em {
149
    color:{color:italic};
150
    
151
}
152
153
a{
154
    text-decoration: none;
155
    color: {color:link};
156
    transition: color .4s;
157
}
158
159
a:hover{
160
    color: {color:link hover};
161
}
162
163
h1, h2{
164
    -webkit-margin-before: 0;
165
}
166
167
h1 a{
168
    color: initial;
169
}
170
171
small{
172
    font-size: inherit;
173
}
174
175
hr{
176
    border: none;
177
    border-bottom: 5px {color:borders} dotted;
178
    width: 100px;
179
    margin-top: 20px;
180
    margin-bottom: 20px;
181
}
182
183
img{
184
    max-width: 100%;
185
    height: auto;
186
}
187
188
#sidebar{
189
    position: fixed;
190
    background-color: {color:posts};
191
    width: 250px;
192
    left: 13vw;
193
    {block:ifsidebarposition}top: 17vh;{/block:ifsidebarposition}
194
    {block:ifnotsidebarposition}top: 7vh;{/block:ifnotsidebarposition}
195
    padding-bottom: 20px;
196
    border: 2px solid {color:borders};
197
    -webkit-box-shadow: 10px 10px 0px 0px {color:borders};
198
    -moz-box-shadow: 10px 10px 0px 0px {color:borders};
199
    box-shadow: 10px 10px 0px 0px {color:borders};
200
    z-index: 99;
201
}
202
203
#avatar{
204
    width: 100px;
205
    height: 100px;
206
    margin-left: 75px;
207
    border-radius: 100px;
208
    margin-top: 40px;
209
    background-image: url({image:icon});
210
    background-size: cover;
211
    background-repeat: no-repeat;
212
    border: 2px solid {color:borders};
213
    background-color: {color:borders};
214
}
215
216
h2#title{
217
    color: {color:title};
218
    margin: 20px 15px;
219
    text-align: center;
220
    text-transform: uppercase;
221
    font-size: 1.3em;
222
    letter-spacing: 1px;
223
}
224
225
h2#title a{
226
    color: {color:title};
227
}
228
229
p#description{
230
    margin: 20px 35px;
231
}
232
233
#nav{
234
    width: 80%;
235
    margin-left: 10%;
236
    text-transform: uppercase;
237
    letter-spacing: 1px;
238
    font-size: 1.1em;
239
    text-align: center;
240
}
241
242
#nav ul{
243
    list-style-type: none;
244
}
245
246
#nav ul, #nav li{
247
    margin: 0;
248
    padding: 0;
249
}
250
251
#nav li{
252
    border: 2px solid {color:borders};
253
    width: calc(50% - 10px);
254
    display: inline-block;
255
    float: left;
256
    box-sizing: border-box;
257
    margin: 5px;
258
    font-size: .8em;
259
    padding: 2px;
260
    position: relative;
261
}
262
263
#nav li:before {
264
    content: "";
265
    background: {color:borders};
266
    position: absolute;
267
    left: 0;
268
    top: 0;
269
    width: 0;
270
    height: 100%;
271
    z-index: -1;
272
    -webkit-transition: width .7s ease-out;
273
}
274
275
#nav li:hover:before {
276
    width: 100%;
277
}
278
279
#nav li:after{
280
    content: "";
281
    position: absolute;
282
    left: 0;
283
    top: 0;
284
    width: 100%;
285
    height: 100%;
286
    z-index: -2;
287
    background: #fff;
288
}
289
290
#nav a{
291
    font-weight: normal;
292
    color: {color:nav links};
293
}
294
295
#nav a:hover{
296
    color: {color:nav links};
297
}
298
299
#drop{
300
    background: {color:borders};
301
    margin-bottom: 10px;
302
    padding: 5px;
303
    font-weight: bold;
304
    color: {color:navigation};
305
    cursor: pointer;
306
}
307
308
#dropmenu{
309
    width: 100%;
310
    display: none;
311
}
312
313
#arrows{
314
    text-align: center;
315
    margin-bottom: 50px;
316
    margin-top: 20px;
317
    color: grey;
318
}
319
320
#arrows a{
321
    color: grey;
322
}
323
324
#arrows .fa-angle-left{
325
    margin-right: 30px;
326
}
327
328
#arrows .fa-angle-right{
329
    margin-left: 30px;
330
}
331
332
#cont{
333
    margin-left: 307px;
334
    padding-top: 30px;
335
    box-sizing: border-box;
336
}
337
338
.posts-cont {
339
    {block:ifnot400px}
340
    margin-left: calc(50% - 305px);
341
    {/block:ifnot400px}
342
    {block:if400px}
343
    margin-left: calc(50% - 255px);
344
    {/block:if400px}
345
    width: 688px;
346
    display: inline-block;
347
    margin-top: 30px;
348
}
349
350
.posts{
351
    float: left;
352
    {block:ifnot400px}
353
    width: 550px;
354
    {/block:ifnot400px}
355
    {block:if400px}
356
    width:440px;
357
    {/block:if400px}
358
    padding:30px;
359
    padding-top: 40px;
360
    margin-bottom: 60px;
361
    border: 2px solid {color:borders};
362
    -webkit-box-shadow: 10px 10px 0px 0px {color:borders};
363
    -moz-box-shadow: 10px 10px 0px 0px {color:borders};
364
    box-shadow: 10px 10px 0px 0px {color:borders};
365
    background-color: {color:posts};
366
}
367
368
.buttons{
369
    margin-left: 30px;
370
    float: left;
371
}
372
373
.but{
374
    width: 39px;
375
    height: 39px;
376
    border: 2px solid {color:borders};
377
    margin-top: 10px;
378
    padding: 5px;
379
    box-sizing: border-box;
380
    color: #ccc;
381
    cursor: pointer;
382
}
383
384
.but:first-child{
385
    margin-top: 0px;
386
}
387
388
.but a{
389
    color: {color:like and reblog};
390
}
391
392
.but a:hover{
393
    color: {color:link hover};
394
}
395
396
.likebutton, .reblogbutton{
397
    display:inline-block;
398
}
399
400
.posts h1{
401
    text-transform: uppercase;
402
    font-size: 1.4em;
403
}
404
405
.posts h1, .posts h2{
406
    color: {color:post title};
407
}
408
409
.posts a{
410
    color: {color:link};
411
}
412
413
.posts a:hover{
414
    color: {color:link hover};
415
}
416
417
blockquote {
418
    margin:0px 0px 0px 20px;
419
    padding:2px 0px 2px 15px;
420
    border-left:2px solid {color:borders};
421
}
422
423
.rebloggedfrom{
424
    {block:ifnot400px}
425
    width: 610px;
426
    {/block:ifnot400px}
427
    {block:if400px}
428
    width: 500px;
429
    {/block:if400px}
430
}
431
432
.rebloggedfrom a{
433
    color: {color:tags};
434
    font-weight: bold;
435
    font-size: .9em;
436
}
437
438
.rebloggedfrom a:hover{
439
    color: {color:link hover};
440
}
441
442
.rebloggedfrom .left{
443
    width: 50%;
444
    float: left;
445
    padding-bottom: 5px;
446
}
447
448
.rebloggedfrom .right{
449
    width: 50%;
450
    float: left;
451
    padding-bottom: 5px;
452
    text-align: right;
453
}
454
455
.reblog_button svg path {
456
    fill: {color:like and reblog};
457
    transition: all .4s;
458
}
459
460
.reblog_button:hover svg path{
461
    fill: {color:link hover}
462
}
463
464
.likebut {
465
    position: relative;
466
}
467
468
.likebut svg path {
469
    fill: {color:like and reblog};
470
    transition: all .4s;
471
}
472
473
.likebut:hover svg path {
474
    fill: {color:link hover}
475
}
476
477
.likebut .like_button {
478
    position: absolute;
479
    top: 5px;
480
    opacity: 0.01;
481
}
482
483
.likebut .like_button.liked {
484
    opacity: 1;
485
}
486
487
.tags{
488
    text-align: center;
489
}
490
491
.tags a{
492
    margin-right: 8px;
493
    color: {color:tags};
494
    font-weight: bold;
495
    font-size: .9em;
496
    display: inline-block;
497
}
498
499
.tags a:hover{
500
    color: {color:link hover};
501
}
502
503
ol.notes{
504
    list-style-type: none;
505
    padding: 0;
506
}
507
508
a.avatar_frame{
509
    display: none;
510
}
511
512
.audio{
513
    display: block;
514
    width: 100%;
515
    height: 56px;
516
}
517
518
.audioalbum{
519
    float: left;
520
}
521
522
.audioinfo{
523
    margin-top: 10px;
524
    border-bottom: {color:borders} 2px solid;
525
    background-color: {color:background};
526
    padding: 15px;
527
    padding-bottom: 10px;
528
}
529
530
.ask {
531
    border-bottom: {color:borders} 2px solid;
532
    background-color: {color:background};
533
    text-align:center;
534
    padding: 15px;
535
    padding-bottom: 10px;
536
}
537
538
.askericon {
539
    display: inline-block;
540
    vertical-align: middle;
541
    margin-right:5px;
542
}
543
544
.asker {
545
    text-transform: uppercase;
546
    font-weight: bold;
547
    display: inline-block;
548
    padding: 0;
549
    margin: 0;
550
    margin-bottom: 10px;
551
}
552
553
.answer {
554
    padding-top: 10px;
555
}
556
557
.link{
558
    border-bottom: {color:borders} 2px solid;
559
    background-color: {color:background};
560
    text-align:center;
561
    padding: 15px;
562
    padding-bottom: 10px;
563
}
564
565
.chat ol{
566
    list-style-type: none;
567
    padding: 0;
568
}
569
570
.chat li:nth-child(odd){
571
    background-color: {color:background};
572
}
573
574
.chat li{
575
    padding: 5px;
576
}
577
578
#credit{
579
    position: fixed;
580
    bottom: 1px;
581
    right: 2px;
582
    width: 22px;
583
    height: 22px;
584
    padding-top:2px;
585
    text-align: center;
586
    box-sizing: border-box;
587
    color: #999;
588
    transition: all .4s;
589
}
590
591
#credit:hover{
592
    color: #222;
593
}
594
595
iframe.tmblr-iframe {
596
    z-index:99999999999999!important;
597
    top:0!important;
598
    right:0!important;
599
    opacity:0.4;
600
    /* delete invert(1) from here */
601
{block:iflightcontrols}
602
        filter:invert(1) contrast(150%);
603
        -webkit-filter:invert(1) contrast(150%);
604
        -o-filter:invert(1) contrast(150%);
605
        -moz-filter:invert(1) contrast(150%);
606
        -ms-filter:invert(1) contrast(150%);
607
{/block:iflightcontrols}
608
    /* to here if your blog has a dark background */
609
    transform:scale(0.65);
610
    transform-origin:100% 0;
611
    -webkit-transform:scale(0.65);
612
    -webkit-transform-origin:100% 0;
613
    -o-transform:scale(0.65);
614
    -o-transform-origin:100% 0;
615
    -moz-transform:scale(0.65);
616
    -moz-transform-origin:100% 0;
617
    -ms-transform:scale(0.65);
618
    -ms-transform-origin:100% 0;}
619
620
iframe.tmblr-iframe:hover {
621
    opacity:0.6!important;
622
}
623
624
.html_photoset {
625-
</head>
625+
    pointer-events: none;
626
}
627
</style>
628
629
<body>
630
631
632
<div id="sidebar">
633
    
634
    <a href="/"><div id="avatar"></div></a>
635
    
636
     <a href="/"><h2 id="title">
637
        {Title}
638
    </h2></a>
639
    
640
    <p id="description">
641
    {Description}
642
    </p>
643
    
644
    <div id="nav">
645
        
646
        <div id="drop">Navigation <i class="fas fa-caret-down"></i>
647
648
</div>
649
        <div id="dropmenu">
650
        <ul>
651
            <a href="/"><li>Index</li></a>
652
            <a href="/ask"><li>Ask</li></a>
653
            {block:ifarchivelink}<a href="/archive"><li>Archive</li></a>{/block:ifarchivelink}
654
            {block:iflinkone}<a href="{text:Link 1 URL}"><li>{text:Link 1}</li></a>{/block:iflinktwo}
655
            {block:iflinktwo}<a href="{text:Link 2 URL}"><li>{text:Link 2}</li></a>{/block:iflinktwo}
656
            {block:iflinkthree}<a href="{text:Link 3 URL}"><li>{text:Link 3}</li></a>{/block:iflinkthree}
657
            {block:iflinkfour}<a href="{text:Link 4 URL}"><li>{text:Link 4}</li></a>{/block:iflinkfour}
658
            {block:iflinkfive}<a href="{text:Link 5 URL}"><li>{text:Link 5}</li></a>{/block:iflinkfive}
659
            {block:iflinksix}<a href="{text:Link 6 URL}"><li>{text:Link 6}</li></a>{/block:iflinksix}
660
            {block:iflinkseven}<a href="{text:Link 7 URL}"><li>{text:Link 7}</li></a>{/block:iflinkseven}
661
            {block:iflinkeight}<a href="{text:Link 8 URL}"><li>{text:Link 8}</li></a>{/block:iflinkeight}
662
        </ul>
663
        </div>
664
        
665
    </div>
666
    
667
</div>
668
669
670
<div id="cont">
671
    {block:Posts}
672
    <div class="posts-cont">
673
    
674
    
675
<div class="rebloggedfrom">
676
    
677
    <div class="left">{block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
678
    
679
    <div class="right">
680
        
681
        <a href="{Permalink}">{NoteCountwithLabel}</a> &nbsp; {block:RebloggedFrom}<a href="{ReblogRootURL}" title="{ReblogRootName}">©</a>
682
        {/block:RebloggedFrom}
683
        
684
    </div>
685
    
686
</div>
687
    
688
        <div class="posts">
689
            
690
        {block:Text}
691
            {block:Title}<h1>{Title}</h1>{/block:Title}
692
            {Body}
693
        {/block:Text}
694
            
695
            
696
        {block:Quote}
697
            <h2>&ldquo;{Quote}&rdquo;</h2>
698
            {block:Source}<div id="source">— {Source}</div>{/block:Source}
699
        {/block:Quote}
700
        
701
        
702
        {block:Link}
703
            <h1 class="link"><a href="{URL}"><< {Name} >></a></h1>
704
            {block:Description}{Description}{/block:Description}
705
         {/block:Link}
706
         
707
708
        {block:Chat}
709
            {block:Title}
710
            <h1>{Title}</h1>
711
            {/block:Title}
712
            
713
            <div class="chat">
714
            <ol>{block:Lines}
715
            <li>
716
            {block:Label}
717
            
718
            <b>{Label}</b>
719
            {/block:Label}{Line}</li>
720
            {/block:Lines}
721
            </ol></div>
722
        {/block:Chat}
723
        
724
        
725
        {block:Photo}
726
            {LinkOpenTag}<center>
727
            
728
            {block:if400px}
729
            <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
730
            {block:if400px}
731
            
732
            {block:ifnot400px}
733
            <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
734
            {/block:ifnot400px}
735
                
736
            </center> {LinkCloseTag}
737
            
738
            {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
739
        {/block:Photo}
740
        
741
        
742
        
743
        {block:Photoset}
744
        <center>
745
        
746
        {Photoset}
747
        
748
        </center>
749
        
750
        {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
751
        {/block:Photoset}
752
        
753
        
754
        
755
        {block:Video}
756
            <center>
757
            
758
            {block:ifnot400px}
759
            {Video-500}
760
            {/block:ifnot400px}
761
            
762
            
763
            {block:if400px}
764
            {Video-400}
765
            {/block:if400px}
766
        
767
            </center>
768
            {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
769
        {/block:Video}
770
        
771
        {block:Audio}
772
<div class="audio">
773
774
<div class="audioalbum">
775
<span style="opacity: 0.4; position: absolute;"><img style="width:50px; height:50px;" src="https://68.media.tumblr.com/9b78d1e07567414cae86f9e454b1e9f7/tumblr_inline_o39hgzRFff1rrt3vb_540.png" width="100"></span>{block:AlbumArt}<img src="{AlbumArtURL}" width="50">{/block:AlbumArt}</div>
776
777
<span style="float:left;
778
    margin-left: 10px;
779
    margin-top: 10px;">{AudioPlayerWhite}</span>
780
781
782
</div>
783
784
785
786
<div class="audioinfo">
787
{block:TrackName}<span><b>Song:</b> {TrackName} </span>
788
<br>{/block:TrackName}
789
790
{block:Artist}<span><b>Artist:</b> {Artist} </span>
791
<br>{/block:Artist}
792
793
{block:Album}<span><b>Album:</b>{Album}</span> 
794
<br>{/block:Album}
795
796
{block:PlayCount}<span><b>Play count:</b> {PlayCount}</span> {/block:PlayCount}
797
798
</div>
799
    
800
    
801
802
{block:Caption}
803
804
{Caption}
805
806
{/block:Caption}
807
{/block:Audio}
808
809
810
{block:Answer}
811
812
<div class="ask">
813
<img class="askericon" src="{AskerPortraitURL-24}">
814
    <div class="asker">{Asker} asked:</div>
815
    <div class="question">
816
    <b>&ldquo;</b>{Question}<b>&rdquo;</b>
817
    </div>
818
</div>
819
820
<div class="answer">{block:Answerer}
821
822
<div class="replier">{Answerer} replied:</div>{/block:Answerer}
823
824
{Answer}
825
    
826
</div>
827
{block:Answerer}<div class="replies">{Replies}</div>{/block:Answerer}
828
{/block:Answer}
829
830
831
{block:IndexPage}
832
    {block:HasTags}
833
        <hr>       
834
         
835
         <div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
836
    {/block:HasTags}
837
838
{/block:IndexPage}
839
840
 
841
{block:PermalinkPage}
842
<hr>
843
    {block:HasTags}
844
      <div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
845
    {/block:HasTags}
846
847
{PostNotes}
848
{/block:PermalinkPage}
849
850
851
</div>
852
                    
853
        
854
        <div class="buttons">
855
            <div class="but">
856
            <a href="{Permalink}"><i class="fas fa-link fa-2x"></i></a>
857
            </div>
858
            {block:ifshowlikeandreblog}
859
            <div class="but likebut">
860
            <svg width="25" height="25" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">
861
        <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path>
862
    </svg>
863
            {LikeButton size="25"}
864
            </div>
865
            <div class="but">
866
            {ReblogButton size="25" color="gray"}
867
            </div>
868
            {/block:ifshowlikeandreblog}
869
        </div>
870
    </div>
871
    {/block:Posts}
872
    
873
{block:IndexPage}
874
    <div id="arrows">
875
        {block:PreviousPage}<a href="{PreviousPage}"><span style="color:{color:borders}">{/block:PreviousPage}<i class="fas fa-angle-left fa-3x"></i>{block:PreviousPage}</span></a>{/block:PreviousPage}
876
        {block:NextPage}<a href="{NextPage}">
877
<span style="color:{color:borders}">{/block:NextPage}
878
<i class="fas fa-angle-right fa-3x"></i>{block:NextPage}</span></a>{/block:NextPage}
879
    </div>
880
{/block:IndexPage}
881
    
882
</div>
883
884
885
<a href="http://enterprise-themes.tumblr.com/"><div id="credit"><i class="far fa-hand-spock fa-lg"></i></div></a>
886
<script>
887
888
    $(document).ready(function(){
889
890
        $('#drop').click(function(){
891
           
892
            $('#dropmenu').slideToggle();
893
            
894
        });
895
        
896
        
897
    });
898
    
899
</script>
900
901
902
</body>
903
</html>
904
</html>