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.
Files changed (11) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +1 -0
  3. data/README.md +2 -2
  4. data/lib/selectize-rails/version.rb +1 -1
  5. data/vendor/assets/javascripts/selectize.js +66 -28
  6. data/vendor/assets/stylesheets/selectize.bootstrap2.css +128 -197
  7. data/vendor/assets/stylesheets/selectize.bootstrap3.css +105 -168
  8. data/vendor/assets/stylesheets/selectize.css +84 -133
  9. data/vendor/assets/stylesheets/selectize.default.css +94 -155
  10. data/vendor/assets/stylesheets/selectize.legacy.css +92 -147
  11. metadata +2 -2
data/vendor/assets/stylesheets/selectize.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * selectize.css (v0.8.5)
2
+ * selectize.css (v0.9.0)
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
@@ -15,346 +15,297 @@
15
15
  */
16
16
 
17
17
  .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
18
+ visibility: visible !important;
18
19
  background: #f2f2f2 !important;
19
20
  background: rgba(0, 0, 0, 0.06) !important;
20
21
  border: 0 none !important;
21
- visibility: visible !important;
22
22
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
23
- box-shadow: inset 0 0 12px 4px #ffffff;
23
+ box-shadow: inset 0 0 12px 4px #ffffff;
24
24
  }
25
-
26
25
  .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
27
26
  content: '!';
28
27
  visibility: hidden;
29
28
  }
30
-
31
29
  .selectize-control.plugin-drag_drop .ui-sortable-helper {
32
30
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
33
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
31
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
34
32
  }
35
-
36
33
  .selectize-dropdown-header {
37
34
  position: relative;
38
35
  padding: 5px 8px;
39
- background: #f8f8f8;
40
36
  border-bottom: 1px solid #d0d0d0;
37
+ background: #f8f8f8;
41
38
  -webkit-border-radius: 3px 3px 0 0;
42
- -moz-border-radius: 3px 3px 0 0;
43
- border-radius: 3px 3px 0 0;
39
+ -moz-border-radius: 3px 3px 0 0;
40
+ border-radius: 3px 3px 0 0;
44
41
  }
45
-
46
42
  .selectize-dropdown-header-close {
47
43
  position: absolute;
48
- top: 50%;
49
44
  right: 8px;
50
- margin-top: -12px;
51
- font-size: 20px !important;
52
- line-height: 20px;
45
+ top: 50%;
53
46
  color: #303030;
54
47
  opacity: 0.4;
48
+ margin-top: -12px;
49
+ line-height: 20px;
50
+ font-size: 20px !important;
55
51
  }
56
-
57
52
  .selectize-dropdown-header-close:hover {
58
53
  color: #000000;
59
54
  }
60
-
61
55
  .selectize-dropdown.plugin-optgroup_columns .optgroup {
62
- float: left;
63
- border-top: 0 none;
64
56
  border-right: 1px solid #f2f2f2;
57
+ border-top: 0 none;
58
+ float: left;
65
59
  -webkit-box-sizing: border-box;
66
- -moz-box-sizing: border-box;
67
- box-sizing: border-box;
60
+ -moz-box-sizing: border-box;
61
+ box-sizing: border-box;
68
62
  }
69
-
70
63
  .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
71
64
  border-right: 0 none;
72
65
  }
73
-
74
66
  .selectize-dropdown.plugin-optgroup_columns .optgroup:before {
75
67
  display: none;
76
68
  }
77
-
78
69
  .selectize-dropdown.plugin-optgroup_columns .optgroup-header {
79
70
  border-top: 0 none;
80
71
  }
81
-
82
72
  .selectize-control.plugin-remove_button [data-value] {
83
73
  position: relative;
84
74
  padding-right: 24px !important;
85
75
  }
