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                : 1px inset #CCD0DD;
  11     margin                : 1px 3px 2px 3px;
  12     background-color      : white;
  13     color                 : #000000;
  14   }
  15
  16 .tree-container-treerows[dragover="true"][dragdroptree="true"]
  17   {
  18   }
  19
  20 .tree-container-treerows
  21   {
  22   }
  23
  24 .tree-container-treerows[dragdroptree="true"]
  25   {
  26   }
  27
  28 treeitem[selected="true"] > treerow
  29   {
  30     color                 : white;
  31     background-color      : #336699;
  32   }
  33
  34 treeitem
  35   {
  36     list-style-image      : none;
  37   }
  38
  39 treerow
  40   {
  41     border                : 1px solid transparent;
  42   }
  43
  44 treehead > treeitem > treerow,
  45 treehead > treerow
  46   {
  47     border                : none;
  48   }
  49
  50 treecell
  51   {
  52     padding               : 0px 0px 1px 2px;
  53     white-space           : nowrap;
  54   }
  55
  56 tree:focus > treechildren treeitem[selected="true"] > treerow,
  57 treeitem[dd-dropon="true"] > treerow
  58   {
  59     color                 : white;
  60     background-color      : #336699;
  61   }
  62
  63 tree:focus > treechildren treeitem[selected="true"][current="true"] > treerow
  64   {
  65     border                : 1px dotted #9999CC;
  66   }
  67
  68 .treecell-header-image
  69   {
  70     list-style-image      : inherit;
  71   }
  72
  73 .treecell-header,
  74 .treecell-inset-header,
  75 .treecell-header-image
  76   {
  77     border                : 1px outset #CCD0DD;
  78     padding               : 0px;
  79     background-color      : #CCD0DD;
  80     color                 : #000000;
  81   }
  82
  83 .treecell-header-box,
  84 .treecell-header-image-box
  85   {
  86   }
  87
  88 .treecell-header-box
  89   {
  90     padding               : 0px 4px 0px 4px;
  91   }
  92
  93 .treecell-header-text
  94   {
  95     margin                : 0px;
  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 .inline-edit-cell-box[mode="edit"]
 246   {
 247     margin                : 0px;
 248   }