selectize-rails 0.8.5 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  /**
2
- * selectize.legacy.css (v0.8.5) - Default Theme
2
+ * selectize.legacy.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,354 +13,306 @@
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: 7px 10px;
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: 10px;
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: 1px 0 0 0;
95
- font-size: 12px;
81
+ text-align: center;
96
82
  font-weight: bold;
83
+ font-size: 12px;
97
84
  color: inherit;
98
- text-align: center;
99
85
  text-decoration: none;
100
86
  vertical-align: middle;
87
+ display: inline-block;
88
+ padding: 1px 0 0 0;
101
89
  border-left: 1px solid #74b21e;
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: #6f9839;
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: #b4b4b4;
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: 20px;
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: 10px 10px;
150
130
  display: inline-block;
151
131
  width: 100%;
152
- padding: 10px 10px;
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: 8px 10px 4px;
167
146
  }
168
-
169
147
  .selectize-input.full {
170
148
  background-color: #f2f2f2;
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: 1px 5px;
199
- margin: 0 4px 4px 0;
200
- color: #3d5d18;
201
171
  cursor: pointer;
172
+ margin: 0 4px 4px 0;
173
+ padding: 1px 5px;
202
174
  background: #b8e76f;
175
+ color: #3d5d18;
203
176
  border: 1px solid #74b21e;
204
177
  }
205
-
206
178
  .selectize-control.multi .selectize-input > div.active {
207
- color: #303030;
208
179
  background: #92c836;
180
+ color: #303030;
209
181
  border: 1px solid #6f9839;
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: #878787;
215
186
  background: #f8f8f8;
216
187
  border: 1px solid #b4b4b4;
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 2px 0 0 !important;
225
- line-height: inherit !important;
226
195
  text-indent: 0 !important;
227
- background: none !important;
228
196
  border: 0 none !important;
229
- -webkit-box-shadow: none !important;
230
- box-shadow: none !important;
197
+ background: none !important;
198
+ line-height: inherit !important;
231
199
  -webkit-user-select: auto !important;
200
+ -webkit-box-shadow: none !important;
201
+ box-shadow: none !important;
232
202
  }
233
-
234
203
  .selectize-input > input:focus {
235
204
  outline: none !important;
236
205
  }
237
-
238
206
  .selectize-input::after {
207
+ content: ' ';
239
208
  display: block;
240
209
  clear: left;
241
- content: ' ';
242
210
  }
243
-
244
211
  .selectize-input.dropdown-active::before {
212
+ content: ' ';
213
+ display: block;
245
214
  position: absolute;
246
- right: 0;
215
+ background: #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(255, 237, 40, 0.4);
279
243
  -webkit-border-radius: 1px;
280
- -moz-border-radius: 1px;
281
- border-radius: 1px;
244
+ -moz-border-radius: 1px;
245
+ border-radius: 1px;
282
246
  }
283
-
284
247
  .selectize-dropdown [data-selectable],
285
248
  .selectize-dropdown .optgroup-header {
286
249
  padding: 7px 10px;
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: #f8f8f8;
257
+ cursor: default;
297
258
  }
298
-
299
259
  .selectize-dropdown .active {
300
- color: #303030;
301
260
  background-color: #fffceb;
261
+ color: #303030;
302
262
  }
303
-
304
263
  .selectize-dropdown .active.create {
305
264
  color: #303030;
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 [data-value] {
363
312
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
313
+ -webkit-border-radius: 3px;
314
+ -moz-border-radius: 3px;
315
+ border-radius: 3px;
364
316
  background-color: #b2e567;
365
317
  background-image: -moz-linear-gradient(top, #b8e76f, #a9e25c);
366
318
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b8e76f), to(#a9e25c));
@@ -368,14 +320,10 @@
368
320
  background-image: -o-linear-gradient(top, #b8e76f, #a9e25c);
369
321
  background-image: linear-gradient(to bottom, #b8e76f, #a9e25c);
370
322
  background-repeat: repeat-x;
371
- -webkit-border-radius: 3px;
372
- -moz-border-radius: 3px;
373
- border-radius: 3px;
374
323
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb8e76f', endColorstr='#ffa9e25c', GradientType=0);
375
324
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
376
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
325
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
377
326
  }
378
-
379
327
  .selectize-control.multi .selectize-input [data-value].active {
380
328
  background-color: #88c332;
381
329
  background-image: -moz-linear-gradient(top, #92c836, #7abc2c);
@@ -386,8 +334,9 @@
386
334
  background-repeat: repeat-x;
387
335
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff92c836', endColorstr='#ff7abc2c', GradientType=0);
388
336
  }
389
-
390
337
  .selectize-control.single .selectize-input {
338
+ -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);
339
+ 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);
391
340
  background-color: #f3f3f3;
392
341
  background-image: -moz-linear-gradient(top, #f5f5f5, #efefef);
393
342
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#efefef));
@@ -396,18 +345,14 @@
396
345
  background-image: linear-gradient(to bottom, #f5f5f5, #efefef);
397
346
  background-repeat: repeat-x;
398
347
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffefefef', GradientType=0);
399
- -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);
400
- 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);
401
348
  }
402
-
403
349
  .selectize-control.single .selectize-input,
404
350
  .selectize-dropdown.single {
405
351
  border-color: #b8b8b8;
406
352
  }
407
-
408
353
  .selectize-dropdown .optgroup-header {
409
- font-size: 0.8em;
410
354
  font-weight: bold;
411
- border-top: 1px solid #f0f0f0;
355
+ font-size: 0.8em;
412
356
  border-bottom: 1px solid #f0f0f0;
413
- }
357
+ border-top: 1px solid #f0f0f0;
358
+ }