X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc:/resources/css/tree.css..c930e9176a5a85509c5b0230e2bff5c22a591432:/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 c6536acb..0edbb7fd 100644 --- a/resources/css/tree.css +++ b/resources/css/structure/tree.css @@ -1,18 +1,14 @@ -/* - * Ext JS Library 2.2.1 - * Copyright(c) 2006-2009, Ext JS, LLC. - * licensing@extjs.com - * - * http://extjs.com/license - */ - -.x-tree .x-panel-body{ - background-color:#fff; -} +/*! + * 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{ 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; @@ -22,6 +18,7 @@ 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; @@ -32,27 +29,21 @@ 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; } -/* some default icons for leaf/folder */ -.x-tree-node-expanded .x-tree-node-icon{ - background-image:url(../images/default/tree/folder-open.gif); -} -.x-tree-node-leaf .x-tree-node-icon{ - background-image:url(../images/default/tree/leaf.gif); -} -.x-tree-node-collapsed .x-tree-node-icon{ - background-image:url(../images/default/tree/folder.gif); -} + /* checkboxes */ .ext-ie input.x-tree-node-cb { width:15px; height:15px; } + input.x-tree-node-cb { margin-left:1px; } + .ext-ie input.x-tree-node-cb { margin-left:0; } @@ -60,84 +51,51 @@ input.x-tree-node-cb { .x-tree-noicon .x-tree-node-icon{ width:0; height:0; } + /* loading icon */ -.x-tree-node-loading .x-tree-node-icon{ - background-image:url(../images/default/tree/loading.gif) !important; -} -.x-tree-node-loading a span{ - font-style: italic; - color:#444444; -} .ext-ie .x-tree-node-el input { width:15px; height:15px; } -/* Line styles */ -.x-tree-lines .x-tree-elbow{ - background-image:url(../images/default/tree/elbow.gif); -} -.x-tree-lines .x-tree-elbow-plus{ - background-image:url(../images/default/tree/elbow-plus.gif); -} -.x-tree-lines .x-tree-elbow-minus{ - background-image:url(../images/default/tree/elbow-minus.gif); -} -.x-tree-lines .x-tree-elbow-end{ - background-image:url(../images/default/tree/elbow-end.gif); -} -.x-tree-lines .x-tree-elbow-end-plus{ - background-image:url(../images/default/tree/elbow-end-plus.gif); -} -.x-tree-lines .x-tree-elbow-end-minus{ - background-image:url(../images/default/tree/elbow-end-minus.gif); -} -.x-tree-lines .x-tree-elbow-line{ - background-image:url(../images/default/tree/elbow-line.gif); -} /* No line styles */ .x-tree-no-lines .x-tree-elbow{ background:transparent; } -.x-tree-no-lines .x-tree-elbow-plus{ - background-image:url(../images/default/tree/elbow-plus-nl.gif); -} -.x-tree-no-lines .x-tree-elbow-minus{ - background-image:url(../images/default/tree/elbow-minus-nl.gif); -} + .x-tree-no-lines .x-tree-elbow-end{ background:transparent; } -.x-tree-no-lines .x-tree-elbow-end-plus{ - background-image:url(../images/default/tree/elbow-end-plus-nl.gif); -} -.x-tree-no-lines .x-tree-elbow-end-minus{ - background-image:url(../images/default/tree/elbow-end-minus-nl.gif); -} + .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 url(../images/default/tree/arrows.gif) no-repeat 0 0; + background:transparent no-repeat 0 0; } + .x-tree-arrows .x-tree-elbow-minus{ - background:transparent url(../images/default/tree/arrows.gif) no-repeat -16px 0; + 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 url(../images/default/tree/arrows.gif) no-repeat 0 0; + background:transparent no-repeat 0 0; } + .x-tree-arrows .x-tree-elbow-end-minus{ - background:transparent url(../images/default/tree/arrows.gif) no-repeat -16px 0; + background:transparent no-repeat -16px 0; } + .x-tree-arrows .x-tree-elbow-line{ background:transparent; } @@ -145,29 +103,30 @@ input.x-tree-node-cb { .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{ - color: black; - font: normal 11px arial, tahoma, helvetica, sans-serif; white-space: nowrap; } @@ -178,76 +137,66 @@ input.x-tree-node-cb { .x-tree-node a, .x-dd-drag-ghost a{ text-decoration:none; - color:black; -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; - color:black; padding:1px 3px 1px 2px; } -.x-tree-node .x-tree-node-disabled a span{ - color:gray !important; -} + .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 #3366cc; + border-bottom:1px dotted; } + .x-tree-node div.x-tree-drag-insert-above{ - border-top:1px dotted #3366cc; + 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 #3366cc; + border-bottom:2px solid; } + .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{ - border-top:2px solid #3366cc; + border-top:2px solid; } + .x-tree-node .x-tree-drag-append a span{ - background:#dddddd; - border:1px dotted gray; -} -.x-tree-node .x-tree-node-over { - background-color: #eee; -} -.x-tree-node .x-tree-selected { - background-color: #d9e8fb; + border:1px dotted; } + .x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{ display:none !important; } -.x-tree-drop-ok-append .x-dd-drop-icon{ - background-image: url(../images/default/tree/drop-add.gif); -} -.x-tree-drop-ok-above .x-dd-drop-icon{ - background-image: url(../images/default/tree/drop-over.gif); -} -.x-tree-drop-ok-below .x-dd-drop-icon{ - background-image: url(../images/default/tree/drop-under.gif); -} -.x-tree-drop-ok-between .x-dd-drop-icon{ - background-image: url(../images/default/tree/drop-between.gif); -} + /* Fix for ie rootVisible:false issue */ .x-tree-root-ct { zoom:1;