jquery.json-viewer.css 976 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. /* Syntax highlighting for JSON objects */
  2. ul.json-dict, ol.json-array {
  3. list-style-type: none;
  4. margin: 0 0 0 1px;
  5. border-left: 1px dotted #ccc;
  6. padding-left: 2em;
  7. }
  8. .json-string {
  9. color: #0B7500;
  10. }
  11. .json-literal {
  12. color: #1A01CC;
  13. font-weight: bold;
  14. }
  15. /* Toggle button */
  16. a.json-toggle {
  17. position: relative;
  18. color: inherit;
  19. text-decoration: none;
  20. }
  21. a.json-toggle:focus {
  22. outline: none;
  23. }
  24. a.json-toggle:before {
  25. color: #aaa;
  26. content: "\25BC"; /* down arrow */
  27. position: absolute;
  28. display: inline-block;
  29. width: 1em;
  30. left: -1em;
  31. }
  32. a.json-toggle.collapsed:before {
  33. transform: rotate(-90deg); /* Use rotated down arrow, prevents right arrow appearing smaller than down arrow in some browsers */
  34. -ms-transform: rotate(-90deg);
  35. -webkit-transform: rotate(-90deg);
  36. }
  37. /* Collapsable placeholder links */
  38. a.json-placeholder {
  39. color: #aaa;
  40. padding: 0 1em;
  41. text-decoration: none;
  42. }
  43. a.json-placeholder:hover {
  44. text-decoration: underline;
  45. }