git.ithinksw.org / extjs.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Upgrade to ExtJS 3.0.0 - Released 07/06/2009
[extjs.git] / resources / css / structure / tree.css
diff --git a/resources/css/tree.css b/resources/css/structure/tree.css
similarity index 51%
rename from resources/css/tree.css
rename to resources/css/structure/tree.css
index c6536ac..0edbb7f 100644 (file)
--- a/resources/css/tree.css
+++ b/resources/css/structure/tree.css
@@ -1,18 +1,14 @@
-/*\r
- * Ext JS Library 2.2.1\r
- * Copyright(c) 2006-2009, Ext JS, LLC.\r
- * licensing@extjs.com\r
- * \r
- * http://extjs.com/license\r
- */\r
-\r
-.x-tree .x-panel-body{\r
-    background-color:#fff;\r
-}\r
+/*!
+ * 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
@@ -22,6 +18,7 @@
        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
@@ -32,27 +29,21 @@
        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
-/* some default icons for leaf/folder */\r
-.x-tree-node-expanded .x-tree-node-icon{\r
-       background-image:url(../images/default/tree/folder-open.gif);\r
-}\r
-.x-tree-node-leaf .x-tree-node-icon{\r
-       background-image:url(../images/default/tree/leaf.gif);\r
-}\r
-.x-tree-node-collapsed .x-tree-node-icon{\r
-       background-image:url(../images/default/tree/folder.gif);\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
@@ -60,84 +51,51 @@ input.x-tree-node-cb {
 .x-tree-noicon .x-tree-node-icon{\r
        width:0; height:0;\r
 }\r
+\r
 /* loading icon */\r
-.x-tree-node-loading .x-tree-node-icon{\r
-       background-image:url(../images/default/tree/loading.gif) !important;\r
-}\r
-.x-tree-node-loading a span{\r
-        font-style: italic;\r
-        color:#444444;\r
-}\r
 .ext-ie .x-tree-node-el input {\r
     width:15px;\r
     height:15px;\r
 }\r
-/* Line styles */\r
-.x-tree-lines .x-tree-elbow{\r
-       background-image:url(../images/default/tree/elbow.gif);\r
-}\r
-.x-tree-lines .x-tree-elbow-plus{\r
-       background-image:url(../images/default/tree/elbow-plus.gif);\r
-}\r
-.x-tree-lines .x-tree-elbow-minus{\r
-       background-image:url(../images/default/tree/elbow-minus.gif);\r
-}\r
-.x-tree-lines .x-tree-elbow-end{\r
-       background-image:url(../images/default/tree/elbow-end.gif);\r
-}\r
-.x-tree-lines .x-tree-elbow-end-plus{\r
-       background-image:url(../images/default/tree/elbow-end-plus.gif);\r
-}\r
-.x-tree-lines .x-tree-elbow-end-minus{\r
-       background-image:url(../images/default/tree/elbow-end-minus.gif);\r
-}\r
-.x-tree-lines .x-tree-elbow-line{\r
-       background-image:url(../images/default/tree/elbow-line.gif);\r
-}\r
 \r
 /* No line styles */\r
 .x-tree-no-lines .x-tree-elbow{\r
        background:transparent;\r
 }\r
-.x-tree-no-lines .x-tree-elbow-plus{\r
-       background-image:url(../images/default/tree/elbow-plus-nl.gif);\r
-}\r
-.x-tree-no-lines .x-tree-elbow-minus{\r
-       background-image:url(../images/default/tree/elbow-minus-nl.gif);\r
-}\r
+\r
 .x-tree-no-lines .x-tree-elbow-end{\r
        background:transparent;\r
 }\r
-.x-tree-no-lines .x-tree-elbow-end-plus{\r
-       background-image:url(../images/default/tree/elbow-end-plus-nl.gif);\r
-}\r
-.x-tree-no-lines .x-tree-elbow-end-minus{\r
-       background-image:url(../images/default/tree/elbow-end-minus-nl.gif);\r
-}\r
+\r
 .x-tree-no-lines .x-tree-elbow-line{\r
        background:transparent;\r
 }\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 url(../images/default/tree/arrows.gif) no-repeat 0 0;\r
+    background:transparent no-repeat 0 0;\r
 }\r
+\r
 .x-tree-arrows .x-tree-elbow-minus{\r
-    background:transparent url(../images/default/tree/arrows.gif) no-repeat -16px 0;\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 url(../images/default/tree/arrows.gif) no-repeat 0 0;\r
+    background:transparent no-repeat 0 0;\r
 }\r
+\r
 .x-tree-arrows .x-tree-elbow-end-minus{\r
-    background:transparent url(../images/default/tree/arrows.gif) no-repeat -16px 0;\r
+    background:transparent no-repeat -16px 0;\r
 }\r
+\r
 .x-tree-arrows .x-tree-elbow-line{\r
        background:transparent;\r
 }\r
@@ -145,29 +103,30 @@ input.x-tree-node-cb {
 .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
-\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
-       color: black;\r
-       font: normal 11px arial, tahoma, helvetica, sans-serif;\r
        white-space: nowrap;\r
 }\r
 \r
@@ -178,76 +137,66 @@ input.x-tree-node-cb {
 \r
 .x-tree-node a, .x-dd-drag-ghost a{\r
        text-decoration:none;\r
-       color:black;\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
-       color:black;\r
        padding:1px 3px 1px 2px;\r
 }\r
-.x-tree-node .x-tree-node-disabled a span{\r
-       color:gray !important;\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 #3366cc;\r
+        border-bottom:1px dotted;\r
 }\r
+\r
 .x-tree-node div.x-tree-drag-insert-above{\r
-        border-top:1px dotted #3366cc;\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 #3366cc;\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 #3366cc;\r
+        border-top:2px solid;\r
 }\r
+\r
 .x-tree-node .x-tree-drag-append a span{\r
-        background:#dddddd;\r
-        border:1px dotted gray;\r
-}\r
-.x-tree-node .x-tree-node-over {\r
-       background-color: #eee;\r
-}\r
-.x-tree-node .x-tree-selected {\r
-       background-color: #d9e8fb;\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
-.x-tree-drop-ok-append .x-dd-drop-icon{\r
-  background-image: url(../images/default/tree/drop-add.gif);\r
-}\r
-.x-tree-drop-ok-above .x-dd-drop-icon{\r
-  background-image: url(../images/default/tree/drop-over.gif);\r
-}\r
-.x-tree-drop-ok-below .x-dd-drop-icon{\r
-  background-image: url(../images/default/tree/drop-under.gif);\r
-}\r
-.x-tree-drop-ok-between .x-dd-drop-icon{\r
-  background-image: url(../images/default/tree/drop-between.gif);\r
-}\r
+\r
 /* Fix for ie rootVisible:false issue */\r
 .x-tree-root-ct {\r
     zoom:1;\r
Mirror of ExtJS by Sencha Inc. <http://www.sencha.com/>.