jquery.treemenu.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. /* For treemenu.js */
  2. .treemenu li {
  3. list-style: none;
  4. }
  5. .treemenu .toggler {
  6. cursor: pointer;
  7. }
  8. .treemenu .toggler:before {
  9. display: inline-block;
  10. margin-right: 2pt;
  11. }
  12. li.tree-empty > .toggler {
  13. color: #aaa;
  14. }
  15. li.tree-empty > .toggler:before {
  16. content: "";
  17. }
  18. li.tree-closed > .toggler:before {
  19. content: "+";
  20. }
  21. li.tree-opened > .toggler:before {
  22. content: "\2212";
  23. }
  24. * {
  25. list-style: none;
  26. }
  27. .tree {
  28. width: 220px;
  29. margin: 10px auto;
  30. }
  31. .tree li,
  32. .tree li > a,
  33. .tree li > span {
  34. padding: 3pt 0pt 3pt 0pt;
  35. border-radius: 4px;
  36. font-size: 13px;
  37. color: #555555;
  38. }
  39. .tree li a {
  40. text-decoration: none;
  41. line-height: 8pt;
  42. border-radius: 4px;
  43. }
  44. .tree li a:hover {
  45. background-color: #2fa4e7;
  46. color: #fff;
  47. text-decoration: underline;
  48. cursor: pointer;
  49. }
  50. .active {
  51. background-color: #34495E;
  52. color: white;
  53. }
  54. .active a {
  55. color: #fff;
  56. }
  57. .tree li a.active:hover {
  58. background-color: #34BC9D;
  59. }
  60. .span3 {
  61. height:620px;
  62. overflow-y: scroll;
  63. width: 20%
  64. }
  65. .span9 {
  66. height: 620px;
  67. width: 75%;
  68. overflow-y: scroll;
  69. }
  70. .span9 h4 {
  71. margin-left:10px;
  72. }
  73. .span9 h5 {
  74. margin-left: 15px;
  75. }
  76. .span9 p {
  77. margin-left: 20px;
  78. line-height: 25px;
  79. }
  80. .span9 img {
  81. margin-top:5px;
  82. margin-bottom:10px;
  83. }
  84. .tree li ul {
  85. -webkit-padding-start: 20px;
  86. }