selectize-rails 0.8.5 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  /**
2
- * selectize.bootstrap3.css (v0.8.5) - Bootstrap 3 Theme
2
+ * selectize.bootstrap3.css (v0.9.0) - Bootstrap 3 Theme
3
3
  * Copyright (c) 2013 Brian Reavis & contributors
4
4
  *
5
5
  * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
@@ -13,436 +13,373 @@
13
13
  *
14
14
  * @author Brian Reavis <brian@thirdroute.com>
15
15
  */
16
-
17
16
  .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
17
+ visibility: visible !important;
18
18
  background: #f2f2f2 !important;
19
19
  background: rgba(0, 0, 0, 0.06) !important;
20
20
  border: 0 none !important;
21
- visibility: visible !important;
22
21
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
23
- box-shadow: inset 0 0 12px 4px #ffffff;
22
+ box-shadow: inset 0 0 12px 4px #ffffff;
24
23
  }
25
-
26
24
  .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
27
25
  content: '!';
28
26
  visibility: hidden;
29
27
  }
30
-
31
28
  .selectize-control.plugin-drag_drop .ui-sortable-helper {
32
29
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
33
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
30
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
34
31
  }
35
-
36
32
  .selectize-dropdown-header {
37
33
  position: relative;
38
34
  padding: 3px 12px;
39
- background: #f8f8f8;
40
35
  border-bottom: 1px solid #d0d0d0;
36
+ background: #f8f8f8;
41
37
  -webkit-border-radius: 4px 4px 0 0;
42
- -moz-border-radius: 4px 4px 0 0;
43
- border-radius: 4px 4px 0 0;
38
+ -moz-border-radius: 4px 4px 0 0;
39
+ border-radius: 4px 4px 0 0;
44
40
  }
45
-
46
41
  .selectize-dropdown-header-close {
47
42
  position: absolute;
48
- top: 50%;
49
43
  right: 12px;
50
- margin-top: -12px;
51
- font-size: 20px !important;
52
- line-height: 20px;
44
+ top: 50%;
53
45
  color: #333333;
54
46
  opacity: 0.4;
47
+ margin-top: -12px;
48
+ line-height: 20px;
49
+ font-size: 20px !important;
55
50
  }
56
-
57
51
  .selectize-dropdown-header-close:hover {
58
52
  color: #000000;
59
53
  }
60
-
61
54
  .selectize-dropdown.plugin-optgroup_columns .optgroup {
62
- float: left;
63
- border-top: 0 none;
64
55
  border-right: 1px solid #f2f2f2;
56
+ border-top: 0 none;
57
+ float: left;
65
58
  -webkit-box-sizing: border-box;
66
- -moz-box-sizing: border-box;
67
- box-sizing: border-box;
59
+ -moz-box-sizing: border-box;
60
+ box-sizing: border-box;
68
61
  }
69
-
70
62
  .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
71
63
  border-right: 0 none;
72
64
  }
73
-
74
65
  .selectize-dropdown.plugin-optgroup_columns .optgroup:before {
75
66
  display: none;
76
67
  }
77
-
78
68
  .selectize-dropdown.plugin-optgroup_columns .optgroup-header {
79
69
  border-top: 0 none;
80
70
  }
81
-
82
71
  .selectize-control.plugin-remove_button [data-value] {
83
72
  position: relative;
84
73
  padding-right: 24px !important;
85
74
  }
86
-
87
75
  .selectize-control.plugin-remove_button [data-value] .remove {
88
76
  position: absolute;
89
77
  top: 0;
90
78
  right: 0;
91
79
  bottom: 0;
92
- display: inline-block;
93
80
  width: 17px;
94
- padding: 1px 0 0 0;
95
- font-size: 12px;
81
+ text-align: center;
96
82
  font-weight: bold;
83
+ font-size: 12px;
97
84
  color: inherit;
98
- text-align: center;
99
85
  text-decoration: none;
100
86
  vertical-align: middle;
87
+ display: inline-block;
88
+ padding: 1px 0 0 0;
101
89
  border-left: 1px solid rgba(0, 0, 0, 0);
102
90
  -webkit-border-radius: 0 2px 2px 0;
103
- -moz-border-radius: 0 2px 2px 0;
104
- border-radius: 0 2px 2px 0;
91
+ -moz-border-radius: 0 2px 2px 0;
92
+ border-radius: 0 2px 2px 0;
105
93
  -webkit-box-sizing: border-box;
106
- -moz-box-sizing: border-box;
107
- box-sizing: border-box;
94
+ -moz-box-sizing: border-box;
95
+ box-sizing: border-box;
108
96
  }
