修改背景 登录框样式

src/main/ui/static/css/main.css

@@ -3,7 +3,7 @@
 @media (min-width: 768px) {
 
     .login-box-right {
-        margin-right: 10%;
+        margin-right: 35%;
     }
 
     .login-page-bg {
@@ -17,53 +17,58 @@
         background-size: 100% 100%;
     }
 
-
     .login-box-bg {
         /*background-color: rgba(255,255,255,0.5);*/
         box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.3);
         filter: alpha(opacity=40);
-        opacity: 0.9;
+        opacity: 0.8;
 
     }
 
-    .divloginbox
+    .divloginbox {
-    {
         animation: loginbox 1s;
         -moz-animation: loginbox 1s;
         -webkit-animation: loginbox 1s;
         -o-animation: loginbox 1s;
     }
 
-
+    @keyframes loginbox {
-    @keyframes loginbox
+        from {
-    {
+            margin-right: -30%
-        from {margin-right: -30%}
-        to {margin-right:10%}
         }
-
+        to {
-    @-moz-keyframes loginbox
+            margin-right: 35%
-    {
-        from {margin-right: -30%}
-        to {margin-right:10%}
         }
-
-    @-webkit-keyframes loginbox
-    {
-        from {margin-right: -30%}
-        to {margin-right:10%}
     }
 
-    @-o-keyframes loginbox
+    @-moz-keyframes loginbox {
-    {
+        from {
-        from {margin-right: -30%}
+            margin-right: -30%
-        to {margin-right:10%}
+        }
+        to {
+            margin-right: 35%
         }
-
-
     }
 
+    @-webkit-keyframes loginbox {
+        from {
+            margin-right: -30%
+        }
+        to {
+            margin-right: 35%
+        }
+    }
 
+    @-o-keyframes loginbox {
+        from {
+            margin-right: -30%
+        }
+        to {
+            margin-right: 35%
+        }
+    }
 
+}
 
 @media (max-width: 768px) {
     .login-page-bg {
@@ -76,8 +81,6 @@
         margin-right: auto;
     }
 
-
-
     .login-box-bg {
         /*background-color: rgba(255,255,255,0.5);*/
         box-shadow: 0px 2px 20px 2px rgba(0, 0, 0, 0.3);
@@ -86,36 +89,47 @@
 
     }
 
-    .divloginbox
+    .divloginbox {
-    {
         animation: loginboxtop 1s;
         -moz-animation: loginboxtop 1s;
         -webkit-animation: loginboxtop 1s;
         -o-animation: loginboxtop 1s;
     }
 
-    @keyframes loginboxtop
+    @keyframes loginboxtop {
-    {
+        from {
-        from {margin-top: 0}
+            margin-top: 0
-        to {margin-top:20%}
+        }
+        to {
+            margin-top: 20%
+        }
     }
 
-    @-moz-keyframes loginboxtop
+    @-moz-keyframes loginboxtop {
-    {
+        from {
-        from {margin-top: 0}
+            margin-top: 0
-        to {margin-top:20%}
+        }
+        to {
+            margin-top: 20%
+        }
     }
 
-    @-webkit-keyframes loginboxtop
+    @-webkit-keyframes loginboxtop {
-    {
+        from {
-        from {margin-top: 0}
+            margin-top: 0
-        to {margin-top:20%}
+        }
+        to {
+            margin-top: 20%
+        }
     }
 
-    @-o-keyframes loginboxtop
+    @-o-keyframes loginboxtop {
-    {
+        from {
-        from {margin-top: 0}
+            margin-top: 0
-        to {margin-top:20%}
+        }
+        to {
+            margin-top: 20%
+        }
     }
 
 }