sunrise-cms 1.0.0 → 1.0.1

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