jquery.jsonview.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. @charset "UTF-8";
  2. .jsonview {
  3. font-family: monospace;
  4. font-size: 1.1em;
  5. white-space: pre-wrap; }
  6. .jsonview .prop {
  7. font-weight: bold; }
  8. .jsonview .null {
  9. color: red; }
  10. .jsonview .bool {
  11. color: blue; }
  12. .jsonview .num {
  13. color: blue; }
  14. .jsonview .string {
  15. color: green;
  16. white-space: pre-wrap; }
  17. .jsonview .string.multiline {
  18. display: inline-block;
  19. vertical-align: text-top; }
  20. .jsonview .collapser {
  21. position: absolute;
  22. left: -1em;
  23. cursor: pointer; }
  24. .jsonview .collapsible {
  25. transition: height 1.2s;
  26. transition: width 1.2s; }
  27. .jsonview .collapsible.collapsed {
  28. height: .8em;
  29. width: 1em;
  30. display: inline-block;
  31. overflow: hidden;
  32. margin: 0; }
  33. .jsonview .collapsible.collapsed:before {
  34. content: "…";
  35. width: 1em;
  36. margin-left: .2em; }
  37. .jsonview .collapser.collapsed {
  38. transform: rotate(0deg); }
  39. .jsonview .q {
  40. display: inline-block;
  41. width: 0px;
  42. color: transparent; }
  43. .jsonview li {
  44. position: relative; }
  45. .jsonview ul {
  46. list-style: none;
  47. margin: 0 0 0 2em;
  48. padding: 0; }
  49. .jsonview h1 {
  50. font-size: 1.2em; }