Added gaussian blur to the Fire & Ice Wyvern theme

Update "Might", so to speak

Enabled backdrop filter for other browsers

Enabled backdrop filter support for other browsers

Create example

Add files via upload

Delete MightUpdate.png

Add files via upload

Delete example

Create example

Add files via upload

Delete example
This commit is contained in:
Jelle Z 2018-10-04 19:55:23 +01:00 committed by Jeremy Zhang
parent 3dd53d1095
commit 65e29b9deb
4 changed files with 66 additions and 3 deletions

View File

@ -1,9 +1,17 @@
/* Fire Wyvern theme by Jelle Z. @ https://gitlab.com/jelle619 */
/* Fire Wyvern theme by Jelle Z. @ https://github.com/jelle619 */
input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:not(.browser-default):disabled, input[type=text]:not(.browser-default)[readonly="readonly"], input[type=password]:not(.browser-default):disabled, input[type=password]:not(.browser-default)[readonly="readonly"], input[type=email]:not(.browser-default):disabled, input[type=email]:not(.browser-default)[readonly="readonly"], input[type=url]:not(.browser-default):disabled, input[type=url]:not(.browser-default)[readonly="readonly"], input[type=time]:not(.browser-default):disabled, input[type=time]:not(.browser-default)[readonly="readonly"], input[type=date]:not(.browser-default):disabled, input[type=date]:not(.browser-default)[readonly="readonly"], input[type=datetime]:not(.browser-default):disabled, input[type=datetime]:not(.browser-default)[readonly="readonly"], input[type=datetime-local]:not(.browser-default):disabled, input[type=datetime-local]:not(.browser-default)[readonly="readonly"], input[type=tel]:not(.browser-default):disabled, input[type=tel]:not(.browser-default)[readonly="readonly"], input[type=number]:not(.browser-default):disabled, input[type=number]:not(.browser-default)[readonly="readonly"], input[type=search]:not(.browser-default):disabled, input[type=search]:not(.browser-default)[readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
border-bottom: 1px dotted rgb(158,158,158);
}
nav {
background: none;
}
#modal_guildinfobox {
background-color: rgb(35,35,35);
}
input:not([type]):disabled+label, input:not([type])[readonly="readonly"]+label, input[type=text]:not(.browser-default):disabled+label, input[type=text]:not(.browser-default)[readonly="readonly"]+label, input[type=password]:not(.browser-default):disabled+label, input[type=password]:not(.browser-default)[readonly="readonly"]+label, input[type=email]:not(.browser-default):disabled+label, input[type=email]:not(.browser-default)[readonly="readonly"]+label, input[type=url]:not(.browser-default):disabled+label, input[type=url]:not(.browser-default)[readonly="readonly"]+label, input[type=time]:not(.browser-default):disabled+label, input[type=time]:not(.browser-default)[readonly="readonly"]+label, input[type=date]:not(.browser-default):disabled+label, input[type=date]:not(.browser-default)[readonly="readonly"]+label, input[type=datetime]:not(.browser-default):disabled+label, input[type=datetime]:not(.browser-default)[readonly="readonly"]+label, input[type=datetime-local]:not(.browser-default):disabled+label, input[type=datetime-local]:not(.browser-default)[readonly="readonly"]+label, input[type=tel]:not(.browser-default):disabled+label, input[type=tel]:not(.browser-default)[readonly="readonly"]+label, input[type=number]:not(.browser-default):disabled+label, input[type=number]:not(.browser-default)[readonly="readonly"]+label, input[type=search]:not(.browser-default):disabled+label, input[type=search]:not(.browser-default)[readonly="readonly"]+label, textarea.materialize-textarea:disabled+label, textarea.materialize-textarea[readonly="readonly"]+label {
color: white
}
@ -155,9 +163,34 @@ display: none
border: 2px solid #5a5a5a;
}
/* 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); }
#footer { -webkit-backdrop-filter: blur(10px); }
#members-nav { background-color: rgba(0,0,0,0.6); }
#members-nav { -webkit-backdrop-filter: blur(10px); }
#guild-nav { background-color: rgba(0,0,0,0.6); }
#guild-nav { -webkit-backdrop-filter: blur(10px); }
}
/* 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); }
#footer { backdrop-filter: blur(10px); }
#members-nav { background-color: rgba(0,0,0,0.6); }
#members-nav { backdrop-filter: blur(10px); }
#guild-nav { background-color: rgba(0,0,0,0.6); }
#guild-nav { backdrop-filter: blur(10px); }
}
:root {
--modal: rgb(20,20,20);
--noroleusers: rgb(100,100,100);
--main: rgb(20,20,20);
--chatmessage: rgb(255,255,255);
--discrim: rgb(100,100,100)
--discrim: rgb(100,100,100)
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

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 {
color: black;
}
nav {
background: none;
}
.modal-content {
color: black
}
@ -191,9 +195,35 @@ a {
[src="/static/img/titanembeds_shield.png"]{
display: none
}
/* Backdrop filter support for Webkit browsers */
@supports (-webkit-backdrop-filter: blur(0px)) {
.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); }
}
/* Backdrop filter support for other browsers */
@supports (backdrop-filter: blur(0px)) {
.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)
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB