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 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  27
  28 /* ===== listbox.css =======================================================
  29   == Styles used by XUL listbox-related elements.
  30   ======================================================================= */
  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:focus > listitem[current="true"] {
  53   border: 1px dotted #9999CC;
  54 }
  55
  56 listbox:focus > 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: 1px 4px 0 5px;
  83 }
  84
  85 .listheader-icon {
  86   margin-right: 2px;
  87 }
  88
  89 .listheader-label {
  90   margin: 0px !important;
  91 }
  92
  93 /* ..... sort direction icon ..... */
  94
  95 .listheader-sortdirection {
  96   list-style-image: none;
  97 }
  98
  99 .listheader-sortdirection[sortDirection="ascending"] {
 100   list-style-image: url("chrome://global/skin/tree/sort-asc.gif");
 101 }
 102
 103 .listheader-sortdirection[sortDirection="descending"] {
 104   list-style-image: url("chrome://global/skin/tree/sort-desc.gif");
 105 }
 106
 107 /* ::::: listcell ::::: */
 108
 109 .listcell-label {
 110   margin: 0px !important;
 111   padding: 0px 0px 1px 4px;
 112   white-space: nowrap;
 113 }
 114
 115 .listcell-icon {
 116   margin-right: 2px;
 117 }
 118
 119 .listcell-label[disabled="true"] {
 120   color: #808080;
 121 }
 122
 123 /* ::::: listcell checkbox ::::: */
 124
 125 .listcell-check {
 126   -moz-box-align: center;
 127   margin: 0px 2px;
 128   border: 1px solid #CCD0DD;
 129   padding: 2px;
 130   min-width: 12px;
 131   min-height: 12px;
 132   background: #FFFFFF no-repeat 50% 50%;
 133 }
 134
 135 .listcell-check[checked="true"] {
 136   background-image: url("chrome://global/skin/checkbox/cbox-check.gif");
 137 }
 138
 139 .listcell-check[disabled="true"] {
 140   border-color: #808080;
 141   background-image: url("chrome://global/skin/checkbox/cbox-disabled.gif");
 142 }
 143
 144 .listcell-check[disabled="true"][checked="true"] {
 145   background-image: url("chrome://global/skin/checkbox/cbox-check-disabled.gif");
 146 }
 147