selectize-rails 0.6.14 → 0.7.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.
@@ -0,0 +1,412 @@
1
+ /**
2
+ * selectize.bootstrap3.css (v0.7.0) - Bootstrap 3 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
+
17
+ .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
18
+ background: #f2f2f2 !important;
19
+ background: rgba(0, 0, 0, 0.06) !important;
20
+ border: 0 none !important;
21
+ visibility: visible !important;
22
+ -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
23
+ box-shadow: inset 0 0 12px 4px #ffffff;
24
+ }
25
+
26
+ .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
27
+ content: '!';
28
+ visibility: hidden;
29
+ }
30
+
31
+ .selectize-control.plugin-drag_drop .ui-sortable-helper {
32
+ -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
33
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
34
+ }
35
+
36
+ .selectize-dropdown-header {
37
+ position: relative;
38
+ padding: 3px 12px;
39
+ background: #f8f8f8;
40
+ border-bottom: 1px solid #d0d0d0;
41
+ -webkit-border-radius: 4px 4px 0 0;
42
+ -moz-border-radius: 4px 4px 0 0;
43
+ border-radius: 4px 4px 0 0;
44
+ }
45
+
46
+ .selectize-dropdown-header-close {
47
+ position: absolute;
48
+ top: 50%;
49
+ right: 12px;
50
+ margin-top: -12px;
51
+ font-size: 20px !important;
52
+ line-height: 20px;
53
+ color: #333333;
54
+ opacity: 0.4;
55
+ }
56
+
57
+ .selectize-dropdown-header-close:hover {
58
+ color: #000000;
59
+ }
60
+
61
+ .selectize-dropdown.plugin-optgroup_columns .optgroup {
62
+ float: left;
63
+ border-top: 0 none;
64
+ border-right: 1px solid #f2f2f2;
65
+ -webkit-box-sizing: border-box;
66
+ -moz-box-sizing: border-box;
67
+ box-sizing: border-box;
68
+ }
69
+
70
+ .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
71
+ border-right: 0 none;
72
+ }
73
+
74
+ .selectize-dropdown.plugin-optgroup_columns .optgroup:before {
75
+ display: none;
76
+ }
77
+
78
+ .selectize-dropdown.plugin-optgroup_columns .optgroup-header {
79
+ border-top: 0 none;
80
+ }
81
+
82
+ .selectize-control.plugin-remove_button .item {
83
+ position: relative;
84
+ padding-right: 24px !important;
85
+ }
86
+
87
+ .selectize-control.plugin-remove_button .item .remove {
88
+ position: absolute;
89
+ top: 0;
90
+ right: 0;
91
+ bottom: 0;
92
+ display: inline-block;
93
+ width: 17px;
94
+ padding: 1px 0 0 0;
95
+ font-size: 12px;
96
+ font-weight: bold;
97
+ color: inherit;
98
+ text-align: center;
99
+ vertical-align: middle;
100
+ border-left: 1px solid rgba(0, 0, 0, 0);
101
+ -webkit-border-radius: 0 2px 2px 0;
102
+ -moz-border-radius: 0 2px 2px 0;
103
+ border-radius: 0 2px 2px 0;
104
+ -webkit-box-sizing: border-box;
105
+ -moz-box-sizing: border-box;
106
+ box-sizing: border-box;
107
+ }
108
+
109
+ .selectize-control.plugin-remove_button .item .remove:hover {
110
+ background: rgba(0, 0, 0, 0.05);
111
+ }
112
+
113
+ .selectize-control.plugin-remove_button .item.active .remove {
114
+ border-left-color: rgba(0, 0, 0, 0);
115
+ }
116
+
117
+ .selectize-control {
118
+ position: relative;
119
+ }
120
+
121
+ .selectize-dropdown,
122
+ .selectize-input,
123
+ .selectize-input input {
124
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
125
+ font-size: 14px;
126
+ -webkit-font-smoothing: inherit;
127
+ line-height: 20px;
128
+ color: #333333;
129
+ }
130
+
131
+ .selectize-input,
132
+ .selectize-control.single .selectize-input.focus {
133
+ display: inline-block;
134
+ cursor: text;
135
+ background: #ffffff;
136
+ }
137
+
138
+ .selectize-input {
139
+ position: relative;
140
+ z-index: 1;
141
+ display: inline-block;
142
+ width: 100%;
143
+ padding: 6px 12px;
144
+ overflow: hidden;
145
+ border: 1px solid #cccccc;
146
+ -webkit-border-radius: 4px;
147
+ -moz-border-radius: 4px;
148
+ border-radius: 4px;
149
+ -webkit-box-shadow: none;
150
+ box-shadow: none;
151
+ -webkit-box-sizing: border-box;
152
+ -moz-box-sizing: border-box;
153
+ box-sizing: border-box;
154
+ }
155
+
156
+ .selectize-control.multi .selectize-input.has-items {
157
+ padding: 5px 12px 2px;
158
+ }
159
+
160
+ .selectize-input.full {
161
+ background-color: #ffffff;
162
+ }
163
+
164
+ .selectize-input.disabled,
165
+ .selectize-input.disabled * {
166
+ cursor: default !important;
167
+ }
168
+
169
+ .selectize-input.focus {
170
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
171
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
172
+ }
173
+
174
+ .selectize-input.dropdown-active {
175
+ -webkit-border-radius: 4px 4px 0 0;
176
+ -moz-border-radius: 4px 4px 0 0;
177
+ border-radius: 4px 4px 0 0;
178
+ }
179
+
180
+ .selectize-input > * {
181
+ display: -moz-inline-stack;
182
+ display: inline-block;
183
+ *display: inline;
184
+ vertical-align: baseline;
185
+ zoom: 1;
186
+ }
187
+
188
+ .selectize-control.multi .selectize-input > div {
189
+ padding: 1px 3px;
190
+ margin: 0 3px 3px 0;
191
+ color: #333333;
192
+ cursor: pointer;
193
+ background: #efefef;
194
+ border: 0 solid rgba(0, 0, 0, 0);
195
+ }
196
+
197
+ .selectize-control.multi .selectize-input > div.active {
198
+ color: #ffffff;
199
+ background: #428bca;
200
+ border: 0 solid rgba(0, 0, 0, 0);
201
+ }
202
+
203
+ .selectize-control.multi .selectize-input.disabled > div,
204
+ .selectize-control.multi .selectize-input.disabled > div.active {
205
+ color: #808080;
206
+ background: #ffffff;
207
+ border: 0 solid rgba(77, 77, 77, 0);
208
+ }
209
+
210
+ .selectize-input > input {
211
+ max-width: 100% !important;
212
+ max-height: none !important;
213
+ min-height: 0 !important;
214
+ padding: 0 !important;
215
+ margin: 0 !important;
216
+ line-height: inherit !important;
217
+ text-indent: 0 !important;
218
+ background: none !important;
219
+ border: 0 none !important;
220
+ -webkit-box-shadow: none !important;
221
+ box-shadow: none !important;
222
+ -webkit-user-select: auto !important;
223
+ }
224
+
225
+ .selectize-input > input:focus {
226
+ outline: none !important;
227
+ }
228
+
229
+ .selectize-input::after {
230
+ display: block;
231
+ clear: left;
232
+ content: ' ';
233
+ }
234
+
235
+ .selectize-input.dropdown-active::before {
236
+ position: absolute;
237
+ right: 0;
238
+ bottom: 0;
239
+ left: 0;
240
+ display: block;
241
+ height: 1px;
242
+ background: #ffffff;
243
+ content: ' ';
244
+ }
245
+
246
+ .selectize-dropdown {
247
+ position: absolute;
248
+ z-index: 2;
249
+ margin-top: -1px;
250
+ background: #ffffff;
251
+ border: 1px solid #cccccc;
252
+ border-top: 0 none;
253
+ -webkit-border-radius: 0 0 4px 4px;
254
+ -moz-border-radius: 0 0 4px 4px;
255
+ border-radius: 0 0 4px 4px;
256
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
257
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
258
+ -webkit-box-sizing: border-box;
259
+ -moz-box-sizing: border-box;
260
+ box-sizing: border-box;
261
+ }
262
+
263
+ .selectize-dropdown [data-selectable] {
264
+ overflow: hidden;
265
+ cursor: pointer;
266
+ }
267
+
268
+ .selectize-dropdown [data-selectable] .highlight {
269
+ background: rgba(255, 237, 40, 0.4);
270
+ -webkit-border-radius: 1px;
271
+ -moz-border-radius: 1px;
272
+ border-radius: 1px;
273
+ }
274
+
275
+ .selectize-dropdown [data-selectable],
276
+ .selectize-dropdown .optgroup-header {
277
+ padding: 3px 12px;
278
+ }
279
+
280
+ .selectize-dropdown .optgroup:first-child .optgroup-header {
281
+ border-top: 0 none;
282
+ }
283
+
284
+ .selectize-dropdown .optgroup-header {
285
+ color: #999999;
286
+ cursor: default;
287
+ background: #ffffff;
288
+ }
289
+
290
+ .selectize-dropdown .active {
291
+ color: #ffffff;
292
+ background-color: #428bca;
293
+ }
294
+
295
+ .selectize-dropdown .active.create {
296
+ color: #ffffff;
297
+ }
298
+
299
+ .selectize-dropdown .create {
300
+ color: rgba(51, 51, 51, 0.5);
301
+ }
302
+
303
+ .selectize-dropdown-content {
304
+ max-height: 200px;
305
+ overflow-x: hidden;
306
+ overflow-y: auto;
307
+ }
308
+
309
+ .selectize-control.single .selectize-input,
310
+ .selectize-control.single .selectize-input input {
311
+ cursor: pointer;
312
+ }
313
+
314
+ .selectize-control.single .selectize-input.focus,
315
+ .selectize-control.single .selectize-input.focus input {
316
+ cursor: text;
317
+ }
318
+
319
+ .selectize-control.single .selectize-input:after {
320
+ position: absolute;
321
+ top: 50%;
322
+ right: 17px;
323
+ display: block;
324
+ width: 0;
325
+ height: 0;
326
+ margin-top: -3px;
327
+ border-color: #000000 transparent transparent transparent;
328
+ border-style: solid;
329
+ border-width: 5px 5px 0 5px;
330
+ content: ' ';
331
+ }
332
+
333
+ .selectize-control.single .selectize-input.dropdown-active:after {
334
+ margin-top: -4px;
335
+ border-color: transparent transparent #000000 transparent;
336
+ border-width: 0 5px 5px 5px;
337
+ }
338
+
339
+ .selectize-control .selectize-input.disabled {
340
+ background-color: #ffffff;
341
+ opacity: 0.5;
342
+ }
343
+
344
+ .selectize-dropdown {
345
+ z-index: 1000;
346
+ margin: 2px 0 0 0;
347
+ border: 1px solid #cccccc;
348
+ border: 1px solid rgba(0, 0, 0, 0.15);
349
+ border-radius: 4px;
350
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
351
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
352
+ }
353
+
354
+ .selectize-dropdown .optgroup-header {
355
+ font-size: 12px;
356
+ line-height: 1.428571429;
357
+ }
358
+
359
+ .selectize-dropdown .optgroup:first-child:before {
360
+ display: none;
361
+ }
362
+
363
+ .selectize-dropdown .optgroup:before {
364
+ display: block;
365
+ height: 1px;
366
+ margin: 9px 0;
367
+ margin-right: -12px;
368
+ margin-left: -12px;
369
+ overflow: hidden;
370
+ background-color: #e5e5e5;
371
+ content: ' ';
372
+ }
373
+
374
+ .selectize-dropdown-content {
375
+ padding: 5px 0;
376
+ }
377
+
378
+ .selectize-dropdown-header {
379
+ padding: 6px 12px;
380
+ }
381
+
382
+ .selectize-input {
383
+ min-height: 34px;
384
+ }
385
+
386
+ .selectize-input.dropdown-active {
387
+ -webkit-border-radius: 4px;
388
+ -moz-border-radius: 4px;
389
+ border-radius: 4px;
390
+ }
391
+
392
+ .selectize-input.dropdown-active::before {
393
+ display: none;
394
+ }
395
+
396
+ .selectize-input.focus {
397
+ border-color: #66afe9;
398
+ outline: 0;
399
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
400
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
401
+ }
402
+
403
+ .selectize-control.multi .selectize-input.has-items {
404
+ padding-right: 9px;
405
+ padding-left: 9px;
406
+ }
407
+
408
+ .selectize-control.multi .selectize-input > div {
409
+ -webkit-border-radius: 3px;
410
+ -moz-border-radius: 3px;
411
+ border-radius: 3px;
412
+ }
@@ -1,349 +1,342 @@
1
- /*! selectize.css - v0.6.14 | https://github.com/brianreavis/selectize.js | Apache License (v2) */
2
-
3
- /* --- file: "src/selectize.css" --- */
4
-
5
- /**********************************************************
6
- * THEME: "default" *
7
- **********************************************************/
8
-
9
- .selectize-control.default.multi .selectize-input > div {
10
- color: #3d5d18;
11
- text-shadow: 0 1px 0 rgba(255,255,255,0.1);
12
- border: 1px solid #74b21e;
13
- -webkit-border-radius: 3px;
14
- -moz-border-radius: 3px;
15
- border-radius: 3px;
16
- background: #b8e76f;
17
- background: -moz-linear-gradient(top, #b8e76f 0%, #a9e25c 100%);
18
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e76f), color-stop(100%,#a9e25c));
19
- background: -webkit-linear-gradient(top, #b8e76f 0%,#a9e25c 100%);
20
- background: -o-linear-gradient(top, #b8e76f 0%,#a9e25c 100%);
21
- background: -ms-linear-gradient(top, #b8e76f 0%,#a9e25c 100%);
22
- background: linear-gradient(to bottom, #b8e76f 0%,#a9e25c 100%);
23
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e76f', endColorstr='#a9e25c',GradientType=0 );
24
- -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
25
- -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
26
- box-shadow: 0 1px 1px rgba(0,0,0,0.1);
27
- }
28
- .selectize-control.default.multi .selectize-input > div.active {
29
- border-color: #6f9839;
30
- background: #92c836;
31
- background: -moz-linear-gradient(top, #92c836 0%, #006e2e 0%, #92c836 0%, #7abc2c 100%);
32
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92c836), color-stop(0%,#006e2e), color-stop(0%,#92c836), color-stop(100%,#7abc2c));
33
- background: -webkit-linear-gradient(top, #92c836 0%,#006e2e 0%,#92c836 0%,#7abc2c 100%);
34
- background: -o-linear-gradient(top, #92c836 0%,#006e2e 0%,#92c836 0%,#7abc2c 100%);
35
- background: -ms-linear-gradient(top, #92c836 0%,#006e2e 0%,#92c836 0%,#7abc2c 100%);
36
- background: linear-gradient(to bottom, #92c836 0%,#006e2e 0%,#92c836 0%,#7abc2c 100%);
37
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92c836', endColorstr='#7abc2c',GradientType=0 );
38
- }
39
- .selectize-control.default.multi .selectize-input.disabled > div {
40
- border-color: #d8d8d8;
41
- background: #fafafa;
42
- color: #808080;
43
- }
44
-
45
- /**********************************************************
46
- * BASIC AESTHETIC STYLES (common) *
47
- **********************************************************/
48
-
49
- .selectize-input, .selectize-control.single .selectize-input.focus {
50
- background: #fff;
51
- padding: 10px;
52
- cursor: text;
53
- display: inline-block;
54
- width: 100%;
55
- -webkit-border-radius: 3px;
56
- -moz-border-radius: 3px;
57
- border-radius: 3px;
58
- -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
59
- -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
60
- box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
61
- }
62
- .selectize-input.focus {
63
- -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
64
- -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
65
- box-shadow: inset 0 1px 2px rgba(0,0,0,0.15);
66
- }
67
- .selectize-input.dropdown-active {
68
- -webkit-border-radius: 3px 3px 0 0 !important;
69
- -moz-border-radius: 3px 3px 0 0 !important;
70
- border-radius: 3px 3px 0 0 !important;
71
- }
72
- .selectize-input.full {
73
- background-color: #f2f2f2;
74
- }
75
- .selectize-input.dropdown-active::before {
76
- content: ' ';
77
- display: block;
78
- position: absolute;
79
- background: #f2f2f2;
80
- height: 1px;
81
- bottom: 0;
82
- left: 0;
83
- right: 0;
84
- }
85
- .selectize-control.multi .selectize-input.has-items {
86
- padding-top: 8px !important;
87
- padding-bottom: 3px !important;
88
- }
89
- .selectize-control.multi .selectize-input > div {
90
- cursor: pointer;
91
- margin: 0 5px 5px 0;
92
- padding: 1px 5px;
1
+ /**
2
+ * selectize.css (v0.7.0)
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
+
17
+ .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
18
+ background: #f2f2f2 !important;
19
+ background: rgba(0, 0, 0, 0.06) !important;
20
+ border: 0 none !important;
21
+ visibility: visible !important;
22
+ -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
23
+ box-shadow: inset 0 0 12px 4px #ffffff;
93
24
  }
94
- .selectize-input > div:last-child {
95
- margin-right: 5px;
25
+
26
+ .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
27
+ content: '!';
28
+ visibility: hidden;
96
29
  }
97
- .selectize-input > input {
98
- margin-right: 2px !important;
30
+
31
+ .selectize-control.plugin-drag_drop .ui-sortable-helper {
32
+ -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
33
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
99
34
  }
100
- .selectize-dropdown, .selectize-input, .selectize-control.single .selectize-input.dropdown-active {
101
- border: 1px solid #d0d0d0;
35
+
36
+ .selectize-dropdown-header {
37
+ position: relative;
38
+ padding: 5px 8px;
39
+ background: #f8f8f8;
40
+ border-bottom: 1px solid #d0d0d0;
41
+ -webkit-border-radius: 3px 3px 0 0;
42
+ -moz-border-radius: 3px 3px 0 0;
43
+ border-radius: 3px 3px 0 0;
102
44
  }
103
- .selectize-dropdown {
104
- background: #fff;
105
- margin-top: -1px;
106
- border-top: 0 none;
107
- -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
108
- -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
109
- box-shadow: 0 1px 3px rgba(0,0,0,0.1);
110
- -webkit-border-radius: 0 0 3px 3px;
111
- -moz-border-radius: 0 0 3px 3px;
112
- border-radius: 0 0 3px 3px;
45
+
46
+ .selectize-dropdown-header-close {
47
+ position: absolute;
48
+ top: 50%;
49
+ right: 8px;
50
+ margin-top: -12px;
51
+ font-size: 20px !important;
52
+ line-height: 20px;
53
+ color: #303030;
54
+ opacity: 0.4;
113
55
  }
114
- .selectize-dropdown-content {
115
- max-height: 200px;
116
- overflow-y: auto !important;
117
- overflow-x: hidden !important;
56
+
57
+ .selectize-dropdown-header-close:hover {
58
+ color: #000000;
118
59
  }
119
- .selectize-dropdown [data-selectable],
120
- .selectize-dropdown .optgroup-header {
121
- padding: 6px 9px;
60
+
61
+ .selectize-dropdown.plugin-optgroup_columns .optgroup {
62
+ float: left;
63
+ border-top: 0 none;
64
+ border-right: 1px solid #f2f2f2;
65
+ -webkit-box-sizing: border-box;
66
+ -moz-box-sizing: border-box;
67
+ box-sizing: border-box;
122
68
  }
123
- .selectize-dropdown .optgroup:first-child .optgroup-header {
124
- border-top: 0 none;
69
+
70
+ .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
71
+ border-right: 0 none;
125
72
  }
126
- .selectize-dropdown .optgroup-header {
127
- background: #fafafa;
128
- border-bottom: 1px solid #e8e8e8;
129
- border-top: 1px solid #e8e8e8;
130
- font-weight: bold;
131
- font-size: 0.8em;
132
- cursor: default;
73
+
74
+ .selectize-dropdown.plugin-optgroup_columns .optgroup:before {
75
+ display: none;
133
76
  }
134
- .selectize-dropdown .create {
135
- color: #a0a0a0;
77
+
78
+ .selectize-dropdown.plugin-optgroup_columns .optgroup-header {
79
+ border-top: 0 none;
136
80
  }
137
- .selectize-dropdown .active {
138
- background-color: #fffceb;
81
+
82
+ .selectize-control.plugin-remove_button .item {
83
+ position: relative;
84
+ padding-right: 24px !important;
139
85
  }
140
- .selectize-dropdown, .selectize-input, .selectize-input input {
141
- color: #303030;
142
- font-family: Helvetica, arial, sans-serif;
143
- font-size: 14px;
144
- line-height: 20px;
145
- -webkit-font-smoothing: antialiased;
86
+
87
+ .selectize-control.plugin-remove_button .item .remove {
88
+ position: absolute;
89
+ top: 0;
90
+ right: 0;
91
+ bottom: 0;
92
+ display: inline-block;
93
+ width: 17px;
94
+ padding: 2px 0 0 0;
95
+ font-size: 12px;
96
+ font-weight: bold;
97
+ color: inherit;
98
+ text-align: center;
99
+ vertical-align: middle;
100
+ border-left: 1px solid #d0d0d0;
101
+ -webkit-border-radius: 0 2px 2px 0;
102
+ -moz-border-radius: 0 2px 2px 0;
103
+ border-radius: 0 2px 2px 0;
104
+ -webkit-box-sizing: border-box;
105
+ -moz-box-sizing: border-box;
106
+ box-sizing: border-box;
146
107
  }
147
- .selectize-dropdown [data-selectable] .highlight {
148
- background: rgba(255,237,40,0.4);
149
- border-radius: 1px;
108
+
109
+ .selectize-control.plugin-remove_button .item .remove:hover {
110
+ background: rgba(0, 0, 0, 0.05);
150
111
  }
151
- .selectize-input.disabled, .selectize-input.disabled * {
152
- cursor: default !important;
112
+
113
+ .selectize-control.plugin-remove_button .item.active .remove {
114
+ border-left-color: #cacaca;
153
115
  }
154
116
 
155
- /**********************************************************
156
- * BASIC AESTHETIC STYLES (single) *
157
- **********************************************************/
117
+ .selectize-control {
118
+ position: relative;
119
+ }
158
120
 
159
- .selectize-control.single .selectize-input {
160
- cursor: pointer;
161
- border-color: #b8b8b8;
162
- -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 0 #c6c6c6;
163
- -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 0 #c6c6c6;
164
- box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 0 #e0e0e0, 0 3px 0 #c8c8c8, 0 4px 1px rgba(0,0,0,0.1);
165
- background: #f6f6f6;
166
- background: -moz-linear-gradient(top, #f5f5f5 0%, #efefef 100%);
167
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#efefef));
168
- background: -webkit-linear-gradient(top, #f5f5f5 0%,#efefef 100%);
169
- background: -o-linear-gradient(top, #f5f5f5 0%,#efefef 100%);
170
- background: -ms-linear-gradient(top, #f5f5f5 0%,#efefef 100%);
171
- background: linear-gradient(to bottom, #fafafa 0%,#f2f2f2 100%);
172
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e8e8e8',GradientType=0 );
121
+ .selectize-dropdown,
122
+ .selectize-input,
123
+ .selectize-input input {
124
+ font-family: inherit;
125
+ font-size: 13px;
126
+ -webkit-font-smoothing: inherit;
127
+ line-height: 18px;
128
+ color: #303030;
173
129
  }
174
130
 
175
- .selectize-control.single .selectize-input::after {
176
- content: ' ';
177
- display: block;
178
- position: absolute;
179
- top: 50%;
180
- right: 15px;
181
- margin-top: -2px;
182
- width: 0;
183
- height: 0;
184
- border-style: solid;
185
- border-width: 5px 5px 0 5px;
186
- border-color: #808080 transparent transparent transparent;
131
+ .selectize-input,
132
+ .selectize-control.single .selectize-input.focus {
133
+ display: inline-block;
134
+ cursor: text;
135
+ background: #ffffff;
187
136
  }
188
137
 
189
- .selectize-control.single .selectize-input.dropdown-active::after {
190
- margin-top: -3px;
191
- border-width: 0 5px 5px 5px;
192
- border-color: transparent transparent #808080 transparent;
138
+ .selectize-input {
139
+ position: relative;
140
+ z-index: 1;
141
+ display: inline-block;
142
+ width: 100%;
143
+ padding: 8px 8px;
144
+ overflow: hidden;
145
+ border: 1px solid #d0d0d0;
146
+ -webkit-border-radius: 3px;
147
+ -moz-border-radius: 3px;
148
+ border-radius: 3px;
149
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
150
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
151
+ -webkit-box-sizing: border-box;
152
+ -moz-box-sizing: border-box;
153
+ box-sizing: border-box;
193
154
  }
194
155
 
195
- .selectize-control.single .selectize-input.disabled {
196
- opacity: 0.5;
156
+ .selectize-control.multi .selectize-input.has-items {
157
+ padding: 6px 8px 3px;
197
158
  }
198
159
 
199
- /**********************************************************
200
- * BASIC AESTHETIC STYLES (multi) *
201
- **********************************************************/
160
+ .selectize-input.full {
161
+ background-color: #ffffff;
162
+ }
202
163
 
203
- .selectize-control.multi .selectize-input.disabled {
204
- background-color: #fafafa;
164
+ .selectize-input.disabled,
165
+ .selectize-input.disabled * {
166
+ cursor: default !important;
205
167
  }
206
168
 
207
- /**********************************************************
208
- * LAYOUT STYLES (mandatory) *
209
- **********************************************************/
169
+ .selectize-input.focus {
170
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
171
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
172
+ }
210
173
 
211
- .selectize-control {
212
- position: relative;
174
+ .selectize-input.dropdown-active {
175
+ -webkit-border-radius: 3px 3px 0 0;
176
+ -moz-border-radius: 3px 3px 0 0;
177
+ border-radius: 3px 3px 0 0;
213
178
  }
214
- .selectize-input {
215
- overflow: hidden;
216
- position: relative;
217
- z-index: 1;
179
+
180
+ .selectize-input > * {
181
+ display: -moz-inline-stack;
182
+ display: inline-block;
183
+ *display: inline;
184
+ vertical-align: baseline;
185
+ zoom: 1;
218
186
  }
219
- .selectize-input:after {
220
- content: ' ';
221
- display: block;
222
- clear: left;
187
+
188
+ .selectize-control.multi .selectize-input > div {
189
+ padding: 2px 6px;
190
+ margin: 0 3px 3px 0;
191
+ color: #303030;
192
+ cursor: pointer;
193
+ background: #f2f2f2;
194
+ border: 0 solid #d0d0d0;
223
195
  }
224
- .selectize-input .items {
225
- display: inline;
196
+
197
+ .selectize-control.multi .selectize-input > div.active {
198
+ color: #303030;
199
+ background: #e8e8e8;
200
+ border: 0 solid #cacaca;
226
201
  }
227
- .selectize-input > * {
228
- vertical-align: baseline;
229
- display: -moz-inline-stack;
230
- display: inline-block;
231
- zoom: 1;
232
- *display: inline;
202
+
203
+ .selectize-control.multi .selectize-input.disabled > div,
204
+ .selectize-control.multi .selectize-input.disabled > div.active {
205
+ color: #7d7d7d;
206
+ background: #ffffff;
207
+ border: 0 solid #ffffff;
233
208
  }
209
+
234
210
  .selectize-input > input {
235
- max-width: 100% !important;
236
- text-indent: 0 !important;
237
- border: 0 none !important;
238
- background: none !important;
239
- padding: 0 !important;
240
- margin: 0;
241
- line-height: inherit !important;
242
- -webkit-user-select: auto !important;
243
- -webkit-box-shadow: none !important;
244
- -moz-box-shadow: none !important;
245
- box-shadow: none !important;
211
+ max-width: 100% !important;
212
+ max-height: none !important;
213
+ min-height: 0 !important;
214
+ padding: 0 !important;
215
+ margin: 0 2px 0 0 !important;
216
+ line-height: inherit !important;
217
+ text-indent: 0 !important;
218
+ background: none !important;
219
+ border: 0 none !important;
220
+ -webkit-box-shadow: none !important;
221
+ box-shadow: none !important;
222
+ -webkit-user-select: auto !important;
246
223
  }
224
+
247
225
  .selectize-input > input:focus {
248
- outline: none !important;
249
- }
250
- .selectize-dropdown {
251
- position: absolute;
252
- z-index: 2;
253
- }
254
- .selectize-dropdown [data-selectable] {
255
- cursor: pointer;
256
- overflow: hidden;
257
- }
258
- .selectize-input, .selectize-dropdown {
259
- -webkit-box-sizing: border-box;
260
- -moz-box-sizing: border-box;
261
- box-sizing: border-box;
226
+ outline: none !important;
262
227
  }
263
228
 
264
- /* --- file: "src/plugins/drag_drop/plugin.css" --- */
229
+ .selectize-input::after {
230
+ display: block;
231
+ clear: left;
232
+ content: ' ';
233
+ }
265
234
 
266
- .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
267
- visibility: visible !important;
268
- background: #f2f2f2 !important;
269
- background: rgba(0,0,0,0.06) !important;
270
- border: 0 none !important;
271
- -webkit-box-shadow: inset 0 0 12px 4px #fff;
272
- -moz-box-shadow: inset 0 0 12px 4px #fff;
273
- box-shadow: inset 0 0 12px 4px #fff;
235
+ .selectize-input.dropdown-active::before {
236
+ position: absolute;
237
+ right: 0;
238
+ bottom: 0;
239
+ left: 0;
240
+ display: block;
241
+ height: 1px;
242
+ background: #f0f0f0;
243
+ content: ' ';
274
244
  }
275
- .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
276
- content: '!';
277
- visibility: hidden;
245
+
246
+ .selectize-dropdown {
247
+ position: absolute;
248
+ z-index: 2;
249
+ margin-top: -1px;
250
+ background: #ffffff;
251
+ border: 1px solid #d0d0d0;
252
+ border-top: 0 none;
253
+ -webkit-border-radius: 0 0 3px 3px;
254
+ -moz-border-radius: 0 0 3px 3px;
255
+ border-radius: 0 0 3px 3px;
256
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
257
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
258
+ -webkit-box-sizing: border-box;
259
+ -moz-box-sizing: border-box;
260
+ box-sizing: border-box;
278
261
  }
279
- .selectize-control.plugin-drag_drop .ui-sortable-helper {
280
- -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
281
- -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
282
- box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
262
+
263
+ .selectize-dropdown [data-selectable] {
264
+ overflow: hidden;
265
+ cursor: pointer;
283
266
  }
284
267
 
285
- /* --- file: "src/plugins/dropdown_header/plugin.css" --- */
268
+ .selectize-dropdown [data-selectable] .highlight {
269
+ background: rgba(125, 168, 208, 0.2);
270
+ -webkit-border-radius: 1px;
271
+ -moz-border-radius: 1px;
272
+ border-radius: 1px;
273
+ }
286
274
 
287
- .selectize-dropdown-header {
288
- padding: 6px 9px;
289
- -moz-border-radius: 3px 3px 0 0;
290
- -webkit-border-radius: 3px 3px 0 0;
291
- border-radius: 3px 3px 0 0;
275
+ .selectize-dropdown [data-selectable],
276
+ .selectize-dropdown .optgroup-header {
277
+ padding: 5px 8px;
292
278
  }
293
- .selectize-dropdown-header-close {
294
- float: right;
295
- color: #ddd;
296
- font-size: 20px !important;
279
+
280
+ .selectize-dropdown .optgroup:first-child .optgroup-header {
281
+ border-top: 0 none;
297
282
  }
298
- .selectize-dropdown-header-close:hover {
299
- color: #aaa;
283
+
284
+ .selectize-dropdown .optgroup-header {
285
+ color: #303030;
286
+ cursor: default;
287
+ background: #ffffff;
300
288
  }
301
289
 
302
- /* --- file: "src/plugins/optgroup_columns/plugin.css" --- */
290
+ .selectize-dropdown .active {
291
+ color: #495c68;
292
+ background-color: #f5fafd;
293
+ }
303
294
 
304
- .selectize-control.plugin-optgroup_columns .optgroup {
305
- border-right: 1px solid #f2f2f2;
306
- float: left;
307
- -webkit-box-sizing: border-box;
308
- -moz-box-sizing: border-box;
309
- box-sizing: border-box;
295
+ .selectize-dropdown .active.create {
296
+ color: #495c68;
310
297
  }
311
- .selectize-control.plugin-optgroup_columns .optgroup:last-child {
312
- border-right: 0 none;
298
+
299
+ .selectize-dropdown .create {
300
+ color: rgba(48, 48, 48, 0.5);
313
301
  }
314
- .selectize-control.plugin-optgroup_columns .optgroup-header {
315
- border-top: 0 none;
302
+
303
+ .selectize-dropdown-content {
304
+ max-height: 200px;
305
+ overflow-x: hidden;
306
+ overflow-y: auto;
316
307
  }
317
308
 
318
- /* --- file: "src/plugins/remove_button/plugin.css" --- */
309
+ .selectize-control.single .selectize-input,
310
+ .selectize-control.single .selectize-input input {
311
+ cursor: pointer;
312
+ }
319
313
 
320
- .selectize-control.plugin-remove_button .item {
321
- position: relative;
322
- padding-right: 24px !important;
314
+ .selectize-control.single .selectize-input.focus,
315
+ .selectize-control.single .selectize-input.focus input {
316
+ cursor: text;
323
317
  }
324
- .selectize-control.plugin-remove_button .item .remove {
325
- position: absolute;
326
- top: 0;
327
- right: 0;
328
- bottom: 0;
329
- width: 17px;
330
- -moz-sizing: border-box;
331
- -webkit-sizing: border-box;
332
- box-sizing: border-box;
333
- text-align: center;
334
- font-size: 12px;
335
- font-weight: bold;
336
- color: inherit;
337
- vertical-align: middle;
338
- display: inline-block;
339
- padding: 7px 0 0 0;
340
- line-height: 8px;
341
- -webkit-border-radius: 0 2px 2px 0;
342
- -moz-border-radius: 0 2px 2px 0;
343
- border-radius: 0 2px 2px 0;
344
- border-left: 1px solid #74b21e;
318
+
319
+ .selectize-control.single .selectize-input:after {
320
+ position: absolute;
321
+ top: 50%;
322
+ right: 15px;
323
+ display: block;
324
+ width: 0;
325
+ height: 0;
326
+ margin-top: -3px;
327
+ border-color: #808080 transparent transparent transparent;
328
+ border-style: solid;
329
+ border-width: 5px 5px 0 5px;
330
+ content: ' ';
345
331
  }
346
- .selectize-control.plugin-remove_button .item .remove:hover {
347
- border-left-color: #5e8f1a;
348
- background: rgba(50,90,0,0.15);
332
+
333
+ .selectize-control.single .selectize-input.dropdown-active:after {
334
+ margin-top: -4px;
335
+ border-color: transparent transparent #808080 transparent;
336
+ border-width: 0 5px 5px 5px;
349
337
  }
338
+
339
+ .selectize-control .selectize-input.disabled {
340
+ background-color: #fafafa;
341
+ opacity: 0.5;
342
+ }