Skip to content
Snippets Groups Projects
Commit da702fca authored by Jared Hancock's avatar Jared Hancock
Browse files

login: Fix rendering in Firefox

parent fc10dcb8
No related branches found
No related tags found
No related merge requests found
...@@ -31,7 +31,6 @@ body { ...@@ -31,7 +31,6 @@ body {
margin: 0; margin: 0;
text-align: center; text-align: center;
background-image: url(../images/oscar-wall.jpg); background-image: url(../images/oscar-wall.jpg);
background-repeat: repeat-x;
background-attachment: fixed; background-attachment: fixed;
background-color:orange; background-color:orange;
background-blend-mode: multiply; background-blend-mode: multiply;
...@@ -51,7 +50,7 @@ body { ...@@ -51,7 +50,7 @@ body {
background-color: rgba(255, 165, 0, 0.7); background-color: rgba(255, 165, 0, 0.7);
} }
#background { #background {
position: fixed; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
...@@ -63,6 +62,7 @@ body { ...@@ -63,6 +62,7 @@ body {
-o-background-size: cover; -o-background-size: cover;
background-size: cover; background-size: cover;
background-blend-mode: multiply; background-blend-mode: multiply;
background-attachment: fixed;
background-color: orange; background-color: orange;
mix-blend-mode: normal; mix-blend-mode: normal;
filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius='6')"; filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius='6')";
...@@ -76,7 +76,7 @@ body { ...@@ -76,7 +76,7 @@ body {
right: 0; right: 0;
bottom: 0; bottom: 0;
-webkit-filter: blur(2px); -webkit-filter: blur(2px);
filter: url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='6'%20/></filter></svg>#blur"); filter: url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='2'%20/></filter></svg>#blur");
filter: blur(2px); filter: blur(2px);
overflow: hidden; overflow: hidden;
z-index: -1; z-index: -1;
...@@ -88,7 +88,7 @@ body, input { ...@@ -88,7 +88,7 @@ body, input {
} }
#loginBox { #loginBox {
border:1px solid rgba(0,0,0,0.2); border:1px solid rgba(0,0,0,0.3);
box-shadow:0 0 30px 5px orange, 0 0 5px -1px black; box-shadow:0 0 30px 5px orange, 0 0 5px -1px black;
mix-blend-mode: normal; mix-blend-mode: normal;
isolation: isolate; isolation: isolate;
...@@ -127,18 +127,19 @@ body, input { ...@@ -127,18 +127,19 @@ body, input {
.tape { .tape {
background-image: url(../images/tape.png); background-image: url(../images/tape.png);
-webkit-background-size: cover; -webkit-background-size: 100% 100%;
-moz-background-size: cover; -moz-background-size: 100% 100%;
-o-background-size: cover; -o-background-size: 100% 100%;
background-size: cover; background-size: 100% 100%;
position: absolute; position: absolute;
top: -22px; top: -22px;
left: 105px; left: 105px;
width: 180px; width: 180px;
height: 35px; height: 35px;
transform: rotate(-5deg); transform: rotate(-3deg);
-webkit-transform: rotate(-3deg); -webkit-transform: rotate(-3deg);
-webkit-filter: drop-shadow(rgba(0,0,0,0.2) 0px -1px 1px); -webkit-filter: drop-shadow(rgba(0,0,0,0.2) 0px -1px 1px);
filter: drop-shadow(rgba(0,0,0,0.2) 0px -1px 1px);
} }
h1 { h1 {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment