xddd

public/s/css/f0ckm.css

@@ -1043,7 +1043,7 @@ html[theme='95'] .comment,
 html[theme='95'] .login-form,
 html[theme='95'] .user-infobox-block {
   border: 2px inset #dfdfdf !important;
-  background: #c0c0c0 !important;
+  background-color: #c0c0c0 !important;
   color: #000 !important;
   padding: 10px !important;
   border-radius: 0 !important;
@@ -3100,16 +3100,38 @@ body.layout-legacy .scroll-to-bottom svg {
   display: flex;
   gap: 15px;
   padding: 10px;
-  background: var(--comment-bg);
+  margin: 5px;
+  margin-left: 5px;
+  background-color: var(--comment-bg);
   /* Very light seethrough */
   border: 1px solid var(--nav-border-color);
   border-radius: 0;
   /* No rounded corners */
   position: relative;
+  isolation: isolate;
   padding-bottom: 25px;
   /* Room for absolute permalink */
 }
 
+.comment > * {
+  position: relative;
+  z-index: 1;
+}
+
+.comment::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background-image: var(--author-banner, none);
+  background-position: var(--author-banner-position, center top);
+  background-size: var(--author-banner-size, cover);
+  background-repeat: var(--author-banner-repeat, repeat);
+  opacity: var(--author-banner-opacity, 0.25);
+  z-index: 0;
+  border-radius: inherit;
+  pointer-events: none;
+}
+
 .comment.deleted {
   opacity: 0.5;
 }
@@ -9655,7 +9677,7 @@ body.layout-legacy .comment-content img.emoji {
 
 .comment-highlighted {
   box-shadow: inset 3px 0px 0px var(--accent) !important;
-  background: var(--bg) !important;
+  background-color: var(--bg) !important;
 }
 
 .anchor-target {