EarlyBlue/global/listbox.css

   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  *   Dean Tessman (dean_tessman@hotmail.com)
  23  *   Robert Kaiser <KaiRo@KaiRo.at>
  24  */
  25
  26 /* ===== listbox.css =======================================================
  27   == Styles used by XUL listbox-related elements.
  28   ======================================================================= */
  29
  30 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  31
  32 /* ::::: listbox ::::: */
  33
  34 listbox {
  35   margin: 1px 2px;
  36   padding: 0px;
  37   border: 1px inset #CCD0DD;
  38   background-color: #FFFFFF;
  39   color: #000000;
  40 }
  41
  42 listbox[disabled="true"] {
  43   color: #CCCCCC;
  44 }
  45
  46 /* ::::: listitem ::::: */
  47
  48 listitem {
  49   border: 1px solid transparent;
  50 }
  51
  52 listbox:-moz-focusring > listitem[current="true"] {
  53   border: 1px dotted #9999CC;
  54 }
  55
  56 listbox:-moz-focusring > listitem[current="true"][selected="true"] {
  57   border: 1px dotted #666699;
  58 }
  59
  60 listitem[selected="true"] {
  61   background-color: #808080;
  62   color: #FFFFFF;
  63 }
  64
  65 listbox:focus > listitem[selected="true"] {
  66   background-color: #336699;
  67   color: #FFFFFF;
  68 }
  69
  70 /* ::::: listheader ::::: */
  71
  72 listheader {
  73   -moz-box-align: center;
  74   border: 1px outset #CCD0DD;
  75   background-color: #CCD0DD;
  76   color: #000000;
  77   padding: 0 4px;
  78 }
  79
  80 listheader[sortable="true"]:hover:active {
  81   border: 1px outset #CCD0DD;
  82   padding-top: 1px;
  83   padding-bottom: 0px;
  84   -moz-padding-start: 5px;
  85   -moz-padding-end: 4px;
  86 }
  87
  88 .listheader-icon {
  89   -moz-margin-end: 2px;
  90 }
  91
  92 .listheader-label {
  93   margin: 0px !important;
  94 }
  95
  96 /* ..... sort direction icon ..... */
  97
  98 .listheader-sortdirection {
  99   list-style-image: none;
 100 }
 101
 102 .listheader-sortdirection[sortDirection="ascending"] {
 103   list-style-image: url("chrome://global/skin/tree/sort-asc.gif");
 104 }
 105
 106 .listheader-sortdirection[sortDirection="descending"] {
 107   list-style-image: url("chrome://global/skin/tree/sort-desc.gif");
 108 }
 109
 110 /* ::::: listcell ::::: */
 111
 112 .listcell-label {
 113   margin: 0px !important;
 114   padding-top: 0px;
 115   padding-bottom: 1px;
 116   -moz-padding-start: 4px;
 117   -moz-padding-end: 0px;
 118   white-space: nowrap;
 119 }
 120
 121 .listcell-icon {
 122   -moz-margin-end: 2px;
 123 }
 124
 125 .listcell-label[disabled="true"] {
 126   color: #808080;
 127 }
 128
 129 /* ::::: listcell checkbox ::::: */
 130
 131 .listcell-check {
 132   -moz-box-align: center;
 133   margin: 0px 2px;
 134   border: 1px solid #CCD0DD;
 135   padding: 2px;
 136   min-width: 12px;
 137   min-height: 12px;
 138   background: #FFFFFF no-repeat 50% 50%;
 139 }
 140
 141 .listcell-check[checked="true"] {
 142   background-image: url("chrome://global/skin/checkbox/cbox-check.gif");
 143 }
 144
 145 .listcell-check[disabled="true"] {
 146   border-color: #808080;
 147   background-image: url("chrome://global/skin/checkbox/cbox-disabled.gif");
 148 }
 149
 150 .listcell-check[disabled="true"][checked="true"] {
 151   background-image: url("chrome://global/skin/checkbox/cbox-check-disabled.gif");
 152 }
 153