selectize-rails 0.12.0 → 0.12.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,364 +1,364 @@
1
- /**
2
- * selectize.legacy.css (v0.12.0) - Default Theme
3
- * Copyright (c) 2013–2015 Brian Reavis & contributors
4
- *
5
- * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
6
- * file except in compliance with the License. You may obtain a copy of the License at:
7
- * http://www.apache.org/licenses/LICENSE-2.0
8
- *
9
- * Unless required by applicable law or agreed to in writing, software distributed under
10
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
11
- * ANY KIND, either express or implied. See the License for the specific language
12
- * governing permissions and limitations under the License.
13
- *
14
- * @author Brian Reavis <brian@thirdroute.com>
15
- */
16
- .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
17
- visibility: visible !important;
18
- background: #f2f2f2 !important;
19
- background: rgba(0, 0, 0, 0.06) !important;
20
- border: 0 none !important;
21
- -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
22
- box-shadow: inset 0 0 12px 4px #ffffff;
23
- }
24
- .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
25
- content: '!';
26
- visibility: hidden;
27
- }
28
- .selectize-control.plugin-drag_drop .ui-sortable-helper {
29
- -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
30
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
31
- }
32
- .selectize-dropdown-header {
33
- position: relative;
34
- padding: 7px 10px;
35
- border-bottom: 1px solid #d0d0d0;
36
- background: #f8f8f8;
37
- -webkit-border-radius: 3px 3px 0 0;
38
- -moz-border-radius: 3px 3px 0 0;
39
- border-radius: 3px 3px 0 0;
40
- }
41
- .selectize-dropdown-header-close {
42
- position: absolute;
43
- right: 10px;
44
- top: 50%;
45
- color: #303030;
46
- opacity: 0.4;
47
- margin-top: -12px;
48
- line-height: 20px;
49
- font-size: 20px !important;
50
- }
51
- .selectize-dropdown-header-close:hover {
52
- color: #000000;
53
- }
54
- .selectize-dropdown.plugin-optgroup_columns .optgroup {
55
- border-right: 1px solid #f2f2f2;
56
- border-top: 0 none;
57
- float: left;
58
- -webkit-box-sizing: border-box;
59
- -moz-box-sizing: border-box;
60
- box-sizing: border-box;
61
- }
62
- .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
63
- border-right: 0 none;
64
- }
65
- .selectize-dropdown.plugin-optgroup_columns .optgroup:before {
66
- display: none;
67
- }
68
- .selectize-dropdown.plugin-optgroup_columns .optgroup-header {
69
- border-top: 0 none;
70
- }
71
- .selectize-control.plugin-remove_button [data-value] {
72
- position: relative;
73
- padding-right: 24px !important;
74
- }
75
- .selectize-control.plugin-remove_button [data-value] .remove {
76
- z-index: 1;
77
- /* fixes ie bug (see #392) */
78
- position: absolute;
79
- top: 0;
80
- right: 0;
81
- bottom: 0;
82
- width: 17px;
83
- text-align: center;
84
- font-weight: bold;
85
- font-size: 12px;
86
- color: inherit;
87
- text-decoration: none;
88
- vertical-align: middle;
89
- display: inline-block;
90
- padding: 1px 0 0 0;
91
- border-left: 1px solid #74b21e;
92
- -webkit-border-radius: 0 2px 2px 0;
93
- -moz-border-radius: 0 2px 2px 0;
94
- border-radius: 0 2px 2px 0;
95
- -webkit-box-sizing: border-box;
96
- -moz-box-sizing: border-box;
97
- box-sizing: border-box;
98
- }
99
- .selectize-control.plugin-remove_button [data-value] .remove:hover {
100
- background: rgba(0, 0, 0, 0.05);
101
- }
102
- .selectize-control.plugin-remove_button [data-value].active .remove {
103
- border-left-color: #6f9839;
104
- }
105
- .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
106
- background: none;
107
- }
108
- .selectize-control.plugin-remove_button .disabled [data-value] .remove {
109
- border-left-color: #b4b4b4;
110
- }
111
- .selectize-control {
112
- position: relative;
113
- }
114
- .selectize-dropdown,
115
- .selectize-input,
116
- .selectize-input input {
117
- color: #303030;
118
- font-family: inherit;
119
- font-size: 13px;
120
- line-height: 20px;
121
- -webkit-font-smoothing: inherit;
122
- }
123
- .selectize-input,
124
- .selectize-control.single .selectize-input.input-active {
125
- background: #ffffff;
126
- cursor: text;
127
- display: inline-block;
128
- }
129
- .selectize-input {
130
- border: 1px solid #d0d0d0;
131
- padding: 10px 10px;
132
- display: inline-block;
133
- width: 100%;
134
- overflow: hidden;
135
- position: relative;
136
- z-index: 1;
137
- -webkit-box-sizing: border-box;
138
- -moz-box-sizing: border-box;
139
- box-sizing: border-box;
140
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
141
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
142
- -webkit-border-radius: 3px;
143
- -moz-border-radius: 3px;
144
- border-radius: 3px;
145
- }
146
- .selectize-control.multi .selectize-input.has-items {
147
- padding: 8px 10px 4px;
148
- }
149
- .selectize-input.full {
150
- background-color: #f2f2f2;
151
- }
152
- .selectize-input.disabled,
153
- .selectize-input.disabled * {
154
- cursor: default !important;
155
- }
156
- .selectize-input.focus {
157
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
158
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
159
- }
160
- .selectize-input.dropdown-active {
161
- -webkit-border-radius: 3px 3px 0 0;
162
- -moz-border-radius: 3px 3px 0 0;
163
- border-radius: 3px 3px 0 0;
164
- }
165
- .selectize-input > * {
166
- vertical-align: baseline;
167
- display: -moz-inline-stack;
168
- display: inline-block;
169
- zoom: 1;
170
- *display: inline;
171
- }
172
- .selectize-control.multi .selectize-input > div {
173
- cursor: pointer;
174
- margin: 0 4px 4px 0;
175
- padding: 1px 5px;
176
- background: #b8e76f;
177
- color: #3d5d18;
178
- border: 1px solid #74b21e;
179
- }
180
- .selectize-control.multi .selectize-input > div.active {
181
- background: #92c836;
182
- color: #303030;
183
- border: 1px solid #6f9839;
184
- }
185
- .selectize-control.multi .selectize-input.disabled > div,
186
- .selectize-control.multi .selectize-input.disabled > div.active {
187
- color: #878787;
188
- background: #f8f8f8;
189
- border: 1px solid #b4b4b4;
190
- }
191
- .selectize-input > input {
192
- display: inline-block !important;
193
- padding: 0 !important;
194
- min-height: 0 !important;
195
- max-height: none !important;
196
- max-width: 100% !important;
197
- margin: 0 2px 0 0 !important;
198
- text-indent: 0 !important;
199
- border: 0 none !important;
200
- background: none !important;
201
- line-height: inherit !important;
202
- -webkit-user-select: auto !important;
203
- -webkit-box-shadow: none !important;
204
- box-shadow: none !important;
205
- }
206
- .selectize-input > input::-ms-clear {
207
- display: none;
208
- }
209
- .selectize-input > input:focus {
210
- outline: none !important;
211
- }
212
- .selectize-input::after {
213
- content: ' ';
214
- display: block;
215
- clear: left;
216
- }
217
- .selectize-input.dropdown-active::before {
218
- content: ' ';
219
- display: block;
220
- position: absolute;
221
- background: #f0f0f0;
222
- height: 1px;
223
- bottom: 0;
224
- left: 0;
225
- right: 0;
226
- }
227
- .selectize-dropdown {
228
- position: absolute;
229
- z-index: 10;
230
- border: 1px solid #d0d0d0;
231
- background: #ffffff;
232
- margin: -1px 0 0 0;
233
- border-top: 0 none;
234
- -webkit-box-sizing: border-box;
235
- -moz-box-sizing: border-box;
236
- box-sizing: border-box;
237
- -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
238
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
239
- -webkit-border-radius: 0 0 3px 3px;
240
- -moz-border-radius: 0 0 3px 3px;
241
- border-radius: 0 0 3px 3px;
242
- }
243
- .selectize-dropdown [data-selectable] {
244
- cursor: pointer;
245
- overflow: hidden;
246
- }
247
- .selectize-dropdown [data-selectable] .highlight {
248
- background: rgba(255, 237, 40, 0.4);
249
- -webkit-border-radius: 1px;
250
- -moz-border-radius: 1px;
251
- border-radius: 1px;
252
- }
253
- .selectize-dropdown [data-selectable],
254
- .selectize-dropdown .optgroup-header {
255
- padding: 7px 10px;
256
- }
257
- .selectize-dropdown .optgroup:first-child .optgroup-header {
258
- border-top: 0 none;
259
- }
260
- .selectize-dropdown .optgroup-header {
261
- color: #303030;
262
- background: #f8f8f8;
263
- cursor: default;
264
- }
265
- .selectize-dropdown .active {
266
- background-color: #fffceb;
267
- color: #303030;
268
- }
269
- .selectize-dropdown .active.create {
270
- color: #303030;
271
- }
272
- .selectize-dropdown .create {
273
- color: rgba(48, 48, 48, 0.5);
274
- }
275
- .selectize-dropdown-content {
276
- overflow-y: auto;
277
- overflow-x: hidden;
278
- max-height: 200px;
279
- }
280
- .selectize-control.single .selectize-input,
281
- .selectize-control.single .selectize-input input {
282
- cursor: pointer;
283
- }
284
- .selectize-control.single .selectize-input.input-active,
285
- .selectize-control.single .selectize-input.input-active input {
286
- cursor: text;
287
- }
288
- .selectize-control.single .selectize-input:after {
289
- content: ' ';
290
- display: block;
291
- position: absolute;
292
- top: 50%;
293
- right: 15px;
294
- margin-top: -3px;
295
- width: 0;
296
- height: 0;
297
- border-style: solid;
298
- border-width: 5px 5px 0 5px;
299
- border-color: #808080 transparent transparent transparent;
300
- }
301
- .selectize-control.single .selectize-input.dropdown-active:after {
302
- margin-top: -4px;
303
- border-width: 0 5px 5px 5px;
304
- border-color: transparent transparent #808080 transparent;
305
- }
306
- .selectize-control.rtl.single .selectize-input:after {
307
- left: 15px;
308
- right: auto;
309
- }
310
- .selectize-control.rtl .selectize-input > input {
311
- margin: 0 4px 0 -2px !important;
312
- }
313
- .selectize-control .selectize-input.disabled {
314
- opacity: 0.5;
315
- background-color: #fafafa;
316
- }
317
- .selectize-control.multi .selectize-input [data-value] {
318
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
319
- -webkit-border-radius: 3px;
320
- -moz-border-radius: 3px;
321
- border-radius: 3px;
322
- background-color: #b2e567;
323
- background-image: -moz-linear-gradient(top, #b8e76f, #a9e25c);
324
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b8e76f), to(#a9e25c));
325
- background-image: -webkit-linear-gradient(top, #b8e76f, #a9e25c);
326
- background-image: -o-linear-gradient(top, #b8e76f, #a9e25c);
327
- background-image: linear-gradient(to bottom, #b8e76f, #a9e25c);
328
- background-repeat: repeat-x;
329
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb8e76f', endColorstr='#ffa9e25c', GradientType=0);
330
- -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
331
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
332
- }
333
- .selectize-control.multi .selectize-input [data-value].active {
334
- background-color: #88c332;
335
- background-image: -moz-linear-gradient(top, #92c836, #7abc2c);
336
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#92c836), to(#7abc2c));
337
- background-image: -webkit-linear-gradient(top, #92c836, #7abc2c);
338
- background-image: -o-linear-gradient(top, #92c836, #7abc2c);
339
- background-image: linear-gradient(to bottom, #92c836, #7abc2c);
340
- background-repeat: repeat-x;
341
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff92c836', endColorstr='#ff7abc2c', GradientType=0);
342
- }
343
- .selectize-control.single .selectize-input {
344
- -webkit-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);
345
- 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);
346
- background-color: #f3f3f3;
347
- background-image: -moz-linear-gradient(top, #f5f5f5, #efefef);
348
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#efefef));
349
- background-image: -webkit-linear-gradient(top, #f5f5f5, #efefef);
350
- background-image: -o-linear-gradient(top, #f5f5f5, #efefef);
351
- background-image: linear-gradient(to bottom, #f5f5f5, #efefef);
352
- background-repeat: repeat-x;
353
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffefefef', GradientType=0);
354
- }
355
- .selectize-control.single .selectize-input,
356
- .selectize-dropdown.single {
357
- border-color: #b8b8b8;
358
- }
359
- .selectize-dropdown .optgroup-header {
360
- font-weight: bold;
361
- font-size: 0.8em;
362
- border-bottom: 1px solid #f0f0f0;
363
- border-top: 1px solid #f0f0f0;
364
- }
1
+ /**
2
+ * selectize.legacy.css (v0.12.1) - Default Theme
3
+ * Copyright (c) 2013–2015 Brian Reavis & contributors
4
+ *
5
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
6
+ * file except in compliance with the License. You may obtain a copy of the License at:
7
+ * http://www.apache.org/licenses/LICENSE-2.0
8
+ *
9
+ * Unless required by applicable law or agreed to in writing, software distributed under
10
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
11
+ * ANY KIND, either express or implied. See the License for the specific language
12
+ * governing permissions and limitations under the License.
13
+ *
14
+ * @author Brian Reavis <brian@thirdroute.com>
15
+ */
16
+ .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
17
+ visibility: visible !important;
18
+ background: #f2f2f2 !important;
19
+ background: rgba(0, 0, 0, 0.06) !important;
20
+ border: 0 none !important;
21
+ -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
22
+ box-shadow: inset 0 0 12px 4px #ffffff;
23
+ }
24
+ .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
25
+ content: '!';
26
+ visibility: hidden;
27
+ }
28
+ .selectize-control.plugin-drag_drop .ui-sortable-helper {
29
+ -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
30
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
31
+ }
32
+ .selectize-dropdown-header {
33
+ position: relative;
34
+ padding: 7px 10px;
35
+ border-bottom: 1px solid #d0d0d0;
36
+ background: #f8f8f8;
37
+ -webkit-border-radius: 3px 3px 0 0;
38
+ -moz-border-radius: 3px 3px 0 0;
39
+ border-radius: 3px 3px 0 0;
40
+ }
41
+ .selectize-dropdown-header-close {
42
+ position: absolute;
43
+ right: 10px;
44
+ top: 50%;
45
+ color: #303030;
46
+ opacity: 0.4;
47
+ margin-top: -12px;
48
+ line-height: 20px;
49
+ font-size: 20px !important;
50
+ }
51
+ .selectize-dropdown-header-close:hover {
52
+ color: #000000;
53
+ }
54
+ .selectize-dropdown.plugin-optgroup_columns .optgroup {
55
+ border-right: 1px solid #f2f2f2;
56
+ border-top: 0 none;
57
+ float: left;
58
+ -webkit-box-sizing: border-box;
59
+ -moz-box-sizing: border-box;
60
+ box-sizing: border-box;
61
+ }
62
+ .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
63
+ border-right: 0 none;
64
+ }
65
+ .selectize-dropdown.plugin-optgroup_columns .optgroup:before {
66
+ display: none;
67
+ }
68
+ .selectize-dropdown.plugin-optgroup_columns .optgroup-header {
69
+ border-top: 0 none;
70
+ }
71
+ .selectize-control.plugin-remove_button [data-value] {
72
+ position: relative;
73
+ padding-right: 24px !important;
74
+ }
75
+ .selectize-control.plugin-remove_button [data-value] .remove {
76
+ z-index: 1;
77
+ /* fixes ie bug (see #392) */
78
+ position: absolute;
79
+ top: 0;
80
+ right: 0;
81
+ bottom: 0;
82
+ width: 17px;
83
+ text-align: center;
84
+ font-weight: bold;
85
+ font-size: 12px;
86
+ color: inherit;
87
+ text-decoration: none;
88
+ vertical-align: middle;
89
+ display: inline-block;
90
+ padding: 1px 0 0 0;
91
+ border-left: 1px solid #74b21e;
92
+ -webkit-border-radius: 0 2px 2px 0;
93
+ -moz-border-radius: 0 2px 2px 0;
94
+ border-radius: 0 2px 2px 0;
95
+ -webkit-box-sizing: border-box;
96
+ -moz-box-sizing: border-box;
97
+ box-sizing: border-box;
98
+ }
99
+ .selectize-control.plugin-remove_button [data-value] .remove:hover {
100
+ background: rgba(0, 0, 0, 0.05);
101
+ }
102
+ .selectize-control.plugin-remove_button [data-value].active .remove {
103
+ border-left-color: #6f9839;
104
+ }
105
+ .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
106
+ background: none;
107
+ }
108
+ .selectize-control.plugin-remove_button .disabled [data-value] .remove {
109
+ border-left-color: #b4b4b4;
110
+ }
111
+ .selectize-control {
112
+ position: relative;
113
+ }
114
+ .selectize-dropdown,
115
+ .selectize-input,
116
+ .selectize-input input {
117
+ color: #303030;
118
+ font-family: inherit;
119
+ font-size: 13px;
120
+ line-height: 20px;
121
+ -webkit-font-smoothing: inherit;
122
+ }
123
+ .selectize-input,
124
+ .selectize-control.single .selectize-input.input-active {
125
+ background: #ffffff;
126
+ cursor: text;
127
+ display: inline-block;
128
+ }
129
+ .selectize-input {
130
+ border: 1px solid #d0d0d0;
131
+ padding: 10px 10px;
132
+ display: inline-block;
133
+ width: 100%;
134
+ overflow: hidden;
135
+ position: relative;
136
+ z-index: 1;
137
+ -webkit-box-sizing: border-box;
138
+ -moz-box-sizing: border-box;
139
+ box-sizing: border-box;
140
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
141
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
142
+ -webkit-border-radius: 3px;
143
+ -moz-border-radius: 3px;
144
+ border-radius: 3px;
145
+ }
146
+ .selectize-control.multi .selectize-input.has-items {
147
+ padding: 8px 10px 4px;
148
+ }
149
+ .selectize-input.full {
150
+ background-color: #f2f2f2;
151
+ }
152
+ .selectize-input.disabled,
153
+ .selectize-input.disabled * {
154
+ cursor: default !important;
155
+ }
156
+ .selectize-input.focus {
157
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
158
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
159
+ }
160
+ .selectize-input.dropdown-active {
161
+ -webkit-border-radius: 3px 3px 0 0;
162
+ -moz-border-radius: 3px 3px 0 0;
163
+ border-radius: 3px 3px 0 0;
164
+ }
165
+ .selectize-input > * {
166
+ vertical-align: baseline;
167
+ display: -moz-inline-stack;
168
+ display: inline-block;
169
+ zoom: 1;
170
+ *display: inline;
171
+ }
172
+ .selectize-control.multi .selectize-input > div {
173
+ cursor: pointer;
174
+ margin: 0 4px 4px 0;
175
+ padding: 1px 5px;
176
+ background: #b8e76f;
177
+ color: #3d5d18;
178
+ border: 1px solid #74b21e;
179
+ }
180
+ .selectize-control.multi .selectize-input > div.active {
181
+ background: #92c836;
182
+ color: #303030;
183
+ border: 1px solid #6f9839;
184
+ }
185
+ .selectize-control.multi .selectize-input.disabled > div,
186
+ .selectize-control.multi .selectize-input.disabled > div.active {
187
+ color: #878787;
188
+ background: #f8f8f8;
189
+ border: 1px solid #b4b4b4;
190
+ }
191
+ .selectize-input > input {
192
+ display: inline-block !important;
193
+ padding: 0 !important;
194
+ min-height: 0 !important;
195
+ max-height: none !important;
196
+ max-width: 100% !important;
197
+ margin: 0 2px 0 0 !important;
198
+ text-indent: 0 !important;
199
+ border: 0 none !important;
200
+ background: none !important;
201
+ line-height: inherit !important;
202
+ -webkit-user-select: auto !important;
203
+ -webkit-box-shadow: none !important;
204
+ box-shadow: none !important;
205
+ }
206
+ .selectize-input > input::-ms-clear {
207
+ display: none;
208
+ }
209
+ .selectize-input > input:focus {
210
+ outline: none !important;
211
+ }
212
+ .selectize-input::after {
213
+ content: ' ';
214
+ display: block;
215
+ clear: left;
216
+ }
217
+ .selectize-input.dropdown-active::before {
218
+ content: ' ';
219
+ display: block;
220
+ position: absolute;
221
+ background: #f0f0f0;
222
+ height: 1px;
223
+ bottom: 0;
224
+ left: 0;
225
+ right: 0;
226
+ }
227
+ .selectize-dropdown {
228
+ position: absolute;
229
+ z-index: 10;
230
+ border: 1px solid #d0d0d0;
231
+ background: #ffffff;
232
+ margin: -1px 0 0 0;
233
+ border-top: 0 none;
234
+ -webkit-box-sizing: border-box;
235
+ -moz-box-sizing: border-box;
236
+ box-sizing: border-box;
237
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
238
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
239
+ -webkit-border-radius: 0 0 3px 3px;
240
+ -moz-border-radius: 0 0 3px 3px;
241
+ border-radius: 0 0 3px 3px;
242
+ }
243
+ .selectize-dropdown [data-selectable] {
244
+ cursor: pointer;
245
+ overflow: hidden;
246
+ }
247
+ .selectize-dropdown [data-selectable] .highlight {
248
+ background: rgba(255, 237, 40, 0.4);
249
+ -webkit-border-radius: 1px;
250
+ -moz-border-radius: 1px;
251
+ border-radius: 1px;
252
+ }
253
+ .selectize-dropdown [data-selectable],
254
+ .selectize-dropdown .optgroup-header {
255
+ padding: 7px 10px;
256
+ }
257
+ .selectize-dropdown .optgroup:first-child .optgroup-header {
258
+ border-top: 0 none;
259
+ }
260
+ .selectize-dropdown .optgroup-header {
261
+ color: #303030;
262
+ background: #f8f8f8;
263
+ cursor: default;
264
+ }
265
+ .selectize-dropdown .active {
266
+ background-color: #fffceb;
267
+ color: #303030;
268
+ }
269
+ .selectize-dropdown .active.create {
270
+ color: #303030;
271
+ }
272
+ .selectize-dropdown .create {
273
+ color: rgba(48, 48, 48, 0.5);
274
+ }
275
+ .selectize-dropdown-content {
276
+ overflow-y: auto;
277
+ overflow-x: hidden;
278
+ max-height: 200px;
279
+ }
280
+ .selectize-control.single .selectize-input,
281
+ .selectize-control.single .selectize-input input {
282
+ cursor: pointer;
283
+ }
284
+ .selectize-control.single .selectize-input.input-active,
285
+ .selectize-control.single .selectize-input.input-active input {
286
+ cursor: text;
287
+ }
288
+ .selectize-control.single .selectize-input:after {
289
+ content: ' ';
290
+ display: block;
291
+ position: absolute;
292
+ top: 50%;
293
+ right: 15px;
294
+ margin-top: -3px;
295
+ width: 0;
296
+ height: 0;
297
+ border-style: solid;
298
+ border-width: 5px 5px 0 5px;
299
+ border-color: #808080 transparent transparent transparent;
300
+ }
301
+ .selectize-control.single .selectize-input.dropdown-active:after {
302
+ margin-top: -4px;
303
+ border-width: 0 5px 5px 5px;
304
+ border-color: transparent transparent #808080 transparent;
305
+ }
306
+ .selectize-control.rtl.single .selectize-input:after {
307
+ left: 15px;
308
+ right: auto;
309
+ }
310
+ .selectize-control.rtl .selectize-input > input {
311
+ margin: 0 4px 0 -2px !important;
312
+ }
313
+ .selectize-control .selectize-input.disabled {
314
+ opacity: 0.5;
315
+ background-color: #fafafa;
316
+ }
317
+ .selectize-control.multi .selectize-input [data-value] {
318
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
319
+ -webkit-border-radius: 3px;
320
+ -moz-border-radius: 3px;
321
+ border-radius: 3px;
322
+ background-color: #b2e567;
323
+ background-image: -moz-linear-gradient(top, #b8e76f, #a9e25c);
324
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b8e76f), to(#a9e25c));
325
+ background-image: -webkit-linear-gradient(top, #b8e76f, #a9e25c);
326
+ background-image: -o-linear-gradient(top, #b8e76f, #a9e25c);
327
+ background-image: linear-gradient(to bottom, #b8e76f, #a9e25c);
328
+ background-repeat: repeat-x;
329
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb8e76f', endColorstr='#ffa9e25c', GradientType=0);
330
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
331
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
332
+ }
333
+ .selectize-control.multi .selectize-input [data-value].active {
334
+ background-color: #88c332;
335
+ background-image: -moz-linear-gradient(top, #92c836, #7abc2c);
336
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#92c836), to(#7abc2c));
337
+ background-image: -webkit-linear-gradient(top, #92c836, #7abc2c);
338
+ background-image: -o-linear-gradient(top, #92c836, #7abc2c);
339
+ background-image: linear-gradient(to bottom, #92c836, #7abc2c);
340
+ background-repeat: repeat-x;
341
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff92c836', endColorstr='#ff7abc2c', GradientType=0);
342
+ }
343
+ .selectize-control.single .selectize-input {
344
+ -webkit-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);
345
+ 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);
346
+ background-color: #f3f3f3;
347
+ background-image: -moz-linear-gradient(top, #f5f5f5, #efefef);
348
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#efefef));
349
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #efefef);
350
+ background-image: -o-linear-gradient(top, #f5f5f5, #efefef);
351
+ background-image: linear-gradient(to bottom, #f5f5f5, #efefef);
352
+ background-repeat: repeat-x;
353
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffefefef', GradientType=0);
354
+ }
355
+ .selectize-control.single .selectize-input,
356
+ .selectize-dropdown.single {
357
+ border-color: #b8b8b8;
358
+ }
359
+ .selectize-dropdown .optgroup-header {
360
+ font-weight: bold;
361
+ font-size: 0.8em;
362
+ border-bottom: 1px solid #f0f0f0;
363
+ border-top: 1px solid #f0f0f0;
364
+ }