selectize-rails 0.11.2 → 0.12.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,487 +1,487 @@
1
- /**
2
- * selectize.bootstrap2.css (v0.11.2) - Bootstrap 2 Theme
3
- * Copyright (c) 2013 Brian Reavis & contributors
4
- *
5
- * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
6
- * file except in compliance with the License. You may obtain a copy of the License at:
7
- * http://www.apache.org/licenses/LICENSE-2.0
8
- *
9
- * Unless required by applicable law or agreed to in writing, software distributed under
10
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
11
- * ANY KIND, either express or implied. See the License for the specific language
12
- * governing permissions and limitations under the License.
13
- *
14
- * @author Brian Reavis <brian@thirdroute.com>
15
- */
16
- .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
17
- visibility: visible !important;
18
- background: #f2f2f2 !important;
19
- background: rgba(0, 0, 0, 0.06) !important;
20
- border: 0 none !important;
21
- -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
22
- box-shadow: inset 0 0 12px 4px #ffffff;
23
- }
24
- .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
25
- content: '!';
26
- visibility: hidden;
27
- }
28
- .selectize-control.plugin-drag_drop .ui-sortable-helper {
29
- -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
30
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
31
- }
32
- .selectize-dropdown-header {
33
- position: relative;
34
- padding: 3px 10px;
35
- border-bottom: 1px solid #d0d0d0;
36
- background: #f8f8f8;
37
- -webkit-border-radius: 4px 4px 0 0;
38
- -moz-border-radius: 4px 4px 0 0;
39
- border-radius: 4px 4px 0 0;
40
- }
41
- .selectize-dropdown-header-close {
42
- position: absolute;
43
- right: 10px;
44
- top: 50%;
45
- color: #333333;
46
- opacity: 0.4;
47
- margin-top: -12px;
48
- line-height: 20px;
49
- font-size: 20px !important;
50
- }
51
- .selectize-dropdown-header-close:hover {
52
- color: #000000;
53
- }
54
- .selectize-dropdown.plugin-optgroup_columns .optgroup {
55
- border-right: 1px solid #f2f2f2;
56
- border-top: 0 none;
57
- float: left;
58
- -webkit-box-sizing: border-box;
59
- -moz-box-sizing: border-box;
60
- box-sizing: border-box;
61
- }
62
- .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
63
- border-right: 0 none;
64
- }
65
- .selectize-dropdown.plugin-optgroup_columns .optgroup:before {
66
- display: none;
67
- }
68
- .selectize-dropdown.plugin-optgroup_columns .optgroup-header {
69
- border-top: 0 none;
70
- }
71
- .selectize-control.plugin-remove_button [data-value] {
72
- position: relative;
73
- padding-right: 24px !important;
74
- }
75
- .selectize-control.plugin-remove_button [data-value] .remove {
76
- z-index: 1;
77
- /* fixes ie bug (see #392) */
78
- position: absolute;
79
- top: 0;
80
- right: 0;
81
- bottom: 0;
82
- width: 17px;
83
- text-align: center;
84
- font-weight: bold;
85
- font-size: 12px;
86
- color: inherit;
87
- text-decoration: none;
88
- vertical-align: middle;
89
- display: inline-block;
90
- padding: 1px 0 0 0;
91
- border-left: 1px solid #cccccc;
92
- -webkit-border-radius: 0 2px 2px 0;
93
- -moz-border-radius: 0 2px 2px 0;
94
- border-radius: 0 2px 2px 0;
95
- -webkit-box-sizing: border-box;
96
- -moz-box-sizing: border-box;
97
- box-sizing: border-box;
98
- }
99
- .selectize-control.plugin-remove_button [data-value] .remove:hover {
100
- background: rgba(0, 0, 0, 0.05);
101
- }
102
- .selectize-control.plugin-remove_button [data-value].active .remove {
103
- border-left-color: #0077b3;
104
- }
105
- .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
106
- background: none;
107
- }
108
- .selectize-control.plugin-remove_button .disabled [data-value] .remove {
109
- border-left-color: #e0e0e0;
110
- }
111
- .selectize-control {
112
- position: relative;
113
- }
114
- .selectize-dropdown,
115
- .selectize-input,
116
- .selectize-input input {
117
- color: #333333;
118
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
119
- font-size: 14px;
120
- line-height: 20px;
121
- -webkit-font-smoothing: inherit;
122
- }
123
- .selectize-input,
124
- .selectize-control.single .selectize-input.input-active {
125
- background: #ffffff;
126
- cursor: text;
127
- display: inline-block;
128
- }
129
- .selectize-input {
130
- border: 1px solid #d0d0d0;
131
- padding: 7px 10px;
132
- display: inline-block;
133
- width: 100%;
134
- overflow: hidden;
135
- position: relative;
136
- z-index: 1;
137
- -webkit-box-sizing: border-box;
138
- -moz-box-sizing: border-box;
139
- box-sizing: border-box;
140
- -webkit-box-shadow: none;
141
- box-shadow: none;
142
- -webkit-border-radius: 4px;
143
- -moz-border-radius: 4px;
144
- border-radius: 4px;
145
- }
146
- .selectize-control.multi .selectize-input.has-items {
147
- padding: 5px 10px 2px;
148
- }
149
- .selectize-input.full {
150
- background-color: #ffffff;
151
- }
152
- .selectize-input.disabled,
153
- .selectize-input.disabled * {
154
- cursor: default !important;
155
- }
156
- .selectize-input.focus {
157
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
158
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
159
- }
160
- .selectize-input.dropdown-active {
161
- -webkit-border-radius: 4px 4px 0 0;
162
- -moz-border-radius: 4px 4px 0 0;
163
- border-radius: 4px 4px 0 0;
164
- }
165
- .selectize-input > * {
166
- vertical-align: baseline;
167
- display: -moz-inline-stack;
168
- display: inline-block;
169
- zoom: 1;
170
- *display: inline;
171
- }
172
- .selectize-control.multi .selectize-input > div {
173
- cursor: pointer;
174
- margin: 0 3px 3px 0;
175
- padding: 1px 3px;
176
- background: #e6e6e6;
177
- color: #333333;
178
- border: 1px solid #cccccc;
179
- }
180
- .selectize-control.multi .selectize-input > div.active {
181
- background: #0088cc;
182
- color: #ffffff;
183
- border: 1px solid #0077b3;
184
- }
185
- .selectize-control.multi .selectize-input.disabled > div,
186
- .selectize-control.multi .selectize-input.disabled > div.active {
187
- color: #474747;
188
- background: #fafafa;
189
- border: 1px solid #e0e0e0;
190
- }
191
- .selectize-input > input {
192
- display: inline-block !important;
193
- padding: 0 !important;
194
- min-height: 0 !important;
195
- max-height: none !important;
196
- max-width: 100% !important;
197
- margin: 0 !important;
198
- text-indent: 0 !important;
199
- border: 0 none !important;
200
- background: none !important;
201
- line-height: inherit !important;
202
- -webkit-user-select: auto !important;
203
- -webkit-box-shadow: none !important;
204
- box-shadow: none !important;
205
- }
206
- .selectize-input > input::-ms-clear {
207
- display: none;
208
- }
209
- .selectize-input > input:focus {
210
- outline: none !important;
211
- }
212
- .selectize-input::after {
213
- content: ' ';
214
- display: block;
215
- clear: left;
216
- }
217
- .selectize-input.dropdown-active::before {
218
- content: ' ';
219
- display: block;
220
- position: absolute;
221
- background: #e5e5e5;
222
- height: 1px;
223
- bottom: 0;
224
- left: 0;
225
- right: 0;
226
- }
227
- .selectize-dropdown {
228
- position: absolute;
229
- z-index: 10;
230
- border: 1px solid #d0d0d0;
231
- background: #ffffff;
232
- margin: -1px 0 0 0;
233
- border-top: 0 none;
234
- -webkit-box-sizing: border-box;
235
- -moz-box-sizing: border-box;
236
- box-sizing: border-box;
237
- -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
238
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
239
- -webkit-border-radius: 0 0 4px 4px;
240
- -moz-border-radius: 0 0 4px 4px;
241
- border-radius: 0 0 4px 4px;
242
- }
243
- .selectize-dropdown [data-selectable] {
244
- cursor: pointer;
245
- overflow: hidden;
246
- }
247
- .selectize-dropdown [data-selectable] .highlight {
248
- background: rgba(255, 237, 40, 0.4);
249
- -webkit-border-radius: 1px;
250
- -moz-border-radius: 1px;
251
- border-radius: 1px;
252
- }
253
- .selectize-dropdown [data-selectable],
254
- .selectize-dropdown .optgroup-header {
255
- padding: 3px 10px;
256
- }
257
- .selectize-dropdown .optgroup:first-child .optgroup-header {
258
- border-top: 0 none;
259
- }
260
- .selectize-dropdown .optgroup-header {
261
- color: #999999;
262
- background: #ffffff;
263
- cursor: default;
264
- }
265
- .selectize-dropdown .active {
266
- background-color: #0088cc;
267
- color: #ffffff;
268
- }
269
- .selectize-dropdown .active.create {
270
- color: #ffffff;
271
- }
272
- .selectize-dropdown .create {
273
- color: rgba(51, 51, 51, 0.5);
274
- }
275
- .selectize-dropdown-content {
276
- overflow-y: auto;
277
- overflow-x: hidden;
278
- max-height: 200px;
279
- }
280
- .selectize-control.single .selectize-input,
281
- .selectize-control.single .selectize-input input {
282
- cursor: pointer;
283
- }
284
- .selectize-control.single .selectize-input.input-active,
285
- .selectize-control.single .selectize-input.input-active input {
286
- cursor: text;
287
- }
288
- .selectize-control.single .selectize-input:after {
289
- content: ' ';
290
- display: block;
291
- position: absolute;
292
- top: 50%;
293
- right: 15px;
294
- margin-top: -3px;
295
- width: 0;
296
- height: 0;
297
- border-style: solid;
298
- border-width: 5px 5px 0 5px;
299
- border-color: #000000 transparent transparent transparent;
300
- }
301
- .selectize-control.single .selectize-input.dropdown-active:after {
302
- margin-top: -4px;
303
- border-width: 0 5px 5px 5px;
304
- border-color: transparent transparent #000000 transparent;
305
- }
306
- .selectize-control.rtl.single .selectize-input:after {
307
- left: 15px;
308
- right: auto;
309
- }
310
- .selectize-control.rtl .selectize-input > input {
311
- margin: 0 4px 0 -2px !important;
312
- }
313
- .selectize-control .selectize-input.disabled {
314
- opacity: 0.5;
315
- background-color: #ffffff;
316
- }
317
- .selectize-dropdown {
318
- margin: 2px 0 0 0;
319
- z-index: 1000;
320
- border: 1px solid rgba(0, 0, 0, 0.2);
321
- border-radius: 4px;
322
- -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
323
- -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
324
- box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
325
- }
326
- .selectize-dropdown .optgroup-header {
327
- font-size: 11px;
328
- font-weight: bold;
329
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
330
- text-transform: uppercase;
331
- }
332
- .selectize-dropdown .optgroup:first-child:before {
333
- display: none;
334
- }
335
- .selectize-dropdown .optgroup:before {
336
- content: ' ';
337
- display: block;
338
- *width: 100%;
339
- height: 1px;
340
- margin: 9px 1px;
341
- *margin: -5px 0 5px;
342
- overflow: hidden;
343
- background-color: #e5e5e5;
344
- border-bottom: 1px solid #ffffff;
345
- margin-left: -10px;
346
- margin-right: -10px;
347
- }
348
- .selectize-dropdown [data-selectable].active {
349
- background-color: #0081c2;
350
- background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
351
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
352
- background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
353
- background-image: -o-linear-gradient(top, #0088cc, #0077b3);
354
- background-image: linear-gradient(to bottom, #0088cc, #0077b3);
355
- background-repeat: repeat-x;
356
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
357
- }
358
- .selectize-dropdown-content {
359
- padding: 5px 0;
360
- }
361
- .selectize-dropdown-header {
362
- padding: 6px 10px;
363
- }
364
- .selectize-input {
365
- -webkit-transition: border linear .2s, box-shadow linear .2s;
366
- -moz-transition: border linear .2s, box-shadow linear .2s;
367
- -o-transition: border linear .2s, box-shadow linear .2s;
368
- transition: border linear .2s, box-shadow linear .2s;
369
- }
370
- .selectize-input.dropdown-active {
371
- -webkit-border-radius: 4px;
372
- -moz-border-radius: 4px;
373
- border-radius: 4px;
374
- }
375
- .selectize-input.dropdown-active::before {
376
- display: none;
377
- }
378
- .selectize-input.input-active,
379
- .selectize-input.input-active:hover,
380
- .selectize-control.multi .selectize-input.focus {
381
- background: #ffffff !important;
382
- border-color: rgba(82, 168, 236, 0.8) !important;
383
- outline: 0 !important;
384
- outline: thin dotted \9 !important;
385
- -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) !important;
386
- -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) !important;
387
- box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) !important;
388
- }
389
- .selectize-control.single .selectize-input {
390
- color: #333333;
391
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
392
- background-color: #f5f5f5;
393
- background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
394
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
395
- background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
396
- background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
397
- background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
398
- background-repeat: repeat-x;
399
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
400
- border-color: #e6e6e6 #e6e6e6 #bfbfbf;
401
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
402
- *background-color: #e6e6e6;
403
- /* Darken IE7 buttons by default so they stand out more given they won't have borders */
404
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
405
- -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
406
- -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
407
- box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
408
- }
409
- .selectize-control.single .selectize-input:hover,
410
- .selectize-control.single .selectize-input:focus,
411
- .selectize-control.single .selectize-input:active,
412
- .selectize-control.single .selectize-input.active,
413
- .selectize-control.single .selectize-input.disabled,
414
- .selectize-control.single .selectize-input[disabled] {
415
- color: #333333;
416
- background-color: #e6e6e6;
417
- *background-color: #d9d9d9;
418
- }
419
- .selectize-control.single .selectize-input:active,
420
- .selectize-control.single .selectize-input.active {
421
- background-color: #cccccc \9;
422
- }
423
- .selectize-control.single .selectize-input:hover {
424
- color: #333333;
425
- text-decoration: none;
426
- background-position: 0 -15px;
427
- -webkit-transition: background-position 0.1s linear;
428
- -moz-transition: background-position 0.1s linear;
429
- -o-transition: background-position 0.1s linear;
430
- transition: background-position 0.1s linear;
431
- }
432
- .selectize-control.single .selectize-input.disabled {
433
- background: #e6e6e6 !important;
434
- -webkit-box-shadow: none;
435
- -moz-box-shadow: none;
436
- box-shadow: none;
437
- }
438
- .selectize-control.multi .selectize-input {
439
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
440
- -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
441
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
442
- }
443
- .selectize-control.multi .selectize-input.has-items {
444
- padding-left: 7px;
445
- padding-right: 7px;
446
- }
447
- .selectize-control.multi .selectize-input > div {
448
- color: #333333;
449
- text-shadow: none;
450
- background-color: #f5f5f5;
451
- background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
452
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
453
- background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
454
- background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
455
- background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
456
- background-repeat: repeat-x;
457
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
458
- border-color: #e6e6e6 #e6e6e6 #bfbfbf;
459
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
460
- *background-color: #e6e6e6;
461
- border: 1px solid #cccccc;
462
- -webkit-border-radius: 4px;
463
- -moz-border-radius: 4px;
464
- border-radius: 4px;
465
- -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
466
- -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
467
- box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
468
- }
469
- .selectize-control.multi .selectize-input > div.active {
470
- -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
471
- -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
472
- box-shadow: 0 1px 2px rgba(0,0,0,.05);
473
- color: #ffffff;
474
- text-shadow: none;
475
- background-color: #0081c2;
476
- background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
477
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
478
- background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
479
- background-image: -o-linear-gradient(top, #0088cc, #0077b3);
480
- background-image: linear-gradient(to bottom, #0088cc, #0077b3);
481
- background-repeat: repeat-x;
482
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
483
- border-color: #0077b3 #0077b3 #004466;
484
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
485
- *background-color: #0088cc;
486
- border: 1px solid #0088cc;
487
- }
1
+ /**
2
+ * selectize.bootstrap2.css (v0.12.0) - Bootstrap 2 Theme
3
+ * Copyright (c) 2013–2015 Brian Reavis & contributors
4
+ *
5
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
6
+ * file except in compliance with the License. You may obtain a copy of the License at:
7
+ * http://www.apache.org/licenses/LICENSE-2.0
8
+ *
9
+ * Unless required by applicable law or agreed to in writing, software distributed under
10
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
11
+ * ANY KIND, either express or implied. See the License for the specific language
12
+ * governing permissions and limitations under the License.
13
+ *
14
+ * @author Brian Reavis <brian@thirdroute.com>
15
+ */
16
+ .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
17
+ visibility: visible !important;
18
+ background: #f2f2f2 !important;
19
+ background: rgba(0, 0, 0, 0.06) !important;
20
+ border: 0 none !important;
21
+ -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
22
+ box-shadow: inset 0 0 12px 4px #ffffff;
23
+ }
24
+ .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
25
+ content: '!';
26
+ visibility: hidden;
27
+ }
28
+ .selectize-control.plugin-drag_drop .ui-sortable-helper {
29
+ -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
30
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
31
+ }
32
+ .selectize-dropdown-header {
33
+ position: relative;
34
+ padding: 3px 10px;
35
+ border-bottom: 1px solid #d0d0d0;
36
+ background: #f8f8f8;
37
+ -webkit-border-radius: 4px 4px 0 0;
38
+ -moz-border-radius: 4px 4px 0 0;
39
+ border-radius: 4px 4px 0 0;
40
+ }
41
+ .selectize-dropdown-header-close {
42
+ position: absolute;
43
+ right: 10px;
44
+ top: 50%;
45
+ color: #333333;
46
+ opacity: 0.4;
47
+ margin-top: -12px;
48
+ line-height: 20px;
49
+ font-size: 20px !important;
50
+ }
51
+ .selectize-dropdown-header-close:hover {
52
+ color: #000000;
53
+ }
54
+ .selectize-dropdown.plugin-optgroup_columns .optgroup {
55
+ border-right: 1px solid #f2f2f2;
56
+ border-top: 0 none;
57
+ float: left;
58
+ -webkit-box-sizing: border-box;
59
+ -moz-box-sizing: border-box;
60
+ box-sizing: border-box;
61
+ }
62
+ .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
63
+ border-right: 0 none;
64
+ }
65
+ .selectize-dropdown.plugin-optgroup_columns .optgroup:before {
66
+ display: none;
67
+ }
68
+ .selectize-dropdown.plugin-optgroup_columns .optgroup-header {
69
+ border-top: 0 none;
70
+ }
71
+ .selectize-control.plugin-remove_button [data-value] {
72
+ position: relative;
73
+ padding-right: 24px !important;
74
+ }
75
+ .selectize-control.plugin-remove_button [data-value] .remove {
76
+ z-index: 1;
77
+ /* fixes ie bug (see #392) */
78
+ position: absolute;
79
+ top: 0;
80
+ right: 0;
81
+ bottom: 0;
82
+ width: 17px;
83
+ text-align: center;
84
+ font-weight: bold;
85
+ font-size: 12px;
86
+ color: inherit;
87
+ text-decoration: none;
88
+ vertical-align: middle;
89
+ display: inline-block;
90
+ padding: 1px 0 0 0;
91
+ border-left: 1px solid #cccccc;
92
+ -webkit-border-radius: 0 2px 2px 0;
93
+ -moz-border-radius: 0 2px 2px 0;
94
+ border-radius: 0 2px 2px 0;
95
+ -webkit-box-sizing: border-box;
96
+ -moz-box-sizing: border-box;
97
+ box-sizing: border-box;
98
+ }
99
+ .selectize-control.plugin-remove_button [data-value] .remove:hover {
100
+ background: rgba(0, 0, 0, 0.05);
101
+ }
102
+ .selectize-control.plugin-remove_button [data-value].active .remove {
103
+ border-left-color: #0077b3;
104
+ }
105
+ .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
106
+ background: none;
107
+ }
108
+ .selectize-control.plugin-remove_button .disabled [data-value] .remove {
109
+ border-left-color: #e0e0e0;
110
+ }
111
+ .selectize-control {
112
+ position: relative;
113
+ }
114
+ .selectize-dropdown,
115
+ .selectize-input,
116
+ .selectize-input input {
117
+ color: #333333;
118
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
119
+ font-size: 14px;
120
+ line-height: 20px;
121
+ -webkit-font-smoothing: inherit;
122
+ }
123
+ .selectize-input,
124
+ .selectize-control.single .selectize-input.input-active {
125
+ background: #ffffff;
126
+ cursor: text;
127
+ display: inline-block;
128
+ }
129
+ .selectize-input {
130
+ border: 1px solid #d0d0d0;
131
+ padding: 7px 10px;
132
+ display: inline-block;
133
+ width: 100%;
134
+ overflow: hidden;
135
+ position: relative;
136
+ z-index: 1;
137
+ -webkit-box-sizing: border-box;
138
+ -moz-box-sizing: border-box;
139
+ box-sizing: border-box;
140
+ -webkit-box-shadow: none;
141
+ box-shadow: none;
142
+ -webkit-border-radius: 4px;
143
+ -moz-border-radius: 4px;
144
+ border-radius: 4px;
145
+ }
146
+ .selectize-control.multi .selectize-input.has-items {
147
+ padding: 5px 10px 2px;
148
+ }
149
+ .selectize-input.full {
150
+ background-color: #ffffff;
151
+ }
152
+ .selectize-input.disabled,
153
+ .selectize-input.disabled * {
154
+ cursor: default !important;
155
+ }
156
+ .selectize-input.focus {
157
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
158
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
159
+ }
160
+ .selectize-input.dropdown-active {
161
+ -webkit-border-radius: 4px 4px 0 0;
162
+ -moz-border-radius: 4px 4px 0 0;
163
+ border-radius: 4px 4px 0 0;
164
+ }
165
+ .selectize-input > * {
166
+ vertical-align: baseline;
167
+ display: -moz-inline-stack;
168
+ display: inline-block;
169
+ zoom: 1;
170
+ *display: inline;
171
+ }
172
+ .selectize-control.multi .selectize-input > div {
173
+ cursor: pointer;
174
+ margin: 0 3px 3px 0;
175
+ padding: 1px 3px;
176
+ background: #e6e6e6;
177
+ color: #333333;
178
+ border: 1px solid #cccccc;
179
+ }
180
+ .selectize-control.multi .selectize-input > div.active {
181
+ background: #0088cc;
182
+ color: #ffffff;
183
+ border: 1px solid #0077b3;
184
+ }
185
+ .selectize-control.multi .selectize-input.disabled > div,
186
+ .selectize-control.multi .selectize-input.disabled > div.active {
187
+ color: #474747;
188
+ background: #fafafa;
189
+ border: 1px solid #e0e0e0;
190
+ }
191
+ .selectize-input > input {
192
+ display: inline-block !important;
193
+ padding: 0 !important;
194
+ min-height: 0 !important;
195
+ max-height: none !important;
196
+ max-width: 100% !important;
197
+ margin: 0 !important;
198
+ text-indent: 0 !important;
199
+ border: 0 none !important;
200
+ background: none !important;
201
+ line-height: inherit !important;
202
+ -webkit-user-select: auto !important;
203
+ -webkit-box-shadow: none !important;
204
+ box-shadow: none !important;
205
+ }
206
+ .selectize-input > input::-ms-clear {
207
+ display: none;
208
+ }
209
+ .selectize-input > input:focus {
210
+ outline: none !important;
211
+ }
212
+ .selectize-input::after {
213
+ content: ' ';
214
+ display: block;
215
+ clear: left;
216
+ }
217
+ .selectize-input.dropdown-active::before {
218
+ content: ' ';
219
+ display: block;
220
+ position: absolute;
221
+ background: #e5e5e5;
222
+ height: 1px;
223
+ bottom: 0;
224
+ left: 0;
225
+ right: 0;
226
+ }
227
+ .selectize-dropdown {
228
+ position: absolute;
229
+ z-index: 10;
230
+ border: 1px solid #cccccc;
231
+ background: #ffffff;
232
+ margin: -1px 0 0 0;
233
+ border-top: 0 none;
234
+ -webkit-box-sizing: border-box;
235
+ -moz-box-sizing: border-box;
236
+ box-sizing: border-box;
237
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
238
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
239
+ -webkit-border-radius: 0 0 4px 4px;
240
+ -moz-border-radius: 0 0 4px 4px;
241
+ border-radius: 0 0 4px 4px;
242
+ }
243
+ .selectize-dropdown [data-selectable] {
244
+ cursor: pointer;
245
+ overflow: hidden;
246
+ }
247
+ .selectize-dropdown [data-selectable] .highlight {
248
+ background: rgba(255, 237, 40, 0.4);
249
+ -webkit-border-radius: 1px;
250
+ -moz-border-radius: 1px;
251
+ border-radius: 1px;
252
+ }
253
+ .selectize-dropdown [data-selectable],
254
+ .selectize-dropdown .optgroup-header {
255
+ padding: 3px 10px;
256
+ }
257
+ .selectize-dropdown .optgroup:first-child .optgroup-header {
258
+ border-top: 0 none;
259
+ }
260
+ .selectize-dropdown .optgroup-header {
261
+ color: #999999;
262
+ background: #ffffff;
263
+ cursor: default;
264
+ }
265
+ .selectize-dropdown .active {
266
+ background-color: #0088cc;
267
+ color: #ffffff;
268
+ }
269
+ .selectize-dropdown .active.create {
270
+ color: #ffffff;
271
+ }
272
+ .selectize-dropdown .create {
273
+ color: rgba(51, 51, 51, 0.5);
274
+ }
275
+ .selectize-dropdown-content {
276
+ overflow-y: auto;
277
+ overflow-x: hidden;
278
+ max-height: 200px;
279
+ }
280
+ .selectize-control.single .selectize-input,
281
+ .selectize-control.single .selectize-input input {
282
+ cursor: pointer;
283
+ }
284
+ .selectize-control.single .selectize-input.input-active,
285
+ .selectize-control.single .selectize-input.input-active input {
286
+ cursor: text;
287
+ }
288
+ .selectize-control.single .selectize-input:after {
289
+ content: ' ';
290
+ display: block;
291
+ position: absolute;
292
+ top: 50%;
293
+ right: 15px;
294
+ margin-top: -3px;
295
+ width: 0;
296
+ height: 0;
297
+ border-style: solid;
298
+ border-width: 5px 5px 0 5px;
299
+ border-color: #000000 transparent transparent transparent;
300
+ }
301
+ .selectize-control.single .selectize-input.dropdown-active:after {
302
+ margin-top: -4px;
303
+ border-width: 0 5px 5px 5px;
304
+ border-color: transparent transparent #000000 transparent;
305
+ }
306
+ .selectize-control.rtl.single .selectize-input:after {
307
+ left: 15px;
308
+ right: auto;
309
+ }
310
+ .selectize-control.rtl .selectize-input > input {
311
+ margin: 0 4px 0 -2px !important;
312
+ }
313
+ .selectize-control .selectize-input.disabled {
314
+ opacity: 0.5;
315
+ background-color: #ffffff;
316
+ }
317
+ .selectize-dropdown {
318
+ margin: 2px 0 0 0;
319
+ z-index: 1000;
320
+ border: 1px solid rgba(0, 0, 0, 0.2);
321
+ border-radius: 4px;
322
+ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
323
+ -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
324
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
325
+ }
326
+ .selectize-dropdown .optgroup-header {
327
+ font-size: 11px;
328
+ font-weight: bold;
329
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
330
+ text-transform: uppercase;
331
+ }
332
+ .selectize-dropdown .optgroup:first-child:before {
333
+ display: none;
334
+ }
335
+ .selectize-dropdown .optgroup:before {
336
+ content: ' ';
337
+ display: block;
338
+ *width: 100%;
339
+ height: 1px;
340
+ margin: 9px 1px;
341
+ *margin: -5px 0 5px;
342
+ overflow: hidden;
343
+ background-color: #e5e5e5;
344
+ border-bottom: 1px solid #ffffff;
345
+ margin-left: -10px;
346
+ margin-right: -10px;
347
+ }
348
+ .selectize-dropdown [data-selectable].active {
349
+ background-color: #0081c2;
350
+ background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
351
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
352
+ background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
353
+ background-image: -o-linear-gradient(top, #0088cc, #0077b3);
354
+ background-image: linear-gradient(to bottom, #0088cc, #0077b3);
355
+ background-repeat: repeat-x;
356
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
357
+ }
358
+ .selectize-dropdown-content {
359
+ padding: 5px 0;
360
+ }
361
+ .selectize-dropdown-header {
362
+ padding: 6px 10px;
363
+ }
364
+ .selectize-input {
365
+ -webkit-transition: border linear .2s, box-shadow linear .2s;
366
+ -moz-transition: border linear .2s, box-shadow linear .2s;
367
+ -o-transition: border linear .2s, box-shadow linear .2s;
368
+ transition: border linear .2s, box-shadow linear .2s;
369
+ }
370
+ .selectize-input.dropdown-active {
371
+ -webkit-border-radius: 4px;
372
+ -moz-border-radius: 4px;
373
+ border-radius: 4px;
374
+ }
375
+ .selectize-input.dropdown-active::before {
376
+ display: none;
377
+ }
378
+ .selectize-input.input-active,
379
+ .selectize-input.input-active:hover,
380
+ .selectize-control.multi .selectize-input.focus {
381
+ background: #ffffff !important;
382
+ border-color: rgba(82, 168, 236, 0.8) !important;
383
+ outline: 0 !important;
384
+ outline: thin dotted \9 !important;
385
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) !important;
386
+ -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) !important;
387
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6) !important;
388
+ }
389
+ .selectize-control.single .selectize-input {
390
+ color: #333333;
391
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
392
+ background-color: #f5f5f5;
393
+ background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
394
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
395
+ background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
396
+ background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
397
+ background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
398
+ background-repeat: repeat-x;
399
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
400
+ border-color: #e6e6e6 #e6e6e6 #bfbfbf;
401
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
402
+ *background-color: #e6e6e6;
403
+ /* Darken IE7 buttons by default so they stand out more given they won't have borders */
404
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
405
+ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
406
+ -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
407
+ box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
408
+ }
409
+ .selectize-control.single .selectize-input:hover,
410
+ .selectize-control.single .selectize-input:focus,
411
+ .selectize-control.single .selectize-input:active,
412
+ .selectize-control.single .selectize-input.active,
413
+ .selectize-control.single .selectize-input.disabled,
414
+ .selectize-control.single .selectize-input[disabled] {
415
+ color: #333333;
416
+ background-color: #e6e6e6;
417
+ *background-color: #d9d9d9;
418
+ }
419
+ .selectize-control.single .selectize-input:active,
420
+ .selectize-control.single .selectize-input.active {
421
+ background-color: #cccccc \9;
422
+ }
423
+ .selectize-control.single .selectize-input:hover {
424
+ color: #333333;
425
+ text-decoration: none;
426
+ background-position: 0 -15px;
427
+ -webkit-transition: background-position 0.1s linear;
428
+ -moz-transition: background-position 0.1s linear;
429
+ -o-transition: background-position 0.1s linear;
430
+ transition: background-position 0.1s linear;
431
+ }
432
+ .selectize-control.single .selectize-input.disabled {
433
+ background: #e6e6e6 !important;
434
+ -webkit-box-shadow: none;
435
+ -moz-box-shadow: none;
436
+ box-shadow: none;
437
+ }
438
+ .selectize-control.multi .selectize-input {
439
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
440
+ -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
441
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
442
+ }
443
+ .selectize-control.multi .selectize-input.has-items {
444
+ padding-left: 7px;
445
+ padding-right: 7px;
446
+ }
447
+ .selectize-control.multi .selectize-input > div {
448
+ color: #333333;
449
+ text-shadow: none;
450
+ background-color: #f5f5f5;
451
+ background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
452
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
453
+ background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
454
+ background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
455
+ background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
456
+ background-repeat: repeat-x;
457
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
458
+ border-color: #e6e6e6 #e6e6e6 #bfbfbf;
459
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
460
+ *background-color: #e6e6e6;
461
+ border: 1px solid #cccccc;
462
+ -webkit-border-radius: 4px;
463
+ -moz-border-radius: 4px;
464
+ border-radius: 4px;
465
+ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
466
+ -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
467
+ box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
468
+ }
469
+ .selectize-control.multi .selectize-input > div.active {
470
+ -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
471
+ -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
472
+ box-shadow: 0 1px 2px rgba(0,0,0,.05);
473
+ color: #ffffff;
474
+ text-shadow: none;
475
+ background-color: #0081c2;
476
+ background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
477
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
478
+ background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
479
+ background-image: -o-linear-gradient(top, #0088cc, #0077b3);
480
+ background-image: linear-gradient(to bottom, #0088cc, #0077b3);
481
+ background-repeat: repeat-x;
482
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
483
+ border-color: #0077b3 #0077b3 #004466;
484
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
485
+ *background-color: #0088cc;
486
+ border: 1px solid #0088cc;
487
+ }