home *** CD-ROM | disk | FTP | other *** search
/ Chip 2002 January / 01_02.iso / software / netscape62win / skinclas.xpi / bin / chrome / classic.jar / skin / classic / communicator / directory / directory.css next >
Cascading Style Sheet File  |  2001-08-01  |  3KB  |  116 lines
  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. @import url(chrome://communicator/skin/);
  30.  
  31. /* Hide twisty for files */
  32. .treecell-indent[type="FILE"] > .tree-cell-twisty 
  33.   {
  34.     list-style-image      : none;
  35.   }
  36.  
  37. .treecell-filename
  38.   {
  39.     list-style-image      : url("chrome://communicator/skin/directory/file-icon.gif");
  40.   }  
  41.   
  42. treeitem[selected="true"] > treerow > .treecell-filename
  43.   {
  44.     list-style-image      : url("chrome://communicator/skin/directory/file-icon-sel.gif");
  45.   }
  46.   
  47. treeitem[container="true"] > treerow > .treecell-filename
  48.   {
  49.     list-style-image      : url("chrome://communicator/skin/directory/file-folder-closed.gif");
  50.   }
  51. treeitem[container="true"][selected="true"] > treerow > .treecell-filename
  52.   {
  53.     list-style-image      : url("chrome://communicator/skin/directory/file-folder-closed-sel.gif");
  54.   }
  55.  
  56. treeitem[container="true"][open="true"] > treerow > .treecell-filename
  57.   {
  58.     list-style-image      : url("chrome://communicator/skin/directory/file-folder-open.gif");
  59.   }
  60. treeitem[container="true"][open="true"][selected="true"] > treerow > .treecell-filename
  61.   {
  62.     list-style-image      : url("chrome://communicator/skin/directory/file-folder-open-sel.gif");
  63.   }
  64.   
  65.   
  66. /* Show an animated icon when a directory/symlink is loading */
  67. treeitem[type="SYMBOLIC-LINK"][loading="true"] > treerow > .treecell-filename > .tree-cell-twisty,
  68. treeitem[type="DIRECTORY"][loading="true"] > treerow > treecell > .tree-cell-twisty
  69.   {
  70.     list-style-image      : url("chrome://global/skin/loading.gif");
  71.   }
  72.  
  73. /* Italicize a symbolic link and make it look like a link (it can be a dir or link) */
  74. .treecell-filename[type="SYMBOLIC-LINK"] 
  75.   {
  76.     color                 : inherit;
  77.     text-decoration       : inherit;
  78.     font-style            : italic;
  79.   }
  80.  
  81. treerow
  82.   {
  83.     min-height            : 19px;
  84.   }
  85.  
  86. /**
  87.  * This fixes a bug. As you scroll down in a tree the computed column width
  88.  * can change. That would make the columns shift durning scrolling.
  89.  * So we give them inital preferred widths so they aren't computed.
  90.  */
  91. #FilenameColumn {
  92.   width: 100px;
  93. }
  94.  
  95. #ContentLengthColumn {
  96.   width: 100px;
  97. }
  98.  
  99. #LastModColumn {
  100.   width: 100px;
  101. }
  102.  
  103. div.server     { 
  104.   color:    blue;
  105.   display:  block; 
  106.   font-size: 10pt;
  107.   font-family: sans-serif;
  108. }
  109.  
  110. div.client     { 
  111.   color:    red;
  112.   display:  block; 
  113.   font-size: 10pt;
  114.   font-family: sans-serif;
  115. }
  116.