assets/css/default: Box shadow on all image :hover

1 files changed, 10 insertions, 10 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index 3484d2f..8f4c344 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -464,12 +464,6 @@ micro-metadata-handle a:hover span {
   text-decoration-thickness: 0.15rem !important;
 }
 
-a:hover img {
-  box-shadow: 0 0 14px #999;
-  box-shadow: 0 0 14px var(--shadow);
-  filter: unset;
-}
-
 column-left nav {
   position: sticky;
   position: -webkit-sticky;
@@ -576,14 +570,21 @@ self-embed iframe {
 img {
   height: auto;
   max-width: 100%;
-  border: 1px solid #ccc;
-  border: 1px solid var(--border-darker);
+  border: 1px solid;
+  border-color: #ccc;
+  border-color: var(--border-darker);
   border-radius: 0.5rem;
   object-fit: cover;
   display: block;
   background-color: #fefefe;
 }
 
+img:hover {
+  box-shadow: 0 0 14px #999;
+  box-shadow: 0 0 14px var(--shadow);
+  filter: unset;
+}
+
 img,
 iframe {
   user-select: none;
@@ -1776,8 +1777,7 @@ reaction-hover img {
   z-index: 99;
   visibility: hidden;
   opacity: 0;
-  height: 80px;
-  width: 80px;
+  max-height: 80px;
   object-fit: cover;
   bottom: 100%;
   left: 50%;