lalala 4.0.0.dev.217 → 4.0.0.dev.218
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.
- checksums.yaml +4 -4
- data/app/assets/images/lalala/chosen/chosen-sprite.png +0 -0
- data/app/assets/images/lalala/chosen/chosen-sprite@2x.png +0 -0
- data/app/assets/javascripts/lalala/lib/jquery-chosen.js +478 -401
- data/app/assets/stylesheets/lalala/components/_forms.css.scss +1 -1
- data/app/assets/stylesheets/lalala/lib/_chosen.css.scss +333 -273
- data/lib/lalala/version.rb +1 -1
- data/test/dummy/app/admin/articles.rb +1 -0
- data/test/dummy/app/models/article.rb +1 -1
- data/test/dummy/db/migrate/20131113134503_add_category_to_articles.rb +5 -0
- data/test/dummy/db/schema.rb +2 -1
- metadata +5 -2
|
@@ -1,370 +1,430 @@
|
|
|
1
|
-
|
|
2
|
-
.
|
|
3
|
-
font-size: 13px;
|
|
1
|
+
/* @group Base */
|
|
2
|
+
.chosen-container {
|
|
4
3
|
position: relative;
|
|
5
4
|
display: inline-block;
|
|
5
|
+
vertical-align: middle;
|
|
6
|
+
font-size: 13px;
|
|
6
7
|
zoom: 1;
|
|
7
8
|
*display: inline;
|
|
9
|
+
-webkit-user-select: none;
|
|
10
|
+
-moz-user-select: none;
|
|
11
|
+
user-select: none;
|
|
8
12
|
}
|
|
9
|
-
.
|
|
10
|
-
|
|
13
|
+
.chosen-container .chosen-drop {
|
|
14
|
+
position: absolute;
|
|
15
|
+
top: 100%;
|
|
16
|
+
left: -9999px;
|
|
17
|
+
z-index: 1010;
|
|
18
|
+
-webkit-box-sizing: border-box;
|
|
19
|
+
-moz-box-sizing: border-box;
|
|
20
|
+
box-sizing: border-box;
|
|
21
|
+
width: 100%;
|
|
11
22
|
border: 1px solid #aaa;
|
|
12
23
|
border-top: 0;
|
|
13
|
-
|
|
14
|
-
|
|
24
|
+
background: #fff;
|
|
25
|
+
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
|
|
26
|
+
}
|
|
27
|
+
.chosen-container.chosen-with-drop .chosen-drop {
|
|
15
28
|
left: 0;
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
box-shadow : 0 4px 5px rgba(0,0,0,.15);
|
|
20
|
-
z-index: 999;
|
|
29
|
+
}
|
|
30
|
+
.chosen-container a {
|
|
31
|
+
cursor: pointer;
|
|
21
32
|
}
|
|
22
33
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
|
|
28
|
-
background-image: -o-linear-gradient(top, #eeeeee 0%,#ffffff 50%);
|
|
29
|
-
background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 50%);
|
|
30
|
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
|
|
31
|
-
background-image: linear-gradient(top, #eeeeee 0%,#ffffff 50%);
|
|
32
|
-
-webkit-border-radius: 4px;
|
|
33
|
-
-moz-border-radius : 4px;
|
|
34
|
-
border-radius : 4px;
|
|
35
|
-
-moz-background-clip : padding;
|
|
36
|
-
-webkit-background-clip: padding-box;
|
|
37
|
-
background-clip : padding-box;
|
|
38
|
-
border: 1px solid #aaa;
|
|
34
|
+
/* @end */
|
|
35
|
+
/* @group Single Chosen */
|
|
36
|
+
.chosen-container-single .chosen-single {
|
|
37
|
+
position: relative;
|
|
39
38
|
display: block;
|
|
40
39
|
overflow: hidden;
|
|
41
|
-
white-space: nowrap;
|
|
42
|
-
position: relative;
|
|
43
|
-
/*height: 26px;*/
|
|
44
|
-
line-height: 26px;
|
|
45
40
|
padding: 0 0 0 8px;
|
|
41
|
+
height: 23px;
|
|
42
|
+
border: 1px solid #aaa;
|
|
43
|
+
border-radius: 5px;
|
|
44
|
+
background-color: #fff;
|
|
45
|
+
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
|
|
46
|
+
background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
|
47
|
+
background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
|
48
|
+
background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
|
49
|
+
background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
|
50
|
+
background-clip: padding-box;
|
|
51
|
+
box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
|
|
46
52
|
color: #444;
|
|
47
53
|
text-decoration: none;
|
|
54
|
+
white-space: nowrap;
|
|
55
|
+
line-height: 24px;
|
|
48
56
|
}
|
|
49
|
-
.
|
|
50
|
-
|
|
57
|
+
.chosen-container-single .chosen-default {
|
|
58
|
+
color: #999;
|
|
59
|
+
}
|
|
60
|
+
.chosen-container-single .chosen-single span {
|
|
51
61
|
display: block;
|
|
52
62
|
overflow: hidden;
|
|
53
|
-
|
|
54
|
-
-o-text-overflow: ellipsis;
|
|
55
|
-
-ms-text-overflow: ellipsis;
|
|
63
|
+
margin-right: 26px;
|
|
56
64
|
text-overflow: ellipsis;
|
|
65
|
+
white-space: nowrap;
|
|
57
66
|
}
|
|
58
|
-
.
|
|
59
|
-
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
background
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
background-
|
|
73
|
-
|
|
67
|
+
.chosen-container-single .chosen-single-with-deselect span {
|
|
68
|
+
margin-right: 38px;
|
|
69
|
+
}
|
|
70
|
+
.chosen-container-single .chosen-single abbr {
|
|
71
|
+
position: absolute;
|
|
72
|
+
top: 6px;
|
|
73
|
+
right: 26px;
|
|
74
|
+
display: block;
|
|
75
|
+
width: 12px;
|
|
76
|
+
height: 12px;
|
|
77
|
+
background: image-url('lalala/chosen/chosen-sprite.png') -42px 1px no-repeat;
|
|
78
|
+
font-size: 1px;
|
|
79
|
+
}
|
|
80
|
+
.chosen-container-single .chosen-single abbr:hover {
|
|
81
|
+
background-position: -42px -10px;
|
|
82
|
+
}
|
|
83
|
+
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
|
|
84
|
+
background-position: -42px -10px;
|
|
85
|
+
}
|
|
86
|
+
.chosen-container-single .chosen-single div {
|
|
74
87
|
position: absolute;
|
|
75
|
-
right: 0;
|
|
76
88
|
top: 0;
|
|
89
|
+
right: 0;
|
|
77
90
|
display: block;
|
|
78
|
-
height: 100%;
|
|
79
91
|
width: 18px;
|
|
92
|
+
height: 100%;
|
|
80
93
|
}
|
|
81
|
-
.
|
|
82
|
-
background: image-url('lalala/chosen/chosen-sprite.png') no-repeat 0 1px;
|
|
94
|
+
.chosen-container-single .chosen-single div b {
|
|
83
95
|
display: block;
|
|
84
96
|
width: 100%;
|
|
85
97
|
height: 100%;
|
|
98
|
+
background: image-url('lalala/chosen/chosen-sprite.png') no-repeat 0px 2px;
|
|
86
99
|
}
|
|
87
|
-
.
|
|
88
|
-
|
|
100
|
+
.chosen-container-single .chosen-search {
|
|
101
|
+
position: relative;
|
|
102
|
+
z-index: 1010;
|
|
89
103
|
margin: 0;
|
|
104
|
+
padding: 3px 4px;
|
|
90
105
|
white-space: nowrap;
|
|
91
106
|
}
|
|
92
|
-
.
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
background: image-url('lalala/chosen/chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
|
|
97
|
-
background: image-url('lalala/chosen/chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
|
|
98
|
-
background: image-url('lalala/chosen/chosen-sprite.png') no-repeat 100% -20px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
|
|
99
|
-
background: image-url('lalala/chosen/chosen-sprite.png') no-repeat 100% -20px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
|
|
100
|
-
background: image-url('lalala/chosen/chosen-sprite.png') no-repeat 100% -20px, linear-gradient(top, #ffffff 85%,#eeeeee 99%);
|
|
107
|
+
.chosen-container-single .chosen-search input[type="text"] {
|
|
108
|
+
-webkit-box-sizing: border-box;
|
|
109
|
+
-moz-box-sizing: border-box;
|
|
110
|
+
box-sizing: border-box;
|
|
101
111
|
margin: 1px 0;
|
|
102
112
|
padding: 4px 20px 4px 5px;
|
|
113
|
+
width: 100%;
|
|
114
|
+
height: auto;
|
|
103
115
|
outline: 0;
|
|
104
116
|
border: 1px solid #aaa;
|
|
105
|
-
|
|
117
|
+
background: white image-url('lalala/chosen/chosen-sprite.png') no-repeat 100% -20px;
|
|
118
|
+
background: image-url('lalala/chosen/chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
|
119
|
+
background: image-url('lalala/chosen/chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
|
120
|
+
background: image-url('lalala/chosen/chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
|
121
|
+
background: image-url('lalala/chosen/chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
|
122
|
+
background: image-url('lalala/chosen/chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
|
|
106
123
|
font-size: 1em;
|
|
124
|
+
font-family: sans-serif;
|
|
125
|
+
line-height: normal;
|
|
126
|
+
border-radius: 0;
|
|
107
127
|
}
|
|
108
|
-
.
|
|
109
|
-
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
-moz-background-clip : padding;
|
|
113
|
-
-webkit-background-clip: padding-box;
|
|
114
|
-
background-clip : padding-box;
|
|
128
|
+
.chosen-container-single .chosen-drop {
|
|
129
|
+
margin-top: -1px;
|
|
130
|
+
border-radius: 0 0 4px 4px;
|
|
131
|
+
background-clip: padding-box;
|
|
115
132
|
}
|
|
133
|
+
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
|
|
134
|
+
position: absolute;
|
|
135
|
+
left: -9999px;
|
|
136
|
+
}
|
|
137
|
+
|
|
116
138
|
/* @end */
|
|
139
|
+
/* @group Results */
|
|
140
|
+
.chosen-container .chosen-results {
|
|
141
|
+
position: relative;
|
|
142
|
+
overflow-x: hidden;
|
|
143
|
+
overflow-y: auto;
|
|
144
|
+
margin: 0 4px 4px 0;
|
|
145
|
+
padding: 0 0 0 4px;
|
|
146
|
+
max-height: 240px;
|
|
147
|
+
-webkit-overflow-scrolling: touch;
|
|
148
|
+
}
|
|
149
|
+
.chosen-container .chosen-results li {
|
|
150
|
+
display: none;
|
|
151
|
+
margin: 0;
|
|
152
|
+
padding: 5px 6px;
|
|
153
|
+
list-style: none;
|
|
154
|
+
line-height: 15px;
|
|
155
|
+
}
|
|
156
|
+
.chosen-container .chosen-results li.active-result {
|
|
157
|
+
display: list-item;
|
|
158
|
+
cursor: pointer;
|
|
159
|
+
}
|
|
160
|
+
.chosen-container .chosen-results li.disabled-result {
|
|
161
|
+
display: list-item;
|
|
162
|
+
color: #ccc;
|
|
163
|
+
cursor: default;
|
|
164
|
+
}
|
|
165
|
+
.chosen-container .chosen-results li.highlighted {
|
|
166
|
+
background-color: #3875d7;
|
|
167
|
+
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
|
|
168
|
+
background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
|
|
169
|
+
background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
|
|
170
|
+
background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
|
|
171
|
+
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
|
|
172
|
+
color: #fff;
|
|
173
|
+
}
|
|
174
|
+
.chosen-container .chosen-results li.no-results {
|
|
175
|
+
display: list-item;
|
|
176
|
+
background: #f4f4f4;
|
|
177
|
+
}
|
|
178
|
+
.chosen-container .chosen-results li.group-result {
|
|
179
|
+
display: list-item;
|
|
180
|
+
font-weight: bold;
|
|
181
|
+
cursor: default;
|
|
182
|
+
}
|
|
183
|
+
.chosen-container .chosen-results li.group-option {
|
|
184
|
+
padding-left: 15px;
|
|
185
|
+
}
|
|
186
|
+
.chosen-container .chosen-results li em {
|
|
187
|
+
font-style: normal;
|
|
188
|
+
text-decoration: underline;
|
|
189
|
+
}
|
|
117
190
|
|
|
191
|
+
/* @end */
|
|
118
192
|
/* @group Multi Chosen */
|
|
119
|
-
.
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
background-image: -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%);
|
|
126
|
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
|
|
127
|
-
background-image: linear-gradient(top, #ffffff 85%,#eeeeee 99%);
|
|
128
|
-
border: 1px solid #D6D6D6;
|
|
193
|
+
.chosen-container-multi .chosen-choices {
|
|
194
|
+
position: relative;
|
|
195
|
+
overflow: hidden;
|
|
196
|
+
-webkit-box-sizing: border-box;
|
|
197
|
+
-moz-box-sizing: border-box;
|
|
198
|
+
box-sizing: border-box;
|
|
129
199
|
margin: 0;
|
|
130
200
|
padding: 0;
|
|
131
|
-
|
|
132
|
-
overflow: hidden;
|
|
201
|
+
width: 100%;
|
|
133
202
|
height: auto !important;
|
|
134
203
|
height: 1%;
|
|
135
|
-
|
|
136
|
-
|
|
204
|
+
border: 1px solid #aaa;
|
|
205
|
+
background-color: #fff;
|
|
206
|
+
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
|
207
|
+
background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
|
208
|
+
background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
|
209
|
+
background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
|
210
|
+
background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
|
|
211
|
+
cursor: text;
|
|
137
212
|
}
|
|
138
|
-
.
|
|
213
|
+
.chosen-container-multi .chosen-choices li {
|
|
139
214
|
float: left;
|
|
140
215
|
list-style: none;
|
|
141
216
|
}
|
|
142
|
-
.
|
|
143
|
-
white-space: nowrap;
|
|
217
|
+
.chosen-container-multi .chosen-choices li.search-field {
|
|
144
218
|
margin: 0;
|
|
145
219
|
padding: 0;
|
|
146
|
-
|
|
220
|
+
white-space: nowrap;
|
|
147
221
|
}
|
|
148
|
-
.
|
|
149
|
-
color: #666;
|
|
150
|
-
display: block;
|
|
151
|
-
background: transparent !important;
|
|
152
|
-
border: 0 !important;
|
|
153
|
-
padding: 5px;
|
|
222
|
+
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
|
|
154
223
|
margin: 1px 0;
|
|
224
|
+
padding: 5px;
|
|
225
|
+
height: 15px;
|
|
155
226
|
outline: 0;
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
227
|
+
border: 0 !important;
|
|
228
|
+
background: transparent !important;
|
|
229
|
+
box-shadow: none;
|
|
230
|
+
color: #666;
|
|
231
|
+
font-size: 100%;
|
|
232
|
+
font-family: sans-serif;
|
|
233
|
+
line-height: normal;
|
|
234
|
+
border-radius: 0;
|
|
160
235
|
}
|
|
161
|
-
.
|
|
236
|
+
.chosen-container-multi .chosen-choices li.search-field .default {
|
|
162
237
|
color: #999;
|
|
163
238
|
}
|
|
164
|
-
.
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
-
|
|
170
|
-
background-clip : padding-box;
|
|
239
|
+
.chosen-container-multi .chosen-choices li.search-choice {
|
|
240
|
+
position: relative;
|
|
241
|
+
margin: 3px 0 3px 5px;
|
|
242
|
+
padding: 3px 20px 3px 5px;
|
|
243
|
+
border: 1px solid #aaa;
|
|
244
|
+
border-radius: 3px;
|
|
171
245
|
background-color: #e4e4e4;
|
|
172
|
-
background-image: -webkit-gradient(linear,
|
|
173
|
-
background-image: -webkit-linear-gradient(
|
|
174
|
-
background-image: -moz-linear-gradient(
|
|
175
|
-
background-image: -o-linear-gradient(
|
|
176
|
-
background-image:
|
|
177
|
-
|
|
178
|
-
|
|
246
|
+
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
|
|
247
|
+
background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
|
248
|
+
background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
|
249
|
+
background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
|
250
|
+
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
|
251
|
+
background-clip: padding-box;
|
|
252
|
+
box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
|
|
179
253
|
color: #333;
|
|
180
|
-
border: 1px solid #b4b4b4;
|
|
181
254
|
line-height: 13px;
|
|
182
|
-
padding: 3px 19px 3px 6px;
|
|
183
|
-
margin: 3px 0 3px 5px;
|
|
184
|
-
position: relative;
|
|
185
|
-
|
|
186
|
-
&.ui-sortable-helper {
|
|
187
|
-
border-color: #3875d7;
|
|
188
|
-
background: #EEEEEE !important;
|
|
189
|
-
}
|
|
190
|
-
|
|
191
|
-
}
|
|
192
|
-
.chzn-container-multi .chzn-choices .search-choice span {
|
|
193
255
|
cursor: default;
|
|
194
256
|
}
|
|
195
|
-
.
|
|
196
|
-
background: #d4d4d4;
|
|
197
|
-
}
|
|
198
|
-
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
|
|
199
|
-
display: block;
|
|
257
|
+
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
|
|
200
258
|
position: absolute;
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
259
|
+
top: 4px;
|
|
260
|
+
right: 3px;
|
|
261
|
+
display: block;
|
|
262
|
+
width: 12px;
|
|
263
|
+
height: 12px;
|
|
264
|
+
background: image-url('lalala/chosen/chosen-sprite.png') -42px 1px no-repeat;
|
|
205
265
|
font-size: 1px;
|
|
206
|
-
background: image-url('lalala/chosen/chosen-sprite.png') right top no-repeat;
|
|
207
266
|
}
|
|
208
|
-
.
|
|
209
|
-
background-position:
|
|
267
|
+
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
|
|
268
|
+
background-position: -42px -10px;
|
|
210
269
|
}
|
|
211
|
-
.
|
|
212
|
-
|
|
270
|
+
.chosen-container-multi .chosen-choices li.search-choice-disabled {
|
|
271
|
+
padding-right: 5px;
|
|
272
|
+
border: 1px solid #ccc;
|
|
273
|
+
background-color: #e4e4e4;
|
|
274
|
+
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
|
|
275
|
+
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
|
276
|
+
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
|
277
|
+
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
|
278
|
+
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
|
279
|
+
color: #666;
|
|
213
280
|
}
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
/* @group Results */
|
|
217
|
-
.chzn-container .chzn-results {
|
|
218
|
-
margin: 0 4px 4px 0;
|
|
219
|
-
max-height: 190px;
|
|
220
|
-
padding: 0 0 0 4px;
|
|
221
|
-
position: relative;
|
|
222
|
-
overflow-x: hidden;
|
|
223
|
-
overflow-y: auto;
|
|
281
|
+
.chosen-container-multi .chosen-choices li.search-choice-focus {
|
|
282
|
+
background: #d4d4d4;
|
|
224
283
|
}
|
|
225
|
-
.
|
|
226
|
-
|
|
227
|
-
padding: 0;
|
|
284
|
+
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
|
|
285
|
+
background-position: -42px -10px;
|
|
228
286
|
}
|
|
229
|
-
.
|
|
230
|
-
line-height: 80%;
|
|
231
|
-
padding: 7px 7px 8px;
|
|
287
|
+
.chosen-container-multi .chosen-results {
|
|
232
288
|
margin: 0;
|
|
233
|
-
|
|
234
|
-
}
|
|
235
|
-
|
|
236
|
-
.chzn-container .chzn-results .active-result {
|
|
237
|
-
cursor: pointer;
|
|
238
|
-
}
|
|
239
|
-
.chzn-container .chzn-results .highlighted {
|
|
240
|
-
background: #3875d7;
|
|
241
|
-
color: #fff;
|
|
242
|
-
}
|
|
243
|
-
.chzn-container .chzn-results li em {
|
|
244
|
-
background: #feffde;
|
|
245
|
-
font-style: normal;
|
|
246
|
-
}
|
|
247
|
-
.chzn-container .chzn-results .highlighted em {
|
|
248
|
-
background: transparent;
|
|
249
|
-
}
|
|
250
|
-
.chzn-container .chzn-results .no-results {
|
|
251
|
-
background: #f4f4f4;
|
|
289
|
+
padding: 0;
|
|
252
290
|
}
|
|
253
|
-
.
|
|
291
|
+
.chosen-container-multi .chosen-drop .result-selected {
|
|
292
|
+
display: list-item;
|
|
293
|
+
color: #ccc;
|
|
254
294
|
cursor: default;
|
|
255
|
-
color: #999;
|
|
256
|
-
font-weight: bold;
|
|
257
|
-
}
|
|
258
|
-
.chzn-container .chzn-results .group-option {
|
|
259
|
-
padding-left: 20px;
|
|
260
|
-
}
|
|
261
|
-
.chzn-container-multi .chzn-drop .result-selected {
|
|
262
|
-
display: none;
|
|
263
295
|
}
|
|
264
|
-
/* @end */
|
|
265
296
|
|
|
297
|
+
/* @end */
|
|
266
298
|
/* @group Active */
|
|
267
|
-
.
|
|
268
|
-
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
|
|
269
|
-
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
|
270
|
-
-o-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
|
271
|
-
box-shadow : 0 0 5px rgba(0,0,0,.3);
|
|
299
|
+
.chosen-container-active .chosen-single {
|
|
272
300
|
border: 1px solid #5897fb;
|
|
301
|
+
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
|
273
302
|
}
|
|
274
|
-
.
|
|
303
|
+
.chosen-container-active.chosen-with-drop .chosen-single {
|
|
275
304
|
border: 1px solid #aaa;
|
|
276
|
-
-webkit-box-shadow: 0 1px 0 #fff inset;
|
|
277
|
-
-moz-box-shadow : 0 1px 0 #fff inset;
|
|
278
|
-
-o-box-shadow : 0 1px 0 #fff inset;
|
|
279
|
-
box-shadow : 0 1px 0 #fff inset;
|
|
280
|
-
background-color: #eee;
|
|
281
|
-
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
|
|
282
|
-
background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%);
|
|
283
|
-
background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
|
|
284
|
-
background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%);
|
|
285
|
-
background-image: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 50%);
|
|
286
|
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
|
|
287
|
-
background-image: linear-gradient(top, #ffffff 0%,#eeeeee 50%);
|
|
288
|
-
-webkit-border-bottom-left-radius : 0;
|
|
289
|
-
-webkit-border-bottom-right-radius: 0;
|
|
290
|
-
-moz-border-radius-bottomleft : 0;
|
|
291
305
|
-moz-border-radius-bottomright: 0;
|
|
292
|
-
border-bottom-left-radius : 0;
|
|
293
306
|
border-bottom-right-radius: 0;
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
background:
|
|
307
|
+
-moz-border-radius-bottomleft: 0;
|
|
308
|
+
border-bottom-left-radius: 0;
|
|
309
|
+
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
|
|
310
|
+
background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
|
|
311
|
+
background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
|
|
312
|
+
background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
|
|
313
|
+
background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
|
|
314
|
+
box-shadow: 0 1px 0 #fff inset;
|
|
315
|
+
}
|
|
316
|
+
.chosen-container-active.chosen-with-drop .chosen-single div {
|
|
297
317
|
border-left: none;
|
|
318
|
+
background: transparent;
|
|
298
319
|
}
|
|
299
|
-
.
|
|
300
|
-
background-position: -18px
|
|
320
|
+
.chosen-container-active.chosen-with-drop .chosen-single div b {
|
|
321
|
+
background-position: -18px 2px;
|
|
301
322
|
}
|
|
302
|
-
.
|
|
303
|
-
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
|
|
304
|
-
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
|
305
|
-
-o-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
|
306
|
-
box-shadow : 0 0 5px rgba(0,0,0,.3);
|
|
323
|
+
.chosen-container-active .chosen-choices {
|
|
307
324
|
border: 1px solid #5897fb;
|
|
325
|
+
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
|
|
308
326
|
}
|
|
309
|
-
.
|
|
327
|
+
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
|
|
310
328
|
color: #111 !important;
|
|
311
329
|
}
|
|
330
|
+
|
|
312
331
|
/* @end */
|
|
332
|
+
/* @group Disabled Support */
|
|
333
|
+
.chosen-disabled {
|
|
334
|
+
opacity: 0.5 !important;
|
|
335
|
+
cursor: default;
|
|
336
|
+
}
|
|
337
|
+
.chosen-disabled .chosen-single {
|
|
338
|
+
cursor: default;
|
|
339
|
+
}
|
|
340
|
+
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
|
|
341
|
+
cursor: default;
|
|
342
|
+
}
|
|
313
343
|
|
|
344
|
+
/* @end */
|
|
314
345
|
/* @group Right to Left */
|
|
315
|
-
.
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
.
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
.
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
.
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
346
|
+
.chosen-rtl {
|
|
347
|
+
text-align: right;
|
|
348
|
+
}
|
|
349
|
+
.chosen-rtl .chosen-single {
|
|
350
|
+
overflow: visible;
|
|
351
|
+
padding: 0 8px 0 0;
|
|
352
|
+
}
|
|
353
|
+
.chosen-rtl .chosen-single span {
|
|
354
|
+
margin-right: 0;
|
|
355
|
+
margin-left: 26px;
|
|
356
|
+
direction: rtl;
|
|
357
|
+
}
|
|
358
|
+
.chosen-rtl .chosen-single-with-deselect span {
|
|
359
|
+
margin-left: 38px;
|
|
360
|
+
}
|
|
361
|
+
.chosen-rtl .chosen-single div {
|
|
362
|
+
right: auto;
|
|
363
|
+
left: 3px;
|
|
364
|
+
}
|
|
365
|
+
.chosen-rtl .chosen-single abbr {
|
|
366
|
+
right: auto;
|
|
367
|
+
left: 26px;
|
|
368
|
+
}
|
|
369
|
+
.chosen-rtl .chosen-choices li {
|
|
370
|
+
float: right;
|
|
371
|
+
}
|
|
372
|
+
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
|
|
373
|
+
direction: rtl;
|
|
374
|
+
}
|
|
375
|
+
.chosen-rtl .chosen-choices li.search-choice {
|
|
376
|
+
margin: 3px 5px 3px 0;
|
|
377
|
+
padding: 3px 5px 3px 19px;
|
|
378
|
+
}
|
|
379
|
+
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
|
|
380
|
+
right: auto;
|
|
381
|
+
left: 4px;
|
|
382
|
+
}
|
|
383
|
+
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
|
|
384
|
+
.chosen-rtl .chosen-drop {
|
|
385
|
+
left: 9999px;
|
|
386
|
+
}
|
|
387
|
+
.chosen-rtl.chosen-container-single .chosen-results {
|
|
388
|
+
margin: 0 0 4px 4px;
|
|
389
|
+
padding: 0 4px 0 0;
|
|
390
|
+
}
|
|
391
|
+
.chosen-rtl .chosen-results li.group-option {
|
|
392
|
+
padding-right: 15px;
|
|
393
|
+
padding-left: 0;
|
|
394
|
+
}
|
|
395
|
+
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
|
|
396
|
+
border-right: none;
|
|
397
|
+
}
|
|
398
|
+
.chosen-rtl .chosen-search input[type="text"] {
|
|
340
399
|
padding: 4px 5px 4px 20px;
|
|
400
|
+
background: white image-url('lalala/chosen/chosen-sprite.png') no-repeat -30px -20px;
|
|
401
|
+
background: image-url('lalala/chosen/chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
|
402
|
+
background: image-url('lalala/chosen/chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
|
403
|
+
background: image-url('lalala/chosen/chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
|
404
|
+
background: image-url('lalala/chosen/chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
|
|
405
|
+
background: image-url('lalala/chosen/chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
|
|
406
|
+
direction: rtl;
|
|
341
407
|
}
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
/* Custom for Lalala */
|
|
347
|
-
.chzn-container .chzn-results .with-image,
|
|
348
|
-
.chzn-single .with-image {
|
|
349
|
-
padding: 0 0 0 90px;
|
|
350
|
-
height: 75px;
|
|
351
|
-
line-height: 75px;
|
|
352
|
-
background-repeat: no-repeat !important;
|
|
353
|
-
background-position: 0 center !important;
|
|
408
|
+
.chosen-rtl.chosen-container-single .chosen-single div b {
|
|
409
|
+
background-position: 6px 2px;
|
|
354
410
|
}
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
.widget .chzn-container {
|
|
358
|
-
width: 100% !important;
|
|
359
|
-
|
|
360
|
-
.chzn-drop {
|
|
361
|
-
width: 99.5% !important;
|
|
362
|
-
}
|
|
363
|
-
|
|
411
|
+
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
|
|
412
|
+
background-position: -12px 2px;
|
|
364
413
|
}
|
|
365
414
|
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
415
|
+
/* @end */
|
|
416
|
+
/* @group Retina compatibility */
|
|
417
|
+
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
|
|
418
|
+
.chosen-rtl .chosen-search input[type="text"],
|
|
419
|
+
.chosen-container-single .chosen-single abbr,
|
|
420
|
+
.chosen-container-single .chosen-single div b,
|
|
421
|
+
.chosen-container-single .chosen-search input[type="text"],
|
|
422
|
+
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
|
|
423
|
+
.chosen-container .chosen-results-scroll-down span,
|
|
424
|
+
.chosen-container .chosen-results-scroll-up span {
|
|
425
|
+
background-image: image-url('lalala/chosen/chosen-sprite@2x.png') !important;
|
|
426
|
+
background-size: 52px 37px !important;
|
|
427
|
+
background-repeat: no-repeat !important;
|
|
428
|
+
}
|
|
370
429
|
}
|
|
430
|
+
/* @end */
|