From 1ffdf422cce1f9a783365e47387e6ae36e8e675b Mon Sep 17 00:00:00 2001 From: tdro Date: Mon, 5 Sep 2022 17:17:16 -0400 Subject: assets/css/default: Box shadow on all image :hover --- assets/css/default.css | 20 ++++++++++---------- 1 file 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%; -- cgit v1.2.3