dtree.css 3.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. /**************** 主题换肤 ****************/
  2. /* 默认风格*/
  3. .dtree-theme-item-this{background-color: #d2d2d2!important;}
  4. .dtree-theme-item:hover{background-color: #eaeceb!important;}
  5. .dtree-theme-item cite{font-size:12px!important;}
  6. .dtree-theme-item:hover cite{color:#fe7786!important;}
  7. .dtree-theme-dtreefont{font-size: 16px!important;}
  8. .dtree-theme-ficon{color:#000!important;}
  9. .dtree-theme-icon{color:orange!important;}
  10. .dtree-theme-checkbox:hover{color:#fe7786!important;}
  11. .dtree-theme-choose{color:#fe7786!important;}
  12. /* layui主题风格*/
  13. .dtree-layui-item-this{background-color: #d2d2d2!important;}
  14. .dtree-layui-item:hover{background-color: #eaeceb!important;}
  15. .dtree-layui-item cite{font-size:12px!important;}
  16. .dtree-layui-item:hover cite{color:#01AAED!important;}
  17. .dtree-layui-dtreefont{font-size: 16px!important;}
  18. .dtree-layui-ficon{font-size: 14px!important;color:#393D49!important;}
  19. .dtree-layui-icon{color:#393D49!important;}
  20. .dtree-layui-checkbox:hover{color:#01AAED!important;}
  21. .dtree-layui-choose{color:#01AAED!important;}
  22. /**************** 树基础 ****************/
  23. /* 菜单栏*/
  24. .dtree-menubar {padding-left: 10px;}
  25. .dtree-menubar .layui-btn-group .layui-btn-sm{height: 20px;line-height: 20px;padding: 0 5px;font-size: 12px;}
  26. .dtree-menubar .layui-btn-group .layui-btn-sm i{font-size: 12px!important;}
  27. /* 工具栏*/
  28. .dtree-toolbar{position: absolute;z-index: 940520;padding: 0;background-color: #eceaeb;}
  29. .dtree-toolbar .layui-nav-child{position: static;}
  30. .dtree-toolbar .layui-nav-child dd{cursor: pointer;}
  31. .dtree-toolbar .layui-nav-child dd a i{font-size:16px;display: inline-block;margin: 0px 1px;color:#fe7786;}
  32. .dtree-toolbar .layui-nav-child dd a i:hover{font-weight: bold;}
  33. .dtree-toolbar .layui-nav-bar{display: none!important;}
  34. .dtree-toolbar-tool{padding: 30px;}
  35. .dtree-toolbar-fixed{position: absolute;right: 5px;top: 2px;font-style: normal;transition: all .3s;-webkit-transition: all .3s;}
  36. /*.dtree-toolbar-fixed a{border:1px solid #fe7786;}*/
  37. .dtree-toolbar-fixed a i{font-size:14px;display: inline-block;margin: 0px 1px;color:#fe7786;}
  38. .dtree-toolbar-fixed a i:hover{opacity:0.8;filter:Alpha(opacity=80);}
  39. /* 树基本*/
  40. .dtree{width:260px;}
  41. .dtree-nav-item{line-height:33px;padding-left:16px;}
  42. .dtree-nav-ul-sid{display: none;}
  43. .dtree-none-text{font-size: 12px;text-align: center;color: gray;}
  44. /* 图标及复选框*/
  45. .dtreefont{cursor: pointer;}
  46. .dtreefont-special{margin: 0 4px;}
  47. .dtree-nav-checkbox-div{display: inline-block;}
  48. .dtree-nav-checkbox-div>i{display: inline-block;margin: 0px 1px;}
  49. .dtree-nav-checkbox-div>i:last-child{margin-right: 4px;}
  50. .dtree-nav-checkbox-div>i:hover{opacity:0.8;filter:Alpha(opacity=80);}
  51. /* 行 文字*/
  52. .dtree-nav-div{display:block;vertical-align:top;position:relative;}
  53. .dtree-nav-div cite{font-style: normal;cursor: pointer;}
  54. .dtree-nav-div:hover cite{opacity:0.7;filter:Alpha(opacity=70);transition: all .3s;-webkit-transition: all .3s;}
  55. /* 规则属性*/
  56. .dtree-nav-show {display: block!important;}
  57. .dtree-nav-hide {display: none!important;}
  58. .dtree-nav-this {}
  59. .dtree-icon-hide {opacity:0;filter:Alpha(opacity=0);}
  60. .dtree-icon-null-open,.dtree-icon-null-close,.dtree-icon-null{margin: 0 2px;}
  61. .dtree-disabled{cursor: not-allowed; color:#c2c2c2!important;}
  62. .dtree-disabled:hover{color:#c2c2c2!important;}
  63. .dtree-nav-div cite.dtree-disabled{font-style: normal; cursor: not-allowed; color:#c2c2c2!important;}
  64. .dtree-nav-div>cite.dtree-disabled:hover{color:#c2c2c2!important;}
  65. /* 简单适配*/
  66. @media screen and (max-width:1700px) and (min-width:1300px){
  67. .dtree-nav-item {padding-left: 15px;}
  68. }