resources/css/structure/tree.css

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