86
-
87
76
  .selectize-control.plugin-remove_button [data-value] .remove {
88
77
  position: absolute;
89
78
  top: 0;
90
79
  right: 0;
91
80
  bottom: 0;
92
- display: inline-block;
93
81
  width: 17px;
94
- padding: 2px 0 0 0;
95
- font-size: 12px;
82
+ text-align: center;
96
83
  font-weight: bold;
84
+ font-size: 12px;
97
85
  color: inherit;
98
- text-align: center;
99
86
  text-decoration: none;
100
87
  vertical-align: middle;
88
+ display: inline-block;
89
+ padding: 2px 0 0 0;
101
90
  border-left: 1px solid #d0d0d0;
102
91
  -webkit-border-radius: 0 2px 2px 0;
103
- -moz-border-radius: 0 2px 2px 0;
104
- border-radius: 0 2px 2px 0;
92
+ -moz-border-radius: 0 2px 2px 0;
93
+ border-radius: 0 2px 2px 0;
105
94
  -webkit-box-sizing: border-box;
106
- -moz-box-sizing: border-box;
107
- box-sizing: border-box;
95
+ -moz-box-sizing: border-box;
96
+ box-sizing: border-box;
108
97
  }
109
-
110
98
  .selectize-control.plugin-remove_button [data-value] .remove:hover {
111
99
  background: rgba(0, 0, 0, 0.05);
112
100
  }
113
-
114
101
  .selectize-control.plugin-remove_button [data-value].active .remove {
115
102
  border-left-color: #cacaca;
116
103
  }
117
-
118
104
  .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
119
105
  background: none;
120
106
  }
121
-
122
107
  .selectize-control.plugin-remove_button .disabled [data-value] .remove {
123
108
  border-left-color: #ffffff;
124
109
  }
125
-
126
110
  .selectize-control {
127
111
  position: relative;
128
112
  }
129
-
130
113
  .selectize-dropdown,
131
114
  .selectize-input,
132
115
  .selectize-input input {
116
+ color: #303030;
133
117
  font-family: inherit;
134
118
  font-size: 13px;
135
- -webkit-font-smoothing: inherit;
136
119
  line-height: 18px;
137
- color: #303030;
120
+ -webkit-font-smoothing: inherit;
138
121
  }
139
-
140
122
  .selectize-input,
141
123
  .selectize-control.single .selectize-input.input-active {
142
- display: inline-block;
143
- cursor: text;
144
124
  background: #ffffff;
125
+ cursor: text;
126
+ display: inline-block;
145
127
  }
146
-
147
128
  .selectize-input {
148
- position: relative;
149
- z-index: 1;
129
+ border: 1px solid #d0d0d0;
130
+ padding: 8px 8px;
150
131
  display: inline-block;
151
132
  width: 100%;
152
- padding: 8px 8px;
153
133
  overflow: hidden;
154
- border: 1px solid #d0d0d0;
155
- -webkit-border-radius: 3px;
156
- -moz-border-radius: 3px;
157
- border-radius: 3px;
158
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
159
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
134
+ position: relative;
135
+ z-index: 1;
160
136
  -webkit-box-sizing: border-box;
161
- -moz-box-sizing: border-box;
162
- box-sizing: border-box;
137
+ -moz-box-sizing: border-box;
138
+ box-sizing: border-box;
139
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
140
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
141
+ -webkit-border-radius: 3px;
142
+ -moz-border-radius: 3px;
143
+ border-radius: 3px;
163
144
  }
164
-
165
145
  .selectize-control.multi .selectize-input.has-items {
166
146
  padding: 6px 8px 3px;
167
147
  }
168
-
169
148
  .selectize-input.full {
170
149
  background-color: #ffffff;
171
150
  }
172
-
173
151
  .selectize-input.disabled,
174
152
  .selectize-input.disabled * {
175
153
  cursor: default !important;
176
154
  }
177
-
178
155
  .selectize-input.focus {
179
156
  -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);
157
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
181
158
  }
