select2-rails 3.2.1 → 3.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. data/README.md +3 -3
  2. data/lib/select2-rails/version.rb +1 -1
  3. data/select2-rails.gemspec +1 -0
  4. data/vendor/assets/images/select2-spinner.gif +0 -0
  5. data/vendor/assets/images/select2.png +0 -0
  6. data/vendor/assets/images/select2x2.png +0 -0
  7. data/vendor/assets/javascripts/select2.js +460 -271
  8. data/vendor/assets/stylesheets/select2.css.scss +324 -259
  9. metadata +95 -80
data/vendor/assets/stylesheets/select2.css.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /*
2
- Version: 3.2 Timestamp: Mon Sep 10 10:38:04 PDT 2012
2
+ Version: 3.3.0 Timestamp: Tue Feb 5 18:33:54 PST 2013
3
3
  */
4
4
  .select2-container {
5
5
  position: relative;
@@ -20,52 +20,57 @@ Version: 3.2 Timestamp: Mon Sep 10 10:38:04 PDT 2012
20
20
 
21
21
  More Info : http://www.quirksmode.org/css/box.html
22
22
  */
23
- -moz-box-sizing: border-box; /* firefox */
24
- -ms-box-sizing: border-box; /* ie */
25
23
  -webkit-box-sizing: border-box; /* webkit */
26
- -khtml-box-sizing: border-box; /* konqueror */
27
- box-sizing: border-box; /* css3 */
24
+ -khtml-box-sizing: border-box; /* konqueror */
25
+ -moz-box-sizing: border-box; /* firefox */
26
+ -ms-box-sizing: border-box; /* ie */
27
+ box-sizing: border-box; /* css3 */
28
28
  }
29
29
 
30
30
  .select2-container .select2-choice {
31
- background-color: #fff;
32
- background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
33
- background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
34
- background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
35
- background-image: -o-linear-gradient(bottom, #eeeeee 0%, #ffffff 50%);
36
- background-image: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 50%);
37
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#ffffff', GradientType = 0);
38
- background-image: linear-gradient(top, #eeeeee 0%, #ffffff 50%);
39
- -webkit-border-radius: 4px;
40
- -moz-border-radius: 4px;
41
- border-radius: 4px;
42
- -moz-background-clip: padding;
43
- -webkit-background-clip: padding-box;
44
- background-clip: padding-box;
45
- border: 1px solid #aaa;
46
31
  display: block;
32
+ height: 26px;
33
+ padding: 0 0 0 8px;
47
34
  overflow: hidden;
48
- white-space: nowrap;
49
35
  position: relative;
50
- height: 26px;
36
+
37
+ border: 1px solid #aaa;
38
+ white-space: nowrap;
51
39
  line-height: 26px;
52
- padding: 0 0 0 8px;
53
40
  color: #444;
54
41
  text-decoration: none;
42
+
43
+ -webkit-border-radius: 4px;
44
+ -moz-border-radius: 4px;
45
+ border-radius: 4px;
46
+
47
+ -webkit-background-clip: padding-box;
48
+ -moz-background-clip: padding;
49
+ background-clip: padding-box;
50
+
51
+ background-color: #fff;
52
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
53
+ background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
54
+ background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
55
+ background-image: -o-linear-gradient(bottom, #eeeeee 0%, #ffffff 50%);
56
+ background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
57
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
58
+ background-image: linear-gradient(top, #ffffff 0%, #eeeeee 50%);
55
59
  }
56
60
 
57
- .select2-container.select2-drop-above .select2-choice
58
- {
61
+ .select2-container.select2-drop-above .select2-choice {
59
62
  border-bottom-color: #aaa;
60
- -webkit-border-radius:0px 0px 4px 4px;
61
- -moz-border-radius:0px 0px 4px 4px;
62
- border-radius:0px 0px 4px 4px;
63
+
64
+ -webkit-border-radius:0 0 4px 4px;
65
+ -moz-border-radius:0 0 4px 4px;
66
+ border-radius:0 0 4px 4px;
67
+
63
68
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white));
64
69
  background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%);
65
70
  background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%);
66
71
  background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 90%);
