From 7012c5f512662002e8f077966cb218ca41cc4274 Mon Sep 17 00:00:00 2001
From: Jelle Z <18423879+jelle619@users.noreply.github.com>
Date: Thu, 4 Oct 2018 19:58:58 +0100
Subject: [PATCH] Added gaussian blur to the Ice Wyvern theme

Only works on Safari (iOS/macOS) and Microsoft Edge
---
 .../static/themes/IceWyvern/css/style.css     | 32 ++++++++++++++++++-
 1 file changed, 31 insertions(+), 1 deletion(-)

diff --git a/webapp/titanembeds/static/themes/IceWyvern/css/style.css b/webapp/titanembeds/static/themes/IceWyvern/css/style.css
index cfdda7a..e28a781 100644
--- a/webapp/titanembeds/static/themes/IceWyvern/css/style.css
+++ b/webapp/titanembeds/static/themes/IceWyvern/css/style.css
@@ -1,9 +1,13 @@
-/* Ice Wyvern theme by Jelle Z. @ https://gitlab.com/jelle619 */
+/* Ice Wyvern theme by Jelle Z. @ https://github.com/jelle619 */
 
 label {
     color: black;
 }
 
+nav {
+    background: none;
+}
+
 .modal-content {
   color: black
 }
@@ -191,9 +195,35 @@ a {
 [src="/static/img/titanembeds_shield.png"]{
   display: none
 }
+
+/* Webkit specific features */
+@media screen and (-webkit-min-device-pixel-ratio:0) {  
+  .nav-wrapper { background-color: rgba(255,255,255,0.7); } 
+  .nav-wrapper { -webkit-backdrop-filter: blur(10px); }
+  #footer { background-color: rgba(255,255,255,0.7); }  
+  #footer { -webkit-backdrop-filter: blur(10px); }
+  #members-nav { background-color: rgba(255,255,255,0.6); }
+  #members-nav { -webkit-backdrop-filter: blur(10px); }
+  #guild-nav { background-color: rgba(255,255,255,0.6); }  
+  #guild-nav { -webkit-backdrop-filter: blur(10px); }  
+}
+
+/* Microsoft Edge specific features */
+@supports (-ms-ime-align: auto) {
+  .nav-wrapper { background-color: rgba(255,255,255,0.7); } 
+  .nav-wrapper { backdrop-filter: blur(10px); }
+  #footer { background-color: rgba(255,255,255,0.7); }  
+  #footer { backdrop-filter: blur(10px); }
+  #members-nav { background-color: rgba(255,255,255,0.6); }
+  #members-nav { backdrop-filter: blur(10px); }
+  #guild-nav { background-color: rgba(255,255,255,0.6); }  
+  #guild-nav { backdrop-filter: blur(10px); }  
+}
+
 :root {
     --modal: rgb(240,240,240);
     --noroleusers: rgb(100,100,100);
     --main: rgb(240,240,240);
     --chatmessage: rgb(10,10,10);
     --discrim: rgb(100,100,100)
+}