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   --listitem-selectedColor: #FFFFFF;
  31   --listitem-selectedBackground: #808080;
  32   --listitem-selectedFocusColor: var(--listitem-selectedColor);
  33   --listitem-selectedFocusBackground: #336699;
  34   --listitem-focusCurrentBorder: #6666CC;
  35   --listitem-selectedFocusCurrentBorder: #666699;
  36 }
  37
  38 listbox:-moz-focusring > listitem[current="true"] {
  39   border: 1px dotted var(--listitem-focusCurrentBorder);
  40 }
  41
  42 listbox:-moz-focusring > listitem[current="true"][selected="true"] {
  43   border: 1px dotted var(--listitem-selectedFocusCurrentBorder);
  44 }
  45
  46 listitem[selected="true"] {
  47   background-color: var(--listitem-selectedBackground);
  48   color: var(--listitem-selectedColor);
  49 }
  50
  51 listbox:focus > listitem[selected="true"] {
  52   background-color: var(--listitem-selectedFocusBackground);
  53   color: var(--listitem-selectedFocusColor);
  54 }
  55
  56 /* ::::: listheader ::::: */
  57
  58 listheader {
  59   -moz-box-align: center;
  60   border: 1px outset #CCD0DD;
  61   background-color: #CCD0DD;
  62   color: #000000;
  63   padding: 0 4px;
  64 }
  65
  66 listheader[sortable="true"]:hover:active {
  67   border: 1px outset #CCD0DD;
  68   padding-top: 1px;
  69   padding-bottom: 0px;
  70   padding-inline-start: 5px;
  71   padding-inline-end: 4px;
  72 }
  73
  74 .listheader-icon {
  75   margin-inline-end: 2px;
  76 }
  77
  78 .listheader-label {
  79   margin: 0px !important;
  80 }
  81
  82 /* ..... sort direction icon ..... */
  83
  84 .listheader-sortdirection {
  85   list-style-image: none;
  86 }
  87
  88 .listheader-sortdirection[sortDirection="ascending"] {
  89   list-style-image: url("chrome://global/skin/tree/sort-asc.gif");
  90 }
  91
  92 .listheader-sortdirection[sortDirection="descending"] {
  93   list-style-image: url("chrome://global/skin/tree/sort-desc.gif");
  94 }
  95
  96 /* ::::: listcell ::::: */
  97
  98 .listcell-label {
  99   margin: 0px !important;
 100   padding-top: 0px;
 101   padding-bottom: 1px;
 102   padding-inline-start: 4px;
 103   padding-inline-end: 0px;
 104   white-space: nowrap;
 105 }
 106
 107 .listcell-icon {
 108   margin-inline-end: 2px;
 109 }
 110
 111 .listcell-label[disabled="true"] {
 112   color: #808080;
 113 }
 114
 115 /* ::::: listcell checkbox ::::: */
 116
 117 .listcell-check {
 118   -moz-box-align: center;
 119   margin: 0px 2px;
 120   border: 1px solid #CCD0DD;
 121   padding: 2px;
 122   min-width: 12px;
 123   min-height: 12px;
 124   background: #FFFFFF no-repeat 50% 50%;
 125 }
 126
 127 .listcell-check[checked="true"] {
 128   background-image: url("chrome://global/skin/checkbox/cbox-check.gif");
 129 }