examples/ux/css/ColumnNodeUI.css

   1 /*!
   2  * Ext JS Library 3.0.3
   3  * Copyright(c) 2006-2009 Ext JS, LLC
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 .x-column-tree .x-panel-header {
   8         padding: 3px 0px 0px 0px;
   9         border-bottom-width: 0px;
  10 }
  11
  12 .x-column-tree .x-panel-header .x-panel-header-text {
  13         margin-left: 3px
  14 }
  15
  16 .x-column-tree .x-tree-node {
  17     zoom:1;
  18 }
  19 .x-column-tree .x-tree-node-el {
  20     /*border-bottom:1px solid #eee; borders? */
  21     zoom:1;
  22 }
  23 .x-column-tree .x-tree-selected {
  24     background: #d9e8fb;
  25 }
  26 .x-column-tree  .x-tree-node a {
  27     line-height:18px;
  28     vertical-align:middle;
  29 }
  30 .x-column-tree  .x-tree-node a span{
  31
  32 }
  33 .x-column-tree  .x-tree-node .x-tree-selected a span{
  34         background:transparent;
  35         color:#000;
  36 }
  37 .x-tree-col {
  38     float:left;
  39     overflow:hidden;
  40     padding:0 1px;
  41     zoom:1;
  42 }
  43
  44 .x-tree-col-text, .x-tree-hd-text {
  45     color:#000;
  46     overflow:hidden;
  47     -o-text-overflow: ellipsis;
  48     text-overflow: ellipsis;
  49     padding:3px 3px 3px 5px;
  50     white-space: nowrap;
  51     font:normal 11px arial, tahoma, helvetica, sans-serif;
  52 }
  53
  54 .x-tree-headers {
  55         margin-top: 3px;
  56         background: #f9f9f9 url(../../../resources/images/default/grid/grid3-hrow.gif) repeat-x 0 bottom;
  57         cursor:default;
  58     zoom:1;
  59 }
  60
  61 .x-tree-hd {
  62     float:left;
  63     overflow:hidden;
  64     border-left:1px solid #eee;
  65     border-right:1px solid #d0d0d0;
  66 }