67
72
  background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 90%);
68
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
73
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
69
74
  background-image: linear-gradient(top, #eeeeee 0%,#ffffff 90%);
70
75
  }
71
76
 
@@ -73,207 +78,235 @@ Version: 3.2 Timestamp: Mon Sep 10 10:38:04 PDT 2012
73
78
  margin-right: 26px;
74
79
  display: block;
75
80
  overflow: hidden;
81
+
76
82
  white-space: nowrap;
77
- -o-text-overflow: ellipsis;
83
+
78
84
  -ms-text-overflow: ellipsis;
79
- text-overflow: ellipsis;
85
+ -o-text-overflow: ellipsis;
86
+ text-overflow: ellipsis;
80
87
  }
81
88
 
82
89
  .select2-container .select2-choice abbr {
83
- display: block;
84
- position: absolute;
85
- right: 26px;
86
- top: 8px;
87
- width: 12px;
88
- height: 12px;
89
- font-size: 1px;
90
- background: image-url('select2.png') right top no-repeat;
91
- cursor: pointer;
92
- text-decoration: none;
93
- border:0;
94
- outline: 0;
90
+ display: block;
91
+ width: 12px;
92
+ height: 12px;
93
+ position: absolute;
94
+ right: 26px;
95
+ top: 8px;
96
+
97
+ font-size: 1px;
98
+ text-decoration: none;
99
+
100
+ border: 0;
101
+ background: url('select2.png') right top no-repeat;
102
+ cursor: pointer;
103
+ outline: 0;
95
104
  }
96
105
  .select2-container .select2-choice abbr:hover {
97
- background-position: right -11px;
98
- cursor: pointer;
106
+ background-position: right -11px;
107
+ cursor: pointer;
108
+ }
109
+
110
+ .select2-drop-mask {
111
+ position: absolute;
112
+ left: 0;
113
+ top: 0;
114
+ z-index: 9998;
115
+ opacity: 0;
99
116
  }
100
117
 
101
118
  .select2-drop {
119
+ width: 100%;
120
+ margin-top:-1px;
121
+ position: absolute;
122
+ z-index: 9999;
123
+ top: 100%;
124
+
102
125
  background: #fff;
103
126
  color: #000;
104
127
  border: 1px solid #aaa;
105
128
  border-top: 0;
106
- position: absolute;
107
- top: 100%;
108
- -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
109
- -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
110
- -o-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
111
- box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
112
- z-index: 9999;
113
- width:100%;
114
- margin-top:-1px;
115
129
 
116
- -webkit-border-radius: 0 0 4px 4px;
117
- -moz-border-radius: 0 0 4px 4px;
118
- border-radius: 0 0 4px 4px;
130
+ -webkit-border-radius: 0 0 4px 4px;
131
+ -moz-border-radius: 0 0 4px 4px;
132
+ border-radius: 0 0 4px 4px;
133
+
134
+ -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
135
+ -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
136
+ -o-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
137
+ box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
119
138
  }
120
139
 
121
140
  .select2-drop.select2-drop-above {
122
- -webkit-border-radius: 4px 4px 0px 0px;
123
- -moz-border-radius: 4px 4px 0px 0px;
124
- border-radius: 4px 4px 0px 0px;
125
- margin-top:1px;
141
+ margin-top: 1px;
126
142
  border-top: 1px solid #aaa;
127
143
  border-bottom: 0;
128
144
 
145
+ -webkit-border-radius: 4px 4px 0 0;
146
+ -moz-border-radius: 4px 4px 0 0;
147
+ border-radius: 4px 4px 0 0;
148
+
129
149
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
130
- -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
131
- -o-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
132
- box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
150
+ -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
151
+ -o-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
152
+ box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
133
153
  }
134
154
 
