categoryz3_forms 0.0.1
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/MIT-LICENSE +20 -0
- data/README.rdoc +39 -0
- data/Rakefile +28 -0
- data/lib/categoryz3/form_helpers.rb +56 -0
- data/lib/categoryz3_forms.rb +6 -0
- data/lib/categoryz3_forms/rails.rb +19 -0
- data/lib/categoryz3_forms/version.rb +3 -0
- data/lib/development_tasks/css_fix.rake +25 -0
- data/lib/tasks/categoryz3_forms_tasks.rake +4 -0
- data/vendor/assets/images/categoryz3/select2.png +0 -0
- data/vendor/assets/images/categoryz3/select2x2.png +0 -0
- data/vendor/assets/images/categoryz3/spinner.gif +0 -0
- data/vendor/assets/javascripts/categoryz3/select2.js +2413 -0
- data/vendor/assets/stylesheets/categoryz3/select2.css.scss +529 -0
- metadata +178 -0
|
@@ -0,0 +1,529 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Version: @@ver@@ Timestamp: @@timestamp@@
|
|
3
|
+
*/
|
|
4
|
+
.select2-container {
|
|
5
|
+
position: relative;
|
|
6
|
+
display: inline-block;
|
|
7
|
+
/* inline-block for ie7 */
|
|
8
|
+
zoom: 1;
|
|
9
|
+
*display: inline;
|
|
10
|
+
vertical-align: top;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.select2-container,
|
|
14
|
+
.select2-drop,
|
|
15
|
+
.select2-search,
|
|
16
|
+
.select2-search input{
|
|
17
|
+
/*
|
|
18
|
+
Force border-box so that % widths fit the parent
|
|
19
|
+
container without overlap because of margin/padding.
|
|
20
|
+
|
|
21
|
+
More Info : http://www.quirksmode.org/css/box.html
|
|
22
|
+
*/
|
|
23
|
+
-moz-box-sizing: border-box; /* firefox */
|
|
24
|
+
-ms-box-sizing: border-box; /* ie */
|
|
25
|
+
-webkit-box-sizing: border-box; /* webkit */
|
|
26
|
+
-khtml-box-sizing: border-box; /* konqueror */
|
|
27
|
+
box-sizing: border-box; /* css3 */
|
|
28
|
+
}
|
|
29
|
+
|
|
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
|
+
display: block;
|
|
47
|
+
overflow: hidden;
|
|
48
|
+
white-space: nowrap;
|
|
49
|
+
position: relative;
|
|
50
|
+
height: 26px;
|
|
51
|
+
line-height: 26px;
|
|
52
|
+
padding: 0 0 0 8px;
|
|
53
|
+
color: #444;
|
|
54
|
+
text-decoration: none;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.select2-container.select2-drop-above .select2-choice
|
|
58
|
+
{
|
|
59
|
+
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
|
+
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white));
|
|
64
|
+
background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%);
|
|
65
|
+
background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%);
|
|
66
|
+
background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 90%);
|
|
67
|
+
background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 90%);
|
|
68
|
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
|
|
69
|
+
background-image: linear-gradient(top, #eeeeee 0%,#ffffff 90%);
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.select2-container .select2-choice span {
|
|
73
|
+
margin-right: 26px;
|
|
74
|
+
display: block;
|
|
75
|
+
overflow: hidden;
|
|
76
|
+
white-space: nowrap;
|
|
77
|
+
-o-text-overflow: ellipsis;
|
|
78
|
+
-ms-text-overflow: ellipsis;
|
|
79
|
+
text-overflow: ellipsis;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.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("categoryz3/select2.png") right top no-repeat;
|
|
91
|
+
cursor: pointer;
|
|
92
|
+
text-decoration: none;
|
|
93
|
+
border:0;
|
|
94
|
+
outline: 0;
|
|
95
|
+
}
|
|
96
|
+
.select2-container .select2-choice abbr:hover {
|
|
97
|
+
background-position: right -11px;
|
|
98
|
+
cursor: pointer;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.select2-drop {
|
|
102
|
+
background: #fff;
|
|
103
|
+
color: #000;
|
|
104
|
+
border: 1px solid #aaa;
|
|
105
|
+
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
|
+
|
|
116
|
+
-webkit-border-radius: 0 0 4px 4px;
|
|
117
|
+
-moz-border-radius: 0 0 4px 4px;
|
|
118
|
+
border-radius: 0 0 4px 4px;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.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;
|
|
126
|
+
border-top: 1px solid #aaa;
|
|
127
|
+
border-bottom: 0;
|
|
128
|
+
|
|
129
|
+
-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);
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.select2-container .select2-choice div {
|
|
136
|
+
-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;
|
|
140
|
+
-webkit-background-clip: padding-box;
|
|
141
|
+
background-clip: padding-box;
|
|
142
|
+
background: #ccc;
|
|
143
|
+
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
|
|
144
|
+
background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
|
|
145
|
+
background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
|
|
146
|
+
background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
|
|
147
|
+
background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%);
|
|
148
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cccccc', endColorstr = '#eeeeee', GradientType = 0);
|
|
149
|
+
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
|
+
}
|
|
158
|
+
|
|
159
|
+
.select2-container .select2-choice div b {
|
|
160
|
+
background: image-url("categoryz3/select2.png") no-repeat 0 1px;
|
|
161
|
+
display: block;
|
|
162
|
+
width: 100%;
|
|
163
|
+
height: 100%;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
.select2-search {
|
|
167
|
+
display: inline-block;
|
|
168
|
+
white-space: nowrap;
|
|
169
|
+
z-index: 10000;
|
|
170
|
+
position: relative;
|
|
171
|
+
min-height: 26px;
|
|
172
|
+
width: 100%;
|
|
173
|
+
margin: 0;
|
|
174
|
+
padding-left: 4px;
|
|
175
|
+
padding-right: 4px;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
.select2-search-hidden {
|
|
179
|
+
display: block;
|
|
180
|
+
position: absolute;
|
|
181
|
+
left: -10000px;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
.select2-search input {
|
|
185
|
+
background: #fff image-url("categoryz3/select2.png") no-repeat 100% -22px;
|
|
186
|
+
background: image-url("categoryz3/select2.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
|
|
187
|
+
background: image-url("categoryz3/select2.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
|
|
188
|
+
background: image-url("categoryz3/select2.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
|
|
189
|
+
background: image-url("categoryz3/select2.png") no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
|
|
190
|
+
background: image-url("categoryz3/select2.png") no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
|
|
191
|
+
background: image-url("categoryz3/select2.png") no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
|
|
192
|
+
padding: 4px 20px 4px 5px;
|
|
193
|
+
outline: 0;
|
|
194
|
+
border: 1px solid #aaa;
|
|
195
|
+
font-family: sans-serif;
|
|
196
|
+
font-size: 1em;
|
|
197
|
+
width:100%;
|
|
198
|
+
margin:0;
|
|
199
|
+
height:auto !important;
|
|
200
|
+
min-height: 26px;
|
|
201
|
+
-webkit-box-shadow: none;
|
|
202
|
+
-moz-box-shadow: none;
|
|
203
|
+
box-shadow: none;
|
|
204
|
+
border-radius: 0;
|
|
205
|
+
-moz-border-radius: 0;
|
|
206
|
+
-webkit-border-radius: 0;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
.select2-drop.select2-drop-above .select2-search input
|
|
210
|
+
{
|
|
211
|
+
margin-top:4px;
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
.select2-search input.select2-active {
|
|
215
|
+
background: #fff image-url("categoryz3/spinner.gif") no-repeat 100%;
|
|
216
|
+
background: image-url("categoryz3/spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
|
|
217
|
+
background: image-url("categoryz3/spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
|
|
218
|
+
background: image-url("categoryz3/spinner.gif") no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
|
|
219
|
+
background: image-url("categoryz3/spinner.gif") no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
|
|
220
|
+
background: image-url("categoryz3/spinner.gif") no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
|
|
221
|
+
background: image-url("categoryz3/spinner.gif") no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
|
|
225
|
+
.select2-container-active .select2-choice,
|
|
226
|
+
.select2-container-active .select2-choices {
|
|
227
|
+
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
|
|
228
|
+
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
|
229
|
+
-o-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
|
230
|
+
box-shadow : 0 0 5px rgba(0,0,0,.3);
|
|
231
|
+
border: 1px solid #5897fb;
|
|
232
|
+
outline: none;
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
.select2-dropdown-open .select2-choice {
|
|
236
|
+
border: 1px solid #aaa;
|
|
237
|
+
border-bottom-color: transparent;
|
|
238
|
+
-webkit-box-shadow: 0 1px 0 #fff inset;
|
|
239
|
+
-moz-box-shadow : 0 1px 0 #fff inset;
|
|
240
|
+
-o-box-shadow : 0 1px 0 #fff inset;
|
|
241
|
+
box-shadow : 0 1px 0 #fff inset;
|
|
242
|
+
background-color: #eee;
|
|
243
|
+
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
|
|
244
|
+
background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%);
|
|
245
|
+
background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
|
|
246
|
+
background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%);
|
|
247
|
+
background-image: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 50%);
|
|
248
|
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
|
|
249
|
+
background-image: linear-gradient(top, #ffffff 0%,#eeeeee 50%);
|
|
250
|
+
-webkit-border-bottom-left-radius : 0;
|
|
251
|
+
-webkit-border-bottom-right-radius: 0;
|
|
252
|
+
-moz-border-radius-bottomleft : 0;
|
|
253
|
+
-moz-border-radius-bottomright: 0;
|
|
254
|
+
border-bottom-left-radius : 0;
|
|
255
|
+
border-bottom-right-radius: 0;
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
.select2-dropdown-open .select2-choice div {
|
|
259
|
+
background: transparent;
|
|
260
|
+
border-left: none;
|
|
261
|
+
}
|
|
262
|
+
.select2-dropdown-open .select2-choice div b {
|
|
263
|
+
background-position: -18px 1px;
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
/* results */
|
|
267
|
+
.select2-results {
|
|
268
|
+
margin: 4px 4px 4px 0;
|
|
269
|
+
padding: 0 0 0 4px;
|
|
270
|
+
position: relative;
|
|
271
|
+
overflow-x: hidden;
|
|
272
|
+
overflow-y: auto;
|
|
273
|
+
max-height: 200px;
|
|
274
|
+
}
|
|
275
|
+
|
|
276
|
+
.select2-results ul.select2-result-sub {
|
|
277
|
+
margin: 0 0 0 0;
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }
|
|
281
|
+
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }
|
|
282
|
+
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }
|
|
283
|
+
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }
|
|
284
|
+
.select2-results 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: 100px }
|
|
285
|
+
.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 > li .select2-result-label { padding-left: 110px }
|
|
286
|
+
.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 }
|
|
287
|
+
|
|
288
|
+
.select2-results li {
|
|
289
|
+
list-style: none;
|
|
290
|
+
display: list-item;
|
|
291
|
+
}
|
|
292
|
+
|
|
293
|
+
.select2-results li.select2-result-with-children > .select2-result-label {
|
|
294
|
+
font-weight: bold;
|
|
295
|
+
}
|
|
296
|
+
|
|
297
|
+
.select2-results .select2-result-label {
|
|
298
|
+
padding: 3px 7px 4px;
|
|
299
|
+
margin: 0;
|
|
300
|
+
cursor: pointer;
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
.select2-results .select2-highlighted {
|
|
304
|
+
background: #3875d7;
|
|
305
|
+
color: #fff;
|
|
306
|
+
}
|
|
307
|
+
.select2-results li em {
|
|
308
|
+
background: #feffde;
|
|
309
|
+
font-style: normal;
|
|
310
|
+
}
|
|
311
|
+
.select2-results .select2-highlighted em {
|
|
312
|
+
background: transparent;
|
|
313
|
+
}
|
|
314
|
+
.select2-results .select2-no-results,
|
|
315
|
+
.select2-results .select2-searching,
|
|
316
|
+
.select2-results .select2-selection-limit {
|
|
317
|
+
background: #f4f4f4;
|
|
318
|
+
display: list-item;
|
|
319
|
+
}
|
|
320
|
+
|
|
321
|
+
/*
|
|
322
|
+
disabled look for already selected choices in the results dropdown
|
|
323
|
+
.select2-results .select2-disabled.select2-highlighted {
|
|
324
|
+
color: #666;
|
|
325
|
+
background: #f4f4f4;
|
|
326
|
+
display: list-item;
|
|
327
|
+
cursor: default;
|
|
328
|
+
}
|
|
329
|
+
.select2-results .select2-disabled {
|
|
330
|
+
background: #f4f4f4;
|
|
331
|
+
display: list-item;
|
|
332
|
+
cursor: default;
|
|
333
|
+
}
|
|
334
|
+
*/
|
|
335
|
+
.select2-results .select2-disabled {
|
|
336
|
+
display: none;
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
.select2-more-results.select2-active {
|
|
340
|
+
background: #f4f4f4 image-url("categoryz3/spinner.gif") no-repeat 100%;
|
|
341
|
+
}
|
|
342
|
+
|
|
343
|
+
.select2-more-results {
|
|
344
|
+
background: #f4f4f4;
|
|
345
|
+
display: list-item;
|
|
346
|
+
}
|
|
347
|
+
|
|
348
|
+
/* disabled styles */
|
|
349
|
+
|
|
350
|
+
.select2-container.select2-container-disabled .select2-choice {
|
|
351
|
+
background-color: #f4f4f4;
|
|
352
|
+
background-image: none;
|
|
353
|
+
border: 1px solid #ddd;
|
|
354
|
+
cursor: default;
|
|
355
|
+
}
|
|
356
|
+
|
|
357
|
+
.select2-container.select2-container-disabled .select2-choice div {
|
|
358
|
+
background-color: #f4f4f4;
|
|
359
|
+
background-image: none;
|
|
360
|
+
border-left: 0;
|
|
361
|
+
}
|
|
362
|
+
|
|
363
|
+
.select2-container.select2-container-disabled .select2-choice abbr {
|
|
364
|
+
display: none
|
|
365
|
+
}
|
|
366
|
+
|
|
367
|
+
|
|
368
|
+
/* multiselect */
|
|
369
|
+
|
|
370
|
+
.select2-container-multi .select2-choices {
|
|
371
|
+
background-color: #fff;
|
|
372
|
+
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
|
373
|
+
background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
|
374
|
+
background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
|
375
|
+
background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
|
376
|
+
background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
|
377
|
+
background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
|
378
|
+
border: 1px solid #aaa;
|
|
379
|
+
margin: 0;
|
|
380
|
+
padding: 0;
|
|
381
|
+
cursor: text;
|
|
382
|
+
overflow: hidden;
|
|
383
|
+
height: auto !important;
|
|
384
|
+
height: 1%;
|
|
385
|
+
position: relative;
|
|
386
|
+
}
|
|
387
|
+
|
|
388
|
+
.select2-container-multi .select2-choices {
|
|
389
|
+
min-height: 26px;
|
|
390
|
+
}
|
|
391
|
+
|
|
392
|
+
.select2-container-multi.select2-container-active .select2-choices {
|
|
393
|
+
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
|
|
394
|
+
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
|
395
|
+
-o-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
|
396
|
+
box-shadow : 0 0 5px rgba(0,0,0,.3);
|
|
397
|
+
border: 1px solid #5897fb;
|
|
398
|
+
outline: none;
|
|
399
|
+
}
|
|
400
|
+
.select2-container-multi .select2-choices li {
|
|
401
|
+
float: left;
|
|
402
|
+
list-style: none;
|
|
403
|
+
}
|
|
404
|
+
.select2-container-multi .select2-choices .select2-search-field {
|
|
405
|
+
white-space: nowrap;
|
|
406
|
+
margin: 0;
|
|
407
|
+
padding: 0;
|
|
408
|
+
}
|
|
409
|
+
|
|
410
|
+
.select2-container-multi .select2-choices .select2-search-field input {
|
|
411
|
+
color: #666;
|
|
412
|
+
background: transparent !important;
|
|
413
|
+
font-family: sans-serif;
|
|
414
|
+
font-size: 100%;
|
|
415
|
+
height: 15px;
|
|
416
|
+
padding: 5px;
|
|
417
|
+
margin: 1px 0;
|
|
418
|
+
outline: 0;
|
|
419
|
+
border: 0;
|
|
420
|
+
-webkit-box-shadow: none;
|
|
421
|
+
-moz-box-shadow : none;
|
|
422
|
+
-o-box-shadow : none;
|
|
423
|
+
box-shadow : none;
|
|
424
|
+
}
|
|
425
|
+
|
|
426
|
+
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
|
|
427
|
+
background: #fff image-url("categoryz3/spinner.gif") no-repeat 100% !important;
|
|
428
|
+
}
|
|
429
|
+
|
|
430
|
+
.select2-default {
|
|
431
|
+
color: #999 !important;
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
.select2-container-multi .select2-choices .select2-search-choice {
|
|
435
|
+
-webkit-border-radius: 3px;
|
|
436
|
+
-moz-border-radius : 3px;
|
|
437
|
+
border-radius : 3px;
|
|
438
|
+
-moz-background-clip : padding;
|
|
439
|
+
-webkit-background-clip: padding-box;
|
|
440
|
+
background-clip : padding-box;
|
|
441
|
+
background-color: #e4e4e4;
|
|
442
|
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
|
|
443
|
+
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));
|
|
444
|
+
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
|
445
|
+
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
|
446
|
+
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
|
447
|
+
background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
|
448
|
+
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
|
449
|
+
-webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
|
|
450
|
+
-moz-box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
|
|
451
|
+
box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
|
|
452
|
+
color: #333;
|
|
453
|
+
border: 1px solid #aaaaaa;
|
|
454
|
+
line-height: 13px;
|
|
455
|
+
padding: 3px 5px 3px 18px;
|
|
456
|
+
margin: 3px 0 3px 5px;
|
|
457
|
+
position: relative;
|
|
458
|
+
cursor: default;
|
|
459
|
+
}
|
|
460
|
+
.select2-container-multi .select2-choices .select2-search-choice span {
|
|
461
|
+
cursor: default;
|
|
462
|
+
}
|
|
463
|
+
.select2-container-multi .select2-choices .select2-search-choice-focus {
|
|
464
|
+
background: #d4d4d4;
|
|
465
|
+
}
|
|
466
|
+
|
|
467
|
+
.select2-search-choice-close {
|
|
468
|
+
display: block;
|
|
469
|
+
position: absolute;
|
|
470
|
+
right: 3px;
|
|
471
|
+
top: 4px;
|
|
472
|
+
width: 12px;
|
|
473
|
+
height: 13px;
|
|
474
|
+
font-size: 1px;
|
|
475
|
+
background: image-url("categoryz3/select2.png") right top no-repeat;
|
|
476
|
+
outline: none;
|
|
477
|
+
}
|
|
478
|
+
|
|
479
|
+
.select2-container-multi .select2-search-choice-close {
|
|
480
|
+
left: 3px;
|
|
481
|
+
}
|
|
482
|
+
|
|
483
|
+
|
|
484
|
+
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
|
|
485
|
+
background-position: right -11px;
|
|
486
|
+
}
|
|
487
|
+
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
|
|
488
|
+
background-position: right -11px;
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
/* disabled styles */
|
|
492
|
+
|
|
493
|
+
.select2-container-multi.select2-container-disabled .select2-choices{
|
|
494
|
+
background-color: #f4f4f4;
|
|
495
|
+
background-image: none;
|
|
496
|
+
border: 1px solid #ddd;
|
|
497
|
+
cursor: default;
|
|
498
|
+
}
|
|
499
|
+
|
|
500
|
+
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
|
|
501
|
+
background-image: none;
|
|
502
|
+
background-color: #f4f4f4;
|
|
503
|
+
border: 1px solid #ddd;
|
|
504
|
+
padding: 3px 5px 3px 5px;
|
|
505
|
+
}
|
|
506
|
+
|
|
507
|
+
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
|
|
508
|
+
display: none;
|
|
509
|
+
}
|
|
510
|
+
/* end multiselect */
|
|
511
|
+
|
|
512
|
+
.select2-result-selectable .select2-match,
|
|
513
|
+
.select2-result-unselectable .select2-result-selectable .select2-match { text-decoration: underline; }
|
|
514
|
+
.select2-result-unselectable .select2-match { text-decoration: none; }
|
|
515
|
+
|
|
516
|
+
.select2-offscreen { position: absolute; left: -10000px; }
|
|
517
|
+
|
|
518
|
+
/* Retina-ize icons */
|
|
519
|
+
|
|
520
|
+
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
|
|
521
|
+
.select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b {
|
|
522
|
+
background-image: image-url("categoryz3/select2x2.png") !important;
|
|
523
|
+
background-repeat: no-repeat !important;
|
|
524
|
+
background-size: 60px 40px !important;
|
|
525
|
+
}
|
|
526
|
+
.select2-search input {
|
|
527
|
+
background-position: 100% -21px !important;
|
|
528
|
+
}
|
|
529
|
+
}
|