common.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. html,body{font-size: 14px;background-color: #fbfbfb;}
  2. ::-webkit-scrollbar{width:8px;height:8px}
  3. ::-webkit-scrollbar-button:vertical{display:none}
  4. ::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background-color:#e2e2e2}
  5. ::-webkit-scrollbar-thumb{border-radius:0;background-color:rgba(0,0,0,.3)}
  6. ::-webkit-scrollbar-thumb:vertical:hover{background-color:rgba(0,0,0,.35)}
  7. ::-webkit-scrollbar-thumb:vertical:active{background-color:rgba(0,0,0,.38)}
  8. /*layui*/
  9. .layui-nav-tree .layui-nav-bar{background: #ff5722;width: 3px}
  10. .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{background: #ff5722;width: 3px}
  11. .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{background-color: #ff5722}
  12. .layui-tab-brief>.layui-tab-title .layui-this{color: #ff5722}
  13. .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-color: #ff5722}
  14. .layui-form-radio i:hover, .layui-form-radioed i{color: #ff5722}
  15. header{width: 100%;height: 60px;position: fixed;left: 0;top: 0;background: #282b33;border-bottom: 3px solid #ff5722}
  16. header .logo{width: 160px;margin: 0px 20px;height: 60px;background: url(../images/logo.png) no-repeat;display: inline-block;float: left;}
  17. header span{line-height: 63px;display: inline-block;font-size: 21px;color: #fff;float: left;}
  18. .menu_left{width: 200px;height: 100%;position: fixed;top: 63px;background: #282b33}
  19. .main{position: absolute;width: auto;top: 63px;bottom: 0px;left: 200px;right: 0px;overflow: hidden;overflow-y: auto;}
  20. .setting{padding: 15px;}
  21. .setting .layui-form-item .layui-input-inline{min-width: 360px}
  22. .setting .layui-tab-content{padding-top: 20px;}
  23. .layui-btn2{background-color:#ff5722;}
  24. .setting .layui-btn-primary:hover{border-color: #ff5722}
  25. /*form-so*/
  26. .layui-form-so{text-align: center;}
  27. .layui-form-so .layui-form-label{width: auto;padding-right: 8px;display: inline;float: none;}
  28. .layui-form-so .layui-input-inline{float: none;width: auto;}
  29. .layui-form-so .layui-input-inline input{width: 100px;height: 30px;line-height: 30px;}
  30. .layui-form-so .layui-btn{height: 30px;line-height: 30px;}
  31. .colorl{color: #009688}
  32. #page{display: block;line-height: 35px;padding-top: 10px;margin-bottom: 40px;}
  33. .data_nums{float: left;width: 250px;margin-left: 10px;color: #333;}
  34. .data_page{float: right;margin-right: 10px;}
  35. .layui-laypage{margin: 0px;}
  36. #goto_page{height: 27px;}