style.less 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. /* color */
  2. .vcelm-node {
  3. color: #183691;
  4. }
  5. .vcelm-k {
  6. color: #0086B3;
  7. }
  8. .vcelm-v {
  9. color: #905;
  10. }
  11. /* layout */
  12. .vcelm-l {
  13. padding-left: 8px;
  14. position: relative;
  15. word-wrap: break-word;
  16. line-height: 1;
  17. }
  18. /*.vcelm-l.vcelm-noc {
  19. padding-left: 0;
  20. }*/
  21. .vcelm-l.vc-toggle > .vcelm-node {
  22. display: block;
  23. }
  24. .vcelm-l .vcelm-node:active {
  25. background-color: rgba(0,0,0,0.15);
  26. }
  27. .vcelm-l.vcelm-noc .vcelm-node:active {
  28. background-color: transparent;
  29. }
  30. .vcelm-t {
  31. white-space: pre-wrap;
  32. word-wrap: break-word;
  33. }
  34. /* level */
  35. .vcelm-l .vcelm-l {
  36. display: none;
  37. }
  38. .vcelm-l.vc-toggle > .vcelm-l {
  39. margin-left: 4px;
  40. display: block;
  41. }
  42. /* arrow */
  43. .vcelm-l:before {
  44. content: "";
  45. display: block;
  46. position: absolute;
  47. top: 6px;
  48. left: 3px;
  49. width: 0;
  50. height: 0;
  51. border: transparent solid 3px;
  52. border-left-color: #000;
  53. }
  54. .vcelm-l.vc-toggle:before {
  55. display: block;
  56. top: 6px;
  57. left: 0;
  58. border-top-color: #000;
  59. border-left-color: transparent;
  60. }
  61. .vcelm-l.vcelm-noc:before {
  62. display: none;
  63. }