Added gaussian blur to the Ice Wyvern theme

Only works on Safari (iOS/macOS) and Microsoft Edge
This commit is contained in:
Jelle Z 2018-10-04 19:58:58 +01:00 committed by GitHub
parent 4477959b6b
commit 7012c5f512
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -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 { label {
color: black; color: black;
} }
nav {
background: none;
}
.modal-content { .modal-content {
color: black color: black
} }
@ -191,9 +195,35 @@ a {
[src="/static/img/titanembeds_shield.png"]{ [src="/static/img/titanembeds_shield.png"]{
display: none 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 { :root {
--modal: rgb(240,240,240); --modal: rgb(240,240,240);
--noroleusers: rgb(100,100,100); --noroleusers: rgb(100,100,100);
--main: rgb(240,240,240); --main: rgb(240,240,240);
--chatmessage: rgb(10,10,10); --chatmessage: rgb(10,10,10);
--discrim: rgb(100,100,100) --discrim: rgb(100,100,100)
}