1、后台登录界面更换
2、增加问题方便后面界面调整
This commit is contained in:
66
web/static/css/admin/login.css
Normal file
66
web/static/css/admin/login.css
Normal file
@@ -0,0 +1,66 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
/* +----------------------------------------------------------------------
|
||||
// | ThinkAdmin
|
||||
// +----------------------------------------------------------------------
|
||||
// | 版权所有 2014~2017 广州楚才信息科技有限公司 [ http://www.cuci.cc ]
|
||||
// +----------------------------------------------------------------------
|
||||
// | 官方网站: http://think.ctolog.com
|
||||
// +----------------------------------------------------------------------
|
||||
// | 开源协议 ( https://mit-license.org )
|
||||
// +----------------------------------------------------------------------
|
||||
// | github开源项目：https://github.com/zoujingli/ThinkAdmin
|
||||
// +--------------------------------------------------------------------*/
|
||||
|
||||
html,body{height:100%;width:100%;overflow:hidden!important;min-width:0}
|
||||
|
||||
.login-container{height:100%;background-color:#2494F2;overflow:hidden;font-size:9pt}
|
||||
.login-container ul{display:block;margin:0;padding:0;list-style:none}
|
||||
.login-container ul li{display:block;margin:0;padding:0;list-style:none}
|
||||
.login-container .clouds-container{position:absolute;overflow:hidden;height:100%;width:100%}
|
||||
.login-container .clouds{background:url("../../images/login/cloud_two.png") repeat-x left 15%;position:absolute;left:0;top:0;height:100%;width:300%;-webkit-animation:cloudmove 200s linear infinite;-moz-animation:cloudmove 200s linear infinite;-o-animation:cloudmove 200s linear infinite;animation:cloudmove 200s linear infinite;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
|
||||
.login-container .clouds-fast{background:url("../../images/login/cloud.png") no-repeat 0 40%;-webkit-animation:cloudmove 30s linear infinite;-moz-animation:cloudmove 30s linear infinite;-o-animation:cloudmove 30s linear infinite;animation:cloudmove 30s linear infinite}
|
||||
.login-container .clouds-footer{background:url("../../images/login/cloud_one.png") no-repeat left 100%;animation:none}
|
||||
|
||||
@keyframes cloudmove{0%{left:-50%}100%{left:150%}}
|
||||
@-moz-keyframes cloudmove{0%{left:-50%}100%{left:150%}}
|
||||
@-webkit-keyframes cloudmove{0%{left:-50%}100%{left:150%}}
|
||||
|
||||
.login-container .header{height:47px;position:absolute;top:0;z-index:100;width:100%}
|
||||
.login-container .header a,
|
||||
.login-container .header a:hover,
|
||||
.login-container .header a:focus{text-decoration:none;color:#eee;outline:none}
|
||||
.login-container .header a:hover{color:#fff}
|
||||
.login-container .header span.title{line-height:47px;text-indent:44px;float:left;color:#fff;font-size:16px}
|
||||
.login-container .header ul{float:right;padding-right:30px}
|
||||
.login-container .header ul li{float:left;margin-left:20px;line-height:47px;}
|
||||
.login-container .container{background:url(../../images/login/bg.png) no-repeat center center;width:100%;height:585px;overflow:hidden;position:relative;top:50%;margin-top:-300px}
|
||||
|
||||
/* 表单 */
|
||||
.login-container .content{width:692px;height:336px;background:url(../../images/login/bg_form.png) no-repeat;margin:60px auto auto auto;position:relative;display:block}
|
||||
.login-container .content ul{margin-left:285px;margin-right:60px}
|
||||
.login-container .content ul li{margin-bottom:15px;position:relative}
|
||||
.login-container .content ul li input{position:relative;padding-left:40px;z-index:1;width:100%;height:38px;line-height:38px;border:1px solid #e6e6e6;background-color:#fff;border-radius:2px}
|
||||
.login-container .content ul li i.icon{position:absolute;background:url(../../images/icon.png) #fff no-repeat;background-size:20px;width:34px;height:38px;z-index:2;border:1px solid #e6e6e6;border-right:none;border-radius:2px}
|
||||
.login-container .content ul li.username i{background-position:8px 8px}
|
||||
.login-container .content ul li.password i{background-position:8px -20px}
|
||||
.login-container .content ul li .fa{position: absolute; z-index: 2; width: 34px; height: 38px; text-align: center; line-height: 38px; font-size: 18px; color: #666666;}
|
||||
.login-container .content ul li.verify input{width: 60%;}
|
||||
.login-container .content ul li .reloadverify{position:relative; width: 40%;}
|
||||
.login-container .content a{color:#666;position:absolute;display:block;}
|
||||
.login-container .content a:hover{color:#333}
|
||||
.login-container .content a.forget{right:0}
|
||||
|
||||
/* 头像 */
|
||||
.login-container .people{width:165px;height:90px;position:relative;top:8px;left:-70px}
|
||||
.login-container .people .tou{background:url("../../images/login/hand_tou.png") no-repeat;width:97px;height:92px;position:absolute;top:-87px;left:140px}
|
||||
.login-container .people .left_hand{background:url("../../images/login/hand_left.png") no-repeat;width:32px;height:37px;position:absolute;top:-38px;left:150px}
|
||||
.login-container .people .right_hand{background:url("../../images/login/hand_right.png") no-repeat;width:32px;height:37px;position:absolute;top:-38px;right:-64px}
|
||||
.login-container .people .initial_left_hand{background:url("../../images/login/hand.png") no-repeat;width:30px;height:20px;position:absolute;top:-12px;left:100px}
|
||||
.login-container .people .initial_right_hand{background:url("../../images/login/hand.png") no-repeat;width:30px;height:20px;position:absolute;top:-12px;right:-112px}
|
||||
|
||||
/* 底部版权 */
|
||||
.login-container .footer{height:50px;line-height:50px;text-align:center;position:absolute;bottom:0;width:100%;color:#fff;;letter-spacing:0.5px}
|
||||
.login-container .footer span{display:inline-block;height:10px;overflow:hidden;line-height:10px;padding-left:1px;padding-right:1px}
|
||||
.login-container .footer a{color:#fff}
|
||||
.login-container .footer a:hover{color:#fff}
|
||||
@@ -2640,242 +2640,8 @@ input[type="radio"] {
|
||||
.dd+.dd {
|
||||
margin-left:2%;
|
||||
}
|
||||
}#login-page {
|
||||
background-color:#e7ebee;
|
||||
}
|
||||
#login-page-full {
|
||||
background-color:#e7ebee;
|
||||
}
|
||||
#login-box {
|
||||
max-width:350px;
|
||||
min-width:280px;
|
||||
margin:60px auto 20px;
|
||||
overflow:hidden;
|
||||
border-radius:3px 3px 0 0;
|
||||
background-clip:padding-box;
|
||||
}
|
||||
@media only screen and (max-width:767px) {
|
||||
#login-box {
|
||||
margin-top:20px;
|
||||
}
|
||||
}#login-box #login-box-header {
|
||||
height:5px;
|
||||
}
|
||||
#login-box #login-box-header>div {
|
||||
height:100%;
|
||||
width:16.6667%;
|
||||
float:left;
|
||||
}
|
||||
#login-box #login-box-header .login-box-header-red {
|
||||
background:#e84e40;
|
||||
}
|
||||
#login-box #login-box-header .login-box-header-green {
|
||||
background:#8bc34a;
|
||||
}
|
||||
#login-box #login-box-header .login-box-header-yellow {
|
||||
background:#ffc107;
|
||||
}
|
||||
#login-box #login-box-header .login-box-header-purple {
|
||||
background:#9c27b0;
|
||||
}
|
||||
#login-box #login-box-header .login-box-header-blue {
|
||||
background:#03a9f4;
|
||||
}
|
||||
#login-box #login-box-header .login-box-header-gray {
|
||||
background:#90a4ae;
|
||||
}
|
||||
#login-box-inner {
|
||||
background:#fff;
|
||||
border-radius:0 0 3px 3px;
|
||||
background-clip:padding-box;
|
||||
border:1px solid #e1e1e1;
|
||||
border-bottom-width:5px;
|
||||
padding:40px 25px;
|
||||
}
|
||||
#login-box-inner.with-heading {
|
||||
padding-top:20px;
|
||||
}
|
||||
#login-box-inner h4 {
|
||||
margin-top:0;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
#login-box-inner .reset-pass-input {
|
||||
padding:15px 0;
|
||||
margin-bottom:0;
|
||||
}
|
||||
#login-logo {
|
||||
background:none repeat scroll 0 0 #34495e;
|
||||
color:#fff;
|
||||
display:block;
|
||||
font-size:2em;
|
||||
font-weight:400;
|
||||
padding:35px 0;
|
||||
text-align:center;
|
||||
text-transform:uppercase;
|
||||
}
|
||||
#login-logo>img {
|
||||
display:block;
|
||||
height:40px;
|
||||
margin:0 auto;
|
||||
}
|
||||
#login-logo>span {
|
||||
display:block;
|
||||
font-size:0.6em;
|
||||
font-weight:300;
|
||||
text-transform:none;
|
||||
}
|
||||
#login-box .input-group {
|
||||
margin-bottom:10px;
|
||||
}
|
||||
#login-box .input-group input {
|
||||
font-weight:300;
|
||||
}
|
||||
#login-box .input-group .input-group-addon {
|
||||
padding-left:0;
|
||||
padding-right:0;
|
||||
min-width:50px;
|
||||
}
|
||||
#login-box .input-group .input-group-addon i {
|
||||
color:#efefef;
|
||||
}
|
||||
#login-box #login-forget-link {
|
||||
display:block;
|
||||
font-size:0.875em;
|
||||
text-align:right;
|
||||
margin-top:3px;
|
||||
}
|
||||
#login-box #remember-me-wrapper {
|
||||
padding:10px 0;
|
||||
}
|
||||
#login-box .btn {
|
||||
font-size:1.125em;
|
||||
font-weight:600;
|
||||
padding-bottom:10px;
|
||||
padding-top:10px;
|
||||
text-transform:uppercase;
|
||||
margin-top:8px;
|
||||
}
|
||||
#login-box .form-group {
|
||||
margin-bottom:7px;
|
||||
}
|
||||
#login-box .form-group .checkbox label {
|
||||
padding-left:7px;
|
||||
}
|
||||
#login-box .form-group .checkbox input {
|
||||
margin-left:0;
|
||||
}
|
||||
#login-box .btn-facebook,#login-box .btn-twitter {
|
||||
text-transform:none;
|
||||
font-size:1em;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
#login-box .social-text {
|
||||
margin:0;
|
||||
padding:15px 0;
|
||||
text-align:center;
|
||||
font-size:0.875em;
|
||||
}
|
||||
#login-box-inner .input-group>.form-control,#login-box-inner .input-group>.input-group-addon {
|
||||
height:46px;
|
||||
line-height:42px;
|
||||
padding-top:0;
|
||||
padding-bottom:0;
|
||||
}
|
||||
#login-box-inner .input-group>.input-group-addon {
|
||||
height:44px;
|
||||
}
|
||||
#login-box-footer {
|
||||
text-align:center;
|
||||
font-size:0.875em;
|
||||
margin-top:10px;
|
||||
}
|
||||
#login-full-wrapper #login-box-footer {
|
||||
color:#fff;
|
||||
}
|
||||
#login-full-wrapper #login-box-footer a {
|
||||
color:#fff;
|
||||
text-decoration:underline;
|
||||
}
|
||||
#login-full-wrapper #login-box-footer a:hover {
|
||||
text-decoration:none;
|
||||
}
|
||||
#login-page .login-create,#login-page-full .login-create {
|
||||
margin-bottom:20px;
|
||||
}
|
||||
#login-full-wrapper {
|
||||
background:url(../../images/login-img.jpg) no-repeat center center;
|
||||
background-size:cover;
|
||||
width:100%;
|
||||
height:100%;
|
||||
position:absolute;
|
||||
}
|
||||
@media (max-height:605px) {
|
||||
#login-full-wrapper {
|
||||
position:relative;
|
||||
}
|
||||
}@media (max-height:621px) and (max-width:767px) {
|
||||
#login-full-wrapper {
|
||||
position:relative;
|
||||
}
|
||||
}#login-full-wrapper #login-box {
|
||||
border:none;
|
||||
}
|
||||
#login-page-full .container {
|
||||
max-width:1440px;
|
||||
margin:0 auto;
|
||||
}
|
||||
#login-page-full .login-full-create {
|
||||
margin-right:20px;
|
||||
line-height:50px;
|
||||
}
|
||||
#login-full-left {
|
||||
margin-top:50px;
|
||||
margin-bottom:20px;
|
||||
}
|
||||
#login-full-left h1 {
|
||||
text-align:center;
|
||||
color:#363636;
|
||||
font-weight:600;
|
||||
margin-bottom:40px;
|
||||
}
|
||||
#login-full-left h2 {
|
||||
text-align:center;
|
||||
margin-top:30px;
|
||||
}
|
||||
#login-full-left p.login-full-devices {
|
||||
margin-top:30px;
|
||||
}
|
||||
#login-full-left .login-full-features {
|
||||
margin:20px 0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
text-align:center;
|
||||
}
|
||||
#login-full-left .login-full-features>li {
|
||||
display:inline-block;
|
||||
margin:0 8px;
|
||||
}
|
||||
#login-full-left .login-full-features>li>i {
|
||||
display:block;
|
||||
text-align:center;
|
||||
font-size:1.6em;
|
||||
margin-bottom:4px;
|
||||
}
|
||||
#login-full-left .login-full-features>li>span {
|
||||
display:block;
|
||||
text-align:center;
|
||||
font-size:0.845em;
|
||||
line-height:1.2;
|
||||
}
|
||||
@media (max-height:605px) {
|
||||
#login-full-wrapper.reset-password-wrapper {
|
||||
position:absolute;
|
||||
}
|
||||
}@media (max-height:505px) {
|
||||
#login-full-wrapper.reset-password-wrapper {
|
||||
position:relative;
|
||||
}
|
||||
}#lock-screen-user img {
|
||||
#lock-screen-user img {
|
||||
border-radius:18%;
|
||||
background-clip:padding-box;
|
||||
display:block;
|
||||
|
||||
5
web/static/css/libs/bootstrap.min.css
vendored
5
web/static/css/libs/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user