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