diff --git a/src/login/bklogin/templates/account/login_ce.html b/src/login/bklogin/templates/account/login_ce.html index ddbe4d65d..532d6b852 100755 --- a/src/login/bklogin/templates/account/login_ce.html +++ b/src/login/bklogin/templates/account/login_ce.html @@ -6,6 +6,7 @@ + 登录|蓝鲸智云 @@ -15,56 +16,72 @@ left: 50% !important; top: 50% !important; margin: 0 !important; - transform: translate(-50%, -50%); - border-radius: 0 !important; - } - .logo-title { - border-radius: 0 !important; + transform: translate(-50%, -70%); } .protocol-btn { display: none !important; } - .footer { - display: none !important; - } - .page-content { - background: #e3eefa !important; - } {% endif %}
+
- + 蓝鲸社区版 +
{% csrf_token %} -
- {% if error_message %} - {{ error_message }} - {% if token_set_password_url %} - >>去修改 - {% endif %} - {% endif %} -
@@ -76,14 +93,7 @@ | 蓝鲸论坛 | 蓝鲸官网 | 蓝鲸智云工作台 - | + |

Copyright © 2012-{{NOW.year}} Tencent BlueKing. All Rights Reserved.

蓝鲸智云 版权所有

@@ -97,10 +107,14 @@
- + - + diff --git a/src/login/static/css_ce/login.css b/src/login/static/css_ce/login.css index 70e9dde33..dde9e8949 100755 --- a/src/login/static/css_ce/login.css +++ b/src/login/static/css_ce/login.css @@ -6,7 +6,8 @@ * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */ * { - box-sizing: border-box; } + box-sizing: border-box; +} body, div, @@ -36,284 +37,463 @@ button, textarea, b { margin: 0; - padding: 0; } + padding: 0; +} -html, body { +html, +body { font-size: 14px; font-family: "Microsoft YaHei"; height: 100%; - position: relative; } + position: relative; +} a { text-decoration: none; - -webkit-transition: all .5s; - -moz-transition: all .5s; - -ms-transition: all .5s; - transition: all .5s; } + -webkit-transition: all 0.5s; + -moz-transition: all 0.5s; + -ms-transition: all 0.5s; + transition: all 0.5s; +} button { text-decoration: none; - -webkit-transition: all .5s; - -moz-transition: all .5s; - -ms-transition: all .5s; - transition: all .5s; } + -webkit-transition: all 0.5s; + -moz-transition: all 0.5s; + -ms-transition: all 0.5s; + transition: all 0.5s; +} a:hover { - text-decoration: none; } + text-decoration: none; +} ul, ol, li { - list-style: none; } + list-style: none; +} -h1, h2, h3, h4, h5, h6 { - font-weight: normal; } +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: normal; +} input::-webkit-input-placeholder { font-family: "Microsoft YaHei"; - color: #c3cdd7; } + color: #c3cdd7; +} input:-moz-placeholder { font-family: "Microsoft YaHei"; - color: #c3cdd7; } + color: #c3cdd7; +} input::-moz-placeholder { font-family: "Microsoft YaHei"; - color: #c3cdd7; } + color: #c3cdd7; +} input:-ms-input-placeholder { font-family: "Microsoft YaHei"; - color: #c3cdd7; } + color: #c3cdd7; +} textarea::-webkit-input-placeholder { font-family: "Microsoft YaHei"; - color: #c3cdd7; } + color: #c3cdd7; +} textarea:-moz-placeholder { font-family: "Microsoft YaHei"; - color: #c3cdd7; } + color: #c3cdd7; +} textarea::-moz-placeholder { font-family: "Microsoft YaHei"; - color: #c3cdd7; } + color: #c3cdd7; +} textarea:-ms-input-placeholder { font-family: "Microsoft YaHei"; - color: #c3cdd7; } + color: #c3cdd7; +} .pb110 { - padding-bottom: 110px; } + padding-bottom: 110px; +} .clearfix:before, .clearfix:after { content: ""; - display: table; } + display: table; +} .clearfix:after { - clear: both; } + clear: both; +} .clearfix { - *zoom: 1; } + *zoom: 1; +} .hide { display: none !important; - visibility: hidden; } + visibility: hidden; +} -input[type=number] { - -moz-appearance: textfield; } +input[type="number"] { + -moz-appearance: textfield; +} -input, select { - background: none; } +input, +select { + background: none; +} input[disabled] { - background: none; } + background: none; +} -input[type=number]::-webkit-inner-spin-button, -input[type=number]::-webkit-outer-spin-button { +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; - margin: 0; } + margin: 0; +} .page-content { height: 100%; width: 100%; position: relative; - background: url(../img/logo_ce/bg.png) no-repeat center; + background: url(../img/logo_ce/new_bg.png) no-repeat center; margin: 0 auto; - background-size: 100% 100%; } - .page-content .login-from { - width: 400px; - min-height: 400px; - border-radius: 2px; - position: absolute; - top: 17%; - left: 50%; - margin-left: -200px; - z-index: 100; - overflow: hidden; } - .page-content .login-from .logo-title { - width: 100%; - height: 121px; - border-radius: 2px 2px 0px 0px; - background: #313b4c; - text-align: center; - line-height: 121px; } - .page-content .login-from .logo-title img { - vertical-align: middle; } - .page-content .login-from .from-detail { - position: relative; - background: #fff; - height: 279px; } - .page-content .login-from .from-detail .is-danger-tip { - position: absolute; - color: #ff5656; - top: 25px; - left: 55px; - font-size: 12px; } - .page-content .login-from .from-detail .is-danger-tip .icon-exclamation-circle-shape { - margin-right: 10px; } - .page-content .login-from .form-login { - width: 100%; - padding: 58px 55px 0 56px; } - .page-content .login-from .form-login.is-danger .group-control i { - color: #ff5656; } - .page-content .login-from .form-login.is-danger .group-control input { - border-color: #ff5656; - color: #ff5656; } - .page-content .login-from .form-login.is-danger .group-control input:focus { - border-color: #ff5656; } - .page-content .login-from .form-login.is-danger .group-control input::-webkit-input-placeholder { - color: #ff5656; } - .page-content .login-from .form-login.is-danger .group-control input:-moz-placeholder { - color: #ff5656; } - .page-content .login-from .form-login.is-danger .group-control input::-moz-placeholder { - color: #ff5656; } - .page-content .login-from .form-login.is-danger .group-control input:-ms-input-placeholder { - color: #ff5656; } - .page-content .login-from .form-login.certificate-expired .group-control i { - color: #cad3dc; } - .page-content .login-from .form-login.certificate-expired .group-control input { - border-color: #dde4eb; - color: #cad3dc; } - .page-content .login-from .form-login.certificate-expired .group-control input:focus { - border-color: #ff5656; } - .page-content .login-from .form-login.certificate-expired .group-control input::-webkit-input-placeholder { - color: #cad3dc; } - .page-content .login-from .form-login.certificate-expired .group-control input:-moz-placeholder { - color: #cad3dc; } - .page-content .login-from .form-login.certificate-expired .group-control input::-moz-placeholder { - color: #cad3dc; } - .page-content .login-from .form-login.certificate-expired .group-control input:-ms-input-placeholder { - color: #cad3dc; } - .page-content .login-from .form-login.certificate-expired .btn-content .login-btn { - background: #313b4c; - cursor: not-allowed; } - .page-content .login-from .form-login.certificate-expired .btn-content .login-btn:hover { - background: #344157; } - .page-content .login-from .form-login .group-control { - width: 289px; - height: 37px; - border-radius: 2px; - position: relative; } - .page-content .login-from .form-login .group-control i { - position: absolute; - font-size: 16px; - top: 11px; - left: 14px; - color: #aaaaaa; } - .page-content .login-from .form-login .group-control + .group-control { - margin-top: 15px; } - .page-content .login-from .form-login .group-control input { - width: 100%; - height: 100%; - outline: none; - border: solid 1px #eaeaea; - padding: 0 20px 0 40px; - color: #737987; - border-radius: 2px; } - .page-content .login-from .form-login .group-control input:focus { - border-color: #3c96ff; } - .page-content .login-from .form-login .group-control input::-webkit-input-placeholder { - color: #aaa; } - .page-content .login-from .form-login .group-control input:-moz-placeholder { - color: #aaa; } - .page-content .login-from .form-login .group-control input::-moz-placeholder { - color: #aaa; } - .page-content .login-from .form-login .group-control input:-ms-input-placeholder { - color: #aaa; } - .page-content .login-from .form-login .btn-content { - font-size: 0; - padding-top: 30px; } - .page-content .login-from .form-login .btn-content .login-btn { - width: 160px; - height: 42px; - display: inline-block; - background-color: #344157; - border-radius: 2px; - outline: none; - border: none; - font-size: 16px; - line-height: 18px; - letter-spacing: 0px; - color: #ffffff; - cursor: pointer; - float: left; } - .page-content .login-from .form-login .btn-content .login-btn:hover { - background: #2e3b4f; } - .page-content .login-from .form-login .btn-content .protocol-btn { - font-size: 14px; - line-height: 0; - letter-spacing: 0px; - color: #5c7ac6; - display: inline-block; - margin-left: 42px; - cursor: pointer; - margin-top: 21px; - float: right; } - .page-content .login-from .form-login .btn-content .protocol-btn:hover { - color: #526eb5; } + background-size: 100% 100%; +} +.page-content .login-logo { + width: 140px; + height: 25px; + margin: 21px 0 0 23px; +} +.page-content .login-from { + width: 450px; + min-height: 452px; + position: absolute; + top: 17%; + left: 50%; + margin-left: -200px; + z-index: 100; + overflow: visible; + background: #fff; + border-radius: 8px; + box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.10); +} +.page-content .login-from .logo-title { + opacity: 1; + padding: 32px 36px; +} +.page-content .login-from .logo-title .title { + font-size: 24px; + font-weight: 600; + color: #313238; +} +.page-content .login-from .logo-title img { + vertical-align: text-bottom; +} +.page-content .login-from .from-detail { + position: relative; + padding-bottom: 44px; +} +.page-content .login-from .from-detail .is-danger-tip { + position: absolute; + color: #EA3636; + top: 11px; + left: 38px; + font-size: 12px +} +.page-content + .login-from + .from-detail + .is-danger-tip + .icon-exclamation-circle-shape { + margin-right: 10px; +} +.page-content .login-from .form-login { + width: 100%; + padding: 0 38px; +} +.page-content .login-from .form-login .label { + color: #313238; + margin-bottom: 12px; +} +.page-content .login-from .form-login .change-password { + height: 22px; +} +.page-content .login-from .form-login .change-password span { + color: #ea3636; +} +.page-content .login-from .form-login .change-password a { + color: #1768EF; +} +.page-content .login-from .form-login.is-danger .group-control p { + color: #ff5656; +} +.page-content .login-from .form-login.is-danger .group-control input { + border-color: #ff5656; + color: #ff5656; +} +.page-content .login-from .form-login.is-danger .group-control input:focus { + border-color: #ff5656; +} +.page-content + .login-from + .form-login.is-danger + .group-control + input::-webkit-input-placeholder { + color: #ff5656; +} +.page-content + .login-from + .form-login.is-danger + .group-control + input:-moz-placeholder { + color: #ff5656; +} +.page-content + .login-from + .form-login.is-danger + .group-control + input::-moz-placeholder { + color: #ff5656; +} +.page-content + .login-from + .form-login.is-danger + .group-control + input:-ms-input-placeholder { + color: #ff5656; +} +.page-content .login-from .form-login.certificate-expired .group-control i { + color: #cad3dc; +} +.page-content .login-from .form-login.certificate-expired .group-control input { + border-color: #dde4eb; + color: #cad3dc; +} +.page-content + .login-from + .form-login.certificate-expired + .group-control + input:focus { + border-color: #ff5656; +} +.page-content + .login-from + .form-login.certificate-expired + .group-control + input::-webkit-input-placeholder { + color: #cad3dc; +} +.page-content + .login-from + .form-login.certificate-expired + .group-control + input:-moz-placeholder { + color: #cad3dc; +} +.page-content + .login-from + .form-login.certificate-expired + .group-control + input::-moz-placeholder { + color: #cad3dc; +} +.page-content + .login-from + .form-login.certificate-expired + .group-control + input:-ms-input-placeholder { + color: #cad3dc; +} +.page-content + .login-from + .form-login.certificate-expired + .btn-content + .login-btn { + background: #313b4c; + cursor: not-allowed; +} +.page-content + .login-from + .form-login.certificate-expired + .btn-content + .login-btn:hover { + background: #344157; +} +.page-content .login-from .form-login .group-control { + width: 100%; + height: 40px; + border-radius: 2px; + position: relative; +} +.page-content .login-from .form-login .user { + margin-bottom: 32px; +} +.page-content .login-from .form-login .group-control i { + position: absolute; + font-size: 16px; + top: 12px; + right: 13px; + color: #979BA5; +} +.page-content .login-from .form-login .group-control i:hover { + cursor: pointer; +} +.page-content .login-from .form-login .group-control + .group-control { + margin-top: 15px; +} +.page-content .login-from .form-login .group-control input { + width: 100%; + height: 100%; + outline: 0; + border: 1px solid #C4C6CC; + padding: 0 40px 0 12px; + color: #737987; + border-radius: 2px; +} +.page-content .login-from .form-login .action { + margin-top: 12px; +} +.page-content .login-from .form-login .group-control input:focus { + border-color: #3c96ff; +} +.page-content + .login-from + .form-login + .group-control + input::-webkit-input-placeholder { + color: #aaa; +} +.page-content .login-from .form-login .group-control input:-moz-placeholder { + color: #aaa; +} +.page-content .login-from .form-login .group-control input::-moz-placeholder { + color: #aaa; +} +.page-content + .login-from + .form-login + .group-control + input:-ms-input-placeholder { + color: #aaa; +} +.page-content .login-from .form-login .btn-content { + font-size: 0; + padding-top: 30px; +} +.page-content .login-from .form-login .btn-content .login-btn { + width: 100%; + height: 42px; + display: inline-block; + background-color: #3A84FF; + border-radius: 2px; + outline: 0; + border: none; + font-size: 14px; + line-height: 18px; + letter-spacing: 0; + color: #fff; + cursor: pointer; + float: left; +} +.page-content .login-from .form-login .btn-content .login-btn:hover { + background: #3A84FF; +} +.page-content .login-from .form-login .protocol-btn, +.page-content .login-from .form-login .password-btn { + font-size: 14px; + letter-spacing: 0; + color: #63656e; + display: inline-block !important; + cursor: pointer; + float: right +} + +.page-content .login-from .form-login .protocol-btn:hover, +.page-content .login-from .form-login .password-btn:hover { + color: #1768EF; +} +.language-wrapper { + margin-top: 42px; +} + +.language-wrapper i { + font-size: 16px; +} + +.language-wrapper select { + font-size: 12px; + border: none; +} .footer { width: 100%; position: absolute; - bottom: 3%; + bottom: 6%; color: #bfcbd7; font-size: 12px; - text-align: center; } - .footer .logo-qt { - margin-bottom: 10px; } - .footer .logo-qt .img-logo { - position: relative; - top: 4px; - margin-right: 8px; } - .footer a { - color: #bfcbd7; - margin: 0 5px; } - .footer a:hover { - color: #fff; } - .footer .follow-us { - position: relative; } - .footer .follow-us:hover .qr-box { - display: inline-block; - padding-bottom: 20px; } - .footer .qr-box { - display: none; - left: -25px; - top: -110px; } - .footer .qr { - padding: 4px; - border: 1px solid #e4e4e4; - background: #fff; - display: inline-block; } - .footer .qr-caret { - width: 0; - height: 0; - border: 7px solid transparent; - border-top: 7px solid #fff; - top: 101px; - left: 42px; - position: absolute; } - .footer .follow-us:hover .qr-box { - display: inline-block; } - .footer a:hover { - color: #fff; } - .footer .qr-box { - position: absolute; - top: 0; - margin-top: -118px; } + text-align: center; +} +.footer .logo-qt { + margin-bottom: 10px; +} +.footer .logo-qt .img-logo { + position: relative; + top: 4px; + margin-right: 8px; +} +.footer a { + color: #bfcbd7; + margin: 0 5px; +} +.footer a:hover { + color: #fff; +} +.footer .follow-us { + position: relative; +} +.footer .follow-us:hover .qr-box { + display: inline-block; + padding-bottom: 20px; +} +.footer .qr-box { + display: none; + left: -25px; + top: -110px; +} +.footer .qr { + padding: 4px; + border: 1px solid #e4e4e4; + background: #fff; + display: inline-block; +} +.footer .qr-caret { + width: 0; + height: 0; + border: 7px solid transparent; + border-top: 7px solid #fff; + top: 101px; + left: 42px; + position: absolute; +} +.footer .follow-us:hover .qr-box { + display: inline-block; +} +.footer a:hover { + color: #fff; +} +.footer .qr-box { + position: absolute; + top: 0; + margin-top: -118px; +} .protocol-pop { position: fixed; @@ -322,95 +502,111 @@ input[type=number]::-webkit-outer-spin-button { width: 100%; height: 100%; display: none; - z-index: 101; } - .protocol-pop .protocol-detail { - width: 1200px; - height: 700px; - background-color: #ffffff; - border-radius: 2px; - top: 10%; - left: 50%; - margin-left: -600px; - position: absolute; - padding: 59px 23px 40px 37px; } - .protocol-pop .protocol-detail .del-text { - position: absolute; - top: 0; - right: 0; - width: 27px; - height: 27px; - line-height: 26px; - border-radius: 50%; - text-align: center; - margin: 4px 4px 0 0; - background-repeat: no-repeat; - background-size: 11px 11px; - background-position: 50% 50%; - cursor: pointer; - display: inline-block; } - .protocol-pop .protocol-detail .del-text:hover { - background-color: #f3f3f3; } - .protocol-pop .protocol-detail .del-text > i { - font-size: 10px; - color: #50525f; - font-weight: bold; } - .protocol-pop .protocol-detail .detail-content { - height: 536px; - overflow-y: auto; } - .protocol-pop .protocol-detail .detail-content::-webkit-scrollbar { - width: 6px; - height: 5px; } - .protocol-pop .protocol-detail .detail-content::-webkit-scrollbar-thumb { - border-radius: 20px; - background: #a5a5a5; - box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3); } - .protocol-pop .protocol-detail .detail-content > .title { - text-align: center; - font-size: 32px; - font-weight: normal; - font-stretch: normal; - line-height: 36px; - letter-spacing: 1px; - color: #4f515e; - position: relative; - margin-bottom: 67px; } - .protocol-pop .protocol-detail .detail-content > .title:after { - content: ''; - position: absolute; - width: 30px; - height: 2px; - background: #5c7ac6; - top: 46px; - left: 50%; - margin-left: -15px; } - .protocol-pop .protocol-detail .detail-content .detail-list { - padding-right: 23px; } - .protocol-pop .protocol-detail .detail-content .detail-list > .title { - font-weight: bold; } - .protocol-pop .protocol-detail .detail-content .detail-list P { - text-align: left; - font-size: 12px; - line-height: 32px; - letter-spacing: 0; - color: #7b7d8a; } - .protocol-pop .protocol-detail .consent-content { - text-align: center; - margin-top: 25px; } - .protocol-pop .protocol-detail .consent-content .consent-btn { - width: 160px; - height: 42px; - display: inline-block; - background-color: #5c7ac6; - border-radius: 2px; - border: none; - font-size: 16px; - font-weight: normal; - font-stretch: normal; - line-height: 18px; - letter-spacing: 0px; - color: #ffffff; } - .protocol-pop .protocol-detail .consent-content .consent-btn:hover { - background: #526eb5; } + z-index: 101; +} +.protocol-pop .protocol-detail { + width: 1200px; + height: 700px; + background-color: #ffffff; + border-radius: 2px; + top: 10%; + left: 50%; + margin-left: -600px; + position: absolute; + padding: 59px 23px 40px 37px; +} +.protocol-pop .protocol-detail .del-text { + position: absolute; + top: 0; + right: 0; + width: 27px; + height: 27px; + line-height: 26px; + border-radius: 50%; + text-align: center; + margin: 4px 4px 0 0; + background-repeat: no-repeat; + background-size: 11px 11px; + background-position: 50% 50%; + cursor: pointer; + display: inline-block; +} +.protocol-pop .protocol-detail .del-text:hover { + background-color: #f3f3f3; +} +.protocol-pop .protocol-detail .del-text > i { + font-size: 10px; + color: #50525f; + font-weight: bold; +} +.protocol-pop .protocol-detail .detail-content { + height: 536px; + overflow-y: auto; +} +.protocol-pop .protocol-detail .detail-content::-webkit-scrollbar { + width: 6px; + height: 5px; +} +.protocol-pop .protocol-detail .detail-content::-webkit-scrollbar-thumb { + border-radius: 20px; + background: #a5a5a5; + box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3); +} +.protocol-pop .protocol-detail .detail-content > .title { + text-align: center; + font-size: 32px; + font-weight: normal; + font-stretch: normal; + line-height: 36px; + letter-spacing: 1px; + color: #4f515e; + position: relative; + margin-bottom: 67px; +} +.protocol-pop .protocol-detail .detail-content > .title:after { + content: ""; + position: absolute; + width: 30px; + height: 2px; + background: #5c7ac6; + top: 46px; + left: 50%; + margin-left: -15px; +} +.protocol-pop .protocol-detail .detail-content .detail-list { + padding-right: 23px; +} +.protocol-pop .protocol-detail .detail-content .detail-list > .title { + font-weight: bold; +} +.protocol-pop .protocol-detail .detail-content .detail-list P { + text-align: left; + font-size: 12px; + line-height: 32px; + letter-spacing: 0; + color: #7b7d8a; +} +.protocol-pop .protocol-detail .consent-content { + text-align: center; + margin-top: 25px; +} +.protocol-pop .protocol-detail .consent-content .consent-btn { + width: 160px; + height: 42px; + display: inline-block; + background-color: #5c7ac6; + border-radius: 2px; + border: none; + font-size: 16px; + font-weight: normal; + font-stretch: normal; + line-height: 18px; + letter-spacing: 0px; + color: #ffffff; +} +.protocol-pop .protocol-detail .consent-content .consent-btn:hover { + background: #526eb5; +} .error-message-content { position: fixed; @@ -419,20 +615,26 @@ input[type=number]::-webkit-outer-spin-button { height: 40px; line-height: 40px; text-align: center; - display: none; } - .error-message-content i { - cursor: pointer; } - .error-message-content.is-chrome { - background: #f8f6db; } - .error-message-content.is-certificate { - background: #fbd9d9; - color: #ff5656; } - .error-message-content span { - color: #ff5656; - display: inline-block; - margin-right: 20px; } - .error-message-content i { - color: #ff5656; - display: inline-block; } + display: none; +} +.error-message-content i { + cursor: pointer; +} +.error-message-content.is-chrome { + background: #f8f6db; +} +.error-message-content.is-certificate { + background: #fbd9d9; + color: #ff5656; +} +.error-message-content span { + color: #ff5656; + display: inline-block; + margin-right: 20px; +} +.error-message-content i { + color: #ff5656; + display: inline-block; +} /*# sourceMappingURL=login.css.map */ diff --git a/src/login/static/css_ce/login.min.css b/src/login/static/css_ce/login.min.css index a8f9babfa..1b1f04fe5 100755 --- a/src/login/static/css_ce/login.min.css +++ b/src/login/static/css_ce/login.min.css @@ -1 +1,3 @@ -.page-content,body,html{height:100%;position:relative}a,a:hover,button{text-decoration:none}*{box-sizing:border-box}b,blockquote,body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,i,input,li,ol,p,pre,span,td,textarea,th,ul{margin:0;padding:0}body,html{font-size:14px;font-family:"Microsoft YaHei"}a,button{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}li,ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:400}input::-webkit-input-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}input:-moz-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}input::-moz-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}input:-ms-input-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}textarea::-webkit-input-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}textarea:-moz-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}textarea::-moz-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}textarea:-ms-input-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}.pb110{padding-bottom:110px}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.hide{display:none!important;visibility:hidden}input[type=number]{-moz-appearance:textfield}input,input[disabled],select{background:0 0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-content{width:100%;background:url(../img/logo_ce/bg.png) center no-repeat;margin:0 auto;background-size:100% 100%}.page-content .login-from{width:400px;min-height:400px;border-radius:2px;position:absolute;top:17%;left:50%;margin-left:-200px;z-index:100;overflow:hidden}.page-content .login-from .logo-title{width:100%;height:121px;border-radius:2px 2px 0 0;background:#313b4c;text-align:center;line-height:121px}.page-content .login-from .logo-title img{vertical-align:middle}.page-content .login-from .from-detail{position:relative;background:#fff;height:279px}.page-content .login-from .from-detail .is-danger-tip{position:absolute;color:#ff5656;top:25px;left:55px;font-size:12px}.page-content .login-from .from-detail .is-danger-tip .icon-exclamation-circle-shape{margin-right:10px}.page-content .login-from .form-login{width:100%;padding:58px 55px 0 56px}.page-content .login-from .form-login.is-danger .group-control i{color:#ff5656}.page-content .login-from .form-login.is-danger .group-control input{border-color:#ff5656;color:#ff5656}.page-content .login-from .form-login.is-danger .group-control input:focus{border-color:#ff5656}.page-content .login-from .form-login.is-danger .group-control input::-webkit-input-placeholder{color:#ff5656}.page-content .login-from .form-login.is-danger .group-control input:-moz-placeholder{color:#ff5656}.page-content .login-from .form-login.is-danger .group-control input::-moz-placeholder{color:#ff5656}.page-content .login-from .form-login.is-danger .group-control input:-ms-input-placeholder{color:#ff5656}.page-content .login-from .form-login.certificate-expired .group-control i{color:#cad3dc}.page-content .login-from .form-login.certificate-expired .group-control input{border-color:#dde4eb;color:#cad3dc}.page-content .login-from .form-login.certificate-expired .group-control input:focus{border-color:#ff5656}.page-content .login-from .form-login.certificate-expired .group-control input::-webkit-input-placeholder{color:#cad3dc}.page-content .login-from .form-login.certificate-expired .group-control input:-moz-placeholder{color:#cad3dc}.page-content .login-from .form-login.certificate-expired .group-control input::-moz-placeholder{color:#cad3dc}.page-content .login-from .form-login.certificate-expired .group-control input:-ms-input-placeholder{color:#cad3dc}.page-content .login-from .form-login.certificate-expired .btn-content .login-btn{background:#313b4c;cursor:not-allowed}.page-content .login-from .form-login.certificate-expired .btn-content .login-btn:hover{background:#344157}.page-content .login-from .form-login .group-control{width:289px;height:37px;border-radius:2px;position:relative}.page-content .login-from .form-login .group-control i{position:absolute;font-size:16px;top:11px;left:14px;color:#aaa}.page-content .login-from .form-login .group-control+.group-control{margin-top:15px}.page-content .login-from .form-login .group-control input{width:100%;height:100%;outline:0;border:1px solid #eaeaea;padding:0 20px 0 40px;color:#737987;border-radius:2px}.page-content .login-from .form-login .group-control input:focus{border-color:#3c96ff}.page-content .login-from .form-login .group-control input::-webkit-input-placeholder{color:#aaa}.page-content .login-from .form-login .group-control input:-moz-placeholder{color:#aaa}.page-content .login-from .form-login .group-control input::-moz-placeholder{color:#aaa}.page-content .login-from .form-login .group-control input:-ms-input-placeholder{color:#aaa}.page-content .login-from .form-login .btn-content{font-size:0;padding-top:30px}.page-content .login-from .form-login .btn-content .login-btn{width:160px;height:42px;display:inline-block;background-color:#344157;border-radius:2px;outline:0;border:none;font-size:16px;line-height:18px;letter-spacing:0;color:#fff;cursor:pointer;float:left}.page-content .login-from .form-login .btn-content .login-btn:hover{background:#2e3b4f}.page-content .login-from .form-login .btn-content .protocol-btn{font-size:14px;line-height:0;letter-spacing:0;color:#5c7ac6;display:inline-block;margin-left:42px;cursor:pointer;margin-top:21px;float:right}.page-content .login-from .form-login .btn-content .protocol-btn:hover{color:#526eb5}.footer{width:100%;position:absolute;bottom:3%;color:#bfcbd7;font-size:12px;text-align:center}.footer .logo-qt{margin-bottom:10px}.footer .logo-qt .img-logo{position:relative;top:4px;margin-right:8px}.footer a{color:#bfcbd7;margin:0 5px}.footer .follow-us{position:relative}.footer .follow-us:hover .qr-box{padding-bottom:20px}.footer .qr-box{display:none;left:-25px}.footer .follow-us:hover .qr-box,.footer .qr{display:inline-block}.footer .qr{padding:4px;border:1px solid #e4e4e4;background:#fff}.footer .qr-caret{width:0;height:0;border:7px solid transparent;border-top:7px solid #fff;top:101px;left:42px;position:absolute}.footer a:hover{color:#fff}.footer .qr-box{position:absolute;top:0;margin-top:-118px}.protocol-pop{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:101}.protocol-pop .protocol-detail{width:1200px;height:700px;background-color:#fff;border-radius:2px;top:10%;left:50%;margin-left:-600px;position:absolute;padding:59px 23px 40px 37px}.protocol-pop .protocol-detail .del-text{position:absolute;top:0;right:0;width:27px;height:27px;line-height:26px;border-radius:50%;text-align:center;margin:4px 4px 0 0;background-repeat:no-repeat;background-size:11px 11px;background-position:50% 50%;cursor:pointer;display:inline-block}.protocol-pop .protocol-detail .del-text:hover{background-color:#f3f3f3}.protocol-pop .protocol-detail .del-text>i{font-size:10px;color:#50525f;font-weight:700}.protocol-pop .protocol-detail .detail-content{height:536px;overflow-y:auto}.protocol-pop .protocol-detail .detail-content::-webkit-scrollbar{width:6px;height:5px}.protocol-pop .protocol-detail .detail-content::-webkit-scrollbar-thumb{border-radius:20px;background:#a5a5a5;box-shadow:inset 0 0 6px rgba(204,204,204,.3)}.protocol-pop .protocol-detail .detail-content>.title{text-align:center;font-size:32px;font-weight:400;font-stretch:normal;line-height:36px;letter-spacing:1px;color:#4f515e;position:relative;margin-bottom:67px}.protocol-pop .protocol-detail .detail-content>.title:after{content:'';position:absolute;width:30px;height:2px;background:#5c7ac6;top:46px;left:50%;margin-left:-15px}.protocol-pop .protocol-detail .detail-content .detail-list{padding-right:23px}.protocol-pop .protocol-detail .detail-content .detail-list>.title{font-weight:700}.protocol-pop .protocol-detail .detail-content .detail-list P{text-align:left;font-size:12px;line-height:32px;letter-spacing:0;color:#7b7d8a}.protocol-pop .protocol-detail .consent-content{text-align:center;margin-top:25px}.protocol-pop .protocol-detail .consent-content .consent-btn{width:160px;height:42px;display:inline-block;background-color:#5c7ac6;border-radius:2px;border:none;font-size:16px;font-weight:400;font-stretch:normal;line-height:18px;letter-spacing:0;color:#fff}.protocol-pop .protocol-detail .consent-content .consent-btn:hover{background:#526eb5}.error-message-content{position:fixed;top:0;width:100%;height:40px;line-height:40px;text-align:center;display:none}.error-message-content i{cursor:pointer;color:#ff5656;display:inline-block}.error-message-content.is-chrome{background:#f8f6db}.error-message-content.is-certificate{background:#fbd9d9;color:#ff5656}.error-message-content span{color:#ff5656;display:inline-block;margin-right:20px} \ No newline at end of file +*{box-sizing:border-box}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,i,pre,form,fieldset,input,blockquote,th,td,p,span,button,textarea,b{margin:0;padding:0}html,body{font-size:14px;font-family:"Microsoft YaHei";height:100%;position:relative}a{text-decoration:none;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}button{text-decoration:none;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}a:hover{text-decoration:none}ul,ol,li{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:normal}input::-webkit-input-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}input:-moz-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}input::-moz-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}input:-ms-input-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}textarea::-webkit-input-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}textarea:-moz-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}textarea::-moz-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}textarea:-ms-input-placeholder{font-family:"Microsoft YaHei";color:#c3cdd7}.pb110{padding-bottom:110px}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.hide{display:none!important;visibility:hidden}input[type="number"]{-moz-appearance:textfield}input,select{background:0}input[disabled]{background:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.page-content{height:100%;width:100%;position:relative;background:url(../img/logo_ce/new_bg.png) no-repeat center;margin:0 auto;background-size:100% 100%}.page-content .login-logo{width:140px;height:25px;margin:21px 0 0 23px}.page-content .login-from{width:450px;min-height:452px;position:absolute;top:17%;left:50%;margin-left:-200px;z-index:100;overflow:visible;background:#fff;border-radius:8px;box-shadow:0 2px 6px 0 rgba(0,0,0,0.10)}.page-content .login-from .logo-title{opacity:1;padding:32px 36px}.page-content .login-from .logo-title .title{font-size:24px;font-weight:600;color:#313238}.page-content .login-from .logo-title img{vertical-align:text-bottom}.page-content .login-from .from-detail{position:relative;padding-bottom:44px}.page-content .login-from .from-detail .is-danger-tip{position:absolute;color:#ea3636;top:11px;left:38px;font-size:12px}.page-content .login-from .from-detail .is-danger-tip .icon-exclamation-circle-shape{margin-right:10px}.page-content .login-from .form-login{width:100%;padding:0 38px}.page-content .login-from .form-login .label{color:#313238;margin-bottom:12px}.page-content .login-from .form-login .change-password{height:22px}.page-content .login-from .form-login .change-password span{color:#ea3636}.page-content .login-from .form-login .change-password a{color:#1768ef}.page-content .login-from .form-login.is-danger .group-control p{color:#ff5656}.page-content .login-from .form-login.is-danger .group-control input{border-color:#ff5656;color:#ff5656}.page-content .login-from .form-login.is-danger .group-control input:focus{border-color:#ff5656}.page-content .login-from .form-login.is-danger .group-control input::-webkit-input-placeholder{color:#ff5656}.page-content .login-from .form-login.is-danger .group-control input:-moz-placeholder{color:#ff5656}.page-content .login-from .form-login.is-danger .group-control input::-moz-placeholder{color:#ff5656}.page-content .login-from .form-login.is-danger .group-control input:-ms-input-placeholder{color:#ff5656}.page-content .login-from .form-login.certificate-expired .group-control i{color:#cad3dc}.page-content .login-from .form-login.certificate-expired .group-control input{border-color:#dde4eb;color:#cad3dc}.page-content .login-from .form-login.certificate-expired .group-control input:focus{border-color:#ff5656}.page-content .login-from .form-login.certificate-expired .group-control input::-webkit-input-placeholder{color:#cad3dc}.page-content .login-from .form-login.certificate-expired .group-control input:-moz-placeholder{color:#cad3dc}.page-content .login-from .form-login.certificate-expired .group-control input::-moz-placeholder{color:#cad3dc}.page-content .login-from .form-login.certificate-expired .group-control input:-ms-input-placeholder{color:#cad3dc}.page-content .login-from .form-login.certificate-expired .btn-content .login-btn{background:#313b4c;cursor:not-allowed}.page-content .login-from .form-login.certificate-expired .btn-content .login-btn:hover{background:#344157}.page-content .login-from .form-login .group-control{width:100%;height:40px;border-radius:2px;position:relative}.page-content .login-from .form-login .user{margin-bottom:32px} +.page-content .login-from .form-login .group-control i{position:absolute;font-size:16px;top:12px;right:13px;color:#979ba5}.page-content .login-from .form-login .group-control i:hover{cursor:pointer}.page-content .login-from .form-login .group-control+.group-control{margin-top:15px}.page-content .login-from .form-login .group-control input{width:100%;height:100%;outline:0;border:1px solid #c4c6cc;padding:0 40px 0 12px;color:#737987;border-radius:2px}.page-content .login-from .form-login .action{margin-top:12px}.page-content .login-from .form-login .group-control input:focus{border-color:#3c96ff}.page-content .login-from .form-login .group-control input::-webkit-input-placeholder{color:#aaa}.page-content .login-from .form-login .group-control input:-moz-placeholder{color:#aaa}.page-content .login-from .form-login .group-control input::-moz-placeholder{color:#aaa}.page-content .login-from .form-login .group-control input:-ms-input-placeholder{color:#aaa}.page-content .login-from .form-login .btn-content{font-size:0;padding-top:30px}.page-content .login-from .form-login .btn-content .login-btn{width:100%;height:42px;display:inline-block;background-color:#3a84ff;border-radius:2px;outline:0;border:0;font-size:14px;line-height:18px;letter-spacing:0;color:#fff;cursor:pointer;float:left}.page-content .login-from .form-login .btn-content .login-btn:hover{background:#3a84ff}.page-content .login-from .form-login .protocol-btn,.page-content .login-from .form-login .password-btn{font-size:14px;letter-spacing:0;color:#63656e;display:inline-block!important;cursor:pointer;float:right}.page-content .login-from .form-login .protocol-btn:hover,.page-content .login-from .form-login .password-btn:hover{color:#1768ef}.language-wrapper{margin-top:42px}.language-wrapper i{font-size:16px}.language-wrapper select{font-size:12px;border:0}.footer{width:100%;position:absolute;bottom:6%;color:#bfcbd7;font-size:12px;text-align:center}.footer .logo-qt{margin-bottom:10px}.footer .logo-qt .img-logo{position:relative;top:4px;margin-right:8px}.footer a{color:#bfcbd7;margin:0 5px}.footer a:hover{color:#fff}.footer .follow-us{position:relative}.footer .follow-us:hover .qr-box{display:inline-block;padding-bottom:20px}.footer .qr-box{display:none;left:-25px;top:-110px}.footer .qr{padding:4px;border:1px solid #e4e4e4;background:#fff;display:inline-block}.footer .qr-caret{width:0;height:0;border:7px solid transparent;border-top:7px solid #fff;top:101px;left:42px;position:absolute}.footer .follow-us:hover .qr-box{display:inline-block}.footer a:hover{color:#fff}.footer .qr-box{position:absolute;top:0;margin-top:-118px}.protocol-pop{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:101}.protocol-pop .protocol-detail{width:1200px;height:700px;background-color:#fff;border-radius:2px;top:10%;left:50%;margin-left:-600px;position:absolute;padding:59px 23px 40px 37px}.protocol-pop .protocol-detail .del-text{position:absolute;top:0;right:0;width:27px;height:27px;line-height:26px;border-radius:50%;text-align:center;margin:4px 4px 0 0;background-repeat:no-repeat;background-size:11px 11px;background-position:50% 50%;cursor:pointer;display:inline-block}.protocol-pop .protocol-detail .del-text:hover{background-color:#f3f3f3}.protocol-pop .protocol-detail .del-text>i{font-size:10px;color:#50525f;font-weight:bold}.protocol-pop .protocol-detail .detail-content{height:536px;overflow-y:auto}.protocol-pop .protocol-detail .detail-content::-webkit-scrollbar{width:6px;height:5px}.protocol-pop .protocol-detail .detail-content::-webkit-scrollbar-thumb{border-radius:20px;background:#a5a5a5;box-shadow:inset 0 0 6px rgba(204,204,204,0.3)}.protocol-pop .protocol-detail .detail-content>.title{text-align:center;font-size:32px;font-weight:normal;font-stretch:normal;line-height:36px;letter-spacing:1px;color:#4f515e;position:relative;margin-bottom:67px}.protocol-pop .protocol-detail .detail-content>.title:after{content:"";position:absolute;width:30px;height:2px;background:#5c7ac6;top:46px;left:50%;margin-left:-15px}.protocol-pop .protocol-detail .detail-content .detail-list{padding-right:23px}.protocol-pop .protocol-detail .detail-content .detail-list>.title{font-weight:bold}.protocol-pop .protocol-detail .detail-content .detail-list P{text-align:left;font-size:12px;line-height:32px;letter-spacing:0;color:#7b7d8a}.protocol-pop .protocol-detail .consent-content{text-align:center;margin-top:25px}.protocol-pop .protocol-detail .consent-content .consent-btn{width:160px;height:42px;display:inline-block;background-color:#5c7ac6;border-radius:2px;border:0;font-size:16px;font-weight:normal;font-stretch:normal;line-height:18px;letter-spacing:0;color:#fff}.protocol-pop .protocol-detail .consent-content .consent-btn:hover{background:#526eb5}.error-message-content{position:fixed;top:0;width:100%;height:40px;line-height:40px;text-align:center;display:none}.error-message-content i{cursor:pointer}.error-message-content.is-chrome{background:#f8f6db} +.error-message-content.is-certificate{background:#fbd9d9;color:#ff5656}.error-message-content span{color:#ff5656;display:inline-block;margin-right:20px}.error-message-content i{color:#ff5656;display:inline-block} \ No newline at end of file diff --git a/src/login/static/img/logo_ce/logo.png b/src/login/static/img/logo_ce/logo.png new file mode 100644 index 000000000..5dde4f027 Binary files /dev/null and b/src/login/static/img/logo_ce/logo.png differ diff --git a/src/login/static/img/logo_ce/new_bg.png b/src/login/static/img/logo_ce/new_bg.png new file mode 100644 index 000000000..6bc24393e Binary files /dev/null and b/src/login/static/img/logo_ce/new_bg.png differ diff --git a/src/login/static/img/logo_ce/v7.png b/src/login/static/img/logo_ce/v7.png new file mode 100644 index 000000000..c95d2b7d2 Binary files /dev/null and b/src/login/static/img/logo_ce/v7.png differ diff --git a/src/login/static/js_ce/login.js b/src/login/static/js_ce/login.js index 25e71d1e1..164df1742 100755 --- a/src/login/static/js_ce/login.js +++ b/src/login/static/js_ce/login.js @@ -28,6 +28,20 @@ function refresh_token(){ $(document).ready(function(){ + // 中英文切换 + $('#languageSelect').on('change', function() { + const val = $('#languageSelect').find('option:selected').val(); + if (val === 'en') { + $('#languageIcon').attr('class', 'bk-icon icon-yuyanqiehuanyingwen'); + } else { + $('#languageIcon').attr('class', 'bk-icon icon-yuyanqiehuanzhongwen'); + } + $("#language-form select").val(val); + setTimeout(function(){ + $("#language-form").submit(); + }, 500); + }) + // 点击查看协议 $('.btn-content .protocol-btn').click(function(event) { $('.protocol-pop').show(); @@ -53,4 +67,16 @@ $(document).ready(function(){ } else { $('.is-chrome').hide(); } + + // 密码切换 + $('#invisible').on('click', function () { + const pass = document.getElementById('password'); + if (pass.type === 'password') { + pass.type = 'text'; + $('#invisible').attr('class', 'bk-icon icon-kejian'); + } else { + pass.type = 'password'; + $('#invisible').attr('class', 'bk-icon icon-invisible-eye'); + } + }) });