diff --git a/scp/css/login.css b/scp/css/login.css index b9e172746671475d4144f8655fdb2a8e9cd598df..25eac6a6607fe107b972d716ac432c2265ad4c14 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 {