adding/improving drag&drop highlighting on trees and cleaning up

[themes.git] / EarlyBlue / communicator / skin / directory / directory.css

/* -*- Mode: C; c-basic-offset: 2 -*-\r
 *\r
 * The contents of this file are subject to the Netscape Public\r
 * License Version 1.1 (the "License"); you may not use this file\r
 * except in compliance with the License. You may obtain a copy of\r
 * the License at http://www.mozilla.org/NPL/\r
 *\r
 * Software distributed under the License is distributed on an "AS\r
 * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or\r
 * implied. See the License for the specific language governing\r
 * rights and limitations under the License.\r
 *\r
 * The Original Code is mozilla.org code.\r
 *\r
 * The Initial Developer of the Original Code is Netscape\r
 * Communications Corporation.  Portions created by Netscape are\r
 * Copyright (C) 1998 Netscape Communications Corporation. All\r
 * Rights Reserved.\r
 *\r
 * Contributor(s): \r
 */\r
\r
/*\r
\r
  Style rules specific to the directory listing window.\r
\r
*/\r
\r
/* Hide twisty for files */\r
.treecell-indent[type="FILE"] > .tree-cell-twisty \r
  {\r
    list-style-image      : none;\r
  }\r
\r
.treecell-filename\r
  {\r
    list-style-image      : url("chrome://communicator/skin/directory/file-icon.gif");\r
  }  \r
  \r
treeitem[selected="true"] > treerow > .treecell-filename\r
  {\r
    list-style-image      : url("chrome://communicator/skin/directory/file-icon-sel.gif");\r
  }\r
  \r
treeitem[container="true"] > treerow > .treecell-filename\r
  {\r
    list-style-image      : url("chrome://communicator/skin/directory/file-folder-closed.gif");\r
  }\r
treeitem[container="true"][selected="true"] > treerow > .treecell-filename\r
  {\r
    list-style-image      : url("chrome://communicator/skin/directory/file-folder-closed-sel.gif");\r
  }\r
\r
treeitem[container="true"][open="true"] > treerow > .treecell-filename\r
  {\r
    list-style-image      : url("chrome://communicator/skin/directory/file-folder-open.gif");\r
  }\r
treeitem[container="true"][open="true"][selected="true"] > treerow > .treecell-filename\r
  {\r
    list-style-image      : url("chrome://communicator/skin/directory/file-folder-open-sel.gif");\r
  }\r
  \r
  \r
/* Show an animated icon when a directory/symlink is loading */\r
treeitem[type="SYMBOLIC-LINK"][loading="true"] > treerow > .treecell-filename > .tree-cell-twisty,\r
treeitem[type="DIRECTORY"][loading="true"] > treerow > treecell > .tree-cell-twisty\r
  {\r
    list-style-image      : url("chrome://global/skin/loading.gif");\r
  }\r
\r
/* Italicize a symbolic link and make it look like a link (it can be a dir or link) */\r
.treecell-filename[type="SYMBOLIC-LINK"] \r
  {\r
    color                 : inherit;\r
    text-decoration       : inherit;\r
    font-style            : italic;\r
  }\r
\r