home *** CD-ROM | disk | FTP | other *** search
/ GameStar 2005 October / Gamestar_77_2005-10_dvd.iso / Programy / nsb-install-8-0.exe / chrome / fusion.jar / skin / fusion / global / tree.css < prev    next >
Cascading Style Sheet File  |  2005-07-29  |  8KB  |  295 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.   -moz-appearance: listbox;
  42. }
  43.  
  44. /* ::::: tree rows ::::: */
  45.  
  46. treechildren::-moz-tree-row {
  47.   border: 1px solid transparent;
  48.   min-height: 18px;
  49.   height: 1.3em;
  50. }
  51.  
  52. treechildren::-moz-tree-row(selected) {
  53.   background-color: -moz-Dialog;
  54. }
  55.  
  56. treechildren::-moz-tree-row(selected, focus) {
  57.   background-color: Highlight;
  58. }
  59.  
  60. treechildren::-moz-tree-row(current, focus) {
  61.   border: 1px dotted #F5DB95;
  62. }
  63.  
  64. /* ::::: tree cells ::::: */
  65.  
  66. treechildren::-moz-tree-cell {
  67.   padding: 0px 2px 0px 2px;
  68. }
  69.  
  70. treechildren::-moz-tree-cell-text {
  71.   color: inherit;
  72. }
  73.  
  74. treechildren::-moz-tree-cell-text(selected) {
  75.   color: -moz-DialogText;
  76. }
  77.  
  78. treechildren::-moz-tree-cell-text(selected, focus) {
  79.   color: HighlightText;
  80. }
  81.  
  82.  
  83. /* ::::: lines connecting cells ::::: */
  84.  
  85. treechildren::-moz-tree-line {
  86.   border: 1px dotted ThreeDShadow;
  87. }
  88.  
  89. treechildren::-moz-tree-line(selected, focus) {
  90.   border: 1px dotted HighlightText;
  91. }
  92.  
  93.  
  94. /* ::::: tree separator ::::: */
  95.  
  96. treechildren::-moz-tree-separator {
  97.   border-top: 1px solid ThreeDShadow;
  98.   border-bottom: 1px solid ThreeDHighlight;
  99. }
  100.  
  101.  
  102. /* ::::: drop feedback ::::: */
  103.  
  104. treechildren::-moz-tree-cell-text(primary, dropOn) {
  105.   background-color: Highlight;
  106.   color: HighlightText;
  107. }
  108.  
  109. treechildren::-moz-tree-drop-feedback {
  110.   background-color: Highlight;
  111.   width: 50px;
  112.   height: 2px;
  113.   margin-left: 5px;
  114. }
  115.  
  116. /* ::::: tree progress meter ::::: */
  117.  
  118. treechildren::-moz-tree-progressmeter {
  119.   margin: 2px 4px;
  120.   border: 2px solid;
  121.   -moz-border-top-colors: ThreeDShadow -moz-Dialog;
  122.   -moz-border-right-colors: ThreeDHighlight -moz-Dialog;
  123.   -moz-border-bottom-colors: ThreeDHighlight -moz-Dialog;
  124.   -moz-border-left-colors: ThreeDShadow -moz-Dialog;
  125.   background-color: -moz-Dialog;
  126.   color: ThreeDShadow;
  127. }
  128.  
  129. treechildren::-moz-tree-progressmeter(progressUndetermined) {
  130.   list-style-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif");
  131. }
  132.  
  133. treechildren::-moz-tree-cell-text(progressmeter) {
  134.   margin: 2px 4px;
  135. }
  136.  
  137. /* ::::: tree columns ::::: */
  138.  
  139. treecol,
  140. treecolpicker {
  141.   -moz-appearance: treeheadercell;
  142.   -moz-box-align: center;
  143.   -moz-box-pack: center;
  144.   border: 2px solid;
  145.   -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
  146.   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  147.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  148.   -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
  149.   background-color: -moz-Dialog;
  150.   color: -moz-DialogText;
  151.   padding: 0px 4px;
  152. }
  153.  
  154. .treecol-image {
  155.   padding: 0px 1px;
  156. }
  157.  
  158. .treecol-text {
  159.   margin: 0px !important;
  160. }
  161.  
  162. treecol[hideheader="true"] {
  163.   -moz-appearance: none;
  164.   border: none;
  165.   padding: 0;
  166. }
  167.  
  168. /* ..... internal box ..... */
  169.  
  170. treecol:hover:active,
  171. treecolpicker:hover:active {
  172.   border-top: 2px solid;
  173.   border-right: 1px solid;
  174.   border-bottom: 1px solid;
  175.   border-left: 2px solid;
  176.   -moz-border-top-colors: ThreeDShadow -moz-Dialog;
  177.   -moz-border-right-colors: ThreeDShadow;
  178.   -moz-border-bottom-colors: ThreeDShadow;
  179.   -moz-border-left-colors: ThreeDShadow -moz-Dialog;
  180.   padding: 1px 4px 0px 5px;
  181. }
  182.  
  183. .treecol-image:hover:active {
  184.   padding: 1px 1px 0px 2px;
  185. }
  186.  
  187. /* ::::: column drag and drop styles ::::: */
  188.  
  189. treecol[dragging="true"] {
  190.   -moz-border-top-colors: ThreeDDarkShadow transparent !important;
  191.   -moz-border-right-colors: ThreeDDarkShadow transparent!important;
  192.   -moz-border-bottom-colors: ThreeDDarkShadow transparent !important;
  193.   -moz-border-left-colors: ThreeDDarkShadow transparent !important;
  194.   background-color: ThreeDShadow !important;
  195.   color: ThreeDHighlight !important;
  196. }
  197.  
  198. treecol[insertafter="true"] {
  199.   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  200. }
  201.  
  202. treecol[insertbefore="true"] {
  203.   -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
  204. }
  205.  
  206. treechildren::-moz-tree-column(insertbefore) {
  207.   border-left: 1px solid ThreeDShadow;
  208. }
  209.  
  210. treechildren::-moz-tree-column(insertafter) {
  211.   border-right: 1px solid ThreeDShadow;
  212. }
  213.  
  214. /* ::::: sort direction indicator :::::  */
  215.  
  216. .treecol-sortdirection {
  217.   list-style-image: none;
  218. }
  219.  
  220. treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="ascending"] {
  221.   list-style-image: url("chrome://global/skin/tree/sort-asc.gif");
  222. }
  223.  
  224. treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="descending"] {
  225.   list-style-image: url("chrome://global/skin/tree/sort-dsc.gif");
  226. }
  227.  
  228. /* ::::: column picker :::::  */
  229.  
  230. .tree-columnpicker-icon {
  231.   list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
  232. }
  233.  
  234. /* ::::: twisty :::::  */
  235.  
  236. treechildren::-moz-tree-twisty {
  237.   padding-right: 4px;
  238.   padding-top: 1px;
  239.   width: 9px; /* The image's width is 9 pixels */
  240.   list-style-image: url("chrome://global/skin/tree/twisty-clsd.png");
  241. }
  242.  
  243. treechildren::-moz-tree-twisty(open) {
  244.   width: 9px; /* The image's width is 9 pixels */
  245.   list-style-image: url("chrome://global/skin/tree/twisty-open.png");
  246. }
  247.  
  248. treechildren::-moz-tree-indentation {
  249.   width: 18px;
  250. }
  251.  
  252. /* ::::: gridline style ::::: */
  253.  
  254. treechildren.gridlines::-moz-tree-cell {
  255.   border-right: 1px solid transparent !important;
  256.   border-bottom: 1px solid transparent !important;
  257. }
  258.  
  259. treechildren.gridlines::-moz-tree-row {
  260.   border: none;
  261. }
  262.  
  263. treechildren::-moz-tree-image(Name) {
  264.   padding-right: 2px;
  265. }
  266.  
  267. treechildren::-moz-tree-image(Name) {
  268.   margin: 0px 2px;
  269.   list-style-image: url("chrome://global/skin/icons/bookmark-item.gif") !important;
  270. }
  271.  
  272. treechildren::-moz-tree-image(Name, container) {
  273.   list-style-image: url("chrome://global/skin/icons/bookmark-folder-closed.gif") !important;
  274. }
  275.  
  276. treechildren::-moz-tree-image(Name, open) {
  277.   list-style-image: url("chrome://global/skin/icons/bookmark-folder-open.gif") !important;
  278. }
  279.  
  280. treechildren::-moz-tree-image(Name, separator) {
  281.   list-style-image: none;
  282.   width: 0px !important;
  283.   height: 0px !important;
  284.   margin: 0px 0px;
  285. }
  286.  
  287. treechildren::-moz-tree-cell-text(Name, separator) {
  288.   color: ThreeDShadow;
  289.   margin: 0px 5px 0px 5px;
  290. }
  291.  
  292. treechildren::-moz-tree-cell-text(Name, separator, selected, focus) {
  293.   color: HighlightText;
  294. }
  295.