Improved visuals for cover photo

diff --git a/wcfsetup/install/files/style/ui/userProfile.scss b/wcfsetup/install/files/style/ui/userProfile.scss
index 40599d8217666f123c8b772fb3ddd30cba513b3d..ec4a87f25c56cc9705f4c7b0650ad418215be947 100644 (file)
--- a/wcfsetup/install/files/style/ui/userProfile.scss
+++ b/wcfsetup/install/files/style/ui/userProfile.scss
@@ -6,6 +6,10 @@
        background-position: center;
        background-size: cover;
        
+       /* adds a box-shadow on the top and bottom of the element to create perspective
+          and a clear separation if the images color is close to the surrounding elements */
+       box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, .6), inset 0 -10px 10px -10px rgba(0, 0, 0, .6);
+       
        @include large-screen-only {
                height: 200px;
        }