From 8adee68835e656abb6a8d8f4221f615bfca9ed0e Mon Sep 17 00:00:00 2001
From: Flummi <git@srv.fail>
Date: Wed, 18 May 2022 15:55:34 +0000
Subject: [PATCH] hover schmover

---
 public/s/css/f0ck.css | 28 +++++++++++++---------------
 views/item.html       |  6 +++---
 2 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/public/s/css/f0ck.css b/public/s/css/f0ck.css
index 7c6707b..2f61f1c 100644
--- a/public/s/css/f0ck.css
+++ b/public/s/css/f0ck.css
@@ -640,7 +640,7 @@ html[theme="f0ck95"] span#favs {
 }
 
 html[theme="f0ck95"] .nav-link, .pagination > a, .pagination > span {
-    border-radius: 0px;
+    border-radius: 0;
     border-left: inset 1px silver;
     border-bottom: outset 1px silver;
     border-right: outset 1px silver;
@@ -908,7 +908,7 @@ html[theme="f0ck95d"] span#favs {
 }
 
 html[theme="f0ck95d"] .nav-link, .pagination > a, .pagination > span {
-  border-radius: 0px;
+  border-radius: 0;
   border-left: inset 1px black;
   border-bottom: outset 1px black;
   border-right: outset 1px black;
@@ -1972,18 +1972,6 @@ div.about > div p {
   margin-top: 0;
 }
 
-a.id-link:hover:after {
-  content: "";
-  background-image: var(--hover-image);
-  border: 1px solid var(--accent);
-  height: 128px;
-  width: 128px;
-  display: inline-block;
-  position: absolute;
-  z-index: 999;
-  margin-left: 5px;
-}
-
 /* loginform */
 body[type='login'] {
   display: flex;
@@ -2134,7 +2122,7 @@ img.avatar {
   width: 24px;
   margin: 0;
   left: -7px;
-  top: 0px;
+  top: 0;
   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
 }
@@ -2464,3 +2452,13 @@ table img {
 .iconset#a_favo {
   fill: var(--accent);
 }
+
+.imageDoor:hover:after {
+  content: "";
+  background-image: var(--hover-image);
+  height: 128px;
+  width: 128px;
+  display: inline-block;
+  position: absolute;
+  z-index: 999;
+}
diff --git a/views/item.html b/views/item.html
index 447845f..1074c12 100644
--- a/views/item.html
+++ b/views/item.html
@@ -1,8 +1,8 @@
 @include(snippets/header)
   <div class="container">
     <div class="_204863">
-      <div class="imageDoor">
-        <img src="/t/{{ item.id }}.webp" alt="">
+      <div class="imageDoor" style="--hover-image: url('/t/{{ item.id }}.webp');">
+        <img src="/t/{{ item.id }}.webp" alt="" />
       </div>
       <div class="gapLeft">
         <span class="populateME"><b>f0ck</b> - {{ item.id }}</span>
@@ -59,7 +59,7 @@
     </div>
     <div class="metadata">
       <span class="badge badge-dark">
-        <a href="/{{ item.id }}" style="--hover-image: url('/t/{{ item.id }}.webp');" class="id-link">{{ item.id }}</a>
+        <a href="/{{ item.id }}" class="id-link">{{ item.id }}</a>
         @if(session)
         (<a id="a_username" href="/user/{{ user.name.toLowerCase() }}/f0cks@if(tmp.mime)/{{ tmp.mime }}@endif">{{ user.name }}</a>) 
         @endif