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/. */ | |
128000f4 | 4 | |
5 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); | |
74d14f90 | 6 | @namespace html url("http://www.w3.org/1999/xhtml"); |
f6e0a33f | 7 | |
74d14f90 | 8 | /* ===== autocomplete.css ================================================= |
9 | == Styles used by the autocomplete widget. | |
10 | ======================================================================= */ | |
f6e0a33f | 11 | |
df8c26c4 RK |
12 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
13 | @namespace html url("http://www.w3.org/1999/xhtml"); | |
14 | ||
74d14f90 | 15 | /* ::::: autocomplete ::::: */ |
f6e0a33f | 16 | |
7862e6ee RK |
17 | /* .padded is used by autocomplete widgets that don't have an icon. Gross. -dwh */ |
18 | textbox:not(.padded) { | |
c9b2b3ef | 19 | cursor: default; |
20 | padding: 0px; | |
21 | } | |
f6e0a33f | 22 | |
7862e6ee RK |
23 | textbox[nomatch="true"][highlightnonmatches="true"] { |
24 | color: red; | |
df8c26c4 RK |
25 | } |
26 | ||
27 | .autocomplete-textbox-container { | |
28 | -moz-box-align: center; | |
29 | } | |
30 | ||
7862e6ee RK |
31 | textbox:not(.padded) .textbox-input-box { |
32 | margin: 0 3px; | |
570c53ea RK |
33 | } |
34 | ||
74d14f90 | 35 | .textbox-input-box { |
74d14f90 | 36 | -moz-box-align: center; |
37 | } | |
f6e0a33f | 38 | |
39 | /* ::::: history button ::::: */ | |
40 | ||
74d14f90 | 41 | .autocomplete-history-dropmarker { |
74d14f90 | 42 | min-width: 15px; |
e68e2f2b | 43 | min-height: 19px; |
74d14f90 | 44 | background-color: #9999CC; |
74d14f90 | 45 | } |
46 | ||
47 | .autocomplete-history-dropmarker[open="true"] { | |
48 | border: 1px inset #CCD0DD; | |
02920d2b RK |
49 | padding-top: 2px; |
50 | padding-bottom: 0; | |
51 | -moz-padding-start: 2px; | |
52 | -moz-padding-end: 0; | |
74d14f90 | 53 | } |
f6e0a33f | 54 | |
55 | /* ::::: autocomplete popups ::::: */ | |
56 | ||
56029caf | 57 | panel[type="autocomplete"], |
ecb2fda9 | 58 | panel[type="autocomplete-richlistbox"], |
74d14f90 | 59 | .autocomplete-history-popup { |
60 | border: 1px solid #9999CC; | |
d471380e RK |
61 | background-color: #FFFFFF; |
62 | color: #000000; | |
74d14f90 | 63 | padding: 0; |
64 | } | |
f6e0a33f | 65 | |
74d14f90 | 66 | .autocomplete-history-popup { |
e68e2f2b | 67 | max-height: 25em; |
74d14f90 | 68 | } |
f6e0a33f | 69 | |
e1597424 | 70 | /* ::::: tree ::::: */ |
f6e0a33f | 71 | |
e1597424 | 72 | .autocomplete-tree { |
74d14f90 | 73 | border: none; |
74 | background-color: transparent !important; | |
75 | } | |
f6e0a33f | 76 | |
e1597424 | 77 | .autocomplete-treecol { |
74d14f90 | 78 | margin: 0px !important; |
79 | border: none !important; | |
80 | padding: 0px !important; | |
81 | } | |
f6e0a33f | 82 | |
6c5a63bb RK |
83 | /* GTK calculates space for a sort arrow */ |
84 | .autocomplete-treecol > .treecol-sortdirection { | |
85 | -moz-appearance: none !important; | |
86 | } | |
87 | ||
a1f525f0 | 88 | .autocomplete-treebody::-moz-tree-cell-text { |
8caa872d | 89 | -moz-padding-start: 8px; |
74d14f90 | 90 | } |
f6e0a33f | 91 | |
df8c26c4 RK |
92 | .autocomplete-treebody::-moz-tree-row(selected) { |
93 | background-color: #336699; | |
94 | } | |
95 | ||
96 | .autocomplete-treebody::-moz-tree-cell-text(selected) { | |
97 | color: white !important; | |
98 | } | |
99 | ||
6c5a63bb RK |
100 | .autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue) { |
101 | max-width: 16px; | |
102 | height: 16px; | |
103 | } | |
104 | ||
ecb2fda9 RK |
105 | /* ::::: richlistbox autocomplete ::::: */ |
106 | ||
107 | .autocomplete-richlistbox { | |
ecb2fda9 | 108 | margin: 0; |
ecb2fda9 RK |
109 | } |
110 | ||
6c5a63bb RK |
111 | .autocomplete-richlistbox > scrollbox { |
112 | overflow-x: hidden !important; | |
113 | } | |
114 | ||
71a617ff RK |
115 | .autocomplete-richlistitem { |
116 | padding: 1px 2px; | |
117 | } | |
118 | ||
6c5a63bb | 119 | .autocomplete-richlistitem[selected="true"] { |
ecb2fda9 RK |
120 | background-color: #336699; |
121 | color: white; | |
122 | } | |
123 | ||
ca710c53 RK |
124 | .autocomplete-richlistitem:not(:first-child) { |
125 | border-top: 1px solid #666699; | |
ecb2fda9 RK |
126 | } |
127 | ||
e82e1bf4 RK |
128 | .ac-title-box { |
129 | } | |
130 | ||
131 | .ac-url-box { | |
132 | /* When setting a vertical margin here, half of that needs to be added | |
133 | .ac-title-box's translateY for when .ac-url-box is hidden (see below). */ | |
134 | /* margin: 1px 0 4px;*/ | |
135 | } | |
136 | ||
137 | .autocomplete-richlistitem[actiontype="keyword"] .ac-url-box, | |
138 | .autocomplete-richlistitem[actiontype="searchengine"] .ac-url-box, | |
139 | .autocomplete-richlistitem[actiontype="visiturl"] .ac-url-box, | |
140 | .autocomplete-richlistitem[type~="autofill"] .ac-url-box { | |
141 | visibility: hidden; | |
142 | } | |
143 | ||
144 | .autocomplete-richlistitem[actiontype="keyword"] .ac-title-box, | |
145 | .autocomplete-richlistitem[actiontype="searchengine"] .ac-title-box, | |
146 | .autocomplete-richlistitem[actiontype="visiturl"] .ac-title-box, | |
147 | .autocomplete-richlistitem[type~="autofill"] .ac-title-box { | |
148 | /* Center the title by moving it down by half of .ac-url-box's height, | |
149 | including vertical margins (if any). */ | |
150 | /* transform: translateY(calc(.5em + 2px));*/ | |
151 | transform: translateY(calc(.5em)); | |
152 | } | |
153 | ||
ecb2fda9 RK |
154 | .ac-site-icon { |
155 | width: 16px; | |
156 | height: 16px; | |
02920d2b RK |
157 | margin-top: 0; |
158 | margin-bottom: -3px; | |
159 | -moz-margin-start: 3px; | |
160 | -moz-margin-end: 5px; | |
ecb2fda9 RK |
161 | } |
162 | ||
163 | .ac-type-icon { | |
164 | width: 16px; | |
165 | height: 16px; | |
166 | } | |
167 | ||
d0ff98fe RK |
168 | .ac-extra > .ac-result-type-tag { |
169 | margin: 0 4px; | |
170 | } | |
171 | ||
172 | .ac-extra > .ac-comment { | |
8caa872d | 173 | -moz-padding-end: 4px; |
d0ff98fe RK |
174 | } |
175 | ||
ecb2fda9 | 176 | .ac-ellipsis-after { |
02920d2b | 177 | margin: 2px 0px 0px !important; |
ecb2fda9 RK |
178 | padding: 0; |
179 | min-width: 1em; | |
180 | } | |
181 | ||
182 | .ac-normal-text { | |
02920d2b | 183 | margin: 2px 0px 0px !important; |
ecb2fda9 RK |
184 | padding: 0; |
185 | } | |
186 | ||
d0ff98fe | 187 | .ac-normal-text > html|span { |
ecb2fda9 RK |
188 | margin: 0 !important; |
189 | padding: 0; | |
d0ff98fe RK |
190 | } |
191 | ||
192 | html|span.ac-emphasize-text { | |
ecb2fda9 | 193 | font-weight: bold; |
6c5a63bb | 194 | text-decoration: underline; |
ecb2fda9 RK |
195 | } |
196 | ||
197 | .ac-title, .ac-url { | |
198 | overflow: hidden; | |
199 | } | |
200 | ||
df8c26c4 RK |
201 | /* ::::: textboxes inside toolbarpaletteitems ::::: */ |
202 | ||
203 | toolbarpaletteitem > toolbaritem > textbox > hbox > hbox > html|*.textbox-input { | |
204 | visibility: hidden; | |
205 | } | |
206 | ||
207 | toolbarpaletteitem > toolbaritem > * > textbox > hbox > hbox > html|*.textbox-input { | |
208 | visibility: hidden; | |
209 | } |