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/. */
5 /* ===== listbox.css =======================================================
6 == Styles used by XUL listbox-related elements.
7 ======================================================================= */
9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
11 /* ::::: listbox ::::: */
17 border: 1px solid #9C9CFF;
18 background-color: #000000;
22 listbox[disabled="true"] {
23 border: 1px solid #8050B0;
27 /* ::::: listitem ::::: */
30 border: 1px solid transparent;
33 listbox:-moz-focusring > listitem[current="true"] {
34 border: 1px dotted #FF9F00;
37 listbox:-moz-focusring > listitem[current="true"][selected="true"] {
38 border: 1px dotted #FF9F00;
41 listitem[selected="true"] {
42 background-color: #008484;
46 listbox:focus > listitem[selected="true"] {
47 background-color: #008484;
51 /* ::::: 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;
63 listheader > treecol {
64 -moz-border-start: none;
69 listheader > treecol:last-child {
70 -moz-border-end: none;
73 listheader[sortable="true"]:hover:active {
74 border: 1px solid #FF9F00;
77 -moz-padding-start: 5px;
78 -moz-padding-end: 4px;
86 margin: 0 4px !important;
89 /* ..... sort direction icon ..... */
91 .listheader-sortdirection {
92 list-style-image: none;
95 .listheader-sortdirection[sortDirection="ascending"] {
96 list-style-image: url("chrome://global/skin/tree/sort-asc.gif");
99 .listheader-sortdirection[sortDirection="descending"] {
100 list-style-image: url("chrome://global/skin/tree/sort-desc.gif");
103 /* ::::: listcell ::::: */
106 margin: 0px !important;
109 -moz-padding-start: 4px;
110 -moz-padding-end: 0px;
115 -moz-margin-end: 2px;
118 .listcell-label[disabled="true"] {
122 /* ::::: listcell checkbox ::::: */
125 -moz-box-align: center;
127 border: 1px solid #FF9F00;
131 background: #000000 no-repeat 50% 50%;
134 .listcell-check[checked="true"] {
135 background-image: url("chrome://global/skin/checkbox/cbox-check.gif");
138 listitem[type="checkbox"]:hover .listcell-check[checked="true"] {
139 background-image: url("chrome://global/skin/checkbox/cbox-check-hover.gif");
142 listitem[type="checkbox"]:hover .listcell-check {
143 border-color: #FFCF00;
146 listitem[type="checkbox"]:hover .listcell-label {