Upgrade to ExtJS 3.0.0 - Released 07/06/2009
[extjs.git] / resources / css / structure / tree.css
diff --git a/resources/css/structure/tree.css b/resources/css/structure/tree.css
new file mode 100644 (file)
index 0000000..0edbb7f
--- /dev/null
@@ -0,0 +1,203 @@
+/*!
+ * Ext JS Library 3.0.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+.ext-strict .ext-ie .x-tree .x-panel-bwrap{\r
+    position:relative;\r
+    overflow:hidden;\r
+}\r
+\r
+.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
+       border: 0 none;\r
+       height: 18px;\r
+       margin: 0;\r
+       padding: 0;\r
+       vertical-align: top;\r
+       width: 16px;\r
+    background-repeat: no-repeat;\r
+}\r
+\r
+.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
+       border: 0 none;\r
+       height: 18px;\r
+       margin: 0;\r
+       padding: 0;\r
+       vertical-align: top;\r
+       width: 16px;\r
+       background-position:center;\r
+    background-repeat: no-repeat;\r
+}\r
+\r
+.ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {\r
+    vertical-align:middle !important;\r
+}\r
+\r
+/* checkboxes */\r
+.ext-ie input.x-tree-node-cb {\r
+    width:15px;\r
+    height:15px;\r
+}\r
+\r
+input.x-tree-node-cb {\r
+    margin-left:1px;\r
+}\r
+\r
+.ext-ie input.x-tree-node-cb {\r
+    margin-left:0;\r
+}\r
+\r
+.x-tree-noicon .x-tree-node-icon{\r
+       width:0; height:0;\r
+}\r
+\r
+/* loading icon */\r
+.ext-ie .x-tree-node-el input {\r
+    width:15px;\r
+    height:15px;\r
+}\r
+\r
+/* No line styles */\r
+.x-tree-no-lines .x-tree-elbow{\r
+       background:transparent;\r
+}\r
+\r
+.x-tree-no-lines .x-tree-elbow-end{\r
+       background:transparent;\r
+}\r
+\r
+.x-tree-no-lines .x-tree-elbow-line{\r
+       background:transparent;\r
+}\r
+\r
+/* Arrows */\r
+.x-tree-arrows .x-tree-elbow{\r
+       background:transparent;\r
+}\r
+\r
+.x-tree-arrows .x-tree-elbow-plus{\r
+    background:transparent no-repeat 0 0;\r
+}\r
+\r
+.x-tree-arrows .x-tree-elbow-minus{\r
+    background:transparent no-repeat -16px 0;\r
+}\r
+\r
+.x-tree-arrows .x-tree-elbow-end{\r
+       background:transparent;\r
+}\r
+\r
+.x-tree-arrows .x-tree-elbow-end-plus{\r
+    background:transparent no-repeat 0 0;\r
+}\r
+\r
+.x-tree-arrows .x-tree-elbow-end-minus{\r
+    background:transparent no-repeat -16px 0;\r
+}\r
+\r
+.x-tree-arrows .x-tree-elbow-line{\r
+       background:transparent;\r
+}\r
+\r
+.x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{\r
+    background-position:-32px 0;\r
+}\r
+\r
+.x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{\r
+    background-position:-48px 0;\r
+}\r
+\r
+.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{\r
+    background-position:-32px 0;\r
+}\r
+\r
+.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{\r
+    background-position:-48px 0;\r
+}\r
+\r
+.x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{\r
+       cursor:pointer;\r
+}\r
+\r
+.ext-ie ul.x-tree-node-ct{\r
+    font-size:0;\r
+    line-height:0;\r
+    zoom:1;\r
+}\r
+\r
+.x-tree-node{\r
+       white-space: nowrap;\r
+}\r
+\r
+.x-tree-node-el {\r
+    line-height:18px;\r
+    cursor:pointer;\r
+}\r
+\r
+.x-tree-node a, .x-dd-drag-ghost a{\r
+       text-decoration:none;\r
+       -khtml-user-select:none;\r
+       -moz-user-select:none;\r
+    -webkit-user-select:ignore;\r
+    -kthml-user-focus:normal;\r
+    -moz-user-focus:normal;\r
+    -moz-outline: 0 none;\r
+    outline:0 none;\r
+}\r
+\r
+.x-tree-node a span, .x-dd-drag-ghost a span{\r
+       text-decoration:none;\r
+       padding:1px 3px 1px 2px;\r
+}\r
+\r
+.x-tree-node .x-tree-node-disabled .x-tree-node-icon{\r
+       -moz-opacity: 0.5;\r
+   opacity:.5;\r
+   filter: alpha(opacity=50);\r
+}\r
+\r
+.x-tree-node .x-tree-node-inline-icon{\r
+       background:transparent;\r
+}\r
+\r
+.x-tree-node a:hover, .x-dd-drag-ghost a:hover{\r
+       text-decoration:none;\r
+}\r
+\r
+.x-tree-node div.x-tree-drag-insert-below{\r
+        border-bottom:1px dotted;\r
+}\r
+\r
+.x-tree-node div.x-tree-drag-insert-above{\r
+        border-top:1px dotted;\r
+}\r
+\r
+.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{\r
+        border-bottom:0 none;\r
+}\r
+\r
+.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{\r
+        border-top:0 none;\r
+}\r
+\r
+.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{\r
+        border-bottom:2px solid;\r
+}\r
+\r
+.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{\r
+        border-top:2px solid;\r
+}\r
+\r
+.x-tree-node .x-tree-drag-append a span{\r
+        border:1px dotted;\r
+}\r
+\r
+.x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{\r
+       display:none !important;\r
+}\r
+\r
+/* Fix for ie rootVisible:false issue */\r
+.x-tree-root-ct {\r
+    zoom:1;\r
+}\r