js/ext/resources/css/structure/tree.css

   1 /*!
   2  * Ext JS Library 3.0.0
   3  * Copyright(c) 2006-2009 Ext JS, LLC
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 .ext-strict .ext-ie .x-tree .x-panel-bwrap{
   8     position:relative;
   9     overflow:hidden;
  10 }
  11
  12 .x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-line, .x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
  13         border: 0 none;
  14         height: 18px;
  15         margin: 0;
  16         padding: 0;
  17         vertical-align: top;
  18         width: 16px;
  19     background-repeat: no-repeat;
  20 }
  21
  22 .x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{
  23         border: 0 none;
  24         height: 18px;
  25         margin: 0;
  26         padding: 0;
  27         vertical-align: top;
  28         width: 16px;
  29         background-position:center;
  30     background-repeat: no-repeat;
  31 }
  32
  33 .ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {
  34     vertical-align:middle !important;
  35 }
  36
  37 /* checkboxes */
  38 .ext-ie input.x-tree-node-cb {
  39     width:15px;
  40     height:15px;
  41 }
  42
  43 input.x-tree-node-cb {
  44     margin-left:1px;
  45 }
  46
  47 .ext-ie input.x-tree-node-cb {
  48     margin-left:0;
  49 }
  50
  51 .x-tree-noicon .x-tree-node-icon{
  52         width:0; height:0;
  53 }
  54
  55 /* loading icon */
  56 .ext-ie .x-tree-node-el input {
  57     width:15px;
  58     height:15px;
  59 }
  60
  61 /* No line styles */
  62 .x-tree-no-lines .x-tree-elbow{
  63         background:transparent;
  64 }
  65
  66 .x-tree-no-lines .x-tree-elbow-end{
  67         background:transparent;
  68 }
  69
  70 .x-tree-no-lines .x-tree-elbow-line{
  71         background:transparent;
  72 }
  73
  74 /* Arrows */
  75 .x-tree-arrows .x-tree-elbow{
  76         background:transparent;
  77 }
  78
  79 .x-tree-arrows .x-tree-elbow-plus{
  80     background:transparent no-repeat 0 0;
  81 }
  82
  83 .x-tree-arrows .x-tree-elbow-minus{
  84     background:transparent no-repeat -16px 0;
  85 }
  86
  87 .x-tree-arrows .x-tree-elbow-end{
  88         background:transparent;
  89 }
  90
  91 .x-tree-arrows .x-tree-elbow-end-plus{
  92     background:transparent no-repeat 0 0;
  93 }
  94
  95 .x-tree-arrows .x-tree-elbow-end-minus{
  96     background:transparent no-repeat -16px 0;
  97 }
  98
  99 .x-tree-arrows .x-tree-elbow-line{
 100         background:transparent;
 101 }
 102
 103 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{
 104     background-position:-32px 0;
 105 }
 106
 107 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{
 108     background-position:-48px 0;
 109 }
 110
 111 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{
 112     background-position:-32px 0;
 113 }
 114
 115 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{
 116     background-position:-48px 0;
 117 }
 118
 119 .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
 120         cursor:pointer;
 121 }
 122
 123 .ext-ie ul.x-tree-node-ct{
 124     font-size:0;
 125     line-height:0;
 126     zoom:1;
 127 }
 128
 129 .x-tree-node{
 130         white-space: nowrap;
 131 }
 132
 133 .x-tree-node-el {
 134     line-height:18px;
 135     cursor:pointer;
 136 }
 137
 138 .x-tree-node a, .x-dd-drag-ghost a{
 139         text-decoration:none;
 140         -khtml-user-select:none;
 141         -moz-user-select:none;
 142     -webkit-user-select:ignore;
 143     -kthml-user-focus:normal;
 144     -moz-user-focus:normal;
 145     -moz-outline: 0 none;
 146     outline:0 none;
 147 }
 148
 149 .x-tree-node a span, .x-dd-drag-ghost a span{
 150         text-decoration:none;
 151         padding:1px 3px 1px 2px;
 152 }
 153
 154 .x-tree-node .x-tree-node-disabled .x-tree-node-icon{
 155         -moz-opacity: 0.5;
 156    opacity:.5;
 157    filter: alpha(opacity=50);
 158 }
 159
 160 .x-tree-node .x-tree-node-inline-icon{
 161         background:transparent;
 162 }
 163
 164 .x-tree-node a:hover, .x-dd-drag-ghost a:hover{
 165         text-decoration:none;
 166 }
 167
 168 .x-tree-node div.x-tree-drag-insert-below{
 169          border-bottom:1px dotted;
 170 }
 171
 172 .x-tree-node div.x-tree-drag-insert-above{
 173          border-top:1px dotted;
 174 }
 175
 176 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{
 177          border-bottom:0 none;
 178 }
 179
 180 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{
 181          border-top:0 none;
 182 }
 183
 184 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
 185          border-bottom:2px solid;
 186 }
 187
 188 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
 189          border-top:2px solid;
 190 }
 191
 192 .x-tree-node .x-tree-drag-append a span{
 193          border:1px dotted;
 194 }
 195
 196 .x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{
 197         display:none !important;
 198 }
 199
 200 /* Fix for ie rootVisible:false issue */
 201 .x-tree-root-ct {
 202     zoom:1;
 203 }