chosen.css — Easy Updates Manager 4.3.10

stops-core-theme-and-plugin-updates / vendor / chosen / chosen.css

stops-core-theme-and-plugin-updates / vendor / chosen Last commit date

Thumbs.db 11 years ago chosen-sprite.png 11 years ago chosen-sprite@2x.png 11 years ago chosen.css 11 years ago chosen.jquery.js 11 years ago chosen.jquery.min.js 11 years ago chosen.min.css 11 years ago

chosen.css

436 lines

1	/*!
2	Chosen, a Select Box Enhancer for jQuery and Prototype
3	by Patrick Filler for Harvest, http://getharvest.com
4
5	Version 1.1.0
6	Full source at https://github.com/harvesthq/chosen
7	Copyright (c) 2011 Harvest http://getharvest.com
8
9	MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
10	This file is generated by `grunt build`, do not edit it by hand.
11	*/
12
13	/* @group Base */
14	.chosen-container {
15	position: relative;
16	display: inline-block;
17	vertical-align: middle;
18	font-size: 13px;
19	zoom: 1;
20	*display: inline;
21	-webkit-user-select: none;
22	-moz-user-select: none;
23	user-select: none;
24	}
25	.chosen-container .chosen-drop {
26	position: absolute;
27	top: 100%;
28	left: -9999px;
29	z-index: 1010;
30	-webkit-box-sizing: border-box;
31	-moz-box-sizing: border-box;
32	box-sizing: border-box;
33	width: 100%;
34	border: 1px solid #aaa;
35	border-top: 0;
36	background: #fff;
37	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
38	}
39	.chosen-container.chosen-with-drop .chosen-drop {
40	left: 0;
41	}
42	.chosen-container a {
43	cursor: pointer;
44	}
45
46	/* @end */
47	/* @group Single Chosen */
48	.chosen-container-single .chosen-single {
49	position: relative;
50	display: block;
51	overflow: hidden;
52	padding: 0 0 0 8px;
53	height: 23px;
54	border: 1px solid #aaa;
55	border-radius: 5px;
56	background-color: #fff;
57	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
58	background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
59	background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
60	background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
61	background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
62	background-clip: padding-box;
63	box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
64	color: #444;
65	text-decoration: none;
66	white-space: nowrap;
67	line-height: 24px;
68	}
69	.chosen-container-single .chosen-default {
70	color: #999;
71	}
72	.chosen-container-single .chosen-single span {
73	display: block;
74	overflow: hidden;
75	margin-right: 26px;
76	text-overflow: ellipsis;
77	white-space: nowrap;
78	}
79	.chosen-container-single .chosen-single-with-deselect span {
80	margin-right: 38px;
81	}
82	.chosen-container-single .chosen-single abbr {
83	position: absolute;
84	top: 6px;
85	right: 26px;
86	display: block;
87	width: 12px;
88	height: 12px;
89	background: url('chosen-sprite.png') -42px 1px no-repeat;
90	font-size: 1px;
91	}
92	.chosen-container-single .chosen-single abbr:hover {
93	background-position: -42px -10px;
94	}
95	.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
96	background-position: -42px -10px;
97	}
98	.chosen-container-single .chosen-single div {
99	position: absolute;
100	top: 0;
101	right: 0;
102	display: block;
103	width: 18px;
104	height: 100%;
105	}
106	.chosen-container-single .chosen-single div b {
107	display: block;
108	width: 100%;
109	height: 100%;
110	background: url('chosen-sprite.png') no-repeat 0px 2px;
111	}
112	.chosen-container-single .chosen-search {
113	position: relative;
114	z-index: 1010;
115	margin: 0;
116	padding: 3px 4px;
117	white-space: nowrap;
118	}
119	.chosen-container-single .chosen-search input[type="text"] {
120	-webkit-box-sizing: border-box;
121	-moz-box-sizing: border-box;
122	box-sizing: border-box;
123	margin: 1px 0;
124	padding: 4px 20px 4px 5px;
125	width: 100%;
126	height: auto;
127	outline: 0;
128	border: 1px solid #aaa;
129	background: white url('chosen-sprite.png') no-repeat 100% -20px;
130	background: url('chosen-sprite.png') no-repeat 100% -20px;
131	font-size: 1em;
132	font-family: sans-serif;
133	line-height: normal;
134	border-radius: 0;
135	}
136	.chosen-container-single .chosen-drop {
137	margin-top: -1px;
138	border-radius: 0 0 4px 4px;
139	background-clip: padding-box;
140	}
141	.chosen-container-single.chosen-container-single-nosearch .chosen-search {
142	position: absolute;
143	left: -9999px;
144	}
145
146	/* @end */
147	/* @group Results */
148	.chosen-container .chosen-results {
149	position: relative;
150	overflow-x: hidden;
151	overflow-y: auto;
152	margin: 0 4px 4px 0;
153	padding: 0 0 0 4px;
154	max-height: 240px;
155	-webkit-overflow-scrolling: touch;
156	}
157	.chosen-container .chosen-results li {
158	display: none;
159	margin: 0;
160	padding: 5px 6px;
161	list-style: none;
162	line-height: 15px;
163	-webkit-touch-callout: none;
164	}
165	.chosen-container .chosen-results li.active-result {
166	display: list-item;
167	cursor: pointer;
168	}
169	.chosen-container .chosen-results li.disabled-result {
170	display: list-item;
171	color: #ccc;
172	cursor: default;
173	}
174	.chosen-container .chosen-results li.highlighted {
175	background-color: #3875d7;
176	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
177	background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
178	background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
179	background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
180	background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
181	color: #fff;
182	}
183	.chosen-container .chosen-results li.no-results {
184	display: list-item;
185	background: #f4f4f4;
186	}
187	.chosen-container .chosen-results li.group-result {
188	display: list-item;
189	font-weight: bold;
190	cursor: default;
191	}
192	.chosen-container .chosen-results li.group-option {
193	padding-left: 15px;
194	}
195	.chosen-container .chosen-results li em {
196	font-style: normal;
197	text-decoration: underline;
198	}
199
200	/* @end */
201	/* @group Multi Chosen */
202	.chosen-container-multi .chosen-choices {
203	position: relative;
204	overflow: hidden;
205	-webkit-box-sizing: border-box;
206	-moz-box-sizing: border-box;
207	box-sizing: border-box;
208	margin: 0;
209	padding: 0;
210	width: 100%;
211	height: auto !important;
212	height: 1%;
213	border: 1px solid #aaa;
214	background-color: #fff;
215	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
216	background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
217	background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
218	background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
219	background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
220	cursor: text;
221	}
222	.chosen-container-multi .chosen-choices li {
223	float: left;
224	list-style: none;
225	}
226	.chosen-container-multi .chosen-choices li.search-field {
227	margin: 0;
228	padding: 0;
229	white-space: nowrap;
230	}
231	.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
232	margin: 1px 0;
233	padding: 5px;
234	height: 15px;
235	outline: 0;
236	border: 0 !important;
237	background: transparent !important;
238	box-shadow: none;
239	color: #666;
240	font-size: 100%;
241	font-family: sans-serif;
242	line-height: normal;
243	border-radius: 0;
244	}
245	.chosen-container-multi .chosen-choices li.search-field .default {
246	color: #999;
247	}
248	.chosen-container-multi .chosen-choices li.search-choice {
249	position: relative;
250	margin: 3px 0 3px 5px;
251	padding: 3px 20px 3px 5px;
252	border: 1px solid #aaa;
253	border-radius: 3px;
254	background-color: #e4e4e4;
255	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
256	background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
257	background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
258	background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
259	background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
260	background-clip: padding-box;
261	box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
262	color: #333;
263	line-height: 13px;
264	cursor: default;
265	}
266	.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
267	position: absolute;
268	top: 4px;
269	right: 3px;
270	display: block;
271	width: 12px;
272	height: 12px;
273	background: url('chosen-sprite.png') -42px 1px no-repeat;
274	font-size: 1px;
275	}
276	.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
277	background-position: -42px -10px;
278	}
279	.chosen-container-multi .chosen-choices li.search-choice-disabled {
280	padding-right: 5px;
281	border: 1px solid #ccc;
282	background-color: #e4e4e4;
283	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
284	background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
285	background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
286	background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
287	background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
288	color: #666;
289	}
290	.chosen-container-multi .chosen-choices li.search-choice-focus {
291	background: #d4d4d4;
292	}
293	.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
294	background-position: -42px -10px;
295	}
296	.chosen-container-multi .chosen-results {
297	margin: 0;
298	padding: 0;
299	}
300	.chosen-container-multi .chosen-drop .result-selected {
301	display: list-item;
302	color: #ccc;
303	cursor: default;
304	}
305
306	/* @end */
307	/* @group Active */
308	.chosen-container-active .chosen-single {
309	border: 1px solid #5897fb;
310	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
311	}
312	.chosen-container-active.chosen-with-drop .chosen-single {
313	border: 1px solid #aaa;
314	-moz-border-radius-bottomright: 0;
315	border-bottom-right-radius: 0;
316	-moz-border-radius-bottomleft: 0;
317	border-bottom-left-radius: 0;
318	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
319	background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
320	background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
321	background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
322	background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
323	box-shadow: 0 1px 0 #fff inset;
324	}
325	.chosen-container-active.chosen-with-drop .chosen-single div {
326	border-left: none;
327	background: transparent;
328	}
329	.chosen-container-active.chosen-with-drop .chosen-single div b {
330	background-position: -18px 2px;
331	}
332	.chosen-container-active .chosen-choices {
333	border: 1px solid #5897fb;
334	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
335	}
336	.chosen-container-active .chosen-choices li.search-field input[type="text"] {
337	color: #111 !important;
338	}
339
340	/* @end */
341	/* @group Disabled Support */
342	.chosen-disabled {
343	opacity: 0.5 !important;
344	cursor: default;
345	}
346	.chosen-disabled .chosen-single {
347	cursor: default;
348	}
349	.chosen-disabled .chosen-choices .search-choice .search-choice-close {
350	cursor: default;
351	}
352
353	/* @end */
354	/* @group Right to Left */
355	.chosen-rtl {
356	text-align: right;
357	}
358	.chosen-rtl .chosen-single {
359	overflow: visible;
360	padding: 0 8px 0 0;
361	}
362	.chosen-rtl .chosen-single span {
363	margin-right: 0;
364	margin-left: 26px;
365	direction: rtl;
366	}
367	.chosen-rtl .chosen-single-with-deselect span {
368	margin-left: 38px;
369	}
370	.chosen-rtl .chosen-single div {
371	right: auto;
372	left: 3px;
373	}
374	.chosen-rtl .chosen-single abbr {
375	right: auto;
376	left: 26px;
377	}
378	.chosen-rtl .chosen-choices li {
379	float: right;
380	}
381	.chosen-rtl .chosen-choices li.search-field input[type="text"] {
382	direction: rtl;
383	}
384	.chosen-rtl .chosen-choices li.search-choice {
385	margin: 3px 5px 3px 0;
386	padding: 3px 5px 3px 19px;
387	}
388	.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
389	right: auto;
390	left: 4px;
391	}
392	.chosen-rtl.chosen-container-single-nosearch .chosen-search,
393	.chosen-rtl .chosen-drop {
394	left: 9999px;
395	}
396	.chosen-rtl.chosen-container-single .chosen-results {
397	margin: 0 0 4px 4px;
398	padding: 0 4px 0 0;
399	}
400	.chosen-rtl .chosen-results li.group-option {
401	padding-right: 15px;
402	padding-left: 0;
403	}
404	.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
405	border-right: none;
406	}
407	.chosen-rtl .chosen-search input[type="text"] {
408	padding: 4px 5px 4px 20px;
409	background: white url('chosen-sprite.png') no-repeat -30px -20px;
410	background: url('chosen-sprite.png') no-repeat -30px -20px;
411	direction: rtl;
412	}
413	.chosen-rtl.chosen-container-single .chosen-single div b {
414	background-position: 6px 2px;
415	}
416	.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
417	background-position: -12px 2px;
418	}
419
420	/* @end */
421	/* @group Retina compatibility */
422	@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
423	.chosen-rtl .chosen-search input[type="text"],
424	.chosen-container-single .chosen-single abbr,
425	.chosen-container-single .chosen-single div b,
426	.chosen-container-single .chosen-search input[type="text"],
427	.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
428	.chosen-container .chosen-results-scroll-down span,
429	.chosen-container .chosen-results-scroll-up span {
430	background-image: url('chosen-sprite@2x.png') !important;
431	background-size: 52px 37px !important;
432	background-repeat: no-repeat !important;
433	}
434	}
435	/* @end */
436