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