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