182
-
183
159
  .selectize-input.dropdown-active {
184
160
  -webkit-border-radius: 3px 3px 0 0;
185
- -moz-border-radius: 3px 3px 0 0;
186
- border-radius: 3px 3px 0 0;
161
+ -moz-border-radius: 3px 3px 0 0;
162
+ border-radius: 3px 3px 0 0;
187
163
  }
188
-
189
164
  .selectize-input > * {
165
+ vertical-align: baseline;
190
166
  display: -moz-inline-stack;
191
167
  display: inline-block;
192
- *display: inline;
193
- vertical-align: baseline;
194
168
  zoom: 1;
169
+ *display: inline;
195
170
  }
196
-
197
171
  .selectize-control.multi .selectize-input > div {
198
- padding: 2px 6px;
199
- margin: 0 3px 3px 0;
200
- color: #303030;
201
172
  cursor: pointer;
173
+ margin: 0 3px 3px 0;
174
+ padding: 2px 6px;
202
175
  background: #f2f2f2;
176
+ color: #303030;
203
177
  border: 0 solid #d0d0d0;
204
178
  }
205
-
206
179
  .selectize-control.multi .selectize-input > div.active {
207
- color: #303030;
208
180
  background: #e8e8e8;
181
+ color: #303030;
209
182
  border: 0 solid #cacaca;
210
183
  }
211
-
212
184
  .selectize-control.multi .selectize-input.disabled > div,
213
185
  .selectize-control.multi .selectize-input.disabled > div.active {
214
186
  color: #7d7d7d;
215
187
  background: #ffffff;
216
188
  border: 0 solid #ffffff;
217
189
  }
218
-
219
190
  .selectize-input > input {
220
- max-width: 100% !important;
221
- max-height: none !important;
222
- min-height: 0 !important;
223
191
  padding: 0 !important;
192
+ min-height: 0 !important;
193
+ max-height: none !important;
194
+ max-width: 100% !important;
224
195
  margin: 0 2px 0 0 !important;
225
- line-height: inherit !important;
226
196
  text-indent: 0 !important;
227
- background: none !important;
228
197
  border: 0 none !important;
229
- -webkit-box-shadow: none !important;
230
- box-shadow: none !important;
198
+ background: none !important;
199
+ line-height: inherit !important;
231
200
  -webkit-user-select: auto !important;
201
+ -webkit-box-shadow: none !important;
202
+ box-shadow: none !important;
232
203
  }
233
-
234
204
  .selectize-input > input:focus {
235
205
  outline: none !important;
236
206
  }
237
-
238
207
  .selectize-input::after {
208
+ content: ' ';
239
209
  display: block;
240
210
  clear: left;
241
- content: ' ';
242
211
  }
243
-
244
212
  .selectize-input.dropdown-active::before {
213
+ content: ' ';
214
+ display: block;
245
215
  position: absolute;
246
- right: 0;
216
+ background: #f0f0f0;
217
+ height: 1px;
247
218
  bottom: 0;
248
219
  left: 0;
249
- display: block;
250
- height: 1px;
251
- background: #f0f0f0;
252
- content: ' ';
220
+ right: 0;
253
221
  }
254
-
255
222
  .selectize-dropdown {
256
223
  position: absolute;
257
224
  z-index: 10;
258
- margin: -1px 0 0 0;
259
- background: #ffffff;
260
225
  border: 1px solid #d0d0d0;
226
+ background: #ffffff;
227
+ margin: -1px 0 0 0;
261
228
  border-top: 0 none;
262
- -webkit-border-radius: 0 0 3px 3px;
263
- -moz-border-radius: 0 0 3px 3px;
264
- border-radius: 0 0 3px 3px;
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
229
  -webkit-box-sizing: border-box;
268
- -moz-box-sizing: border-box;
269
- box-sizing: border-box;
230
+ -moz-box-sizing: border-box;
231
+ box-sizing: border-box;
232
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
233
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
234
+ -webkit-border-radius: 0 0 3px 3px;
235
+ -moz-border-radius: 0 0 3px 3px;
236
+ border-radius: 0 0 3px 3px;
270
237
  }
