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