|
@@ -4,13 +4,16 @@ body {
|
|
width: 100%;
|
|
width: 100%;
|
|
height:100%;
|
|
height:100%;
|
|
font-family: 'Open Sans', sans-serif;
|
|
font-family: 'Open Sans', sans-serif;
|
|
- background: #092756;
|
|
|
|
- background: -moz-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%),-moz-linear-gradient(top, rgba(57,173,219,.25) 0%, rgba(42,60,87,.4) 100%), -moz-linear-gradient(-45deg, #670d10 0%, #092756 100%);
|
|
|
|
- background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -webkit-linear-gradient(top, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -webkit-linear-gradient(-45deg, #670d10 0%,#092756 100%);
|
|
|
|
- background: -o-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -o-linear-gradient(top, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -o-linear-gradient(-45deg, #670d10 0%,#092756 100%);
|
|
|
|
- background: -ms-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -ms-linear-gradient(top, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -ms-linear-gradient(-45deg, #670d10 0%,#092756 100%);
|
|
|
|
- background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), linear-gradient(to bottom, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), linear-gradient(135deg, #670d10 0%,#092756 100%);
|
|
|
|
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3E1D6D', endColorstr='#092756',GradientType=1 );
|
|
|
|
|
|
+ /*background: #092756;*/
|
|
|
|
+ /*background: rgb(56,201,164);*/
|
|
|
|
+ background: url("../img/img31.jpg") no-repeat;
|
|
|
|
+ background-position: center;
|
|
|
|
+ /*background: -moz-linear-gradient(233deg, rgba(56,201,164,1) 0%, rgba(56,79,110,1) 81%);*/
|
|
|
|
+ /*background: -webkit-linear-gradient(233deg, rgba(56,201,164,1) 0%, rgba(56,79,110,1) 81%), -webkit-linear-gradient(233deg, rgba(56,201,164,1) 0%, rgba(56,79,110,1) 81%);*/
|
|
|
|
+ /*background: -o-linear-gradient(233deg, rgba(56,201,164,1) 0%, rgba(56,79,110,1) 81%), -o-linear-gradient(233deg, rgba(56,201,164,1) 0%, rgba(56,79,110,1) 81%);*/
|
|
|
|
+ /*background: -ms-linear-gradient(233deg, rgba(56,201,164,1) 0%, rgba(56,79,110,1) 81%), -ms-linear-gradient(233deg, rgba(56,201,164,1) 0%, rgba(56,79,110,1) 81%);*/
|
|
|
|
+ /*background: linear-gradient(233deg, rgba(56,201,164,1) 0%, rgba(56,79,110,1) 81%), linear-gradient(233deg, rgba(56,201,164,1) 0%, rgba(56,79,110,1) 81%);*/
|
|
|
|
+ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38c9a4', endColorstr='#384f6e',GradientType=1 );*/
|
|
margin: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
padding: 0;
|
|
}
|
|
}
|
|
@@ -24,10 +27,10 @@ body {
|
|
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { filter: none; background-color: #4a77d4; }
|
|
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { filter: none; background-color: #4a77d4; }
|
|
.btn-block { width: 100%; display:block; }
|
|
.btn-block { width: 100%; display:block; }
|
|
.login {position: absolute;top: 50%;left: 50%;margin: -150px 0 0 -150px;width:300px;height:300px;}
|
|
.login {position: absolute;top: 50%;left: 50%;margin: -150px 0 0 -150px;width:300px;height:300px;}
|
|
-.login h1 { color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.3); letter-spacing:1px; text-align:center; }
|
|
|
|
|
|
+.login h1 { color: #000; text-shadow: 0 0 10px rgba(0,0,0,0.3); letter-spacing:1px; text-align:center; }
|
|
.login-form-row{height: 40px;margin-bottom: 10px;}
|
|
.login-form-row{height: 40px;margin-bottom: 10px;}
|
|
.login-form-vcode{float: left;}
|
|
.login-form-vcode{float: left;}
|
|
.login-form-vcode-input{float: right;}
|
|
.login-form-vcode-input{float: right;}
|
|
-input {width: 100%; margin-bottom: 10px;height: 39px;background: rgba(0,0,0,0.3);border: none;outline: none;padding: 10px;font-size: 13px;color: #fff;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);border: 1px solid rgba(0,0,0,0.3);border-radius: 4px;box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);-webkit-transition: box-shadow .5s ease;-moz-transition: box-shadow .5s ease;-o-transition: box-shadow .5s ease;-ms-transition: box-shadow .5s ease;transition: box-shadow .5s ease;}
|
|
|
|
|
|
+input {width: 100%; margin-bottom: 10px;height: 39px;background: rgba(255,255,255);border: none;outline: none;padding: 10px;font-size: 13px;color: #000;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);border: 1px solid rgba(0,0,0,0.3);border-radius: 4px;box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);-webkit-transition: box-shadow .5s ease;-moz-transition: box-shadow .5s ease;-o-transition: box-shadow .5s ease;-ms-transition: box-shadow .5s ease;transition: box-shadow .5s ease;}
|
|
input:focus { box-shadow: inset 0 -5px 45px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2); }
|
|
input:focus { box-shadow: inset 0 -5px 45px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2); }
|
|
.copyright{color:#ffffff;position:absolute;bottom:20px;width:100%;text-align:center;font-size:12px;}
|
|
.copyright{color:#ffffff;position:absolute;bottom:20px;width:100%;text-align:center;font-size:12px;}
|