home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 April / Chip_2004-04_cd1.bin / tema / mozilla / skin / ieskin-0.0.3-IE5.5-skinVersion1.5.xpi / ieskin.jar / global / tree.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-01-05  |  6.5 KB  |  259 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 the XUL outline element.
  26.   ======================================================================= */
  27.  
  28. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  29.  
  30. /* ::::: tree ::::: */
  31.  
  32. tree {
  33.   margin: 0px 4px;
  34.   border: 2px solid;
  35.   -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
  36.   -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
  37.   -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
  38.   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
  39.   background-color: -moz-Field;
  40.   color: -moz-FieldText;
  41. }
  42.  
  43. /* ::::: tree rows ::::: */
  44.  
  45. treechildren:-moz-tree-row {
  46.   border: 1px solid transparent;
  47.   min-height: 18px;
  48.   height: 1.3em;
  49. }
  50.  
  51. treechildren:-moz-tree-row(selected) {
  52.   background-color: -moz-Dialog;
  53. }
  54.  
  55. treechildren:-moz-tree-row(selected, focus) {
  56.   background-color: Highlight;
  57. }
  58.  
  59. treechildren:-moz-tree-row(current, focus) {
  60.   border: 1px dotted #F5DB95;
  61. }
  62.  
  63. /* ::::: tree cells ::::: */
  64.  
  65. treechildren:-moz-tree-cell {
  66.   padding: 0px 2px 0px 2px;
  67. }
  68.  
  69. treechildren:-moz-tree-cell-text {
  70.   color: inherit;
  71. }
  72.  
  73. treechildren:-moz-tree-cell-text(selected) {
  74.   color: -moz-DialogText;
  75. }
  76.  
  77. treechildren:-moz-tree-cell-text(selected, focus) {
  78.   color: HighlightText;
  79. }
  80.  
  81.  
  82. /* ::::: lines connecting cells ::::: */
  83.  
  84. treechildren:-moz-tree-line {
  85.   border: 1px dotted ThreeDShadow;
  86. }
  87.  
  88. treechildren:-moz-tree-line(selected, focus) {
  89.   border: 1px dotted HighlightText;
  90. }
  91.  
  92.  
  93. /* ::::: tree separator ::::: */
  94.  
  95. treechildren:-moz-tree-separator {
  96.   border-top: 1px solid ThreeDShadow;
  97.   border-bottom: 1px solid ThreeDHighlight;
  98. }
  99.  
  100.  
  101. /* ::::: drop feedback ::::: */
  102.  
  103. treechildren:-moz-tree-cell-text(primary, dropOn) {
  104.   background-color: Highlight;
  105.   color: HighlightText;
  106. }
  107.  
  108. treechildren:-moz-tree-drop-feedback {
  109.   background-color: Highlight;
  110.   width: 50px;
  111.   height: 2px;
  112.   margin-left: 5px;
  113. }
  114.  
  115. /* ::::: tree progress meter ::::: */
  116.  
  117. treechildren:-moz-tree-progressmeter {
  118.   margin: 2px 4px;
  119.   border: 2px solid;
  120.   -moz-border-top-colors: ThreeDShadow -moz-Dialog;
  121.   -moz-border-right-colors: ThreeDHighlight -moz-Dialog;
  122.   -moz-border-bottom-colors: ThreeDHighlight -moz-Dialog;
  123.   -moz-border-left-colors: ThreeDShadow -moz-Dialog;
  124.   background-color: -moz-Dialog;
  125.   color: ThreeDShadow;
  126. }
  127.  
  128. treechildren:-moz-tree-progressmeter(progressUndetermined) {
  129.   list-style-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif");
  130. }
  131.  
  132. treechildren:-moz-tree-cell-text(progressmeter) {
  133.   margin: 2px 4px;
  134. }
  135.  
  136. /* ::::: tree columns ::::: */
  137.  
  138. treecol,
  139. treecolpicker { 
  140.   -moz-box-align: center;
  141.   -moz-box-pack: center;
  142.   border: 2px solid;
  143.   -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
  144.   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  145.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  146.   -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
  147.   background-color: -moz-Dialog;
  148.   color: -moz-DialogText;
  149.   padding: 0px 4px;
  150. }
  151.  
  152. .treecol-image {
  153.   padding: 0px 1px;
  154. }
  155.  
  156. .treecol-text {
  157.   margin: 0px !important;
  158. }
  159.  
  160. treecol[hideheader="true"] {
  161.   -moz-appearance: none;
  162.   border: none;
  163.   padding: 0;
  164. }
  165.  
  166. /* ..... internal box ..... */
  167.  
  168. treecol:hover:active,
  169. treecolpicker:hover:active {
  170.   border-top: 2px solid;
  171.   border-right: 1px solid;
  172.   border-bottom: 1px solid;
  173.   border-left: 2px solid;
  174.   -moz-border-top-colors: ThreeDShadow -moz-Dialog;
  175.   -moz-border-right-colors: ThreeDShadow;
  176.   -moz-border-bottom-colors: ThreeDShadow;
  177.   -moz-border-left-colors: ThreeDShadow -moz-Dialog;
  178.   padding: 1px 4px 0px 5px;
  179. }
  180.  
  181. .treecol-image:hover:active {
  182.   padding: 1px 1px 0px 2px;
  183. }
  184.  
  185. /* ::::: column drag and drop styles ::::: */
  186.  
  187. treecol[dragging="true"] {
  188.   -moz-border-top-colors: ThreeDDarkShadow transparent !important;
  189.   -moz-border-right-colors: ThreeDDarkShadow transparent!important;
  190.   -moz-border-bottom-colors: ThreeDDarkShadow transparent !important;
  191.   -moz-border-left-colors: ThreeDDarkShadow transparent !important;
  192.   background-color: ThreeDShadow !important;
  193.   color: ThreeDHighlight !important;
  194. }
  195.  
  196. treecol[insertafter="true"] {
  197.   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  198. }
  199.  
  200. treecol[insertbefore="true"] {
  201.   -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
  202. }
  203.  
  204. treechildren:-moz-tree-column(insertbefore) {
  205.   border-left: 1px solid ThreeDShadow;
  206. }
  207.  
  208. treechildren:-moz-tree-column(insertafter) {
  209.   border-right: 1px solid ThreeDShadow;
  210. }
  211.  
  212. /* ::::: sort direction indicator :::::  */
  213.  
  214. .treecol-sortdirection {
  215.   list-style-image: none;
  216. }
  217.  
  218. .treecol-sortdirection[sortDirection="ascending"] {
  219.   list-style-image: url("chrome://global/skin/tree/sort-asc.gif");
  220. }
  221.  
  222. .treecol-sortdirection[sortDirection="descending"] {
  223.   list-style-image: url("chrome://global/skin/tree/sort-dsc.gif");
  224. }
  225.  
  226. /* ::::: column picker :::::  */
  227.  
  228. .tree-columnpicker-icon {
  229.   list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
  230. }
  231.  
  232. /* ::::: twisty :::::  */
  233.  
  234. treechildren:-moz-tree-twisty {
  235.   padding-right: 4px;
  236.   padding-top: 1px;
  237.   width: 9px; /* The image's width is 9 pixels */
  238.   list-style-image: url("chrome://global/skin/tree/twisty-clsd.gif");
  239. }
  240.  
  241. treechildren:-moz-tree-twisty(open) {
  242.   width: 9px; /* The image's width is 9 pixels */
  243.   list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
  244. }
  245.  
  246. treechildren:-moz-tree-indentation {
  247.   width: 18px;
  248. }
  249.  
  250. /* ::::: gridline style ::::: */
  251.  
  252. treechildren.gridlines:-moz-tree-cell {
  253.   border-right: 1px solid GrayText;
  254.   border-bottom: 1px solid GrayText;
  255. }
  256.  
  257. treechildren.gridlines:-moz-tree-row {
  258.   border: none;
  259. }