EarlyBlue/global/listbox.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 /* ===== listbox.css =======================================================
   6   == Styles used by XUL listbox-related elements.
   7   ======================================================================= */
   8
   9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  10
  11 /* ::::: listbox ::::: */
  12
  13 listbox {
  14   margin: 1px 2px;
  15   padding: 0px;
  16   border: 1px inset #CCD0DD;
  17   background-color: #FFFFFF;
  18   color: #000000;
  19 }
  20
  21 listbox[disabled="true"] {
  22   color: #CCCCCC;
  23 }
  24
  25 /* ::::: listitem ::::: */
  26
  27 listitem {
  28   border: 1px solid transparent;
  29 }
  30
  31 listbox:-moz-focusring > listitem[current="true"] {
  32   border: 1px dotted #9999CC;
  33 }
  34
  35 listbox:-moz-focusring > listitem[current="true"][selected="true"] {
  36   border: 1px dotted #666699;
  37 }
  38
  39 listitem[selected="true"] {
  40   background-color: #808080;
  41   color: #FFFFFF;
  42 }
  43
  44 listbox:focus > listitem[selected="true"] {
  45   background-color: #336699;
  46   color: #FFFFFF;
  47 }
  48
  49 /* ::::: listheader ::::: */
  50
  51 listheader {
  52   -moz-box-align: center;
  53   border: 1px outset #CCD0DD;
  54   background-color: #CCD0DD;
  55   color: #000000;
  56   padding: 0 4px;
  57 }
  58
  59 listheader[sortable="true"]:hover:active {
  60   border: 1px outset #CCD0DD;
  61   padding-top: 1px;
  62   padding-bottom: 0px;
  63   -moz-padding-start: 5px;
  64   -moz-padding-end: 4px;
  65 }
  66
  67 .listheader-icon {
  68   -moz-margin-end: 2px;
  69 }
  70
  71 .listheader-label {
  72   margin: 0px !important;
  73 }
  74
  75 /* ..... sort direction icon ..... */
  76
  77 .listheader-sortdirection {
  78   list-style-image: none;
  79 }
  80
  81 .listheader-sortdirection[sortDirection="ascending"] {
  82   list-style-image: url("chrome://global/skin/tree/sort-asc.gif");
  83 }
  84
  85 .listheader-sortdirection[sortDirection="descending"] {
  86   list-style-image: url("chrome://global/skin/tree/sort-desc.gif");
  87 }
  88
  89 /* ::::: listcell ::::: */
  90
  91 .listcell-label {
  92   margin: 0px !important;
  93   padding-top: 0px;
  94   padding-bottom: 1px;
  95   -moz-padding-start: 4px;
  96   -moz-padding-end: 0px;
  97   white-space: nowrap;
  98 }
  99
 100 .listcell-icon {
 101   -moz-margin-end: 2px;
 102 }
 103
 104 .listcell-label[disabled="true"] {
 105   color: #808080;
 106 }
 107
 108 /* ::::: listcell checkbox ::::: */
 109
 110 .listcell-check {
 111   -moz-box-align: center;
 112   margin: 0px 2px;
 113   border: 1px solid #CCD0DD;
 114   padding: 2px;
 115   min-width: 12px;
 116   min-height: 12px;
 117   background: #FFFFFF no-repeat 50% 50%;
 118 }
 119
 120 .listcell-check[checked="true"] {
 121   background-image: url("chrome://global/skin/checkbox/cbox-check.gif");
 122 }