sunrise-cms 1.0.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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 */