diff --git a/public/static/theme/default/css/console.css b/public/static/theme/default/css/console.css index 8ff06e375..05939735c 100644 --- a/public/static/theme/default/css/console.css +++ b/public/static/theme/default/css/console.css @@ -1,8 +1,10 @@ -@charset "UTF-8";/** +@charset "UTF-8"; + +/* ------------------------------------- * 楚才团队后台框架 * author Anyon * date 2017/02/13 14:15 - */ + * --------------------------------------- */ html {overflow:auto;overflow-y:scroll !important} body {min-width:1024px;font-size:12px;line-height:24px;font-family:'微软雅黑',"Microsoft YaHei","Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Hiragino Sans GB",serif} diff --git a/public/static/theme/default/css/login.css b/public/static/theme/default/css/login.css index 22e3b2fe0..673202c08 100644 --- a/public/static/theme/default/css/login.css +++ b/public/static/theme/default/css/login.css @@ -1,282 +1,55 @@ @charset "UTF-8"; -/** +/* ------------------------------------- * 楚才团队后台框架 * author Anyon * date 2017/02/13 14:15 - */ + * --------------------------------------- */ -html, body { - height: 100%; - width: 100%; - overflow: hidden -} +html, body {height: 100%;width: 100%;overflow: hidden!important;overflow-y:hidden !important;} -.login-container { - background-color: #1c77ac; - overflow: hidden; - font-family: '微软雅黑', serif; - margin: 0 auto; - min-width: 980px; - font-size: 9pt -} +.login-container {background-color: #1c77ac;overflow: hidden;font-family: '微软雅黑', serif;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 ul { - display: block; - margin: 0; - padding: 0; - list-style: none; -} +.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} -.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% - } -} +@-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 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 .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 .login-input { - display: block; - width: 100%; - padding-left: 10px; - height: 38px; - line-height: 38px; - line-height: 36px \9; - border: 1px solid #e6e6e6; - background-color: #fff; - border-radius: 2px; -} +.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 .login-input {display: block;width: 100%;padding-left: 10px;height: 38px;line-height: 38px;line-height: 36px \9;border: 1px solid #e6e6e6;background-color: #fff;border-radius: 2px;} /* 头像 */ -.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 .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: #fff -} - -.login-container .footer a { - font-weight: bold; - color: #0b3a58; -} - -.login-container .footer a:hover { - color: #fff; -} +.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: #fff} +.login-container .footer a {font-weight: bold;color: #0b3a58;} +.login-container .footer a:hover {color: #fff;}