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