From 133eca7cd89b9b96d2bccbd3f212f0cb9f53f01e Mon Sep 17 00:00:00 2001 From: liuqimichale <123456lq> Date: Wed, 17 Oct 2018 16:30:25 +0800 Subject: [PATCH] 登录页面 --- css/login.css | 96 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------------------------ img/handler_bg.png | Bin 949 -> 0 bytes img/login-pwd-bg.png | Bin 0 -> 412 bytes img/login-user-bg.png | Bin 0 -> 444 bytes login.html | 54 +++++++++++++++++++++++++----------------------------- 5 files changed, 85 insertions(+), 65 deletions(-) mode change 100755 => 100644 img/handler_bg.png create mode 100644 img/login-pwd-bg.png create mode 100644 img/login-user-bg.png diff --git a/css/login.css b/css/login.css index 9b78792..6b45206 100755 --- a/css/login.css +++ b/css/login.css @@ -21,31 +21,56 @@ html,body{ width: 90.5px; } .login-cont{ - height: 380px; - width:678px; + width:372px; + height:360px; position: absolute; top:50%; left: 50%; - margin-top: -190px; - margin-left: -339px; - background-color: rgba(255,255,255,.1); - border-radius: 30px!important; -} - -.login .content { + margin-top: -186px; + margin-left: -180px; - /*background-color:#fff;*/ - /*-webkit-border-radius:7px;*/ - /*-moz-border-radius:7px;*/ - /*-ms-border-radius:7px;*/ - /*-o-border-radius:7px;*/ - /*border-radius:7px;*/ - margin: 0 auto; - width:328px; - /*height: 440px;*/ - /*padding:46px 30px 30px;*/ - overflow:hidden; - /*position:relative*/ +} +.login-title{ + height: 48px; + border-bottom: 2px solid #fff; + line-height: 48px; + padding-left: 40px; + font-size:18px; + font-weight:400; + color:rgba(55,168,247,1); + background:rgba(26,29,41,.6); + position: relative; +} +.login-title:after{ + content: ''; + position: absolute; + left: 0; + bottom: -2px; + width:159px; + height:2px; + background:rgba(55,168,247,1); +} +.login-main{ + width: 372px; + padding:32px 40px; + background:rgba(26,29,41,.6); +} +.login-user-bg{ + display: inline-block; + vertical-align: middle; + width: 40px; + height: 40px; + background:rgba(170,171,171,.8) url("../img/login-user-bg.png") no-repeat center center; +} +.login-pwd-bg{ + display: inline-block; + vertical-align: middle; + width: 40px; + height: 40px; + background:rgba(170,171,171,.8) url("../img/login-pwd-bg.png") no-repeat center center; +} +.form-control{ + border-radius: 0; } .login .content h3 { color:#4db3a5; @@ -66,8 +91,9 @@ html,body{ margin:0 } .login .content .form-control { - height: 36px; - width: 328px; + height: 40px; + width: 251px; + display: inline-block; } .login .content .form-control:active, .login .content .form-control:focus { border:1px solid #c3ccda @@ -96,8 +122,6 @@ html,body{ .login .content .form-actions { clear:both; border:0; - margin-left:-30px; - margin-right:-30px } .login-options { margin-bottom:30px; @@ -133,11 +157,11 @@ html,body{ padding-bottom:0 } .login .content .form-actions .btn { - margin-top:1px; + height: 40px; font-size: 18px; color: #fff; - border:1px solid #c90000; - background-color: #de3a41; + border:1px solid #37A8F7; + background-color: #37A8F7; width: 100%; } @@ -258,7 +282,7 @@ html,body{ left: 0; } .form-group{ - margin-bottom: 9px; + margin-bottom: 12px; } .form-control{ color:#000; @@ -291,19 +315,19 @@ input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ #slide_box { - height: 36px; + height: 40px; text-align: center; - line-height: 36px; + line-height: 40px; font-size: 14px; background-color: rgba(255,255,255,.75); border: none; } #slide_xbox { - width: 56px; - height: 36px; + width: 40px; + height: 40px; text-align: center; - line-height: 36px; + line-height:40px; font-size: 14px; position: absolute; background: #35b34a; @@ -311,8 +335,8 @@ input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ #btn { cursor: pointer; - width: 56px; - height: 36px; + width: 40px; + height: 40px; background: #fff url(../img/handler_bg.png); float: right; /*-webkit-box-shadow: 0px 0px 15px 0px #ddd;*/ diff --git a/img/handler_bg.png b/img/handler_bg.png old mode 100755 new mode 100644 index 900f1cb..6aab63e Binary files a/img/handler_bg.png and b/img/handler_bg.png differ diff --git a/img/login-pwd-bg.png b/img/login-pwd-bg.png new file mode 100644 index 0000000..90ae22a Binary files /dev/null and b/img/login-pwd-bg.png differ diff --git a/img/login-user-bg.png b/img/login-user-bg.png new file mode 100644 index 0000000..888e30c Binary files /dev/null and b/img/login-user-bg.png differ diff --git a/login.html b/login.html index 0b8933a..42902eb 100755 --- a/login.html +++ b/login.html @@ -32,45 +32,41 @@
-
- + -
- +