View difference between Paste ID: Pt0AbMbr and hKzHCf60
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<title>{Title} {block:TagPage}/ #{Tag}{/block:TagPage}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
5
 
6
<link rel="shortcut icon" href="{Favicon}">
7
<link rel="alternate" type="application/rss+xml" href="{RSS}">
8
{block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
9
<meta charset="utf-8">
10
<meta name="viewport" content="width=device-width, initial-scale=1.0">
11
12
<!---
13
    
14
    BASE CODE BY SEYCHE.TUMBLR.COM
15
    
16
    TERMS:
17
    -if you use this to make your own theme and release it, I only ask that you make significant changes and credit me somewhere. please don't claim this as your own base or release it as your own base code.
18
    -if you use this to make your own theme, you may replace my credit in the bottom left corner with your own.
19
    -if you use this as a full theme without making any changes, please leave my credit where it is. 
20
    
21
--->
22
23
<!----- VARIABLES AND OPTIONS ----->
24
25
<meta name="image:Sidebar" content=""/>
26
27
<meta name="color:Background" content="#ffffff"/>
28
<meta name="color:Text" content="#707070"/>
29
<meta name="color:Link" content="#313131"/>
30
<meta name="color:Accent" content="#71d3d7"/>
31
<meta name="color:Borders" content="#dcdcdc"/>
32
33
<meta name="select:Post Width" content="400px" title="400px"/>
34
<meta name="select:Post Width" content="500px" title="500px"/>
35
<meta name="select:Post Width" content="540px" title="540px"/>
36
37
<meta name="text:Post Margin" content="150"/>
38
39
<meta name="text:Home Link" content="home"/>
40
<meta name="text:Ask Link" content="ask"/>
41
<meta name="text:Archive Link" content="archive"/>
42
<meta name="text:Submit Link" content=""/>
43
<meta name="text:Link 1 URL" content=""/>
44
<meta name="text:Link 1" content=""/>
45
<meta name="text:Link 2 URL" content=""/>
46
<meta name="text:Link 2" content=""/>
47
<meta name="text:Link 3 URL" content=""/>
48
<meta name="text:Link 3" content=""/>
49
50
<!----- CSS ----->
51
52
<style type="text/css">
53
54
/*----- BASIC STYLING -----*/
55
56
body {
57
    font-family: sans-serif;
58
    font-size: 15px;
59
    color: {color:text};
60
    background-color: {color:background};
61
    line-height: 160%;
62
    word-wrap: break-word;
63
    letter-spacing: 0.04em;
64
    margin: 0;
65
    padding: 0;
66
}
67
68
a {
69
    color: {color:link}; 
70
    text-decoration: none;
71
    -webkit-transition: all 0.3s;
72
    -moz-transition: all 0.3s;
73
    -ms-transition: all 0.3s;
74
    -o-transition: all 0.3s;
75
    transition: all 0.3s;
76
}
77
78
a:hover {
79
    color: {color:accent};
80
    -webkit-transition: all 0.3s;
81
    -moz-transition: all 0.3s;
82
    -ms-transition: all 0.3s;
83
    -o-transition: all 0.3s;
84
    transition: all 0.3s;
85
}
86
87
blockquote {
88
    padding: 0 0 0 1.5em;
89
    border-left: 1px solid {color:borders};
90
    margin: 1.5em 0 1.5em 1.5em;
91
}
92
93
h1, h2, h3, h4, h5, .title {
94
    letter-spacing: 0.06em;
95
    line-height: 145%;
96
    font-weight: bold;
97
}
98
99
h1, .title {font-size: 1.5em;}
100
h2 {font-size: 1.3em;}
101
h3 {font-size: 1.25em;}
102
h4 {font-size: 1.1em;}
103
h5 {font-size: 1em;}
104
105
small {font-size: 0.9em;}
106
big {font-size: 1.1em;}
107
108
hr {
109
    height: 1px;
110
    border: none;
111
    box-shadow: none;
112
    background-color: {color:borders};
113
}
114
115
pre {
116
    line-height: inherit;
117
    font-size: inherit;
118
    white-space: pre-wrap;
119
    white-space: -moz-pre-wrap;
120
    white-space: -pre-wrap;
121
    white-space: -o-pre-wrap;
122
    word-wrap: break-word;
123
}
124
125
.tmblr-iframe-compact .tmblr-iframe--unified-controls {z-index: 999999999!important;}
126
127
/*----- SIDEBAR -----*/
128
129
#sidebar {
130
    width: 250px;
131
    position: fixed;
132
    top: {text:post margin}px;
133
    text-align: center;
134
}
135
136
{block:ifSidebarImage}
137
#side-img {margin-bottom: 1.5em;}
138
{/block:ifSidebarImage}
139
140
#description, nav {margin-top: 1.25em;}
141
nav a {margin: auto 0.5em;}
142
143
/*----- POSTS -----*/
144
145
main {
146
    position: relative;
147
    width: calc(250px + {select:post width} + 150px);
148
    margin: auto;
149
}
150
151
section {
152
    position: relative;
153
    width: {select:post width};
154
    margin-left: 400px;
155
}
156
157
article {
158
    width: 100%;
159
    position: relative;
160
    margin: {text:post margin}px auto;
161
}
162
163
.posts li, .posts blockquote, figure, video, iframe, .video, .video iframe, figure.tmblr-embed.tmblr-full, figure.tmblr-embed.tmblr-full iframe, .caption iframe {max-width: 100%;}
164
165
/*----- CAPTIONS -----*/
166
167
.caption {margin-top: 2em; list-style-type: none;}
168
.text-caption:first-of-type {margin-top: 0;}
169
170
.user-icon, .ask-icon {
171
    display: inline-block;
172
    vertical-align: middle;
173
    width: 2em;
174
    height: 2em;
175
    margin-right: 1em;
176
}
177
178
.username {
179
    display: inline-block;
180
    vertical-align: middle;
181
    font-weight: bold;
182
}
183
184
.deactive::after {
185
    content: '(deactivated)';
186
    margin-left: 1em;
187
    opacity: 0.75;
188
    color: {color:text};
189
}
190
191
p.tmblr-attribution {margin-top: 1em !important;}
192
193
/*----- TEXT -----*/
194
195
h1.post-title {margin-top: 0;}
196
197
/*----- LINK -----*/
198
199
a.link-wrap {display: block; border: 1px solid {color:borders};}
200
.link {padding: 2em;}
201
.link-host, .link-txt {margin-top: 1.5em;}
202
203
.npf-link-block {
204
    margin-top: 1.5em; 
205
    background-color: inherit;
206
    border: 1px solid inherit;
207
    color: inherit;
208
}
209
210
/*----- PHOTO -----*/
211
212
img {
213
    margin: 0;
214
    display: block;
215
    height: auto;
216
    max-width: 100%;
217
}
218
 
