EarlyBlue/skin/EarlyBlue/global/tree.css

   1
   2 /******** Tree widget **********/
   3
   4 /** basic tree ****************************************************
   5  *  basic tree widget for use in main windows where no decoration
   6  *  is required.
   7  **/
   8 tree
   9   {
  10     border                : none;
  11     background-color      : white;
  12     color                 : #000000;
  13   }
  14
  15 .tree-container-treerows[dragover="true"][dragdroptree="true"]
  16   {
  17   }
  18
  19 .tree-container-treerows
  20   {
  21   }
  22
  23 .tree-container-treerows[dragdroptree="true"]
  24   {
  25   }
  26
  27 tree.inset
  28   {
  29     border                : 1px inset #CCD0DD;
  30     margin                : 1px 3px 2px 3px;
  31   }
  32
  33 treeitem[selected="true"] > treerow
  34   {
  35     color                 : white;
  36     background-color      : #336699;
  37   }
  38
  39 treeitem
  40   {
  41     list-style-image      : none;
  42   }
  43
  44 treerow
  45   {
  46     border                : 1px solid transparent;
  47   }
  48
  49 treehead > treeitem > treerow,
  50 treehead > treerow
  51   {
  52     border                : none;
  53   }
  54
  55 treecell
  56   {
  57     padding               : 0px 0px 1px 2px;
  58     white-space           : nowrap;
  59   }
  60
  61 tree:focus > treechildren treeitem[selected="true"] > treerow,
  62 treeitem[dd-dropon="true"] > treerow
  63   {
  64     color                 : white;
  65     background-color      : #336699;
  66   }
  67
  68 tree:focus > treechildren treeitem[selected="true"][current="true"] > treerow
  69   {
  70     border                : 1px dotted #9999CC;
  71   }
  72
  73 .treecell-header-image
  74   {
  75     list-style-image      : inherit;
  76   }
  77
  78 .treecell-header,
  79 .treecell-inset-header,
  80 .treecell-header-image
  81   {
  82     border                : 1px outset #CCD0DD;
  83     padding               : 0px;
  84     background-color      : #CCD0DD;
  85     color                 : #000000;
  86   }
  87
  88 .treecell-header-box,
  89 .treecell-header-image-box
  90   {
  91   }
  92
  93 .treecell-header-box
  94   {
  95     padding               : 0px 4px 0px 4px;
  96   }
  97
  98 .treecell-header-image-box
  99   {
 100     padding               : 0px 1px 0px 1px;
 101   }
 102
 103 .treecell-header:hover:active,
 104 .treecell-header-image:hover:active,
 105 .treecell-inset-header:hover:active
 106   {
 107     border                : 1px inset #CCD0DD;
 108   }
 109
 110 .treecell-header:hover:active > .treecell-header-box,
 111 .treecell-inset-header:hover:active > .treecell-header-box,
 112 .treecell-header-image:hover:active > .treecell-header-image-box
 113   {
 114     border-top            : 1px solid transparent;
 115     border-right          : none;
 116     border-bottom         : none;
 117     border-left           : 1px solid transparent;
 118   }
 119
 120 .treecell-header:hover:active > .treecell-header-box,
 121 .treecell-inset-header:hover:active > .treecell-header-box
 122   {
 123     padding               : 1px 4px 0px 5px;
 124   }
 125
 126 .treecell-header-image:hover:active > .treecell-header-image-box
 127   {
 128     padding               : 1px 1px 0px 2px;
 129   }
 130
 131 .treecell-image
 132   {
 133     padding               : 0px;
 134   }
 135
 136 /* slimline sidebar treeheaders */
 137 .treecell-header.treecell-header-sidebarpanel,
 138 .treecell-inset-header.treecell-header-sidebarpanel
 139   {
 140     padding               : 0px 1px 1px 3px;
 141   }
 142
 143 .treecell-header-sidebarpanel > .treecell-header-box
 144   {
 145   }
 146
 147 /** class="propertylist" ******************************************
 148  *  class for cells in grid-formatted property lists.
 149  **/
 150
 151 treecell.propertylist
 152   {
 153     border-right          : 1px solid #CCD0DD;
 154     border-bottom         : 1px solid #CCD0DD;
 155     padding-left          : 5px;
 156   }
 157
 158 .tree-cell-primary-icon,
 159 .tree-cell-primary-icon-inline-edit-folder
 160   {
 161     list-style-image      : inherit;
 162     padding-right         : 2px;
 163   }
 164
 165 .tree-cell-icon
 166   {
 167     list-style-image      : inherit;
 168     padding-right         : 2px;
 169   }
 170
 171 .tree-cell-twisty
 172   {
 173     list-style-image      : url("chrome://global/skin/twisty-closed.gif");
 174     -moz-user-focus       : ignore;
 175     padding-right         : 2px;
 176   }
 177
 178 .treecell-indent > .tree-cell-primary-icon
 179   {
 180     padding-left          : 14px;
 181   }
 182
 183 treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon
 184   {
 185     padding-left          : 0px;
 186   }
 187
 188 .tree-cell-twisty[disabled="true"]
 189   {
 190     list-style-image      : none;
 191   }
 192
 193 treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty
 194   {
 195     list-style-image      : url("chrome://global/skin/twisty-open.gif");
 196   }
 197
 198 treeitem[empty="true"] > treerow > treecell > .tree-cell-twisty {
 199     visibility            : hidden;
 200 }
 201
 202 /* tree header with sort direction indicators */
 203
 204 .tree-header-sortdirection
 205   {
 206     list-style-image      : none;
 207   }
 208
 209 .sortDirectionIndicator[sortDirection="ascending"]  > .treecell-header-box > .tree-header-sortdirection
 210   {
 211     list-style-image      : url("chrome://global/skin/sortAscending.gif");
 212   }
 213
 214 .sortDirectionIndicator[sortDirection="descending"] > .treecell-header-box > .tree-header-sortdirection
 215   {
 216     list-style-image      : url("chrome://global/skin/sortDescending.gif");
 217   }
 218
 219 /* column selection popup menu icon */
 220
 221 .treecell-popup-icon
 222   {
 223     list-style-image      : url("chrome://global/skin/columnselect.gif");
 224   }
 225
 226 /* Inline Editable Treecells */
 227
 228 treerow[mode="inline-edit"]
 229   {
 230     border-top            : none !important;
 231     border-bottom         : none !important;
 232     background-color      : transparent !important;
 233   }
 234
 235 .inline-edit-cell-box
 236   {
 237     margin-left           : 2px;
 238   }
 239
 240 .inline-edit-cell-box[mode="edit"]
 241   {
 242     margin-left           : 0px;
 243   }
 244
 245
 246