/* * JSON Tree Viewer * http://github.com/summerstyle/jsonTreeViewer * * Copyright 2017 Vera Lobacheva (http://iamvera.com) * Released under the MIT license (LICENSE.txt) */ /* Background for the tree. May use for element */ .jsontree_bg { background: #fff; } /* Styles for the container of the tree (e.g. fonts, margins etc.) */ .jsontree_tree { margin-left: 30px; font-family: 'PT Mono', monospace; font-size: 14px; } /* Styles for a list of child nodes */ .jsontree_child-nodes { display: none; /* margin-left: 35px; */ margin-left: 20px !important; margin-bottom: 5px !important; line-height: 1.85; } .jsontree_node_expanded > .jsontree_value-wrapper > .jsontree_value > .jsontree_child-nodes { display: block; } /* Styles for labels */ .jsontree_label-wrapper { float: left; margin-right: 8px; } .jsontree_label { font-weight: normal; vertical-align: top; color: #000; position: relative; padding: 1px; border-radius: 4px; cursor: default; } .jsontree_node_marked > .jsontree_label-wrapper > .jsontree_label { background: #fff2aa; } /* Styles for values */ .jsontree_value-wrapper { display: block; overflow: hidden; } .jsontree_node_complex > .jsontree_value-wrapper { overflow: inherit; } .jsontree_value { vertical-align: top; display: inline; } .jsontree_value_null { color: #777; font-weight: bold; } .jsontree_value_string { color: #000; font-weight: bold; } .jsontree_value_number { color: #000; font-weight: bold; } .jsontree_value_boolean { color: #000; font-weight: bold; } /* Styles for active elements */ .jsontree_expand-button { position: absolute; top: 3px; left: -15px; display: block; width: 11px; height: 11px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='11' height='22'%3E%3Cdefs%3E%3ClinearGradient id='a'%3E%3Cstop offset='0'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3CradialGradient xlink:href='%23a' cx='9.739' cy='9.716' fx='9.739' fy='9.716' r='3.709' gradientUnits='userSpaceOnUse'/%3E%3C/defs%3E%3Cg stroke='%23000' fill='none'%3E%3Cg transform='translate(-129.5 -333.862) translate(0 .188)'%3E%3Crect transform='matrix(.962 0 0 .971 4.943 11.548)' ry='2' rx='2' y='332.362' x='130' height='10.337' width='10.432' opacity='.5'/%3E%3Cg%3E%3Cpath d='M132 339.175h6' opacity='.5'/%3E%3Cpath d='M135 336.175v6' opacity='.5'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(-129.5 -333.862)'%3E%3Crect width='10.432' height='10.337' x='130' y='332.362' rx='2' ry='2' transform='matrix(.962 0 0 .971 4.943 22.736)' opacity='.5'/%3E%3Cpath d='M132 350.362h6' opacity='.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .jsontree_node_expanded > .jsontree_label-wrapper > .jsontree_label > .jsontree_expand-button { background-position: 0 -11px; } .jsontree_show-more { cursor: pointer; } .jsontree_node_expanded > .jsontree_value-wrapper > .jsontree_value > .jsontree_show-more { display: none; } .jsontree_node_empty > .jsontree_label-wrapper > .jsontree_label > .jsontree_expand-button, .jsontree_node_empty > .jsontree_value-wrapper > .jsontree_value > .jsontree_show-more { display: none !important; } .jsontree_node_complex > .jsontree_label-wrapper > .jsontree_label { cursor: pointer; } .jsontree_node_empty > .jsontree_label-wrapper > .jsontree_label { cursor: default !important; } .json-tree-container ul { list-style-type: none; }