271
-
272
238
  .selectize-dropdown [data-selectable] {
273
- overflow: hidden;
274
239
  cursor: pointer;
240
+ overflow: hidden;
275
241
  }
276
-
277
242
  .selectize-dropdown [data-selectable] .highlight {
278
243
  background: rgba(125, 168, 208, 0.2);
279
244
  -webkit-border-radius: 1px;
280
- -moz-border-radius: 1px;
281
- border-radius: 1px;
245
+ -moz-border-radius: 1px;
246
+ border-radius: 1px;
282
247
  }
283
-
284
248
  .selectize-dropdown [data-selectable],
285
249
  .selectize-dropdown .optgroup-header {
286
250
  padding: 5px 8px;
287
251
  }
288
-
289
252
  .selectize-dropdown .optgroup:first-child .optgroup-header {
290
253
  border-top: 0 none;
291
254
  }
292
-
293
255
  .selectize-dropdown .optgroup-header {
294
256
  color: #303030;
295
- cursor: default;
296
257
  background: #ffffff;
258
+ cursor: default;
297
259
  }
298
-
299
260
  .selectize-dropdown .active {
300
- color: #495c68;
301
261
  background-color: #f5fafd;
262
+ color: #495c68;
302
263
  }
303
-
304
264
  .selectize-dropdown .active.create {
305
265
  color: #495c68;
306
266
  }
307
-
308
267
  .selectize-dropdown .create {
309
268
  color: rgba(48, 48, 48, 0.5);
310
269
  }
311
-
312
270
  .selectize-dropdown-content {
313
- max-height: 200px;
314
- overflow-x: hidden;
315
271
  overflow-y: auto;
272
+ overflow-x: hidden;
273
+ max-height: 200px;
316
274
  }
317
-
318
275
  .selectize-control.single .selectize-input,
319
276
  .selectize-control.single .selectize-input input {
320
277
  cursor: pointer;
321
278
  }
322
-
323
279
  .selectize-control.single .selectize-input.input-active,
324
280
  .selectize-control.single .selectize-input.input-active input {
325
281
  cursor: text;
326
282
  }
327
-
328
283
  .selectize-control.single .selectize-input:after {
284
+ content: ' ';
285
+ display: block;
329
286
  position: absolute;
330
287
  top: 50%;
331
288
  right: 15px;
332
- display: block;
289
+ margin-top: -3px;
333
290
  width: 0;
334
291
  height: 0;
335
- margin-top: -3px;
336
- border-color: #808080 transparent transparent transparent;
337
292
  border-style: solid;
338
293
  border-width: 5px 5px 0 5px;
339
- content: ' ';
294
+ border-color: #808080 transparent transparent transparent;
340
295
  }
341
-
342
296
  .selectize-control.single .selectize-input.dropdown-active:after {
343
297
  margin-top: -4px;
344
- border-color: transparent transparent #808080 transparent;
345
298
  border-width: 0 5px 5px 5px;
299
+ border-color: transparent transparent #808080 transparent;
346
300
  }
347
-
348
301
  .selectize-control.rtl.single .selectize-input:after {
349
- right: auto;
350
302
  left: 15px;
303
+ right: auto;
351
304
  }
352
-
353
305
  .selectize-control.rtl .selectize-input > input {
354
306
  margin: 0 4px 0 -2px !important;
355
307
  }
356
-
357
308
  .selectize-control .selectize-input.disabled {
358
- background-color: #fafafa;
359
309
  opacity: 0.5;
360
- }
310
+ background-color: #fafafa;
311
+ }
data/vendor/assets/stylesheets/selectize.default.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * selectize.default.css (v0.8.5) - Default Theme
2
+ * selectize.default.css (v0.9.0) - Default 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,376 +13,324 @@
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: 5px 8px;
39
- background: #f8f8f8;
40
35
  border-bottom: 1px solid #d0d0d0;
