EarlyBlue/communicator/skin/directory/directory.css

   1 /* -*- Mode: C; c-basic-offset: 2 -*-
   2  *
   3  * The contents of this file are subject to the Netscape Public
   4  * License Version 1.1 (the "License"); you may not use this file
   5  * except in compliance with the License. You may obtain a copy of
   6  * the License at http://www.mozilla.org/NPL/
   7  *
   8  * Software distributed under the License is distributed on an "AS
   9  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
  10  * implied. See the License for the specific language governing
  11  * rights and limitations under the License.
  12  *
  13  * The Original Code is mozilla.org code.
  14  *
  15  * The Initial Developer of the Original Code is Netscape
  16  * Communications Corporation.  Portions created by Netscape are
  17  * Copyright (C) 1998 Netscape Communications Corporation. All
  18  * Rights Reserved.
  19  *
  20  * Contributor(s):
  21  */
  22
  23 /*
  24
  25   Style rules specific to the directory listing window.
  26
  27 */
  28
  29 /* Hide twisty for files */
  30 .treecell-indent[type="FILE"] > .tree-cell-twisty
  31   {
  32     list-style-image      : none;
  33   }
  34
  35 .treecell-filename
  36   {
  37     list-style-image      : url("chrome://communicator/skin/directory/file-icon.gif");
  38   }
  39
  40 treeitem[selected="true"] > treerow > .treecell-filename
  41   {
  42     list-style-image      : url("chrome://communicator/skin/directory/file-icon-sel.gif");
  43   }
  44
  45 treeitem[container="true"] > treerow > .treecell-filename
  46   {
  47     list-style-image      : url("chrome://communicator/skin/directory/file-folder-closed.gif");
  48   }
  49 treeitem[container="true"][selected="true"] > treerow > .treecell-filename
  50   {
  51     list-style-image      : url("chrome://communicator/skin/directory/file-folder-closed-sel.gif");
  52   }
  53
  54 treeitem[container="true"][open="true"] > treerow > .treecell-filename
  55   {
  56     list-style-image      : url("chrome://communicator/skin/directory/file-folder-open.gif");
  57   }
  58 treeitem[container="true"][open="true"][selected="true"] > treerow > .treecell-filename
  59   {
  60     list-style-image      : url("chrome://communicator/skin/directory/file-folder-open-sel.gif");
  61   }
  62
  63
  64 /* Show an animated icon when a directory/symlink is loading */
  65 treeitem[type="SYMBOLIC-LINK"][loading="true"] > treerow > .treecell-filename > .tree-cell-twisty,
  66 treeitem[type="DIRECTORY"][loading="true"] > treerow > treecell > .tree-cell-twisty
  67   {
  68     list-style-image      : url("chrome://global/skin/loading.gif");
  69   }
  70
  71 /* Italicize a symbolic link and make it look like a link (it can be a dir or link) */
  72 .treecell-filename[type="SYMBOLIC-LINK"]
  73   {
  74     color                 : inherit;
  75     text-decoration       : inherit;
  76     font-style            : italic;
  77   }
  78
  79 treerow
  80   {
  81     min-height            : 19px;
  82   }
  83
  84 /**
  85  * This fixes a bug. As you scroll down in a tree the computed column width
  86  * can change. That would make the columns shift durning scrolling.
  87  * So we give them inital preferred widths so they aren't computed.
  88  */
  89 #FilenameColumn {
  90   width: 100px;
  91 }
  92
  93 #ContentLengthColumn {
  94   width: 100px;
  95 }
  96
  97 #LastModColumn {
  98   width: 100px;
  99 }
 100