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 / listbox.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-01-05  |  4.0 KB  |  150 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. /* ===== listbox.css =======================================================
  25.   == Styles used by XUL listbox-related elements.
  26.   ======================================================================= */
  27.  
  28. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  29.  
  30. /* ::::: listbox ::::: */
  31.  
  32. listbox {
  33.   margin: 2px 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. /* ::::: listitem ::::: */
  44.  
  45. listitem {
  46.   border: 1px solid transparent;
  47. }
  48.  
  49. listbox:focus > listitem[selected="true"][current="true"] {
  50.   border: 1px dotted #F5DB95;
  51. }
  52.  
  53. listitem[selected="true"] {
  54.   background-color: -moz-Dialog;
  55.   color: -moz-DialogText;
  56. }
  57.  
  58. listbox:focus > listitem[selected="true"] {
  59.   background-color: Highlight;
  60.   color: HighlightText;
  61. }
  62.  
  63. /* ::::: listheader ::::: */
  64.  
  65. listheader { 
  66.   -moz-box-align: center;
  67.   border: 2px solid;
  68.   -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
  69.   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  70.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  71.   -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
  72.   background-color: -moz-Dialog;
  73.   color: -moz-DialogText;
  74.   padding: 0 4px;
  75. }
  76.  
  77. listheader[sortable="true"]:hover:active {
  78.   border-top: 2px solid;
  79.   border-right: 1px solid;
  80.   border-bottom: 1px solid;
  81.   border-left: 2px solid;
  82.   -moz-border-top-colors: ThreeDShadow -moz-Dialog;
  83.   -moz-border-right-colors: ThreeDShadow;
  84.   -moz-border-bottom-colors: ThreeDShadow;
  85.   -moz-border-left-colors: ThreeDShadow -moz-Dialog;
  86.   padding: 1px 4px 0 5px;
  87. }
  88.  
  89. .listheader-icon {
  90.   margin-right: 2px;
  91. }
  92.  
  93. .listheader-label {
  94.   margin: 0px !important;
  95. }
  96.  
  97. /* ..... sort direction icon ..... */
  98.  
  99. .listheader-sortdirection {
  100.   list-style-image: none;
  101. }
  102.  
  103. .listheader-sortdirection[sortDirection="ascending"] {
  104.   list-style-image: url("chrome://global/skin/tree/sort-asc.gif");
  105. }
  106.  
  107. .listheader-sortdirection[sortDirection="descending"] {
  108.   list-style-image: url("chrome://global/skin/tree/sort-dsc.gif");
  109. }
  110.  
  111. /* ::::: listcell ::::: */
  112.  
  113. .listcell-label {
  114.   margin: 0px !important;
  115.   padding: 0px 0px 1px 4px;
  116.   white-space: nowrap;
  117. }
  118.  
  119. .listcell-icon {
  120.   margin-right: 2px;
  121. }
  122.  
  123. .listcell-label[disabled="true"] {
  124.   color: GrayText;
  125. }
  126.  
  127. /* ::::: listcell checkbox ::::: */
  128.  
  129. .listcell-check {
  130.   -moz-appearance: checkbox;
  131.   -moz-box-align: center;
  132.   margin: 0px 2px;
  133.   border: 1px solid -moz-DialogText;
  134.   min-width: 13px;
  135.   min-height: 13px;
  136.   background: -moz-Field no-repeat 50% 50%;
  137. }
  138.  
  139. .listcell-check[checked="true"] {
  140.   background-image: url("chrome://global/skin/checkbox/cbox-check.gif");
  141. }
  142.  
  143. .listcell-check[disabled="true"] {
  144.   border-color: GrayText;
  145.   background-image: url("chrome://global/skin/checkbox/cbox-dis.gif");
  146. }
  147.  
  148. .listcell-check[disabled="true"][checked="true"] {
  149.   background-image: url("chrome://global/skin/checkbox/cbox-check-dis.gif");
  150. }