36
+ background: #f8f8f8;
41
37
  -webkit-border-radius: 3px 3px 0 0;
42
- -moz-border-radius: 3px 3px 0 0;
43
- border-radius: 3px 3px 0 0;
38
+ -moz-border-radius: 3px 3px 0 0;
39
+ border-radius: 3px 3px 0 0;
44
40
  }
45
-
46
41
  .selectize-dropdown-header-close {
47
42
  position: absolute;
48
- top: 50%;
49
43
  right: 8px;
50
- margin-top: -12px;
51
- font-size: 20px !important;
52
- line-height: 20px;
44
+ top: 50%;
53
45
  color: #303030;
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: 2px 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: 2px 0 0 0;
101
89
  border-left: 1px solid #0073bb;
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: #00578d;
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: #aaaaaa;
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: #303030;
133
116
  font-family: inherit;
134
117
  font-size: 13px;
135
- -webkit-font-smoothing: inherit;
136
118
  line-height: 18px;
137
- color: #303030;
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 #d0d0d0;
129
+ padding: 8px 8px;
150
130
  display: inline-block;
151
131
  width: 100%;
152
- padding: 8px 8px;
153
132
  overflow: hidden;
154
- border: 1px solid #d0d0d0;
155
- -webkit-border-radius: 3px;
156
- -moz-border-radius: 3px;
157
- border-radius: 3px;
158
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
159
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
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: inset 0 1px 1px rgba(0, 0, 0, 0.1);
139
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
140
+ -webkit-border-radius: 3px;
141
+ -moz-border-radius: 3px;
142
+ border-radius: 3px;
163
143
  }
164
-
165
144
  .selectize-control.multi .selectize-input.has-items {
166
145
  padding: 5px 8px 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: 3px 3px 0 0;
185
- -moz-border-radius: 3px 3px 0 0;
186
- border-radius: 3px 3px 0 0;
160
+ -moz-border-radius: 3px 3px 0 0;
161
+ border-radius: 3px 3px 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: 2px 6px;
199
- margin: 0 3px 3px 0;
200
- color: #ffffff;
201
171
  cursor: pointer;
172
+ margin: 0 3px 3px 0;
173
+ padding: 2px 6px;
202
174
  background: #1da7ee;
175
+ color: #ffffff;
203
176
  border: 1px solid #0073bb;
204
177
  }
205
-
206
178
  .selectize-control.multi .selectize-input > div.active {
207
- color: #ffffff;
208
179
  background: #92c836;
180
+ color: #ffffff;
209
181
  border: 1px solid #00578d;
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: #ffffff;
215
186
  background: #d2d2d2;
216
187
  border: 1px solid #aaaaaa;
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 1px !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: #f0f0f0;
216
+ height: 1px;
247
217
  bottom: 0;
248
218
  left: 0;
249
- display: block;
250
- height: 1px;
251
- background: #f0f0f0;
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 #d0d0d0;
225
+ background: #ffffff;
226
+ margin: -1px 0 0 0;
261
227
  border-top: 0 none;
262
- -webkit-border-radius: 0 0 3px 3px;
263
- -moz-border-radius: 0 0 3px 3px;
264
- border-radius: 0 0 3px 3px;
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 3px 3px;
234
+ -moz-border-radius: 0 0 3px 3px;
235
+ border-radius: 0 0 3px 3px;
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(125, 168, 208, 0.2);
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: 5px 8px;
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: #303030;
295
- cursor: default;
296
256
  background: #ffffff;
257
+ cursor: default;
297
258
  }
298
-
299
259
  .selectize-dropdown .active {
300
- color: #495c68;
301
260
  background-color: #f5fafd;
261
+ color: #495c68;
302
262
  }
303
-
304
263
  .selectize-dropdown .active.create {
305
264
  color: #495c68;
306
265
  }
