From da702fcac84534e9253f7e9ae9af2d131ac1fade Mon Sep 17 00:00:00 2001
From: Jared Hancock <jared@osticket.com>
Date: Thu, 23 Jul 2015 16:34:50 -0500
Subject: [PATCH] login: Fix rendering in Firefox
---
scp/css/login.css | 19 ++++++++++---------
1 file changed, 10 insertions(+), 9 deletions(-)
diff --git a/scp/css/login.css b/scp/css/login.css
index b9e172746..25eac6a66 100644
--- a/scp/css/login.css
+++ b/scp/css/login.css
@@ -31,7 +31,6 @@ body {
margin: 0;
text-align: center;
background-image: url(../images/oscar-wall.jpg);
- background-repeat: repeat-x;
background-attachment: fixed;
background-color:orange;
background-blend-mode: multiply;
@@ -51,7 +50,7 @@ body {
background-color: rgba(255, 165, 0, 0.7);
}
#background {
- position: fixed;
+ position: absolute;
top: 0;
left: 0;
right: 0;
@@ -63,6 +62,7 @@ body {
-o-background-size: cover;
background-size: cover;
background-blend-mode: multiply;
+ background-attachment: fixed;
background-color: orange;
mix-blend-mode: normal;
filter:"progid:DXImageTransform.Microsoft.Blur(PixelRadius='6')";
@@ -76,7 +76,7 @@ body {
right: 0;
bottom: 0;
-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);
overflow: hidden;
z-index: -1;
@@ -88,7 +88,7 @@ body, input {
}
#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;
mix-blend-mode: normal;
isolation: isolate;
@@ -127,18 +127,19 @@ body, input {
.tape {
background-image: url(../images/tape.png);
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
+ -webkit-background-size: 100% 100%;
+ -moz-background-size: 100% 100%;
+ -o-background-size: 100% 100%;
+ background-size: 100% 100%;
position: absolute;
top: -22px;
left: 105px;
width: 180px;
height: 35px;
- transform: rotate(-5deg);
+ transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
-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 {
--
GitLab