resources/css/structure/tree.css

   1 /*!
   2  * Ext JS Library 3.2.1
   3  * Copyright(c) 2006-2010 Ext JS, Inc.
   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 .ext-strict .ext-ie8 .x-tree-node-indent img, .ext-strict .ext-ie8 .x-tree-node-icon, .ext-strict .ext-ie8 .x-tree-ec-icon {
  38     vertical-align: top !important;
  39 }
  40
  41 /* checkboxes */
  42
  43 input.x-tree-node-cb {
  44     margin-left:1px;
  45     height: 19px;
  46         vertical-align: bottom;
  47 }
  48
  49 .ext-ie input.x-tree-node-cb {
  50     margin-left:0;
  51     margin-top: 1px;
  52     width: 16px;
  53     height: 16px;
  54     vertical-align: middle;
  55 }
  56
  57 .ext-strict .ext-ie8 input.x-tree-node-cb{
  58     margin: 1px 1px;
  59     height: 14px;
  60     vertical-align: bottom;
  61 }
  62
  63 .ext-strict .ext-ie8 input.x-tree-node-cb + a{
  64     vertical-align: bottom;
  65 }
  66
  67 .ext-opera input.x-tree-node-cb {
  68     height: 14px;
  69     vertical-align: middle;
  70 }
  71
  72 .x-tree-noicon .x-tree-node-icon{
  73         width:0; height:0;
  74 }
  75
  76 /* No line styles */
  77 .x-tree-no-lines .x-tree-elbow{
  78         background:transparent;
  79 }
  80
  81 .x-tree-no-lines .x-tree-elbow-end{
  82         background:transparent;
  83 }
  84
  85 .x-tree-no-lines .x-tree-elbow-line{
  86         background:transparent;
  87 }
  88
  89 /* Arrows */
  90 .x-tree-arrows .x-tree-elbow{
  91         background:transparent;
  92 }
  93
  94 .x-tree-arrows .x-tree-elbow-plus{
  95     background:transparent no-repeat 0 0;
  96 }
  97
  98 .x-tree-arrows .x-tree-elbow-minus{
  99     background:transparent no-repeat -16px 0;
 100 }
 101
 102 .x-tree-arrows .x-tree-elbow-end{
 103         background:transparent;
 104 }
 105
 106 .x-tree-arrows .x-tree-elbow-end-plus{
 107     background:transparent no-repeat 0 0;
 108 }
 109
 110 .x-tree-arrows .x-tree-elbow-end-minus{
 111     background:transparent no-repeat -16px 0;
 112 }
 113
 114 .x-tree-arrows .x-tree-elbow-line{
 115         background:transparent;
 116 }
 117
 118 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{
 119     background-position:-32px 0;
 120 }
 121
 122 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{
 123     background-position:-48px 0;
 124 }
 125
 126 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{
 127     background-position:-32px 0;
 128 }
 129
 130 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{
 131     background-position:-48px 0;
 132 }
 133
 134 .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
 135         cursor:pointer;
 136 }
 137
 138 .ext-ie ul.x-tree-node-ct{
 139     font-size:0;
 140     line-height:0;
 141     zoom:1;
 142 }
 143
 144 .x-tree-node{
 145         white-space: nowrap;
 146 }
 147
 148 .x-tree-node-el {
 149     line-height:18px;
 150     cursor:pointer;
 151 }
 152
 153 .x-tree-node a, .x-dd-drag-ghost a{
 154         text-decoration:none;
 155         -khtml-user-select:none;
 156         -moz-user-select:none;
 157     -webkit-user-select:ignore;
 158     -kthml-user-focus:normal;
 159     -moz-user-focus:normal;
 160     -moz-outline: 0 none;
 161     outline:0 none;
 162 }
 163
 164 .x-tree-node a span, .x-dd-drag-ghost a span{
 165         text-decoration:none;
 166         padding:1px 3px 1px 2px;
 167 }
 168
 169 .x-tree-node .x-tree-node-disabled .x-tree-node-icon{
 170         -moz-opacity: 0.5;
 171    opacity:.5;
 172    filter: alpha(opacity=50);
 173 }
 174
 175 .x-tree-node .x-tree-node-inline-icon{
 176         background:transparent;
 177 }
 178
 179 .x-tree-node a:hover, .x-dd-drag-ghost a:hover{
 180         text-decoration:none;
 181 }
 182
 183 .x-tree-node div.x-tree-drag-insert-below{
 184          border-bottom:1px dotted;
 185 }
 186
 187 .x-tree-node div.x-tree-drag-insert-above{
 188          border-top:1px dotted;
 189 }
 190
 191 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{
 192          border-bottom:0 none;
 193 }
 194
 195 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{
 196          border-top:0 none;
 197 }
 198
 199 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
 200          border-bottom:2px solid;
 201 }
 202
 203 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
 204          border-top:2px solid;
 205 }
 206
 207 .x-tree-node .x-tree-drag-append a span{
 208          border:1px dotted;
 209 }
 210
 211 .x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{
 212         display:none !important;
 213 }
 214
 215 /* Fix for ie rootVisible:false issue */
 216 .x-tree-root-ct {
 217     zoom:1;
 218 }