109
-
110
97
  .selectize-control.plugin-remove_button [data-value] .remove:hover {
111
98
  background: rgba(0, 0, 0, 0.05);
112
99
  }
113
-
114
100
  .selectize-control.plugin-remove_button [data-value].active .remove {
115
101
  border-left-color: rgba(0, 0, 0, 0);
116
102
  }
117
-
118
103
  .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
119
104
  background: none;
120
105
  }
121
-
122
106
  .selectize-control.plugin-remove_button .disabled [data-value] .remove {
123
107
  border-left-color: rgba(77, 77, 77, 0);
124
108
  }
125
-
126
109
  .selectize-control {
127
110
  position: relative;
128
111
  }
129
-
130
112
  .selectize-dropdown,
131
113
  .selectize-input,
132
114
  .selectize-input input {
115
+ color: #333333;
133
116
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
134
117
  font-size: 14px;
135
- -webkit-font-smoothing: inherit;
136
118
  line-height: 20px;
137
- color: #333333;
119
+ -webkit-font-smoothing: inherit;
138
120
  }
139
-
140
121
  .selectize-input,
141
122
  .selectize-control.single .selectize-input.input-active {
142
- display: inline-block;
143
- cursor: text;
144
123
  background: #ffffff;
124
+ cursor: text;
125
+ display: inline-block;
145
126
  }
146
-
147
127
  .selectize-input {
148
- position: relative;
149
- z-index: 1;
128
+ border: 1px solid #cccccc;
129
+ padding: 6px 12px;
150
130
  display: inline-block;
151
131
  width: 100%;
152
- padding: 6px 12px;
153
132
  overflow: hidden;
154
- border: 1px solid #cccccc;
155
- -webkit-border-radius: 4px;
156
- -moz-border-radius: 4px;
157
- border-radius: 4px;
158
- -webkit-box-shadow: none;
159
- box-shadow: none;
133
+ position: relative;
134
+ z-index: 1;
160
135
  -webkit-box-sizing: border-box;
161
- -moz-box-sizing: border-box;
162
- box-sizing: border-box;
136
+ -moz-box-sizing: border-box;
137
+ box-sizing: border-box;
138
+ -webkit-box-shadow: none;
139
+ box-shadow: none;
140
+ -webkit-border-radius: 4px;
141
+ -moz-border-radius: 4px;
142
+ border-radius: 4px;
163
143
  }
164
-
165
144
  .selectize-control.multi .selectize-input.has-items {
166
145
  padding: 5px 12px 2px;
167
146
  }
168
-
169
147
  .selectize-input.full {
170
148
  background-color: #ffffff;
171
149
  }
172
-
173
150
  .selectize-input.disabled,
174
151
  .selectize-input.disabled * {
175
152
  cursor: default !important;
176
153
  }
177
-
178
154
  .selectize-input.focus {
179
155
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
180
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
156
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
181
157
  }
182
-
183
158
  .selectize-input.dropdown-active {
184
159
  -webkit-border-radius: 4px 4px 0 0;
185
- -moz-border-radius: 4px 4px 0 0;
186
- border-radius: 4px 4px 0 0;
160
+ -moz-border-radius: 4px 4px 0 0;
161
+ border-radius: 4px 4px 0 0;
187
162
  }
188
-
189
163
  .selectize-input > * {
164
+ vertical-align: baseline;
190
165
  display: -moz-inline-stack;
191
166
  display: inline-block;
192
- *display: inline;
193
- vertical-align: baseline;
194
167
  zoom: 1;
168
+ *display: inline;
195
169
  }
196
-
197
170
  .selectize-control.multi .selectize-input > div {
198
- padding: 1px 3px;
199
- margin: 0 3px 3px 0;
200
- color: #333333;
201
171
  cursor: pointer;
172
+ margin: 0 3px 3px 0;
173
+ padding: 1px 3px;
202
174
  background: #efefef;
175
+ color: #333333;
203
176
  border: 0 solid rgba(0, 0, 0, 0);
204
177
  }
205
-
206
178
  .selectize-control.multi .selectize-input > div.active {
207
- color: #ffffff;
208
179
  background: #428bca;
180
+ color: #ffffff;
209
181
  border: 0 solid rgba(0, 0, 0, 0);
210
182
  }
211
-
212
183
  .selectize-control.multi .selectize-input.disabled > div,
213
184
  .selectize-control.multi .selectize-input.disabled > div.active {
214
185
  color: #808080;
215
186
  background: #ffffff;
216
187
  border: 0 solid rgba(77, 77, 77, 0);
217
188
  }
