|
|
@@ -2,7 +2,7 @@
|
|
|
width: 100vw;
|
|
|
height: 100vh;
|
|
|
overflow: hidden;
|
|
|
- background: #2ecc71 url("../images/login-bg.jpg") no-repeat center center fixed;
|
|
|
+ background: #3ba9f6 url("../images/login-bg.png") no-repeat center;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
justify-content: space-between;
|
|
|
@@ -15,8 +15,9 @@
|
|
|
position: fixed;
|
|
|
top: 0;
|
|
|
left: 0;
|
|
|
- background: #2ecc71; /* IE Fallback */
|
|
|
- background: rgba(46, 204, 113, 0.2);
|
|
|
+ background: rgb(59, 169, 246); /* IE Fallback */
|
|
|
+ background: rgba(106, 188, 246, 0.2);
|
|
|
+ background: rgba(59, 169, 246, 0.2);
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
}
|
|
|
@@ -30,14 +31,29 @@
|
|
|
padding: 30px 0;
|
|
|
border-radius: 10px;
|
|
|
box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 20px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+.login-form form {
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
|
|
|
.login-title {
|
|
|
+ display: inline-block;
|
|
|
+ width: auto;
|
|
|
height: 45px;
|
|
|
- background: url("../images/login_title.png") center center no-repeat;
|
|
|
+ /* background: url("../images/login_title.png") center center no-repeat; */
|
|
|
+ margin: 0 auto;
|
|
|
+ text-align: center;
|
|
|
margin-bottom: 20px;
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: 28px;
|
|
|
+ letter-spacing: 10px;
|
|
|
+ color: #3c3c3c;
|
|
|
overflow: hidden;
|
|
|
- text-indent: -3000px;
|
|
|
+ padding: 0px 5px 1px 15px;
|
|
|
+ border-bottom: 4px solid #3ba9f6;
|
|
|
}
|
|
|
|
|
|
.login-body .login-subtitle {
|
|
|
@@ -46,7 +62,7 @@
|
|
|
font-size: 24px;
|
|
|
font-weight: bolder;
|
|
|
letter-spacing: 2px;
|
|
|
- color: #2ecc71;
|
|
|
+ color: #3ba9f6;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
@@ -80,27 +96,27 @@
|
|
|
}
|
|
|
|
|
|
.login_user_name_icon {
|
|
|
- background: url(../images/username_gray.png) center center no-repeat;
|
|
|
+ background: url(../images/username_1.png) center center no-repeat;
|
|
|
}
|
|
|
|
|
|
.login_user_password_icon {
|
|
|
- background: url(../images/password_gray.png) center center no-repeat;
|
|
|
+ background: url(../images/password_1.png) center center no-repeat;
|
|
|
}
|
|
|
|
|
|
.login_code_icon {
|
|
|
- background: url(../images/code_gray.png) center center no-repeat;
|
|
|
+ background: url(../images/code_1.png) center center no-repeat;
|
|
|
}
|
|
|
|
|
|
.active .login_user_name_icon {
|
|
|
- background: url(../images/username_green.png) center center no-repeat;
|
|
|
+ background: url(../images/username_2.png) center center no-repeat;
|
|
|
}
|
|
|
|
|
|
.active .login_user_password_icon {
|
|
|
- background: url(../images/password_green.png) center center no-repeat;
|
|
|
+ background: url(../images/password_2.png) center center no-repeat;
|
|
|
}
|
|
|
|
|
|
.active .login_code_icon {
|
|
|
- background: url(../images/code_green.png) center center no-repeat;
|
|
|
+ background: url(../images/code_2.png) center center no-repeat;
|
|
|
}
|
|
|
|
|
|
.login-body .noIconInput {
|
|
|
@@ -118,8 +134,8 @@
|
|
|
}
|
|
|
|
|
|
.login-body .form-control:focus {
|
|
|
- border-color: #2ecc71;
|
|
|
- color: #2ecc71;
|
|
|
+ border-color: #3ba9f6;
|
|
|
+ color: #3ba9f6;
|
|
|
}
|
|
|
|
|
|
.login-body .login-btn {
|
|
|
@@ -127,9 +143,9 @@
|
|
|
margin-top: 15px;
|
|
|
padding: 8px 0;
|
|
|
font-size: 18px;
|
|
|
- background-color: #2ecc71;
|
|
|
- border-color: #2ecc71;
|
|
|
- background-image: linear-gradient(to bottom, #2ecc71 0, #42b159 100%);
|
|
|
+ background-color: #3ba9f6;
|
|
|
+ border-color: #3ba9f6;
|
|
|
+ background-image: linear-gradient(to bottom, #3ba9f6 0, #3cabf8 50%, #3ba9f6 100%);
|
|
|
}
|
|
|
|
|
|
.login-body .login-btn:hover,
|