tree.css 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. [class^="iconTree-"],
  2. [class*=" iconTree-"] {
  3. display: inline-block;
  4. width: 18px;
  5. height: 18px;
  6. margin-top: -2px;
  7. *margin-right: .3em;
  8. line-height: 14px;
  9. vertical-align: text-top;
  10. background-image: url("./icon_tree.png");
  11. background-position: 14px 14px;
  12. background-repeat: no-repeat
  13. }
  14. .iconTree-minus-sign {
  15. background-position: -7px -7px;
  16. }
  17. .iconTree-plus-sign {
  18. background-position: -31px -7px;
  19. }
  20. .iconTree-folder-open {
  21. background-position: -79px -6px;
  22. }
  23. .iconTree-user {
  24. background-position: -55px -6px;
  25. }
  26. a {
  27. color: #08c;
  28. text-decoration: none;
  29. }
  30. .tree {
  31. min-height:20px;
  32. margin:0px;
  33. background-color:#fbfbfb;
  34. -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
  35. -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
  36. box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
  37. }
  38. .tree ul{
  39. margin: 0;
  40. padding-left: 28px;
  41. padding-top: 7px;
  42. }
  43. .tree li {
  44. list-style-type:none;
  45. margin:0;
  46. padding:12px 5px 0 10px;
  47. position:relative
  48. }
  49. .tree li::before, .tree li::after {
  50. content:'';
  51. left:-20px;
  52. position:absolute;
  53. right:auto
  54. }
  55. .tree li::before {
  56. border-left:1px dotted #999;
  57. bottom:50px;
  58. height:100%;
  59. top:-6px;
  60. width:1px
  61. }
  62. .tree li::after {
  63. border-top:1px dotted #999;
  64. height:20px;
  65. top:25px;
  66. width:25px
  67. }
  68. .tree li span {
  69. -moz-border-radius:5px;
  70. -webkit-border-radius:5px;
  71. /*border:1px solid #999;
  72. border-radius:5px;*/
  73. display:inline-block;
  74. padding:3px 8px;
  75. text-decoration:none
  76. }
  77. .tree li.parent_li>span {
  78. cursor:pointer
  79. }
  80. .tree>ul>li::before, .tree>ul>li::after {
  81. border:0
  82. }
  83. .tree li:last-child::before {
  84. height:30px
  85. }