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 ::::: */
16 border: 1px inset #CCD0DD;
17 background-color: #FFFFFF;
21 listbox[disabled="true"] {
25 /* ::::: listitem ::::: */
28 border: 1px solid transparent;
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;
38 listbox:-moz-focusring > listitem[current="true"] {
39 border: 1px dotted var(--listitem-focusCurrentBorder);
42 listbox:-moz-focusring > listitem[current="true"][selected="true"] {
43 border: 1px dotted var(--listitem-selectedFocusCurrentBorder);
46 listitem[selected="true"] {
47 background-color: var(--listitem-selectedBackground);
48 color: var(--listitem-selectedColor);
51 listbox:focus > listitem[selected="true"] {
52 background-color: var(--listitem-selectedFocusBackground);
53 color: var(--listitem-selectedFocusColor);
56 /* ::::: listheader ::::: */
59 -moz-box-align: center;
60 border: 1px outset #CCD0DD;
61 background-color: #CCD0DD;
66 listheader[sortable="true"]:hover:active {
67 border: 1px outset #CCD0DD;
70 padding-inline-start: 5px;
71 padding-inline-end: 4px;
75 margin-inline-end: 2px;
79 margin: 0px !important;
82 /* ..... sort direction icon ..... */
84 .listheader-sortdirection {
85 list-style-image: none;
88 .listheader-sortdirection[sortDirection="ascending"] {
89 list-style-image: url("chrome://global/skin/tree/sort-asc.gif");
92 .listheader-sortdirection[sortDirection="descending"] {
93 list-style-image: url("chrome://global/skin/tree/sort-desc.gif");
96 /* ::::: listcell ::::: */
99 margin: 0px !important;
102 padding-inline-start: 4px;
103 padding-inline-end: 0px;
108 margin-inline-end: 2px;
111 .listcell-label[disabled="true"] {
115 /* ::::: listcell checkbox ::::: */
118 -moz-box-align: center;
120 border: 1px solid #CCD0DD;
124 background: #FFFFFF no-repeat 50% 50%;
127 .listcell-check[checked="true"] {
128 background-image: url("chrome://global/skin/checkbox/cbox-check.gif");