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 { |
dae45075 | 99 | padding-inline-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 | ||
918c9e49 RK |
126 | .autocomplete-richlistitem[selected] { |
127 | background-color: #008484; | |
128 | color: #000000; | |
129 | } | |
130 | ||
7729765c RK |
131 | .ac-type-icon { |
132 | width: 16px; | |
133 | height: 16px; | |
134 | max-width: 16px; | |
135 | max-height: 16px; | |
dae45075 RK |
136 | margin-inline-start: 14px; |
137 | margin-inline-end: 6px; | |
e82e1bf4 RK |
138 | } |
139 | ||
c79d2bbe RK |
140 | .ac-site-icon { |
141 | width: 16px; | |
142 | height: 16px; | |
7729765c RK |
143 | max-width: 16px; |
144 | max-height: 16px; | |
dae45075 RK |
145 | margin-inline-start: 0px; |
146 | margin-inline-end: 11px; | |
7729765c | 147 | list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); |
c79d2bbe RK |
148 | } |
149 | ||
7729765c RK |
150 | .ac-site-icon[selected] { |
151 | list-style-image: url("chrome://mozapps/skin/places/defaultFavicon-inverted.png"); | |
c79d2bbe RK |
152 | } |
153 | ||
7729765c RK |
154 | @media (min-resolution: 1.1dppx) { |
155 | .ac-site-icon { | |
156 | list-style-image: url("chrome://mozapps/skin/places/defaultFavicon@2x.png"); | |
157 | } | |
158 | .ac-site-icon[selected] { | |
159 | list-style-image: url("chrome://mozapps/skin/places/defaultFavicon-inverted@2x.png"); | |
160 | } | |
c79d2bbe RK |
161 | } |
162 | ||
7729765c | 163 | .ac-title { |
dae45075 RK |
164 | margin-inline-start: 0; |
165 | margin-inline-end: 6px; | |
c79d2bbe RK |
166 | } |
167 | ||
7729765c | 168 | html|span.ac-tag { |
dae45075 RK |
169 | margin-inline-start: 0; |
170 | margin-inline-end: 2px; | |
c79d2bbe RK |
171 | } |
172 | ||
7729765c | 173 | .ac-tags { |
dae45075 RK |
174 | margin-inline-start: 0; |
175 | margin-inline-end: 4px; | |
c79d2bbe RK |
176 | } |
177 | ||
7729765c | 178 | .ac-separator { |
dae45075 RK |
179 | margin-inline-start: 0; |
180 | margin-inline-end: 6px; | |
c79d2bbe RK |
181 | } |
182 | ||
7729765c RK |
183 | /* Better align the URL/action with the title. */ |
184 | .ac-tags, | |
185 | .ac-separator, | |
186 | .ac-url, | |
187 | .ac-action { | |
188 | margin-bottom: -2px; | |
c79d2bbe RK |
189 | } |
190 | ||
7729765c RK |
191 | .ac-title-text, |
192 | .ac-tags-text, | |
193 | .ac-separator-text, | |
194 | .ac-url-text, | |
195 | .ac-action-text, | |
196 | .ac-text-overflow-container { | |
197 | padding: 0 !important; | |
198 | margin: 0 !important; | |
c79d2bbe RK |
199 | } |
200 | ||
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 | } |