/* * JSON Tree Viewer * http://github.com/summerstyle/jsonTreeViewer * * Copyright 2016 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-bottom: 5px; line-height: 2; } .jsontree_node_expanded > .jsontree_value-wrapper > .jsontree_value > .jsontree_child-nodes { display: block; } .jsontree_node{ list-style-type:none; } /* Styles for labels */ .jsontree_label-wrapper { float: left; margin-right: 8px; } .jsontree_label { font-weight: normal; vertical-align: top; color: #F92672; ; position: relative; } /* 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: #E6DB74; font-weight: bold; } .jsontree_value_number { color: #AE81FF; font-weight: bold; } .jsontree_value_boolean { color: #AE81FF; font-weight: bold; } /* Styles for active elements */ .jsontree_expand-button { position: absolute; top: 5px; left: -15px; display: block; width: 9px; height: 9px; background: #777; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gUBFAsKjLIEkwAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAQElEQVQI14WPyw0AMAhCrenOMAJb24OHNvb3ThiFYIsIkrYhyQDECQC+3pYAtzu9OFJImrscSKb4Z3rtvdAe/w3I7C/CeujfAgAAAABJRU5ErkJggg==); } .jsontree_node_expanded > .jsontree_label-wrapper > .jsontree_label > .jsontree_expand-button { background: #FFF; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAIAAABv85FHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gUBFAwe2SlGKQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAARUlEQVQI132PwQ3AMAwCjdWd8QhMbfrIo1Ga5D4IYYEM21UVPyQFSe8gmfOt7dlmnHmGLJOSvmyY7s7MfSeA496S4fLfC/74Ll1MLvV+AAAAAElFTkSuQmCC); } .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; }