218
-
219
189
  .selectize-input > input {
220
- max-width: 100% !important;
221
- max-height: none !important;
222
- min-height: 0 !important;
223
190
  padding: 0 !important;
191
+ min-height: 0 !important;
192
+ max-height: none !important;
193
+ max-width: 100% !important;
224
194
  margin: 0 !important;
225
- line-height: inherit !important;
226
195
  text-indent: 0 !important;
227
- background: none !important;
228
196
  border: 0 none !important;
229
- -webkit-box-shadow: none !important;
230
- box-shadow: none !important;
197
+ background: none !important;
198
+ line-height: inherit !important;
231
199
  -webkit-user-select: auto !important;
200
+ -webkit-box-shadow: none !important;
201
+ box-shadow: none !important;
232
202
  }
233
-
234
203
  .selectize-input > input:focus {
235
204
  outline: none !important;
236
205
  }
237
-
238
206
  .selectize-input::after {
207
+ content: ' ';
239
208
  display: block;
240
209
  clear: left;
241
- content: ' ';
242
210
  }
243
-
244
211
  .selectize-input.dropdown-active::before {
212
+ content: ' ';
213
+ display: block;
245
214
  position: absolute;
246
- right: 0;
215
+ background: #ffffff;
216
+ height: 1px;
247
217
  bottom: 0;
248
218
  left: 0;
249
- display: block;
250
- height: 1px;
251
- background: #ffffff;
252
- content: ' ';
219
+ right: 0;
253
220
  }
254
-
255
221
  .selectize-dropdown {
256
222
  position: absolute;
257
223
  z-index: 10;
258
- margin: -1px 0 0 0;
259
- background: #ffffff;
260
224
  border: 1px solid #cccccc;
225
+ background: #ffffff;
226
+ margin: -1px 0 0 0;
261
227
  border-top: 0 none;
262
- -webkit-border-radius: 0 0 4px 4px;
263
- -moz-border-radius: 0 0 4px 4px;
264
- border-radius: 0 0 4px 4px;
265
- -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
266
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
267
228
  -webkit-box-sizing: border-box;
268
- -moz-box-sizing: border-box;
269
- box-sizing: border-box;
229
+ -moz-box-sizing: border-box;
230
+ box-sizing: border-box;
231
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
232
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
233
+ -webkit-border-radius: 0 0 4px 4px;
234
+ -moz-border-radius: 0 0 4px 4px;
235
+ border-radius: 0 0 4px 4px;
270
236
  }
271
-
272
237
  .selectize-dropdown [data-selectable] {
273
- overflow: hidden;
274
238
  cursor: pointer;
239
+ overflow: hidden;
275
240
  }
276
-
277
241
  .selectize-dropdown [data-selectable] .highlight {
278
242
  background: rgba(255, 237, 40, 0.4);
279
243
  -webkit-border-radius: 1px;
280
- -moz-border-radius: 1px;
281
- border-radius: 1px;
244
+ -moz-border-radius: 1px;
245
+ border-radius: 1px;
282
246
  }
283
-
284
247
  .selectize-dropdown [data-selectable],
285
248
  .selectize-dropdown .optgroup-header {
286
249
  padding: 3px 12px;
287
250
  }
288
-
289
251
  .selectize-dropdown .optgroup:first-child .optgroup-header {
290
252
  border-top: 0 none;
291
253
  }
292
-
293
254
  .selectize-dropdown .optgroup-header {
294
255
  color: #999999;
295
- cursor: default;
296
256
  background: #ffffff;
257
+ cursor: default;
297
258
  }
298
-
299
259
  .selectize-dropdown .active {
300
- color: #262626;
301
260
  background-color: #f5f5f5;
261
+ color: #262626;
302
262
  }
303
-
304
263
  .selectize-dropdown .active.create {
305
264
  color: #262626;
306
265
  }
307
-
308
266
  .selectize-dropdown .create {
309
267
  color: rgba(51, 51, 51, 0.5);
310
268
  }
311
-
312
269
  .selectize-dropdown-content {
313
- max-height: 200px;
314
- overflow-x: hidden;
315
270
  overflow-y: auto;
271
+ overflow-x: hidden;
272
+ max-height: 200px;
316
273
  }
317
-
318
274
  .selectize-control.single .selectize-input,
319
275
  .selectize-control.single .selectize-input input {
320
276
  cursor: pointer;
321
277
  }
322
-
323
278
  .selectize-control.single .selectize-input.input-active,
324
279
  .selectize-control.single .selectize-input.input-active input {
325
280
  cursor: text;
326
281
  }
