resources/css/visual/tree.css

   1 /*!
   2  * Ext JS Library 3.3.1
   3  * Copyright(c) 2006-2010 Sencha Inc.
   4  * licensing@sencha.com
   5  * http://www.sencha.com/license
   6  */
   7 .x-tree-node-expanded .x-tree-node-icon{
   8         background-image:url(../images/default/tree/folder-open.gif);
   9 }
  10
  11 .x-tree-node-leaf .x-tree-node-icon{
  12         background-image:url(../images/default/tree/leaf.gif);
  13 }
  14
  15 .x-tree-node-collapsed .x-tree-node-icon{
  16         background-image:url(../images/default/tree/folder.gif);
  17 }
  18
  19 .x-tree-node-loading .x-tree-node-icon{
  20         background-image:url(../images/default/tree/loading.gif) !important;
  21 }
  22
  23 .x-tree-node .x-tree-node-inline-icon {
  24     background-image: none;
  25 }
  26
  27 .x-tree-node-loading a span{
  28          font-style: italic;
  29          color:#444444;
  30 }
  31
  32 .x-tree-lines .x-tree-elbow{
  33         background-image:url(../images/default/tree/elbow.gif);
  34 }
  35
  36 .x-tree-lines .x-tree-elbow-plus{
  37         background-image:url(../images/default/tree/elbow-plus.gif);
  38 }
  39
  40 .x-tree-lines .x-tree-elbow-minus{
  41         background-image:url(../images/default/tree/elbow-minus.gif);
  42 }
  43
  44 .x-tree-lines .x-tree-elbow-end{
  45         background-image:url(../images/default/tree/elbow-end.gif);
  46 }
  47
  48 .x-tree-lines .x-tree-elbow-end-plus{
  49         background-image:url(../images/default/tree/elbow-end-plus.gif);
  50 }
  51
  52 .x-tree-lines .x-tree-elbow-end-minus{
  53         background-image:url(../images/default/tree/elbow-end-minus.gif);
  54 }
  55
  56 .x-tree-lines .x-tree-elbow-line{
  57         background-image:url(../images/default/tree/elbow-line.gif);
  58 }
  59
  60 .x-tree-no-lines .x-tree-elbow-plus{
  61         background-image:url(../images/default/tree/elbow-plus-nl.gif);
  62 }
  63
  64 .x-tree-no-lines .x-tree-elbow-minus{
  65         background-image:url(../images/default/tree/elbow-minus-nl.gif);
  66 }
  67
  68 .x-tree-no-lines .x-tree-elbow-end-plus{
  69         background-image:url(../images/default/tree/elbow-end-plus-nl.gif);
  70 }
  71
  72 .x-tree-no-lines .x-tree-elbow-end-minus{
  73         background-image:url(../images/default/tree/elbow-end-minus-nl.gif);
  74 }
  75
  76 .x-tree-arrows .x-tree-elbow-plus{
  77     background-image:url(../images/default/tree/arrows.gif);
  78 }
  79
  80 .x-tree-arrows .x-tree-elbow-minus{
  81     background-image:url(../images/default/tree/arrows.gif);
  82 }
  83
  84 .x-tree-arrows .x-tree-elbow-end-plus{
  85     background-image:url(../images/default/tree/arrows.gif);
  86 }
  87
  88 .x-tree-arrows .x-tree-elbow-end-minus{
  89     background-image:url(../images/default/tree/arrows.gif);
  90 }
  91
  92 .x-tree-node{
  93         color:#000;
  94         font: normal 11px arial, tahoma, helvetica, sans-serif;
  95 }
  96
  97 .x-tree-node a, .x-dd-drag-ghost a{
  98         color:#000;
  99 }
 100
 101 .x-tree-node a span, .x-dd-drag-ghost a span{
 102         color:#000;
 103 }
 104
 105 .x-tree-node .x-tree-node-disabled a span{
 106         color:gray !important;
 107 }
 108
 109 .x-tree-node div.x-tree-drag-insert-below{
 110          border-bottom-color:#36c;
 111 }
 112
 113 .x-tree-node div.x-tree-drag-insert-above{
 114          border-top-color:#36c;
 115 }
 116
 117 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
 118          border-bottom-color:#36c;
 119 }
 120
 121 .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
 122          border-top-color:#36c;
 123 }
 124
 125 .x-tree-node .x-tree-drag-append a span{
 126          background-color:#ddd;
 127          border-color:gray;
 128 }
 129
 130 .x-tree-node .x-tree-node-over {
 131         background-color: #eee;
 132 }
 133
 134 .x-tree-node .x-tree-selected {
 135         background-color: #d9e8fb;
 136 }
 137
 138 .x-tree-drop-ok-append .x-dd-drop-icon{
 139   background-image: url(../images/default/tree/drop-add.gif);
 140 }
 141
 142 .x-tree-drop-ok-above .x-dd-drop-icon{
 143   background-image: url(../images/default/tree/drop-over.gif);
 144 }
 145
 146 .x-tree-drop-ok-below .x-dd-drop-icon{
 147   background-image: url(../images/default/tree/drop-under.gif);
 148 }
 149
 150 .x-tree-drop-ok-between .x-dd-drop-icon{
 151   background-image: url(../images/default/tree/drop-between.gif);
 152 }