Mercurial > hg > GlobalNeighbors

comparison globalneighbors/static/css/easy-autocomplete.css @ 12:6d89ea94930b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
add passthrough fileserver for autocomplete
author Jeff Hammel <k0scist@gmail.com>
date Sun, 25 Jun 2017 13:18:13 -0700
parents
children
comparison
equal deleted inserted replaced
11:d1b99c695511 12:6d89ea94930b
1 /*
2 * easy-autocomplete
3 * jQuery plugin for autocompletion
4 *
5 * @author Łukasz Pawełczak (http://github.com/pawelczak)
6 * @version 1.3.5
7 * Copyright License:
8 */
9
10 .easy-autocomplete {
11 position: relative;
12 }
13 .easy-autocomplete input {
14 border-color: #ccc;
15 border-radius: 4px;
16 border-style: solid;
17 border-width: 1px;
18 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
19 color: #555;
20 float: none;
21 padding: 6px 12px;
22 }
23 .easy-autocomplete input:hover, .easy-autocomplete input:focus {
24 box-shadow: none;
25 }
26 .easy-autocomplete a {
27 display: block;
28 }
29 .easy-autocomplete.eac-blue-light input:hover, .easy-autocomplete.eac-blue-light input:focus {
30 border-color: #66afe9;
31 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
32 }
33 .easy-autocomplete.eac-blue-light ul {
34 border-color: #66afe9;
35 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
36 }
37 .easy-autocomplete.eac-blue-light ul li, .easy-autocomplete.eac-blue-light ul .eac-category {
38 border-color: #66afe9;
39 }
40 .easy-autocomplete.eac-blue-light ul li.selected, .easy-autocomplete.eac-blue-light ul .eac-category.selected {
41 background-color: #ecf5fc;
42 }
43 .easy-autocomplete.eac-green-light input:hover, .easy-autocomplete.eac-green-light input:focus {
44 border-color: #41DB00;
45 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
46 }
47 .easy-autocomplete.eac-green-light ul {
48 border-color: #41DB00;
49 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
50 }
51 .easy-autocomplete.eac-green-light ul li, .easy-autocomplete.eac-green-light ul .eac-category {
52 border-color: #41DB00;
53 }
54 .easy-autocomplete.eac-green-light ul li.selected, .easy-autocomplete.eac-green-light ul .eac-category.selected {
55 background-color: #9eff75;
56 }
57 .easy-autocomplete.eac-red-light input:hover, .easy-autocomplete.eac-red-light input:focus {
58 border-color: #ff5b5b;
59 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
60 }
61 .easy-autocomplete.eac-red-light ul {
62 border-color: #ff5b5b;
63 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
64 }
65 .easy-autocomplete.eac-red-light ul li, .easy-autocomplete.eac-red-light ul .eac-category {
66 border-color: #ff5b5b;
67 }
68 .easy-autocomplete.eac-red-light ul li.selected, .easy-autocomplete.eac-red-light ul .eac-category.selected {
69 background-color: #ff8e8e;
70 }
71 .easy-autocomplete.eac-yellow-light input:hover, .easy-autocomplete.eac-yellow-light input:focus {
72 border-color: #ffdb00;
73 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
74 }
75 .easy-autocomplete.eac-yellow-light ul {
76 border-color: #ffdb00;
77 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
78 }
79 .easy-autocomplete.eac-yellow-light ul li, .easy-autocomplete.eac-yellow-light ul .eac-category {
80 border-color: #ffdb00;
81 }
82 .easy-autocomplete.eac-yellow-light ul li.selected, .easy-autocomplete.eac-yellow-light ul .eac-category.selected {
83 background-color: #ffe233;
84 }
85 .easy-autocomplete.eac-dark-light input:hover, .easy-autocomplete.eac-dark-light input:focus {
86 border-color: #333;
87 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
88 }
89 .easy-autocomplete.eac-dark-light ul {
90 border-color: #333;
91 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
92 }
93 .easy-autocomplete.eac-dark-light ul li, .easy-autocomplete.eac-dark-light ul .eac-category {
94 border-color: #333;
95 }
96 .easy-autocomplete.eac-dark-light ul li.selected, .easy-autocomplete.eac-dark-light ul .eac-category.selected {
97 background-color: #4d4d4d;
98 color: #fff;
99 }
100 .easy-autocomplete.eac-dark {
101 color: #fff;
102 }
103 .easy-autocomplete.eac-dark input {
104 background-color: #404040;
105 border-radius: 4px;
106 box-shadow: 0;
107 color: #f6f6f6;
108 }
109 .easy-autocomplete.eac-dark input:hover, .easy-autocomplete.eac-dark input:focus {
110 border-color: #333;
111 box-shadow: 0;
112 }
113 .easy-autocomplete.eac-dark ul {
114 border-color: #333;
115 }
116 .easy-autocomplete.eac-dark ul li, .easy-autocomplete.eac-dark ul .eac-category {
117 background-color: #404040;
118 border-color: #333;
119 }
120 .easy-autocomplete.eac-dark ul li.selected, .easy-autocomplete.eac-dark ul .eac-category.selected {
121 background-color: #737373;
122 color: #f6f6f6;
123 }
124 .easy-autocomplete.eac-dark-glass {
125 color: #fff;
126 }
127 .easy-autocomplete.eac-dark-glass input {
128 background-color: rgba(0, 0, 0, 0.8);
129 border-radius: 4px;
130 box-shadow: 0;
131 color: #f6f6f6;
132 }
133 .easy-autocomplete.eac-dark-glass input:hover, .easy-autocomplete.eac-dark-glass input:focus {
134 border-color: rgba(0, 0, 0, 0.8);
135 box-shadow: 0;
136 }
137 .easy-autocomplete.eac-dark-glass ul {
138 border-color: rgba(0, 0, 0, 0.8);
139 }
140 .easy-autocomplete.eac-dark-glass ul li, .easy-autocomplete.eac-dark-glass ul .eac-category {
141 background-color: rgba(0, 0, 0, 0.8);
142 border-color: rgba(0, 0, 0, 0.8);
143 }
144 .easy-autocomplete.eac-dark-glass ul li.selected, .easy-autocomplete.eac-dark-glass ul .eac-category.selected {
145 background-color: rgba(64, 64, 64, 0.8);
146 color: #f6f6f6;
147 }
148 .easy-autocomplete.eac-dark-glass ul li:last-child, .easy-autocomplete.eac-dark-glass ul .eac-category:last-child {
149 border-radius: 0 0 4px 4px;
150 }
151 .easy-autocomplete.eac-blue {
152 color: #fff;
153 }
154 .easy-autocomplete.eac-blue input {
155 background-color: #6d9ed1;
156 border-radius: 4px;
157 box-shadow: 0;
158 color: #f6f6f6;
159 }
160 .easy-autocomplete.eac-blue input::-webkit-input-placeholder {
161 color: #f6f6f6;
162 }
163 .easy-autocomplete.eac-blue input:-moz-placeholder {
164 color: #f6f6f6;
165 }
166 .easy-autocomplete.eac-blue input::-moz-placeholder {
167 color: #f6f6f6;
168 }
169 .easy-autocomplete.eac-blue input:-ms-input-placeholder {
170 color: #f6f6f6;
171 }
172 .easy-autocomplete.eac-blue input:hover, .easy-autocomplete.eac-blue input:focus {
173 border-color: #5A91CB;
174 box-shadow: 0;
175 }
176 .easy-autocomplete.eac-blue ul {
177 border-color: #5A91CB;
178 }
179 .easy-autocomplete.eac-blue ul li, .easy-autocomplete.eac-blue ul .eac-category {
180 background-color: #6d9ed1;
181 border-color: #5A91CB;
182 }
183 .easy-autocomplete.eac-blue ul li.selected, .easy-autocomplete.eac-blue ul .eac-category.selected {
184 background-color: #94b8dd;
185 color: #f6f6f6;
186 }
187 .easy-autocomplete.eac-yellow {
188 color: #333;
189 }
190 .easy-autocomplete.eac-yellow input {
191 background-color: #ffdb7e;
192 border-color: #333;
193 border-radius: 4px;
194 box-shadow: 0;
195 color: #333;
196 }
197 .easy-autocomplete.eac-yellow input:hover, .easy-autocomplete.eac-yellow input:focus {
198 border-color: #333;
199 box-shadow: 0;
200 }
201 .easy-autocomplete.eac-yellow ul {
202 border-color: #333;
203 }
204 .easy-autocomplete.eac-yellow ul li, .easy-autocomplete.eac-yellow ul .eac-category {
205 background-color: #ffdb7e;
206 border-color: #333;
207 }
208 .easy-autocomplete.eac-yellow ul li.selected, .easy-autocomplete.eac-yellow ul .eac-category.selected {
209 background-color: #ffe9b1;
210 color: #333;
211 }
212 .easy-autocomplete.eac-purple {
213 color: #333;
214 }
215 .easy-autocomplete.eac-purple input {
216 background-color: #d6d1e7;
217 border-color: #b8afd5;
218 box-shadow: 0;
219 color: #333;
220 }
221 .easy-autocomplete.eac-purple input:hover, .easy-autocomplete.eac-purple input:focus {
222 border-color: #333;
223 box-shadow: 0;
224 }
225 .easy-autocomplete.eac-purple ul {
226 border-color: #333;
227 }
228 .easy-autocomplete.eac-purple ul li, .easy-autocomplete.eac-purple ul .eac-category {
229 background-color: #d6d1e7;
230 border-color: #333;
231 }
232 .easy-autocomplete.eac-purple ul li.selected, .easy-autocomplete.eac-purple ul .eac-category.selected {
233 background-color: #ebe8f3;
234 color: #333;
235 }
236 .easy-autocomplete.eac-bootstrap input {
237 border-color: #ccc;
238 border-radius: 4px;
239 border-style: solid;
240 border-width: 1px;
241 color: #555;
242 padding: 6px 12px;
243 }
244
245 .easy-autocomplete-container {
246 left: 0;
247 position: absolute;
248 width: 100%;
249 z-index: 2;
250 }
251 .easy-autocomplete-container ul {
252 background: none repeat scroll 0 0 #ffffff;
253 border-top: 1px dotted #ccc;
254 display: none;
255 margin-top: 0;
256 padding-bottom: 0;
257 padding-left: 0;
258 position: relative;
259 top: -1px;
260 }
261 .easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
262 background: inherit;
263 border-color: #ccc;
264 border-image: none;
265 border-style: solid;
266 border-width: 0 1px;
267 display: block;
268 font-size: 14px;
269 font-weight: normal;
270 padding: 4px 12px;
271 }
272 .easy-autocomplete-container ul li:last-child {
273 border-radius: 0 0 2px 2px;
274 border-width: 0 1px 1px;
275 }
276 .easy-autocomplete-container ul li.selected {
277 background: none repeat scroll 0 0 #ebebeb;
278 cursor: pointer;
279 }
280 .easy-autocomplete-container ul li.selected div {
281 font-weight: normal;
282 }
283 .easy-autocomplete-container ul li div {
284 display: block;
285 font-weight: normal;
286 word-break: break-all;
287 }
288 .easy-autocomplete-container ul li b {
289 font-weight: bold;
290 }
291 .easy-autocomplete-container ul .eac-category {
292 font-color: #aaa;
293 font-style: italic;
294 }
295
296 .eac-description .eac-item span {
297 color: #aaa;
298 font-style: italic;
299 font-size: 0.9em;
300 }
301
302 .eac-icon-left .eac-item img {
303 margin-right: 4px;
304 max-height: 30px;
305 }
306
307 .eac-icon-right .eac-item {
308 margin-top: 8px;
309 min-height: 24px;
310 position: relative;
311 }
312 .eac-icon-right .eac-item img {
313 margin-left: 4px;
314 max-height: 30px;
315 position: absolute;
316 right: -4px;
317 top: -8px;
318 }
319
320 /*# sourceMappingURL=easy-autocomplete.css.map */