|
@@ -14,7 +14,7 @@ body.signin {
|
|
|
|
|
|
.signinpanel {
|
|
|
margin: 13% auto;
|
|
|
- width: 100%;
|
|
|
+ width: 400px;
|
|
|
}
|
|
|
|
|
|
.signinpanel .logopanel {
|
|
@@ -37,12 +37,19 @@ body.signin {
|
|
|
|
|
|
.signinpanel .uname {
|
|
|
background: #fff url(../img/user.png) no-repeat 10px;
|
|
|
- color: #333
|
|
|
+ color: #333;
|
|
|
+ border: 1px solid #2fa2ec;
|
|
|
+ /* border-image: linear-gradient(to bottom right,#006eea, #6c61fb) 1; */
|
|
|
+ border-radius: 50px!important;
|
|
|
+
|
|
|
}
|
|
|
|
|
|
.signinpanel .pword {
|
|
|
background: #fff url(../img/locked.png) no-repeat 10px;
|
|
|
- color: #333
|
|
|
+ color: #333;
|
|
|
+ border: 1px solid #2fa2ec;
|
|
|
+ /* border-image: linear-gradient(to bottom right,#006eea, #6c61fb) 1; */
|
|
|
+ border-radius: 50px!important;
|
|
|
}
|
|
|
|
|
|
.signinpanel .code {
|
|
@@ -53,7 +60,16 @@ body.signin {
|
|
|
|
|
|
.signinpanel .btn {
|
|
|
margin-top: 15px;
|
|
|
- background-color: #1269ff;
|
|
|
+ background: -webkit-linear-gradient(left, #2988e7 , #3acef4); /* Safari 5.1 - 6.0 */
|
|
|
+ background: -o-linear-gradient(right,#2988e7 , #3acef4); /* Opera 11.1 - 12.0 */
|
|
|
+ background: -moz-linear-gradient(right,#2988e7 , #3acef4); /* Firefox 3.6 - 15 */
|
|
|
+ background: linear-gradient(to right,#2988e7 , #3acef4); /* 标准的语法 */
|
|
|
+ height: 45px;
|
|
|
+ border-radius: 50px;
|
|
|
+ font-size: 16px;
|
|
|
+ letter-spacing: 2px;
|
|
|
+ color: #fff;
|
|
|
+ border: 0px;
|
|
|
}
|
|
|
|
|
|
.signinpanel form {
|
|
@@ -65,15 +81,18 @@ body.signin {
|
|
|
-moz-border-radius: 3px;
|
|
|
-webkit-border-radius: 3px;
|
|
|
border-radius:15px;
|
|
|
- padding: 45px 30px 55px
|
|
|
+ padding: 45px 30px 55px;
|
|
|
+ box-shadow: 0 0 12px #5ea8e0;
|
|
|
}
|
|
|
-
|
|
|
.signup-footer {
|
|
|
border-top: solid 1px rgba(255, 255, 255, .3);
|
|
|
margin: 20px 0;
|
|
|
- padding-top: 15px
|
|
|
+ padding-top: 15px;
|
|
|
+ color: #333;
|
|
|
+}
|
|
|
+.signup-footer a{
|
|
|
+ color: #00a0e9;
|
|
|
}
|
|
|
-
|
|
|
@media screen and (max-width: 768px) {
|
|
|
.signinpanel, .signuppanel {
|
|
|
margin: 0 auto;
|
|
@@ -157,7 +176,8 @@ body.signin {
|
|
|
line-height: 1.2;
|
|
|
font-weight: normal;
|
|
|
margin-bottom: 0;
|
|
|
- text-align: left
|
|
|
+ text-align: left;
|
|
|
+ color: #333;
|
|
|
}
|
|
|
|
|
|
.form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus, .navbar-form-custom .form-control:hover, .open .btn.dropdown-toggle, .panel, .popover, .progress, .progress-bar {
|
|
@@ -167,9 +187,19 @@ body.signin {
|
|
|
.form-control {
|
|
|
border-radius: 5px !important;
|
|
|
padding-left: 35px !important;
|
|
|
- height: 34px !important
|
|
|
+ height: 45px !important
|
|
|
}
|
|
|
|
|
|
.form-control:focus {
|
|
|
border-color: #1ab394 !important
|
|
|
+}
|
|
|
+.no-margins{
|
|
|
+ background-image: -webkit-linear-gradient(bottom,#3cd5f6,#33aeee,#2883e5);
|
|
|
+ -webkit-background-clip: text;
|
|
|
+ -webkit-text-fill-color: transparent;
|
|
|
+ font-size: 24px;
|
|
|
+ font-weight: 900;
|
|
|
+ text-align: center;
|
|
|
+ /* text-shadow: 0px 0px 5px #0b51a2; */
|
|
|
+ height: 45px;
|
|
|
}
|