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