jquery_mobile_rails 1.0b3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (85) hide show
  1. data/MIT-LICENSE +20 -0
  2. data/README.rdoc +45 -0
  3. data/Rakefile +37 -0
  4. data/lib/jquery_mobile_rails/engine.rb +4 -0
  5. data/lib/jquery_mobile_rails/version.rb +3 -0
  6. data/lib/jquery_mobile_rails.rb +4 -0
  7. data/lib/tasks/jquery_mobile_rails_tasks.rake +19 -0
  8. data/test/dummy/Rakefile +7 -0
  9. data/test/dummy/app/assets/javascripts/application.js +10 -0
  10. data/test/dummy/app/assets/javascripts/notes.js +2 -0
  11. data/test/dummy/app/assets/stylesheets/application.css +8 -0
  12. data/test/dummy/app/assets/stylesheets/notes.css +4 -0
  13. data/test/dummy/app/controllers/application_controller.rb +3 -0
  14. data/test/dummy/app/controllers/notes_controller.rb +83 -0
  15. data/test/dummy/app/helpers/application_helper.rb +2 -0
  16. data/test/dummy/app/helpers/notes_helper.rb +2 -0
  17. data/test/dummy/app/models/note.rb +2 -0
  18. data/test/dummy/app/views/layouts/application.html.erb +17 -0
  19. data/test/dummy/app/views/notes/_form.html.erb +27 -0
  20. data/test/dummy/app/views/notes/edit.html.erb +10 -0
  21. data/test/dummy/app/views/notes/index.html.erb +20 -0
  22. data/test/dummy/app/views/notes/new.html.erb +9 -0
  23. data/test/dummy/app/views/notes/show.html.erb +17 -0
  24. data/test/dummy/config/application.rb +45 -0
  25. data/test/dummy/config/boot.rb +10 -0
  26. data/test/dummy/config/database.yml +25 -0
  27. data/test/dummy/config/environment.rb +5 -0
  28. data/test/dummy/config/environments/development.rb +30 -0
  29. data/test/dummy/config/environments/production.rb +60 -0
  30. data/test/dummy/config/environments/test.rb +42 -0
  31. data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
  32. data/test/dummy/config/initializers/inflections.rb +10 -0
  33. data/test/dummy/config/initializers/mime_types.rb +5 -0
  34. data/test/dummy/config/initializers/secret_token.rb +7 -0
  35. data/test/dummy/config/initializers/session_store.rb +8 -0
  36. data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
  37. data/test/dummy/config/locales/en.yml +5 -0
  38. data/test/dummy/config/routes.rb +62 -0
  39. data/test/dummy/config.ru +4 -0
  40. data/test/dummy/db/development.sqlite3 +0 -0
  41. data/test/dummy/db/migrate/20110914151624_create_notes.rb +10 -0
  42. data/test/dummy/db/schema.rb +23 -0
  43. data/test/dummy/log/development.log +1190 -0
  44. data/test/dummy/public/404.html +26 -0
  45. data/test/dummy/public/422.html +26 -0
  46. data/test/dummy/public/500.html +26 -0
  47. data/test/dummy/public/favicon.ico +0 -0
  48. data/test/dummy/script/rails +6 -0
  49. data/test/dummy/test/fixtures/notes.yml +9 -0
  50. data/test/dummy/test/functional/notes_controller_test.rb +49 -0
  51. data/test/dummy/test/unit/helpers/notes_helper_test.rb +4 -0
  52. data/test/dummy/test/unit/note_test.rb +7 -0
  53. data/test/dummy/tmp/cache/assets/C60/CD0/sprockets%2F96395d25676c3e145f2c737f9b811253 +0 -0
  54. data/test/dummy/tmp/cache/assets/CBA/160/sprockets%2F77c904cba3582ef88315030f9a39d449 +0 -0
  55. data/test/dummy/tmp/cache/assets/CD8/2C0/sprockets%2F4505f85a8dc0311824ad596b46d0b1d8 +0 -0
  56. data/test/dummy/tmp/cache/assets/CDE/910/sprockets%2F8af59305547610b5be0e9e038bb58f21 +0 -0
  57. data/test/dummy/tmp/cache/assets/CF0/1D0/sprockets%2F6fc757c2c8329244ca95d6909865bbc2 +0 -0
  58. data/test/dummy/tmp/cache/assets/CF3/780/sprockets%2Fc2b4847962a06be1e379f195661ec98f +0 -0
  59. data/test/dummy/tmp/cache/assets/CF6/520/sprockets%2Fa68357de390392f99ff65d1864ecc053 +0 -0
  60. data/test/dummy/tmp/cache/assets/D06/130/sprockets%2F022e8fcf6020f9aed0922654e17df114 +0 -0
  61. data/test/dummy/tmp/cache/assets/D11/D20/sprockets%2Fcac21eac42152981882bf9e489316af4 +0 -0
  62. data/test/dummy/tmp/cache/assets/D32/A10/sprockets%2F13fe41fee1fe35b49d145bcc06610705 +0 -0
  63. data/test/dummy/tmp/cache/assets/D38/020/sprockets%2F36d245d9ec1d3f0b6f16e493151cc72a +0 -0
  64. data/test/dummy/tmp/cache/assets/D54/ED0/sprockets%2F71c9fa01091d432b131da3bb73faf3d4 +0 -0
  65. data/test/dummy/tmp/cache/assets/D72/4D0/sprockets%2Fe3eb326c1536a68947ef19c55baee1e2 +0 -0
  66. data/test/dummy/tmp/cache/assets/D81/6B0/sprockets%2Fcd078298b7a8b8507fdc38be4c95a7b6 +0 -0
  67. data/test/dummy/tmp/cache/assets/D84/210/sprockets%2Fabd0103ccec2b428ac62c94e4c40b384 +0 -0
  68. data/test/dummy/tmp/cache/assets/DD4/190/sprockets%2F6a00e5cca788babeb65b76d61f598dd4 +0 -0
  69. data/test/dummy/tmp/cache/assets/DDC/0B0/sprockets%2F63d8cfc5e184b372b7ec77cca69d4db7 +0 -0
  70. data/test/dummy/tmp/cache/assets/E04/890/sprockets%2F2f5173deea6c795b8fdde723bb4b63af +0 -0
  71. data/test/dummy/tmp/cache/assets/E26/080/sprockets%2F2bfebfc43c7345cc7c93d4cbc21eae63 +0 -0
  72. data/test/dummy/tmp/cache/assets/E5B/BE0/sprockets%2Fac9c282fedce5fe73313ade7e4cc0dc4 +0 -0
  73. data/test/jquery_mobile_rails_test.rb +7 -0
  74. data/test/test_helper.rb +10 -0
  75. data/vendor/assets/images/jquery-mobile/ajax-loader.png +0 -0
  76. data/vendor/assets/images/jquery-mobile/icon-search-black.png +0 -0
  77. data/vendor/assets/images/jquery-mobile/icons-18-black.png +0 -0
  78. data/vendor/assets/images/jquery-mobile/icons-18-white.png +0 -0
  79. data/vendor/assets/images/jquery-mobile/icons-36-black.png +0 -0
  80. data/vendor/assets/images/jquery-mobile/icons-36-white.png +0 -0
  81. data/vendor/assets/javascripts/jquery.mobile.js +6657 -0
  82. data/vendor/assets/javascripts/jquery.mobile.min.js +169 -0
  83. data/vendor/assets/stylesheets/jquery.mobile.css.erb +1699 -0
  84. data/vendor/assets/stylesheets/jquery.mobile.min.css.erb +8 -0
  85. metadata +221 -0
