修改背景 登录框样式

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

@@ -2,8 +2,8 @@
 
 @media (min-width: 768px) {
 
-    .login-box-right{
+    .login-box-right {
-        margin-right: 10%;
+        margin-right: 35%;
     }
 
     .login-page-bg {
@@ -11,73 +11,76 @@
         width: 100%;
         height: 100%;
         background-color: #d2d6de;
-        background: url(../images/bg.jpg) ;
+        background: url(../images/bg.jpg);
         /*background: url(../images/logonbg.jpg) ;*/
         position: relative;
         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 {
+            margin-right: 35%
+        }
     }
 
-    @-moz-keyframes loginbox
+    @-moz-keyframes loginbox {
-    {
+        from {
-        from {margin-right: -30%}
+            margin-right: -30%
-        to {margin-right:10%}
+        }
+        to {
+            margin-right: 35%
+        }
     }
 
-    @-webkit-keyframes loginbox
+    @-webkit-keyframes loginbox {
-    {
+        from {
-        from {margin-right: -30%}
+            margin-right: -30%
-        to {margin-right:10%}
+        }
+        to {
+            margin-right: 35%
+        }
     }
 
-    @-o-keyframes loginbox
+    @-o-keyframes loginbox {
-    {
+        from {
-        from {margin-right: -30%}
+            margin-right: -30%
-        to {margin-right:10%}
+        }
+        to {
+            margin-right: 35%
+        }
     }
 
-
 }
 
-
-
-
 @media (max-width: 768px) {
     .login-page-bg {
         background: url('');
         background-color: #d2d6de;
     }
 
-    .login-box-right{
+    .login-box-right {
         margin-top: 20%;
         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
+        }
-    {
+    }
-        from {margin-top: 0}
+
-        to {margin-top:20%}
+    @-moz-keyframes loginboxtop {
-    }
+        from {
-
+            margin-top: 0
-    @-webkit-keyframes loginboxtop
+        }
-    {
+        to {
-        from {margin-top: 0}
+            margin-top: 20%
-        to {margin-top:20%}
+        }
-    }
+    }
-
+
-    @-o-keyframes loginboxtop
+    @-webkit-keyframes loginboxtop {
-    {
+        from {
-        from {margin-top: 0}
+            margin-top: 0
-        to {margin-top:20%}
+        }
+        to {
+            margin-top: 20%
+        }
+    }
+
+    @-o-keyframes loginboxtop {
+        from {
+            margin-top: 0
+        }
+        to {
+            margin-top: 20%
+        }
     }
 
 }