diff --git a/src/login/bklogin/templates/account/login_ce.html b/src/login/bklogin/templates/account/login_ce.html index 026f369ed..0ca7413b9 100755 --- a/src/login/bklogin/templates/account/login_ce.html +++ b/src/login/bklogin/templates/account/login_ce.html @@ -39,11 +39,11 @@
- +
{% trans '社区版' %} - +
@@ -80,29 +80,29 @@ {% trans '忘记密码?' %}
-
- {% get_current_language as LANGUAGE_CODE %} - {% get_available_languages as LANGUAGES %} - {% get_language_info_list for LANGUAGES as languages %} -
{% csrf_token %} - - -
-

- 中文 -

-

- English -

+
+ {% get_current_language as LANGUAGE_CODE %} + {% get_available_languages as LANGUAGES %} + {% get_language_info_list for LANGUAGES as languages %} + {% csrf_token %} + + +
+

+ 中文 +

+

+ English +

+
+
- -
diff --git a/src/login/locale/en/LC_MESSAGES/django.po b/src/login/locale/en/LC_MESSAGES/django.po index e2dc115ed..3e0dae8c1 100755 --- a/src/login/locale/en/LC_MESSAGES/django.po +++ b/src/login/locale/en/LC_MESSAGES/django.po @@ -327,12 +327,12 @@ msgid "登录|蓝鲸智云" msgstr "Login|BlueKing" #: bklogin/templates/account/login_ce.html:42 -msgid "img/logo_ce/logo_ce.png" -msgstr "img/logo_ce/logo_ce.png" +msgid "img/logo_ce/logo.svg" +msgstr "img/logo_ce/logo_en.svg" #: bklogin/templates/account/login_ce.html:45 msgid "社区版" -msgstr "社区版" +msgstr "CE" #: bklogin/templates/account/login_ce.html:64 #, fuzzy diff --git a/src/login/static/assets/blueking-icon/fonts/iconcool.eot b/src/login/static/assets/blueking-icon/fonts/iconcool.eot index 994234f35..ac6d0917c 100644 Binary files a/src/login/static/assets/blueking-icon/fonts/iconcool.eot and b/src/login/static/assets/blueking-icon/fonts/iconcool.eot differ diff --git a/src/login/static/assets/blueking-icon/fonts/iconcool.svg b/src/login/static/assets/blueking-icon/fonts/iconcool.svg index 2391ff538..44aca3a2f 100644 --- a/src/login/static/assets/blueking-icon/fonts/iconcool.svg +++ b/src/login/static/assets/blueking-icon/fonts/iconcool.svg @@ -41,6 +41,15 @@ + + + + + + + + + diff --git a/src/login/static/assets/blueking-icon/fonts/iconcool.ttf b/src/login/static/assets/blueking-icon/fonts/iconcool.ttf index 0eef8b479..76c3bfc0c 100644 Binary files a/src/login/static/assets/blueking-icon/fonts/iconcool.ttf and b/src/login/static/assets/blueking-icon/fonts/iconcool.ttf differ diff --git a/src/login/static/assets/blueking-icon/fonts/iconcool.woff b/src/login/static/assets/blueking-icon/fonts/iconcool.woff index db4ef6b4c..709e49a03 100644 Binary files a/src/login/static/assets/blueking-icon/fonts/iconcool.woff and b/src/login/static/assets/blueking-icon/fonts/iconcool.woff differ diff --git a/src/login/static/assets/blueking-icon/iconcool.json b/src/login/static/assets/blueking-icon/iconcool.json index cc4d8fc87..c63aaeaa1 100644 --- a/src/login/static/assets/blueking-icon/iconcool.json +++ b/src/login/static/assets/blueking-icon/iconcool.json @@ -1 +1 @@ -{"iconName":"bk","icons":[{"name":"yuyanqiehuanzhongwen","svgCode":"","codepoint":"\\e102"},{"name":"yuyanqiehuanyingwen","svgCode":"","codepoint":"\\e101"},{"name":"kejian","svgCode":"","codepoint":"\\e103"},{"name":"invisible-eye","svgCode":"","codepoint":"\\e104"}]} \ No newline at end of file +{"iconName":"bk","icons":[{"name":"yuyanqiehuanzhongwen","svgCode":"","codepoint":"\\e102"},{"name":"yuyanqiehuanyingwen","svgCode":"","codepoint":"\\e101"},{"name":"kejian","svgCode":"","codepoint":"\\e103"},{"name":"invisible-eye","svgCode":"","codepoint":"\\e104"},{"name":"v7","svgCode":"","codepoint":"\\e105"},{"name":"logo","svgCode":"","codepoint":"\\e106"},{"name":"lanjingzhiyunen","svgCode":"","codepoint":"\\e107"}]} \ No newline at end of file diff --git a/src/login/static/assets/blueking-icon/index.css b/src/login/static/assets/blueking-icon/index.css index 2ca5fc3e7..fbf353751 100644 --- a/src/login/static/assets/blueking-icon/index.css +++ b/src/login/static/assets/blueking-icon/index.css @@ -35,3 +35,12 @@ url("fonts/iconcool.eot?#iefix") format("embedded-opentype"); .icon-invisible-eye:before { content: "\e104"; } +.icon-v7:before { + content: "\e105"; +} +.icon-logo:before { + content: "\e106"; +} +.icon-lanjingzhiyunen:before { + content: "\e107"; +} diff --git a/src/login/static/assets/blueking-icon/index.js b/src/login/static/assets/blueking-icon/index.js new file mode 100644 index 000000000..e556bc852 --- /dev/null +++ b/src/login/static/assets/blueking-icon/index.js @@ -0,0 +1,10 @@ +!(function () { + var svgCode = '' + if (document.body) { + document.body.insertAdjacentHTML('afterbegin', svgCode) + } else { + document.addEventListener('DOMContentLoaded', function() { + document.body.insertAdjacentHTML('afterbegin', svgCode) + }) + } +})() \ No newline at end of file diff --git a/src/login/static/css_ce/login.css b/src/login/static/css_ce/login.css index b020e2702..34cd9e37a 100755 --- a/src/login/static/css_ce/login.css +++ b/src/login/static/css_ce/login.css @@ -176,7 +176,7 @@ input[type="number"]::-webkit-outer-spin-button { position: absolute; right: 0; top: 0; - padding-bottom: 18%; + padding-bottom: 10%; background-color: rgb(235,242,250); } .page-content .right-top img { @@ -218,7 +218,7 @@ input[type="number"]::-webkit-outer-spin-button { } .page-content .login-from .logo-title { opacity: 1; - padding: 55px 32px 50px 0; + padding: 55px 0 50px 0; display: flex; align-items: center; justify-content: center; @@ -237,15 +237,32 @@ input[type="number"]::-webkit-outer-spin-button { position: absolute; cursor: pointer; background: #c4c6cc; - top: 61px; + top: 63px; left: 225px; } .page-content .login-from .logo-title div { padding: 0 12px; + width: 50%; } -.page-content .login-from .logo-title img { - vertical-align: text-bottom; +.page-content .login-from .logo-title .logo_ce { + text-align: end; +} + +.page-content .login-from .logo-title .logo_ce img { + width: 145px; +} + +.page-content .login-from .logo-title .logo_community { + display: flex; + line-height: 30px; } +.page-content .login-from .logo-title .logo_community img { + width: 46px; + margin-left: 4px; +} +/* .page-content .login-from .logo-title img { + vertical-align: text-bottom; +} */ .page-content .login-from .from-detail { position: relative; padding-bottom: 40px; @@ -470,7 +487,7 @@ input[type="number"]::-webkit-outer-spin-button { line-height: 24px; justify-content: end; text-align: right; - margin-top: 47px; + margin-top: 47px; } .language-switcher .language-item { width: 70px; diff --git a/src/login/static/css_ce/login.min.css b/src/login/static/css_ce/login.min.css index d1be4afed..78ecc3a28 100755 --- a/src/login/static/css_ce/login.min.css +++ b/src/login/static/css_ce/login.min.css @@ -1,3 +1,3 @@ -*{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;margin:0 auto;background-color:#ebf2fa}#particles-js{height:100%}.page-content .right-top{width:52%;height:0;position:absolute;right:0;top:0;padding-bottom:18%;background-color:#ebf2fa}.page-content .right-top img{width:100%}.page-content .right-bottom{width:31%;height:0;position:absolute;right:1%;bottom:0;padding-bottom:15%}.page-content .right-bottom img{width:100%}.page-content .left-bottom{width:35%;height:0;position:absolute;left:0;bottom:0;padding-bottom:12%}.page-content .left-bottom img{width:100%}.page-content .login-from{width:450px;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:55px 32px 50px 0;display:flex;align-items:center;justify-content:center}.page-content .login-from .logo-title .title{font-size:22px;font-family:TencentSansW7;color:#63656e}.page-content .login-from .logo-title .logo_ce:after{content:'';height:18px;width:1px;display:block;position:absolute;cursor:pointer;background:#c4c6cc;top:61px;left:225px}.page-content .login-from .logo-title div{padding:0 12px}.page-content .login-from .logo-title img{vertical-align:text-bottom}.page-content .login-from .from-detail{position:relative;padding-bottom:40px}.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 .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:24px}.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 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:24px}.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-switcher{display:flex;border-radius:2px;height:24px;line-height:24px;justify-content:end;text-align:right;margin-top:47px}.language-switcher .language-item{width:70px;text-align:center;background:#f5f7fa;transform:skew(-15deg,0deg);display:inline-block;height:24px;border-radius:2px;cursor:pointer}.language-switcher .language-item .text-active{display:block;width:70px;height:24px;line-height:24px;font-size:12px;transform:skew(15deg,0deg)}.language-switcher .active{background:#e1ecff}.language-switcher .active .text-active{color:#3a84ff}.footer{width:100%;line-height:20px;padding:2% 0;position:absolute;bottom:0;color:#bfcbd7;font-size:12px;text-align:center;background:url(../img/logo_ce/footer.png) no-repeat center;background-size:100% 100%}.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 +*{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;margin:0 auto;background-color:#ebf2fa}#particles-js{height:100%}.page-content .right-top{width:52%;height:0;position:absolute;right:0;top:0;padding-bottom:10%;background-color:#ebf2fa}.page-content .right-top img{width:100%}.page-content .right-bottom{width:31%;height:0;position:absolute;right:1%;bottom:0;padding-bottom:15%}.page-content .right-bottom img{width:100%}.page-content .left-bottom{width:35%;height:0;position:absolute;left:0;bottom:0;padding-bottom:12%}.page-content .left-bottom img{width:100%}.page-content .login-from{width:450px;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:55px 0 50px 0;display:flex;align-items:center;justify-content:center}.page-content .login-from .logo-title .title{font-size:22px;font-family:TencentSansW7;color:#63656e}.page-content .login-from .logo-title .logo_ce:after{content:'';height:18px;width:1px;display:block;position:absolute;cursor:pointer;background:#c4c6cc;top:63px;left:225px}.page-content .login-from .logo-title div{padding:0 12px;width:50%}.page-content .login-from .logo-title .logo_ce{text-align:end}.page-content .login-from .logo-title .logo_ce img{width:145px}.page-content .login-from .logo-title .logo_community{display:flex;line-height:30px}.page-content .login-from .logo-title .logo_community img{width:46px;margin-left:4px}.page-content .login-from .from-detail{position:relative;padding-bottom:40px}.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 .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:24px}.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 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:24px}.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-switcher{display:flex;border-radius:2px;height:24px;line-height:24px;justify-content:end;text-align:right;margin-top:47px}.language-switcher .language-item{width:70px;text-align:center;background:#f5f7fa;transform:skew(-15deg,0deg);display:inline-block;height:24px;border-radius:2px;cursor:pointer}.language-switcher .language-item .text-active{display:block;width:70px;height:24px;line-height:24px;font-size:12px;transform:skew(15deg,0deg)}.language-switcher .active{background:#e1ecff}.language-switcher .active .text-active{color:#3a84ff}.footer{width:100%;line-height:20px;padding:2% 0;position:absolute;bottom:0;color:#bfcbd7;font-size:12px;text-align:center;background:url(../img/logo_ce/footer.png) no-repeat center;background-size:100% 100%}.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 deleted file mode 100644 index 5dde4f027..000000000 Binary files a/src/login/static/img/logo_ce/logo.png and /dev/null differ diff --git a/src/login/static/img/logo_ce/logo.svg b/src/login/static/img/logo_ce/logo.svg new file mode 100644 index 000000000..1152ea246 --- /dev/null +++ b/src/login/static/img/logo_ce/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/login/static/img/logo_ce/logo_ce.png b/src/login/static/img/logo_ce/logo_ce.png deleted file mode 100644 index 5729e2177..000000000 Binary files a/src/login/static/img/logo_ce/logo_ce.png and /dev/null differ diff --git a/src/login/static/img/logo_ce/logo_en.svg b/src/login/static/img/logo_ce/logo_en.svg new file mode 100644 index 000000000..5238670b0 --- /dev/null +++ b/src/login/static/img/logo_ce/logo_en.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/login/static/img/logo_ce/v7.png b/src/login/static/img/logo_ce/v7.png deleted file mode 100644 index c95d2b7d2..000000000 Binary files a/src/login/static/img/logo_ce/v7.png and /dev/null differ diff --git a/src/login/static/img/logo_ce/v7.svg b/src/login/static/img/logo_ce/v7.svg new file mode 100644 index 000000000..5fd692ac0 --- /dev/null +++ b/src/login/static/img/logo_ce/v7.svg @@ -0,0 +1 @@ + \ No newline at end of file