selectize-rails 0.6.4 → 0.6.14

Sign up to get free protection for your applications and to get access to all the features.
Files changed (15) hide show
  1. data/.gitignore +18 -18
  2. data/Gemfile +4 -4
  3. data/LICENSE.txt +22 -22
  4. data/README.md +56 -55
  5. data/Rakefile +1 -1
  6. data/lib/selectize-rails.rb +12 -12
  7. data/lib/selectize-rails/engine.rb +5 -5
  8. data/lib/selectize-rails/railtie.rb +5 -5
  9. data/lib/selectize-rails/version.rb +5 -5
  10. data/selectize-rails.gemspec +23 -23
  11. data/update_from_vendor.sh +17 -17
  12. data/vendor/assets/javascripts/selectize.js +2889 -2637
  13. data/vendor/assets/stylesheets/selectize.css +349 -330
  14. metadata +15 -9
  15. checksums.yaml +0 -7
data/vendor/assets/stylesheets/selectize.css CHANGED
@@ -1,330 +1,349 @@
1
- /*! selectize.css - v0.6.4 | 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;
93
- }
94
- .selectize-input > div:last-child {
95
- margin-right: 5px;
96
- }
97
- .selectize-input > input {
98
- margin-right: 2px !important;
99
- }
100
- .selectize-dropdown, .selectize-input, .selectize-control.single .selectize-input.dropdown-active {
101
- border: 1px solid #d0d0d0;
102
- }
103
- .selectize-dropdown {
104
- max-height: 200px;
105
- overflow-y: auto;
106
- overflow-x: hidden;
107
- background: #fff;
108
- margin-top: -1px;
109
- border-top: 0 none;
110
- -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
111
- -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
112
- box-shadow: 0 1px 3px rgba(0,0,0,0.1);
113
- -webkit-border-radius: 0 0 3px 3px;
114
- -moz-border-radius: 0 0 3px 3px;
115
- border-radius: 0 0 3px 3px;
116
- }
117
- .selectize-dropdown [data-selectable],
118
- .selectize-dropdown .optgroup-header {
119
- padding: 6px 9px;
120
- }
121
- .selectize-dropdown .optgroup:first-child .optgroup-header {
122
- border-top: 0 none;
123
- }
124
- .selectize-dropdown .optgroup-header {
125
- background: #fafafa;
126
- border-bottom: 1px solid #e8e8e8;
127
- border-top: 1px solid #e8e8e8;
128
- font-weight: bold;
129
- font-size: 0.8em;
130
- cursor: default;
131
- }
132
- .selectize-dropdown .create {
133
- color: #a0a0a0;
134
- }
135
- .selectize-dropdown .active {
136
- background-color: #fffceb;
137
- }
138
- .selectize-dropdown, .selectize-input, .selectize-input input {
139
- color: #303030;
140
- font-family: Helvetica, arial, sans-serif;
141
- font-size: 14px;
142
- line-height: 20px;
143
- -webkit-font-smoothing: antialiased;
144
- }
145
- .selectize-dropdown [data-selectable] .highlight {
146
- background: rgba(255,237,40,0.4);
147
- border-radius: 1px;
148
- }
149
- .selectize-input.disabled, .selectize-input.disabled * {
150
- cursor: default !important;
151
- }
152
-
153
- /**********************************************************
154
- * BASIC AESTHETIC STYLES (single) *
155
- **********************************************************/
156
-
157
- .selectize-control.single .selectize-input {
158
- cursor: pointer;
159
- border-color: #b8b8b8;
160
- -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 0 #c6c6c6;
161
- -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 0 #c6c6c6;
162
- 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);
163
- background: #f6f6f6;
164
- background: -moz-linear-gradient(top, #f5f5f5 0%, #efefef 100%);
165
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#efefef));
166
- background: -webkit-linear-gradient(top, #f5f5f5 0%,#efefef 100%);
167
- background: -o-linear-gradient(top, #f5f5f5 0%,#efefef 100%);
168
- background: -ms-linear-gradient(top, #f5f5f5 0%,#efefef 100%);
169
- background: linear-gradient(to bottom, #fafafa 0%,#f2f2f2 100%);
170
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e8e8e8',GradientType=0 );
171
- }
172
-
173
- .selectize-control.single .selectize-input::after {
174
- content: ' ';
175
- display: block;
176
- position: absolute;
177
- top: 50%;
178
- right: 15px;
179
- margin-top: -2px;
180
- width: 0;
181
- height: 0;
182
- border-style: solid;
183
- border-width: 5px 5px 0 5px;
184
- border-color: #808080 transparent transparent transparent;
185
- }
186
-
187
- .selectize-control.single .selectize-input.dropdown-active::after {
188
- margin-top: -3px;
189
- border-width: 0 5px 5px 5px;
190
- border-color: transparent transparent #808080 transparent;
191
- }
192
-
193
- .selectize-control.single .selectize-input.disabled {
194
- opacity: 0.5;
195
- }
196
-
197
- /**********************************************************
198
- * BASIC AESTHETIC STYLES (multi) *
199
- **********************************************************/
200
-
201
- .selectize-control.multi .selectize-input.disabled {
202
- background-color: #fafafa;
203
- }
204
-
205
- /**********************************************************
206
- * LAYOUT STYLES (mandatory) *
207
- **********************************************************/
208
-
209
- .selectize-control {
210
- position: relative;
211
- }
212
- .selectize-input {
213
- overflow: hidden;
214
- position: relative;
215
- z-index: 1;
216
- }
217
- .selectize-input:after {
218
- content: ' ';
219
- display: block;
220
- clear: left;
221
- }
222
- .selectize-input .items {
223
- display: inline;
224
- }
225
- .selectize-input > * {
226
- vertical-align: baseline;
227
- display: -moz-inline-stack;
228
- display: inline-block;
229
- zoom: 1;
230
- *display: inline;
231
- }
232
- .selectize-input > input {
233
- max-width: 100% !important;
234
- text-indent: 0 !important;
235
- border: 0 none !important;
236
- background: none !important;
237
- padding: 0 !important;
238
- margin: 0;
239
- line-height: inherit !important;
240
- -webkit-user-select: auto !important;
241
- -webkit-box-shadow: none !important;
242
- -moz-box-shadow: none !important;
243
- box-shadow: none !important;
244
- }
245
- .selectize-input > input:focus {
246
- outline: none !important;
247
- }
248
- .selectize-dropdown {
249
- position: absolute;
250
- z-index: 2;
251
- }
252
- .selectize-dropdown > * {
253
- cursor: pointer;
254
- overflow: hidden;
255
- }
256
- .selectize-input, .selectize-dropdown {
257
- -webkit-box-sizing: border-box;
258
- -moz-box-sizing: border-box;
259
- box-sizing: border-box;
260
- }
261
-
262
- /* --- file: "src/plugins/drag_drop/plugin.css" --- */
263
-
264
- .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
265
- visibility: visible !important;
266
- background: #f2f2f2 !important;
267
- background: rgba(0,0,0,0.06) !important;
268
- border: 0 none !important;
269
- -webkit-box-shadow: inset 0 0 12px 4px #fff;
270
- -moz-box-shadow: inset 0 0 12px 4px #fff;
271
- box-shadow: inset 0 0 12px 4px #fff;
272
- }
273
- .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
274
- content: '!';
275
- visibility: hidden;
276
- }
277
- .selectize-control.plugin-drag_drop .ui-sortable-helper {
278
- -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
279
- -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
280
- box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
281
- }
282
-
283
- /* --- file: "src/plugins/optgroup_columns/plugin.css" --- */
284
-
285
- .selectize-control.plugin-optgroup_columns .optgroup {
286
- border-right: 1px solid #f2f2f2;
287
- float: left;
288
- -webkit-box-sizing: border-box;
289
- -moz-box-sizing: border-box;
290
- box-sizing: border-box;
291
- }
292
- .selectize-control.plugin-optgroup_columns .optgroup:last-child {
293
- border-right: 0 none;
294
- }
295
- .selectize-control.plugin-optgroup_columns .optgroup-header {
296
- border-top: 0 none;
297
- }
298
-
299
- /* --- file: "src/plugins/remove_button/plugin.css" --- */
300
-
301
- .selectize-control.plugin-remove_button .item {
302
- position: relative;
303
- padding-right: 24px !important;
304
- }
305
- .selectize-control.plugin-remove_button .item .remove {
306
- position: absolute;
307
- top: 0;
308
- right: 0;
309
- bottom: 0;
310
- width: 17px;
311
- -moz-sizing: border-box;
312
- -webkit-sizing: border-box;
313
- box-sizing: border-box;
314
- text-align: center;
315
- font-size: 12px;
316
- font-weight: bold;
317
- color: inherit;
318
- vertical-align: middle;
319
- display: inline-block;
320
- padding: 7px 0 0 0;
321
- line-height: 8px;
322
- -webkit-border-radius: 0 2px 2px 0;
323
- -moz-border-radius: 0 2px 2px 0;
324
- border-radius: 0 2px 2px 0;
325
- border-left: 1px solid #74b21e;
326
- }
327
- .selectize-control.plugin-remove_button .item .remove:hover {
328
- border-left-color: #5e8f1a;
329
- background: rgba(50,90,0,0.15);
330
- }
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;
93
+ }
94
+ .selectize-input > div:last-child {
95
+ margin-right: 5px;
96
+ }
97
+ .selectize-input > input {
98
+ margin-right: 2px !important;
99
+ }
100
+ .selectize-dropdown, .selectize-input, .selectize-control.single .selectize-input.dropdown-active {
101
+ border: 1px solid #d0d0d0;
102
+ }
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;
113
+ }
114
+ .selectize-dropdown-content {
115
+ max-height: 200px;
116
+ overflow-y: auto !important;
117
+ overflow-x: hidden !important;
118
+ }
119
+ .selectize-dropdown [data-selectable],
120
+ .selectize-dropdown .optgroup-header {
121
+ padding: 6px 9px;
122
+ }
123
+ .selectize-dropdown .optgroup:first-child .optgroup-header {
124
+ border-top: 0 none;
125
+ }
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;
133
+ }
134
+ .selectize-dropdown .create {
135
+ color: #a0a0a0;
136
+ }
137
+ .selectize-dropdown .active {
138
+ background-color: #fffceb;
139
+ }
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;
146
+ }
147
+ .selectize-dropdown [data-selectable] .highlight {
148
+ background: rgba(255,237,40,0.4);
149
+ border-radius: 1px;
150
+ }
151
+ .selectize-input.disabled, .selectize-input.disabled * {
152
+ cursor: default !important;
153
+ }
154
+
155
+ /**********************************************************
156
+ * BASIC AESTHETIC STYLES (single) *
157
+ **********************************************************/
158
+
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 );
173
+ }
174
+
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;
187
+ }
188
+
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;
193
+ }
194
+
195
+ .selectize-control.single .selectize-input.disabled {
196
+ opacity: 0.5;
197
+ }
198
+
199
+ /**********************************************************
200
+ * BASIC AESTHETIC STYLES (multi) *
201
+ **********************************************************/
202
+
203
+ .selectize-control.multi .selectize-input.disabled {
204
+ background-color: #fafafa;
205
+ }
206
+
207
+ /**********************************************************
208
+ * LAYOUT STYLES (mandatory) *
209
+ **********************************************************/
210
+
211
+ .selectize-control {
212
+ position: relative;
213
+ }
214
+ .selectize-input {
215
+ overflow: hidden;
216
+ position: relative;
217
+ z-index: 1;
218
+ }
219
+ .selectize-input:after {
220
+ content: ' ';
221
+ display: block;
222
+ clear: left;
223
+ }
224
+ .selectize-input .items {
225
+ display: inline;
226
+ }
227
+ .selectize-input > * {
228
+ vertical-align: baseline;
229
+ display: -moz-inline-stack;
230
+ display: inline-block;
231
+ zoom: 1;
232
+ *display: inline;
233
+ }
234
+ .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;
246
+ }
247
+ .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;
262
+ }
263
+
264
+ /* --- file: "src/plugins/drag_drop/plugin.css" --- */
265
+
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;
274
+ }
275
+ .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
276
+ content: '!';
277
+ visibility: hidden;
278
+ }
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;
283
+ }
284
+
285
+ /* --- file: "src/plugins/dropdown_header/plugin.css" --- */
286
+
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;
292
+ }
293
+ .selectize-dropdown-header-close {
294
+ float: right;
295
+ color: #ddd;
296
+ font-size: 20px !important;
297
+ }
298
+ .selectize-dropdown-header-close:hover {
299
+ color: #aaa;
300
+ }
301
+
302
+ /* --- file: "src/plugins/optgroup_columns/plugin.css" --- */
303
+
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;
310
+ }
311
+ .selectize-control.plugin-optgroup_columns .optgroup:last-child {
312
+ border-right: 0 none;
313
+ }
314
+ .selectize-control.plugin-optgroup_columns .optgroup-header {
315
+ border-top: 0 none;
316
+ }
317
+
318
+ /* --- file: "src/plugins/remove_button/plugin.css" --- */
319
+
320
+ .selectize-control.plugin-remove_button .item {
321
+ position: relative;
322
+ padding-right: 24px !important;
323
+ }
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;
345
+ }
346
+ .selectize-control.plugin-remove_button .item .remove:hover {
347
+ border-left-color: #5e8f1a;
348
+ background: rgba(50,90,0,0.15);
349
+ }