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; | |
29 | } | |
30 | ||
024ec655 | 31 | listbox:-moz-focusring > listitem[current="true"] { |
74d14f90 | 32 | border: 1px dotted #9999CC; |
33 | } | |
34 | ||
024ec655 | 35 | listbox:-moz-focusring > listitem[current="true"][selected="true"] { |
459f2165 | 36 | border: 1px dotted #666699; |
37 | } | |
38 | ||
74d14f90 | 39 | listitem[selected="true"] { |
40 | background-color: #808080; | |
41 | color: #FFFFFF; | |
42 | } | |
43 | ||
44 | listbox:focus > listitem[selected="true"] { | |
45 | background-color: #336699; | |
46 | color: #FFFFFF; | |
47 | } | |
48 | ||
49 | /* ::::: listheader ::::: */ | |
50 | ||
61af9d1c | 51 | listheader { |
74d14f90 | 52 | -moz-box-align: center; |
53 | border: 1px outset #CCD0DD; | |
54 | background-color: #CCD0DD; | |
55 | color: #000000; | |
56 | padding: 0 4px; | |
57 | } | |
58 | ||
59 | listheader[sortable="true"]:hover:active { | |
60 | border: 1px outset #CCD0DD; | |
df8c26c4 RK |
61 | padding-top: 1px; |
62 | padding-bottom: 0px; | |
63 | -moz-padding-start: 5px; | |
64 | -moz-padding-end: 4px; | |
74d14f90 | 65 | } |
66 | ||
67 | .listheader-icon { | |
8caa872d | 68 | -moz-margin-end: 2px; |
74d14f90 | 69 | } |
70 | ||
71 | .listheader-label { | |
72 | margin: 0px !important; | |
73 | } | |
74 | ||
75 | /* ..... sort direction icon ..... */ | |
76 | ||
77 | .listheader-sortdirection { | |
78 | list-style-image: none; | |
79 | } | |
80 | ||
e1597424 | 81 | .listheader-sortdirection[sortDirection="ascending"] { |
74d14f90 | 82 | list-style-image: url("chrome://global/skin/tree/sort-asc.gif"); |
83 | } | |
84 | ||
e1597424 | 85 | .listheader-sortdirection[sortDirection="descending"] { |
74d14f90 | 86 | list-style-image: url("chrome://global/skin/tree/sort-desc.gif"); |
87 | } | |
88 | ||
89 | /* ::::: listcell ::::: */ | |
90 | ||
91 | .listcell-label { | |
92 | margin: 0px !important; | |
df8c26c4 RK |
93 | padding-top: 0px; |
94 | padding-bottom: 1px; | |
95 | -moz-padding-start: 4px; | |
96 | -moz-padding-end: 0px; | |
74d14f90 | 97 | white-space: nowrap; |
98 | } | |
c8120ee9 | 99 | |
100 | .listcell-icon { | |
df8c26c4 | 101 | -moz-margin-end: 2px; |
c8120ee9 | 102 | } |
103 | ||
e1597424 | 104 | .listcell-label[disabled="true"] { |
105 | color: #808080; | |
106 | } | |
107 | ||
61af9d1c | 108 | /* ::::: listcell checkbox ::::: */ |
c8120ee9 | 109 | |
110 | .listcell-check { | |
e1597424 | 111 | -moz-box-align: center; |
c8120ee9 | 112 | margin: 0px 2px; |
113 | border: 1px solid #CCD0DD; | |
114 | padding: 2px; | |
e1597424 | 115 | min-width: 12px; |
116 | min-height: 12px; | |
117 | background: #FFFFFF no-repeat 50% 50%; | |
c8120ee9 | 118 | } |
1e32332f RK |
119 | |
120 | .listcell-check[checked="true"] { | |
121 | background-image: url("chrome://global/skin/checkbox/cbox-check.gif"); | |
122 | } |