135
155
  .select2-container .select2-choice div {
156
+ display: block;
157
+ width: 18px;
158
+ height: 100%;
159
+ position: absolute;
160
+ right: 0;
161
+ top: 0;
162
+
163
+ border-left: 1px solid #aaa;
136
164
  -webkit-border-radius: 0 4px 4px 0;
137
- -moz-border-radius: 0 4px 4px 0;
138
- border-radius: 0 4px 4px 0;
139
- -moz-background-clip: padding;
165
+ -moz-border-radius: 0 4px 4px 0;
166
+ border-radius: 0 4px 4px 0;
167
+
140
168
  -webkit-background-clip: padding-box;
141
- background-clip: padding-box;
169
+ -moz-background-clip: padding;
170
+ background-clip: padding-box;
171
+
142
172
  background: #ccc;
143
173
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
144
174
  background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
145
175
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
146
176
  background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
147
177
  background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%);
148
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cccccc', endColorstr = '#eeeeee', GradientType = 0);
178
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
149
179
  background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%);
150
- border-left: 1px solid #aaa;
151
- position: absolute;
152
- right: 0;
153
- top: 0;
154
- display: block;
155
- height: 100%;
156
- width: 18px;
157
180
  }
158
181
 
159
182
  .select2-container .select2-choice div b {
160
- background: image-url('select2.png') no-repeat 0 1px;
161
183
  display: block;
162
184
  width: 100%;
163
185
  height: 100%;
186
+ background: url('select2.png') no-repeat 0 1px;
164
187
  }
165
188
 
166
189
  .select2-search {
167
- display: inline-block;
168
- white-space: nowrap;
190
+ display: inline-block;
191
+ width: 100%;
192
+ min-height: 26px;
193
+ margin: 0;
194
+ padding-left: 4px;
195
+ padding-right: 4px;
196
+
197
+ position: relative;
169
198
  z-index: 10000;
170
- min-height: 26px;
171
- width: 100%;
172
- margin: 0;
173
- padding-left: 4px;
174
- padding-right: 4px;
199
+
200
+ white-space: nowrap;
175
201
  }
176
202
 
177
203
  .select2-search-hidden {
178
- display: block;
179
- position: absolute;
180
- left: -10000px;
204
+ display: block;
205
+ position: absolute;
206
+ left: -10000px;
181
207
  }
182
208
 
