You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

lr-tree.css 2.4 KiB

4 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. /*
  2. * 版 本 Learun-ADMS-Ultimate V7.0.0 数字化智慧校园(http://www.learun.cn)
  3. * Copyright (c) 2013-2018 北京泉江科技有限公司
  4. * 创建人:陈彬彬
  5. * 日 期:2017.03.16
  6. * 描 述:树组件样式
  7. */
  8. .lr-tree {
  9. /*overflow-y: auto;*/
  10. }
  11. .lr-tree ul,
  12. .lr-tree li {
  13. list-style-type: none;
  14. margin: 0px;
  15. padding: 0px;
  16. }
  17. .lr-tree-icon,
  18. .lr-tree-ec-icon,
  19. .lr-tree-node-cb,
  20. .lr-tree-node-icon {
  21. border: 0 none;
  22. height: 18px;
  23. margin: 0;
  24. padding: 0;
  25. margin-top: 3px;
  26. vertical-align: top;
  27. width: 16px;
  28. background-repeat: no-repeat;
  29. }
  30. .lr-tree-node-cb {
  31. height: 16px;
  32. padding: 2px;
  33. margin-top: 4.5px;
  34. margin-right: 5px;
  35. }
  36. ul.lr-tree-node-ct {
  37. line-height: 0;
  38. zoom: 1;
  39. }
  40. .lr-tree-node-expanded > .lr-tree-ec-icon {
  41. background-image: url(/Content/images/learuntree/arrows.gif) !important;
  42. background: transparent no-repeat -16px 0;
  43. }
  44. .lr-tree-node-expanded > .lr-tree-ec-icon:hover {
  45. background: transparent no-repeat -48px 0;
  46. }
  47. .lr-tree-node-collapsed > .lr-tree-ec-icon {
  48. background-image: url(/Content/images/learuntree/arrows.gif) !important;
  49. background: transparent no-repeat 0px 0;
  50. }
  51. .lr-tree-node-collapsed > .lr-tree-ec-icon:hover {
  52. background: transparent no-repeat -32px 0;
  53. }
  54. .lr-tree-node {
  55. white-space: nowrap;
  56. color: #000;
  57. }
  58. .lr-tree-node {
  59. color: #000;
  60. }
  61. .lr-tree-node i {
  62. font-size: 13px;
  63. width: 13px;
  64. color: #666666;
  65. }
  66. .lr-tree-node a {
  67. text-decoration: none;
  68. -moz-user-select: none;
  69. -webkit-user-select: none;
  70. -ms-user-select: none;
  71. -khtml-user-select: none;
  72. user-select: none;
  73. -kthml-user-focus: normal;
  74. -moz-user-focus: normal;
  75. -moz-outline: 0 none;
  76. outline: 0 none;
  77. }
  78. .lr-tree-node a span {
  79. text-decoration: none;
  80. padding: 1px 3px 1px 2px;
  81. }
  82. .lr-tree-node a:hover {
  83. text-decoration: none;
  84. }
  85. .lr-tree-node .lr-tree-selected {
  86. background-color: #2F94EE !important;
  87. color: #fff;
  88. }
  89. .lr-tree-node .lr-tree-selected a span {
  90. color: #fff;
  91. }
  92. .lr-tree-node .lr-tree-selected i {
  93. color: #fff;
  94. }
  95. .lr-tree-node-el {
  96. position:relative;
  97. line-height: 25px;
  98. cursor: default;
  99. cursor: pointer;
  100. }
  101. .lr-tree-node-el:hover {
  102. background-color: #eee;
  103. }
  104. .lr-tree-loading {
  105. position: absolute;
  106. top: 3px;
  107. right: 5px;
  108. display:none;
  109. }
  110. .lr-tree-loading > img {
  111. height: 14px;
  112. width: 14px;
  113. }