|
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 -moz-appearance: listbox; |
|
15 margin: 2px 4px; |
|
16 border: 2px solid; |
|
17 -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; |
|
18 -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; |
|
19 -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; |
|
20 -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; |
|
21 background-color: -moz-Field; |
|
22 color: -moz-FieldText; |
|
23 } |
|
24 |
|
25 listbox[disabled="true"] { |
|
26 color: GrayText; |
|
27 } |
|
28 |
|
29 /* ::::: listitem ::::: */ |
|
30 |
|
31 listitem { |
|
32 border: 1px solid transparent; |
|
33 } |
|
34 |
|
35 listbox:focus > listitem[selected="true"][current="true"] { |
|
36 outline: 1px dotted #F3D982; |
|
37 } |
|
38 |
|
39 listbox:focus > listitem[current="true"] { |
|
40 outline: 1px dotted Highlight; |
|
41 outline-offset: -1px; |
|
42 } |
|
43 |
|
44 listitem[selected="true"] { |
|
45 background-color: -moz-cellhighlight; |
|
46 color: -moz-cellhighlighttext; |
|
47 } |
|
48 |
|
49 listbox:focus > listitem[selected="true"] { |
|
50 background-color: Highlight; |
|
51 color: HighlightText; |
|
52 } |
|
53 |
|
54 /* ::::: listheader ::::: */ |
|
55 |
|
56 listheader { |
|
57 -moz-appearance: treeheadercell; |
|
58 -moz-box-align: center; |
|
59 border: 2px solid; |
|
60 -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow; |
|
61 -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; |
|
62 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; |
|
63 -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow; |
|
64 background-color: -moz-Dialog; |
|
65 color: -moz-DialogText; |
|
66 padding: 0 2px; |
|
67 } |
|
68 |
|
69 listheader:hover { |
|
70 color: -moz-buttonhovertext; |
|
71 } |
|
72 |
|
73 listheader[sortable="true"]:hover:active { |
|
74 color: ButtonText; |
|
75 border: 2px solid; |
|
76 -moz-border-top-colors: ThreeDShadow -moz-Dialog; |
|
77 -moz-border-right-colors: ThreeDShadow transparent; |
|
78 -moz-border-bottom-colors: ThreeDShadow transparent; |
|
79 -moz-border-left-colors: ThreeDShadow -moz-Dialog; |
|
80 padding-top: 0px; |
|
81 padding-bottom: 0px; |
|
82 -moz-padding-start: 3px; |
|
83 -moz-padding-end: 1px; |
|
84 } |
|
85 |
|
86 .listheader-icon { |
|
87 -moz-margin-end: 2px; |
|
88 } |
|
89 |
|
90 .listheader-icon[sortable="true"]:hover:active { |
|
91 -moz-margin-end: 1px; |
|
92 } |
|
93 |
|
94 .listheader-label { |
|
95 margin: 0px !important; |
|
96 } |
|
97 |
|
98 /* ..... sort direction icon ..... */ |
|
99 |
|
100 .listheader-sortdirection { |
|
101 -moz-appearance: treeheadersortarrow; |
|
102 } |
|
103 |
|
104 /* ::::: listcell ::::: */ |
|
105 |
|
106 .listcell-label { |
|
107 margin: 0px !important; |
|
108 padding-top: 0px; |
|
109 padding-bottom: 1px; |
|
110 -moz-padding-start: 4px; |
|
111 -moz-padding-end: 0px; |
|
112 white-space: nowrap; |
|
113 } |
|
114 |
|
115 .listcell-icon { |
|
116 -moz-margin-end: 2px; |
|
117 } |
|
118 |
|
119 .listcell-label[disabled="true"] { |
|
120 color: GrayText; |
|
121 } |
|
122 |
|
123 /* ::::: listcell checkbox ::::: */ |
|
124 |
|
125 .listcell-check { |
|
126 -moz-appearance: checkbox; |
|
127 -moz-box-align: center; |
|
128 margin: 0px 2px; |
|
129 border: 1px solid -moz-DialogText; |
|
130 min-width: 13px; |
|
131 min-height: 13px; |
|
132 background: -moz-Field no-repeat 50% 50%; |
|
133 } |