183
209
  .select2-search input {
184
- background: #fff image-url('select2.png') no-repeat 100% -22px;
185
- background: image-url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
186
- background: image-url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
187
- background: image-url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
188
- background: image-url('select2.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
189
- background: image-url('select2.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
190
- background: image-url('select2.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
210
+ width: 100%;
211
+ height: auto !important;
212
+ min-height: 26px;
191
213
  padding: 4px 20px 4px 5px;
214
+ margin: 0;
215
+
192
216
  outline: 0;
193
- border: 1px solid #aaa;
194
217
  font-family: sans-serif;
195
218
  font-size: 1em;
196
- width:100%;
197
- margin:0;
198
- height:auto !important;
199
- min-height: 26px;
200
- -webkit-box-shadow: none;
201
- -moz-box-shadow: none;
202
- box-shadow: none;
203
- border-radius: 0;
204
- -moz-border-radius: 0;
219
+
220
+ border: 1px solid #aaa;
205
221
  -webkit-border-radius: 0;
222
+ -moz-border-radius: 0;
223
+ border-radius: 0;
224
+
225
+ -webkit-box-shadow: none;
226
+ -moz-box-shadow: none;
227
+ box-shadow: none;
228
+
229
+ background: #fff url('select2.png') no-repeat 100% -22px;
230
+ background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
231
+ background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
232
+ background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
233
+ background: url('select2.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
234
+ background: url('select2.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
235
+ background: url('select2.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
206
236
  }
207
237
 
208
- .select2-drop.select2-drop-above .select2-search input
209
- {
210
- margin-top:4px;
238
+ .select2-drop.select2-drop-above .select2-search input {
239
+ margin-top: 4px;
211
240
  }
212
241
 
213
242
  .select2-search input.select2-active {
214
- background: #fff image-url('spinner.gif') no-repeat 100%;
215
- background: image-url('spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
216
- background: image-url('spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
217
- background: image-url('spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
218
- background: image-url('spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
219
- background: image-url('spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
220
- background: image-url('spinner.gif') no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
243
+ background: #fff url('select2-spinner.gif') no-repeat 100%;
244
+ background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
245
+ background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
246
+ background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
247
+ background: url('select2-spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
248
+ background: url('select2-spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
249
+ background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
221
250
  }
222
251
 
223
-
224
252
  .select2-container-active .select2-choice,
225
253
  .select2-container-active .select2-choices {
226
- -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
227
- -moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
228
- -o-box-shadow : 0 0 5px rgba(0,0,0,.3);
229
- box-shadow : 0 0 5px rgba(0,0,0,.3);
230
254
  border: 1px solid #5897fb;
231
255
  outline: none;
256
+
257
+ -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
258
+ -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
259
+ -o-box-shadow: 0 0 5px rgba(0,0,0,.3);
260
+ box-shadow: 0 0 5px rgba(0,0,0,.3);
232
261
  }
233
262
 
234
263
  .select2-dropdown-open .select2-choice {
235
- border: 1px solid #aaa;
236
- border-bottom-color: transparent;
237
- -webkit-box-shadow: 0 1px 0 #fff inset;
238
- -moz-box-shadow : 0 1px 0 #fff inset;
239
- -o-box-shadow : 0 1px 0 #fff inset;
240
- box-shadow : 0 1px 0 #fff inset;
241
- background-color: #eee;
242
- background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
243
- background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%);
244
- background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
245
- background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%);
246
- background-image: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 50%);
247
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
248
- background-image: linear-gradient(top, #ffffff 0%,#eeeeee 50%);
249
- -webkit-border-bottom-left-radius : 0;
250
- -webkit-border-bottom-right-radius: 0;
251
- -moz-border-radius-bottomleft : 0;
252
- -moz-border-radius-bottomright: 0;
253
- border-bottom-left-radius : 0;
254
- border-bottom-right-radius: 0;
264
+ border: 1px solid #aaa;
265
+ border-bottom-color: transparent;
266
+ -webkit-box-shadow: 0 1px 0 #fff inset;
267
+ -moz-box-shadow: 0 1px 0 #fff inset;
268
+ -o-box-shadow: 0 1px 0 #fff inset;
269
+ box-shadow: 0 1px 0 #fff inset;
270
+
271
+ -webkit-border-bottom-left-radius: 0;
272
+ -moz-border-radius-bottomleft: 0;
273
+ border-bottom-left-radius: 0;
274
+
275
+ -webkit-border-bottom-right-radius: 0;
276
+ -moz-border-radius-bottomright: 0;
277
+ border-bottom-right-radius: 0;
278
+
279
+ background-color: #eee;
280
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
281
+ background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%);
282
+ background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
283
+ background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%);
284
+ background-image: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 50%);
285
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
286
+ background-image: linear-gradient(top, #ffffff 0%,#eeeeee 50%);
255
287
  }
256
288
 
257
289
  .select2-dropdown-open .select2-choice div {
258
- background: transparent;
259
- border-left: none;
290
+ background: transparent;
291
+ border-left: none;
292
+ filter: none;
260
293
  }
261
294
  .select2-dropdown-open .select2-choice div b {
262
- background-position: -18px 1px;
295
+ background-position: -18px 1px;
263
296
  }
264
297
 
265
298
  /* results */
266
299
  .select2-results {
267
- margin: 4px 4px 4px 0;
268
- padding: 0 0 0 4px;
269
- position: relative;
270
- overflow-x: hidden;
271
- overflow-y: auto;
272
- max-height: 200px;
300
+ max-height: 200px;
301
+ padding: 0 0 0 4px;
302
+ margin: 4px 4px 4px 0;
303
+ position: relative;
304
+ overflow-x: hidden;
305
+ overflow-y: auto;
273
306
  }
274
307
 
275
308
  .select2-results ul.select2-result-sub {
276
- margin: 0 0 0 0;
309
+ margin: 0;
277
310
  }
278
311
 
279
312
  .select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }
@@ -285,40 +318,51 @@ Version: 3.2 Timestamp: Mon Sep 10 10:38:04 PDT 2012
285
318
  .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }
286
319
 
287
320
  .select2-results li {
288
- list-style: none;
289
- display: list-item;
321
+ list-style: none;
322
+ display: list-item;
323
+ background-image: none;
290
324
  }
291
325
 
292
326
  .select2-results li.select2-result-with-children > .select2-result-label {
293
- font-weight: bold;
327
+ font-weight: bold;
294
328
  }
295
329
 
296
330
  .select2-results .select2-result-label {
297
- padding: 3px 7px 4px;
298
- margin: 0;
299
- cursor: pointer;
331
+ padding: 3px 7px 4px;
332
+ margin: 0;
333
+ cursor: pointer;
300
334
  }
301
335
 
302
336
  .select2-results .select2-highlighted {
303
- background: #3875d7;
304
- color: #fff;
337
+ background: #3875d7;
338
+ color: #fff;
305
339
  }
340
+
306
341
  .select2-results li em {
307
- background: #feffde;
308
- font-style: normal;
342
+ background: #feffde;
343
+ font-style: normal;
309
344
  }
345
+
310
346
  .select2-results .select2-highlighted em {
311
- background: transparent;
347
+ background: transparent;
348
+ }
349
+
350
+ .select2-results .select2-highlighted ul {
351
+ background: white;
352
+ color: #000;
312
353
  }
354
+
355
+
313
356
  .select2-results .select2-no-results,
314
357
  .select2-results .select2-searching,
315
358
  .select2-results .select2-selection-limit {
316
- background: #f4f4f4;
317
- display: list-item;
359
+ background: #f4f4f4;
360
+ display: list-item;
318
361
  }
319
362
 
320
363
  /*
321
- disabled look for already selected choices in the results dropdown
364
+ disabled look for disabled choices in the results dropdown
365
+ */
322
366
  .select2-results .select2-disabled.select2-highlighted {
323
367
  color: #666;
324
368
  background: #f4f4f4;
@@ -330,18 +374,18 @@ disabled look for already selected choices in the results dropdown
330
374
  display: list-item;
331
375
  cursor: default;
332
376
  }
333
- */
334
- .select2-results .select2-disabled {
377
+
378
+ .select2-results .select2-selected {
335
379
  display: none;
336
380
  }
337
381
 
338
382
  .select2-more-results.select2-active {
339
- background: #f4f4f4 image-url('spinner.gif') no-repeat 100%;
383
+ background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
340
384
  }
341
385
 
342
386
  .select2-more-results {
343
- background: #f4f4f4;
344
- display: list-item;
387
+ background: #f4f4f4;
388
+ display: list-item;
345
389
  }
346
390
 
347
391
  /* disabled styles */
@@ -359,25 +403,35 @@ disabled look for already selected choices in the results dropdown
359
403
  border-left: 0;
360
404
  }
361
405
 
406
+ .select2-container.select2-container-disabled .select2-choice abbr {
407
+ display: none
408
+ }
409
+
362
410
 
363
411
  /* multiselect */
364
412
 
365
413
  .select2-container-multi .select2-choices {
414
+ height: auto !important;
415
+ height: 1%;
416
+ margin: 0;
417
+ padding: 0;
418
+ position: relative;
419
+
420
+ border: 1px solid #aaa;
421
+ cursor: text;
422
+ overflow: hidden;
423
+
366
424
  background-color: #fff;
367
- background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
368
- background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
369
- background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
370
- background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
371
- background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
372
- background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
373
- border: 1px solid #aaa;
374
- margin: 0;
375
- padding: 0;
376
- cursor: text;
377
- overflow: hidden;
378
- height: auto !important;
379
- height: 1%;
380
- position: relative;
425
+ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
426
+ background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
427
+ background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
428
+ background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
429
+ background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
430
+ background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
431
+ }
432
+
433
+ .select2-locked {
434
+ padding: 3px 5px 3px 5px !important;
381
435
  }
382
436
 
383
437
  .select2-container-multi .select2-choices {
@@ -385,106 +439,112 @@ disabled look for already selected choices in the results dropdown
385
439
  }
386
440
 
387
441
  .select2-container-multi.select2-container-active .select2-choices {
388
- -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
389
- -moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
390
- -o-box-shadow : 0 0 5px rgba(0,0,0,.3);
391
- box-shadow : 0 0 5px rgba(0,0,0,.3);
392
442
  border: 1px solid #5897fb;
393
443
  outline: none;
444
+
445
+ -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
446
+ -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
447
+ -o-box-shadow: 0 0 5px rgba(0,0,0,.3);
448
+ box-shadow: 0 0 5px rgba(0,0,0,.3);
394
449
  }
395
450
  .select2-container-multi .select2-choices li {
396
- float: left;
397
- list-style: none;
451
+ float: left;
452
+ list-style: none;
398
453
  }
399
454
  .select2-container-multi .select2-choices .select2-search-field {
400
- white-space: nowrap;
401
- margin: 0;
402
- padding: 0;
455
+ margin: 0;
456
+ padding: 0;
457
+ white-space: nowrap;
403
458
  }
404
459
 
405
460
  .select2-container-multi .select2-choices .select2-search-field input {
406
- color: #666;
407
- background: transparent !important;
408
- font-family: sans-serif;
409
- font-size: 100%;
410
- height: 15px;
411
- padding: 5px;
412
- margin: 1px 0;
413
- outline: 0;
414
- border: 0;
415
- -webkit-box-shadow: none;
416
- -moz-box-shadow : none;
417
- -o-box-shadow : none;
418
- box-shadow : none;
461
+ height: 15px;
462
+ padding: 5px;
463
+ margin: 1px 0;
464
+
465
+ font-family: sans-serif;
466
+ font-size: 100%;
467
+ color: #666;
468
+ outline: 0;
469
+ border: 0;
470
+ -webkit-box-shadow: none;
471
+ -moz-box-shadow: none;
472
+ -o-box-shadow: none;
473
+ box-shadow: none;
474
+ background: transparent !important;
419
475
  }
420
476
 
421
477
  .select2-container-multi .select2-choices .select2-search-field input.select2-active {
422
- background: #fff image-url('spinner.gif') no-repeat 100% !important;
478
+ background: #fff url('select2-spinner.gif') no-repeat 100% !important;
423
479
  }
424
480
 
425
481
  .select2-default {
426
- color: #999 !important;
482
+ color: #999 !important;
427
483
  }
428
484
 
429
485
  .select2-container-multi .select2-choices .select2-search-choice {
430
- -webkit-border-radius: 3px;
431
- -moz-border-radius : 3px;
432
- border-radius : 3px;
433
- -moz-background-clip : padding;
434
- -webkit-background-clip: padding-box;
435
- background-clip : padding-box;
436
- background-color: #e4e4e4;
437
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
438
- background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
439
- background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
440
- background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
441
- background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
442
- background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
443
- background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
444
- -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
445
- -moz-box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
446
- box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
447
- color: #333;
448
- border: 1px solid #aaaaaa;
449
- line-height: 13px;
450
- padding: 3px 5px 3px 18px;
451
- margin: 3px 0 3px 5px;
452
- position: relative;
453
- cursor: default;
486
+ padding: 3px 5px 3px 18px;
487
+ margin: 3px 0 3px 5px;
488
+ position: relative;
489
+
490
+ line-height: 13px;
491
+ color: #333;
492
+ cursor: default;
493
+ border: 1px solid #aaaaaa;
494
+
495
+ -webkit-border-radius: 3px;
496
+ -moz-border-radius: 3px;
497
+ border-radius: 3px;
498
+
499
+ -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
500
+ -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
501
+ box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
502
+
503
+ -webkit-background-clip: padding-box;
504
+ -moz-background-clip: padding;
505
+ background-clip: padding-box;
506
+
507
+ background-color: #e4e4e4;
508
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0 );
509
+ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
510
+ background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
511
+ background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
512
+ background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
513
+ background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
514
+ background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
454
515
  }
455
516
  .select2-container-multi .select2-choices .select2-search-choice span {
456
- cursor: default;
517
+ cursor: default;
457
518
  }
458
519
  .select2-container-multi .select2-choices .select2-search-choice-focus {
459
- background: #d4d4d4;
520
+ background: #d4d4d4;
460
521
  }
461
522
 
462
523
  .select2-search-choice-close {
463
- display: block;
464
- position: absolute;
465
- right: 3px;
466
- top: 4px;
467
- width: 12px;
468
- height: 13px;
469
- font-size: 1px;
470
- background: image-url('select2.png') right top no-repeat;
471
- outline: none;
524
+ display: block;
525
+ width: 12px;
526
+ height: 13px;
527
+ position: absolute;
528
+ right: 3px;
529
+ top: 4px;
530
+
531
+ font-size: 1px;
532
+ outline: none;
533
+ background: url('select2.png') right top no-repeat;
472
534
  }
473
535
 
474
536
  .select2-container-multi .select2-search-choice-close {
475
- left: 3px;
537
+ left: 3px;
476
538
  }
477
539
 
478
-
479
540
  .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
480
541
  background-position: right -11px;
481
542
  }
482
543
  .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
483
- background-position: right -11px;
544
+ background-position: right -11px;
484
545
  }
485
546
 
486
547
  /* disabled styles */
487
-
488
548
  .select2-container-multi.select2-container-disabled .select2-choices{
489
549
  background-color: #f4f4f4;
490
550
  background-image: none;
@@ -493,10 +553,10 @@ disabled look for already selected choices in the results dropdown
493
553
  }
494
554
 
495
555
  .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
556
+ padding: 3px 5px 3px 5px;
557
+ border: 1px solid #ddd;
496
558
  background-image: none;
497
559
  background-color: #f4f4f4;
498
- border: 1px solid #ddd;
499
- padding: 3px 5px 3px 5px;
500
560
  }
501
561
 
502
562
  .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
@@ -504,21 +564,26 @@ disabled look for already selected choices in the results dropdown
504
564
  }
505
565
  /* end multiselect */
506
566
 
567
+
507
568
  .select2-result-selectable .select2-match,
508
- .select2-result-unselectable .select2-result-selectable .select2-match { text-decoration: underline; }
509
- .select2-result-unselectable .select2-match { text-decoration: none; }
569
+ .select2-result-unselectable .select2-match {
570
+ text-decoration: underline;
571
+ }
510
572
 
511
- .select2-offscreen { position: absolute; left: -10000px; }
573
+ .select2-offscreen {
574
+ position: absolute;
575
+ left: -10000px;
576
+ }
512
577
 
513
578
  /* Retina-ize icons */
514
579
 
515
- @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
516
- .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b {
517
- background-image: image-url('select2x2.png') !important;
518
- background-repeat: no-repeat !important;
519
- background-size: 60px 40px !important;
520
- }
521
- .select2-search input {
522
- background-position: 100% -21px !important;
523
- }
580
+ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
581
+ .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b {
582
+ background-image: url('select2x2.png') !important;
583
+ background-repeat: no-repeat !important;
584
+ background-size: 60px 40px !important;
585
+ }
586
+ .select2-search input {
587
+ background-position: 100% -21px !important;
588
+ }
524
589
  }