topjui.yellowlight.css 5.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  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 #f39c12 solid;background: #e7eaec;border-bottom:solid 0px #ddd;}
  23. #west .accordion .accordion-header:hover{border-left:3px #f39c12 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. #center .tabs-panels{border-bottom: 0px;}
  32. #west .panel-header,#west .panel-body{border:0px;}
  33. .user-image {float: left;margin-top: 10px;margin-right: 10px;width: 30px;height: 30px;border-radius: 50%;}
  34. .user-name { float: left;display:block;overflow:hidden;padding-top:0;font-family: 'Microsoft YaHei',Arial,Verdana;}
  35. .user-header{ padding-top:20px; background:#f39c12; color:#fff;text-align:center;font-family:'Microsoft YaHei',Arial,Verdana;}
  36. .user-header img{width:100px;height:100px;border-radius:50%;}
  37. .tabs li.tabs-selected a.tabs-inner{border-top-color: #f39c12;border-top-width: 3px;}
  38. .banner{width: 100%;height: 50px;background: #f39c12;color: #fff;}
  39. .banner .l-btn-text{/*margin:0px;*/}
  40. .banner .webname{width: 215px; text-align:left; padding-left:10px; font-weight:bold; font-size: 20px;line-height: 25px; }
  41. .panel-icon, .panel-tool {margin-top:-6px;}
  42. /*easyui inner*/
  43. .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: #f39c12;}
  44. .window .window-body{border-width:0px;}
  45. .window .window-header .panel-tool{right: 12px;}
  46. .window .window-header{height:30px;border-color: #e7eaec;background:#f9f9f9;}
  47. .window .window-header .panel-icon{left: 12px;color: #444;font-weight: normal;font-size: 14px;}
  48. .window .window-header .panel-with-icon{padding-left:30px;font-weight:normal;font-size:13px;}
  49. .window .window-header .panel-icon, .window .window-header .panel-tool{margin-top:-8px;}
  50. .window-proxy-mask, .window-mask{background:#D6D6D6;}
  51. .datagrid-row{height:30px;}
  52. .datagrid-row-selected{height: 30px;background: #e7eaec;color: #000;}
  53. .datagrid-header-row{padding:0 10px 0 10px;height:30px;background: #f9f9f9;}
  54. .datagrid-row-over, .datagrid-header td.datagrid-header-over{background: #e7eaec;}
  55. .datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber{padding:0 7px;white-space: normal;}
  56. .accordion .accordion-header-selected {background: #e08e0b;}
  57. /*btn*/
  58. .bannerbtn{padding:18px 10px 6px 10px;height:25px;color:#fff;text-decoration:none;line-height:36px;}
  59. .bannerbtn:hover{background:#e08e0b;filter:none;}
  60. .endbtndiv{padding:8px 10px 8px 0;border-top:1px solid #f0f0f0;background:#f9f9f9;text-align:right;}
  61. .l-btn-left{margin:0;}
  62. .switchbutton-on{background:#f7a31e;color:#fff;}
  63. .switchbutton-off{background:#E1E1E1;color:#000;}
  64. /*顶部菜单*/
  65. .bannerMenu{padding:5px 12px 0 12px;height:45px;color:#fff;text-decoration:none;font-size:18px;line-height:45px;filter:none;}
  66. .bannerMenu lable{font-size:24px;}
  67. .bannerMenu span{font-size:13px;font-family:'Microsoft YaHei',Arial,Verdana;letter-spacing:1px}
  68. #north .topmenu{border-right:1px #e08e0b solid;background:#f39c12;text-align:center}
  69. #north .topmenu:hover{background:#e08e0b;text-align:center}
  70. #north .selected{border-right:1px #e08e0b solid;background:#e08e0b;text-align:center}
  71. #north .splitborder{width:1px;background:#e08e0b;}