diff --git a/WebRoot/pcss/SignIn.css b/WebRoot/pcss/SignIn.css index c4cfff00..215dbb96 100644 --- a/WebRoot/pcss/SignIn.css +++ b/WebRoot/pcss/SignIn.css @@ -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;} \ No newline at end of file +@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; +} \ No newline at end of file diff --git a/WebRoot/pimgs/image.png b/WebRoot/pimgs/image.png new file mode 100644 index 00000000..a6dd6993 Binary files /dev/null and b/WebRoot/pimgs/image.png differ diff --git a/WebRoot/plogin.html b/WebRoot/plogin.html index 451aa4e4..5153ddec 100644 --- a/WebRoot/plogin.html +++ b/WebRoot/plogin.html @@ -20,9 +20,9 @@