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; |
b1eaa419 | 72 | padding: 0; |
73 | } | |
351107c9 | 74 | |
b1eaa419 | 75 | .autocomplete-history-popup { |
6046f027 | 76 | max-height: 25em; |
b1eaa419 | 77 | } |
351107c9 | 78 | |
7aa65558 | 79 | /* ::::: tree ::::: */ |
351107c9 | 80 | |
7aa65558 | 81 | .autocomplete-tree { |
b1eaa419 | 82 | border: none; |
83 | background-color: transparent !important; | |
84 | } | |
85 | ||
7aa65558 | 86 | .autocomplete-treecol { |
b1eaa419 | 87 | margin: 0px !important; |
88 | border: none !important; | |
89 | padding: 0px !important; | |
90 | } | |
91 | ||
c79d2bbe RK |
92 | /* GTK calculates space for a sort arrow */ |
93 | .autocomplete-treecol > .treecol-sortdirection { | |
94 | -moz-appearance: none !important; | |
95 | } | |
96 | ||
01fc5c11 | 97 | .autocomplete-treebody::-moz-tree-cell-text { |
8caa872d | 98 | -moz-padding-start: 8px; |
b1eaa419 | 99 | } |
100 | ||
c79d2bbe | 101 | .autocomplete-treebody::-moz-tree-row(selected) { |
b1eaa419 | 102 | background-color: #FFCF00; |
103 | } | |
104 | ||
c79d2bbe | 105 | .autocomplete-treebody::-moz-tree-cell-text(selected) { |
b1eaa419 | 106 | color: #000000 !important; |
2edfca93 | 107 | } |
c79d2bbe RK |
108 | |
109 | .autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue) { | |
110 | max-width: 16px; | |
111 | height: 16px; | |
112 | } | |
113 | ||
114 | /* ::::: richlistbox autocomplete ::::: */ | |
115 | ||
116 | .autocomplete-richlistbox { | |
37953ab4 | 117 | border: none; |
c79d2bbe RK |
118 | margin: 0; |
119 | } | |
120 | ||
121 | .autocomplete-richlistbox > scrollbox { | |
122 | overflow-x: hidden !important; | |
123 | } | |
124 | ||
71a617ff RK |
125 | .autocomplete-richlistitem { |
126 | padding: 1px 2px; | |
127 | } | |
128 | ||
c79d2bbe RK |
129 | .autocomplete-richlistitem[selected="true"] { |
130 | background-color: #008484; | |
131 | color: #000000; | |
132 | } | |
133 | ||
ca710c53 RK |
134 | .autocomplete-richlistitem:not(:first-child) { |
135 | border-top: 1px solid #E7ADE7; | |
c79d2bbe RK |
136 | } |
137 | ||
e82e1bf4 RK |
138 | .ac-title-box { |
139 | } | |
140 | ||
141 | .ac-url-box { | |
142 | /* When setting a vertical margin here, half of that needs to be added | |
143 | .ac-title-box's translateY for when .ac-url-box is hidden (see below). */ | |
144 | /* margin: 1px 0 4px;*/ | |
145 | } | |
146 | ||
147 | .autocomplete-richlistitem[actiontype="keyword"] .ac-url-box, | |
148 | .autocomplete-richlistitem[actiontype="searchengine"] .ac-url-box, | |
149 | .autocomplete-richlistitem[actiontype="visiturl"] .ac-url-box, | |
150 | .autocomplete-richlistitem[type~="autofill"] .ac-url-box { | |
151 | visibility: hidden; | |
152 | } | |
153 | ||
154 | .autocomplete-richlistitem[actiontype="keyword"] .ac-title-box, | |
155 | .autocomplete-richlistitem[actiontype="searchengine"] .ac-title-box, | |
156 | .autocomplete-richlistitem[actiontype="visiturl"] .ac-title-box, | |
157 | .autocomplete-richlistitem[type~="autofill"] .ac-title-box { | |
158 | /* Center the title by moving it down by half of .ac-url-box's height, | |
159 | including vertical margins (if any). */ | |
160 | /* transform: translateY(calc(.5em + 2px));*/ | |
161 | transform: translateY(calc(.5em)); | |
162 | } | |
163 | ||
c79d2bbe RK |
164 | .ac-site-icon { |
165 | width: 16px; | |
166 | height: 16px; | |
02920d2b RK |
167 | margin-top: 0; |
168 | margin-bottom: -3px; | |
37953ab4 RK |
169 | -moz-margin-start: 0; |
170 | -moz-margin-end: 3px; | |
c79d2bbe RK |
171 | } |
172 | ||
173 | .ac-type-icon { | |
174 | width: 16px; | |
175 | height: 16px; | |
176 | } | |
177 | ||
178 | .ac-extra > .ac-result-type-tag { | |
179 | margin: 0 4px; | |
180 | } | |
181 | ||
182 | .ac-extra > .ac-comment { | |
8caa872d | 183 | -moz-padding-end: 4px; |
c79d2bbe RK |
184 | } |
185 | ||
186 | .ac-ellipsis-after { | |
02920d2b | 187 | margin: 2px 0px 0px !important; |
c79d2bbe RK |
188 | padding: 0; |
189 | min-width: 1em; | |
190 | } | |
191 | ||
192 | .ac-normal-text { | |
02920d2b | 193 | margin: 2px 0px 0px !important; |
c79d2bbe RK |
194 | padding: 0; |
195 | } | |
196 | ||
197 | .ac-normal-text > html|span { | |
198 | margin: 0 !important; | |
199 | padding: 0; | |
200 | } | |
201 | ||
202 | html|span.ac-emphasize-text { | |
203 | font-weight: bold; | |
204 | text-decoration: underline; | |
205 | } | |
206 | ||
c79d2bbe RK |
207 | .ac-title, .ac-url { |
208 | overflow: hidden; | |
209 | } | |
210 | ||
211 | /* ::::: textboxes inside toolbarpaletteitems ::::: */ | |
212 | ||
213 | toolbarpaletteitem > toolbaritem > textbox > hbox > hbox > html|*.textbox-input { | |
214 | visibility: hidden; | |
215 | } | |
216 | ||
217 | toolbarpaletteitem > toolbaritem > * > textbox > hbox > hbox > html|*.textbox-input { | |
218 | visibility: hidden; | |
219 | } |