|
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 4px; |
|
67 } |
|
68 |
|
69 listheader[sortable="true"]:hover:active { |
|
70 border-top: 2px solid; |
|
71 border-right: 1px solid; |
|
72 border-bottom: 1px solid; |
|
73 border-left: 2px solid; |
|
74 -moz-border-top-colors: ThreeDShadow -moz-Dialog; |
|
75 -moz-border-right-colors: ThreeDShadow; |
|
76 -moz-border-bottom-colors: ThreeDShadow; |
|
77 -moz-border-left-colors: ThreeDShadow -moz-Dialog; |
|
78 padding-top: 1px; |
|
79 padding-bottom: 0px; |
|
80 -moz-padding-start: 5px; |
|
81 -moz-padding-end: 4px; |
|
82 } |
|
83 |
|
84 .listheader-icon { |
|
85 -moz-margin-end: 2px; |
|
86 } |
|
87 |
|
88 .listheader-label { |
|
89 margin: 0px !important; |
|
90 } |
|
91 |
|
92 /* ..... sort direction icon ..... */ |
|
93 |
|
94 .listheader-sortdirection { |
|
95 list-style-image: none; |
|
96 } |
|
97 |
|
98 .listheader-sortdirection[sortDirection="ascending"] { |
|
99 list-style-image: url("chrome://global/skin/tree/sort-asc.png"); |
|
100 } |
|
101 |
|
102 .listheader-sortdirection[sortDirection="ascending"]:-moz-system-metric(windows-classic) { |
|
103 list-style-image: url("chrome://global/skin/tree/sort-asc-classic.png"); |
|
104 } |
|
105 |
|
106 .listheader-sortdirection[sortDirection="descending"] { |
|
107 list-style-image: url("chrome://global/skin/tree/sort-dsc.png"); |
|
108 } |
|
109 |
|
110 .listheader-sortdirection[sortDirection="descending"]:-moz-system-metric(windows-classic) { |
|
111 list-style-image: url("chrome://global/skin/tree/sort-dsc-classic.png"); |
|
112 } |
|
113 |
|
114 /* ::::: listcell ::::: */ |
|
115 |
|
116 .listcell-label { |
|
117 margin: 0px !important; |
|
118 padding-top: 0px; |
|
119 padding-bottom: 1px; |
|
120 -moz-padding-start: 4px; |
|
121 -moz-padding-end: 0px; |
|
122 white-space: nowrap; |
|
123 } |
|
124 |
|
125 .listcell-icon { |
|
126 -moz-margin-end: 2px; |
|
127 } |
|
128 |
|
129 .listcell-label[disabled="true"] { |
|
130 color: GrayText; |
|
131 } |
|
132 |
|
133 /* ::::: listcell checkbox ::::: */ |
|
134 |
|
135 .listcell-check { |
|
136 -moz-appearance: checkbox; |
|
137 -moz-box-align: center; |
|
138 margin: 0px 2px; |
|
139 border: 1px solid -moz-DialogText; |
|
140 min-width: 13px; |
|
141 min-height: 13px; |
|
142 background: -moz-Field no-repeat 50% 50%; |
|
143 } |