LCARStrek/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     -moz-border-radius    : 5px;
  49     background-color      : #000000;
  50     border                : 1px solid #9C9CFF;
  51     border-spacing        : 0px;
  52 /*    margin                : 1px 3px 2px 3px; */
  53   }
  54
  55 .tree-container-treerows[dragover="true"][dragdroptree="true"]
  56   {
  57   }
  58
  59 .tree-container-treerows
  60   {
  61   }
  62
  63 .tree-container-treerows[dragdroptree="true"]
  64   {
  65   }
  66
  67 treeitem[selected="true"] > treerow
  68   {
  69     background-color      : #008484;
  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     background-color      : #008484;
  98   }
  99
 100 tree:focus > treechildren treeitem[selected="true"][current="true"] > treerow
 101   {
 102     border                : 1px dotted #008484;
 103   }
 104
 105 .treecell-header-image
 106   {
 107     list-style-image      : inherit;
 108   }
 109
 110 .treecell-header,
 111 .treecell-inset-header,
 112 .treecell-header-image
 113   {
 114     border                : 1px solid #000000;
 115     padding               : 0px;
 116     background-color      : #9C9CFF;
 117     color                 : #000000;
 118   }
 119
 120 .treecell-header-box,
 121 .treecell-header-image-box
 122   {
 123   }
 124
 125 .treecell-header-box
 126   {
 127     padding               : 0px 4px 0px 4px;
 128   }
 129
 130 .treecell-header-text
 131   {
 132     margin                : 0px;
 133   }
 134
 135 .treecell-header-image-box
 136   {
 137     padding               : 0px 1px 0px 1px;
 138   }
 139
 140 .treecell-header:hover:active,
 141 .treecell-header-image:hover:active,
 142 .treecell-inset-header:hover:active
 143   {
 144     border                : 1px solid #FFCF00;
 145   }
 146
 147 .treecell-header:hover:active > .treecell-header-box,
 148 .treecell-inset-header:hover:active > .treecell-header-box,
 149 .treecell-header-image:hover:active > .treecell-header-image-box
 150   {
 151     border-top            : 1px solid transparent;
 152     border-right          : none;
 153     border-bottom         : none;
 154     border-left           : 1px solid transparent;
 155   }
 156
 157 .treecell-header:hover:active > .treecell-header-box,
 158 .treecell-inset-header:hover:active > .treecell-header-box
 159   {
 160     padding               : 1px 4px 0px 5px;
 161   }
 162
 163 .treecell-header-image:hover:active > .treecell-header-image-box
 164   {
 165     padding               : 1px 1px 0px 2px;
 166   }
 167
 168 .treecell-image
 169   {
 170     padding               : 0px;
 171   }
 172
 173 /* slimline sidebar treeheaders */
 174 .treecell-header.treecell-header-sidebarpanel,
 175 .treecell-inset-header.treecell-header-sidebarpanel
 176   {
 177     padding               : 0px 1px 1px 3px;
 178   }
 179
 180 .treecell-header-sidebarpanel > .treecell-header-box
 181   {
 182   }
 183
 184 /** class="propertylist" ******************************************
 185  *  class for cells in grid-formatted property lists.
 186  **/
 187
 188 treecell.propertylist
 189   {
 190     border-right          : 1px solid #9C9CFF;
 191     border-bottom         : 1px solid #9C9CFF;
 192     padding-left          : 5px;
 193   }
 194
 195 .tree-cell-primary-icon,
 196 .tree-cell-primary-icon-inline-edit-folder
 197   {
 198     list-style-image      : inherit;
 199     padding-right         : 2px;
 200   }
 201
 202 .tree-cell-icon
 203   {
 204     list-style-image      : inherit;
 205     padding-right         : 2px;
 206   }
 207
 208 .tree-cell-twisty
 209   {
 210     list-style-image      : url("chrome://global/skin/tree/twisty-closed.gif");
 211     -moz-user-focus       : ignore;
 212     padding-right         : 2px;
 213   }
 214
 215 .treecell-indent > .tree-cell-primary-icon
 216   {
 217     padding-left          : 11px;
 218   }
 219
 220 treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon
 221   {
 222     padding-left          : 0px;
 223   }
 224
 225 .tree-cell-twisty[disabled="true"]
 226   {
 227     list-style-image      : none;
 228   }
 229
 230 treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty
 231   {
 232     list-style-image      : url("chrome://global/skin/tree/twisty-open.gif");
 233   }
 234
 235 treeitem[empty="true"] > treerow > treecell > .tree-cell-twisty {
 236     visibility            : hidden;
 237 }
 238
 239 /* tree header with sort direction indicators */
 240
 241 .tree-header-sortdirection
 242   {
 243     list-style-image      : none;
 244   }
 245
 246 .sortDirectionIndicator[sortDirection="ascending"]  > .treecell-header-box > .tree-header-sortdirection
 247   {
 248     list-style-image      : url("chrome://global/skin/tree/sort-asc.gif");
 249   }
 250
 251 .sortDirectionIndicator[sortDirection="descending"] > .treecell-header-box > .tree-header-sortdirection
 252   {
 253     list-style-image      : url("chrome://global/skin/tree/sort-desc.gif");
 254   }
 255
 256 treecol[sortDirection="true"],
 257 treecol[sortActive="true"]
 258   {
 259     background-color       : #008484;
 260   }
 261
 262 /* column selection popup menu icon */
 263
 264 .treecell-popup-icon
 265   {
 266     list-style-image      : url("chrome://global/skin/tree/columnpicker.gif");
 267   }
 268
 269 /* Inline Editable Treecells */
 270
 271 treerow[mode="inline-edit"]
 272   {
 273     border-top            : none !important;
 274     border-bottom         : none !important;
 275     background-color      : transparent !important;
 276   }
 277
 278 .inline-edit-cell-box
 279   {
 280     margin-left           : 2px;
 281   }
 282
 283 .inline-edit-cell-box[mode="edit"]
 284   {
 285     margin-left           : 0px;
 286   }