parent
4fef868c8e
commit
88d92ba19b
@ -1 +1,173 @@
|
||||
@charset "utf-8";html{height:100%;}body{position:static;background:#E0F5FE;}.left-agile{width:55%;float:left;background:#08B7F8;min-height:600px;border-top-left-radius:20px;border-bottom-left-radius:20px;}.all-content{width:100%;height:680px;margin:auto;}.content{width:1150px;height:600px;margin:auto;background-color:rgba(255,255,255,0.8);position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;}.left-img{margin:70px 0 0px 154px;float:left;}.left-txt{margin:80px 0 0px 168px;float:left;color:#fff;font-size:32px;text-align:center;line-height:1.8;}.content-name{font-size:28px;}.right-content{width:390px;margin:85px 0 0 65px;float:left;}.right-content form{margin:60px 0 0 0;}.user-name,.vcode,.password-li{border-bottom:1px solid #aaaaaa;height:50px;line-height:50px;}.vcode-li{margin:15px 0 0 0;position:relative;}.vcode-img{position:absolute;right:10px;}.password-li{margin:15px 0 0 0;}.user-name-li input,.vcode-li input,.password-li input{width:350px;border:0px;margin:0 0 0 10px;color:#5e5e5e;background:none;}.password-li input{margin:0 0 0 15px;}.verification-password{margin:15px 0 0 0;}.verification-left{width:190px;border-bottom:1px solid #aaaaaa;height:50px;line-height:50px;color:#535353;float:left;}.verification-left span{float:left;}.verification-left input{width:120px;float:left;line-height:48px;border:none;color:#5e5e5e;background:none;}.verification-right{float:left;}.verification-right img{width:102px;height:42px;margin:0 0 0 10px;}.verification-right span{font-size:18px;cursor:pointer;color:#11b8bf;margin:0 0 0 10px;}.input-button{width:390px;height:40px;background:#0398FC repeat-y center;border:0px;cursor:pointer;color:#fff;border-radius:25px !important;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;margin:64px 0 0 0;font-size:16px;}.footer{left:0;bottom:0;color:#fff;width:100%;position:absolute;text-align:center;padding-bottom:15px;text-shadow:#000 0.1em 0.1em 0.1em;font-size:14px;}
|
||||
@charset "utf-8";
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
position: static;
|
||||
background: #E0F5FE;
|
||||
}
|
||||
|
||||
.left-agile {
|
||||
width: 55%;
|
||||
float: left;
|
||||
background: linear-gradient(-34.0256deg, rgb(165, 201, 253) 5.53454%, rgb(29, 120, 250) 102.06%);
|
||||
;
|
||||
min-height: 600px;
|
||||
border-top-left-radius: 20px;
|
||||
border-bottom-left-radius: 20px;
|
||||
}
|
||||
|
||||
.all-content {
|
||||
width: 100%;
|
||||
height: 680px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 1150px;
|
||||
height: 600px;
|
||||
margin: auto;
|
||||
background-color: rgba(255, 255, 255, 0.8);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 45%;
|
||||
transform: translate(-50%, -50%);
|
||||
border-radius: 20px;
|
||||
-webkit-border-radius: 20px;
|
||||
-moz-border-radius: 20px;
|
||||
-ms-border-radius: 20px;
|
||||
-o-border-radius: 20px;
|
||||
}
|
||||
|
||||
.left-img {
|
||||
margin: 70px 0 0px 121px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.left-txt {
|
||||
margin: 80px 0 0px 70px;
|
||||
float: left;
|
||||
color: #fff;
|
||||
font-size: 32px;
|
||||
text-align: center;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.content-name {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.right-content {
|
||||
width: 390px;
|
||||
margin: 85px 0 0 65px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.right-content form {
|
||||
margin: 60px 0 0 0;
|
||||
}
|
||||
|
||||
.user-name, .vcode, .password-li {
|
||||
border-bottom: 1px solid #aaaaaa;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
.vcode-li {
|
||||
margin: 15px 0 0 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.vcode-img {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
.password-li {
|
||||
margin: 15px 0 0 0;
|
||||
}
|
||||
|
||||
.user-name-li input, .vcode-li input, .password-li input {
|
||||
width: 350px;
|
||||
border: 0px;
|
||||
margin: 0 0 0 10px;
|
||||
color: #5e5e5e;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.password-li input {
|
||||
margin: 0 0 0 15px;
|
||||
}
|
||||
|
||||
.verification-password {
|
||||
margin: 15px 0 0 0;
|
||||
}
|
||||
|
||||
.verification-left {
|
||||
width: 190px;
|
||||
border-bottom: 1px solid #aaaaaa;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
color: #535353;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.verification-left span {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.verification-left input {
|
||||
width: 120px;
|
||||
float: left;
|
||||
line-height: 48px;
|
||||
border: none;
|
||||
color: #5e5e5e;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.verification-right {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.verification-right img {
|
||||
width: 102px;
|
||||
height: 42px;
|
||||
margin: 0 0 0 10px;
|
||||
}
|
||||
|
||||
.verification-right span {
|
||||
font-size: 18px;
|
||||
cursor: pointer;
|
||||
color: #11b8bf;
|
||||
margin: 0 0 0 10px;
|
||||
}
|
||||
|
||||
.input-button {
|
||||
width: 390px;
|
||||
height: 40px;
|
||||
background: #0398FC repeat-y center;
|
||||
border: 0px;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
border-radius: 25px !important;
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
-ms-border-radius: 6px;
|
||||
-o-border-radius: 6px;
|
||||
margin: 64px 0 0 0;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
color: #fff;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
padding-bottom: 15px;
|
||||
text-shadow: #000 0.1em 0.1em 0.1em;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
After Width: | Height: | Size: 59 KiB |
Loading…
Reference in new issue