Commit | Line | Data |
---|---|---|
9099c61d RK |
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/. */ | |
74d14f90 | 4 | |
74d14f90 | 5 | /* ===== listbox.css ======================================================= |
6 | == Styles used by XUL listbox-related elements. | |
7 | ======================================================================= */ | |
8 | ||
df8c26c4 RK |
9 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
10 | ||
74d14f90 | 11 | /* ::::: listbox ::::: */ |
12 | ||
13 | listbox { | |
e1597424 | 14 | margin: 1px 2px; |
15 | padding: 0px; | |
74d14f90 | 16 | border: 1px inset #CCD0DD; |
17 | background-color: #FFFFFF; | |
18 | color: #000000; | |
19 | } | |
20 | ||
61af9d1c | 21 | listbox[disabled="true"] { |
22 | color: #CCCCCC; | |
23 | } | |
24 | ||
74d14f90 | 25 | /* ::::: listitem ::::: */ |
26 | ||
27 | listitem { | |
28 | border: 1px solid transparent; | |
d471380e RK |
29 | |
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; | |
74d14f90 | 36 | } |
37 | ||
024ec655 | 38 | listbox:-moz-focusring > listitem[current="true"] { |
d471380e | 39 | border: 1px dotted var(--listitem-focusCurrentBorder); |
74d14f90 | 40 | } |
41 | ||
024ec655 | 42 | listbox:-moz-focusring > listitem[current="true"][selected="true"] { |
d471380e | 43 | border: 1px dotted var(--listitem-selectedFocusCurrentBorder); |
459f2165 | 44 | } |
45 | ||
74d14f90 | 46 | listitem[selected="true"] { |
d471380e RK |
47 | background-color: var(--listitem-selectedBackground); |
48 | color: var(--listitem-selectedColor); | |
74d14f90 | 49 | } |
50 | ||
51 | listbox:focus > listitem[selected="true"] { | |
d471380e RK |
52 | background-color: var(--listitem-selectedFocusBackground); |
53 | color: var(--listitem-selectedFocusColor); | |
74d14f90 | 54 | } |
55 | ||
56 | /* ::::: listheader ::::: */ | |
57 | ||
61af9d1c | 58 | listheader { |
74d14f90 | 59 | -moz-box-align: center; |
60 | border: 1px outset #CCD0DD; | |
61 | background-color: #CCD0DD; | |
62 | color: #000000; | |
63 | padding: 0 4px; | |
64 | } | |
65 | ||
66 | listheader[sortable="true"]:hover:active { | |
67 | border: 1px outset #CCD0DD; | |
df8c26c4 RK |
68 | padding-top: 1px; |
69 | padding-bottom: 0px; | |
70 | -moz-padding-start: 5px; | |
71 | -moz-padding-end: 4px; | |
74d14f90 | 72 | } |
73 | ||
74 | .listheader-icon { | |
8caa872d | 75 | -moz-margin-end: 2px; |
74d14f90 | 76 | } |
77 | ||
78 | .listheader-label { | |
79 | margin: 0px !important; | |
80 | } | |
81 | ||
82 | /* ..... sort direction icon ..... */ | |
83 | ||
84 | .listheader-sortdirection { | |
85 | list-style-image: none; | |
86 | } | |
87 | ||
e1597424 | 88 | .listheader-sortdirection[sortDirection="ascending"] { |
74d14f90 | 89 | list-style-image: url("chrome://global/skin/tree/sort-asc.gif"); |
90 | } | |
91 | ||
e1597424 | 92 | .listheader-sortdirection[sortDirection="descending"] { |
74d14f90 | 93 | list-style-image: url("chrome://global/skin/tree/sort-desc.gif"); |
94 | } | |
95 | ||
96 | /* ::::: listcell ::::: */ | |
97 | ||
98 | .listcell-label { | |
99 | margin: 0px !important; | |
df8c26c4 RK |
100 | padding-top: 0px; |
101 | padding-bottom: 1px; | |
102 | -moz-padding-start: 4px; | |
103 | -moz-padding-end: 0px; | |
74d14f90 | 104 | white-space: nowrap; |
105 | } | |
c8120ee9 | 106 | |
107 | .listcell-icon { | |
df8c26c4 | 108 | -moz-margin-end: 2px; |
c8120ee9 | 109 | } |
110 | ||
e1597424 | 111 | .listcell-label[disabled="true"] { |
112 | color: #808080; | |
113 | } | |
114 | ||
61af9d1c | 115 | /* ::::: listcell checkbox ::::: */ |
c8120ee9 | 116 | |
117 | .listcell-check { | |
e1597424 | 118 | -moz-box-align: center; |
c8120ee9 | 119 | margin: 0px 2px; |
120 | border: 1px solid #CCD0DD; | |
121 | padding: 2px; | |
e1597424 | 122 | min-width: 12px; |
123 | min-height: 12px; | |
124 | background: #FFFFFF no-repeat 50% 50%; | |
c8120ee9 | 125 | } |
1e32332f RK |
126 | |
127 | .listcell-check[checked="true"] { | |
128 | background-image: url("chrome://global/skin/checkbox/cbox-check.gif"); | |
129 | } |