@@ -0,0 +1,1699 @@
1
+ /*!
2
+ * jQuery Mobile v1.0b3
3
+ * http://jquerymobile.com/
4
+ *
5
+ * Copyright 2010, jQuery Project
6
+ * Dual licensed under the MIT or GPL Version 2 licenses.
7
+ * http://jquery.org/license
8
+ */
9
+ /*
10
+ * jQuery Mobile Framework
11
+ * Copyright (c) jQuery Project
12
+ * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
13
+ */
14
+
15
+
16
+ /* A
17
+ -----------------------------------------------------------------------------------------------------------*/
18
+
19
+ .ui-bar-a {
20
+ border: 1px solid #2A2A2A;
21
+ background: #111111;
22
+ color: #ffffff;
23
+ font-weight: bold;
24
+ text-shadow: 0 -1px 1px #000000;
25
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#111)); /* Saf4+, Chrome */
26
+ background-image: -webkit-linear-gradient(top, #3c3c3c, #111); /* Chrome 10+, Saf5.1+ */
27
+ background-image: -moz-linear-gradient(top, #3c3c3c, #111); /* FF3.6 */
28
+ background-image: -ms-linear-gradient(top, #3c3c3c, #111); /* IE10 */
29
+ background-image: -o-linear-gradient(top, #3c3c3c, #111); /* Opera 11.10+ */
30
+ background-image: linear-gradient(top, #3c3c3c, #111);
31
+ }
32
+ .ui-bar-a,
33
+ .ui-bar-a input,
34
+ .ui-bar-a select,
35
+ .ui-bar-a textarea,
36
+ .ui-bar-a button {
37
+ font-family: Helvetica, Arial, sans-serif;
38
+ }
39
+ .ui-bar-a .ui-link-inherit {
40
+ color: #fff;
41
+ }
42
+ .ui-bar-a .ui-link {
43
+ color: #7cc4e7;
44
+ font-weight: bold;
45
+ }
46
+ .ui-body-a {
47
+ border: 1px solid #2A2A2A;
48
+ background: #222222;
49
+ color: #fff;
50
+ text-shadow: 0 1px 0 #000;
51
+ font-weight: normal;
52
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#222)); /* Saf4+, Chrome */
53
+ background-image: -webkit-linear-gradient(top, #666, #222); /* Chrome 10+, Saf5.1+ */
54
+ background-image: -moz-linear-gradient(top, #666, #222); /* FF3.6 */
55
+ background-image: -ms-linear-gradient(top, #666, #222); /* IE10 */
56
+ background-image: -o-linear-gradient(top, #666, #222); /* Opera 11.10+ */
57
+ background-image: linear-gradient(top, #666, #222);
58
+ }
59
+ .ui-body-a,
60
+ .ui-body-a input,
61
+ .ui-body-a select,
62
+ .ui-body-a textarea,
63
+ .ui-body-a button {
64
+ font-family: Helvetica, Arial, sans-serif;
65
+ }
66
+ .ui-body-a .ui-link-inherit {
67
+ color: #fff;
68
+ }
69
+ .ui-body-a .ui-link {
70
+ color: #2489CE;
71
+ font-weight: bold;
72
+ }
73
+ .ui-br {
74
+ border-bottom: rgb(130,130,130);
75
+ border-bottom: rgba(130,130,130,.3);
76
+ border-bottom-width: 1px;
77
+ border-bottom-style: solid;
78
+ }
79
+ .ui-btn-up-a {
80
+ border: 1px solid #222;
81
+ background: #333333;
82
+ font-weight: bold;
83
+ color: #fff;
84
+ text-shadow: 0 -1px 1px #000;
85
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333)); /* Saf4+, Chrome */
86
+ background-image: -webkit-linear-gradient(top, #555, #333); /* Chrome 10+, Saf5.1+ */
87
+ background-image: -moz-linear-gradient(top, #555, #333); /* FF3.6 */
88
+ background-image: -ms-linear-gradient(top, #555, #333); /* IE10 */
89
+ background-image: -o-linear-gradient(top, #555, #333); /* Opera 11.10+ */
90
+ background-image: linear-gradient(top, #555, #333);
91
+ }
92
+ .ui-btn-up-a a.ui-link-inherit {
93
+ color: #fff;
94
+ }
95
+ .ui-btn-hover-a {
96
+ border: 1px solid #000;
97
+ background: #444444;
98
+ font-weight: bold;
99
+ color: #fff;
100
+ text-shadow: 0 -1px 1px #000;
101
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444)); /* Saf4+, Chrome */
102
+ background-image: -webkit-linear-gradient(top, #666, #444); /* Chrome 10+, Saf5.1+ */
103
+ background-image: -moz-linear-gradient(top, #666, #444); /* FF3.6 */
104
+ background-image: -ms-linear-gradient(top, #666, #444); /* IE10 */
105
+ background-image: -o-linear-gradient(top, #666, #444); /* Opera 11.10+ */
106
+ background-image: linear-gradient(top, #666, #444);
107
+ }
108
+ .ui-btn-hover-a a.ui-link-inherit {
109
+ color: #fff;
110
+ }
111
+ .ui-btn-down-a {
112
+ border: 1px solid #000;
113
+ background: #3d3d3d;
114
+ font-weight: bold;
115
+ color: #fff;
116
+ text-shadow: 0 -1px 1px #000;
117
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#5a5a5a)); /* Saf4+, Chrome */
118
+ background-image: -webkit-linear-gradient(top, #333, #5a5a5a); /* Chrome 10+, Saf5.1+ */
119
+ background-image: -moz-linear-gradient(top, #333, #5a5a5a); /* FF3.6 */
120
+ background-image: -ms-linear-gradient(top, #333, #5a5a5a); /* IE10 */
121
+ background-image: -o-linear-gradient(top, #333, #5a5a5a); /* Opera 11.10+ */
122
+ background-image: linear-gradient(top, #333, #5a5a5a);
123
+ }
124
+ .ui-btn-down-a a.ui-link-inherit {
125
+ color: #fff;
126
+ }
127
+ .ui-btn-up-a,
128
+ .ui-btn-hover-a,
129
+ .ui-btn-down-a {
130
+ font-family: Helvetica, Arial, sans-serif;
131
+ text-decoration: none;
132
+ }
133
+
134
+
135
+ /* B
136
+ -----------------------------------------------------------------------------------------------------------*/
137
+
138
+ .ui-bar-b {
139
+ border: 1px solid #456f9a;
140
+ background: #5e87b0;
141
+ color: #fff;
142
+ font-weight: bold;
143
+ text-shadow: 0 -1px 1px #254f7a;
144
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#81a8ce), to(#5e87b0)); /* Saf4+, Chrome */
145
+ background-image: -webkit-linear-gradient(top, #81a8ce, #5e87b0); /* Chrome 10+, Saf5.1+ */
146
+ background-image: -moz-linear-gradient(top, #81a8ce, #5e87b0); /* FF3.6 */
147
+ background-image: -ms-linear-gradient(top, #81a8ce, #5e87b0); /* IE10 */
148
+ background-image: -o-linear-gradient(top, #81a8ce, #5e87b0); /* Opera 11.10+ */
149
+ background-image: linear-gradient(top, #81a8ce, #5e87b0);
150
+ }
151
+ .ui-bar-b,
152
+ .ui-bar-b input,
153
+ .ui-bar-b select,
154
+ .ui-bar-b textarea,
155
+ .ui-bar-b button {
156
+ font-family: Helvetica, Arial, sans-serif;
157
+ }
158
+ .ui-bar-b .ui-link-inherit {
159
+ color: #fff;
160
+ }
161
+ .ui-bar-b .ui-link {
162
+ color: #7cc4e7;
163
+ font-weight: bold;
164
+ }
165
+
166
+ .ui-body-b {
167
+ border: 1px solid #C6C6C6;
168
+ background: #cccccc;
169
+ color: #333333;
170
+ text-shadow: 0 1px 0 #fff;
171
+ font-weight: normal;
172
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#ccc)); /* Saf4+, Chrome */
173
+ background-image: -webkit-linear-gradient(top, #e6e6e6, #ccc); /* Chrome 10+, Saf5.1+ */
174
+ background-image: -moz-linear-gradient(top, #e6e6e6, #ccc); /* FF3.6 */
175
+ background-image: -ms-linear-gradient(top, #e6e6e6, #ccc); /* IE10 */
176
+ background-image: -o-linear-gradient(top, #e6e6e6, #ccc); /* Opera 11.10+ */
177
+ background-image: linear-gradient(top, #e6e6e6, #ccc);
178
+ }
179
+ .ui-body-b,
180
+ .ui-body-b input,
181
+ .ui-body-b select,
182
+ .ui-body-b textarea,
183
+ .ui-body-b button {
184
+ font-family: Helvetica, Arial, sans-serif;
185
+ }
186
+ .ui-body-b .ui-link-inherit {
187
+ color: #333333;
188
+ }
189
+ .ui-body-b .ui-link {
190
+ color: #2489CE;
191
+ font-weight: bold;
192
+ }
193
+ .ui-btn-up-b {
194
+ border: 1px solid #145072;
195
+ background: #2567ab;
196
+ font-weight: bold;
197
+ color: #fff;
198
+ text-shadow: 0 -1px 1px #145072;
199
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#5f9cc5), to(#396b9e)); /* Saf4+, Chrome */
200
+ background-image: -webkit-linear-gradient(top, #5f9cc5, #396b9e); /* Chrome 10+, Saf5.1+ */
201
+ background-image: -moz-linear-gradient(top, #5f9cc5, #396b9e); /* FF3.6 */
202
+ background-image: -ms-linear-gradient(top, #5f9cc5, #396b9e); /* IE10 */
203
+ background-image: -o-linear-gradient(top, #5f9cc5, #396b9e); /* Opera 11.10+ */
204
+ background-image: linear-gradient(top, #5f9cc5, #396b9e);
205
+ }
206
+ .ui-btn-up-b a.ui-link-inherit {
207
+ color: #fff;
208
+ }
209
+ .ui-btn-hover-b {
210
+ border: 1px solid #00516e;
211
+ background: #4b88b6;
212
+ font-weight: bold;
213
+ color: #fff;
214
+ text-shadow: 0 -1px 1px #014D68;
215
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#72b0d4), to(#4b88b6)); /* Saf4+, Chrome */
216
+ background-image: -webkit-linear-gradient(top, #72b0d4, #4b88b6); /* Chrome 10+, Saf5.1+ */
217
+ background-image: -moz-linear-gradient(top, #72b0d4, #4b88b6); /* FF3.6 */
218
+ background-image: -ms-linear-gradient(top, #72b0d4, #4b88b6); /* IE10 */
219
+ background-image: -o-linear-gradient(top, #72b0d4, #4b88b6); /* Opera 11.10+ */
220
+ background-image: linear-gradient(top, #72b0d4, #4b88b6);
221
+ }
222
+ .ui-btn-hover-b a.ui-link-inherit {
223
+ color: #fff;
224
+ }
225
+ .ui-btn-down-b {
226
+ border: 1px solid #225377;
227
+ background: #4e89c5;
228
+ font-weight: bold;
229
+ color: #fff;
230
+ text-shadow: 0 -1px 1px #225377;
231
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#396b9e), to(#4e89c5)); /* Saf4+, Chrome */
232
+ background-image: -webkit-linear-gradient(top, #396b9e, #4e89c5); /* Chrome 10+, Saf5.1+ */
233
+ background-image: -moz-linear-gradient(top, #396b9e, #4e89c5); /* FF3.6 */
234
+ background-image: -ms-linear-gradient(top, #396b9e, #4e89c5); /* IE10 */
235
+ background-image: -o-linear-gradient(top, #396b9e, #4e89c5); /* Opera 11.10+ */
236
+ background-image: linear-gradient(top, #396b9e, #4e89c5);
237
+ }
238
+ .ui-btn-down-b a.ui-link-inherit {
239
+ color: #fff;
240
+ }
241
+ .ui-btn-up-b,
242
+ .ui-btn-hover-b,
243
+ .ui-btn-down-b {
244
+ font-family: Helvetica, Arial, sans-serif;
245
+ text-decoration: none;
246
+ }
247
+
248
+
249
+ /* C
250
+ -----------------------------------------------------------------------------------------------------------*/
251
+
252
+ .ui-bar-c {
253
+ border: 1px solid #B3B3B3;
254
+ background: #e9eaeb;
255
+ color: #3E3E3E;
256
+ font-weight: bold;
257
+ text-shadow: 0 1px 1px #fff;
258
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#e9eaeb)); /* Saf4+, Chrome */
259
+ background-image: -webkit-linear-gradient(top, #f0f0f0, #e9eaeb); /* Chrome 10+, Saf5.1+ */
260
+ background-image: -moz-linear-gradient(top, #f0f0f0, #e9eaeb); /* FF3.6 */
261
+ background-image: -ms-linear-gradient(top, #f0f0f0, #e9eaeb); /* IE10 */
262
+ background-image: -o-linear-gradient(top, #f0f0f0, #e9eaeb); /* Opera 11.10+ */
263
+ background-image: linear-gradient(top, #f0f0f0, #e9eaeb);
264
+ }
265
+ .ui-bar-c,
266
+ .ui-bar-c input,
267
+ .ui-bar-c select,
268
+ .ui-bar-c textarea,
269
+ .ui-bar-c button {
270
+ font-family: Helvetica, Arial, sans-serif;
271
+ }
272
+ .ui-body-c {
273
+ border: 1px solid #B3B3B3;
274
+ color: #333333;
275
+ text-shadow: 0 1px 0 #fff;
276
+ background: #f0f0f0;
277
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd)); /* Saf4+, Chrome */
278
+ background-image: -webkit-linear-gradient(top, #eee, #ddd); /* Chrome 10+, Saf5.1+ */
279
+ background-image: -moz-linear-gradient(top, #eee, #ddd); /* FF3.6 */
280
+ background-image: -ms-linear-gradient(top, #eee, #ddd); /* IE10 */
281
+ background-image: -o-linear-gradient(top, #eee, #ddd); /* Opera 11.10+ */
282
+ background-image: linear-gradient(top, #eee, #ddd);
283
+ }
284
+ .ui-body-c,
285
+ .ui-body-c input,
286
+ .ui-body-c select,
287
+ .ui-body-c textarea,
288
+ .ui-body-c button {
289
+ font-family: Helvetica, Arial, sans-serif;
290
+ }
291
+ .ui-body-c .ui-link-inherit {
292
+ color: #333333;
293
+ }
294
+ .ui-body-c .ui-link {
295
+ color: #2489CE;
296
+ font-weight: bold;
297
+ }
298
+
299
+ .ui-btn-up-c {
300
+ border: 1px solid #ccc;
301
+ background: #eee;
302
+ font-weight: bold;
303
+ color: #444;
304
+ text-shadow: 0 1px 1px #f6f6f6;
305
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eee)); /* Saf4+, Chrome */
306
+ background-image: -webkit-linear-gradient(top, #fdfdfd, #eee); /* Chrome 10+, Saf5.1+ */
307
+ background-image: -moz-linear-gradient(top, #fdfdfd, #eee); /* FF3.6 */
308
+ background-image: -ms-linear-gradient(top, #fdfdfd, #eee); /* IE10 */
309
+ background-image: -o-linear-gradient(top, #fdfdfd, #eee); /* Opera 11.10+ */
310
+ background-image: linear-gradient(top, #fdfdfd, #eee);
311
+ }
312
+ .ui-btn-up-c a.ui-link-inherit {
313
+ color: #2F3E46;
314
+ }
315
+
316
+ .ui-btn-hover-c {
317
+ border: 1px solid #bbb;
318
+ background: #dadada;
319
+ font-weight: bold;
320
+ color: #101010;
321
+ text-shadow: 0 1px 1px #fff;
322
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dadada)); /* Saf4+, Chrome */
323
+ background-image: -webkit-linear-gradient(top, #ededed, #dadada); /* Chrome 10+, Saf5.1+ */
324
+ background-image: -moz-linear-gradient(top, #ededed, #dadada); /* FF3.6 */
325
+ background-image: -ms-linear-gradient(top, #ededed, #dadada); /* IE10 */
326
+ background-image: -o-linear-gradient(top, #ededed, #dadada); /* Opera 11.10+ */
327
+ background-image: linear-gradient(top, #ededed, #dadada);
328
+ }
329
+ .ui-btn-hover-c a.ui-link-inherit {
330
+ color: #2F3E46;
331
+ }
332
+ .ui-btn-down-c {
333
+ border: 1px solid #808080;
334
+ background: #fdfdfd;
335
+ font-weight: bold;
336
+ color: #111111;
337
+ text-shadow: 0 1px 1px #ffffff;
338
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fdfdfd)); /* Saf4+, Chrome */
339
+ background-image: -webkit-linear-gradient(top, #eee, #fdfdfd); /* Chrome 10+, Saf5.1+ */
340
+ background-image: -moz-linear-gradient(top, #eee, #fdfdfd); /* FF3.6 */
341
+ background-image: -ms-linear-gradient(top, #eee, #fdfdfd); /* IE10 */
342
+ background-image: -o-linear-gradient(top, #eee, #fdfdfd); /* Opera 11.10+ */
343
+ background-image: linear-gradient(top, #eee, #fdfdfd);
344
+ }
345
+ .ui-btn-down-c a.ui-link-inherit {
346
+ color: #2F3E46;
347
+ }
348
+ .ui-btn-up-c,
349
+ .ui-btn-hover-c,
350
+ .ui-btn-down-c {
351
+ font-family: Helvetica, Arial, sans-serif;
352
+ text-decoration: none;
353
+ }
354
+
355
+
356
+ /* D
357
+ -----------------------------------------------------------------------------------------------------------*/
358
+
359
+ .ui-bar-d {
360
+ border: 1px solid #ccc;
361
+ background: #bbb;
362
+ color: #333;
363
+ text-shadow: 0 1px 0 #eee;
364
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb)); /* Saf4+, Chrome */
365
+ background-image: -webkit-linear-gradient(top, #ddd, #bbb); /* Chrome 10+, Saf5.1+ */
366
+ background-image: -moz-linear-gradient(top, #ddd, #bbb); /* FF3.6 */
367
+ background-image: -ms-linear-gradient(top, #ddd, #bbb); /* IE10 */
368
+ background-image: -o-linear-gradient(top, #ddd, #bbb); /* Opera 11.10+ */
369
+ background-image: linear-gradient(top, #ddd, #bbb);
370
+ }
371
+ .ui-bar-d,
372
+ .ui-bar-d input,
373
+ .ui-bar-d select,
374
+ .ui-bar-d textarea,
375
+ .ui-bar-d button {
376
+ font-family: Helvetica, Arial, sans-serif;
377
+ }
378
+ .ui-bar-d .ui-link-inherit {
379
+ color: #333;
380
+ }
381
+ .ui-bar-d .ui-link {
382
+ color: #2489CE;
383
+ font-weight: bold;
384
+ }
385
+ .ui-body-d {
386
+ border: 1px solid #ccc;
387
+ color: #333333;
388
+ text-shadow: 0 1px 0 #fff;
389
+ background: #ffffff;
390
+ }
391
+ .ui-body-d,
392
+ .ui-body-d input,
393
+ .ui-body-d select,
394
+ .ui-body-d textarea,
395
+ .ui-body-d button {
396
+ font-family: Helvetica, Arial, sans-serif;
397
+ }
398
+ .ui-body-d .ui-link-inherit {
399
+ color: #333333;
400
+ }
401
+ .ui-body-d .ui-link {
402
+ color: #2489CE;
403
+ font-weight: bold;
404
+ }
405
+ .ui-btn-up-d {
406
+ border: 1px solid #ccc;
407
+ background: #fff;
408
+ font-weight: bold;
409
+ color: #444;
410
+ text-shadow: 0 1px 1px #fff;
411
+ }
412
+ .ui-btn-up-d a.ui-link-inherit {
413
+ color: #333;
414
+ }
415
+ .ui-btn-hover-d {
416
+ border: 1px solid #aaa;
417
+ background: #eeeeee;
418
+ font-weight: bold;
419
+ color: #222;
420
+ cursor: pointer;
421
+ text-shadow: 0 1px 1px #fff;
422
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eee)); /* Saf4+, Chrome */
423
+ background-image: -webkit-linear-gradient(top, #fdfdfd, #eee); /* Chrome 10+, Saf5.1+ */
424
+ background-image: -moz-linear-gradient(top, #fdfdfd, #eee); /* FF3.6 */
425
+ background-image: -ms-linear-gradient(top, #fdfdfd, #eee); /* IE10 */
426
+ background-image: -o-linear-gradient(top, #fdfdfd, #eee); /* Opera 11.10+ */
427
+ background-image: linear-gradient(top, #fdfdfd, #eee);
428
+ }
429
+ .ui-btn-hover-d a.ui-link-inherit {
430
+ color: #222;
431
+ }
432
+ .ui-btn-down-d {
433
+ border: 1px solid #aaaaaa;
434
+ background: #ffffff;
435
+ font-weight: bold;
436
+ color: #111;
437
+ text-shadow: 0 1px 1px #ffffff;
438
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); /* Saf4+, Chrome */
439
+ background-image: -webkit-linear-gradient(top, #eee, #fff); /* Chrome 10+, Saf5.1+ */
440
+ background-image: -moz-linear-gradient(top, #eee, #fff); /* FF3.6 */
441
+ background-image: -ms-linear-gradient(top, #eee, #fff); /* IE10 */
442
+ background-image: -o-linear-gradient(top, #eee, #fff); /* Opera 11.10+ */
443
+ background-image: linear-gradient(top, #eee, #fff);
444
+ }
445
+ .ui-btn-down-d a.ui-link-inherit {
446
+ color: #111;
447
+ }
448
+ .ui-btn-up-d,
449
+ .ui-btn-hover-d,
450
+ .ui-btn-down-d {
451
+ font-family: Helvetica, Arial, sans-serif;
452
+ text-decoration: none;
453
+ }
454
+
455
+
456
+ /* E
457
+ -----------------------------------------------------------------------------------------------------------*/
458
+
459
+ .ui-bar-e {
460
+ border: 1px solid #F7C942;
461
+ background: #fadb4e;
462
+ color: #333;
463
+ text-shadow: 0 1px 0 #fff;
464
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#fceda7), to(#fadb4e)); /* Saf4+, Chrome */
465
+ background-image: -webkit-linear-gradient(top, #fceda7, #fadb4e); /* Chrome 10+, Saf5.1+ */
466
+ background-image: -moz-linear-gradient(top, #fceda7, #fadb4e); /* FF3.6 */
467
+ background-image: -ms-linear-gradient(top, #fceda7, #fadb4e); /* IE10 */
468
+ background-image: -o-linear-gradient(top, #fceda7, #fadb4e); /* Opera 11.10+ */
469
+ background-image: linear-gradient(top, #fceda7, #fadb4e);
470
+ }
471
+ .ui-bar-e,
472
+ .ui-bar-e input,
473
+ .ui-bar-e select,
474
+ .ui-bar-e textarea,
475
+ .ui-bar-e button {
476
+ font-family: Helvetica, Arial, sans-serif;
477
+ }
478
+ .ui-bar-e .ui-link-inherit {
479
+ color: #333;
480
+ }
481
+ .ui-bar-e .ui-link {
482
+ color: #2489CE;
483
+ font-weight: bold;
484
+ }
485
+ .ui-body-e {
486
+ border: 1px solid #F7C942;
487
+ color: #333333;
488
+ text-shadow: 0 1px 0 #fff;
489
+ background: #faeb9e;
490
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#faeb9e)); /* Saf4+, Chrome */
491
+ background-image: -webkit-linear-gradient(top, #fff, #faeb9e); /* Chrome 10+, Saf5.1+ */
492
+ background-image: -moz-linear-gradient(top, #fff, #faeb9e); /* FF3.6 */
493
+ background-image: -ms-linear-gradient(top, #fff, #faeb9e); /* IE10 */
494
+ background-image: -o-linear-gradient(top, #fff, #faeb9e); /* Opera 11.10+ */
495
+ background-image: linear-gradient(top, #fff, #faeb9e);
496
+ }
497
+ .ui-body-e,
498
+ .ui-body-e input,
499
+ .ui-body-e select,
500
+ .ui-body-e textarea,
501
+ .ui-body-e button {
502
+ font-family: Helvetica, Arial, sans-serif;
503
+ }
504
+ .ui-body-e .ui-link-inherit {
505
+ color: #333333;
506
+ }
507
+ .ui-body-e .ui-link {
508
+ color: #2489CE;
509
+ font-weight: bold;
510
+ }
511
+ .ui-btn-up-e {
512
+ border: 1px solid #F7C942;
513
+ background: #fadb4e;
514
+ font-weight: bold;
515
+ color: #333;
516
+ text-shadow: 0 1px 0 #fff;
517
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#fceda7), to(#fadb4e)); /* Saf4+, Chrome */
518
+ background-image: -webkit-linear-gradient(top, #fceda7, #fadb4e); /* Chrome 10+, Saf5.1+ */
519
+ background-image: -moz-linear-gradient(top, #fceda7, #fadb4e); /* FF3.6 */
520
+ background-image: -ms-linear-gradient(top, #fceda7, #fadb4e); /* IE10 */
521
+ background-image: -o-linear-gradient(top, #fceda7, #fadb4e); /* Opera 11.10+ */
522
+ background-image: linear-gradient(top, #fceda7, #fadb4e);
523
+ }
524
+ .ui-btn-up-e a.ui-link-inherit {
525
+ color: #333;
526
+ }
527
+ .ui-btn-hover-e {
528
+ border: 1px solid #e79952;
529
+ background: #fbe26f;
530
+ font-weight: bold;
531
+ color: #111;
532
+ text-shadow: 0 1px 1px #fff;
533
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf0b5), to(#fbe26f)); /* Saf4+, Chrome */
534
+ background-image: -webkit-linear-gradient(top, #fcf0b5, #fbe26f); /* Chrome 10+, Saf5.1+ */
535
+ background-image: -moz-linear-gradient(top, #fcf0b5, #fbe26f); /* FF3.6 */
536
+ background-image: -ms-linear-gradient(top, #fcf0b5, #fbe26f); /* IE10 */
537
+ background-image: -o-linear-gradient(top, #fcf0b5, #fbe26f); /* Opera 11.10+ */
538
+ background-image: linear-gradient(top, #fcf0b5, #fbe26f);
539
+ }
540
+
541
+ .ui-btn-hover-e a.ui-link-inherit {
542
+ color: #333;
543
+ }
544
+ .ui-btn-down-e {
545
+ border: 1px solid #F7C942;
546
+ background: #fceda7;
547
+ font-weight: bold;
548
+ color: #111;
549
+ text-shadow: 0 1px 1px #ffffff;
550
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#fadb4e), to(#fceda7)); /* Saf4+, Chrome */
551
+ background-image: -webkit-linear-gradient(top, #fadb4e, #fceda7); /* Chrome 10+, Saf5.1+ */
552
+ background-image: -moz-linear-gradient(top, #fadb4e, #fceda7); /* FF3.6 */
553
+ background-image: -ms-linear-gradient(top, #fadb4e, #fceda7); /* IE10 */
554
+ background-image: -o-linear-gradient(top, #fadb4e, #fceda7); /* Opera 11.10+ */
555
+ background-image: linear-gradient(top, #fadb4e, #fceda7);
556
+ }
557
+ .ui-btn-down-e a.ui-link-inherit {
558
+ color: #333;
559
+ }
560
+ .ui-btn-up-e,
561
+ .ui-btn-hover-e,
562
+ .ui-btn-down-e {
563
+ font-family: Helvetica, Arial, sans-serif;
564
+ text-decoration: none;
565
+ }
566
+
567
+
568
+ /* links within "buttons"
569
+ -----------------------------------------------------------------------------------------------------------*/
570
+
571
+ a.ui-link-inherit {
572
+ text-decoration: none !important;
573
+ }
574
+
575
+
576
+ /* Active class used as the "on" state across all themes
577
+ -----------------------------------------------------------------------------------------------------------*/
578
+
579
+ .ui-btn-active {
580
+ border: 1px solid #155678;
581
+ background: #4596ce;
582
+ font-weight: bold;
583
+ color: #fff;
584
+ cursor: pointer;
585
+ text-shadow: 0 -1px 1px #145072;
586
+ text-decoration: none;
587
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#85bae4), to(#5393c5)); /* Saf4+, Chrome */
588
+ background-image: -webkit-linear-gradient(top, #85bae4, #5393c5); /* Chrome 10+, Saf5.1+ */
589
+ background-image: -moz-linear-gradient(top, #85bae4, #5393c5); /* FF3.6 */
590
+ background-image: -ms-linear-gradient(top, #85bae4, #5393c5); /* IE10 */
591
+ background-image: -o-linear-gradient(top, #85bae4, #5393c5); /* Opera 11.10+ */
592
+ background-image: linear-gradient(top, #85bae4, #5393c5);
593
+ outline: none;
594
+ }
595
+ .ui-btn-active a.ui-link-inherit {
596
+ color: #fff;
597
+ }
598
+
599
+
600
+ /* button inner top highlight
601
+ -----------------------------------------------------------------------------------------------------------*/
602
+
603
+ .ui-btn-inner {
604
+ border-top: 1px solid #fff;
605
+ border-color: rgba(255,255,255,.3);
606
+ }
607
+
608
+
609
+ /* corner rounding classes
610
+ -----------------------------------------------------------------------------------------------------------*/
611
+
612
+ .ui-corner-tl {
613
+ -moz-border-radius-topleft: .6em;
614
+ -webkit-border-top-left-radius: .6em;
615
+ border-top-left-radius: .6em;
616
+ }
617
+ .ui-corner-tr {
618
+ -moz-border-radius-topright: .6em;
619
+ -webkit-border-top-right-radius: .6em;
620
+ border-top-right-radius: .6em;
621
+ }
622
+ .ui-corner-bl {
623
+ -moz-border-radius-bottomleft: .6em;
624
+ -webkit-border-bottom-left-radius: .6em;
625
+ border-bottom-left-radius: .6em;
626
+ }
627
+ .ui-corner-br {
628
+ -moz-border-radius-bottomright: .6em;
629
+ -webkit-border-bottom-right-radius: .6em;
630
+ border-bottom-right-radius: .6em;
631
+ }
632
+ .ui-corner-top {
633
+ -moz-border-radius-topleft: .6em;
634
+ -webkit-border-top-left-radius: .6em;
635
+ border-top-left-radius: .6em;
636
+ -moz-border-radius-topright: .6em;
637
+ -webkit-border-top-right-radius: .6em;
638
+ border-top-right-radius: .6em;
639
+ }
640
+ .ui-corner-bottom {
641
+ -moz-border-radius-bottomleft: .6em;
642
+ -webkit-border-bottom-left-radius: .6em;
643
+ border-bottom-left-radius: .6em;
644
+ -moz-border-radius-bottomright: .6em;
645
+ -webkit-border-bottom-right-radius: .6em;
646
+ border-bottom-right-radius: .6em;
647
+ }
648
+ .ui-corner-right {
649
+ -moz-border-radius-topright: .6em;
650
+ -webkit-border-top-right-radius: .6em;
651
+ border-top-right-radius: .6em;
652
+ -moz-border-radius-bottomright: .6em;
653
+ -webkit-border-bottom-right-radius: .6em;
654
+ border-bottom-right-radius: .6em;
655
+ }
656
+ .ui-corner-left {
657
+ -moz-border-radius-topleft: .6em;
658
+ -webkit-border-top-left-radius: .6em;
659
+ border-top-left-radius: .6em;
660
+ -moz-border-radius-bottomleft: .6em;
661
+ -webkit-border-bottom-left-radius: .6em;
662
+ border-bottom-left-radius: .6em;
663
+ }
664
+ .ui-corner-all {
665
+ -moz-border-radius: .6em;
666
+ -webkit-border-radius: .6em;
667
+ border-radius: .6em;
668
+ }
669
+ .ui-corner-none {
670
+ -moz-border-radius: 0;
671
+ -webkit-border-radius: 0;
672
+ border-radius: 0;
673
+ }
674
+
675
+ /* Interaction cues
676
+ -----------------------------------------------------------------------------------------------------------*/
677
+ .ui-disabled {
678
+ opacity: .3;
679
+ }
680
+ .ui-disabled,
681
+ .ui-disabled a {
682
+ cursor: default;
683
+ }
684
+
685
+ /* Icons
686
+ -----------------------------------------------------------------------------------------------------------*/
687
+
688
+ .ui-icon {
689
+ background: #666;
690
+ background: rgba(0,0,0,.4);
691
+ background-image: url(<%= asset_path 'jquery-mobile/icons-18-white.png' %>);
692
+ background-repeat: no-repeat;
693
+ -moz-border-radius: 9px;
694
+ -webkit-border-radius: 9px;
695
+ border-radius: 9px;
696
+ }
697
+
698
+
699
+ /* Alt icon color
700
+ -----------------------------------------------------------------------------------------------------------*/
701
+
702
+ .ui-icon-alt {
703
+ background: #fff;
704
+ background: rgba(255,255,255,.3);
705
+ background-image: url(<%= asset_path 'jquery-mobile/icons-18-black.png' %>);
706
+ background-repeat: no-repeat;
707
+ }
708
+
709
+ /* HD/"retina" sprite
710
+ -----------------------------------------------------------------------------------------------------------*/
711
+
712
+ @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
713
+ only screen and (min--moz-device-pixel-ratio: 1.5),
714
+ only screen and (min-resolution: 240dpi) {
715
+
716
+ .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
717
+ .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
718
+ .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
719
+ .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search,
720
+ .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
721
+ background-image: url(<%= asset_path 'jquery-mobile/icons-36-white.png' %>);
722
+ -moz-background-size: 776px 18px;
723
+ -o-background-size: 776px 18px;
724
+ -webkit-background-size: 776px 18px;
725
+ background-size: 776px 18px;
726
+ }
727
+ .ui-icon-alt {
728
+ background-image: url(<%= asset_path 'jquery-mobile/icons-36-black.png' %>);
729
+ }
730
+ }
731
+
732
+ /* plus minus */
733
+ .ui-icon-plus {
734
+ background-position: -0 50%;
735
+ }
736
+ .ui-icon-minus {
737
+ background-position: -36px 50%;
738
+ }
739
+
740
+ /* delete/close */
741
+ .ui-icon-delete {
742
+ background-position: -72px 50%;
743
+ }
744
+
745
+ /* arrows */
746
+ .ui-icon-arrow-r {
747
+ background-position: -108px 50%;
748
+ }
749
+ .ui-icon-arrow-l {
750
+ background-position: -144px 50%;
751
+ }
752
+ .ui-icon-arrow-u {
753
+ background-position: -180px 50%;
754
+ }
755
+ .ui-icon-arrow-d {
756
+ background-position: -216px 50%;
757
+ }
758
+
759
+ /* misc */
760
+ .ui-icon-check {
761
+ background-position: -252px 50%;
762
+ }
763
+ .ui-icon-gear {
764
+ background-position: -288px 50%;
765
+ }
766
+ .ui-icon-refresh {
767
+ background-position: -324px 50%;
768
+ }
769
+ .ui-icon-forward {
770
+ background-position: -360px 50%;
771
+ }
772
+ .ui-icon-back {
773
+ background-position: -396px 50%;
774
+ }
775
+ .ui-icon-grid {
776
+ background-position: -432px 50%;
777
+ }
778
+ .ui-icon-star {
779
+ background-position: -468px 50%;
780
+ }
781
+ .ui-icon-alert {
782
+ background-position: -504px 50%;
783
+ }
784
+ .ui-icon-info {
785
+ background-position: -540px 50%;
786
+ }
787
+ .ui-icon-home {
788
+ background-position: -576px 50%;
789
+ }
790
+ .ui-icon-search {
791
+ background-position: -612px 50%;
792
+ }
793
+ .ui-icon-checkbox-off {
794
+ background-position: -684px 50%;
795
+ }
796
+ .ui-icon-checkbox-on {
797
+ background-position: -648px 50%;
798
+ }
799
+ .ui-icon-radio-off {
800
+ background-position: -756px 50%;
801
+ }
802
+ .ui-icon-radio-on {
803
+ background-position: -720px 50%;
804
+ }
805
+
806
+
807
+ /* checks,radios */
808
+ .ui-checkbox .ui-icon {
809
+ -moz-border-radius: 3px;
810
+ -webkit-border-radius: 3px;
811
+ border-radius: 3px;
812
+ }
813
+ .ui-icon-checkbox-off,
814
+ .ui-icon-radio-off {
815
+ background-color: transparent;
816
+ }
817
+ .ui-icon-checkbox-on,
818
+ .ui-checkbox-on .ui-icon,
819
+ .ui-radio-on .ui-icon {
820
+ background-color: #4596ce; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
821
+ }
822
+ .ui-icon-searchfield {
823
+ background-image: url(<%= asset_path 'jquery-mobile/icon-search-black.png' %>);
824
+ background-size: 16px 16px;
825
+ }
826
+
827
+ /* loading icon */
828
+ .ui-icon-loading {
829
+ background-image: url(<%= asset_path 'jquery-mobile/ajax-loader.png' %>);
830
+ width: 40px;
831
+ height: 40px;
832
+ -moz-border-radius: 20px;
833
+ -webkit-border-radius: 20px;
834
+ border-radius: 20px;
835
+ background-size: 35px 35px;
836
+ }
837
+
838
+
839
+ /* Button corner classes
840
+ -----------------------------------------------------------------------------------------------------------*/
841
+
842
+ .ui-btn-corner-tl {
843
+ -moz-border-radius-topleft: 1em;
844
+ -webkit-border-top-left-radius: 1em;
845
+ border-top-left-radius: 1em;
846
+ }
847
+ .ui-btn-corner-tr {
848
+ -moz-border-radius-topright: 1em;
849
+ -webkit-border-top-right-radius: 1em;
850
+ border-top-right-radius: 1em;
851
+ }
852
+ .ui-btn-corner-bl {
853
+ -moz-border-radius-bottomleft: 1em;
854
+ -webkit-border-bottom-left-radius: 1em;
855
+ border-bottom-left-radius: 1em;
856
+ }
857
+ .ui-btn-corner-br {
858
+ -moz-border-radius-bottomright: 1em;
859
+ -webkit-border-bottom-right-radius: 1em;
860
+ border-bottom-right-radius: 1em;
861
+ }
862
+ .ui-btn-corner-top {
863
+ -moz-border-radius-topleft: 1em;
864
+ -webkit-border-top-left-radius: 1em;
865
+ border-top-left-radius: 1em;
866
+ -moz-border-radius-topright: 1em;
867
+ -webkit-border-top-right-radius: 1em;
868
+ border-top-right-radius: 1em;
869
+ }
870
+ .ui-btn-corner-bottom {
871
+ -moz-border-radius-bottomleft: 1em;
872
+ -webkit-border-bottom-left-radius: 1em;
873
+ border-bottom-left-radius: 1em;
874
+ -moz-border-radius-bottomright: 1em;
875
+ -webkit-border-bottom-right-radius: 1em;
876
+ border-bottom-right-radius: 1em;
877
+ }
878
+ .ui-btn-corner-right {
879
+ -moz-border-radius-topright: 1em;
880
+ -webkit-border-top-right-radius: 1em;
881
+ border-top-right-radius: 1em;
882
+ -moz-border-radius-bottomright: 1em;
883
+ -webkit-border-bottom-right-radius: 1em;
884
+ border-bottom-right-radius: 1em;
885
+ }
886
+ .ui-btn-corner-left {
887
+ -moz-border-radius-topleft: 1em;
888
+ -webkit-border-top-left-radius: 1em;
889
+ border-top-left-radius: 1em;
890
+ -moz-border-radius-bottomleft: 1em;
891
+ -webkit-border-bottom-left-radius: 1em;
892
+ border-bottom-left-radius: 1em;
893
+ }
894
+ .ui-btn-corner-all {
895
+ -moz-border-radius: 1em;
896
+ -webkit-border-radius: 1em;
897
+ border-radius: 1em;
898
+ }
899
+
900
+ /* radius clip workaround for cleaning up corner trapping */
901
+ .ui-corner-tl,
902
+ .ui-corner-tr,
903
+ .ui-corner-bl,
904
+ .ui-corner-br,
905
+ .ui-corner-top,
906
+ .ui-corner-bottom,
907
+ .ui-corner-right,
908
+ .ui-corner-left,
909
+ .ui-corner-all,
910
+ .ui-btn-corner-tl,
911
+ .ui-btn-corner-tr,
912
+ .ui-btn-corner-bl,
913
+ .ui-btn-corner-br,
914
+ .ui-btn-corner-top,
915
+ .ui-btn-corner-bottom,
916
+ .ui-btn-corner-right,
917
+ .ui-btn-corner-left,
918
+ .ui-btn-corner-all {
919
+ -webkit-background-clip: padding-box;
920
+ -moz-background-clip: padding;
921
+ background-clip: padding-box;
922
+ }
923
+
924
+ /* Overlay / modal
925
+ -----------------------------------------------------------------------------------------------------------*/
926
+
927
+ .ui-overlay {
928
+ background: #666;
929
+ opacity: .5;
930
+ filter: Alpha(Opacity=50);
931
+ position: absolute;
932
+ width: 100%;
933
+ height: 100%;
934
+ }
935
+ .ui-overlay-shadow {
936
+ -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
937
+ -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
938
+ box-shadow: 0px 0px 12px rgba(0,0,0,.6);
939
+ }
940
+ .ui-shadow {
941
+ -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
942
+ -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
943
+ box-shadow: 0px 1px 4px rgba(0,0,0,.3);
944
+ }
945
+ .ui-bar-a .ui-shadow,
946
+ .ui-bar-b .ui-shadow ,
947
+ .ui-bar-c .ui-shadow {
948
+ -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
949
+ -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
950
+ box-shadow: 0px 1px 0 rgba(255,255,255,.3);
951
+ }
952
+ .ui-shadow-inset {
953
+ -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
954
+ -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
955
+ box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
956
+ }
957
+ .ui-icon-shadow {
958
+ -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4);
959
+ -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4);
960
+ box-shadow: 0px 1px 0 rgba(255,255,255,.4);
961
+ }
962
+
963
+
964
+ /* Focus state - set here for specificity
965
+ -----------------------------------------------------------------------------------------------------------*/
966
+
967
+ .ui-focus {
968
+ -moz-box-shadow: 0px 0px 12px #387bbe;
969
+ -webkit-box-shadow: 0px 0px 12px #387bbe;
970
+ box-shadow: 0px 0px 12px #387bbe;
971
+ }
972
+
973
+ /* unset box shadow in browsers that don't do it right
974
+ -----------------------------------------------------------------------------------------------------------*/
975
+
976
+ .ui-mobile-nosupport-boxshadow * {
977
+ -moz-box-shadow: none !important;
978
+ -webkit-box-shadow: none !important;
979
+ box-shadow: none !important;
980
+ }
981
+
982
+ /* ...and bring back focus */
983
+ .ui-mobile-nosupport-boxshadow .ui-focus {
984
+ outline-width: 2px;
985
+ }/*
986
+ * jQuery Mobile Framework
987
+ * Copyright (c) jQuery Project
988
+ * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
989
+ */
990
+
991
+ /* some unsets - more probably needed */
992
+ .ui-mobile, .ui-mobile body { height: 100%; }
993
+ .ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
994
+ .ui-mobile a img, .ui-mobile fieldset { border: 0; }
995
+
996
+ /* responsive page widths */
997
+ .ui-mobile-viewport { margin: 0; overflow-x: hidden; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
998
+
999
+ /* "page" containers - full-screen views, one should always be in view post-pageload */
1000
+ .ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; }
1001
+ .ui-mobile .ui-page-active { display: block; overflow: visible; }
1002
+
1003
+ /*orientations from js are available */
1004
+ .portrait,
1005
+ .portrait .ui-page { min-height: 420px; }
1006
+ .landscape,
1007
+ .landscape .ui-page { min-height: 300px; }
1008
+
1009
+ /* native overflow scrolling */
1010
+ .ui-page.ui-mobile-touch-overflow,
1011
+ .ui-mobile-touch-overflow.ui-native-fixed .ui-content {
1012
+ overflow: auto;
1013
+ height: 100%;
1014
+ -webkit-overflow-scrolling: touch;
1015
+ -moz-overflow-scrolling: touch;
1016
+ -o-overflow-scrolling: touch;
1017
+ -ms-overflow-scrolling: touch;
1018
+ overflow-scrolling: touch;
1019
+ }
1020
+ .ui-page.ui-mobile-pre-transition {
1021
+ display: block;
1022
+ }
1023
+
1024
+ /* loading screen */
1025
+ .ui-loading .ui-mobile-viewport { overflow: hidden !important; }
1026
+ .ui-loading .ui-loader { display: block; }
1027
+ .ui-loading .ui-page { overflow: hidden; }
1028
+ .ui-loader { display: none; position: absolute; opacity: .85; z-index: 100; left: 50%; width: 200px; margin-left: -130px; margin-top: -35px; padding: 10px 30px; }
1029
+ .ui-loader h1 { font-size: 15px; text-align: center; }
1030
+ .ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; }
1031
+
1032
+ /*fouc*/
1033
+ .ui-mobile-rendering > * { visibility: hidden; }
1034
+
1035
+ /*headers, content panels*/
1036
+ .ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }
1037
+ .ui-bar { font-size: 16px; margin: 0; }
1038
+ .ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; }
1039
+
1040
+ .ui-header, .ui-footer { display: block; }
1041
+ .ui-page .ui-header, .ui-page .ui-footer { position: relative; }
1042
+ .ui-header .ui-btn-left { position: absolute; left: 10px; top: .4em; }
1043
+ .ui-header .ui-btn-right { position: absolute; right: 10px; top: .4em; }
1044
+ .ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 90px .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
1045
+
1046
+ /*content area*/
1047
+ .ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
1048
+ .ui-page-fullscreen .ui-content { padding:0; }
1049
+
1050
+ /* native fixed headers and footers */
1051
+ .ui-mobile-touch-overflow.ui-page.ui-native-fixed,
1052
+ .ui-mobile-touch-overflow.ui-page.ui-native-fullscreen {
1053
+ overflow: visible;
1054
+ }
1055
+ .ui-mobile-touch-overflow.ui-native-fixed .ui-header,
1056
+ .ui-mobile-touch-overflow.ui-native-fixed .ui-footer {
1057
+ position: fixed;
1058
+ left: 0;
1059
+ right: 0;
1060
+ top: 0;
1061
+ z-index: 200;
1062
+ }
1063
+ .ui-mobile-touch-overflow.ui-page.ui-native-fixed .ui-footer {
1064
+ top: auto;
1065
+ bottom: 0;
1066
+ }
1067
+ .ui-mobile-touch-overflow.ui-native-fixed .ui-content {
1068
+ padding-top: 2.5em;
1069
+ padding-bottom: 3em;
1070
+ top: 0;
1071
+ bottom: 0;
1072
+ height: auto;
1073
+ position: absolute;
1074
+ }
1075
+ .ui-mobile-touch-overflow.ui-native-fullscreen .ui-content {
1076
+ padding-top: 0;
1077
+ padding-bottom: 0;
1078
+ }
1079
+ .ui-mobile-touch-overflow.ui-native-fullscreen .ui-header,
1080
+ .ui-mobile-touch-overflow.ui-native-fullscreen .ui-footer {
1081
+ opacity: .9;
1082
+ }
1083
+ .ui-native-bars-hidden {
1084
+ display: none;
1085
+ }
1086
+
1087
+ /* icons sizing */
1088
+ .ui-icon { width: 18px; height: 18px; }
1089
+
1090
+ /* fullscreen class on ui-content div */
1091
+ .ui-fullscreen { }
1092
+ .ui-fullscreen img { max-width: 100%; }
1093
+
1094
+ /* non-js content hiding */
1095
+ .ui-nojs { position: absolute; left: -9999px; }
1096
+ /*
1097
+ * jQuery Mobile Framework
1098
+ * Copyright (c) jQuery Project
1099
+ * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1100
+ */
1101
+ .spin {
1102
+ -webkit-transform: rotate(360deg);
1103
+ -webkit-animation-name: spin;
1104
+ -webkit-animation-duration: 1s;
1105
+ -webkit-animation-iteration-count: infinite;
1106
+ -webkit-animation-timing-function: linear;
1107
+ }
1108
+ @-webkit-keyframes spin {
1109
+ from {-webkit-transform: rotate(0deg);}
1110
+ to {-webkit-transform: rotate(360deg);}
1111
+ }
1112
+
1113
+ /* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/
1114
+ Built by David Kaneda and maintained by Jonathan Stark.
1115
+ */
1116
+ .in, .out {
1117
+ -webkit-animation-timing-function: ease-in-out;
1118
+ -webkit-animation-duration: 350ms;
1119
+ }
1120
+
1121
+ .slide.in {
1122
+ -webkit-transform: translateX(0);
1123
+ -webkit-animation-name: slideinfromright;
1124
+ }
1125
+
1126
+ .slide.out {
1127
+ -webkit-transform: translateX(-100%);
1128
+ -webkit-animation-name: slideouttoleft;
1129
+ }
1130
+
1131
+ .slide.in.reverse {
1132
+ -webkit-transform: translateX(0);
1133
+ -webkit-animation-name: slideinfromleft;
1134
+ }
1135
+
1136
+ .slide.out.reverse {
1137
+ -webkit-transform: translateX(100%);
1138
+ -webkit-animation-name: slideouttoright;
1139
+ }
1140
+
1141
+ .slideup.in {
1142
+ -webkit-transform: translateY(0);
1143
+ -webkit-animation-name: slideinfrombottom;
1144
+ z-index: 10;
1145
+ }
1146
+
1147
+ .slideup.out {
1148
+ -webkit-animation-name: dontmove;
1149
+ z-index: 0;
1150
+ }
1151
+
1152
+ .slideup.out.reverse {
1153
+ -webkit-transform: translateY(100%);
1154
+ z-index: 10;
1155
+ -webkit-animation-name: slideouttobottom;
1156
+ }
1157
+
1158
+ .slideup.in.reverse {
1159
+ z-index: 0;
1160
+ -webkit-animation-name: dontmove;
1161
+ }
1162
+ .slidedown.in {
1163
+ -webkit-transform: translateY(0);
1164
+ -webkit-animation-name: slideinfromtop;
1165
+ z-index: 10;
1166
+ }
1167
+
1168
+ .slidedown.out {
1169
+ -webkit-animation-name: dontmove;
1170
+ z-index: 0;
1171
+ }
1172
+
1173
+ .slidedown.out.reverse {
1174
+ -webkit-transform: translateY(-100%);
1175
+ z-index: 10;
1176
+ -webkit-animation-name: slideouttotop;
1177
+ }
1178
+
1179
+ .slidedown.in.reverse {
1180
+ z-index: 0;
1181
+ -webkit-animation-name: dontmove;
1182
+ }
1183
+
1184
+ @-webkit-keyframes slideinfromright {
1185
+ from { -webkit-transform: translateX(100%); }
1186
+ to { -webkit-transform: translateX(0); }
1187
+ }
1188
+
1189
+ @-webkit-keyframes slideinfromleft {
1190
+ from { -webkit-transform: translateX(-100%); }
1191
+ to { -webkit-transform: translateX(0); }
1192
+ }
1193
+
1194
+ @-webkit-keyframes slideouttoleft {
1195
+ from { -webkit-transform: translateX(0); }
1196
+ to { -webkit-transform: translateX(-100%); }
1197
+ }
1198
+
1199
+ @-webkit-keyframes slideouttoright {
1200
+ from { -webkit-transform: translateX(0); }
1201
+ to { -webkit-transform: translateX(100%); }
1202
+ }
1203
+
1204
+
1205
+ @-webkit-keyframes slideinfromtop {
1206
+ from { -webkit-transform: translateY(-100%); }
1207
+ to { -webkit-transform: translateY(0); }
1208
+ }
1209
+
1210
+ @-webkit-keyframes slideinfrombottom {
1211
+ from { -webkit-transform: translateY(100%); }
1212
+ to { -webkit-transform: translateY(0); }
1213
+ }
1214
+
1215
+ @-webkit-keyframes slideouttobottom {
1216
+ from { -webkit-transform: translateY(0); }
1217
+ to { -webkit-transform: translateY(100%); }
1218
+ }
1219
+
1220
+ @-webkit-keyframes slideouttotop {
1221
+ from { -webkit-transform: translateY(0); }
1222
+ to { -webkit-transform: translateY(-100%); }
1223
+ }
1224
+ @-webkit-keyframes fadein {
1225
+ from { opacity: 0; }
1226
+ to { opacity: 1; }
1227
+ }
1228
+
1229
+ @-webkit-keyframes fadeout {
1230
+ from { opacity: 1; }
1231
+ to { opacity: 0; }
1232
+ }
1233
+
1234
+ .fade.in {
1235
+ opacity: 1;
1236
+ z-index: 10;
1237
+ -webkit-animation-name: fadein;
1238
+ }
1239
+ .fade.out {
1240
+ z-index: 0;
1241
+ -webkit-animation-name: fadeout;
1242
+ }
1243
+
1244
+ /* The properties in this rule are only necessary for the 'flip' transition.
1245
+ * We need specify the perspective to create a projection matrix. This will add
1246
+ * some depth as the element flips. The depth number represents the distance of
1247
+ * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
1248
+ * value.
1249
+ */
1250
+ .viewport-flip {
1251
+ -webkit-perspective: 1000;
1252
+ position: absolute;
1253
+ }
1254
+
1255
+ .ui-mobile-viewport-transitioning,
1256
+ .ui-mobile-viewport-transitioning .ui-page {
1257
+ width: 100%;
1258
+ height: 100%;
1259
+ overflow: hidden;
1260
+ }
1261
+
1262
+ .flip {
1263
+ -webkit-animation-duration: .65s;
1264
+ -webkit-backface-visibility:hidden;
1265
+ -webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
1266
+ }
1267
+
1268
+ .flip.in {
1269
+ -webkit-transform: rotateY(0) scale(1);
1270
+ -webkit-animation-name: flipinfromleft;
1271
+ }
1272
+
1273
+ .flip.out {
1274
+ -webkit-transform: rotateY(-180deg) scale(.8);
1275
+ -webkit-animation-name: flipouttoleft;
1276
+ }
1277
+
1278
+ /* Shake it all about */
1279
+
1280
+ .flip.in.reverse {
1281
+ -webkit-transform: rotateY(0) scale(1);
1282
+ -webkit-animation-name: flipinfromright;
1283
+ }
1284
+
1285
+ .flip.out.reverse {
1286
+ -webkit-transform: rotateY(180deg) scale(.8);
1287
+ -webkit-animation-name: flipouttoright;
1288
+ }
1289
+
1290
+ @-webkit-keyframes flipinfromright {
1291
+ from { -webkit-transform: rotateY(-180deg) scale(.8); }
1292
+ to { -webkit-transform: rotateY(0) scale(1); }
1293
+ }
1294
+
1295
+ @-webkit-keyframes flipinfromleft {
1296
+ from { -webkit-transform: rotateY(180deg) scale(.8); }
1297
+ to { -webkit-transform: rotateY(0) scale(1); }
1298
+ }
1299
+
1300
+ @-webkit-keyframes flipouttoleft {
1301
+ from { -webkit-transform: rotateY(0) scale(1); }
1302
+ to { -webkit-transform: rotateY(-180deg) scale(.8); }
1303
+ }
1304
+
1305
+ @-webkit-keyframes flipouttoright {
1306
+ from { -webkit-transform: rotateY(0) scale(1); }
1307
+ to { -webkit-transform: rotateY(180deg) scale(.8); }
1308
+ }
1309
+
1310
+
1311
+ /* Hackish, but reliable. */
1312
+
1313
+ @-webkit-keyframes dontmove {
1314
+ from { opacity: 1; }
1315
+ to { opacity: 1; }
1316
+ }
1317
+
1318
+ .pop {
1319
+ -webkit-transform-origin: 50% 50%;
1320
+ }
1321
+
1322
+ .pop.in {
1323
+ -webkit-transform: scale(1);
1324
+ opacity: 1;
1325
+ -webkit-animation-name: popin;
1326
+ z-index: 10;
1327
+ }
1328
+
1329
+ .pop.out.reverse {
1330
+ -webkit-transform: scale(.2);
1331
+ opacity: 0;
1332
+ -webkit-animation-name: popout;
1333
+ z-index: 10;
1334
+ }
1335
+
1336
+ .pop.in.reverse {
1337
+ z-index: 0;
1338
+ -webkit-animation-name: dontmove;
1339
+ }
1340
+
1341
+ @-webkit-keyframes popin {
1342
+ from {
1343
+ -webkit-transform: scale(.2);
1344
+ opacity: 0;
1345
+ }
1346
+ to {
1347
+ -webkit-transform: scale(1);
1348
+ opacity: 1;
1349
+ }
1350
+ }
1351
+
1352
+ @-webkit-keyframes popout {
1353
+ from {
1354
+ -webkit-transform: scale(1);
1355
+ opacity: 1;
1356
+ }
1357
+ to {
1358
+ -webkit-transform: scale(.2);
1359
+ opacity: 0;
1360
+ }
1361
+ }/*
1362
+ * jQuery Mobile Framework
1363
+ * Copyright (c) jQuery Project
1364
+ * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1365
+ */
1366
+
1367
+ /* content configurations. */
1368
+ .ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
1369
+ .ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height:1px;}
1370
+
1371
+ /* grid solo: 100 - single item fallback */
1372
+ .ui-grid-solo .ui-block-a { width: 100%; float: none; }
1373
+
1374
+ /* grid a: 50/50 */
1375
+ .ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; }
1376
+ .ui-grid-a .ui-block-a { clear: left; }
1377
+
1378
+ /* grid b: 33/33/33 */
1379
+ .ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; }
1380
+ .ui-grid-b .ui-block-a { clear: left; }
1381
+
1382
+ /* grid c: 25/25/25/25 */
1383
+ .ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 25%; }
1384
+ .ui-grid-c .ui-block-a { clear: left; }
1385
+
1386
+ /* grid d: 20/20/20/20/20 */
1387
+ .ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 20%; }
1388
+ .ui-grid-d .ui-block-a { clear: left; }
1389
+ /*
1390
+ * jQuery Mobile Framework
1391
+ * Copyright (c) jQuery Project
1392
+ * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1393
+ */
1394
+ /* fixed page header & footer configuration */
1395
+ .ui-header, .ui-footer, .ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { position: absolute; overflow: hidden; width: 100%; border-left-width: 0; border-right-width: 0; }
1396
+ .ui-header-fixed, .ui-footer-fixed {
1397
+ z-index: 1000;
1398
+ -webkit-transform: translateZ(0); /* Force header/footer rendering to go through the same rendering pipeline as native page scrolling. */
1399
+ }
1400
+ .ui-footer-duplicate, .ui-page-fullscreen .ui-fixed-inline { display: none; }
1401
+ .ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { opacity: .9; }
1402
+ /*
1403
+ * jQuery Mobile Framework
1404
+ * Copyright (c) jQuery Project
1405
+ * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1406
+ */
1407
+ .ui-navbar { overflow: hidden; }
1408
+ .ui-navbar ul, .ui-navbar-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;}
1409
+ .ui-navbar-collapsed ul { float: left; width: 75%; margin-right: -2px; }
1410
+ .ui-navbar-collapsed .ui-navbar-toggle { float: left; width: 25%; }
1411
+ .ui-navbar li.ui-navbar-truncate { position: absolute; left: -9999px; top: -9999px; }
1412
+ .ui-navbar li .ui-btn, .ui-navbar .ui-navbar-toggle .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0; border-right-width: 0; }
1413
+ .ui-navbar li .ui-btn { margin-right: -1px; }
1414
+ .ui-navbar li .ui-btn:last-child { margin-right: 0; }
1415
+ .ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn,
1416
+ .ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn { border-top-width: 0; border-bottom-width: 0; }
1417
+ .ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; }
1418
+ .ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .8em; padding-bottom: .9em; }
1419
+ /*expanded page styles*/
1420
+ .ui-navbar-expanded .ui-btn { margin: 0; font-size: 14px; }
1421
+ .ui-navbar-expanded .ui-btn-inner { padding-left: 5px; padding-right: 5px; }
1422
+ .ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner { padding: 45px 5px 15px; text-align: center; }
1423
+ .ui-navbar-expanded .ui-btn-icon-top .ui-icon { top: 15px; }
1424
+ .ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner { padding: 15px 5px 45px; text-align: center; }
1425
+ .ui-navbar-expanded .ui-btn-icon-bottom .ui-icon { bottom: 15px; }
1426
+ .ui-navbar-expanded li .ui-btn .ui-btn-inner { min-height: 2.5em; }
1427
+ .ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner { padding-top: 1.8em; padding-bottom: 1.9em; }
1428
+ /*
1429
+ * jQuery Mobile Framework
1430
+ * Copyright (c) jQuery Project
1431
+ * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1432
+ */
1433
+ .ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 5px; padding: 0; }
1434
+ .ui-btn:focus, .ui-btn:active { outline: none; }
1435
+ .ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; }
1436
+ .ui-btn-inline { display: inline-block; }
1437
+ .ui-btn-inner { padding: .6em 25px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; }
1438
+ .ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: .4em 8px .5em; }
1439
+ .ui-btn-icon-notext { display: inline-block; width: 20px; height: 20px; padding: 2px 1px 2px 3px; text-indent: -9999px; }
1440
+ .ui-btn-icon-notext .ui-btn-inner { padding: 0; }
1441
+ .ui-btn-icon-notext .ui-btn-text { position: absolute; left: -999px; }
1442
+ .ui-btn-icon-left .ui-btn-inner { padding-left: 33px; }
1443
+ .ui-header .ui-btn-icon-left .ui-btn-inner,
1444
+ .ui-footer .ui-btn-icon-left .ui-btn-inner,
1445
+ .ui-bar .ui-btn-icon-left .ui-btn-inner { padding-left: 27px; }
1446
+ .ui-btn-icon-right .ui-btn-inner { padding-right: 33px; }
1447
+ .ui-header .ui-btn-icon-right .ui-btn-inner,
1448
+ .ui-footer .ui-btn-icon-right .ui-btn-inner,
1449
+ .ui-bar .ui-btn-icon-right .ui-btn-inner { padding-right: 27px; }
1450
+ .ui-btn-icon-top .ui-btn-inner { padding-top: 33px; }
1451
+ .ui-header .ui-btn-icon-top .ui-btn-inner,
1452
+ .ui-footer .ui-btn-icon-top .ui-btn-inner,
1453
+ .ui-bar .ui-btn-icon-top .ui-btn-inner { padding-top: 27px; }
1454
+ .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 33px; }
1455
+ .ui-header .ui-btn-icon-bottom .ui-btn-inner,
1456
+ .ui-footer .ui-btn-icon-bottom .ui-btn-inner,
1457
+ .ui-bar .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 27px; }
1458
+
1459
+ /*btn icon positioning*/
1460
+ .ui-btn-icon-notext .ui-icon { display: block; }
1461
+ .ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
1462
+ .ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon { position: absolute; left: 50%; margin-left: -9px; }
1463
+ .ui-btn-icon-left .ui-icon { left: 10px; }
1464
+ .ui-btn-icon-right .ui-icon {right: 10px; }
1465
+ .ui-header .ui-btn-icon-left .ui-icon,
1466
+ .ui-footer .ui-btn-icon-left .ui-icon,
1467
+ .ui-bar .ui-btn-icon-left .ui-icon { left: 4px; }
1468
+ .ui-header .ui-btn-icon-right .ui-icon,
1469
+ .ui-footer .ui-btn-icon-right .ui-icon,
1470
+ .ui-bar .ui-btn-icon-right .ui-icon { right: 4px; }
1471
+ .ui-header .ui-btn-icon-top .ui-icon,
1472
+ .ui-footer .ui-btn-icon-top .ui-icon,
1473
+ .ui-bar .ui-btn-icon-top .ui-icon { top: 4px; }
1474
+ .ui-header .ui-btn-icon-bottom .ui-icon,
1475
+ .ui-footer .ui-btn-icon-bottom .ui-icon,
1476
+ .ui-bar .ui-btn-icon-bottom .ui-icon { bottom: 4px; }
1477
+ .ui-btn-icon-top .ui-icon { top: 5px; }
1478
+ .ui-btn-icon-bottom .ui-icon { bottom: 5px; }
1479
+ /*hiding native button,inputs */
1480
+ .ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: 0; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); background: transparent; }
1481
+ /*
1482
+ * jQuery Mobile Framework
1483
+ * Copyright (c) jQuery Project
1484
+ * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1485
+ */
1486
+ .ui-collapsible-contain { margin: .5em 0; }
1487
+ .ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; }
1488
+ .ui-collapsible-heading a { text-align: left; margin: 0; }
1489
+ .ui-collapsible-heading a .ui-btn-inner { padding-left: 40px; }
1490
+ .ui-collapsible-heading a span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; }
1491
+ .ui-collapsible-heading a span.ui-btn .ui-btn-inner { padding: 10px 0; }
1492
+ .ui-collapsible-heading a span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
1493
+ .ui-collapsible-heading-status { position:absolute; left:-9999px; }
1494
+ .ui-collapsible-content { display: block; padding: 10px 0 10px 8px; }
1495
+ .ui-collapsible-content-collapsed { display: none; }
1496
+
1497
+ .ui-collapsible-set { margin: .5em 0; }
1498
+ .ui-collapsible-set .ui-collapsible-contain { margin: -1px 0 0; }
1499
+ /*
1500
+ * jQuery Mobile Framework
1501
+ * Copyright (c) jQuery Project
1502
+ * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1503
+ */
1504
+ .ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0 1em; }
1505
+ .ui-bar .ui-controlgroup { margin: 0 .3em; }
1506
+ .ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; }
1507
+ .ui-controlgroup-controls { display: block; width: 95%;}
1508
+ .ui-controlgroup li { list-style: none; }
1509
+ .ui-controlgroup-vertical .ui-btn,
1510
+ .ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0; }
1511
+ .ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }
1512
+ .ui-controlgroup-horizontal { padding: 0; }
1513
+ .ui-controlgroup-horizontal .ui-btn,
1514
+ .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { display: inline-block; margin: 0 -5px 0 0; }
1515
+ .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { display: inline; }
1516
+ .ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn,
1517
+ .ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; }
1518
+ .ui-controlgroup-horizontal .ui-controlgroup-last { margin-right: 0; }
1519
+ .ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; }
1520
+ /* conflicts with listview..
1521
+ .ui-controlgroup .ui-btn-icon-notext { width: 30px; height: 30px; text-indent: -9999px; }
1522
+ .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { padding: 5px 6px 5px 5px; }
1523
+ */
1524
+
1525
+ @media all and (min-width: 450px){
1526
+ .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
1527
+ .ui-controlgroup-controls { width: 60%; display: inline-block; }
1528
+ } /*
1529
+ * jQuery Mobile Framework
1530
+ * Copyright (c) jQuery Project
1531
+ * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1532
+ */
1533
+ .ui-dialog { min-height: 480px; }
1534
+ .ui-dialog .ui-header, .ui-dialog .ui-content, .ui-dialog .ui-footer { margin: 15px; position: relative; }
1535
+ .ui-dialog .ui-header, .ui-dialog .ui-footer { z-index: 10; width: auto; }
1536
+ .ui-dialog .ui-content, .ui-dialog .ui-footer { margin-top: -15px; }/*
1537
+ * jQuery Mobile Framework
1538
+ * Copyright (c) jQuery Project
1539
+ * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1540
+ */
1541
+ .ui-checkbox, .ui-radio { position:relative; margin: .2em 0 .5em; z-index: 1; }
1542
+ .ui-checkbox .ui-btn, .ui-radio .ui-btn { margin: 0; text-align: left; z-index: 2; }
1543
+ .ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }
1544
+ .ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
1545
+ .ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
1546
+ .ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }
1547
+ .ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {left: 15px; }
1548
+ .ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon {right: 15px; }
1549
+ /* input, label positioning */
1550
+ .ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px; margin:-5px 0 0 0; outline: 0 !important; z-index: 1; }/*
1551
+ * jQuery Mobile Framework
1552
+ * Copyright (c) jQuery Project
1553
+ * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1554
+ */
1555
+ .ui-field-contain { padding: 1.5em 0; margin: 0; border-bottom-width: 1px; overflow: visible; }
1556
+ .ui-field-contain:first-child { border-top-width: 0; }
1557
+ @media all and (min-width: 450px){
1558
+ .ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
1559
+ } /*
1560
+ * jQuery Mobile Framework
1561
+ * Copyright (c) jQuery Project
1562
+ * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1563
+ */
1564
+ .ui-select { display: block; position: relative; }
1565
+ .ui-select select { position: absolute; left: -9999px; top: -9999px; }
1566
+ .ui-select .ui-btn { overflow: hidden; }
1567
+ .ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%; height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
1568
+ @-moz-document url-prefix() {.ui-select .ui-btn select { opacity: 0.0001; }}
1569
+ .ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; }
1570
+
1571
+ .ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
1572
+ .ui-select .ui-btn-icon-right .ui-icon { right: 15px; }
1573
+
1574
+ /* labels */
1575
+ label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
1576
+
1577
+ /*listbox*/
1578
+ .ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; }
1579
+ .ui-select .ui-btn-text { text-overflow: ellipsis; overflow: hidden;}
1580
+
1581
+ .ui-selectmenu { position: absolute; padding: 0; z-index: 100 !important; width: 80%; max-width: 350px; padding: 6px; }
1582
+ .ui-selectmenu .ui-listview { margin: 0; }
1583
+ .ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }
1584
+ .ui-selectmenu-hidden { top: -9999px; left: -9999px; }
1585
+ .ui-selectmenu-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; }
1586
+ .ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; }
1587
+ .ui-selectmenu-list .ui-li .ui-icon { display: block; }
1588
+ .ui-li.ui-selectmenu-placeholder { display: none; }
1589
+ .ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }
1590
+
1591
+ @media all and (min-width: 450px){
1592
+ label.ui-select { display: inline-block; width: 20%; margin: 0 2% 0 0; }
1593
+ .ui-select { width: 60%; display: inline-block; }
1594
+ }
1595
+
1596
+ /* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button. this shim's content in there */
1597
+ .ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }/*
1598
+ * jQuery Mobile Framework
1599
+ * Copyright (c) jQuery Project
1600
+ * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1601
+ */
1602
+ label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
1603
+ input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 95%; }
1604
+ input.ui-input-text { -webkit-appearance: none; }
1605
+ textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; }
1606
+ .ui-input-search { padding: 0 30px; width: 77%; background-position: 8px 50%; background-repeat: no-repeat; position: relative; }
1607
+ .ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
1608
+ .ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -14px; }
1609
+ .ui-input-search .ui-input-clear-hidden { display: none; }
1610
+
1611
+ /* orientation adjustments - incomplete!*/
1612
+ @media all and (min-width: 450px){
1613
+ label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 }
1614
+ input.ui-input-text,
1615
+ textarea.ui-input-text,
1616
+ .ui-input-search { width: 60%; display: inline-block; }
1617
+ .ui-input-search { width: 50%; }
1618
+ .ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ }
1619
+ }/*
1620
+ * jQuery Mobile Framework
1621
+ * Copyright (c) jQuery Project
1622
+ * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1623
+ */
1624
+ .ui-listview { margin: 0; counter-reset: listnumbering; }
1625
+ .ui-content .ui-listview { margin: -15px; }
1626
+ .ui-content .ui-listview-inset { margin: 1em 0; }
1627
+ .ui-listview, .ui-li { list-style:none; padding:0; }
1628
+ .ui-li, .ui-li.ui-field-contain { display: block; margin:0; position: relative; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; }
1629
+ .ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
1630
+ .ui-li-divider, .ui-li-static { padding: .5em 15px; font-size: 14px; font-weight: bold; }
1631
+ .ui-li-divider { counter-reset: listnumbering; }
1632
+ ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui-li-dec { font-size: .8em; display: inline-block; padding-right: .3em; font-weight: normal;counter-increment: listnumbering; content: counter(listnumbering) ". "; }
1633
+ ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */
1634
+ .ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
1635
+ .ui-li:last-child, .ui-li.ui-field-contain:last-child { border-bottom-width: 1px; }
1636
+ .ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }
1637
+ .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 15px .7em 15px; display: block; }
1638
+ .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb { min-height: 60px; padding-left: 100px; }
1639
+ .ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon { min-height: 20px; padding-left: 40px; }
1640
+ .ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-count { padding-right: 45px; }
1641
+ .ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow { padding-right: 30px; }
1642
+ .ui-li-has-arrow.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow.ui-li-has-count { padding-right: 75px; }
1643
+ .ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
1644
+ .ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
1645
+ .ui-li-thumb, .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
1646
+ .ui-li-icon { max-height: 40px; max-width: 40px; left: 10px; top: .9em; }
1647
+ .ui-li-thumb, .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
1648
+
1649
+ .ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }
1650
+ @media all and (min-width: 480px){
1651
+ .ui-li-aside { width: 45%; }
1652
+ }
1653
+ .ui-li-divider { cursor: default; }
1654
+ .ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 95px; }
1655
+ .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 38px; }
1656
+ .ui-li-divider .ui-li-count, .ui-li-static .ui-li-count { right: 10px; }
1657
+ .ui-li-has-alt .ui-li-count { right: 55px; }
1658
+ .ui-li-link-alt { position: absolute; width: 40px; height: 100%; border-width: 0; border-left-width: 1px; top: 0; right: 0; margin: 0; padding: 0; }
1659
+ .ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -11px 0 0 0; border-bottom-width: 1px; }
1660
+ .ui-li-link-alt .ui-btn-inner { padding: 0; position: static; }
1661
+ .ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; }
1662
+
1663
+ .ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px }
1664
+ .ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
1665
+
1666
+ .ui-listview-filter-inset { margin: -15px -5px -15px -5px; background: transparent; }
1667
+ .ui-li.ui-screen-hidden{display:none;}
1668
+ /* Odd iPad positioning issue. */
1669
+ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
1670
+ .ui-li .ui-btn-text { overflow: visible; }
1671
+ }/*
1672
+ * jQuery Mobile Framework
1673
+ * Copyright (c) jQuery Project
1674
+ * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1675
+ */
1676
+ label.ui-slider { display: block; }
1677
+ input.ui-slider-input { display: inline-block; width: 50px; }
1678
+ select.ui-slider-switch { display: none; }
1679
+ div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 66%; }
1680
+ a.ui-slider-handle { position: absolute; z-index: 10; top: 50%; width: 28px; height: 28px; margin-top: -15px; margin-left: -15px; }
1681
+ a.ui-slider-handle .ui-btn-inner { padding-left: 0; padding-right: 0; }
1682
+ @media all and (min-width: 480px){
1683
+ label.ui-slider { display: inline-block; width: 20%; margin: 0 2% 0 0; }
1684
+ div.ui-slider { width: 45%; }
1685
+ }
1686
+
1687
+ div.ui-slider-switch { height: 32px; overflow: hidden; margin-left: 0; }
1688
+ div.ui-slider-inneroffset { margin-left: 50%; position: absolute; top: 1px; height: 100%; width: 50%; }
1689
+ a.ui-slider-handle-snapping { -webkit-transition: left 100ms linear; }
1690
+ div.ui-slider-labelbg { position: absolute; top:0; margin: 0; border-width: 0; }
1691
+ div.ui-slider-switch div.ui-slider-labelbg-a { width: 60%; height: 100%; left: 0; }
1692
+ div.ui-slider-switch div.ui-slider-labelbg-b { width: 60%; height: 100%; right: 0; }
1693
+ .ui-slider-switch-a div.ui-slider-labelbg-a, .ui-slider-switch-b div.ui-slider-labelbg-b { z-index: -1; }
1694
+ .ui-slider-switch-a div.ui-slider-labelbg-b, .ui-slider-switch-b div.ui-slider-labelbg-a { z-index: 0; }
1695
+
1696
+ div.ui-slider-switch a.ui-slider-handle { z-index: 20; width: 101%; height: 32px; margin-top: -18px; margin-left: -101%; }
1697
+ span.ui-slider-label { width: 100%; position: absolute;height: 32px; font-size: 16px; text-align: center; line-height: 2; background: none; border-color: transparent; }
1698
+ span.ui-slider-label-a { left: -100%; margin-right: -1px }
1699
+ span.ui-slider-label-b { right: -100%; margin-left: -1px }