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 #FFCF00;
  56   background-color: #9C9CFF;
  57   color: #000000;
  58   padding: 0 4px;
  59 }
  60
  61 listheader[sortable="true"]:hover:active {
  62   border: 1px solid #FFCF00;
  63   padding-top: 1px;
  64   padding-bottom: 0px;
  65   -moz-padding-start: 5px;
  66   -moz-padding-end: 4px;
  67 }
  68
  69 .listheader-icon {
  70   -moz-margin-end: 2px;
  71 }
  72
  73 .listheader-label {
  74   margin: 0px !important;
  75 }
  76
  77 /* ..... sort direction icon ..... */
  78
  79 .listheader-sortdirection {
  80   list-style-image: none;
  81 }
  82
  83 .listheader-sortdirection[sortDirection="ascending"] {
  84   list-style-image: url("chrome://global/skin/tree/sort-asc.gif");
  85 }
  86
  87 .listheader-sortdirection[sortDirection="descending"] {
  88   list-style-image: url("chrome://global/skin/tree/sort-desc.gif");
  89 }
  90
  91 /* ::::: listcell ::::: */
  92
  93 .listcell-label {
  94   margin: 0px !important;
  95   padding-top: 0px;
  96   padding-bottom: 1px;
  97   -moz-padding-start: 4px;
  98   -moz-padding-end: 0px;
  99   white-space: nowrap;
 100 }
 101
 102 .listcell-icon {
 103   -moz-margin-end: 2px;
 104 }
 105
 106 .listcell-label[disabled="true"] {
 107   color: #8050B0;
 108 }
 109
 110 /* ::::: listcell checkbox ::::: */
 111
 112 .listcell-check {
 113   -moz-box-align: center;
 114   margin: 0px 2px;
 115   border: 1px solid #FF9F00;
 116   padding: 2px;
 117   min-width: 12px;
 118   min-height: 12px;
 119   background: #000000 no-repeat 50% 50%;
 120 }
 121
 122 .listcell-check[checked="true"] {
 123   background-image: url("chrome://global/skin/checkbox/cbox-check.gif");
 124 }
 125
 126 listitem[type="checkbox"]:hover .listcell-check {
 127   border-color: #FFCF00;
 128 }
 129
 130 listitem[type="checkbox"]:hover .listcell-label {
 131   color: #FFCF00;
 132 }