LCARStrek/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   border-radius: 5px;
  15   margin: 1px 2px;
  16   padding: 0px;
  17   border: 1px solid #9C9CFF;
  18   background-color: #000000;
  19   color: #FF9F00;
  20 }
  21
  22 listbox[disabled="true"] {
  23   border: 1px solid #8050B0;
  24   color: #8050B0;
  25 }
  26
  27 /* ::::: listitem ::::: */
  28
  29 listitem {
  30   border: 1px solid transparent;
  31
  32   --listitem-selectedColor: #000000;
  33   --listitem-selectedBackground: #008484;
  34   --listitem-selectedFocusColor: #FFCF00;
  35   --listitem-selectedFocusBackground: var(--listitem-selectedBackground);
  36   --listitem-focusCurrentBorder: #FF9F00;
  37   --listitem-selectedFocusCurrentBorder: var(--listitem-focusCurrentBorder);
  38 }
  39
  40 listbox:-moz-focusring > listitem[current="true"] {
  41   border: 1px dotted var(--listitem-focusCurrentBorder);
  42 }
  43
  44 listbox:-moz-focusring > listitem[current="true"][selected="true"] {
  45   border: 1px dotted var(--listitem-selectedFocusCurrentBorder);
  46 }
  47
  48 listitem[selected="true"] {
  49   background-color: var(--listitem-selectedBackground);
  50   color: var(--listitem-selectedColor);
  51 }
  52
  53 listbox:focus > listitem[selected="true"] {
  54   background-color: var(--listitem-selectedFocusBackground);
  55   color: var(--listitem-selectedFocusColor);
  56 }
  57
  58 /* ::::: listheader ::::: */
  59
  60 listheader {
  61   -moz-box-align: center;
  62   border: 1px solid #FF9F00;
  63   border-left-top-radius: 3px;
  64   border-right-top-radius: 3px;
  65   background-color: #9C9CFF;
  66   color: #000000;
  67   padding: 0;
  68 }
  69
  70 listheader > treecol {
  71   -moz-border-start: none;
  72   border-top: none;
  73   border-bottom: none;
  74 }
  75
  76 listheader > treecol:last-child {
  77   -moz-border-end: none;
  78 }
  79
  80 listheader[sortable="true"]:hover:active {
  81   border: 1px solid #FF9F00;
  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: 0 4px !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: #8050B0;
 127 }
 128
 129 /* ::::: listcell checkbox ::::: */
 130
 131 .listcell-check {
 132   -moz-box-align: center;
 133   margin: 0px 2px;
 134   border: 1px solid #FF9F00;
 135   padding: 2px;
 136   min-width: 12px;
 137   min-height: 12px;
 138   background: #000000 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 listitem[type="checkbox"]:hover .listcell-check[checked="true"] {
 146   background-image: url("chrome://global/skin/checkbox/cbox-check-hover.gif");
 147 }
 148
 149 listitem[type="checkbox"]:hover .listcell-check {
 150   border-color: #FFCF00;
 151 }
 152
 153 listitem[type="checkbox"]:hover .listcell-label {
 154   color: #FFCF00;
 155 }