1/* 2 * JSON Tree Viewer 3 * http://github.com/summerstyle/jsonTreeViewer 4 * 5 * Copyright 2017 Vera Lobacheva (http://iamvera.com) 6 * Released under the MIT license (LICENSE.txt) 7 */ 8 9/* Background for the tree. May use for <body> element */ 10.jsontree_bg { 11 background: #FFF; 12} 13 14/* Styles for the container of the tree (e.g. fonts, margins etc.) */ 15.jsontree_tree { 16 margin-left: 30px; 17 font-family: 'PT Mono', monospace; 18 font-size: 14px; 19} 20 21/* Styles for a list of child nodes */ 22.jsontree_child-nodes { 23 display: none; 24 margin-left: 35px; 25 margin-bottom: 5px; 26 line-height: 2; 27} 28.jsontree_node_expanded > .jsontree_value-wrapper > .jsontree_value > .jsontree_child-nodes { 29 display: block; 30} 31 32/* Styles for labels */ 33.jsontree_label-wrapper { 34 float: left; 35 margin-right: 8px; 36} 37.jsontree_label { 38 font-weight: normal; 39 vertical-align: top; 40 color: #000; 41 position: relative; 42 padding: 1px; 43 border-radius: 4px; 44 cursor: default; 45} 46.jsontree_node_marked > .jsontree_label-wrapper > .jsontree_label { 47 background: #fff2aa; 48} 49 50/* Styles for values */ 51.jsontree_value-wrapper { 52 display: block; 53 overflow: hidden; 54} 55.jsontree_node_complex > .jsontree_value-wrapper { 56 overflow: inherit; 57} 58.jsontree_value { 59 vertical-align: top; 60 display: inline; 61} 62.jsontree_value_null { 63 color: #777; 64 font-weight: bold; 65} 66.jsontree_value_string { 67 color: #025900; 68 font-weight: bold; 69} 70.jsontree_value_number { 71 color: #000E59; 72 font-weight: bold; 73} 74.jsontree_value_boolean { 75 color: #600100; 76 font-weight: bold; 77} 78 79/* Styles for active elements */ 80.jsontree_expand-button { 81 position: absolute; 82 top: 3px; 83 left: -15px; 84 display: block; 85 width: 11px; 86 height: 11px; 87 background-image: url('icons.svg'); 88} 89.jsontree_node_expanded > .jsontree_label-wrapper > .jsontree_label > .jsontree_expand-button { 90 background-position: 0 -11px; 91} 92.jsontree_show-more { 93 cursor: pointer; 94} 95.jsontree_node_expanded > .jsontree_value-wrapper > .jsontree_value > .jsontree_show-more { 96 display: none; 97} 98.jsontree_node_empty > .jsontree_label-wrapper > .jsontree_label > .jsontree_expand-button, 99.jsontree_node_empty > .jsontree_value-wrapper > .jsontree_value > .jsontree_show-more { 100 display: none !important; 101} 102.jsontree_node_complex > .jsontree_label-wrapper > .jsontree_label { 103 cursor: pointer; 104} 105.jsontree_node_empty > .jsontree_label-wrapper > .jsontree_label { 106 cursor: default !important; 107} 108