diff options
Diffstat (limited to 'openo-portal/portal-common/src/main/webapp/common/css/login.css')
-rw-r--r-- | openo-portal/portal-common/src/main/webapp/common/css/login.css | 201 |
1 files changed, 201 insertions, 0 deletions
diff --git a/openo-portal/portal-common/src/main/webapp/common/css/login.css b/openo-portal/portal-common/src/main/webapp/common/css/login.css new file mode 100644 index 00000000..1ec3e348 --- /dev/null +++ b/openo-portal/portal-common/src/main/webapp/common/css/login.css @@ -0,0 +1,201 @@ +/** + * Copyright 2016, CMCC Technologies Co., Ltd. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * 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. + */ +/*** +Login page +***/ + +/* logo page */ +.login { + background-color: #666 !important; +} + +.login .logo { + margin: 0 auto; + margin-top:60px; + padding: 15px; + text-align: center; +} + + +.login .content { + background: url(../img/bg-white-lock.png) repeat; + width: 360px; + margin: 0 auto; + margin-bottom: 0px; + padding: 30px; + padding-top: 20px; + padding-bottom: 15px; + border-radius:5px; + -webkit-box-shadow: 2px 3px 3px #717171; + -moz-box-shadow: 2px 3px 3px #717171; + box-shadow: -1px 1px 1px rgba(255,255,255,0.6) inset,-3px 3px 5px rgba(0,0,0,0.2); +} + +.login .content h3 { + color: #474747; + letter-spacing:5px; + font-size:20px ; + font-family: 'Microsoft Yahei', sans-serif; + text-shadow:-1px 1px rgba(221, 221, 221, 1); +} +.login .content h4 { + color: #eee; +} + +.login .content p, +.login .content label { + color: #4b4b4b; +} + +.login .content .login-form, +.login .content .forget-form { + padding: 0px; + margin: 0px; +} + +.login .content .form-control { + background-color: #fff; + border-radius:15px; +} + +.login .content .forget-form { + display: none; +} + +.login .content .register-form { + display: none; +} + +.login .content .form-title { + font-weight: 300; + margin-bottom: 25px; + text-align: center; +} + +.login .content .form-actions { + background-color: transparent; + clear: both; + border: 0px; + padding: 0px 30px 25px 30px; + margin-left: -30px; + margin-right: -30px; +} + +.login .content .form-actions .checkbox { + margin-left: 20px; + padding-left: 0; +} + +.login .content .forget-form .form-actions { + border: 0; + margin-bottom: 0; + padding-bottom: 20px; +} + +.login .content .register-form .form-actions { + border: 0; + margin-bottom: 0; + padding-bottom: 0px; +} + +.login .content .form-actions .checkbox { + margin-top: 8px; + display: inline-block; +} + +.login .content .form-actions .btn { + margin-top: 1px; + border-radius:20px; +} + +.login .content .forget-password { + margin-top: 25px; +} + +.login .content .create-account { + border-top: 1px dotted #eee; + padding-top: 10px; + margin-top: 15px; +} + +.login .content .create-account a { + display: inline-block; + margin-top: 5px; +} + +/* select2 dropdowns */ +.login .content .select2-container i { + display: inline-block; + position: relative; + color: #ccc; + z-index: 1; + top:1px; + margin: 4px 4px 0px 3px; + width: 16px; + height: 16px; + font-size: 16px; + text-align: center; +} + +.login .content .has-error .select2-container i { + color: #b94a48; +} + +.login .content .select2-container a span { + font-size: 13px; +} + +.login .content .select2-container a span img { + margin-left: 4px; +} +.form-control:focus{ + border:1px solid #5ca3b7 !important; + box-shadow:0px 0px 2px #2aabec !important; +} +/* footer copyright */ +.login .copyright { + text-align: center; + margin: 0 auto; + padding: 10px; + color: #eee; + font-size: 13px; +} + +@media (max-width: 480px) { + /*** + Login page + ***/ + .login .logo { + margin-top:10px; + } + + .login .content { + padding: 30px; + width: 222px; + } + + .login .content h3 { + font-size: 22px; + } + + .login .checkbox { + font-size: 13px; + } +} + +.descLabel{ + width:320px; +}
\ No newline at end of file |