[Summary view] [Print] [Text view]

   1  .yui3-treeview,
   2  .yui3-treeview * {
   3      -moz-box-sizing: border-box;
   4      -webkit-box-sizing: border-box;
   5      box-sizing: border-box;
   6      -moz-user-select: none;
   7      -ms-user-select: none;
   8      -webkit-user-select: none;
   9      user-select: none;
  10  }
  11  
  12  .yui3-treeview-children {
  13      margin: 0;
  14      padding: 0;
  15      list-style: none;
  16  }
  17  
  18  /* This ensures that the root node is always "open". */
  19  .yui3-treeview-children .yui3-treeview-children { display: none; }
  20  
  21  .yui3-treeview-indicator {
  22      bottom: 0;
  23      left: 0;
  24      position: absolute;
  25      visibility: hidden;
  26      top: 0;
  27      width: 20px;
  28  }
  29  
  30  .yui3-treeview-indicator s {
  31      border: 5px solid transparent;
  32      border-left-color: #afafaf;
  33      display: inline-block;
  34      *display: none; /* Hide from IE 6-7 */
  35      height: 5px;
  36      left: 6px;
  37      position: relative;
  38      top: -1px;
  39      vertical-align: middle;
  40      width: 5px;
  41  }
  42  
  43  .yui3-treeview-label { white-space: pre; }
  44  .yui3-treeview-node .yui3-treeview-children { margin-left: 16px; }
  45  
  46  .yui3-treeview-row {
  47      cursor: pointer;
  48      overflow: hidden;
  49      padding: 0 4px 0 20px;
  50      position: relative;
  51      text-overflow: ellipsis;
  52      white-space: nowrap;
  53  }
  54  
  55  /* -- Node states ----------------------------------------------------------- */
  56  .yui3-treeview-can-have-children > .yui3-treeview-row > .yui3-treeview-indicator { visibility: visible; }
  57  
  58  .yui3-treeview-open > .yui3-treeview-row > .yui3-treeview-indicator s {
  59      border-left-color: transparent;
  60      border-top-color: #afafaf;
  61      left: 4px;
  62      top: 2px;
  63  }
  64  
  65  .yui3-treeview-open > .yui3-treeview-children { display: block; }