From f8e40fae3fda253e80e87d1673841244cecb82ab Mon Sep 17 00:00:00 2001
From: Jelle Z <18423879+jelle619@users.noreply.github.com>
Date: Sun, 7 Oct 2018 20:54:02 +0100
Subject: [PATCH] Enabled backdrop filter support for other browsers

---
 webapp/titanembeds/static/themes/FireWyvern/css/style.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/webapp/titanembeds/static/themes/FireWyvern/css/style.css b/webapp/titanembeds/static/themes/FireWyvern/css/style.css
index 19efb71..51a6e55 100644
--- a/webapp/titanembeds/static/themes/FireWyvern/css/style.css
+++ b/webapp/titanembeds/static/themes/FireWyvern/css/style.css
@@ -163,8 +163,8 @@ display: none
   border: 2px solid #5a5a5a;
 }
 
-/* Webkit specific features */
-@media screen and (-webkit-min-device-pixel-ratio:0) {  
+/* Backdrop filter support for Webkit browsers */
+@supports (-webkit-backdrop-filter: blur(0px)) {  
   .nav-wrapper { background-color: rgba(0,0,0,0.7); } 
   .nav-wrapper { -webkit-backdrop-filter: blur(10px); }
   #footer { background-color: rgba(0,0,0,0.7); }  
@@ -175,8 +175,8 @@ display: none
   #guild-nav { -webkit-backdrop-filter: blur(10px); }  
 }
 
-/* Microsoft Edge specific features */
-@supports (-ms-ime-align: auto) {
+/* Backdrop filter support for other browsers */
+@supports (backdrop-filter: blur(0px)) {
   .nav-wrapper { background-color: rgba(0,0,0,0.7); } 
   .nav-wrapper { backdrop-filter: blur(10px); }
   #footer { background-color: rgba(0,0,0,0.7); }