root
/
ok-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
ok-admin/css/oksub.css

121 lines
6.4 KiB
CSS
Raw Normal View History

up: css
2019-08-27 07:10:13 +00:00
@import "../css/common.css"; /**页面的公共样式**/
fix:规范文件位置
2019-08-21 06:48:12 +00:00
@import "../lib/layui/css/layui.css";
ipm:规范css
2019-08-26 09:56:32 +00:00
/*********************************************
* (*^__^*) 子页面公共样式 (*^__^*) *
* 但行好事，莫问前程 *
*********************************************/
add:field
2019-08-25 08:07:05 +00:00
.ok-body{padding:10px}
ipm:规范css
2019-08-26 09:56:32 +00:00
/*面包屑导航*/
add:field
2019-08-25 08:07:05 +00:00
.ok-body-breadcrumb{position:relative;line-height:39px;height:32px;border-bottom:1px solid #e5e5e5}
.ok-body-breadcrumb .layui-btn{line-height:2.4em;margin-top:3px;float:right}
.ok-body-breadcrumb .layui-btn .layui-icon{line-height:32px}
ipm:规范css
2019-08-26 09:56:32 +00:00
del:注释
2019-08-26 10:00:24 +00:00
/*多条件搜索框*/
add:field
2019-08-25 08:07:05 +00:00
.ok-search{margin-top:15px}
.ok-search .layui-input{width:190px;padding-left:10px;margin-left:10px;float:left}
.ok-search .layui-input:first-child{margin-left:0}
.ok-search .layui-btn{margin-left:10px}
ipm:规范css
2019-08-26 09:56:32 +00:00
@media screen and (max-width:768px){
.ok-search .layui-input{width:100%;margin-left:0;margin-top:10px}
add:field
2019-08-25 08:07:05 +00:00
.ok-search .layui-btn{margin-left:0;margin-top:10px}
}
ipm:规范css
2019-08-26 09:56:32 +00:00
del:注释
2019-08-26 10:00:24 +00:00
/*表单*/
add:field
2019-08-25 08:07:05 +00:00
.ok-form{margin-top:10px}
ipm:规范css
2019-08-26 09:56:32 +00:00
/*滚动条*/
add:field
2019-08-25 08:07:05 +00:00
::-webkit-scrollbar{width: 8px; height: 8px;}
::-webkit-scrollbar-button:vertical{display: none;}
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner{background-color: #e2e2e2;}
::-webkit-scrollbar-thumb{border-radius: 0; background-color: rgba(0,0,0,.3);}
::-webkit-scrollbar-thumb:vertical:hover{background-color: rgba(0,0,0,.35);}
::-webkit-scrollbar-thumb:vertical:active{background-color: rgba(0,0,0,.38);}
fix:规范文件位置
2019-08-21 06:48:12 +00:00
up: css
2019-08-27 07:10:13 +00:00
fixed: 移至css
2019-08-27 08:04:56 +00:00
/**控制台样式*/
fixed: 压缩css
2019-08-27 09:12:09 +00:00
.console .home .layui-card{-webkit-box-shadow:0 0 20px rgba(0,0,0,.08);box-shadow:0 0 20px rgba(0,0,0,.08);border-radius:5px}
.console .home .layui-card{-webkit-box-shadow:0 0 20px rgba(0,0,0,.08);box-shadow:0 0 20px rgba(0,0,0,.08);border-radius:5px}
.console .cart-data .stat-text{color:#455a64;font-size:24px;padding-bottom:5px}
.console .cart-data .stat-heading{color:#99abb4}
.console .cart-data .img-box{display:inline-block;vertical-align:middle;padding-right:20px}
.console .cart-data .img-box img{width:60px}
.console .cart-data .cart-r{display:inline-block;vertical-align:middle}
.console .map-body{height:360px}
.console .map-china{height:360px}
.console .progress-box{margin-bottom:20px;display:flex}
.console .progress-box .por-title{font-weight:600;color:#868e96;padding-bottom:5px}
.console .progress-box .por-txt{font-size:13px;padding-bottom:5px}
.console .progress-box .pro-head{width:50px;height:50px;line-height:50px;display:inline-block;vertical-align:middle;float:left;overflow:hidden;padding-right:20px}
.console .progress-box .pro-head img{background:#bea8ab;width:100%;height:100%;border-radius:100%}
.console .progress-box .pro-data{display:inline-block;vertical-align:middle;flex:1}
.console .data-body .w-img img{width:100%;height:100%}
.console .cart-data .stat-text{color:#455a64;font-size:24px;padding-bottom:5px}
.console .cart-data .stat-heading{color:#99abb4}
.console .cart-data .img-box{display:inline-block;vertical-align:middle}
.console .cart-data .img-box img{width:60px}
.console .cart-data .cart-r{display:inline-block;vertical-align:middle;padding-left:20px}
.console .ok-card-body{padding:20px;position:relative;width:100%;box-sizing:border-box}
fixed: 移至css
2019-08-27 08:04:56 +00:00
/*控制台*/
fixed: 压缩css
2019-08-27 09:12:09 +00:00
.console1 .data-body .w-img{width:60px;height:60px}
.console1 .data-body .w-img img{width:100%;height:100%}
.console1 .line-home-a{height:60px}
.console1 .data-body .media-cont .tit{font-size:16px;padding-bottom:5px}
.console1 .data-body .media-cont .num{font-size:24px;line-height:22px}
.console1 .data-body .media-cont{-ms-flex-align:center!important;align-items:center!important;-ms-flex:1 1 auto;flex:1 1 auto}
.console1 .data-body{display:flex;padding:20px;padding-bottom:0;color:#333}
fixed: 移至css
2019-08-27 08:04:56 +00:00
/*登录*/
fixed: 压缩css
2019-08-27 09:12:09 +00:00
#login .layui-icon{font-size:16px!important}
#login .mag0{margin:0!important}
#login ::selection{background:#ff5722;color:#fff}
#login .layui-red{color:red!important;font-weight:700}
#login .layui-blue{color:#01aaed!important}
#login .layui-form-item.layui-input-focus input{border-color:#ff6700!important}
#login .layui-block{width:100%!important}
#login{width:100%;height:100%;background-image:url(../images/login-bg.jpg);position:relative}
#login form.layui-form{padding:0 20px 20px 20px;width:300px;position:absolute;left:50%;top:50%;margin:-150px 0 0 -150px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:0 0 50px #009688}
#login .login_face{margin:-55px auto 20px;width:100px;height:100px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:5px solid #fff;overflow:hidden;box-shadow:0 0 30px #009688;background:#fff}
#login .login_face img{width:100%}
#login .layui-form-item{position:relative}
#login .layui-form-item label{position:absolute;color:#757575;left:10px;top:9px;line-height:20px;background:0 0;padding:0 5px;font-size:14px;cursor:text}
#login #code{padding-right:110px}
#login .captcha-box .img{position:absolute;top:1px;bottom:1px;right:1px;cursor:pointer;width:100px;background:#c4e1ce}
#login .layui-form-item input{background:#fff!important}
#login .layui-form-item input,#login .layui-form-item label{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}
#login .layui-form-item input::placeholder{color:transparent!important}
#login .layui-form-item.layui-input-focus input::placeholder{color:#757575!important}
#login .layui-form-item.layui-input-active label,#login .layui-form-item.layui-input-focus label{top:-10px;font-size:12px;color:#ff6700;background:#fff!important}
/*基本资料*/
.user-info .user_left{float:left;margin:20px 0 0 5%}
.user-info .user_right p{margin:10px 0 25px;font-size:12px;text-align:center;color:#ff5722}
.user-info .userAddress.layui-form-item .layui-input-inline{width:23%}
.user-info .userAddress.layui-form-item .layui-input-inline:last-child{margin-right:0}
@media screen and (max-width:450px){
.user-info .userAddress.layui-form-item .layui-input-inline{width:auto}
}
fixed: 移至css
2019-08-27 08:04:56 +00:00
fixed: 压缩css
2019-08-27 09:12:09 +00:00
/*修改密码*/
.seting-pass .user_right p{margin:10px 0 25px;font-size:12px;text-align:center;color:#ff5722}
.seting-pass .layui-table th{text-align:center}
.seting-pass .changePwd{width:30%;margin:3% 0 0 5%}
fixed: 移至css
2019-08-27 08:04:56 +00:00
up: css
2019-08-27 07:10:13 +00:00
/*响应样式*/
@media screen and (max-width: 750px) {
/*控制台*/
.ok-in-hide-md {
display: none !important;
}
}
@media screen and (max-width: 548px) {
/**显隐样式**/
[ok-pc-in-show],
.ok-in-hide-xs {
display: none !important;
}
}