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.
- data/README.md +3 -3
- data/lib/select2-rails/version.rb +1 -1
- data/select2-rails.gemspec +1 -0
- data/vendor/assets/images/select2-spinner.gif +0 -0
- data/vendor/assets/images/select2.png +0 -0
- data/vendor/assets/images/select2x2.png +0 -0
- data/vendor/assets/javascripts/select2.js +460 -271
- data/vendor/assets/stylesheets/select2.css.scss +324 -259
- metadata +95 -80
@@ -1,5 +1,5 @@
|
|
1
1
|
/*
|
2
|
-
Version: 3.
|
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
|
-
|
27
|
-
|
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
|
-
|
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
|
-
|
61
|
-
-
|
62
|
-
|
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='#
|
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
|
-
|
83
|
+
|
78
84
|
-ms-text-overflow: ellipsis;
|
79
|
-
|
85
|
+
-o-text-overflow: ellipsis;
|
86
|
+
text-overflow: ellipsis;
|
80
87
|
}
|
81
88
|
|
82
89
|
.select2-container .select2-choice abbr {
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
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
|
-
|
98
|
-
|
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
|
-
|
117
|
-
|
118
|
-
|
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
|
-
-
|
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
|
-
|
131
|
-
|
132
|
-
|
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
|
-
|
138
|
-
|
139
|
-
|
165
|
+
-moz-border-radius: 0 4px 4px 0;
|
166
|
+
border-radius: 0 4px 4px 0;
|
167
|
+
|
140
168
|
-webkit-background-clip: padding-box;
|
141
|
-
|
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 = '#
|
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
|
-
|
168
|
-
|
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
|
-
|
171
|
-
|
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
|
-
|
179
|
-
|
180
|
-
|
204
|
+
display: block;
|
205
|
+
position: absolute;
|
206
|
+
left: -10000px;
|
181
207
|
}
|
182
208
|
|
183
209
|
.select2-search input {
|
184
|
-
|
185
|
-
|
186
|
-
|
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
|
-
|
197
|
-
|
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
|
215
|
-
background:
|
216
|
-
background:
|
217
|
-
background:
|
218
|
-
background:
|
219
|
-
background:
|
220
|
-
background:
|
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
|
-
|
236
|
-
|
237
|
-
|
238
|
-
|
239
|
-
|
240
|
-
|
241
|
-
|
242
|
-
|
243
|
-
|
244
|
-
|
245
|
-
|
246
|
-
|
247
|
-
|
248
|
-
|
249
|
-
|
250
|
-
|
251
|
-
|
252
|
-
|
253
|
-
|
254
|
-
|
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
|
-
|
259
|
-
|
290
|
+
background: transparent;
|
291
|
+
border-left: none;
|
292
|
+
filter: none;
|
260
293
|
}
|
261
294
|
.select2-dropdown-open .select2-choice div b {
|
262
|
-
|
295
|
+
background-position: -18px 1px;
|
263
296
|
}
|
264
297
|
|
265
298
|
/* results */
|
266
299
|
.select2-results {
|
267
|
-
|
268
|
-
|
269
|
-
|
270
|
-
|
271
|
-
|
272
|
-
|
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
|
-
|
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
|
-
|
289
|
-
|
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
|
-
|
327
|
+
font-weight: bold;
|
294
328
|
}
|
295
329
|
|
296
330
|
.select2-results .select2-result-label {
|
297
|
-
|
298
|
-
|
299
|
-
|
331
|
+
padding: 3px 7px 4px;
|
332
|
+
margin: 0;
|
333
|
+
cursor: pointer;
|
300
334
|
}
|
301
335
|
|
302
336
|
.select2-results .select2-highlighted {
|
303
|
-
|
304
|
-
|
337
|
+
background: #3875d7;
|
338
|
+
color: #fff;
|
305
339
|
}
|
340
|
+
|
306
341
|
.select2-results li em {
|
307
|
-
|
308
|
-
|
342
|
+
background: #feffde;
|
343
|
+
font-style: normal;
|
309
344
|
}
|
345
|
+
|
310
346
|
.select2-results .select2-highlighted em {
|
311
|
-
|
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
|
-
|
317
|
-
|
359
|
+
background: #f4f4f4;
|
360
|
+
display: list-item;
|
318
361
|
}
|
319
362
|
|
320
363
|
/*
|
321
|
-
disabled look for
|
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-
|
377
|
+
|
378
|
+
.select2-results .select2-selected {
|
335
379
|
display: none;
|
336
380
|
}
|
337
381
|
|
338
382
|
.select2-more-results.select2-active {
|
339
|
-
background: #f4f4f4
|
383
|
+
background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
|
340
384
|
}
|
341
385
|
|
342
386
|
.select2-more-results {
|
343
|
-
|
344
|
-
|
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
|
-
|
368
|
-
|
369
|
-
|
370
|
-
|
371
|
-
|
372
|
-
|
373
|
-
|
374
|
-
|
375
|
-
|
376
|
-
|
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
|
-
|
397
|
-
|
451
|
+
float: left;
|
452
|
+
list-style: none;
|
398
453
|
}
|
399
454
|
.select2-container-multi .select2-choices .select2-search-field {
|
400
|
-
|
401
|
-
|
402
|
-
|
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
|
-
|
407
|
-
|
408
|
-
|
409
|
-
|
410
|
-
|
411
|
-
|
412
|
-
|
413
|
-
|
414
|
-
|
415
|
-
|
416
|
-
|
417
|
-
|
418
|
-
|
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
|
478
|
+
background: #fff url('select2-spinner.gif') no-repeat 100% !important;
|
423
479
|
}
|
424
480
|
|
425
481
|
.select2-default {
|
426
|
-
|
482
|
+
color: #999 !important;
|
427
483
|
}
|
428
484
|
|
429
485
|
.select2-container-multi .select2-choices .select2-search-choice {
|
430
|
-
|
431
|
-
|
432
|
-
|
433
|
-
|
434
|
-
|
435
|
-
|
436
|
-
|
437
|
-
|
438
|
-
|
439
|
-
|
440
|
-
|
441
|
-
|
442
|
-
|
443
|
-
|
444
|
-
|
445
|
-
|
446
|
-
|
447
|
-
|
448
|
-
|
449
|
-
|
450
|
-
|
451
|
-
|
452
|
-
|
453
|
-
|
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
|
-
|
517
|
+
cursor: default;
|
457
518
|
}
|
458
519
|
.select2-container-multi .select2-choices .select2-search-choice-focus {
|
459
|
-
|
520
|
+
background: #d4d4d4;
|
460
521
|
}
|
461
522
|
|
462
523
|
.select2-search-choice-close {
|
463
|
-
|
464
|
-
|
465
|
-
|
466
|
-
|
467
|
-
|
468
|
-
|
469
|
-
|
470
|
-
|
471
|
-
|
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
|
-
|
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
|
-
|
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-
|
509
|
-
|
569
|
+
.select2-result-unselectable .select2-match {
|
570
|
+
text-decoration: underline;
|
571
|
+
}
|
510
572
|
|
511
|
-
.select2-offscreen {
|
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
|
-
|
517
|
-
|
518
|
-
|
519
|
-
|
520
|
-
|
521
|
-
|
522
|
-
|
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
|
}
|