From: Alexander Ebert <ebert@woltlab.com>
Date: Tue, 12 Apr 2016 08:46:29 +0000 (+0200)
Subject: Improved visuals for cover photo
X-Git-Tag: 3.0.0_Beta_1~1927
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=2c50c29658fb399dc121022a81e9507804eae92a;p=GitHub%2FWoltLab%2FWCF.git

Improved visuals for cover photo
---

diff --git a/wcfsetup/install/files/style/ui/userProfile.scss b/wcfsetup/install/files/style/ui/userProfile.scss
index 40599d8217..ec4a87f25c 100644
--- 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;
 	}