home *** CD-ROM | disk | FTP | other *** search
/ Chip 2002 January / 01_02.iso / software / netscape62win / browser.xpi / bin / chrome / modern.jar / skin / modern / global / tree.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2001-08-01  |  5.8 KB  |  238 lines
  1. /*
  2.  * The contents of this file are subject to the Netscape Public
  3.  * License Version 1.1 (the "License"); you may not use this file
  4.  * except in compliance with the License. You may obtain a copy of
  5.  * the License at http://www.mozilla.org/NPL/
  6.  *
  7.  * Software distributed under the License is distributed on an "AS
  8.  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
  9.  * implied. See the License for the specific language governing
  10.  * rights and limitations under the License.
  11.  *
  12.  * The Original Code is Mozilla Communicator client code, released
  13.  * March 31, 1998.
  14.  *
  15.  * The Initial Developer of the Original Code is Netscape
  16.  * Communications Corporation. Portions created by Netscape are
  17.  * Copyright (C) 1998-2001 Netscape Communications Corporation. All
  18.  * Rights Reserved.
  19.  *
  20.  * Contributor(s):
  21.  *   Joe Hewitt (hewitt@netscape.com)
  22.  */
  23.  
  24. /* ===== tree.css =======================================================
  25.   == Styles used by XUL tree-related elements.
  26.   ======================================================================= */
  27.  
  28. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  29.  
  30. /* ::::: tree ::::: */
  31.  
  32. tree {
  33.   border: none;
  34.   border-spacing: 0px;
  35.   background-color: #FFFFFF;
  36. }
  37.  
  38. tree.inset {
  39.   margin: 2px 4px;
  40.   border-top: 1px solid #BEC3D3 !important;
  41.   border-right: 1px solid #F8FAFE !important;
  42.   border-bottom: 1px solid #F8FAFE !important;
  43.   border-left: 1px solid #BEC3D3 !important;
  44. }
  45.  
  46. tree.inset > .tree-container-treerows {
  47.   border: 1px solid #5D616E;
  48. }
  49.  
  50. /* ::::: treeitem ::::: */
  51.  
  52. treeitem {
  53.   list-style-image: none;
  54. }
  55.  
  56. /* ::::: treerow ::::: */
  57.  
  58. treerow {
  59.   border-right: 1px solid transparent;
  60.   border-left: 1px solid transparent;
  61. }
  62.  
  63. treeitem[selected="true"] > treerow {
  64.   background-color: #C7D0D9;
  65.   color: #000000;
  66. }
  67.  
  68. tree:focus > treechildren treeitem[selected="true"] > treerow,
  69. treeitem[dd-dropon="true"] > treerow {
  70.   background-color: #424F63;
  71.   color: #FFFFFF;
  72. }
  73.  
  74. treehead > treeitem > treerow,
  75. treehead > treerow {
  76.   border: none;
  77. }
  78.  
  79. /* :::::: treecell ::::: */
  80.  
  81. treecell { 
  82.   border-top: 1px solid transparent;
  83.   border-bottom: 1px solid transparent;
  84.   padding: 0px 0px 1px 2px;
  85.   white-space: nowrap;
  86. } 
  87.  
  88. tree:focus > treechildren treeitem[selected="true"][current="true"] > treerow > treecell {
  89.   border-top-color: #000000;
  90.   border-bottom-color: #000000;
  91. }
  92.  
  93. /* ::::: iconic treecell ::::: */
  94.  
  95. .tree-cell-icon,
  96. .tree-cell-primary-icon,
  97. .tree-cell-primary-icon-inline-edit-folder {
  98.   padding-right: 2px;
  99.   list-style-image: inherit;
  100. }
  101.  
  102. .treecell-indent > .tree-cell-primary-icon {
  103.   padding-left: 14px;
  104. }
  105.  
  106. treeitem[container="true"] > treerow > .treecell-indent > .tree-cell-primary-icon {
  107.   padding-left: 0px;
  108. }
  109.  
  110. /* :::::: header treecell ::::: */
  111.  
  112. .treecell-header,
  113. .treecell-inset-header,
  114. .treecell-header-image { 
  115.   border-left: 1px solid #EEF0F3;
  116.   border-top: 1px solid #EEF0F3;
  117.   border-right: 1px solid #63676B;
  118.   border-bottom: 1px solid #63676B;
  119.   padding: 0px;
  120.   background-color: #C7D0D9;
  121.   color: #000000;
  122. }
  123.  
  124. .treecell-header-box,
  125. .treecell-header-image-box {
  126.   border-left: 1px solid #C7D0D9;
  127.   border-top: 1px solid #C7D0D9;
  128.   border-right: 1px solid #A5ABB0;
  129.   border-bottom: 1px solid #A5ABB0;
  130. }  
  131.   
  132. .treecell-header-box {
  133.   padding: 0px 4px 0px 4px;
  134. }
  135.  
  136. .treecell-header-image-box {
  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.   border: 1px solid #A5ABB0 !important;
  144. }
  145.  
  146. .treecell-header:hover:active > .treecell-header-box,
  147. .treecell-inset-header:hover:active > .treecell-header-box,
  148. .treecell-header-image:hover:active > .treecell-header-image-box {
  149.   border-top: 1px solid transparent;
  150.   border-right: none;
  151.   border-bottom: none;
  152.   border-left: 1px solid transparent;
  153. }
  154.  
  155. .treecell-header:hover:active > .treecell-header-box,
  156. .treecell-inset-header:hover:active > .treecell-header-box {
  157.   padding: 1px 4px 0px 5px;
  158. }
  159.  
  160. .treecell-header:hover:active > .treecell-header-box,
  161. .treecell-inset-header:hover:active > .treecell-header-box {
  162.   padding: 1px 4px 0px 5px;
  163. }
  164.  
  165. .treecell-header-image:hover:active > .treecell-header-image-box {
  166.   padding: 1px 1px 0px 2px;
  167. }
  168.  
  169. .treecell-image {
  170.   padding: 0px;
  171. }
  172.  
  173. /* ::::: property list treecell ::::: */
  174.  
  175. treecell.propertylist {
  176.   border-right: 1px solid #CCCCCC;
  177.   border-bottom: 1px solid #CCCCCC;
  178.   padding-left: 5px;
  179. }
  180.  
  181. /* ::::: treecell-editable ::::: */
  182.  
  183. treerow[mode="inline-edit"] {
  184.   background-color: transparent !important;
  185. }
  186.  
  187. treerow[mode="inline-edit"] > .treecell-editable {
  188.   border: none;
  189. }
  190.  
  191. .inline-edit-cell-box {
  192.   margin-left: 2px;
  193. }
  194.  
  195. .inline-edit-cell-box[mode="edit"] {
  196.   margin-left: 0px;
  197. }
  198.  
  199. /* ::::: twisty ::::: */
  200.  
  201. .tree-cell-twisty {
  202.   -moz-user-focus: ignore;
  203.   padding-right: 2px;
  204.   list-style-image: url("chrome://global/skin/tree/twisty-clsd.gif");
  205. }
  206.  
  207. treeitem[container="true"][open="true"] > treerow > treecell > .tree-cell-twisty {
  208.   list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
  209. }
  210.  
  211. .tree-cell-twisty[disabled="true"] {
  212.   list-style-image: none;
  213. }
  214.  
  215. treeitem[empty="true"] > treerow > treecell > .tree-cell-twisty {               
  216.   visibility: hidden;
  217. }    
  218.  
  219. /* ::::: sort direction indicator ::::: */
  220.  
  221. .tree-header-sortdirection {
  222.   list-style-image: none;
  223. }
  224.  
  225. .sortDirectionIndicator[sortDirection="ascending"] > .treecell-header-box > .tree-header-sortdirection {
  226.   list-style-image: url("chrome://global/skin/tree/sort-asc.gif");
  227. }
  228.  
  229. .sortDirectionIndicator[sortDirection="descending"] > .treecell-header-box > .tree-header-sortdirection {
  230.   list-style-image: url("chrome://global/skin/tree/sort-dsc.gif");
  231. }
  232.  
  233. /* ::::: column picker ::::: */
  234.  
  235. .treecell-popup-icon {
  236.   list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
  237. }
  238.