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