diff --git a/themepo-elegantfin.css b/themepo-elegantfin.css index deb805b..3d38852 100644 --- a/themepo-elegantfin.css +++ b/themepo-elegantfin.css @@ -252,16 +252,15 @@ body:has(#itemDetailPage) html::after, z-index: 1; } -/* Hover: zoom toward viewer + arcane glow */ +/* Hover: arcane glow + deepen shadow (no transform — scroll container clips it) */ .card-hoverable:hover .cardScalable { - transform: scale(1.05) !important; - border-color: rgba(56, 189, 248, 0.5) !important; + border-color: rgba(56, 189, 248, 0.6) !important; box-shadow: - 0 0 0 1px rgba(255, 255, 255, 0.09) inset, - 0 0 20px rgba(56, 189, 248, 0.2), + 0 0 0 1px rgba(255, 255, 255, 0.1) inset, + 0 0 12px 2px rgba(56, 189, 248, 0.25), + 0 0 32px 4px rgba(56, 189, 248, 0.1), 0 8px 16px rgba(0, 0, 0, 0.5), - 0 32px 64px rgba(0, 0, 0, 0.55), - 0 48px 80px rgba(0, 0, 0, 0.3) !important; + 0 32px 64px rgba(0, 0, 0, 0.55) !important; } /* Library cards (visualCardBox) */ @@ -282,14 +281,13 @@ body:has(#itemDetailPage) html::after, } .card-hoverable:hover .visualCardBox { - transform: scale(1.05) !important; - border-color: rgba(56, 189, 248, 0.5) !important; + border-color: rgba(56, 189, 248, 0.6) !important; box-shadow: - 0 0 0 1px rgba(255, 255, 255, 0.09) inset, - 0 0 20px rgba(56, 189, 248, 0.2), + 0 0 0 1px rgba(255, 255, 255, 0.1) inset, + 0 0 12px 2px rgba(56, 189, 248, 0.25), + 0 0 32px 4px rgba(56, 189, 248, 0.1), 0 8px 16px rgba(0, 0, 0, 0.5), - 0 32px 64px rgba(0, 0, 0, 0.55), - 0 48px 80px rgba(0, 0, 0, 0.3) !important; + 0 32px 64px rgba(0, 0, 0, 0.55) !important; } /* Frutiger Aero glassmorphism drawer */