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