EarlyBlue/global/tree.css

   1 /* ***** BEGIN LICENSE BLOCK *****
   2  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
   3  *
   4  * The contents of this file are subject to the Mozilla Public License Version
   5  * 1.1 (the "License"); you may not use this file except in compliance with
   6  * the License. You may obtain a copy of the License at
   7  * http://www.mozilla.org/MPL/
   8  *
   9  * Software distributed under the License is distributed on an "AS IS" basis,
  10  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11  * for the specific language governing rights and limitations under the
  12  * License.
  13  *
  14  * The Original Code is "Classic" theme of mozilla.org code.
  15  *
  16  * The Initial Developer of the Original Code is
  17  * the Mozilla Organization.
  18  * Portions created by the Initial Developer are Copyright (C) 1998-2001
  19  * the Initial Developer. All Rights Reserved.
  20  *
  21  * Contributor(s):
  22  *   Robert Kaiser <KaiRo@KaiRo.at>
  23  *
  24  * Alternatively, the contents of this file may be used under the terms of
  25  * either the GNU General Public License Version 2 or later (the "GPL"), or
  26  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  27  * in which case the provisions of the GPL or the LGPL are applicable instead
  28  * of those above. If you wish to allow use of your version of this file only
  29  * under the terms of either the GPL or the LGPL, and not to allow others to
  30  * use your version of this file under the terms of the MPL, indicate your
  31  * decision by deleting the provisions above and replace them with the notice
  32  * and other provisions required by the GPL or the LGPL. If you do not delete
  33  * the provisions above, a recipient may use your version of this file under
  34  * the terms of any one of the MPL, the GPL or the LGPL.
  35  *
  36  * ***** END LICENSE BLOCK ***** */
  37
  38 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  39
  40 /******** Tree widget **********/
  41
  42 /** basic tree ****************************************************
  43  *  basic tree widget for use in main windows where no decoration
  44  *  is required.
  45  **/
  46 tree
  47   {
  48     border                : 1px inset #CCD0DD;
  49     margin                : 1px 3px 2px 3px;
  50     background-color      : white;
  51     color                 : #000000;
  52   }
  53
  54 .tree-container-treerows[dragover="true"][dragdroptree="true"]
  55   {
  56   }
  57
  58 .tree-container-treerows
  59   {
  60   }
  61
  62 .tree-container-treerows[dragdroptree="true"]
  63   {
  64   }
  65
  66 treeitem[selected="true"] > treerow
  67   {
  68     color                 : white;
  69     background-color      : #336699;
  70   }
  71
  72 treeitem
  73   {
  74     list-style-image      : none;
  75   }
  76
  77 treerow
  78   {
  79     border                : 1px solid transparent;
  80   }
  81
  82 treehead > treeitem > treerow,
  83 treehead > treerow
  84   {
  85     border                : none;
  86   }
  87
  88 treecell
  89   {
  90     padding               : 0px 0px 1px 2px;
  91     white-space           : nowrap;
  92   }
  93
  94 tree:focus > treechildren treeitem[selected="true"] > treerow,
  95 treeitem[dd-dropon="true"] > treerow
  96   {
  97     color                 : white;
  98     background-color      : #336699;
  99   }
 100
 101 tree:focus > treechildren treeitem[selected="true"][current="true"] > treerow
 102   {
 103     border                : 1px dotted #9999CC;
 104   }
 105
 106 .treecell-header-image
 107   {
 108     list-style-image      : inherit;
 109   }
 110
 111 .treecell-header,
 112 .treecell-inset-header,
 113 .treecell-header-image
 114   {
 115     border                : 1px outset #CCD0DD;
 116     padding               : 0px;
 117     background-color      : #CCD0DD;
 118     color                 : #000000;
 119   }
 120
 121 .treecell-header-box,
 122 .treecell-header-image-box
 123   {
 124   }
 125
 126 .treecell-header-box
 127   {
 128     padding               : 0px 4px 0px 4px;
 129   }
 130
 131 .treecell-header-text
 132   {
 133     margin                : 0px;
 134   }
 135
 136 .treecell-header-image-box
 137   {
 138     padding               : 0px 1px 0px 1px;
 139   }
 140
 141 .treecell-header:hover:active,
 142 .treecell-header-image:hover:active,
 143 .treecell-inset-header:hover:active
 144   {
 145     border                : 1px inset #CCD0DD;
 146   }
 147
 148 .treecell-header:hover:active > .treecell-header-box,
 149 .treecell-inset-header:hover:active > .treecell-header-box,
 150 .treecell-header-image:hover:active > .treecell-header-image-box
 151   {
 152     border-top            : 1px solid transparent;
 153     border-right          : none;
 154     border-bottom         : none;
 155     border-left           : 1px solid transparent;
 156   }
 157
 158 .treecell-header:hover:active > .treecell-header-box,
 159 .treecell-inset-header:hover:active > .treecell-header-box
 160   {
 161     padding               : 1px 4px 0px 5px;
 162   }
 163
 164 .treecell-header-image:hover:active > .treecell-header-image-box
 165   {
 166     padding               : 1px 1px 0px 2px;
 167   }
 168
 169 .treecell-image
 170   {
 171     padding               : 0px;
 172   }
 173
 174 /* slimline sidebar treeheaders */
 175 .treecell-header.treecell-header-sidebarpanel,
 176 .treecell-inset-header.treecell-header-sidebarpanel
 177   {
 178     padding               : 0px 1px 1px 3px;
 179   }
 180
 181 .treecell-header-sidebarpanel > .treecell-header-box
 182   {
 183   }
 184
 185 /** class="propertylist" ******************************************
 186  *  class for cells in grid-formatted property lists.
 187  **/
 188
 189 treecell.propertylist
 190   {
 191     border-right          : 1px solid #CCD0DD;
 192     border-bottom         : 1px solid #CCD0DD;
 193     padding-left          : 5px;
 194   }
 195
 196 .tree-cell-primary-icon,
 197 .tree-cell-primary-icon-inline-edit-folder
 198   {
 199     list-style-image      : inherit;
 200     padding-right         : 2px;
 201   }
 202
 203 .tree-cell-icon
 204   {
 205     list-style-image      : inherit;
 206     padding-right         : 2px;
 207   }
 208
 209 .tree-cell-twisty
 210   {
 211     list-style-image      : url("chrome://global/skin/tree/twisty-closed.gif");
 212     -moz-user-focus       : ignore;
 213     padding-right         : 2px;
 214   }
 215
 216 .treecell-indent > .tree-cell-primary-icon
 217   {
 218     padding-left          : 14px;
 219   }
 220
 221 treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon
 222   {
 223     padding-left          : 0px;
 224   }
 225
 226 .tree-cell-twisty[disabled="true"]
 227   {
 228     list-style-image      : none;
 229   }
 230
 231 treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty
 232   {
 233     list-style-image      : url("chrome://global/skin/tree/twisty-open.gif");
 234   }
 235
 236 treeitem[empty="true"] > treerow > treecell > .tree-cell-twisty {
 237     visibility            : hidden;
 238 }
 239
 240 /* tree header with sort direction indicators */
 241
 242 .tree-header-sortdirection
 243   {
 244     list-style-image      : none;
 245   }
 246
 247 .sortDirectionIndicator[sortDirection="ascending"]  > .treecell-header-box > .tree-header-sortdirection
 248   {
 249     list-style-image      : url("chrome://global/skin/tree/sort-asc.gif");
 250   }
 251
 252 .sortDirectionIndicator[sortDirection="descending"] > .treecell-header-box > .tree-header-sortdirection
 253   {
 254     list-style-image      : url("chrome://global/skin/tree/sort-desc.gif");
 255   }
 256
 257 /* column selection popup menu icon */
 258
 259 .treecell-popup-icon
 260   {
 261     list-style-image      : url("chrome://global/skin/tree/columnpicker.gif");
 262   }
 263
 264 /* Inline Editable Treecells */
 265
 266 treerow[mode="inline-edit"]
 267   {
 268     border-top            : none !important;
 269     border-bottom         : none !important;
 270     background-color      : transparent !important;
 271   }
 272
 273 .inline-edit-cell-box
 274   {
 275     margin-left           : 2px;
 276   }
 277
 278 .inline-edit-cell-box[mode="edit"]
 279   {
 280     margin-left           : 0px;
 281   }
 282
 283 .inline-edit-cell-box[mode="edit"]
 284   {
 285     margin                : 0px;
 286   }