327
-
328
282
  .selectize-control.single .selectize-input:after {
283
+ content: ' ';
284
+ display: block;
329
285
  position: absolute;
330
286
  top: 50%;
331
287
  right: 17px;
332
- display: block;
288
+ margin-top: -3px;
333
289
  width: 0;
334
290
  height: 0;
335
- margin-top: -3px;
336
- border-color: #000000 transparent transparent transparent;
337
291
  border-style: solid;
338
292
  border-width: 5px 5px 0 5px;
339
- content: ' ';
293
+ border-color: #333333 transparent transparent transparent;
340
294
  }
341
-
342
295
  .selectize-control.single .selectize-input.dropdown-active:after {
343
296
  margin-top: -4px;
344
- border-color: transparent transparent #000000 transparent;
345
297
  border-width: 0 5px 5px 5px;
298
+ border-color: transparent transparent #333333 transparent;
346
299
  }
347
-
348
300
  .selectize-control.rtl.single .selectize-input:after {
349
- right: auto;
350
301
  left: 17px;
302
+ right: auto;
351
303
  }
352
-
353
304
  .selectize-control.rtl .selectize-input > input {
354
305
  margin: 0 4px 0 -2px !important;
355
306
  }
356
-
357
307
  .selectize-control .selectize-input.disabled {
358
- background-color: #ffffff;
359
308
  opacity: 0.5;
309
+ background-color: #ffffff;
360
310
  }
361
-
362
311
  .selectize-dropdown,
363
312
  .selectize-dropdown.form-control {
364
- z-index: 1000;
365
313
  height: auto;
366
314
  padding: 0;
367
315
  margin: 2px 0 0 0;
316
+ z-index: 1000;
368
317
  background: #ffffff;
369
318
  border: 1px solid #cccccc;
370
319
  border: 1px solid rgba(0, 0, 0, 0.15);
371
320
  -webkit-border-radius: 4px;
372
- -moz-border-radius: 4px;
373
- border-radius: 4px;
321
+ -moz-border-radius: 4px;
322
+ border-radius: 4px;
374
323
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
375
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
324
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
376
325
  }
377
-
378
326
  .selectize-dropdown .optgroup-header {
379
327
  font-size: 12px;
380
- line-height: 1.428571429;
328
+ line-height: 1.42857143;
381
329
  }
382
-
383
330
  .selectize-dropdown .optgroup:first-child:before {
384
331
  display: none;
385
332
  }
386
-
387
333
  .selectize-dropdown .optgroup:before {
334
+ content: ' ';
388
335
  display: block;
389
336
  height: 1px;
390
337
  margin: 9px 0;
391
- margin-right: -12px;
392
- margin-left: -12px;
393
338
  overflow: hidden;
394
339
  background-color: #e5e5e5;
395
- content: ' ';
340
+ margin-left: -12px;
341
+ margin-right: -12px;
396
342
  }
397
-
398
343
  .selectize-dropdown-content {
399
344
  padding: 5px 0;
400
345
  }
401
-
402
346
  .selectize-dropdown-header {
403
347
  padding: 6px 12px;
404
348
  }
405
-
406
349
  .selectize-input {
407
350
  min-height: 34px;
408
351
  }
409
-
410
352
  .selectize-input.dropdown-active {
411
353
  -webkit-border-radius: 4px;
412
- -moz-border-radius: 4px;
413
- border-radius: 4px;
354
+ -moz-border-radius: 4px;
355
+ border-radius: 4px;
414
356
  }
415
-
416
357
  .selectize-input.dropdown-active::before {
417
358
  display: none;
418
359
  }
419
-
420
360
  .selectize-input.focus {
421
361
  border-color: #66afe9;
422
362
  outline: 0;
423
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
424
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
363
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
364
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
425
365
  }
426
-
427
366
  .selectize-control.multi .selectize-input.has-items {
428
- padding-right: 9px;
429
367
  padding-left: 9px;
368
+ padding-right: 9px;
430
369
  }
431
-
432
370
  .selectize-control.multi .selectize-input > div {
433
371
  -webkit-border-radius: 3px;
434
- -moz-border-radius: 3px;
435
- border-radius: 3px;
372
+ -moz-border-radius: 3px;
373
+ border-radius: 3px;
436
374
  }
437
-
438
375
  .form-control.selectize-control {
439
- height: auto;
440
376
  padding: 0;
441
- background: none;
377
+ height: auto;
442
378
  border: none;
443
- -webkit-border-radius: 0;
444
- -moz-border-radius: 0;
445
- border-radius: 0;
379
+ background: none;
446
380
  -webkit-box-shadow: none;
447
- box-shadow: none;
448
- }
381
+ box-shadow: none;
382
+ -webkit-border-radius: 0;
383
+ -moz-border-radius: 0;
384
+ border-radius: 0;
385
+ }