307
-
308
266
  .selectize-dropdown .create {
309
267
  color: rgba(48, 48, 48, 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: 15px;
332
- display: block;
288
+ margin-top: -3px;
333
289
  width: 0;
334
290
  height: 0;
335
- margin-top: -3px;
336
- border-color: #808080 transparent transparent transparent;
337
291
  border-style: solid;
338
292
  border-width: 5px 5px 0 5px;
339
- content: ' ';
293
+ border-color: #808080 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 #808080 transparent;
345
297
  border-width: 0 5px 5px 5px;
298
+ border-color: transparent transparent #808080 transparent;
346
299
  }
347
-
348
300
  .selectize-control.rtl.single .selectize-input:after {
349
- right: auto;
350
301
  left: 15px;
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: #fafafa;
359
308
  opacity: 0.5;
309
+ background-color: #fafafa;
360
310
  }
361
-
362
311
  .selectize-control.multi .selectize-input.has-items {
363
- padding-right: 5px;
364
312
  padding-left: 5px;
313
+ padding-right: 5px;
365
314
  }
366
-
367
315
  .selectize-control.multi .selectize-input.disabled [data-value] {
368
316
  color: #999;
369
317
  text-shadow: none;
370
318
  background: none;
371
319
  -webkit-box-shadow: none;
372
- box-shadow: none;
320
+ box-shadow: none;
373
321
  }
374
-
375
322
  .selectize-control.multi .selectize-input.disabled [data-value],
376
323
  .selectize-control.multi .selectize-input.disabled [data-value] .remove {
377
324
  border-color: #e6e6e6;
378
325
  }
379
-
380
326
  .selectize-control.multi .selectize-input.disabled [data-value] .remove {
381
327
  background: none;
382
328
  }
383
-
384
329
  .selectize-control.multi .selectize-input [data-value] {
385
330
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
331
+ -webkit-border-radius: 3px;
332
+ -moz-border-radius: 3px;
333
+ border-radius: 3px;
386
334
  background-color: #1b9dec;
387
335
  background-image: -moz-linear-gradient(top, #1da7ee, #178ee9);
388
336
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9));
@@ -390,14 +338,10 @@
390
338
  background-image: -o-linear-gradient(top, #1da7ee, #178ee9);
391
339
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
392
340
  background-repeat: repeat-x;
393
- -webkit-border-radius: 3px;
394
- -moz-border-radius: 3px;
395
- border-radius: 3px;
396
341
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0);
397
- -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
398
- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
342
+ -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03);
343
+ box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03);
399
344
  }
400
-
401
345
  .selectize-control.multi .selectize-input [data-value].active {
402
346
  background-color: #0085d4;
403
347
  background-image: -moz-linear-gradient(top, #008fd8, #0075cf);
@@ -408,8 +352,9 @@
408
352
  background-repeat: repeat-x;
409
353
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0);
410
354
  }
411
-
412
355
  .selectize-control.single .selectize-input {
356
+ -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);
357
+ box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);
413
358
  background-color: #f9f9f9;
414
359
  background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
415
360
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
@@ -418,25 +363,19 @@
418
363
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
419
364
  background-repeat: repeat-x;
420
365
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0);
421
- -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
422
- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
423
366
  }
424
-
425
367
  .selectize-control.single .selectize-input,
426
368
  .selectize-dropdown.single {
427
369
  border-color: #b8b8b8;
428
370
  }
429
-
430
371
  .selectize-dropdown .optgroup-header {
431
372
  padding-top: 7px;
432
- font-size: 0.85em;
433
373
  font-weight: bold;
374
+ font-size: 0.85em;
434
375
  }
435
-
436
376
  .selectize-dropdown .optgroup {
437
377
  border-top: 1px solid #f0f0f0;
438
378
  }
439
-
440
379
  .selectize-dropdown .optgroup:first-child {
441
380
  border-top: 0 none;
442
- }
381
+ }