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
  33 listbox:-moz-focusring > listitem[current="true"] {
  34   border: 1px dotted #FF9F00;
  35 }
  36
  37 listbox:-moz-focusring > listitem[current="true"][selected="true"] {
  38   border: 1px dotted #FF9F00;
  39 }
  40
  41 listitem[selected="true"] {
  42   background-color: #008484;
  43   color: #000000;
  44 }
  45
  46 listbox:focus > listitem[selected="true"] {
  47   background-color: #008484;
  48   color: #FFCF00;
  49 }
  50
  51 /* ::::: listheader ::::: */
  52
  53 listheader {
  54   -moz-box-align: center;
  55   border: 1px solid #FF9F00;
  56   border-left-top-radius: 3px;
  57   border-right-top-radius: 3px;
  58   background-color: #9C9CFF;
  59   color: #000000;
  60   padding: 0;
  61 }
  62
  63 listheader > treecol {
  64   -moz-border-start: none;
  65   border-top: none;
  66   border-bottom: none;
  67 }
  68
  69 listheader > treecol:last-child {
  70   -moz-border-end: none;
  71 }
  72
  73 listheader[sortable="true"]:hover:active {
  74   border: 1px solid #FF9F00;
  75   padding-top: 1px;
  76   padding-bottom: 0px;
  77   -moz-padding-start: 5px;
  78   -moz-padding-end: 4px;
  79 }
  80
  81 .listheader-icon {
  82   -moz-margin-end: 2px;
  83 }
  84
  85 .listheader-label {
  86   margin: 0 4px !important;
  87 }
  88
  89 /* ..... sort direction icon ..... */
  90
  91 .listheader-sortdirection {
  92   list-style-image: none;
  93 }
  94
  95 .listheader-sortdirection[sortDirection="ascending"] {
  96   list-style-image: url("chrome://global/skin/tree/sort-asc.gif");
  97 }
  98
  99 .listheader-sortdirection[sortDirection="descending"] {
 100   list-style-image: url("chrome://global/skin/tree/sort-desc.gif");
 101 }
 102
 103 /* ::::: listcell ::::: */
 104
 105 .listcell-label {
 106   margin: 0px !important;
 107   padding-top: 0px;
 108   padding-bottom: 1px;
 109   -moz-padding-start: 4px;
 110   -moz-padding-end: 0px;
 111   white-space: nowrap;
 112 }
 113
 114 .listcell-icon {
 115   -moz-margin-end: 2px;
 116 }
 117
 118 .listcell-label[disabled="true"] {
 119   color: #8050B0;
 120 }
 121
 122 /* ::::: listcell checkbox ::::: */
 123
 124 .listcell-check {
 125   -moz-box-align: center;
 126   margin: 0px 2px;
 127   border: 1px solid #FF9F00;
 128   padding: 2px;
 129   min-width: 12px;
 130   min-height: 12px;
 131   background: #000000 no-repeat 50% 50%;
 132 }
 133
 134 .listcell-check[checked="true"] {
 135   background-image: url("chrome://global/skin/checkbox/cbox-check.gif");
 136 }
 137
 138 listitem[type="checkbox"]:hover .listcell-check[checked="true"] {
 139   background-image: url("chrome://global/skin/checkbox/cbox-check-hover.gif");
 140 }
 141
 142 listitem[type="checkbox"]:hover .listcell-check {
 143   border-color: #FFCF00;
 144 }
 145
 146 listitem[type="checkbox"]:hover .listcell-label {
 147   color: #FFCF00;
 148 }