PageSourceSearch

https://divineacid.com/archive/

html divineacid.com collected 2026-10-08 08:23:16 UTC 49,261 bytes, 2,161 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3    <head>
4    <link rel="preconnect" href="https://fonts.googleapis.com">
5<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
6<link href="https://fonts.googleapis.com/css2?family=Pixelify+Sans:[email protected]&display=swap" rel="stylesheet">
7    <!--GOOGLE ANALYTICS-->	
8    	
8<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3854424678942674"
9     crossorigin="anonymous"></script>
9
10
11<script type="text/javascript">
12  window._mfq = window._mfq || [];
13  (function() {
14    var mf = document.createElement("script");
15    mf.type = "text/javascript"; mf.defer = true;
16    mf.src = "//cdn.mouseflow.com/projects/4c0df51d-7adc-4dd0-a7d3-5910988d7555.js";
17    document.getElementsByTagName("head")[0].appendChild(mf);
18  })();
19</script>
19
20<!-- Google tag (gtag.js) 2025 espresstar-->
vendor: 65 bytes, lines 20-21
20
21<script async src="https://www.googletagmanager.com/gtag/js?id=
21G-EPG7JTMMVC
vendor: 13 bytes, line 21
21"></script>
22<script>
23  
vendor: 138 bytes, lines 23-27
23window.dataLayer = window.dataLayer || [];
24  function gtag(){dataLayer.push(arguments);}
25  gtag('js', new Date());
26
27  gtag('config', '
27G-EPG7JTMMVC
vendor: 5 bytes, line 27
27');
28</script>
28
29
30<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 30-31
30
31<script async src="https://www.googletagmanager.com/gtag/js?id=
31G-5EZMV4DB69
vendor: 13 bytes, line 31
31"></script>
32<script>
33  
vendor: 138 bytes, lines 33-37
33window.dataLayer = window.dataLayer || [];
34  function gtag(){dataLayer.push(arguments);}
35  gtag('js', new Date());
36
37  gtag('config', '
37G-5EZMV4DB69
vendor: 5 bytes, line 37
37');
38</script>
38
39	 
40	
40<script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=62e5fa6401f23300194c7131&product=inline-reaction-buttons" async="async"></script>
40
41	
42	
42<script type="application/javascript">
43  (function(b,o,n,g,s,r,c){if(b[s])return;b[s]={};b[s].scriptToken="XzEyMzU4MDU5NDc";b[s].callsQueue=[];b[s].api=function(){b[s].callsQueue.push(arguments);};r=o.createElement(n);c=o.getElementsByTagName(n)[0];r.async=1;r.src=g;r.id=s+n;c.parentNode.insertBefore(r,c);})(window,document,"script","https://cdn.oribi.io/XzEyMzU4MDU5NDc/oribi.js","ORIBI");
44</script>
44
45	
45<script data-ad-client="ca-pub-9146802458242672" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
45
46<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 46-47
46
47<script async src="https://www.googletagmanager.com/gtag/js?id=
47UA-168557183-1
vendor: 13 bytes, line 47
47"></script>
48<script>
49  
vendor: 138 bytes, lines 49-53
49window.dataLayer = window.dataLayer || [];
50  function gtag(){dataLayer.push(arguments);}
51  gtag('js', new Date());
52
53  gtag('config', '
53UA-168557183-1
vendor: 5 bytes, line 53
53');
54</script>
54
55<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 55-56
55
56<script async src="https://www.googletagmanager.com/gtag/js?id=
56UA-168557183-3
vendor: 13 bytes, line 56
56"></script>
57<script>
58  
vendor: 138 bytes, lines 58-62
58window.dataLayer = window.dataLayer || [];
59  function gtag(){dataLayer.push(arguments);}
60  gtag('js', new Date());
61
62  gtag('config', '
62UA-168557183-3
vendor: 5 bytes, line 62
62');
63</script>
63
64<!--GOOGLE ANALYTICS-->	
65        <!-- Last Update: 20/08/2026 -->
66        <meta charset="utf-8">
67        <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
68        <meta name="robots" content="noai, noimageai">
69
70        
71
72        <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss/" />
73
74        <title>Divine Acid - Archive</title>
75
76        <link href="https://comicfury.com/images/layouts/envbar/font-sansitaswashed.css" rel="stylesheet">
77        <link href="https://comicfury.com/images/layouts/midmur/font-ubuntu.css" rel="stylesheet">
78
79        <style>
80:root {
81   background-color:#fff;
82  color:white;
83   font-family: "pixelify sans";
84}
85    .body{
86           color:white;
87    }
88.helpwanted {
89
90
91    }
92.helpwanted:hover {
93    filter: brightness(1.5);
94}
95.helpwanted img {
96        width: 150px;
97        margin: auto;
98}
99.buttons {
100
101}
102.buttons img {
103        width: 150px;
104        margin: auto;
105    
106        display: inline-block;
107        Flex: 1;
108
109
110}
111.live {
112        width: 200px;
113        margin: auto;
114    
115        display: inline-block;
116        Flex: 1;
117
118
119}
120
121
122.exclusive:hover {
123    filter: brightness(1.5);
124}
125
126* {
127    box-sizing:border-box;
128    margin:0;
129    padding:0;
130        background-color: #001510;
131color:white;
132 font-family: "pixelify sans";
133 
134}
135.live2 {
136visibility: visible;
137background: red;
138color: white;
139Width: 100%;
140height:30px;
141text-align: center;
142border-radius: 10px;
143
144padding-bottom: 8px;
145padding-top:5px;
146animation: blink-animation 1s steps(1, start) infinite;
147 align-items:center;
148    justify-content: center;
149    font-family:"Gill Sans","Gill Sans MT", sans-serif;
150      font-weight:bold;
151      font-size:24px;
152}
153.extrastuff {
154  Margin: auto;
155  
156}
157
158.extrastuff a:link {
159    color: white;
160    text-shadow: none;
161}
162
163@keyframes blink-animation {
164    50% {
165        visibility: hidden;
166    }
167}
168/*DROPDOWN hover*/
169
170.dropdown {
171  position: relative;
172}
173
174/* Style the dropdown button */
175.dropbtn {
176    background-color:#788C4A;
177  color: #001510;
178  padding: 12px;
179  font-weight:bold;
180  border: none;
181  cursor: pointer;
182     font-family: pixelify sans;
183   text-align:left;
184    margin-top:2px;
185
186    display:inline-block;
187    font-size:120%;
188    width:100%;
189}
190
191/* Dropdown content */
192.dropdown-content {
193  display: none;
194  position: relative;
195  background-color: #fff;
196  min-width: 200px;
197  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
198}
199
200/* Links inside dropdown content */
201.dropdown-content a {
202  color: black;
203  padding: 10px 13px;
204  text-decoration: none;
205  display: block;
206}
207
208/* Change color of dropdown links on hover */
209.dropdown-content a:hover {
210  background-color: #b8C48B
211}
212
213/* Show the dropdown content on hover */
214.dropdown:hover .dropdown-content {
215  display: block;
216}
217
218/* Change background color of dropdown button on hover */
219.dropdown:hover .dropbtn {
220  background-color:#f0dd7d;
221  color:black;
222}
223
224/*DROPDOWN toggle*/
225@import "compass/css3";
226
227@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900");
228@import url(https://fonts.googleapis.com/css?family=Pacifico);
229
230body {
231  font-family: "Lato", Helvetica, Arial;
232  font-size: 16px;
233}
234
235*, *:before, *:after {
236  -webkit-border-sizing: border-box;
237  -moz-border-sizing: border-box;
238  border-sizing: border-box;
239}
240
241.container {
242  width: 350px;
243  margin: 50px auto;
244  
245  & > ul {
246    list-style: none;
247    padding: 0;
248    margin: 0 0 20px 0;
249  }
250}
251
252// =============================================================================
253//  Mixins and Variables
254// =============================================================================
255
256$orange: #C0392B;
257$blue: #2980B9;
258$gray: #EEE;
259
260@mixin ul-nostyle {
261  list-style: none;
262  padding: 0;
263  margin: 0;
264}
265
266@mixin double-shadow($color) {
267  @include box-shadow(0 1px 0 lighten($color, 10%) inset, 0 -1px 0 darken($color, 10%) inset);
268}
269
270@mixin hover-style($color) {
271  &:hover {
272    background: lighten($color, 3%);
273  }
274}
275
276@mixin animation($content) {
277  animation: $content;
278  -moz-animation: $content;
279  -webkit-animation: $content;
280}
281
282@mixin keyframes($name) {
283  @keyframes #{$name} { @content; }
284  @-moz-keyframes #{$name} { @content; }
285  @-webkit-keyframes #{$name} { @content; }
286}
287
288// =============================================================================
289//  Classes
290// =============================================================================
291
292.title {
293      font-family: arial;
294  font-weight: norma;
295  font-size: 40px;
296  text-align: center;
297  line-height: 1.4;
298  color: $orange;
299}
300
301.dropdown {
302  position: relative;
303  
304  a { text-decoration: none; }
305
306  [data-toggle="dropdown"] {
307    display: block;
308    color: white;
309    background: $orange;
310    @include double-shadow($orange);
311    @include hover-style($orange);
312    padding: 10px;
313       
314    
315    &:before {
316   
317      position: absolute;
318      display: block;
319      content: '\25BC';
320      font-size: 0.7em;
321      color: #fff;
322      top: 13px;
323      right: 10px;
324      @include transform(rotate(0deg));
325      @include transition(transform .6s);
326    }
327  }
328
329  & > .dropdown-menu {
330    max-height: 0;
331    overflow: hidden;
332    @include ul-nostyle;
333    @include transform(scaleY(0));
334    @include transform-origin(50%, 0%);
335    @include transition(max-height .6s ease-out);
336    @include animation(hideAnimation .4s ease-out);
337
338    li {
339      padding: 0;
340
341      a {
342        display: block;
343        color: darken($gray, 50%);
344        background: $gray;
345        @include double-shadow($gray);
346        @include hover-style($gray);
347        padding: 10px 10px;
348      }
349    }
350  }
351  
352  & > input[type="checkbox"] {
353    opacity: 0;
354    display: block;
355    position: absolute;
356    top: 0;
357    width: 100%;
358    height: 100%;
359    cursor: pointer;
360    
361    &:checked ~ .dropdown-menu {
362      max-height: 9999px;
363      display: block;
364      @include transform(scaleY(1));
365      @include animation(showAnimation .5s ease-in-out);
366      @include transition(max-height 2s ease-in-out);
367    }
368    
369    &:checked + a[data-toggle="dropdown"] {
370      &:before {
371        @include transform(rotate(-180deg));
372        @include transition(transform .6s);
373      }
374    }
375  }
376}
377
378@include keyframes(showAnimation) {
379  0% {
380    @include transform(scaleY(0.1));
381  }
382  40% {
383    @include transform(scaleY(1.04));
384  }
385  60% {
386    @include transform(scaleY(0.98));
387  }
388  80% {
389    @include transform(scaleY(1.04));
390  }
391  100% {
392    @include transform(scaleY(0.98));
393  }       
394  80% {
395    @include transform(scaleY(1.02));
396  }
397  100% {
398    @include transform(scaleY(1));
399  }
400}
401
402@include keyframes(hideAnimation) {
403  0% {
404    @include transform(scaleY(1));
405  }
406  60% {
407    @include transform(scaleY(0.98));
408  }
409  80% {
410    @include transform(scaleY(1.02));
411  }
412  100% {
413    @include transform(scaleY(0));
414  }
415}
416/*end dropdown*/
417html {
418    font-family:"Gill Sans","Gill Sans MT", sans-serif;
419      color:white;
420}
421marquee{
422    width:300px;
423    background-color:#788C4A;
424    color:#001510;
425    padding: 10px;
426    border-radius: 10px;
427     font-family:"pixelify sans"; 
428       text-shadow: none;
429        font-weight: bold;
430        align-items:center;
431    justify-content: center;
432}
433marquee:hover{
434    background-color:#f0dd7d;
435}
436img {
437    border: 0;
438    display:block;
439}
440
441
442a:link, a:visited {
443    color: green;
444    text-decoration: none;
445    transition:color 200ms, background-color 200ms, border-color 200ms;
446}
447
448a:hover {
449    color:#FCFF87;
450}
451
452.wrap {
453display:flex;
454    flex-direction:column;
455    background: url("https://divineacid.thecomicseries.com/files/backgrounds/chance_rocking_bg.png") center repeat fixed;
456  color:white;
457
458   
459}
460.logo{
461    height: 50px;
462  display: block;
463  margin-left: auto;
464  margin-right: auto;
465  width: auto;
466}
467
468.sidebar {
469     font-family:"pixelify sans";
470    font-size: 110%;
471    flex:0 0 200px;
472    padding:4px 8px;
473    background-color:#001510;
474    width:200px;
475 
476}
477
478.sidebar nav {
479    position: sticky;
480    top: 5px;
481}
482
483.sidebar ul,
484.sidebar li {
485    list-style:none;
486}
487
488.sidebar li a {
489    padding: 5px 10px;
490    margin-top:2px;
491font-family: "pixelify sans";
492    display:inline-block;
493    font-size:20px;
494    width:100%;
495    background-color:#788C4A;
496    text-shadow:none;
497    font-weight: bold;
498}
499
500.sidebar li a:link,
501.sidebar li a:visited {
502    color:#001510;
503    text-shadow: none;
504}
505
506.sidebar li a:hover {
507    color:#000000;
508    background-color:#f0dd7d;
509    text-shadow:none;
510}
511#sidebar-checkbox {
512  display: none;
513}
514
515
516.sitecontent {
517    flex:1 1 auto;
518    display:flex;
519    align-self:center;
520max-width:1000px;
521font=family: "pixelify sans"
522
523    color:#fff;
524}
525
526.clear {
527    clear:both;
528}
529header,
530footer {
531    background-color:#1a1a1a;
532    color:#ffffff;
533    flex:0 0 auto;
534    text-align:center;
535    width:100%;
536
537        align-self:center;
538}
539
540header {
541    padding:25px;
542     background-color:#001510;
543     width:100%;
544text-align:center;
545     align-self:center;
546}
547
548footer {
549    padding:20px;
550 background-color:#001510;
551}
552
553header a:link,
554header a:visited,
555footer a:link,
556footer a:visited  {
557    color: green;
558    text-shadow: 1px 2px rgba(0,0,0,0.6);
559}
560
561header .extrastuff a {
562    
563    color: #AD3910;
564}
565header a:hover,
566footer a:hover {
567    color:#78addf;
568}
569
570header img {
571    max-width: 100%;
572    height: auto;
573}
574
575#sitetitle {
576    margin-bottom:10px;
577     font-family:"pixelify sans";
578      align-items:center;
579    justify-content: center;
580}
581
582#sitedesc {
583    font-size:85%;
584}
585
586#content-start {
587  flex:1 1 auto;
588    display:flex;
589    flex-direction:column;
590      color:white;
591
592
593  
594
595}
596
597.page-content {
598    padding:15px;
599
600    border: 5px solid var(--background-border-color);
601    border-top:0;
602    border-bottom:0;
603     background-color:#001510;
604     Margin:0;
605     height:100%;
606       color:white;
607     
608   
609}
610
611.title {
612     font-family:"pixelify sans";
613    font-size: 42px;
614    margin-bottom: 10px;
615    color:white;
616}
617
618footer {
619    text-align: center;
620    flex:0 0 auto;
621    font-family: "pixelify sans";
622}
623
624
625footer div:not(:last-of-type) {
626    margin-bottom:12px;
627}
628
629footer ul {
630    margin:0;
631    padding:0;
632    list-style:none;
633    display:inline-flex;
634    flex-wrap: wrap;
635}
636
637footer li {
638    list-style:none;
639    margin-left:7px;
640    margin-right:7px; 
641    font-family: "pixelify sans";
642}
643
644.cfvaban {
645    text-align:center;
646    margin:auto;
647    margin-top:15px;
648    margin-bottom:5px;
649}
650
651.cfvaban img {
652    margin:auto;
653    max-width:100%;
654    height:auto;
655}
656
657.hostedby {
658    display:inline-flex;
659    flex-wrap:wrap;
660    align-items:center;
661    justify-content: center;
662}
663
664.hostedby a {
665    display:inline-flex;
666    align-items:center;
667    word-wrap:normal;
668    word-break:keep-all;
669     font-family: "pixelify sans";
670}
671
672.hostedby a img {
673    width:auto;
674    margin-left:0.5em;
675    margin-right:5px;
676}
677
678.cflink {
679    text-align:center;
680}
681
682.cflink img {
683    display:inline-block;
684}
685
686/* Comic Page */
687
688.comicarea {
689    text-align:center;
690    padding:10px;
691 width:100%;
692  font-family: "pixelify sans";
693
694
695  
696}
697
698.browsing-tags-note {
699    margin-bottom:10px;
700    text-align:center;
701}
702
703.browse-all-link {
704    margin-top:8px;
705}
706
707#comicimagewrap {
708    padding:20px;
709    background-color:#ffffff;
710    border-radius:15px;
711    display:inline-block;
712}
713
714#comicimagewrap img {
715    margin:auto;
716   
717}
718
719.comicposttime {
720    text-align:center;
721    color:white;
722    font-size:24px;
723    margin-top:10px;
724}
725.navarrow{
726    width:100px;
727      display: block;
728       word-wrap: break-word;
729
730}
731.navarrow:hover{
732     background-color:green;
733}
734.comicnav {
735
736    text-align:center;
737    margin-bottom:15px;
738    display:flex;
739  width:100%;
740     word-wrap: break-word;
741align-items: center;
742  justify-content: center;
743}
744.loadsave {
745    width:200px;
746    padding:10px;
747}
748.loadsave:hover {
749    background-color:yellow;
750}
751.loadsave:click {
752    background-color:green;
753}
754
755
756input::placeholder {
757    color:#000;
758    opacity:1;
759}
760
761input {
762   color:#000;   
763    
764}
765
766
767.quicknav div {
768    box-sizing: border-box;
769    position: relative;
770    display:inline-flex;
771    align-items:center;
772    max-width:100%;
773    margin: 10px;
774    border-radius:4px;
775    color: #F0E6C9;
776    background-color: #d9dfdb;
777    border: 1px solid #cad0cc;
778    font-family: georgia,serif;
779}
780
781.quicknav div:after {
782    content: "▼";
783    content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12' height='8' viewBox='0 0 12 8'><polygon fill='%233f4240' points='0,0 6,8 12,0' /></svg>");
784    position: absolute;
785    right: 0.5em;
786    pointer-events: none;
787    text-align: center;
788    color:#3f4240;
789}
790
791.quicknav select {
792    border-radius:4px;
793    background-color: #e4e4e4;
794    border:0;
795    padding:6px;
796    color: #3f4240;
797    min-width: 100px;
798    max-width: min(70vw, 260px);
799    position: relative;
800    appearance: none;
801    -moz-appearance: none;
802    -webkit-appearance: none;
803    box-sizing: border-box;
804    padding-right:30px; /*so the down arrow will not be covered by text*/
805    transition:color 250ms, background 250ms;
806}
807
808.quicknav select:hover,
809.quicknav select:focus {
810    background-color: #d4d4d4;
811}
812
813.comicnavlink,.comicnavlink:link ,.comicnavlink:visited {
814    margin: 10px;
815    margin-top: 15px;
816    padding:5px 10px;
817     align-items: center;
818  justify-content: center;
819}
820
821.comicnavlink {
822    width:100px;
823 display: flex;
824  align-items: center;
825  justify-content: center;
826  padding:0;
827  margin:0;
828
829}
830
831.comicnavlink svg g,
832.saveplaceicon,
833.loadplaceicon {
834    fill:#000000;
835    transition:fill ease-in 200ms;
836}
837
838.comicnavlink:not(.comicnavlink-inactive):hover svg g,
839.comicnavlink:not(.comicnavlink-inactive):focus svg g,
840a:hover .saveplaceicon,
841a:focus .saveplaceicon,
842a:not(.loadplace-inactive):hover .loadplaceicon,
843a:not(.loadplace-inactive):focus .loadplaceicon  {
844    fill:#31699d;
845}
846
847.saveplace-saved .saveplaceicon,
848a.saveplace-saved:hover .saveplaceicon,
849a.saveplace-saved:focus .saveplaceicon {
850    fill:#1c9f49;
851    background-color:#fff;
852}
853
854
855
856.loadplace-inactive,
857.comicnavlink-inactive {
858    opacity:0.1;
859    pointer-events: none;
860}
861
862.comic-options {
863    display:flex;
864    align-items: flex-end;
865    justify-content:stretch;
866    padding:0 20px;
867    margin-top:30px;
868    margin-bottom:45px;
869}
870
871.comic-options div {
872    flex:1 1 auto;
873}
874
875#comicrating {
876    text-align:left;
877}
878
879#saveplace {
880    min-width:115px;
881    text-align:right;
882}
883
884#saveplace a {
885    display:inline-block;
886    margin-left:20px;
887}
888
889#saveplace svg {
890    max-width:35px;
891    max-height:35px;
892}
893
894#tags {
895    text-align: center;
896    margin-bottom:20px;
897}
898
899.tags-label {
900    font-weight:bold;
901}
902
903#tags + .permalinkcode {
904    margin-top: 20px;
905}
906
907.permalinkcode {
908    text-align:center;
909    margin-bottom:15px;
910    color:#739D34;
911    word-wrap: break-word;
912    word-break: break-word;
913}
914
915.permalinkcode b {
916    color:#739D34;
917}
918
919#commentform,
920
921.comment {
922    box-sizing:border-box;
923    background-color: #001510;
924    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
925    border-radius: 10px;
926    padding:3px;
927    border: 3px solid #B8C48B;
928    color:white;
929}
930.comment {
931    margin-bottom: 15px;
932    display:flex;
933    flex-wrap:wrap;
934    align-items:center;
935          border-radius:  10px ;
936          
937}
938
939.comment-body {
940    width:100%;
941    box-sizing:border-box;
942    color:#FFF;
943
944     
945}
946.commentcontrol {
947        border-radius:  0 0 10px 10px;
948  
949   
950}
951.commentdata {
952    padding:6px;
953    clear: both;
954    width:100%;
955    border-radius: 10px 10px 0 0;
956
957}
958
959.replyform-placeholder {
960    width:100%;
961      color:white;
962}
963
964.authordata {
965    margin-right: 12px;
966}
967
968
969.comment .postdate,
970.comment a.postdate:link,
971.comment a.postdate:visited,
972.comment a.postdate:hover {
973    display:inline-block;
974    margin-right: 3px;
975    font-size: 14px;
976    color:#fff;
977}
978
979.reply-depth1 {
980    margin-left:30px;
981}
982
983.reply-depth2 {
984    margin-left:60px;
985}
986
987.reply-depth3 {
988    margin-left:90px;
989}
990
991.reply-depth4 {
992    margin-left:120px;
993}
994
995.reply-depth5 {
996    margin-left:150px;
997}
998
999.reply-depth-above5 {
1000    margin-left:180px;
1001}
1002
1003.commentcontrol {
1004    text-align:right;
1005    flex:1 1 auto;
1006    padding:6px;
1007
1008}
1009.commentcontrol span {
1010    margin-left:15px;
1011}
1012
1013.comment .avatar {
1014    float: left;
1015    text-align: right;
1016    margin: 6px;
1017}
1018
1019.postcomment {
1020    text-align: center;
1021    font-size:20px;
1022    margin-top:25px;
1023       color:#fff;
1024        background-color: #001510;
1025    
1026}
1027.postcomment:not(:last-of-type) {
1028    margin-bottom:12px;
1029    color:#fff;
1030}
1031
1032.comments,.authornotes {
1033    text-align: left;
1034}
1035
1036.notecontent {
1037    padding:8px;
1038    
1039}
1040
1041.notecontent img {
1042    max-width:100%;
1043    height:auto;
1044}
1045
1046   #document, 
1047  *{
1048      color:white;
1049  }
1050  
1051   html {
1052       color:white;
1053   }
1054       
1055           .h1 {
1056               color:white;
1057           } 
1058           .iframe{
1059               color:white;
1060           }
1061
1062.h1{
1063    color:#fff;
1064}
1065.postcommentnote {
1066    text-align: center;
1067}
1068
1069/* Blog Display, Blog Archive */
1070.blogs {
1071    width:100%;
1072
1073}
1074.blogtitle {
1075    margin-bottom:15px;
1076     color:#fff;
1077
1078}
1079
1080.blog {
1081    background-color:#f6fbf8;
1082    margin-bottom:15px;
1083    box-shadow:0 2px 2px rgba(0, 0, 0, 0.05);
1084    border-radius:10px;
1085   border: 3px solid #B8C48B;
1086
1087   width:100%;
1088}
1089
1090.blog-inner {
1091    padding:15px;
1092   
1093    border-radius:10px;
1094     color:#fff;
1095     flex:1 1 auto;
1096     width:100%;
1097
1098}
1099
1100.blogmeta {
1101    margin-top:15px;
1102    display:flex;
1103    justify-content: space-between;
1104    color:#fff;
1105
1106    width:100%;
1107}
1108
1109.blogdata {
1110    color: #999999;
1111    font-size: 80%;
1112    text-align:right;
1113    align-self: flex-end;
1114    width:100%;
1115}
1116.blogcommentlink {
1117    flex:1 1 auto;
1118}
1119
1120.blognav {
1121    display:flex;
1122    align-items:center;
1123    justify-content:center;
1124    max-width:500px;
1125    margin:auto;
1126    margin-bottom:15px;
1127    text-align:center;
1128}
1129.prevblog, .nextblog, .blogarchivelink {
1130    width:calc(100% / 3);
1131    box-sizing:border-box;
1132}
1133
1134.prevblog {
1135    text-align:left;
1136    padding:0 5px;
1137}
1138
1139.nextblog {
1140    text-align:right;
1141    padding:0 5px;
1142}
1143
1144.blognav-grayedout {
1145    color:#999999;
1146}
1147
1148.blog .avatar {
1149    float:left;
1150    margin: 6px;
1151    margin-top: 0;
1152    margin-left: 0;
1153}
1154
1155.blogarchivelink {
1156    text-align:center;
1157    padding:0 5px;
1158}
1159
1160.overviewcommentlink {
1161    text-align:right;
1162    margin-top:20px;
1163    margin-bottom:5px;
1164}
1165
1166.overview-blogarchive {
1167    text-align:center;
1168    margin-top:25px;
1169}
1170
1171
1172#pages {
1173    font-size:1.2em;
1174    display:flex;
1175    flex-wrap:wrap;
1176    justify-content:center;
1177    align-items:center;
1178    Width:300px;
1179}
1180
1181#pageslabel {
1182    margin-right:10px;
1183}
1184
1185.pagelink,
1186.pagelink:link,
1187.pagelink:visited {
1188    background-color:#7DACD7;
1189    color:#ffffff;
1190    border-radius:50%;
1191    display:inline-flex;
1192    justify-content:center;
1193    align-items:center;
1194    min-width:35px;
1195    min-height:35px;
1196    box-sizing:border-box;
1197    transition:background-color 250ms, color 250ms;
1198    margin:5px;
1199    padding:4px;
1200}
1201
1202.currentpage,
1203.currentpage:link,
1204.currentpage:visited {
1205    background-color:#1160AA;
1206    color:#ffffff;
1207}
1208
1209.pagelink:not(.currentpage):hover {
1210    background-color:#082642;
1211    color:#ffffff;
1212}
1213
1214.pageskip {
1215    margin-left:5px;
1216    margin-right:5px;
1217}
1218
1219/* Comic Archive */
1220
1221#archive, #archive-chapters {
1222    padding:0 15px;
1223    margin:auto;
1224    margin-bottom:15px;
1225    box-sizing:border-box;
1226}
1227
1228#archive h3 {
1229    margin-bottom:0;
1230    margin-top:0;
1231}
1232
1233#archive .chapter-title {
1234    margin-bottom:5px;
1235}
1236
1237#archive .chapter-title:not(:first-child) {
1238    margin-top:30px;
1239}
1240
1241#archive .archivechapter {
1242    margin:0;
1243    padding:3px;
1244    font-size:110%;
1245}
1246
1247#archive .chapterdescription {
1248    padding:4px;
1249    padding-left:9px;
1250    font-size:80%;
1251    color:#555555;
1252    display:inline-block;
1253    line-height:150%;
1254}
1255
1256#archive .archivecomic {
1257    display:flex;
1258    align-items:center;
1259    flex-wrap:nowrap;
1260    text-align:left;
1261    padding-left:10px;
1262    padding-right:10px;
1263    border-bottom: 1px solid rgba(0,0,0,0.1);
1264}
1265
1266#archive .archivecomicnumber,
1267#archive .archivecomicposttime,
1268#archive .archivecomictitle {
1269    box-sizing:border-box;
1270    padding-top:10px;
1271}
1272
1273#archive .archivecomic:not(:first-of-type) .archivecomicnumber,
1274#archive .archivecomic:not(:first-of-type) .archivecomicposttime,
1275#archive .archivecomic:not(:first-of-type) .archivecomictitle {
1276    padding-top:10px;
1277}
1278
1279#archive .archivecomicnumber {
1280    padding-right:5px;
1281    min-width:40px;
1282    word-wrap:normal;
1283    word-break:keep-all;
1284}
1285
1286#archive .archivecomicposttime {
1287    font-size:80%;
1288    text-align:right;
1289    width:calc(30% - 40px);
1290    color:#666666;
1291}
1292
1293#archive .archivecomictitle {
1294    flex:1 1 70%;
1295}
1296
1297#archive-chapters {
1298    text-align:left;
1299    padding-left:10px;
1300    padding-right:10px;
1301}
1302
1303#archive-chapters .chapter {
1304    display:flex;
1305    margin-bottom:35px;
1306}
1307
1308#archive-chapters .chapter-cover {
1309    margin-right:15px;
1310}
1311
1312.chapter-cover img {
1313    max-width:100%;
1314    height:auto;
1315}
1316
1317#archive-chapters .chapter-data {
1318    flex:1 1 0%;
1319}
1320
1321#archive-chapters h3 {
1322    margin:0;
1323    margin-bottom:6px;
1324}
1325
1326#archive-chapters .chapterdescription {
1327    font-size:14px;
1328    margin-bottom:8px;
1329}
1330
1331#archive-chapters .chapter-more {
1332    font-size:14px;
1333}
1334
1335
1336.archive-back-link {
1337    margin-bottom:15px;
1338    margin-top:15px;
1339}
1340
1341
1342#thumbnail-preview-box,
1343.chapter-cover a {
1344    border:1px solid #ddd;
1345    background-color:#fff;
1346    box-shadow: 0 2px 2px rgba(0,0,0,0.05);
1347    transition:opacity 200ms linear;
1348    padding:5px;
1349    display:block;
1350}
1351
1352#thumbnail-preview-box img,
1353.chapter-cover a img {
1354    display:block;
1355}
1356
1357/* Search */
1358
1359.searchform {
1360    margin-bottom:25px;
1361}
1362
1363.searchform input[type="text"] {
1364    width: min(350px, 65vw);
1365}
1366
1367input[type="submit"],
1368input[type="text"] {
1369    padding:4px 16px;
1370    border-radius:5px;
1371    border:1px solid rgba(0,0,0,0.2);
1372    height:35px;
1373    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
1374    margin:2px;
1375}
1376
1377input[type="submit"] {
1378    background:#31699d;
1379    color:#ffffff;
1380}
1381
1382input[type="submit"]:active {
1383    background:#52779D;
1384}
1385
1386input[type="text"] {
1387    background:#ffffff;
1388}
1389
1390.browse-tagged {
1391    margin-top:15px;
1392}
1393
1394
1395/* Extra Pages / user-content */
1396.title,
1397.notecontent,
1398.blogcontent,
1399.blogtitle,
1400.archivecomictitle,
1401.extra-page-content{
1402    word-wrap: break-word;
1403    word-break: break-word;
1404}
1405
1406.notecontent img,
1407.blog img,
1408.extra-page-content img,
1409#comicimagewrap img {
1410    max-width:100%;
1411    /*using !important because the WYSIWYG-editor sometimes applies widths and heights as an inline style, which could cause squishy images otherwise*/
1412    height:auto !important;
1413}
1414
1415.blog table,
1416.extra-page-content table {
1417    max-width:100%;
1418}
1419
1420.blog table img,
1421.extra-page-content table img {
1422    /* we cannot use the 100% rule in tables, since it causes columns with text to take up all the space and make images tiny.
1423       this rule will only work with tables that have up to 3 image columns next to one another (or two images and text),
1424       wider tables will end up stretching the page*/
1425    max-width:27vw;
1426}
1427
1428/*rules only for screens below 740 pixels (tablets, phones)*/
1429@media (max-width:740px) {
1430    marquee{
1431    width:250px;
1432    }
1433.comicarea{
1434    width:600px;
1435}
1436    #sitetitle {
1437        font-size: 150%;
1438    }
1439
1440.comicnav {
1441
1442    text-align:center;
1443    margin-bottom:15px;
1444    display:flex;
1445  width:100%;
1446     word-wrap: break-word;
1447align-items: center;
1448  justify-content: center;
1449}
1450
1451.comicnavlink {
1452    width:30px;
1453}
1454.navarrow {
1455    width:50px;
1456}
1457.loadsave {
1458    width:150px;
1459    padding:10px;
1460}
1461
1462    .avatar img {
1463        max-width:100px;
1464        max-height:100px;
1465        width:auto;
1466        height:auto;
1467    }
1468
1469    #archive .chapter-title:not(:first-child) {
1470        margin-top:25px;
1471    }
1472
1473    #archive .archivecomic {
1474        flex-wrap:wrap;
1475        align-items:flex-start;
1476    }
1477
1478    #archive .archivecomicnumber {
1479        min-width:0;
1480        word-wrap:break-word;
1481        word-break:break-word;
1482    }
1483
1484    /*the first selector may seem redundant, but it's here because of css specificity rules. if you don't know 
1484what that means, don't worry about it*/
1485    #archive .archivecomic:not(:first-of-type) .archivecomicposttime,
1486    #archive .archivecomicposttime {
1487        text-align:left;
1488        width:100%;
1489        font-size:75%;
1490        padding-top:4px;
1491    }
1492
1493    #archive .archivecomic:not(:first-of-type) .archivecomicnumber,
1494    #archive .archivecomic:not(:first-of-type) .archivecomictitle {
1495        padding-top:20px;
1496    }
1497
1498    #archive .archivecomictitle {
1499        width:auto;
1500        flex-basis:90%;
1501    }
1502
1503
1504    .reply-depth1 {
1505        margin-left:20px;
1506    }
1507
1508    .reply-depth2 {
1509        margin-left:40px;
1510    }
1511
1512    .reply-depth3 {
1513        margin-left:60px;
1514    }
1515
1516    .reply-depth4 {
1517        margin-left:80px;
1518    }
1519
1520    .reply-depth5 {
1521        margin-left:100px;
1522    }
1523
1524    .reply-depth-above5 {
1525        margin-left:120px;
1526    }
1527
1528    .blognav {
1529        flex-wrap:wrap;
1530    }
1531
1532    .prevblog, .nextblog {
1533        width:50%;
1534        box-sizing:border-box;
1535    }
1536
1537    .blogarchivelink {
1538        order:1; /*the default order is 0, so this pushes it to the end of the flex*/
1539        width:100%;
1540        margin-top:15px;
1541    }
1542
1543    .page-content {
1544        padding: 12px;
1545    }
1546
1547    .overview-blogarchive {
1548        text-align:center;
1549        margin:0;
1550        margin-bottom:8px;
1551    }
1552
1553    .postcomment {
1554        margin:0;
1555        margin-bottom:8px;
1556    }
1557
1558    .chapter-cover img {
1559        max-width:120px;
1560        height:auto;
1561    }
1562
1563/*rules only for screens below 550 pixels (small tablets)*/
1564@media (max-width:550px) {
1565.comicnav {
1566width:100%;
1567}
1568.comicarea{
1569    width:100%;
1570}
1571.loadsave {
1572    width:150px;
1573    padding:10px;
1574}
1575    #content-start {
1576 
1577     Padding-left:0;
1578      Padding-right:0;
1579}
1580.quicknav {
1581    Width: 100px;
1582}
1583
1584
1585}
1586.page-content {
1587
1588    border: 5px solid var(--background-border-color);
1589    border-top:0;
1590    border-bottom:0;
1591     background-color:#001510;
1592     Margin:0;
1593     height:100%;
1594}
1595
1596    .reply-depth1 {
1597        margin-left:15px;
1598    }
1599
1600    .reply-depth2 {
1601        margin-left:30px;
1602    }
1603
1604    .reply-depth3 {
1605        margin-left:45px;
1606    }
1607
1608    .reply-depth4,
1609    .reply-depth5,
1610    .reply-depth-above5 {
1611        margin-left:60px;
1612    }
1613}
1614
1615
1616/*rules only for screens below 450 pixels (phones)*/
1617@media (max-width:450px) {
1618        #content-start {
1619 
1620     Padding-left:0;
1621      Padding-right:0;
1622}
1623    html {
1624        font-size:14px;
1625    }
1626
1627    #sitetitle {
1628        font-size: 135%;
1629    }
1630
1631    .avatar img {
1632        max-width:75px;
1633        max-height:75px;
1634        width:auto;
1635        height:auto;
1636    }
1637
1638
1639    .comicnav {
1640        justify-content:space-between;
1641    }
1642
1643    .reply-depth1 {
1644        margin-left:15px;
1645    }
1646
1647    .reply-depth2 {
1648        margin-left:30px;
1649    }
1650
1651    .reply-depth3,
1652    .reply-depth4,
1653    .reply-depth5,
1654    .reply-depth-above5 {
1655        margin-left:45px;
1656    }
1657
1658    .page-content {
1659        padding:8px;
1660    }
1661
1662    #comicimagewrap {
1663        border-radius:0;
1664        background:transparent;
1665        padding:0;
1666    }
1667
1668    .blogmeta {
1669        flex-direction: column;
1670        gap:10px;
1671    }
1672
1673    .overviewcommentlink {
1674        margin-bottom:20px;
1675    }
1676
1677    .chapter-cover img {
1678        max-width:80px;
1679    }
1680}
1681
1682/* Code for turning the sidebar into a hamburg menu on mobile: */
1683
1684#sidebar-checkbox {
1685  display: none;
1686}
1687
1688@media (max-width: 970px) {
1689    #sidebar-checkbox {
1690  display: none;
1691}
1692
1693.comicarea {
1694width:100%;
1695}
1696
1697    header {
1698          padding: 25px 65px;
1699    }
1700
1701    .sidebar {
1702        flex:auto;
1703        position:fixed;
1704        top: 0;
1705        left: 0;
1706        border-right: 5px solid var(--background-border-color);
1707        padding-top:50px;
1708        z-index: 10;
1709        height: 100vh;
1710        max-width: 300px;
1711        min-width: 160px;
1712        transform: translate(-150%);
1713        transition: transform 500ms ease-in-out;
1714    }
1715
1716    .sidebar nav {
1717        display: block;
1718        position: relative;
1719    }
1720
1721    #sidebar-checkbox {
1722        display: block;
1723        position:absolute;
1724        height: 38px;
1725        width: 44px;
1726        top: 8px;
1727        left: 12px;
1728        z-index: 30;
1729        opacity:0;
1730    }
1731
1732    .hamburger-icon {
1733        position:absolute;
1734        height: 28px;
1735        width: 35px;
1736        top: 17px;
1737        left: 20px;
1738        z-index: 20;
1739        display: flex;
1740        flex-direction: column;
1741        justify-content: space-between;
1742    }
1743
1744    #sidebar-checkbox:checked ~ .hamburger-icon,
1745    #sidebar-checkbox:checked {
1746        position: fixed;
1747    }
1748
1749    .hamburger-icon div {
1750        display: block;
1751        height: 4px;
1752        border-radius: 2px;
1753        background: #ffffff;
1754    }
1755
1756    .hamburger-line-top {
1757        transform-origin: 0% 0%;
1758        transition: transform 300ms ease-in-out;
1759    }
1760
1761    .hamburger-line-middle {
1762        transition: transform 100ms ease-in-out;
1763    }
1764
1765    .hamburger-line-bottom {
1766        transform-origin: 0% 100%;
1767        transition: transform 300ms ease-in-out;
1768    }
1769
1770    #sidebar-checkbox:checked ~ .sidebar {
1771        transform: translateX(0);
1772    }
1773
1774    #sidebar-checkbox:checked ~ .hamburger-icon .hamburger-line-top {
1775        transform: rotate(45deg);
1776    }
1777
1778    #sidebar-checkbox:checked ~ .hamburger-icon .hamburger-line-middle {
1779        transform: scaleY(0);
1780    }
1781
1782    #sidebar-checkbox:checked ~ .hamburger-icon .hamburger-line-bottom {
1783        transform: rotate(-45deg);
1784    }
1785
1786    .sitecontent {
1787        width: 100vw;
1788    }
1789
1790    .page-content {
1791        border:0;
1792    }
1793
1794}
1795    
1796}
1797</style>
1798        
1798<script type="text/javascript" src="https://comicfury.com/cflayoutjs.js.php?cc=inline&amp;wcid=46125&amp;from=https%3A%2F%2Fdivineacid.com%2Farchive%2F"></script>
1798
1799
1800        
1801
1802        
1802<script>
1803            document.addEventListener("DOMContentLoaded", function(e) {
1804                //this checks if the current visitor has a place saved already, and if not, add the "loadplace-inactive" class
1805                //to the "load my place" link, to gray it out
1806                var loadPlaceLink = document.getElementById('loadplace-link');
1807                if(loadPlaceLink !== null && !comicfury.bookmark)
1808                {
1809                    loadPlaceLink.classList.add('loadplace-inactive');
1810                }
1811            });
1812
1813            var customOnSave = function(saveLink) {
1814                //this adds the class "saveplace-saved" class to the "save my place" link, when the bookmark has been saved
1815                //you can also overwrite saveLink.innerHTML instead with new HTML code to e.g. change the image
1816                saveLink.classList.add('saveplace-saved');
1817            };
1818
1819            var selectElementText = function(element) {
1820                if (window.getSelection && document.createRange)
1821                {
1822                    var selection = window.getSelection();
1823                    var range = document.createRange();
1824                    range.selectNodeContents(element);
1825                    selection.removeAllRanges();
1826                    selection.addRange(range);
1827                }
1828            };
1829        </script>
1829
1830        		<link rel="shortcut icon" href="/files/divine_acid_favicon.png" />
1831    </head>
1832    <body>
1833        <div class="wrap">
1834            <header>
1835                <div id="header-left">
1836                    <h1 id="sitetitle">
1837                        <a href="https://Divineacid.com"><img class=logo src="https://divineacid.thecomicseries.com/files/divine_acid_logo_small.png"/></a>
1838                       
1839                
1840                    </h1>
1841
1842             
1843                </div>
1844                <div class="extrastuff">
1845
1846 <!--LIVE INDICATOR-->
1847
1848<!--LIVE INDICATOR-->
1849  
1850  <p><a href='https://ko-fi.com/lordmaru/commissions'target="_blank"><marquee class='marquee' behavior='scroll' direction='left' scrollamount='12' width:='100%'> COMMISSIONS OPEN! CLICK HERE! </marquee></a></p>
1851 <div class="buttons"><a href="https://patreon.com/LordMarucoatl?utm_medium=unknown&utm_source=join_link&utm_campaign=creatorshare_creator&utm_content=copyLink" target="_blank"><img class="exclusive" src="https://lordmarucoatl.neocities.org/PATREON.png" target="_blank"></a><a href="http://www.topwebcomics.com/vote/26726" title="Vote for Divine Acid on TopWebComics!"><img src="http://www.topwebcomics.com//vote_link.php?t=cubes&s=26726"></a></div>
1852  </div>
1853            </header>
1854            <div class="sitecontent">
1855                <input type="checkbox" id="sidebar-checkbox">
1856                <div class="hamburger-icon">
1857                    <div class="hamburger-line-top"></div>
1858                    <div class="hamburger-line-middle"></div>
1859                    <div class="hamburger-line-bottom"></div>
1860                </div>
1861                <div class="sidebar">
1862                    <nav>
1863                        <ul id="menu">
1864                
1865                            <li><a href="/">Home</a></li>
1866                                <li><a href="https://lordmarucoatl.blogspot.com/2026/05/fandom-boundaries.html">Before you Read</a></li>
1867                            <li><a href="/blog/">Blog</a></li>
1868                            
1869                              <li><a href="https://unvale.io/world/5198d886-3e6e-44a6-9f1c-94187e333ae8"target="_blank">Wiki</a></li>
1870                               <li><a href="https://lordmarucoatl.blogspot.com/p/where-to-find-merch.html" target="_blank">Merch</a></li>
1871                          
1872                            
1873                             
1874
1875                           
1876                         <li><a href="https://comicfury.com/comic.php?action=addsubscription&amp;url=divineacid" target="window2">Subscribe</a></li>
1877  <li><a href="https://docs.google.com/forms/d/e/1FAIpQLScbG6OAJfptQ-nYXHuyLmUS5yfW0LgwBQozlaASCk1cDOVHOw/viewform" target="_blank">Contact</a></li>
1878                                                    <div class="dropdown">
1879  <li><button class="dropbtn">Other Stuff</button></li>
1880  <div class="dropdown-content">
1881   <li><a href="https://trello.com/invite/b/69c3fba4f21c3f3da4f69841/ATTI9e1e26d47b462378e05cff2e87619f766D5EEAF1/when-is-the-next-chapter"target="_blank">When's the Next Chapter?</a></li>
1882   <li><a href="/archive/">Archive</a></li>  
1883    <li><a href="https://lordmarucoatl.blogspot.com" target="_blank">BlogSpot</a>
1884    <li><a href="https://bsky.app/profile/did:plc:ozezle7mnafv65mw7bci6wuo" target="_blank">Bluesky</a></li>
1885     <li><a href="https://www.furaffinity.net/user/lordmarucoatl" target='_blank'>Furraffinity</a></li>
1886   <li> <a href="https://www.reddit.com/r/divineacid/" target="_blank">Reddit</a></li>
1887   <li> <a href="https://picarto.tv/lordmaru/profile" target="_blank">Picarto Channel</a></li>
1888 
1889  </div>
1890</div>
1891
1892                    
1893                        </ul>
1894                    </nav>
1895                </div>
1896                <div id="content-start">
1897
1898                    <div class="page-content">
1899                        <!-- if we're on an extra page, show the title here: -->
1900                        
1901
1902
1903                        <div class="title">
1904    Archive
1905    
1906</div>
1907
1908
1909
1910
1911
1912
1913
1914
1915    <div id="archive-chapters">
1916
1917        
1918            <div class="chapter">
1919                
1920                    <div class="chapter-cover">
1921                        <a href="/comics/1">
1922                            <img src="https://img.comicfury.com/comics/thumbs/435/46125a1773636481b0f1634359564.webp" width="143" height="210">
1923                        </a>
1924                    </div>
1925                
1926                <div class="chapter-data">
1927                    <div class="chapter-title">
1928                        <h3><a href="/comics/1">Prolouge</a></h3>
1929                        <div class="chapterdescription">Who Chance is and why he&#039;s here</div>
1930                    </div>
1931                    <div class="chapter-more">
1932                        <a href="/archive/50508">Comics in this chapter</a>
1933                    </div>
1934                </div>
1935            </div>
1936        
1937            <div class="chapter">
1938                
1939                    <div class="chapter-cover">
1940                        <a href="/comics/10">
1941                            <img src="https://img.comicfury.com/comics/thumbs/214/46125a1653185540b0f1967883998.webp" width="140" height="210">
1942                        </a>
1943                    </div>
1944                
1945                <div class="chapter-data">
1946                    <div class="chapter-title">
1947                        <h3><a href="/comics/10">Aaron Arc</a></h3>
1948                        <div class="chapterdescription">Aaron comes over for a visit and Chance is hiding a secret</div>
1949                    </div>
1950                    <div class="chapter-more">
1951                        <a href="/archive/50398">Comics in this chapter</a>
1952                    </div>
1953                </div>
1954            </div>
1955        
1956            <div class="chapter">
1957                
1958                    <div class="chapter-cover">
1959                        <a href="/comics/147">
1960                            <img src="https://img.comicfury.com/comics/thumbs/93/46125a1653124817b0f22710899.webp" width="140" height="210">
1961                        </a>
1962                    </div>
1963                
1964                <div class="chapter-data">
1965                    <div class="chapter-title">
1966                        <h3><a href="/comics/147">New Bun on the Block</a></h3>
1967                        <div class="chapterdescription"></div>
1968                    </div>
1969                    <div class="chapter-more">
1970                        <a href="/archive/55448">Comics in this chapter</a>
1971                    </div>
1972                </div>
1973            </div>
1974        
1975            <div class="chapter">
1976                
1977                    <div class="chapter-cover">
1978                        <a href="/comics/298">
1979                            <img src="https://img.comicfury.com/comics/thumbs/122/46125a1653031811b0f979966474.webp" width="140" height="210">
1980                        </a>
1981                    </div>
1982                
1983                <div class="chapter-data">
1984                    <div class="chapter-title">
1985                        <h3><a href="/comics/298">Give em the Razzle</a></h3>
1986                        <div class="chapterdescription"></div>
1987                    </div>
1988                    <div class="chapter-more">
1989                        <a href="/archive/63755">Comics in this chapter</a>
1990                    </div>
1991                </div>
1992            </div>
1993        
1994            <div class="chapter">
1995                
1996                    <div class="chapter-cover">
1997                        <a href="/comics/340">
1998                            <img src="https://img.comicfury.com/comics/thumbs/260/46125a1670227441b0f1266542470.webp" width="140" height="210">
1999                        </a>
2000                    </div>
2001                
2002                <div class="chapter-data">
2003                    <div class="chapter-title">
2004                        <h3><a href="/comics/340">All Worked Up</a></h3>
2005                        <div class="chapterdescription"></div>
2006                    </div>
2007                    <div class="chapter-more">
2008                        <a href="/archive/67574">Comics in this chapter</a>
2009                    </div>
2010                </div>
2011            </div>
2012        
2013            <div class="chapter">
2014                
2015                    <div class="chapter-cover">
2016                        <a href="/comics/361">
2017                            <img src="https://img.comicfury.com/comics/thumbs/276/46125a1680065641b0f782070347.webp" width="127" height="210">
2018                        </a>
2019                    </div>
2020                
2021                <div class="chapter-data">
2022                    <div class="chapter-title">
2023                        <h3><a href="/comics/361">Tip of the Acid-berg</a></h3>
2024                        <div class="chapterdescription"></div>
2025                    </div>
2026                    <div class="chapter-more">
2027                        <a href="/archive/70107">Comics in this chapter</a>
2028                    </div>
2029                </div>
2030            </div>
2031        
2032            <div class="chapter">
2033                
2034                    <div class="chapter-cover">
2035                        <a href="/comics/386">
2036                            <img src="https://img.comicfury.com/comics/thumbs/406/46125a1756808762b0f1528315006.webp" width="140" height="210">
2037                        </a>
2038                    </div>
2039                
2040                <div class="chapter-data">
2041                    <div class="chapter-title">
2042                        <h3><a href="/comics/386">Mini Episode: All ears</a></h3>
2043                        <div class="chapterdescription"></div>
2044                    </div>
2045                    <div class="chapter-more">
2046                        <a href="/archive/73348">Comics in this chapter</a>
2047                    </div>
2048                </div>
2049            </div>
2050        
2051            <div class="chapter">
2052                
2053                    <div class="chapter-cover">
2054                        <a href="/comics/390">
2055                            <img src="https://img.comicfury.com/comics/thumbs/324/46125a1708595041b0f1816081902.webp" width="140" height="210">
2056                        </a>
2057                    </div>
2058                
2059                <div class="chapter-data">
2060                    <div class="chapter-title">
2061                        <h3><a href="/comics/390">Dungeons and Discontent</a></h3>
2062                        <div class="chapterdescription"></div>
2063                    </div>
2064                    <div class="chapter-more">
2065                        <a href="/archive/77898">Comics in this chapter</a>
2066                    </div>
2067                </div>
2068            </div>
2069        
2070            <div class="chapter">
2071                
2072                    <div class="chapter-cover">
2073                        <a href="/comics/426">
2074                            <img src="https://img.comicfury.com/comics/thumbs/406/46125a1756808882b0f1705554152.webp" width="140" height="210">
2075                        </a>
2076                    </div>
2077                
2078                <div class="chapter-data">
2079                    <div class="chapter-title">
2080                        <h3><a href="/comics/426">Mini Episode: Self Worth</a></h3>
2081                        <div class="chapterdescription"></div>
2082                    </div>
2083                    <div class="chapter-more">
2084                        <a href="/archive/97578">Comics in this chapter</a>
2085                    </div>
2086                </div>
2087            </div>
2088        
2089            <div class="chapter">
2090                
2091                    <div class="chapter-cover">
2092                        <a href="/comics/431">
2093                            <img src="https://img.comicfury.com/comics/chaptercovers/442/46125a1778149188b142117f910276296.jpg" width="151" height="210">
2094                        </a>
2095                    </div>
2096                
2097                <div class="chapter-data">
2098                    <div class="chapter-title">
2099                        <h3><a href="/comics/431">Strumming Life Lines Part One</a></h3>
2100                        <div class="chapterdescription"></div>
2101                    </div>
2102                    <div class="chapter-more">
2103                        <a href="/archive/109610">Comics in this chapter</a>
2104                    </div>
2105                </div>
2106            </div>
2107        
2108    </div>
2109
2110
2111
2112
2113
2114
2115
2116
2117    <div class="archive-back-link">
2118        <a href="/archive/comics">List all Comics</a>
2119    </div>
2120
2121
2122
2123
2124
2125                        
2126                    </div>
2127                </div>
2128            </div>
2129
2130            <footer>
2131                <div>
2132                    <ul>
2133                        <li>
2134                            <a href="/rss/">RSS</a>
2135                        </li>
2136                        
2137                            <li>
2138                                <a href="https://comicfury.com/comicprofile.php?url=divineacid">Comic Profile</a>
2139                            </li>
2140                        
2141                        <li>
2142                            <a href="#">Top</a>
2143                        </li>
2144                    </ul>
2145                </div>
2146
2147                <div class="hostedby">
2148                    <span>Hosted by </span>
2149                    <a href="https://comicfury.com">
2150                        <img src="https://comicfury.com/images/gator-icon-white.png" alt="" height="22" style="height:22px; width:auto;" />
2151                        ComicFury
2152                    </a>
2153                </div>
2154
2155                <div>
2156                    &copy; 2020 - 2026 Lord Maru
2157                </div>
2158            </footer>
2159        </div>
2160    </body>
2161</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.