topjui.blacklight.css 5.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. /*easyui mian*/
  2. .layout-panel-west .panel-header{ padding-left:5px; width:220px;height:30px;border-color:#d3d3d3;background:#f9fafc;color:#777;}
  3. .layout-panel-west .panel-header .panel-title{padding-left:20px;height:30px;color:#777;line-height:30px;}
  4. .label-mes{position:absolute;top:3px;display:none;margin-left:13px;padding:2px 3px;border-radius:3px;text-align:center;font-size:9px;line-height:.9;}
  5. .label-success{background-color:#00a65a !important;}
  6. #west .tree-icon{margin-top: 0px;}
  7. #west .tree-hit{margin-top: 0px;}
  8. #west .tree-node{padding-left:20px;height: 35px;line-height:30px;}
  9. #west .tree-title{ padding-left:4px;color:#444;line-height: 35px;}
  10. #west .tree-file{overflow:auto;background: url('');vertical-align: middle;}
  11. #west .tree-folder, .tree-folder-open{background: url('');line-height: 19px;}
  12. #west .tree-node-selected{background: #e7eaec;color:#444;}
  13. #west .tree-node-hover{background: #e7eaec;color: #000000;}
  14. #west .tree-node-hover .tree-title{color: #000000;}
  15. #west .panel-header{padding-left: 20px;}
  16. #west .panel-body{border: 0px;background: #f9fafc;}
  17. #west .panel-icon{left: 14px;}
  18. #west .panel-title{padding-left: 15px;height: 30px;font-size: 12px;line-height: 30px;}
  19. #west .accordion{background: #F9FAFC;}
  20. #west .accordion-body {border:0px;}
  21. #west .accordion .accordion-header{height: 30px;border-top:solid 1px #ddd;border-left:3px #F9FAFC solid;background: #f9fafc;color:#444;line-height: 30px;}
  22. #west .accordion .accordion-header-selected{border-left:3px #2c3b41 solid;background: #e7eaec;border-bottom:solid 0px #ddd;}
  23. #west .accordion .accordion-header:hover{border-left:3px #2c3b41 solid;background: #e7eaec;color: #000;}
  24. #west .accordion .accordion-header-selected .panel-title{color:#444;}
  25. #west .accordion .accordion-header .panel-title:hover{color: #333;}
  26. #west .layout-split-west{border-right: 3px solid #efefef;}
  27. #west .tree-collapsed { display:inline-block; margin-top:0px; margin-right:0px;background:url(''); color:#000;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
  28. #west .tree-collapsed:before{content:"\f0da";}
  29. #west .tree-expanded { display:inline-block;margin-top:0px; margin-right:0px;background:url(''); color:#000;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
  30. #west .tree-expanded:before{content:"\f0d7";}
  31. #west .layout-split-west{border-right: 3px solid #efefef;}
  32. #center .tabs-panels{border-bottom: 0px;}
  33. #west .panel-header,#west .panel-body{border:0px;}
  34. .user-image {float: left;margin-top: 10px;margin-right: 10px;width: 30px;height: 30px;border-radius: 50%;}
  35. .user-name { float: left;display:block;overflow:hidden;padding-top:0;font-family: 'Microsoft YaHei',Arial,Verdana;}
  36. .user-header{ padding-top:20px; background:#2c3b41; color:#fff;text-align:center;font-family:'Microsoft YaHei',Arial,Verdana;}
  37. .user-header img{width:100px;height:100px;border-radius:50%;}
  38. .tabs li.tabs-selected a.tabs-inner{border-top-color: #2c3b41;border-top-width: 3px;}
  39. .banner{width: 100%;height: 50px;background: #2c3b41;color: #fff;}
  40. .banner .l-btn-text{/*margin:0px;*/}
  41. .banner .webname{width: 215px;background:#2c3b41; text-align:left; padding-left:10px; font-weight:bold; font-size: 20px;line-height: 25px; }
  42. .panel-icon, .panel-tool {margin-top:-6px;}
  43. /*easyui inner*/
  44. .window{padding: 0;border-width: 3px 1px 1px 1px;-webkit-border-radius: 5px;border-radius: 5px;box-shadow:1px 1px 50px rgba(0,0,0,.3);border-top-color: #2c3b41;}
  45. .window .window-body{border-width:0px;}
  46. .window .window-header .panel-tool{right: 12px;}
  47. .window .window-header{height:30px;border-color: #e7eaec;background:#f9f9f9;}
  48. .window .window-header .panel-icon{left: 12px;color: #444;font-weight: normal;font-size: 14px;}
  49. .window .window-header .panel-with-icon{padding-left:30px;font-weight:normal;font-size:13px;}
  50. .window .window-header .panel-icon, .window .window-header .panel-tool{margin-top:-8px;}
  51. .window-proxy-mask, .window-mask{background:#D6D6D6;}
  52. .datagrid-row{height:30px;}
  53. .datagrid-row-selected{height: 30px;background: #e7eaec;color: #000;}
  54. .datagrid-header-row{padding:0 10px 0 10px;height:30px;background: #f9f9f9;}
  55. .datagrid-row-over, .datagrid-header td.datagrid-header-over{background: #e7eaec;}
  56. .datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber{padding:0 7px;white-space: normal;}
  57. .accordion .accordion-header-selected {background: #2c3b41;}
  58. /*btn*/
  59. .bannerbtn{padding:18px 10px 6px 10px;height:25px;color:#fff;text-decoration:none;line-height:36px;}
  60. .bannerbtn:hover{background:#1e282c;filter:none;}
  61. .endbtndiv{padding:8px 10px 8px 0;border-top:1px solid #f0f0f0;background:#f9f9f9;text-align:right;}
  62. .l-btn-left{margin:0;}
  63. .switchbutton-on{background:#f7a31e;color:#fff;}
  64. .switchbutton-off{background:#E1E1E1;color:#000;}
  65. /*顶部菜单*/
  66. .bannerMenu{padding:5px 12px 0 12px;height:45px;color:#fff;text-decoration:none;font-size:18px;line-height:45px;filter:none;}
  67. .bannerMenu lable{font-size:24px;}
  68. .bannerMenu span{font-size:13px;font-family:'Microsoft YaHei',Arial,Verdana;letter-spacing:1px}
  69. #north .topmenu{border-right:1px #1e282c solid;background:#2c3b41;text-align:center}
  70. #north .topmenu:hover{background:#1e282c;text-align:center}
  71. #north .selected{border-right:1px #1e282c solid;background:#1e282c;text-align:center}
  72. #north .splitborder{width:1px;background:#1e282c;}