219
.photo img {width: 100%;}
220
.vignette, #vignette {opacity: 0;}
221
.tmblr-lightbox, #tumblr_lightbox {background-color: rgba(130, 130, 130, 0.75) !important;}
222
 
223
.lightbox-image, #tumblr_lightbox img {
224
    box-shadow: none !important;
225
    border-radius: 0 !important;
226
    max-width: none;
227
}
228
229
#tumblr_lightbox_caption, .lightbox-caption {
230
    color: #fff !important;
231
    font-family: inherit;
232
    margin-top: 1em !important;
233
}
234
235
/*----- PHOTOSET -----*/
236
237
.post-content div.npf_row, .post div.npf_row, body div.npf_row {
238
    margin-left: 0 !important;
239
    margin-right: 0 !important;
240
}
241
242
/*----- QUOTE -----*/
243
244
.quote {line-height: 160%; font-size: 1.25em;}
245
246
.quote p:first-of-type {margin-top: 0;}
247
.quote p:last-of-type {margin-bottom: 0;}
248
249
.source {margin-top: 1.5em;}
250
251
/*----- CHAT -----*/
252
253
.chat {padding: 0; margin: 0;}
254
.chat li {list-style-type: none; margin-top: 1em;}
255
.chat li:first-of-type {margin-top: 0;}
256
.chatter {font-weight: bold;}
257
258
p.npf_chat, p.npf_chat b {font-family: inherit;}
259
260
/*----- ANSWER -----*/
261
262
.ask-wrap {border-bottom: 1px solid {color:borders}; padding-bottom: 2em;}
263
264
.ask-wrap .asking {
265
    display: inline-block; 
266
    margin-left: 1em;
267
    font-weight: bold;
268
}
269
270
.question {margin-top: 1em;}
271
.question p:first-of-type {margin-top: 0;}
272
.question p:last-of-type {margin-bottom: 0;}
273
274
/*----- AUDIO -----*/
275
 
276
.audiopost {padding: 2em; border: 1px solid {color:borders};}
277
 
278
.album-art {
279
    z-index: 1;
280
    display: inline-block;
281
    vertical-align: middle;
282
    float: left;
283
    width: 100px;
284
    height: 100px;
285
}
286
287
.audio-player-wrap {
288
    width: 100px;
289
    height: 100px;
290
    display: inline-block;
291
}
292
 
