github.com/awesome-flow/flow@v0.0.3-0.20190918184116-508d75d68a2c/web/static/css/jsonTree.css (about)

     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: 12px;
    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('/static/img/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  .jsontree_node {
   109  	list-style-type: none;
   110  }