From 9114724236a5c2bacebd2f96ae9b8dd00f451bfc Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Thu, 12 Nov 2020 22:54:43 +0000
Subject: [PATCH] Extra style for profile header

---
 epicyon-profile.css | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/epicyon-profile.css b/epicyon-profile.css
index 90147fde6..184c69161 100644
--- a/epicyon-profile.css
+++ b/epicyon-profile.css
@@ -276,6 +276,38 @@ a:focus {
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
 }
 
+.profileHeader * {
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    -webkit-transition: all 0.25s ease;
+    transition: all 0.25s ease;
+}
+
+.profileHeader img {
+    max-width: 100%;
+    vertical-align: top;
+    opacity: 0.85;
+}
+
+.profileHeader figcaption {
+    width: 100%;
+    background-color: #141414;
+    padding: 25px;
+    position: relative;
+}
+
+.profileHeader figcaption:before {
+    position: absolute;
+    content: '';
+    bottom: 100%;
+    left: 0;
+    width: 0;
+    height: 0;
+    border-style: solid;
+    border-width: 55px 0 0 400px;
+    border-color: transparent transparent transparent #141414;
+}
+
 .hero-image {
     background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("/users/news/image.png");
     height: 50%;