293
.button {
294
    width: 30px;
295
    height: 30px;
296
    overflow: hidden;
297
    position: relative;
298
    z-index: 2;
299
    margin: 7px;
300
}
301
 
302
.audiobox {
303
    background-color: #f2f2f2;
304
    z-index: 3;
305
    position: absolute;
306
    margin: 28px 0 0 28px;
307
    border-radius: 50%;
308
}
309
 
310
.audioinfo {
311
    display: inline-block;
312
    height: 100px;
313
    max-width: calc(100% - 100px);
314
    margin-left: 100px;
315
    display: flex;
316
    justify-content: center;
317
    flex-direction: column;
318
    box-sizing: border-box;
319
    padding-left: 2em;
320
}
321
322
.audioinfo li {list-style-type: none;}
323
.track {font-weight: bold;}
324
325
/*----- INFO -----*/
326
327
.info {margin-top: 2em;}
328
.info a {display: inline-block; vertical-align: middle;}
329
330
.likeb {
331
    position: relative;
332
    display: inline-block;
333
    height: 1.6em;
334
    margin-bottom: -1px;
335
}
336
 
337
.likeb .like_button iframe {
338
    position: absolute;
339
    top: 0;
340
    left: 0;
341
    bottom: 0;
342
    right: 0;
343
    z-index: 2;
344
    opacity: 0;
345
}
346
347
.like_button iframe {width: 100% !important; height: 100% !important;}
348
.likeb .liked + .actual-button {color: red;}
349
.likeb .liked + .actual-button:after {content: 'd';}
350
351
.info a, .tags a {margin-right: 0.75em;}
352
353
a.pinned-post {font-weight: bold; color: {color:accent};}
354
355
/*---- POST NOTES -----*/
356
357
.notes {margin: {text:post margin}px 0;}
358
359
ol.notes {
360
    max-width: 100%;
361
    padding: 0;
362
    margin: 2em 0 0 0;
363
}
364
365
ol.notes li.note {padding: 0.5em 0; list-style-type: none;}
366
367
ol.notes li.note img.avatar {
368
    margin-right: 1em;
369
    vertical-align: middle;
370
    display: inline-block;
371
    width: 1.25em;
372
    height: 1.25em;
373
}
374
375
/*---- PAGINATION -----*/
376
377
#page-navigation {text-align: center;}
378
#page-navigation a, .current-page {margin: 0 0.5em;}
379
.current-page {font-weight: bold; color: {color:accent};}
380
381
/*---- CREDIT -----*/
382
383
#credit {
384
    position: fixed;
385
    bottom: 20px;
386
    right: 20px;
387
    font-size: 15px;
388
}
389
390
/*---- 
391
392
MEDIA QUERIES AND RESPONSIVENESS:
393
394
if you change the basic layout (i.e. sidebar to header), you MUST modify     or delete this section, or else your theme will get screwed up on smaller screen sizes. if you're unfamiliar with media queries and/or you aren't interested in making responsive themes, I recommend deleting this whole section.
395
396
-----*/
397
398
/*--- for small desktop/tablet screens. converts sidebar to header ---*/
399
400
@media only screen and (max-width: 1100px) {
401
    main {width: {select:post width};}
402
    
403
    #sidebar {
404
        position: relative; 
405
        margin: {text:post margin}px auto;
406
        width: 100%;
407
        top: auto;
408
    }
409
    
410
    section {margin-left: 0;}
411
}
412
413
/*--- for mobile devices ---*/
414
415
@media only screen and (max-width: 720px) {
416
    main, section {width: 80vw;}
417
}
418
419
/*---- END OF MEDIA QUERIES -----*/
420
421
{CustomCSS}
422
423
</style>
424
</head>
425
426
<!----- HTML ----->
427
428
<body>
429
430
<!-- main = main container -->
431
432
<main>
433
434
<!----- SIDEBAR ----->
435
436
<aside id="sidebar">
437
    {block:ifSidebarImage}<img src="{image:Sidebar}" id="side-img" alt="Sidebar image"/></a>{/block:ifSidebarImage}
438
    <div class="title"><a href="/">{Title}</a></div>
439
    {block:Description}<div id="description">{Description}</div>{/block:Description}
440
    <nav>
441
        {block:ifHomeLink}<a href="/">{text:Home Link}</a>{/block:ifHomeLink}
442
        {block:AskEnabled}{block:ifAskLink}<a href="/ask">{text:Ask Link}</a>{/block:ifAskLink}{/block:AskEnabled}
443
        {block:ifArchiveLink}<a href="/archive">{text:Archive Link}</a>{/block:ifArchiveLink}
