resources/css/tree.css

   1 /*\r
   2  * Ext JS Library 2.2.1\r
   3  * Copyright(c) 2006-2009, Ext JS, LLC.\r
   4  * licensing@extjs.com\r
   5  * \r
   6  * http://extjs.com/license\r
   7  */\r
   8 \r
   9 .x-tree .x-panel-body{\r
  10     background-color:#fff;\r
  11 }\r
  12 .ext-strict .ext-ie .x-tree .x-panel-bwrap{\r
  13     position:relative;\r
  14     overflow:hidden;\r
  15 }\r
  16 .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{\r
  17         border: 0 none;\r
  18         height: 18px;\r
  19         margin: 0;\r
  20         padding: 0;\r
  21         vertical-align: top;\r
  22         width: 16px;\r
  23     background-repeat: no-repeat;\r
  24 }\r
  25 .x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{\r
  26         border: 0 none;\r
  27         height: 18px;\r
  28         margin: 0;\r
  29         padding: 0;\r
  30         vertical-align: top;\r
  31         width: 16px;\r
  32         background-position:center;\r
  33     background-repeat: no-repeat;\r
  34 }\r
  35 .ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {\r
  36     vertical-align:middle !important;\r
  37 }\r
  38 /* some default icons for leaf/folder */\r
  39 .x-tree-node-expanded .x-tree-node-icon{\r
  40         background-image:url(../images/default/tree/folder-open.gif);\r
  41 }\r
  42 .x-tree-node-leaf .x-tree-node-icon{\r
  43         background-image:url(../images/default/tree/leaf.gif);\r
  44 }\r
  45 .x-tree-node-collapsed .x-tree-node-icon{\r
  46         background-image:url(../images/default/tree/folder.gif);\r
  47 }\r
  48 /* checkboxes */\r
  49 .ext-ie input.x-tree-node-cb {\r
  50     width:15px;\r
  51     height:15px;\r
  52 }\r
  53 input.x-tree-node-cb {\r
  54     margin-left:1px;\r
  55 }\r
  56 .ext-ie input.x-tree-node-cb {\r
  57     margin-left:0;\r
  58 }\r
  59 \r
  60 .x-tree-noicon .x-tree-node-icon{\r
  61         width:0; height:0;\r
  62 }\r
  63 /* loading icon */\r
  64 .x-tree-node-loading .x-tree-node-icon{\r
  65         background-image:url(../images/default/tree/loading.gif) !important;\r
  66 }\r
  67 .x-tree-node-loading a span{\r
  68          font-style: italic;\r
  69          color:#444444;\r
  70 }\r
  71 .ext-ie .x-tree-node-el input {\r
  72     width:15px;\r
  73     height:15px;\r
  74 }\r
  75 /* Line styles */\r
  76 .x-tree-lines .x-tree-elbow{\r
  77         background-image:url(../images/default/tree/elbow.gif);\r
  78 }\r
  79 .x-tree-lines .x-tree-elbow-plus{\r
  80         background-image:url(../images/default/tree/elbow-plus.gif);\r
  81 }\r
  82 .x-tree-lines .x-tree-elbow-minus{\r
  83         background-image:url(../images/default/tree/elbow-minus.gif);\r
  84 }\r
  85 .x-tree-lines .x-tree-elbow-end{\r
  86         background-image:url(../images/default/tree/elbow-end.gif);\r
  87 }\r
  88 .x-tree-lines .x-tree-elbow-end-plus{\r
  89         background-image:url(../images/default/tree/elbow-end-plus.gif);\r
  90 }\r
  91 .x-tree-lines .x-tree-elbow-end-minus{\r
  92         background-image:url(../images/default/tree/elbow-end-minus.gif);\r
  93 }\r
  94 .x-tree-lines .x-tree-elbow-line{\r
  95         background-image:url(../images/default/tree/elbow-line.gif);\r
  96 }\r
  97 \r
  98 /* No line styles */\r
  99 .x-tree-no-lines .x-tree-elbow{\r
 100         background:transparent;\r
 101 }\r
 102 .x-tree-no-lines .x-tree-elbow-plus{\r
 103         background-image:url(../images/default/tree/elbow-plus-nl.gif);\r
 104 }\r
 105 .x-tree-no-lines .x-tree-elbow-minus{\r
 106         background-image:url(../images/default/tree/elbow-minus-nl.gif);\r
 107 }\r
 108 .x-tree-no-lines .x-tree-elbow-end{\r
 109         background:transparent;\r
 110 }\r
 111 .x-tree-no-lines .x-tree-elbow-end-plus{\r
 112         background-image:url(../images/default/tree/elbow-end-plus-nl.gif);\r
 113 }\r
 114 .x-tree-no-lines .x-tree-elbow-end-minus{\r
 115         background-image:url(../images/default/tree/elbow-end-minus-nl.gif);\r
 116 }\r
 117 .x-tree-no-lines .x-tree-elbow-line{\r
 118         background:transparent;\r
 119 }\r
 120 \r
 121 \r
 122 /* Arrows */\r
 123 .x-tree-arrows .x-tree-elbow{\r
 124         background:transparent;\r
 125 }\r
 126 .x-tree-arrows .x-tree-elbow-plus{\r
 127     background:transparent url(../images/default/tree/arrows.gif) no-repeat 0 0;\r
 128 }\r
 129 .x-tree-arrows .x-tree-elbow-minus{\r
 130     background:transparent url(../images/default/tree/arrows.gif) no-repeat -16px 0;\r
 131 }\r
 132 .x-tree-arrows .x-tree-elbow-end{\r
 133         background:transparent;\r
 134 }\r
 135 .x-tree-arrows .x-tree-elbow-end-plus{\r
 136     background:transparent url(../images/default/tree/arrows.gif) no-repeat 0 0;\r
 137 }\r
 138 .x-tree-arrows .x-tree-elbow-end-minus{\r
 139     background:transparent url(../images/default/tree/arrows.gif) no-repeat -16px 0;\r
 140 }\r
 141 .x-tree-arrows .x-tree-elbow-line{\r
 142         background:transparent;\r
 143 }\r
 144 \r
 145 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{\r
 146     background-position:-32px 0;\r
 147 }\r
 148 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{\r
 149     background-position:-48px 0;\r
 150 }\r
 151 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{\r
 152     background-position:-32px 0;\r
 153 }\r
 154 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{\r
 155     background-position:-48px 0;\r
 156 }\r
 157 \r
 158 \r
 159 \r
 160 .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{\r
 161         cursor:pointer;\r
 162 }\r
 163 .ext-ie ul.x-tree-node-ct{\r
 164     font-size:0;\r
 165     line-height:0;\r
 166     zoom:1;\r
 167 }\r
 168 .x-tree-node{\r
 169         color: black;\r
 170         font: normal 11px arial, tahoma, helvetica, sans-serif;\r
 171         white-space: nowrap;\r
 172 }\r
 173 \r
 174 .x-tree-node-el {\r
 175     line-height:18px;\r
 176     cursor:pointer;\r
 177 }\r
 178 \r
 179 .x-tree-node a, .x-dd-drag-ghost a{\r
 180         text-decoration:none;\r
 181         color:black;\r
 182         -khtml-user-select:none;\r
 183         -moz-user-select:none;\r
 184     -kthml-user-focus:normal;\r
 185     -moz-user-focus:normal;\r
 186     -moz-outline: 0 none;\r
 187     outline:0 none;\r
 188 }\r
 189 .x-tree-node a span, .x-dd-drag-ghost a span{\r
 190         text-decoration:none;\r
 191         color:black;\r
 192         padding:1px 3px 1px 2px;\r
 193 }\r
 194 .x-tree-node .x-tree-node-disabled a span{\r
 195         color:gray !important;\r
 196 }\r
 197 .x-tree-node .x-tree-node-disabled .x-tree-node-icon{\r
 198         -moz-opacity: 0.5;\r
 199    opacity:.5;\r
 200    filter: alpha(opacity=50);\r
 201 }\r
 202 .x-tree-node .x-tree-node-inline-icon{\r
 203         background:transparent;\r
 204 }\r
 205 .x-tree-node a:hover, .x-dd-drag-ghost a:hover{\r
 206         text-decoration:none;\r
 207 }\r
 208 .x-tree-node div.x-tree-drag-insert-below{\r
 209          border-bottom:1px dotted #3366cc;\r
 210 }\r
 211 .x-tree-node div.x-tree-drag-insert-above{\r
 212          border-top:1px dotted #3366cc;\r
 213 }\r
 214 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{\r
 215          border-bottom:0 none;\r
 216 }\r
 217 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{\r
 218          border-top:0 none;\r
 219 }\r
 220 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{\r
 221          border-bottom:2px solid #3366cc;\r
 222 }\r
 223 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{\r
 224          border-top:2px solid #3366cc;\r
 225 }\r
 226 .x-tree-node .x-tree-drag-append a span{\r
 227          background:#dddddd;\r
 228          border:1px dotted gray;\r
 229 }\r
 230 .x-tree-node .x-tree-node-over {\r
 231         background-color: #eee;\r
 232 }\r
 233 .x-tree-node .x-tree-selected {\r
 234         background-color: #d9e8fb;\r
 235 }\r
 236 .x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{\r
 237         display:none !important;\r
 238 }\r
 239 .x-tree-drop-ok-append .x-dd-drop-icon{\r
 240   background-image: url(../images/default/tree/drop-add.gif);\r
 241 }\r
 242 .x-tree-drop-ok-above .x-dd-drop-icon{\r
 243   background-image: url(../images/default/tree/drop-over.gif);\r
 244 }\r
 245 .x-tree-drop-ok-below .x-dd-drop-icon{\r
 246   background-image: url(../images/default/tree/drop-under.gif);\r
 247 }\r
 248 .x-tree-drop-ok-between .x-dd-drop-icon{\r
 249   background-image: url(../images/default/tree/drop-between.gif);\r
 250 }\r
 251 /* Fix for ie rootVisible:false issue */\r
 252 .x-tree-root-ct {\r
 253     zoom:1;\r
 254 }\r