diff --git a/application/admin/view/login.index.html b/application/admin/view/login.index.html index 929226f8b..c205f4f4e 100644 --- a/application/admin/view/login.index.html +++ b/application/admin/view/login.index.html @@ -1,57 +1,68 @@ {extend name="extra@admin/header" /} +{block name="style"} + +{/block} + {block name="bodyTag"} - - -
-
- -
-
- - + + -
- +
{:sysconf('site_company')} © {:date('Y')}
{/block} \ No newline at end of file diff --git a/public/static/theme/default/css/console.css b/public/static/theme/default/css/console.css index 378e6d4a4..6ad69044c 100644 --- a/public/static/theme/default/css/console.css +++ b/public/static/theme/default/css/console.css @@ -128,18 +128,18 @@ td .text-explode:first-child{opacity:0;display:none} .mobile-footer .arrow_out {bottom:-6px;border-top-color:#d0d0d0} /** 登录页面样式 */ -.login-container{min-width:560px;position:absolute;left:0;top:0;display:table;-webkit-transform:translateZ(0);background:#e9e9e9 url(../img/login_bg.jpg) no-repeat center !important;background-size:100% auto} -.login-container input{padding-left:33px} -.login-container .logo img{margin-bottom:48px;max-width: 200px;} -.login-container .layer-box{height:100%;vertical-align:middle;display:table-cell;-webkit-animation-duration:.5s;animation-duration:.5s} -.login-container .layer-content{box-shadow:0px 0px 10px #ccc;width:490px;background-color:#f7f7f7;padding:98px 98px 160px 98px;margin:-80px auto auto auto} -.login-container .input-icon{position:absolute;top:0;left:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none} -.login-container .copyright{position:absolute;left:0;bottom:30px;width:100%} -.login-container .wrapper{min-width:0!important} -.login-container .verify-label span.input{position:relative;float:left} -.login-container .verify-label input{width:208px;display:inline-block;} -.login-container .verify-label img{height:34px;width:80px;border:1px solid #e5e6e7;float:right} -.login-container .login-btn{margin-top:15px;} +/*.login-container{min-width:560px;position:absolute;left:0;top:0;display:table;-webkit-transform:translateZ(0);background:#e9e9e9 url(../img/login_bg.jpg) no-repeat center !important;background-size:100% auto}*/ +/*.login-container input{padding-left:33px}*/ +/*.login-container .logo img{margin-bottom:48px;max-width: 200px;}*/ +/*.login-container .layer-box{height:100%;vertical-align:middle;display:table-cell;-webkit-animation-duration:.5s;animation-duration:.5s}*/ +/*.login-container .layer-content{box-shadow:0px 0px 10px #ccc;width:490px;background-color:#f7f7f7;padding:98px 98px 160px 98px;margin:-80px auto auto auto}*/ +/*.login-container .input-icon{position:absolute;top:0;left:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}*/ +/*.login-container .copyright{position:absolute;left:0;bottom:30px;width:100%}*/ +/*.login-container .wrapper{min-width:0!important}*/ +/*.login-container .verify-label span.input{position:relative;float:left}*/ +/*.login-container .verify-label input{width:208px;display:inline-block;}*/ +/*.login-container .verify-label img{height:34px;width:80px;border:1px solid #e5e6e7;float:right}*/ +/*.login-container .login-btn{margin-top:15px;}*/ /** 后台框架结构 */ html{overflow:auto;overflow-y:scroll!important}body{font-size:12px} diff --git a/public/static/theme/default/css/login.css b/public/static/theme/default/css/login.css new file mode 100644 index 000000000..a605250b0 --- /dev/null +++ b/public/static/theme/default/css/login.css @@ -0,0 +1,67 @@ +@charset "utf-8"; + +html,body{height:100%;width:100%} + +/* login */ +.login-container {background-color:#1c77ac; overflow:hidden;font-family:'微软雅黑'; margin:0 auto;min-width:980px;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 img{border:0;} +.login-container .clouds { + background: url("../img/login/cloud_three.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("../img/login/cloud.png") no-repeat 0px 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("../img/login/cloud_one.png") no-repeat left 100% ; + animation:none +} +@-webkit-keyframes cloudmove {0% {left: -50%}100% {left: 150%}} +@-moz-keyframes cloudmove {0% {left: -50%}100% {left: 150%}} +@keyframes cloudmove {0% {left: -50%}100% {left: 150%}} +.login-container a, +.login-container a:focus{text-decoration:none;color:#000;outline:none;blur:expression(this.onFocus=this.blur());} +.login-container a:hover{color:#00a4ac;text-decoration:none;} +.login-container .header{height:47px;position:absolute; position:fixed; top:0; background:url(../img/login/loginbg1.png) repeat-x;z-index:100; width:100%;} +.login-container .header span{line-height:47px; text-indent:44px; float:left;font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;color:#DDD;font-size: 12px;} +.login-container .header ul{float:right; padding-right:30px;} +.login-container .header ul li{float:left; margin-left:20px; line-height:47px;} +.login-container .header ul li a{color:#afc5d2;} +.login-container .header ul li a:hover{color:#fff;} +.login-container .container{background:url(../img/login/loginbg3.png) no-repeat center center; width:100%; height:585px; overflow:hidden; position:relative; top:47px;} +.login-container .logo{background:url(http://static.cdn.cuci.cc/2016/0414/af3c5d9fcf94b34113274f8c047755fc.png?imageMogr2/thumbnail/!160x56r/gravity/Center/crop/160x56/interlace/1) no-repeat center;width:100%; height:170px; margin-top:40px;} + +/* 登录表单 */ +.login-container .content{width:692px; height:336px; background:url(../img/login/logininfo.png) no-repeat; margin:80px auto auto auto;position:relative;display:block;} +.login-container .content ul{margin-left:285px;margin-right:60px;} +.login-container .content ul li{margin-bottom:25px;position:relative} +.login-container .content ul li input{margin-bottom:25px;position:relative;background:url(../img/icon.png) no-repeat;background-size:20px;padding-left:38px} +.login-container .content ul li input.username{background-position: 8px 7px} +.login-container .content ul li input.password{background-position: 8px -20px} + +/* 头像 */ +.login-container .people{width:165px; height:96px;position:relative;top:8px;left:-70px} +.login-container .people .tou{background: url("../img/login/tou.png") no-repeat;width: 97px;height: 92px;position: absolute;top: -87px;left: 140px;} +.login-container .people .left_hand{background: url("../img/login/left_hand.png") no-repeat;width: 32px;height: 37px;position: absolute;top: -38px;left: 150px} +.login-container .people .right_hand{background: url("../img/login/right_hand.png") no-repeat;width: 32px;height: 37px;position: absolute;top: -38px;right: -64px;} +.login-container .people .initial_left_hand{background: url("../img/login/hand.png") no-repeat;width: 30px;height: 20px;position: absolute;top: -12px;left: 100px;} +.login-container .people .initial_right_hand{background: url("../img/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; background:url(../img/login/loginbg2.png) repeat-x;position:fixed;_position:absolute;*position:absolute;bottom:0;width:100%; color:#0b3a58;color:#fff} +.login-container .footer a{font-weight:bold;color:#0b3a58;} +.login-container .footer a:hover{color:#fff;color:#fff} diff --git a/public/static/theme/default/img/icon.png b/public/static/theme/default/img/icon.png new file mode 100644 index 000000000..0b21ce011 Binary files /dev/null and b/public/static/theme/default/img/icon.png differ diff --git a/public/static/theme/default/img/login/buttonbg.png b/public/static/theme/default/img/login/buttonbg.png new file mode 100644 index 000000000..278d93661 Binary files /dev/null and b/public/static/theme/default/img/login/buttonbg.png differ diff --git a/public/static/theme/default/img/login/cloud.png b/public/static/theme/default/img/login/cloud.png new file mode 100644 index 000000000..854386f67 Binary files /dev/null and b/public/static/theme/default/img/login/cloud.png differ diff --git a/public/static/theme/default/img/login/cloud_one.png b/public/static/theme/default/img/login/cloud_one.png new file mode 100644 index 000000000..57ee20d2f Binary files /dev/null and b/public/static/theme/default/img/login/cloud_one.png differ diff --git a/public/static/theme/default/img/login/cloud_three.png b/public/static/theme/default/img/login/cloud_three.png new file mode 100644 index 000000000..fedc05de1 Binary files /dev/null and b/public/static/theme/default/img/login/cloud_three.png differ diff --git a/public/static/theme/default/img/login/cloud_two.png b/public/static/theme/default/img/login/cloud_two.png new file mode 100644 index 000000000..16e18b3c0 Binary files /dev/null and b/public/static/theme/default/img/login/cloud_two.png differ diff --git a/public/static/theme/default/img/login/hand.png b/public/static/theme/default/img/login/hand.png new file mode 100644 index 000000000..f3d2bc8df Binary files /dev/null and b/public/static/theme/default/img/login/hand.png differ diff --git a/public/static/theme/default/img/login/left_hand.png b/public/static/theme/default/img/login/left_hand.png new file mode 100644 index 000000000..3d3de0262 Binary files /dev/null and b/public/static/theme/default/img/login/left_hand.png differ diff --git a/public/static/theme/default/img/login/light.png b/public/static/theme/default/img/login/light.png new file mode 100644 index 000000000..ac94cf59d Binary files /dev/null and b/public/static/theme/default/img/login/light.png differ diff --git a/public/static/theme/default/img/login/loginbg1.png b/public/static/theme/default/img/login/loginbg1.png new file mode 100644 index 000000000..5e1c81018 Binary files /dev/null and b/public/static/theme/default/img/login/loginbg1.png differ diff --git a/public/static/theme/default/img/login/loginbg2.png b/public/static/theme/default/img/login/loginbg2.png new file mode 100644 index 000000000..e4aa3516c Binary files /dev/null and b/public/static/theme/default/img/login/loginbg2.png differ diff --git a/public/static/theme/default/img/login/loginbg3.png b/public/static/theme/default/img/login/loginbg3.png new file mode 100644 index 000000000..7bc674fba Binary files /dev/null and b/public/static/theme/default/img/login/loginbg3.png differ diff --git a/public/static/theme/default/img/login/logininfo.png b/public/static/theme/default/img/login/logininfo.png new file mode 100644 index 000000000..7c600fd9e Binary files /dev/null and b/public/static/theme/default/img/login/logininfo.png differ diff --git a/public/static/theme/default/img/login/loginpassword.png b/public/static/theme/default/img/login/loginpassword.png new file mode 100644 index 000000000..4e14c4b0f Binary files /dev/null and b/public/static/theme/default/img/login/loginpassword.png differ diff --git a/public/static/theme/default/img/login/loginuser.png b/public/static/theme/default/img/login/loginuser.png new file mode 100644 index 000000000..464fc5d60 Binary files /dev/null and b/public/static/theme/default/img/login/loginuser.png differ diff --git a/public/static/theme/default/img/login/right_hand.png b/public/static/theme/default/img/login/right_hand.png new file mode 100644 index 000000000..87a59048d Binary files /dev/null and b/public/static/theme/default/img/login/right_hand.png differ diff --git a/public/static/theme/default/img/login/tou.png b/public/static/theme/default/img/login/tou.png new file mode 100644 index 000000000..486ee8515 Binary files /dev/null and b/public/static/theme/default/img/login/tou.png differ