444
        {block:SubmissionsEnabled}{block:ifSubmitLink}<a href="/submit">{text:Submit Link}</a>{/block:ifSubmitLink}{/block:SubmissionsEnabled}
445
        {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
446
        {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
447
        {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
448
        {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
449
    </nav>
450
</aside>
451
452
<!----- TAG AND DAY PAGES ----->
453
454
<!-- section = post container -->
455
456
<section>
457
458
{block:TagPage}
459
<article>
460
    Viewing posts filed under #{Tag}
461
</article>
462
{/block:TagPage}
463
464
{block:DayPage}
465
<article>
466
    Viewing posts made on {Month} {DayOfMonth}, {Year}
467
</article>
468
{/block:DayPage}
469
470
<!----- POSTS ----->
471
472
{block:Posts}
473
<article class="posts" id="{PostID}">
474
475
{block:Text}
476
{block:Title}<h1 class="post-title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
477
{block:NotReblog}
478
    <li class="caption text-caption">
479
        {Body}
480
    </li>
481
{/block:NotReblog}
482
{block:RebloggedFrom}
483
    {block:Reblogs}
484
        <li class="caption text-caption">
485
            <img src="{PortraitURL-64}" class="user-icon">
486
            <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
487
            {Body}
488
        </li>
489
    {/block:Reblogs}
490
{/block:RebloggedFrom}
491
{/block:Text}
492
493
{block:Link}
494
<a href="{URL}" class="link-wrap">
495
    {block:Thumbnail}<img src="{Thumbnail-HighRes}">{/block:Thumbnail}
496
    <div class="link">
497
        <div class="title">{Name}</div>
498
        {block:Excerpt}<div class="link-txt">{Excerpt}</div>{/block:Excerpt}
499
        {block:Host}<div class="link-host">{Host}</div>{/block:Host}
500
    </div>
501
</a>
502
{block:Description}
503
    {block:NotReblog}
504
        <li class="caption">
505
            {Description}
506
        </li>
507
    {/block:NotReblog}
508
{/block:Description}
509
{block:RebloggedFrom}
510
    {block:Reblogs}
511
        <li class="caption">
512
            <img src="{PortraitURL-64}" class="user-icon">
513
            <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
514
            {Body}
515
        </li>
516
    {/block:Reblogs}
517
{/block:RebloggedFrom}
518
{/block:Link}
519
520
{block:Photo}
521
<div class="photo">
522
    {LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>{LinkCloseTag}
523
</div>
524
{block:Caption}
525
    {block:NotReblog}
526
        <li class="caption">
527
            {Caption}
528
        </li>
529
    {/block:NotReblog}
530
    {block:RebloggedFrom}
531
        {block:Reblogs}
532
            <li class="caption">
533
                <img src="{PortraitURL-64}" class="user-icon">
534
                <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
535
                {Body}
536
            </li>
537
        {/block:Reblogs}
538
    {/block:RebloggedFrom}
539
{/block:Caption}
540
{/block:Photo}
541
542
{block:Photoset}
543
<div class="photo">{Photoset-700}</div>
544
{block:Caption}
545
    {block:NotReblog}
546
        <li class="caption">
547
            {Caption}
548
        </li>
549
    {/block:NotReblog}
550
    {block:RebloggedFrom}
551
        {block:Reblogs}
552
            <li class="caption">
553
                <img src="{PortraitURL-64}" class="user-icon">
554
                <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
555
                {Body}
556
            </li>
557
        {/block:Reblogs}
558
    {/block:RebloggedFrom}
559
{/block:Caption}
560
{/block:Photoset}
561
562
{block:Video}
563
<div class="video">{Video-500}</div>
564
{block:Caption}
565
    {block:NotReblog}
566
        <li class="caption">
567
            {Caption}
568
        </li>
569
    {/block:NotReblog}
570
    {block:RebloggedFrom}
571
        {block:Reblogs}
572
            <li class="caption">
573
                <img src="{PortraitURL-64}" class="user-icon">
574
                <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
575
                {Body}
576
            </li>
577
        {/block:Reblogs}
578
    {/block:RebloggedFrom}
579
{/block:Caption}
580
{/block:Video}
581
582
{block:Quote}
583
<div class="quote">{Quote}</div>
584
{block:Source}<div class="source">{Source}</div>{/block:Source}
585
{/block:Quote}
586
587
{block:Chat}
588
{block:Title}<h1 class="post-title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
589
<ul class="chat">{block:Lines}
590
    <li>
591
        {block:Label}<div class="chatter">{Label}</div>{/block:Label}
592
        {Line}
593
    </li>
594
{/block:Lines}</ul>
595
{/block:Chat}
596
597
{block:Answer}
598
<div class="ask-wrap">
599
    <img src="{AskerPortraitURL-64}" class="ask-icon">
600
    <div class="asking">{Asker} asked</div>
601
    <div class="question">{Question}</div>
602
</div>
603
{block:Answerer}
604
    <li class="caption">
605
        <img src="{AnswererPortraitURL-64}" class="user-icon">
606
        <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Answerer}</a></div>
607
        {Answer}
608
    </li>
609
{/block:Answerer}
610
{block:NotReblog}
611
    <li class="caption">
612
        {Replies}
613
    </li>
614
{/block:NotReblog}
615
{block:RebloggedFrom}
616
    {block:Reblogs}
617
        <li class="caption">
618
            <img src="{PortraitURL-64}" class="user-icon">
619
            <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
620
            {Body}
621
        </li>
622
    {/block:Reblogs}
623
{/block:RebloggedFrom}
624
{/block:Answer}
625
626
{block:Audio}
627
<div class="audiopost">
628
    <div class="audiobox">
629
        <div class="button">
630
            {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
631
        </div>
632
    </div>
633
    {block:AlbumArt}
634
        <img src="{AlbumArtURL}" class="album-art">
635
    {/block:AlbumArt}
636
    <div class="audioinfo">
637
        {block:TrackName}<li class="track">{TrackName}</li>{/block:TrackName}
638
        {block:Artist}<li>{Artist}</li>{/block:Artist}
639
        {block:Album}<li>{Album}</li>{/block:Album}
640
    </div>
641
</div>
642
{block:Caption}
643
    {block:NotReblog}
644
        <li class="caption">
645
            {Caption}
646
        </li>
647
    {/block:NotReblog}
648
    {block:RebloggedFrom}
649
        {block:Reblogs}
650
            <li class="caption">
651
                <img src="{PortraitURL-64}" class="user-icon">
652
                <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
653
                {Body}
654
            </li>
655
        {/block:Reblogs}
656
    {/block:RebloggedFrom}
657
{/block:Caption}
658
{/block:Audio}
659
660
<!----- INFO ----->
661
662
{block:Date}
663
<div class="info">
664
    {block:PinnedPostLabel}<a href="{Permalink}" class="pinned-post">{PinnedPostLabel}</a>{/block:PinnedPostLabel}
665
    <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>
666
    {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
667
        
668
    <!-- reblog info and content source on permalink pages -->
669
    
670
        {block:PermalinkPage}
671
672
            {block:RebloggedFrom}
673
                <a href="{ReblogParentURL}">via</a>
674
                <a href="{ReblogRootURL}">originally</a>
675
            {/block:RebloggedFrom}
676
            {block:ContentSource}<a href="{SourceURL}">{lang:Source}</a>{/block:ContentSource}
677
        
678
        {/block:PermalinkPage}
679
    
680
    <!-- like and reblog buttons -->
681
    
682
        <a href="{ReblogURL}" target="_blank">reblog</a>
683
        <a class="likeb" href="#">{LikeButton}<span class="actual-button">like</span></a>
684
    
685
</div>
686
{/block:Date}
687
688
<!----- TAGS ----->
689
690
{block:HasTags}
691
<div class="tags">
692
    {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
693
</div>
694
{/block:HasTags}
695
696
<!----- POST NOTES ----->
697
698
{block:PermalinkPage}{block:Date}
699
{block:NoteCount}{block:PostNotes}
700
<div class="notes">
701
    {PostNotes-64}
702
</div>
703
{/block:PostNotes}{/block:NoteCount}
704
{/block:Date}{/block:PermalinkPage}
705
706
</article>
707
{/block:Posts}
708
709
<!-- end of posts container -->
710
711
</section>
712
713
<!----- PAGINATION ----->
714
715
{block:Pagination}
716
<article id="page-navigation">
717
    {block:PreviousPage}<a href="{PreviousPage}">previous page</a>{/block:PreviousPage}
718
        {block:JumpPagination length="5"}
719
            {block:CurrentPage}<span class="current-page">{PageNumber}</span>{/block:CurrentPage}
720
            {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
721
        {/block:JumpPagination}
722
    {block:NextPage}<a href="{NextPage}">next page</a>{/block:NextPage}
723
</article>
724
{/block:Pagination}
725
726
<!-- end of main container -->
727
728
</main>
729
730
<!----- CREDIT: if you make significant modifications, feel free to replace with your own. if you use this as a theme without changes, leave in place. ----->
731
732
<a href="https://seyche.tumblr.com" title="base code by seyche" id="credit">&.</a>
733
734
</body>
735
</html>