enju_leaf 1.1.0.rc8 → 1.1.0.rc9

Sign up to get free protection for your applications and to get access to all the features.
Files changed (53) hide show
  1. checksums.yaml +4 -4
  2. data/app/models/user_import_file.rb +19 -1
  3. data/app/views/page/import.html.erb +1 -1
  4. data/app/views/user_import_files/index.html.erb +14 -13
  5. data/app/views/user_import_files/new.html.erb +3 -3
  6. data/app/views/user_import_files/show.html.erb +34 -24
  7. data/app/views/user_import_results/index.csv.erb +4 -0
  8. data/app/views/user_import_results/index.html.erb +45 -26
  9. data/app/views/user_import_results/show.html.erb +21 -7
  10. data/config/routes.rb +4 -2
  11. data/lib/enju_leaf/engine.rb +1 -1
  12. data/lib/enju_leaf/version.rb +1 -1
  13. data/lib/generators/enju_leaf/setup/setup_generator.rb +2 -1
  14. data/lib/tasks/enju_leaf_tasks.rake +5 -0
  15. data/spec/dummy/db/test.sqlite3 +0 -0
  16. data/spec/dummy/solr/default/data/index/_ug.fdt +0 -0
  17. data/spec/dummy/solr/default/data/index/_ug.fdx +0 -0
  18. data/spec/dummy/solr/default/data/index/_ug.fnm +0 -0
  19. data/spec/dummy/solr/default/data/index/_ug.nvd +0 -0
  20. data/spec/dummy/solr/default/data/index/_ug.nvm +0 -0
  21. data/spec/dummy/solr/default/data/index/_ug.si +0 -0
  22. data/spec/dummy/solr/default/data/index/_ug_Lucene41_0.doc +0 -0
  23. data/spec/dummy/solr/default/data/index/_ug_Lucene41_0.pos +0 -0
  24. data/spec/dummy/solr/default/data/index/_ug_Lucene41_0.tim +0 -0
  25. data/spec/dummy/solr/default/data/index/_ug_Lucene41_0.tip +0 -0
  26. data/spec/dummy/solr/default/data/index/segments.gen +0 -0
  27. data/spec/dummy/solr/default/data/index/segments_1td +0 -0
  28. data/spec/dummy/solr/default/data/tlog/tlog.0000000000000002342 +0 -0
  29. data/spec/dummy/solr/default/data/tlog/{tlog.0000000000000002055 → tlog.0000000000000002343} +0 -0
  30. data/spec/dummy/solr/default/data/tlog/tlog.0000000000000002344 +0 -0
  31. data/spec/dummy/solr/default/data/tlog/{tlog.0000000000000002051 → tlog.0000000000000002345} +0 -0
  32. data/spec/dummy/solr/default/data/tlog/tlog.0000000000000002346 +0 -0
  33. data/spec/dummy/solr/default/data/tlog/{tlog.0000000000000002057 → tlog.0000000000000002347} +0 -0
  34. data/spec/dummy/solr/default/data/tlog/tlog.0000000000000002348 +0 -0
  35. data/spec/dummy/solr/default/data/tlog/{tlog.0000000000000002053 → tlog.0000000000000002349} +0 -0
  36. data/spec/dummy/solr/default/data/tlog/tlog.0000000000000002350 +0 -0
  37. data/spec/dummy/solr/default/data/tlog/tlog.0000000000000002351 +0 -0
  38. data/spec/dummy/tmp/cache/assets/test/sprockets/1b984bdbd3204a51a82d0e01a1569e2d +0 -0
  39. data/spec/dummy/tmp/cache/assets/test/sprockets/62899096da1a3e67660f3b88068be8c9 +0 -0
  40. data/spec/dummy/tmp/cache/assets/test/sprockets/65b2e4f67eab21b30217e29075f433b2 +0 -0
  41. data/spec/dummy/tmp/cache/assets/test/sprockets/87d24a3f43f175d4d17babe9203c79a7 +0 -0
  42. data/vendor/assets/javascripts/jquery.colorbox.js +66 -67
  43. data/vendor/assets/stylesheets/colorbox.css +1 -0
  44. metadata +54 -35
  45. data/spec/dummy/solr/default/data/index/segments_1la +0 -0
  46. data/spec/dummy/solr/default/data/tlog/tlog.0000000000000002052 +0 -0
  47. data/spec/dummy/solr/default/data/tlog/tlog.0000000000000002054 +0 -0
  48. data/spec/dummy/solr/default/data/tlog/tlog.0000000000000002056 +0 -0
  49. data/spec/dummy/solr/default/data/tlog/tlog.0000000000000002058 +0 -0
  50. data/spec/dummy/solr/default/data/tlog/tlog.0000000000000002059 +0 -0
  51. data/spec/dummy/solr/default/data/tlog/tlog.0000000000000002060 +0 -0
  52. data/vendor/assets/javascripts/jquery.mobile-1.3.2.js +0 -11215
  53. data/vendor/assets/stylesheets/jquery.mobile-1.3.2.css +0 -3370
data/vendor/assets/stylesheets/jquery.mobile-1.3.2.css DELETED
@@ -1,3370 +0,0 @@
1
- /*!
2
- * jQuery Mobile 1.3.2
3
- * Git HEAD hash: 528cf0e96940644ea644096bfeb913ed920ffaef <> Date: Fri Jul 19 2013 22:17:57 UTC
4
- * http://jquerymobile.com
5
- *
6
- * Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
7
- * Released under the MIT license.
8
- * http://jquery.org/license
9
- *
10
- */
11
-
12
-
13
- /* Swatches */
14
- /* A
15
- -----------------------------------------------------------------------------------------------------------*/
16
- .ui-bar-a {
17
- border: 1px solid #333 /*{a-bar-border}*/;
18
- background: #111 /*{a-bar-background-color}*/;
19
- color: #fff /*{a-bar-color}*/;
20
- font-weight: bold;
21
- text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #000 /*{a-bar-shadow-color}*/;
22
- background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c /*{a-bar-background-start}*/), to( #111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
23
- background-image: -webkit-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
24
- background-image: -moz-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */
25
- background-image: -ms-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */
26
- background-image: -o-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
27
- background-image: linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/);
28
- }
29
- .ui-bar-a,
30
- .ui-bar-a input,
31
- .ui-bar-a select,
32
- .ui-bar-a textarea,
33
- .ui-bar-a button {
34
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
35
- }
36
- .ui-bar-a .ui-link-inherit {
37
- color: #fff /*{a-bar-color}*/;
38
- }
39
- .ui-bar-a a.ui-link {
40
- color: #7cc4e7 /*{a-bar-link-color}*/;
41
- font-weight: bold;
42
- }
43
- .ui-bar-a a.ui-link:visited {
44
- color: #2489ce /*{a-bar-link-visited}*/;
45
- }
46
- .ui-bar-a a.ui-link:hover {
47
- color: #2489ce /*{a-bar-link-hover}*/;
48
- }
49
- .ui-bar-a a.ui-link:active {
50
- color: #2489ce /*{a-bar-link-active}*/;
51
- }
52
- .ui-body-a,
53
- .ui-overlay-a {
54
- border: 1px solid #444 /*{a-body-border}*/;
55
- background: #222 /*{a-body-background-color}*/;
56
- color: #fff /*{a-body-color}*/;
57
- text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #111 /*{a-body-shadow-color}*/;
58
- font-weight: normal;
59
- background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
60
- background-image: -webkit-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
61
- background-image: -moz-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
62
- background-image: -ms-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
63
- background-image: -o-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
64
- background-image: linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);
65
- }
66
- .ui-overlay-a {
67
- background-image: none;
68
- border-width: 0;
69
- }
70
- .ui-body-a,
71
- .ui-body-a input,
72
- .ui-body-a select,
73
- .ui-body-a textarea,
74
- .ui-body-a button {
75
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
76
- }
77
- .ui-body-a .ui-link-inherit {
78
- color: #fff /*{a-body-color}*/;
79
- }
80
- .ui-body-a .ui-link {
81
- color: #2489ce /*{a-body-link-color}*/;
82
- font-weight: bold;
83
- }
84
- .ui-body-a .ui-link:visited {
85
- color: #2489ce /*{a-body-link-visited}*/;
86
- }
87
- .ui-body-a .ui-link:hover {
88
- color: #2489ce /*{a-body-link-hover}*/;
89
- }
90
- .ui-body-a .ui-link:active {
91
- color: #2489ce /*{a-body-link-active}*/;
92
- }
93
- .ui-btn-up-a {
94
- border: 1px solid #111 /*{a-bup-border}*/;
95
- background: #333 /*{a-bup-background-color}*/;
96
- font-weight: bold;
97
- color: #fff /*{a-bup-color}*/;
98
- text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #111 /*{a-bup-shadow-color}*/;
99
- background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-bup-background-start}*/), to( #2d2d2d /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
100
- background-image: -webkit-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
101
- background-image: -moz-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* FF3.6 */
102
- background-image: -ms-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* IE10 */
103
- background-image: -o-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Opera 11.10+ */
104
- background-image: linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/);
105
- }
106
- .ui-btn-up-a:visited,
107
- .ui-btn-up-a a.ui-link-inherit {
108
- color: #fff /*{a-bup-color}*/;
109
- }
110
- .ui-btn-hover-a {
111
- border: 1px solid #000 /*{a-bhover-border}*/;
112
- background: #444 /*{a-bhover-background-color}*/;
113
- font-weight: bold;
114
- color: #fff /*{a-bhover-color}*/;
115
- text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #111 /*{a-bhover-shadow-color}*/;
116
- background-image: -webkit-gradient(linear, left top, left bottom, from( #555 /*{a-bhover-background-start}*/), to( #383838 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
117
- background-image: -webkit-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
118
- background-image: -moz-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* FF3.6 */
119
- background-image: -ms-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* IE10 */
120
- background-image: -o-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
121
- background-image: linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/);
122
- }
123
- .ui-btn-hover-a:visited,
124
- .ui-btn-hover-a:hover,
125
- .ui-btn-hover-a a.ui-link-inherit {
126
- color: #fff /*{a-bhover-color}*/;
127
- }
128
- .ui-btn-down-a {
129
- border: 1px solid #000 /*{a-bdown-border}*/;
130
- background: #222 /*{a-bdown-background-color}*/;
131
- font-weight: bold;
132
- color: #fff /*{a-bdown-color}*/;
133
- text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #111 /*{a-bdown-shadow-color}*/;
134
- background-image: -webkit-gradient(linear, left top, left bottom, from( #202020 /*{a-bdown-background-start}*/), to( #2c2c2c /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
135
- background-image: -webkit-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
136
- background-image: -moz-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* FF3.6 */
137
- background-image: -ms-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* IE10 */
138
- background-image: -o-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Opera 11.10+ */
139
- background-image: linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/);
140
- }
141
- .ui-btn-down-a:visited,
142
- .ui-btn-down-a:hover,
143
- .ui-btn-down-a a.ui-link-inherit {
144
- color: #fff /*{a-bdown-color}*/;
145
- }
146
- .ui-btn-up-a,
147
- .ui-btn-hover-a,
148
- .ui-btn-down-a {
149
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
150
- text-decoration: none;
151
- }
152
- /* B
153
- -----------------------------------------------------------------------------------------------------------*/
154
- .ui-bar-b {
155
- border: 1px solid #456f9a /*{b-bar-border}*/;
156
- background: #5e87b0 /*{b-bar-background-color}*/;
157
- color: #fff /*{b-bar-color}*/;
158
- font-weight: bold;
159
- text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #3e6790 /*{b-bar-shadow-color}*/;
160
- background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bar-background-start}*/), to( #497bae /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
161
- background-image: -webkit-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
162
- background-image: -moz-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* FF3.6 */
163
- background-image: -ms-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* IE10 */
164
- background-image: -o-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Opera 11.10+ */
165
- background-image: linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/);
166
- }
167
- .ui-bar-b,
168
- .ui-bar-b input,
169
- .ui-bar-b select,
170
- .ui-bar-b textarea,
171
- .ui-bar-b button {
172
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
173
- }
174
- .ui-bar-b .ui-link-inherit {
175
- color: #fff /*{b-bar-color}*/;
176
- }
177
- .ui-bar-b a.ui-link {
178
- color: #ddf0f8 /*{b-bar-link-color}*/;
179
- font-weight: bold;
180
- }
181
- .ui-bar-b a.ui-link:visited {
182
- color: #ddf0f8 /*{b-bar-link-visited}*/;
183
- }
184
- .ui-bar-b a.ui-link:hover {
185
- color: #ddf0f8 /*{b-bar-link-hover}*/;
186
- }
187
- .ui-bar-b a.ui-link:active {
188
- color: #ddf0f8 /*{b-bar-link-active}*/;
189
- }
190
- .ui-body-b,
191
- .ui-overlay-b {
192
- border: 1px solid #999 /*{b-body-border}*/;
193
- background: #f3f3f3 /*{b-body-background-color}*/;
194
- color: #222 /*{b-body-color}*/;
195
- text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #fff /*{b-body-shadow-color}*/;
196
- font-weight: normal;
197
- background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{b-body-background-start}*/), to( #ccc /*{b-body-background-end}*/)); /* Saf4+, Chrome */
198
- background-image: -webkit-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
199
- background-image: -moz-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* FF3.6 */
200
- background-image: -ms-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* IE10 */
201
- background-image: -o-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Opera 11.10+ */
202
- background-image: linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/);
203
- }
204
- .ui-overlay-b {
205
- background-image: none;
206
- border-width: 0;
207
- }
208
- .ui-body-b,
209
- .ui-body-b input,
210
- .ui-body-b select,
211
- .ui-body-b textarea,
212
- .ui-body-b button {
213
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
214
- }
215
- .ui-body-b .ui-link-inherit {
216
- color: #333 /*{b-body-color}*/;
217
- }
218
- .ui-body-b .ui-link {
219
- color: #2489ce /*{b-body-link-color}*/;
220
- font-weight: bold;
221
- }
222
- .ui-body-b .ui-link:visited {
223
- color: #2489ce /*{b-body-link-visited}*/;
224
- }
225
- .ui-body-b .ui-link:hover {
226
- color: #2489ce /*{b-body-link-hover}*/;
227
- }
228
- .ui-body-b .ui-link:active {
229
- color: #2489ce /*{b-body-link-active}*/;
230
- }
231
- .ui-btn-up-b {
232
- border: 1px solid #044062 /*{b-bup-border}*/;
233
- background: #396b9e /*{b-bup-background-color}*/;
234
- font-weight: bold;
235
- color: #fff /*{b-bup-color}*/;
236
- text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #194b7e /*{b-bup-shadow-color}*/;
237
- background-image: -webkit-gradient(linear, left top, left bottom, from( #5f9cc5 /*{b-bup-background-start}*/), to( #396b9e /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
238
- background-image: -webkit-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
239
- background-image: -moz-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* FF3.6 */
240
- background-image: -ms-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* IE10 */
241
- background-image: -o-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Opera 11.10+ */
242
- background-image: linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
243
- }
244
- .ui-btn-up-b:visited,
245
- .ui-btn-up-b a.ui-link-inherit {
246
- color: #fff /*{b-bup-color}*/;
247
- }
248
- .ui-btn-hover-b {
249
- border: 1px solid #00415e /*{b-bhover-border}*/;
250
- background: #4b88b6 /*{b-bhover-background-color}*/;
251
- font-weight: bold;
252
- color: #fff /*{b-bhover-color}*/;
253
- text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #194b7e /*{b-bhover-shadow-color}*/;
254
- background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bhover-background-start}*/), to( #4272a4 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
255
- background-image: -webkit-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
256
- background-image: -moz-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* FF3.6 */
257
- background-image: -ms-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* IE10 */
258
- background-image: -o-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
259
- background-image: linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/);
260
- }
261
- .ui-btn-hover-b:visited,
262
- .ui-btn-hover-b:hover,
263
- .ui-btn-hover-b a.ui-link-inherit {
264
- color: #fff /*{b-bhover-color}*/;
265
- }
266
- .ui-btn-down-b {
267
- border: 1px solid #225377 /*{b-bdown-border}*/;
268
- background: #4e89c5 /*{b-bdown-background-color}*/;
269
- font-weight: bold;
270
- color: #fff /*{b-bdown-color}*/;
271
- text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #194b7e /*{b-bdown-shadow-color}*/;
272
- background-image: -webkit-gradient(linear, left top, left bottom, from( #295b8e /*{b-bdown-background-start}*/), to( #3e79b5 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
273
- background-image: -webkit-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
274
- background-image: -moz-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* FF3.6 */
275
- background-image: -ms-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* IE10 */
276
- background-image: -o-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
277
- background-image: linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/);
278
- }
279
- .ui-btn-down-b:visited,
280
- .ui-btn-down-b:hover,
281
- .ui-btn-down-b a.ui-link-inherit {
282
- color: #fff /*{b-bdown-color}*/;
283
- }
284
- .ui-btn-up-b,
285
- .ui-btn-hover-b,
286
- .ui-btn-down-b {
287
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
288
- text-decoration: none;
289
- }
290
- /* C
291
- -----------------------------------------------------------------------------------------------------------*/
292
- .ui-bar-c {
293
- border: 1px solid #b3b3b3 /*{c-bar-border}*/;
294
- background: #eee /*{c-bar-background-color}*/;
295
- color: #3e3e3e /*{c-bar-color}*/;
296
- font-weight: bold;
297
- text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/;
298
- background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{c-bar-background-start}*/), to( #ddd /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
299
- background-image: -webkit-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
300
- background-image: -moz-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* FF3.6 */
301
- background-image: -ms-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* IE10 */
302
- background-image: -o-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Opera 11.10+ */
303
- background-image: linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/);
304
- }
305
- .ui-bar-c .ui-link-inherit {
306
- color: #3e3e3e /*{c-bar-color}*/;
307
- }
308
- .ui-bar-c a.ui-link {
309
- color: #7cc4e7 /*{c-bar-link-color}*/;
310
- font-weight: bold;
311
- }
312
- .ui-bar-c a.ui-link:visited {
313
- color: #2489ce /*{c-bar-link-visited}*/;
314
- }
315
- .ui-bar-c a.ui-link:hover {
316
- color: #2489ce /*{c-bar-link-hover}*/;
317
- }
318
- .ui-bar-c a.ui-link:active {
319
- color: #2489ce /*{c-bar-link-active}*/;
320
- }
321
- .ui-bar-c,
322
- .ui-bar-c input,
323
- .ui-bar-c select,
324
- .ui-bar-c textarea,
325
- .ui-bar-c button {
326
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
327
- }
328
- .ui-body-c,
329
- .ui-overlay-c {
330
- border: 1px solid #aaa /*{c-body-border}*/;
331
- color: #333 /*{c-body-color}*/;
332
- text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
333
- background: #f9f9f9 /*{c-body-background-color}*/;
334
- background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #eee /*{c-body-background-end}*/)); /* Saf4+, Chrome */
335
- background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
336
- background-image: -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* FF3.6 */
337
- background-image: -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* IE10 */
338
- background-image: -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* Opera 11.10+ */
339
- background-image: linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/);
340
- }
341
- .ui-overlay-c {
342
- background-image: none;
343
- border-width: 0;
344
- }
345
- .ui-body-c,
346
- .ui-body-c input,
347
- .ui-body-c select,
348
- .ui-body-c textarea,
349
- .ui-body-c button {
350
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
351
- }
352
- .ui-body-c .ui-link-inherit {
353
- color: #333 /*{c-body-color}*/;
354
- }
355
- .ui-body-c .ui-link {
356
- color: #2489ce /*{c-body-link-color}*/;
357
- font-weight: bold;
358
- }
359
- .ui-body-c .ui-link:visited {
360
- color: #2489ce /*{c-body-link-visited}*/;
361
- }
362
- .ui-body-c .ui-link:hover {
363
- color: #2489ce /*{c-body-link-hover}*/;
364
- }
365
- .ui-body-c .ui-link:active {
366
- color: #2489ce /*{c-body-link-active}*/;
367
- }
368
- .ui-btn-up-c {
369
- border: 1px solid #ccc /*{c-bup-border}*/;
370
- background: #eee /*{c-bup-background-color}*/;
371
- font-weight: bold;
372
- color: #222 /*{c-bup-color}*/;
373
- text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #fff /*{c-bup-shadow-color}*/;
374
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
375
- background-image: -webkit-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
376
- background-image: -moz-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */
377
- background-image: -ms-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */
378
- background-image: -o-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */
379
- background-image: linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);
380
- }
381
- .ui-btn-up-c:visited,
382
- .ui-btn-up-c a.ui-link-inherit {
383
- color: #2f3e46 /*{c-bup-color}*/;
384
- }
385
- .ui-btn-hover-c {
386
- border: 1px solid #bbb /*{c-bhover-border}*/;
387
- background: #dfdfdf /*{c-bhover-background-color}*/;
388
- font-weight: bold;
389
- color: #222 /*{c-bhover-color}*/;
390
- text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #fff /*{c-bhover-shadow-color}*/;
391
- background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
392
- background-image: -webkit-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
393
- background-image: -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */
394
- background-image: -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */
395
- background-image: -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
396
- background-image: linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/);
397
- }
398
- .ui-btn-hover-c:visited,
399
- .ui-btn-hover-c:hover,
400
- .ui-btn-hover-c a.ui-link-inherit {
401
- color: #2f3e46 /*{c-bhover-color}*/;
402
- }
403
- .ui-btn-down-c {
404
- border: 1px solid #bbb /*{c-bdown-border}*/;
405
- background: #d6d6d6 /*{c-bdown-background-color}*/;
406
- font-weight: bold;
407
- color: #222 /*{c-bdown-color}*/;
408
- text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #fff /*{c-bdown-shadow-color}*/;
409
- background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{c-bdown-background-start}*/), to( #dfdfdf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
410
- background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
411
- background-image: -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */
412
- background-image: -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */
413
- background-image: -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */
414
- background-image: linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/);
415
- }
416
- .ui-btn-down-c:visited,
417
- .ui-btn-down-c:hover,
418
- .ui-btn-down-c a.ui-link-inherit {
419
- color: #2f3e46 /*{c-bdown-color}*/;
420
- }
421
- .ui-btn-up-c,
422
- .ui-btn-hover-c,
423
- .ui-btn-down-c {
424
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
425
- text-decoration: none;
426
- }
427
- /* D
428
- -----------------------------------------------------------------------------------------------------------*/
429
- .ui-bar-d {
430
- border: 1px solid #bbb /*{d-bar-border}*/;
431
- background: #bbb /*{d-bar-background-color}*/;
432
- color: #333 /*{d-bar-color}*/;
433
- font-weight: bold;
434
- text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eee /*{d-bar-shadow-color}*/;
435
- background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{d-bar-background-start}*/), to( #bbb /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
436
- background-image: -webkit-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
437
- background-image: -moz-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* FF3.6 */
438
- background-image: -ms-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* IE10 */
439
- background-image: -o-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Opera 11.10+ */
440
- background-image: linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/);
441
- }
442
- .ui-bar-d,
443
- .ui-bar-d input,
444
- .ui-bar-d select,
445
- .ui-bar-d textarea,
446
- .ui-bar-d button {
447
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
448
- }
449
- .ui-bar-d .ui-link-inherit {
450
- color: #333 /*{d-bar-color}*/;
451
- }
452
- .ui-bar-d a.ui-link {
453
- color: #2489ce /*{d-bar-link-color}*/;
454
- font-weight: bold;
455
- }
456
- .ui-bar-d a.ui-link:visited {
457
- color: #2489ce /*{d-bar-link-visited}*/;
458
- }
459
- .ui-bar-d a.ui-link:hover {
460
- color: #2489ce /*{d-bar-link-hover}*/;
461
- }
462
- .ui-bar-d a.ui-link:active {
463
- color: #2489ce /*{d-bar-link-active}*/;
464
- }
465
- .ui-body-d,
466
- .ui-overlay-d {
467
- border: 1px solid #bbb /*{d-body-border}*/;
468
- color: #333 /*{d-body-color}*/;
469
- text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ #fff /*{d-body-shadow-color}*/;
470
- background: #fff /*{d-body-background-color}*/;
471
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{d-body-background-start}*/), to( #fff /*{d-body-background-end}*/)); /* Saf4+, Chrome */
472
- background-image: -webkit-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
473
- background-image: -moz-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* FF3.6 */
474
- background-image: -ms-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* IE10 */
475
- background-image: -o-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Opera 11.10+ */
476
- background-image: linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/);
477
- }
478
- .ui-overlay-d {
479
- background-image: none;
480
- border-width: 0;
481
- }
482
- .ui-body-d,
483
- .ui-body-d input,
484
- .ui-body-d select,
485
- .ui-body-d textarea,
486
- .ui-body-d button {
487
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
488
- }
489
- .ui-body-d .ui-link-inherit {
490
- color: #333 /*{d-body-color}*/;
491
- }
492
- .ui-body-d .ui-link {
493
- color: #2489ce /*{d-body-link-color}*/;
494
- font-weight: bold;
495
- }
496
- .ui-body-d .ui-link:visited {
497
- color: #2489ce /*{d-body-link-visited}*/;
498
- }
499
- .ui-body-d .ui-link:hover {
500
- color: #2489ce /*{d-body-link-hover}*/;
501
- }
502
- .ui-body-d .ui-link:active {
503
- color: #2489ce /*{d-body-link-active}*/;
504
- }
505
- .ui-btn-up-d {
506
- border: 1px solid #bbb /*{d-bup-border}*/;
507
- background: #fff /*{d-bup-background-color}*/;
508
- font-weight: bold;
509
- color: #333 /*{d-bup-color}*/;
510
- text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ #fff /*{d-bup-shadow-color}*/;
511
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fafafa /*{d-bup-background-start}*/), to( #f6f6f6 /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
512
- background-image: -webkit-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
513
- background-image: -moz-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* FF3.6 */
514
- background-image: -ms-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* IE10 */
515
- background-image: -o-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Opera 11.10+ */
516
- background-image: linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/);
517
- }
518
- .ui-btn-up-d:visited,
519
- .ui-btn-up-d a.ui-link-inherit {
520
- color: #333 /*{d-bup-color}*/;
521
- }
522
- .ui-btn-hover-d {
523
- border: 1px solid #aaa /*{d-bhover-border}*/;
524
- background: #eee /*{d-bhover-background-color}*/;
525
- font-weight: bold;
526
- color: #333 /*{d-bhover-color}*/;
527
- cursor: pointer;
528
- text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 0 /*{d-bhover-shadow-radius}*/ #fff /*{d-bhover-shadow-color}*/;
529
- background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{d-bhover-background-start}*/), to( #fff /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
530
- background-image: -webkit-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
531
- background-image: -moz-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* FF3.6 */
532
- background-image: -ms-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* IE10 */
533
- background-image: -o-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Opera 11.10+ */
534
- background-image: linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/);
535
- }
536
- .ui-btn-hover-d:visited,
537
- .ui-btn-hover-d:hover,
538
- .ui-btn-hover-d a.ui-link-inherit {
539
- color: #333 /*{d-bhover-color}*/;
540
- }
541
- .ui-btn-down-d {
542
- border: 1px solid #aaa /*{d-bdown-border}*/;
543
- background: #eee /*{d-bdown-background-color}*/;
544
- font-weight: bold;
545
- color: #333 /*{d-bdown-color}*/;
546
- text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 0 /*{d-bdown-shadow-radius}*/ #fff /*{d-bdown-shadow-color}*/;
547
- background-image: -webkit-gradient(linear, left top, left bottom, from( #e5e5e5 /*{d-bdown-background-start}*/), to( #f2f2f2 /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */
548
- background-image: -webkit-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
549
- background-image: -moz-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* FF3.6 */
550
- background-image: -ms-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* IE10 */
551
- background-image: -o-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Opera 11.10+ */
552
- background-image: linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/);
553
- }
554
- .ui-btn-down-d:visited,
555
- .ui-btn-down-d:hover,
556
- .ui-btn-down-d a.ui-link-inherit {
557
- color: #333 /*{d-bdown-color}*/;
558
- }
559
- .ui-btn-up-d,
560
- .ui-btn-hover-d,
561
- .ui-btn-down-d {
562
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
563
- text-decoration: none;
564
- }
565
- /* E
566
- -----------------------------------------------------------------------------------------------------------*/
567
- .ui-bar-e {
568
- border: 1px solid #f7c942 /*{e-bar-border}*/;
569
- background: #fadb4e /*{e-bar-background-color}*/;
570
- color: #333 /*{e-bar-color}*/;
571
- font-weight: bold;
572
- text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/ #fff /*{e-bar-shadow-color}*/;
573
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bar-background-start}*/), to( #fbef7e /*{e-bar-background-end}*/)); /* Saf4+, Chrome */
574
- background-image: -webkit-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
575
- background-image: -moz-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* FF3.6 */
576
- background-image: -ms-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* IE10 */
577
- background-image: -o-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Opera 11.10+ */
578
- background-image: linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/);
579
- }
580
- .ui-bar-e,
581
- .ui-bar-e input,
582
- .ui-bar-e select,
583
- .ui-bar-e textarea,
584
- .ui-bar-e button {
585
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
586
- }
587
- .ui-bar-e .ui-link-inherit {
588
- color: #333 /*{e-bar-color}*/;
589
- }
590
- .ui-bar-e a.ui-link {
591
- color: #2489ce /*{e-bar-link-color}*/;
592
- font-weight: bold;
593
- }
594
- .ui-bar-e a.ui-link:visited {
595
- color: #2489ce /*{e-bar-link-visited}*/;
596
- }
597
- .ui-bar-e a.ui-link:hover {
598
- color: #2489ce /*{e-bar-link-hover}*/;
599
- }
600
- .ui-bar-e a.ui-link:active {
601
- color: #2489ce /*{e-bar-link-active}*/;
602
- }
603
- .ui-body-e,
604
- .ui-overlay-e {
605
- border: 1px solid #f7c942 /*{e-body-border}*/;
606
- color: #222 /*{e-body-color}*/;
607
- text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ #fff /*{e-body-shadow-color}*/;
608
- background: #fff9df /*{e-body-background-color}*/;
609
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fffadf /*{e-body-background-start}*/), to( #fff3a5 /*{e-body-background-end}*/)); /* Saf4+, Chrome */
610
- background-image: -webkit-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
611
- background-image: -moz-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* FF3.6 */
612
- background-image: -ms-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* IE10 */
613
- background-image: -o-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Opera 11.10+ */
614
- background-image: linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/);
615
- }
616
- .ui-overlay-e {
617
- background-image: none;
618
- border-width: 0;
619
- }
620
- .ui-body-e,
621
- .ui-body-e input,
622
- .ui-body-e select,
623
- .ui-body-e textarea,
624
- .ui-body-e button {
625
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
626
- }
627
- .ui-body-e .ui-link-inherit {
628
- color: #222 /*{e-body-color}*/;
629
- }
630
- .ui-body-e .ui-link {
631
- color: #2489ce /*{e-body-link-color}*/;
632
- font-weight: bold;
633
- }
634
- .ui-body-e .ui-link:visited {
635
- color: #2489ce /*{e-body-link-visited}*/;
636
- }
637
- .ui-body-e .ui-link:hover {
638
- color: #2489ce /*{e-body-link-hover}*/;
639
- }
640
- .ui-body-e .ui-link:active {
641
- color: #2489ce /*{e-body-link-active}*/;
642
- }
643
- .ui-btn-up-e {
644
- border: 1px solid #f4c63f /*{e-bup-border}*/;
645
- background: #fadb4e /*{e-bup-background-color}*/;
646
- font-weight: bold;
647
- color: #222 /*{e-bup-color}*/;
648
- text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ #fff /*{e-bup-shadow-color}*/;
649
- background-image: -webkit-gradient(linear, left top, left bottom, from( #ffefaa /*{e-bup-background-start}*/), to( #ffe155 /*{e-bup-background-end}*/)); /* Saf4+, Chrome */
650
- background-image: -webkit-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
651
- background-image: -moz-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* FF3.6 */
652
- background-image: -ms-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* IE10 */
653
- background-image: -o-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Opera 11.10+ */
654
- background-image: linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/);
655
- }
656
- .ui-btn-up-e:visited,
657
- .ui-btn-up-e a.ui-link-inherit {
658
- color: #222 /*{e-bup-color}*/;
659
- }
660
- .ui-btn-hover-e {
661
- border: 1px solid #f2c43d /*{e-bhover-border}*/;
662
- background: #fbe26f /*{e-bhover-background-color}*/;
663
- font-weight: bold;
664
- color: #111 /*{e-bhover-color}*/;
665
- text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 0 /*{e-bhover-shadow-radius}*/ #fff /*{e-bhover-shadow-color}*/;
666
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fff5ba /*{e-bhover-background-start}*/), to( #fbdd52 /*{e-bhover-background-end}*/)); /* Saf4+, Chrome */
667
- background-image: -webkit-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
668
- background-image: -moz-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* FF3.6 */
669
- background-image: -ms-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* IE10 */
670
- background-image: -o-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Opera 11.10+ */
671
- background-image: linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/);
672
- }
673
- .ui-btn-hover-e:visited,
674
- .ui-btn-hover-e:hover,
675
- .ui-btn-hover-e a.ui-link-inherit {
676
- color: #333 /*{e-bhover-color}*/;
677
- }
678
- .ui-btn-down-e {
679
- border: 1px solid #f2c43d /*{e-bdown-border}*/;
680
- background: #fceda7 /*{e-bdown-background-color}*/;
681
- font-weight: bold;
682
- color: #111 /*{e-bdown-color}*/;
683
- text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 0 /*{e-bdown-shadow-radius}*/ #fff /*{e-bdown-shadow-color}*/;
684
- background-image: -webkit-gradient(linear, left top, left bottom, from( #f8d94c /*{e-bdown-background-start}*/), to( #fadb4e /*{e-bdown-background-end}*/)); /* Saf4+, Chrome */
685
- background-image: -webkit-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
686
- background-image: -moz-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* FF3.6 */
687
- background-image: -ms-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* IE10 */
688
- background-image: -o-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Opera 11.10+ */
689
- background-image: linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/);
690
- }
691
- .ui-btn-down-e:visited,
692
- .ui-btn-down-e:hover,
693
- .ui-btn-down-e a.ui-link-inherit {
694
- color: #333 /*{e-bdown-color}*/;
695
- }
696
- .ui-btn-up-e,
697
- .ui-btn-hover-e,
698
- .ui-btn-down-e {
699
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
700
- text-decoration: none;
701
- }
702
- /* Structure */
703
- /* links within "buttons"
704
- -----------------------------------------------------------------------------------------------------------*/
705
- a.ui-link-inherit {
706
- text-decoration: none !important;
707
- }
708
- /* Active class used as the "on" state across all themes
709
- -----------------------------------------------------------------------------------------------------------*/
710
- .ui-btn-active {
711
- border: 1px solid #2373a5 /*{global-active-border}*/;
712
- background: #5393c5 /*{global-active-background-color}*/;
713
- font-weight: bold;
714
- color: #fff /*{global-active-color}*/;
715
- cursor: pointer;
716
- text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 0 /*{global-active-shadow-radius}*/ #3373a5 /*{global-active-shadow-color}*/;
717
- text-decoration: none;
718
- background-image: -webkit-gradient(linear, left top, left bottom, from( #5393c5 /*{global-active-background-start}*/), to( #6facd5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
719
- background-image: -webkit-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
720
- background-image: -moz-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* FF3.6 */
721
- background-image: -ms-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* IE10 */
722
- background-image: -o-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Opera 11.10+ */
723
- background-image: linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/);
724
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
725
- }
726
- .ui-btn-active:visited,
727
- .ui-btn-active:hover,
728
- .ui-btn-active a.ui-link-inherit {
729
- color: #fff /*{global-active-color}*/;
730
- }
731
- /* button inner top highlight
732
- -----------------------------------------------------------------------------------------------------------*/
733
- .ui-btn-inner {
734
- border-top: 1px solid #fff;
735
- border-color: rgba(255,255,255,.3);
736
- }
737
- /* corner rounding classes
738
- -----------------------------------------------------------------------------------------------------------*/
739
- .ui-corner-all {
740
- -webkit-border-radius: .6em /*{global-radii-blocks}*/;
741
- border-radius: .6em /*{global-radii-blocks}*/;
742
- }
743
- /* Form field separator
744
- -----------------------------------------------------------------------------------------------------------*/
745
- .ui-br {
746
- border-color: rgb(130,130,130);
747
- border-color: rgba(130,130,130,.3);
748
- border-style: solid;
749
- }
750
- /* Interaction cues
751
- -----------------------------------------------------------------------------------------------------------*/
752
- .ui-disabled {
753
- filter: Alpha(Opacity=30);
754
- opacity: .3;
755
- zoom: 1;
756
- }
757
- .ui-disabled,
758
- .ui-disabled a {
759
- cursor: default !important;
760
- pointer-events: none;
761
- }
762
- /* Icons
763
- -----------------------------------------------------------------------------------------------------------*/
764
- .ui-icon,
765
- .ui-icon-searchfield:after {
766
- background: #666 /*{global-icon-color}*/;
767
- background: rgba(0,0,0,.4) /*{global-icon-disc}*/;
768
- background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
769
- background-repeat: no-repeat;
770
- -webkit-border-radius: 9px;
771
- border-radius: 9px;
772
- }
773
- /* Alt icon color
774
- -----------------------------------------------------------------------------------------------------------*/
775
- .ui-icon-alt .ui-icon,
776
- .ui-icon-alt .ui-icon-searchfield:after {
777
- background-color: #fff;
778
- background-color: rgba(255,255,255,.3);
779
- background-image: url(images/icons-18-black.png);
780
- background-repeat: no-repeat;
781
- }
782
- /* No disc
783
- -----------------------------------------------------------------------------------------------------------*/
784
- .ui-icon-nodisc .ui-icon,
785
- .ui-icon-nodisc .ui-icon-searchfield:after,
786
- .ui-icon-nodisc .ui-icon-alt .ui-icon,
787
- .ui-icon-nodisc .ui-icon-alt .ui-icon-searchfield:after {
788
- background-color: transparent;
789
- }
790
- /* Icon sprite
791
- -----------------------------------------------------------------------------------------------------------*/
792
- /* plus minus */
793
- .ui-icon-plus {
794
- background-position: -1px -1px;
795
- }
796
- .ui-icon-minus {
797
- background-position: -37px -1px;
798
- }
799
- /* delete/close */
800
- .ui-icon-delete {
801
- background-position: -73px -1px;
802
- }
803
- /* arrows */
804
- .ui-icon-arrow-r {
805
- background-position: -108px -1px;
806
- }
807
- .ui-icon-arrow-l {
808
- background-position: -144px -1px;
809
- }
810
- .ui-icon-arrow-u {
811
- background-position: -180px -1px;
812
- }
813
- .ui-icon-arrow-d {
814
- background-position: -216px -1px;
815
- }
816
- /* misc */
817
- .ui-icon-check {
818
- background-position: -252px -1px;
819
- }
820
- .ui-icon-gear {
821
- background-position: -288px -1px;
822
- }
823
- .ui-icon-refresh {
824
- background-position: -323px -1px;
825
- }
826
- .ui-icon-forward {
827
- background-position: -360px -1px;
828
- }
829
- .ui-icon-back {
830
- background-position: -396px -1px;
831
- }
832
- .ui-icon-grid {
833
- background-position: -432px -1px;
834
- }
835
- .ui-icon-star {
836
- background-position: -467px -1px;
837
- }
838
- .ui-icon-alert {
839
- background-position: -503px -1px;
840
- }
841
- .ui-icon-info {
842
- background-position: -539px -1px;
843
- }
844
- .ui-icon-home {
845
- background-position: -575px -1px;
846
- }
847
- /* search */
848
- .ui-icon-search,
849
- .ui-icon-searchfield:after {
850
- background-position: -611px -1px;
851
- }
852
- /* checkbox radio */
853
- .ui-icon-checkbox-on {
854
- background-position: -647px -1px;
855
- }
856
- .ui-icon-checkbox-off {
857
- background-position: -683px -1px;
858
- }
859
- .ui-icon-radio-on {
860
- background-position: -718px -1px;
861
- }
862
- .ui-icon-radio-off {
863
- background-position: -754px -1px;
864
- }
865
- /* menu edit */
866
- .ui-icon-bars {
867
- background-position: -788px -1px;
868
- }
869
- .ui-icon-edit {
870
- background-position: -824px -1px;
871
- }
872
- /* HD/"retina" sprite
873
- -----------------------------------------------------------------------------------------------------------*/
874
- @media only screen and (-webkit-min-device-pixel-ratio: 1.3),
875
- only screen and (min--moz-device-pixel-ratio: 1.3),
876
- only screen and (min-resolution: 200dpi) {
877
-
878
- .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
879
- .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
880
- .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
881
- .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-bars, .ui-icon-edit,
882
- .ui-icon-search, .ui-icon-searchfield:after,
883
- .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
884
- background-image: url(images/icons-36-white.png);
885
- -moz-background-size: 864px 18px;
886
- -o-background-size: 864px 18px;
887
- -webkit-background-size: 864px 18px;
888
- background-size: 864px 18px;
889
- }
890
- .ui-icon-alt .ui-icon {
891
- background-image: url(images/icons-36-black.png);
892
- }
893
- .ui-icon-plus {
894
- background-position: 0 50%;
895
- }
896
- .ui-icon-minus {
897
- background-position: -36px 50%;
898
- }
899
- .ui-icon-delete {
900
- background-position: -72px 50%;
901
- }
902
- .ui-icon-arrow-r {
903
- background-position: -108px 50%;
904
- }
905
- .ui-icon-arrow-l {
906
- background-position: -144px 50%;
907
- }
908
- .ui-icon-arrow-u {
909
- background-position: -179px 50%;
910
- }
911
- .ui-icon-arrow-d {
912
- background-position: -215px 50%;
913
- }
914
- .ui-icon-check {
915
- background-position: -252px 50%;
916
- }
917
- .ui-icon-gear {
918
- background-position: -287px 50%;
919
- }
920
- .ui-icon-refresh {
921
- background-position: -323px 50%;
922
- }
923
- .ui-icon-forward {
924
- background-position: -360px 50%;
925
- }
926
- .ui-icon-back {
927
- background-position: -395px 50%;
928
- }
929
- .ui-icon-grid {
930
- background-position: -431px 50%;
931
- }
932
- .ui-icon-star {
933
- background-position: -467px 50%;
934
- }
935
- .ui-icon-alert {
936
- background-position: -503px 50%;
937
- }
938
- .ui-icon-info {
939
- background-position: -538px 50%;
940
- }
941
- .ui-icon-home {
942
- background-position: -575px 50%;
943
- }
944
- .ui-icon-search,
945
- .ui-icon-searchfield:after {
946
- background-position: -611px 50%;
947
- }
948
- .ui-icon-checkbox-on {
949
- background-position: -647px 50%;
950
- }
951
- .ui-icon-checkbox-off {
952
- background-position: -683px 50%;
953
- }
954
- .ui-icon-radio-on {
955
- background-position: -718px 50%;
956
- }
957
- .ui-icon-radio-off {
958
- background-position: -754px 50%;
959
- }
960
- .ui-icon-bars {
961
- background-position: -788px 50%;
962
-
963
- }.ui-icon-edit {
964
- background-position: -824px 50%;
965
- }
966
- }
967
- /* checks,radios */
968
- .ui-checkbox .ui-icon,
969
- .ui-selectmenu-list .ui-icon {
970
- -webkit-border-radius: 3px;
971
- border-radius: 3px;
972
- }
973
- .ui-icon-checkbox-off,
974
- .ui-icon-radio-off {
975
- background-color: transparent;
976
- }
977
- .ui-checkbox-on .ui-icon,
978
- .ui-radio-on .ui-icon {
979
- background-color: #4596ce /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
980
- }
981
- /* loading icon */
982
- .ui-icon-loading {
983
- background: url(images/ajax-loader.gif);
984
- background-size: 46px 46px;
985
- }
986
- /* Button corner class
987
- -----------------------------------------------------------------------------------------------------------*/
988
- .ui-btn-corner-all {
989
- -webkit-border-radius: 1em /*{global-radii-buttons}*/;
990
- border-radius: 1em /*{global-radii-buttons}*/;
991
- }
992
- /* radius clip workaround for cleaning up corner trapping */
993
- .ui-corner-all,
994
- .ui-btn-corner-all {
995
- -webkit-background-clip: padding;
996
- background-clip: padding-box;
997
- }
998
- /* Overlay / modal
999
- -----------------------------------------------------------------------------------------------------------*/
1000
- .ui-overlay {
1001
- background: #666;
1002
- filter: Alpha(Opacity=50);
1003
- opacity: .5;
1004
- position: absolute;
1005
- width: 100%;
1006
- height: 100%;
1007
- }
1008
- .ui-overlay-shadow {
1009
- -moz-box-shadow: 0 0 12px rgba(0,0,0,.6);
1010
- -webkit-box-shadow: 0 0 12px rgba(0,0,0,.6);
1011
- box-shadow: 0 0 12px rgba(0,0,0,.6);
1012
- }
1013
- .ui-shadow {
1014
- -moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
1015
- -webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
1016
- box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/
1017
- }
1018
- .ui-bar-a .ui-shadow,
1019
- .ui-bar-b .ui-shadow ,
1020
- .ui-bar-c .ui-shadow {
1021
- -moz-box-shadow: 0 1px 0 rgba(255,255,255,.3);
1022
- -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3);
1023
- box-shadow: 0 1px 0 rgba(255,255,255,.3);
1024
- }
1025
- .ui-shadow-inset {
1026
- -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
1027
- -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
1028
- box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
1029
- }
1030
- .ui-icon-shadow {
1031
- -moz-box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
1032
- -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
1033
- box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
1034
- }
1035
- /* Focus state - set here for specificity (note: these classes are added by JavaScript)
1036
- -----------------------------------------------------------------------------------------------------------*/
1037
- .ui-btn:focus, .ui-link-inherit:focus {
1038
- outline: 0;
1039
- }
1040
- .ui-btn.ui-focus {
1041
- z-index: 1;
1042
- }
1043
- .ui-focus,
1044
- .ui-btn:focus {
1045
- -moz-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
1046
- -webkit-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
1047
- box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
1048
- }
1049
- .ui-input-text.ui-focus,
1050
- .ui-input-search.ui-focus {
1051
- -moz-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
1052
- -webkit-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
1053
- box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
1054
- }
1055
- /* unset box shadow in browsers that don't do it right
1056
- -----------------------------------------------------------------------------------------------------------*/
1057
- .ui-mobile-nosupport-boxshadow * {
1058
- -moz-box-shadow: none !important;
1059
- -webkit-box-shadow: none !important;
1060
- box-shadow: none !important;
1061
- }
1062
- /* ...and bring back focus */
1063
- .ui-mobile-nosupport-boxshadow .ui-focus,
1064
- .ui-mobile-nosupport-boxshadow .ui-btn:focus,
1065
- .ui-mobile-nosupport-boxshadow .ui-link-inherit:focus {
1066
- outline-width: 1px;
1067
- outline-style: auto;
1068
- }
1069
- /* some unsets - more probably needed */
1070
- .ui-mobile, .ui-mobile body { height: 99.9%; }
1071
- .ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
1072
- .ui-mobile a img, .ui-mobile fieldset { border-width: 0; }
1073
- .ui-mobile fieldset { min-width: 0; }
1074
- /* responsive page widths */
1075
- .ui-mobile-viewport { margin: 0; overflow-x: visible; -webkit-text-size-adjust: 100%; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
1076
- /* Issue #2066 */
1077
- body.ui-mobile-viewport,
1078
- div.ui-mobile-viewport { overflow-x: hidden; }
1079
- /* "page" containers - full-screen views, one should always be in view post-pageload */
1080
- .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; }
1081
- .ui-mobile .ui-page-active { display: block; overflow: visible; }
1082
- /* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
1083
- .ui-page { outline: none; }
1084
- /*orientations from js are available */
1085
- @media screen and (orientation: portrait){
1086
- .ui-mobile .ui-page { min-height: 420px; }
1087
- }
1088
- @media screen and (orientation: landscape){
1089
- .ui-mobile .ui-page { min-height: 300px; }
1090
- }
1091
- /* loading screen */
1092
- .ui-loading .ui-loader { display: block; }
1093
- .ui-loader { display: none; z-index: 9999999; position: fixed; top: 50%; left: 50%; border:0; }
1094
- .ui-loader-default { background: none; filter: Alpha(Opacity=18); opacity: .18; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; }
1095
- .ui-loader-verbose { width: 200px; filter: Alpha(Opacity=88); opacity: .88; box-shadow: 0 1px 1px -1px #fff; height: auto; margin-left: -110px; margin-top: -43px; padding: 10px; }
1096
- .ui-loader-default h1 { font-size: 0; width: 0; height: 0; overflow: hidden; }
1097
- .ui-loader-verbose h1 { font-size: 16px; margin: 0; text-align: center; }
1098
- .ui-loader .ui-icon { background-color: #000; display: block; margin: 0; width: 44px; height: 44px; padding: 1px; -webkit-border-radius: 36px; border-radius: 36px; }
1099
- .ui-loader-verbose .ui-icon { margin: 0 auto 10px; filter: Alpha(Opacity=75); opacity: .75; }
1100
- .ui-loader-textonly { padding: 15px; margin-left: -115px; }
1101
- .ui-loader-textonly .ui-icon { display: none; }
1102
- .ui-loader-fakefix { position: absolute; }
1103
- /*fouc*/
1104
- .ui-mobile-rendering > * { visibility: hidden; }
1105
- /*headers, content panels*/
1106
- .ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }
1107
- .ui-bar { font-size: 16px; margin: 0; }
1108
- .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; }
1109
- .ui-header, .ui-footer { position: relative; zoom: 1; }
1110
- .ui-mobile .ui-header, .ui-mobile .ui-footer { border-left-width: 0; border-right-width: 0; }
1111
- .ui-header .ui-btn-left,
1112
- .ui-header .ui-btn-right,
1113
- .ui-footer .ui-btn-left,
1114
- .ui-footer .ui-btn-right,
1115
- .ui-header-fixed.ui-fixed-hidden .ui-btn-left,
1116
- .ui-header-fixed.ui-fixed-hidden .ui-btn-right { position: absolute; top: 3px; }
1117
- .ui-header-fixed .ui-btn-left,
1118
- .ui-header-fixed .ui-btn-right { top: 4px;}
1119
- .ui-header .ui-btn-left,
1120
- .ui-footer .ui-btn-left { left: 5px; }
1121
- .ui-header .ui-btn-right,
1122
- .ui-footer .ui-btn-right { right: 5px; }
1123
- .ui-footer > .ui-btn-icon-notext,
1124
- .ui-header > .ui-btn-icon-notext,
1125
- .ui-header-fixed.ui-fixed-hidden > .ui-btn-icon-notext { top: 6px; }
1126
- .ui-header-fixed > .ui-btn-icon-notext { top: 7px;}
1127
- .ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 30% .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
1128
- .ui-footer .ui-title { margin: .6em 15px .8em; }
1129
- /* content area*/
1130
- .ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
1131
- /* corner styling for dialogs and popups */
1132
- .ui-corner-all > .ui-header:first-child,
1133
- .ui-corner-all > .ui-content:first-child,
1134
- .ui-corner-all > .ui-footer:first-child {
1135
- -webkit-border-top-left-radius: inherit;
1136
- border-top-left-radius: inherit;
1137
- -webkit-border-top-right-radius: inherit;
1138
- border-top-right-radius: inherit;
1139
- }
1140
- .ui-corner-all > .ui-header:last-child,
1141
- .ui-corner-all > .ui-content:last-child,
1142
- .ui-corner-all > .ui-footer:last-child {
1143
- -webkit-border-bottom-left-radius: inherit;
1144
- border-bottom-left-radius: inherit;
1145
- -webkit-border-bottom-right-radius: inherit;
1146
- border-bottom-right-radius: inherit;
1147
- }
1148
- /* icons sizing */
1149
- .ui-icon { width: 18px; height: 18px; }
1150
- /* non-js content hiding */
1151
- .ui-nojs { position: absolute; left: -9999px; }
1152
- /* accessible content hiding */
1153
- .ui-hide-label label.ui-input-text, .ui-hide-label label.ui-select, .ui-hide-label label.ui-slider, .ui-hide-label label.ui-submit, .ui-hide-label .ui-controlgroup-label,
1154
- .ui-hidden-accessible { position: absolute !important; left: -9999px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
1155
- /* Transitions originally inspired by those from jQtouch, nice work, folks */
1156
- .ui-mobile-viewport-transitioning,
1157
- .ui-mobile-viewport-transitioning .ui-page {
1158
- width: 100%;
1159
- height: 100%;
1160
- overflow: hidden;
1161
- -webkit-box-sizing: border-box;
1162
- -moz-box-sizing: border-box;
1163
- box-sizing: border-box;
1164
- }
1165
- .ui-page-pre-in {
1166
- opacity: 0;
1167
- }
1168
- .in {
1169
- -webkit-animation-timing-function: ease-out;
1170
- -webkit-animation-duration: 350ms;
1171
- -moz-animation-timing-function: ease-out;
1172
- -moz-animation-duration: 350ms;
1173
- animation-timing-function: ease-out;
1174
- animation-duration: 350ms;
1175
- }
1176
- .out {
1177
- -webkit-animation-timing-function: ease-in;
1178
- -webkit-animation-duration: 225ms;
1179
- -moz-animation-timing-function: ease-in;
1180
- -moz-animation-duration: 225ms;
1181
- animation-timing-function: ease-in;
1182
- animation-duration: 225ms;
1183
- }
1184
- @-webkit-keyframes fadein {
1185
- from { opacity: 0; }
1186
- to { opacity: 1; }
1187
- }
1188
- @-moz-keyframes fadein {
1189
- from { opacity: 0; }
1190
- to { opacity: 1; }
1191
- }
1192
- @keyframes fadein {
1193
- from { opacity: 0; }
1194
- to { opacity: 1; }
1195
- }
1196
- @-webkit-keyframes fadeout {
1197
- from { opacity: 1; }
1198
- to { opacity: 0; }
1199
- }
1200
- @-moz-keyframes fadeout {
1201
- from { opacity: 1; }
1202
- to { opacity: 0; }
1203
- }
1204
- @keyframes fadeout {
1205
- from { opacity: 1; }
1206
- to { opacity: 0; }
1207
- }
1208
- .fade.out {
1209
- opacity: 0;
1210
- -webkit-animation-duration: 125ms;
1211
- -webkit-animation-name: fadeout;
1212
- -moz-animation-duration: 125ms;
1213
- -moz-animation-name: fadeout;
1214
- animation-duration: 125ms;
1215
- animation-name: fadeout;
1216
- }
1217
- .fade.in {
1218
- opacity: 1;
1219
- -webkit-animation-duration: 225ms;
1220
- -webkit-animation-name: fadein;
1221
- -moz-animation-duration: 225ms;
1222
- -moz-animation-name: fadein;
1223
- animation-duration: 225ms;
1224
- animation-name: fadein;
1225
- }
1226
- .pop {
1227
- -webkit-transform-origin: 50% 50%;
1228
- -moz-transform-origin: 50% 50%;
1229
- transform-origin: 50% 50%;
1230
- }
1231
- .pop.in {
1232
- -webkit-transform: scale(1);
1233
- -webkit-animation-name: popin;
1234
- -webkit-animation-duration: 350ms;
1235
- -moz-transform: scale(1);
1236
- -moz-animation-name: popin;
1237
- -moz-animation-duration: 350ms;
1238
- transform: scale(1);
1239
- animation-name: popin;
1240
- animation-duration: 350ms;
1241
- opacity: 1;
1242
- }
1243
- .pop.out {
1244
- -webkit-animation-name: fadeout;
1245
- -webkit-animation-duration: 100ms;
1246
- -moz-animation-name: fadeout;
1247
- -moz-animation-duration: 100ms;
1248
- animation-name: fadeout;
1249
- animation-duration: 100ms;
1250
- opacity: 0;
1251
- }
1252
- .pop.in.reverse {
1253
- -webkit-animation-name: fadein;
1254
- -moz-animation-name: fadein;
1255
- animation-name: fadein;
1256
- }
1257
- .pop.out.reverse {
1258
- -webkit-transform: scale(.8);
1259
- -webkit-animation-name: popout;
1260
- -moz-transform: scale(.8);
1261
- -moz-animation-name: popout;
1262
- transform: scale(.8);
1263
- animation-name: popout;
1264
- }
1265
- @-webkit-keyframes popin {
1266
- from {
1267
- -webkit-transform: scale(.8);
1268
- opacity: 0;
1269
- }
1270
- to {
1271
- -webkit-transform: scale(1);
1272
- opacity: 1;
1273
- }
1274
- }
1275
- @-moz-keyframes popin {
1276
- from {
1277
- -moz-transform: scale(.8);
1278
- opacity: 0;
1279
- }
1280
- to {
1281
- -moz-transform: scale(1);
1282
- opacity: 1;
1283
- }
1284
- }
1285
- @keyframes popin {
1286
- from {
1287
- transform: scale(.8);
1288
- opacity: 0;
1289
- }
1290
- to {
1291
- transform: scale(1);
1292
- opacity: 1;
1293
- }
1294
- }
1295
- @-webkit-keyframes popout {
1296
- from {
1297
- -webkit-transform: scale(1);
1298
- opacity: 1;
1299
- }
1300
- to {
1301
- -webkit-transform: scale(.8);
1302
- opacity: 0;
1303
- }
1304
- }
1305
- @-moz-keyframes popout {
1306
- from {
1307
- -moz-transform: scale(1);
1308
- opacity: 1;
1309
- }
1310
- to {
1311
- -moz-transform: scale(.8);
1312
- opacity: 0;
1313
- }
1314
- }
1315
- @keyframes popout {
1316
- from {
1317
- transform: scale(1);
1318
- opacity: 1;
1319
- }
1320
- to {
1321
- transform: scale(.8);
1322
- opacity: 0;
1323
- }
1324
- }
1325
- /* keyframes for slidein from sides */
1326
- @-webkit-keyframes slideinfromright {
1327
- from { -webkit-transform: translate3d(100%,0,0); }
1328
- to { -webkit-transform: translate3d(0,0,0); }
1329
- }
1330
- @-moz-keyframes slideinfromright {
1331
- from { -moz-transform: translateX(100%); }
1332
- to { -moz-transform: translateX(0); }
1333
- }
1334
- @keyframes slideinfromright {
1335
- from { transform: translateX(100%); }
1336
- to { transform: translateX(0); }
1337
- }
1338
- @-webkit-keyframes slideinfromleft {
1339
- from { -webkit-transform: translate3d(-100%,0,0); }
1340
- to { -webkit-transform: translate3d(0,0,0); }
1341
- }
1342
- @-moz-keyframes slideinfromleft {
1343
- from { -moz-transform: translateX(-100%); }
1344
- to { -moz-transform: translateX(0); }
1345
- }
1346
- @keyframes slideinfromleft {
1347
- from { transform: translateX(-100%); }
1348
- to { transform: translateX(0); }
1349
- }
1350
- /* keyframes for slideout to sides */
1351
- @-webkit-keyframes slideouttoleft {
1352
- from { -webkit-transform: translate3d(0,0,0); }
1353
- to { -webkit-transform: translate3d(-100%,0,0); }
1354
- }
1355
- @-moz-keyframes slideouttoleft {
1356
- from { -moz-transform: translateX(0); }
1357
- to { -moz-transform: translateX(-100%); }
1358
- }
1359
- @keyframes slideouttoleft {
1360
- from { transform: translateX(0); }
1361
- to { transform: translateX(-100%); }
1362
- }
1363
- @-webkit-keyframes slideouttoright {
1364
- from { -webkit-transform: translate3d(0,0,0); }
1365
- to { -webkit-transform: translate3d(100%,0,0); }
1366
- }
1367
- @-moz-keyframes slideouttoright {
1368
- from { -moz-transform: translateX(0); }
1369
- to { -moz-transform: translateX(100%); }
1370
- }
1371
- @keyframes slideouttoright {
1372
- from { transform: translateX(0); }
1373
- to { transform: translateX(100%); }
1374
- }
1375
- .slide.out, .slide.in {
1376
- -webkit-animation-timing-function: ease-out;
1377
- -webkit-animation-duration: 350ms;
1378
- -moz-animation-timing-function: ease-out;
1379
- -moz-animation-duration: 350ms;
1380
- animation-timing-function: ease-out;
1381
- animation-duration: 350ms;
1382
- }
1383
- .slide.out {
1384
- -webkit-transform: translate3d(-100%,0,0);
1385
- -webkit-animation-name: slideouttoleft;
1386
- -moz-transform: translateX(-100%);
1387
- -moz-animation-name: slideouttoleft;
1388
- transform: translateX(-100%);
1389
- animation-name: slideouttoleft;
1390
- }
1391
- .slide.in {
1392
- -webkit-transform: translate3d(0,0,0);
1393
- -webkit-animation-name: slideinfromright;
1394
- -moz-transform: translateX(0);
1395
- -moz-animation-name: slideinfromright;
1396
- transform: translateX(0);
1397
- animation-name: slideinfromright;
1398
- }
1399
- .slide.out.reverse {
1400
- -webkit-transform: translate3d(100%,0,0);
1401
- -webkit-animation-name: slideouttoright;
1402
- -moz-transform: translateX(100%);
1403
- -moz-animation-name: slideouttoright;
1404
- transform: translateX(100%);
1405
- animation-name: slideouttoright;
1406
- }
1407
- .slide.in.reverse {
1408
- -webkit-transform: translate3d(0,0,0);
1409
- -webkit-animation-name: slideinfromleft;
1410
- -moz-transform: translateX(0);
1411
- -moz-animation-name: slideinfromleft;
1412
- transform: translateX(0);
1413
- animation-name: slideinfromleft;
1414
- }
1415
- .slidefade.out {
1416
- -webkit-transform: translateX(-100%);
1417
- -webkit-animation-name: slideouttoleft;
1418
- -webkit-animation-duration: 225ms;
1419
- -moz-transform: translateX(-100%);
1420
- -moz-animation-name: slideouttoleft;
1421
- -moz-animation-duration: 225ms;
1422
- transform: translateX(-100%);
1423
- animation-name: slideouttoleft;
1424
- animation-duration: 225ms;
1425
- }
1426
- .slidefade.in {
1427
- -webkit-transform: translateX(0);
1428
- -webkit-animation-name: fadein;
1429
- -webkit-animation-duration: 200ms;
1430
- -moz-transform: translateX(0);
1431
- -moz-animation-name: fadein;
1432
- -moz-animation-duration: 200ms;
1433
- transform: translateX(0);
1434
- animation-name: fadein;
1435
- animation-duration: 200ms;
1436
- }
1437
- .slidefade.out.reverse {
1438
- -webkit-transform: translateX(100%);
1439
- -webkit-animation-name: slideouttoright;
1440
- -webkit-animation-duration: 200ms;
1441
- -moz-transform: translateX(100%);
1442
- -moz-animation-name: slideouttoright;
1443
- -moz-animation-duration: 200ms;
1444
- transform: translateX(100%);
1445
- animation-name: slideouttoright;
1446
- animation-duration: 200ms;
1447
- }
1448
- .slidefade.in.reverse {
1449
- -webkit-transform: translateX(0);
1450
- -webkit-animation-name: fadein;
1451
- -webkit-animation-duration: 200ms;
1452
- -moz-transform: translateX(0);
1453
- -moz-animation-name: fadein;
1454
- -moz-animation-duration: 200ms;
1455
- transform: translateX(0);
1456
- animation-name: fadein;
1457
- animation-duration: 200ms;
1458
- }
1459
- /* slide down */
1460
- .slidedown.out {
1461
- -webkit-animation-name: fadeout;
1462
- -webkit-animation-duration: 100ms;
1463
- -moz-animation-name: fadeout;
1464
- -moz-animation-duration: 100ms;
1465
- animation-name: fadeout;
1466
- animation-duration: 100ms;
1467
- }
1468
- .slidedown.in {
1469
- -webkit-transform: translateY(0);
1470
- -webkit-animation-name: slideinfromtop;
1471
- -webkit-animation-duration: 250ms;
1472
- -moz-transform: translateY(0);
1473
- -moz-animation-name: slideinfromtop;
1474
- -moz-animation-duration: 250ms;
1475
- transform: translateY(0);
1476
- animation-name: slideinfromtop;
1477
- animation-duration: 250ms;
1478
- }
1479
- .slidedown.in.reverse {
1480
- -webkit-animation-name: fadein;
1481
- -webkit-animation-duration: 150ms;
1482
- -moz-animation-name: fadein;
1483
- -moz-animation-duration: 150ms;
1484
- animation-name: fadein;
1485
- animation-duration: 150ms;
1486
- }
1487
- .slidedown.out.reverse {
1488
- -webkit-transform: translateY(-100%);
1489
- -webkit-animation-name: slideouttotop;
1490
- -webkit-animation-duration: 200ms;
1491
- -moz-transform: translateY(-100%);
1492
- -moz-animation-name: slideouttotop;
1493
- -moz-animation-duration: 200ms;
1494
- transform: translateY(-100%);
1495
- animation-name: slideouttotop;
1496
- animation-duration: 200ms;
1497
- }
1498
- @-webkit-keyframes slideinfromtop {
1499
- from { -webkit-transform: translateY(-100%); }
1500
- to { -webkit-transform: translateY(0); }
1501
- }
1502
- @-moz-keyframes slideinfromtop {
1503
- from { -moz-transform: translateY(-100%); }
1504
- to { -moz-transform: translateY(0); }
1505
- }
1506
- @keyframes slideinfromtop {
1507
- from { transform: translateY(-100%); }
1508
- to { transform: translateY(0); }
1509
- }
1510
- @-webkit-keyframes slideouttotop {
1511
- from { -webkit-transform: translateY(0); }
1512
- to { -webkit-transform: translateY(-100%); }
1513
- }
1514
- @-moz-keyframes slideouttotop {
1515
- from { -moz-transform: translateY(0); }
1516
- to { -moz-transform: translateY(-100%); }
1517
- }
1518
- @keyframes slideouttotop {
1519
- from { transform: translateY(0); }
1520
- to { transform: translateY(-100%); }
1521
- }
1522
- /* slide up */
1523
- .slideup.out {
1524
- -webkit-animation-name: fadeout;
1525
- -webkit-animation-duration: 100ms;
1526
- -moz-animation-name: fadeout;
1527
- -moz-animation-duration: 100ms;
1528
- animation-name: fadeout;
1529
- animation-duration: 100ms;
1530
- }
1531
- .slideup.in {
1532
- -webkit-transform: translateY(0);
1533
- -webkit-animation-name: slideinfrombottom;
1534
- -webkit-animation-duration: 250ms;
1535
- -moz-transform: translateY(0);
1536
- -moz-animation-name: slideinfrombottom;
1537
- -moz-animation-duration: 250ms;
1538
- transform: translateY(0);
1539
- animation-name: slideinfrombottom;
1540
- animation-duration: 250ms;
1541
- }
1542
- .slideup.in.reverse {
1543
- -webkit-animation-name: fadein;
1544
- -webkit-animation-duration: 150ms;
1545
- -moz-animation-name: fadein;
1546
- -moz-animation-duration: 150ms;
1547
- animation-name: fadein;
1548
- animation-duration: 150ms;
1549
- }
1550
- .slideup.out.reverse {
1551
- -webkit-transform: translateY(100%);
1552
- -webkit-animation-name: slideouttobottom;
1553
- -webkit-animation-duration: 200ms;
1554
- -moz-transform: translateY(100%);
1555
- -moz-animation-name: slideouttobottom;
1556
- -moz-animation-duration: 200ms;
1557
- transform: translateY(100%);
1558
- animation-name: slideouttobottom;
1559
- animation-duration: 200ms;
1560
- }
1561
- @-webkit-keyframes slideinfrombottom {
1562
- from { -webkit-transform: translateY(100%); }
1563
- to { -webkit-transform: translateY(0); }
1564
- }
1565
- @-moz-keyframes slideinfrombottom {
1566
- from { -moz-transform: translateY(100%); }
1567
- to { -moz-transform: translateY(0); }
1568
- }
1569
- @keyframes slideinfrombottom {
1570
- from { transform: translateY(100%); }
1571
- to { transform: translateY(0); }
1572
- }
1573
- @-webkit-keyframes slideouttobottom {
1574
- from { -webkit-transform: translateY(0); }
1575
- to { -webkit-transform: translateY(100%); }
1576
- }
1577
- @-moz-keyframes slideouttobottom {
1578
- from { -moz-transform: translateY(0); }
1579
- to { -moz-transform: translateY(100%); }
1580
- }
1581
- @keyframes slideouttobottom {
1582
- from { transform: translateY(0); }
1583
- to { transform: translateY(100%); }
1584
- }
1585
- /* The properties in this rule are only necessary for the 'flip' transition.
1586
- * We need specify the perspective to create a projection matrix. This will add
1587
- * some depth as the element flips. The depth number represents the distance of
1588
- * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
1589
- * value.
1590
- */
1591
- .viewport-flip {
1592
- -webkit-perspective: 1000;
1593
- -moz-perspective: 1000;
1594
- perspective: 1000;
1595
- position: absolute;
1596
- }
1597
- .flip {
1598
- -webkit-backface-visibility: hidden;
1599
- -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. */
1600
- -moz-backface-visibility: hidden;
1601
- -moz-transform: translateX(0);
1602
- backface-visibility: hidden;
1603
- transform: translateX(0);
1604
- }
1605
- .flip.out {
1606
- -webkit-transform: rotateY(-90deg) scale(.9);
1607
- -webkit-animation-name: flipouttoleft;
1608
- -webkit-animation-duration: 175ms;
1609
- -moz-transform: rotateY(-90deg) scale(.9);
1610
- -moz-animation-name: flipouttoleft;
1611
- -moz-animation-duration: 175ms;
1612
- transform: rotateY(-90deg) scale(.9);
1613
- animation-name: flipouttoleft;
1614
- animation-duration: 175ms;
1615
- }
1616
- .flip.in {
1617
- -webkit-animation-name: flipintoright;
1618
- -webkit-animation-duration: 225ms;
1619
- -moz-animation-name: flipintoright;
1620
- -moz-animation-duration: 225ms;
1621
- animation-name: flipintoright;
1622
- animation-duration: 225ms;
1623
- }
1624
- .flip.out.reverse {
1625
- -webkit-transform: rotateY(90deg) scale(.9);
1626
- -webkit-animation-name: flipouttoright;
1627
- -moz-transform: rotateY(90deg) scale(.9);
1628
- -moz-animation-name: flipouttoright;
1629
- transform: rotateY(90deg) scale(.9);
1630
- animation-name: flipouttoright;
1631
- }
1632
- .flip.in.reverse {
1633
- -webkit-animation-name: flipintoleft;
1634
- -moz-animation-name: flipintoleft;
1635
- animation-name: flipintoleft;
1636
- }
1637
- @-webkit-keyframes flipouttoleft {
1638
- from { -webkit-transform: rotateY(0); }
1639
- to { -webkit-transform: rotateY(-90deg) scale(.9); }
1640
- }
1641
- @-moz-keyframes flipouttoleft {
1642
- from { -moz-transform: rotateY(0); }
1643
- to { -moz-transform: rotateY(-90deg) scale(.9); }
1644
- }
1645
- @keyframes flipouttoleft {
1646
- from { transform: rotateY(0); }
1647
- to { transform: rotateY(-90deg) scale(.9); }
1648
- }
1649
- @-webkit-keyframes flipouttoright {
1650
- from { -webkit-transform: rotateY(0) ; }
1651
- to { -webkit-transform: rotateY(90deg) scale(.9); }
1652
- }
1653
- @-moz-keyframes flipouttoright {
1654
- from { -moz-transform: rotateY(0); }
1655
- to { -moz-transform: rotateY(90deg) scale(.9); }
1656
- }
1657
- @keyframes flipouttoright {
1658
- from { transform: rotateY(0); }
1659
- to { transform: rotateY(90deg) scale(.9); }
1660
- }
1661
- @-webkit-keyframes flipintoleft {
1662
- from { -webkit-transform: rotateY(-90deg) scale(.9); }
1663
- to { -webkit-transform: rotateY(0); }
1664
- }
1665
- @-moz-keyframes flipintoleft {
1666
- from { -moz-transform: rotateY(-90deg) scale(.9); }
1667
- to { -moz-transform: rotateY(0); }
1668
- }
1669
- @keyframes flipintoleft {
1670
- from { transform: rotateY(-90deg) scale(.9); }
1671
- to { transform: rotateY(0); }
1672
- }
1673
- @-webkit-keyframes flipintoright {
1674
- from { -webkit-transform: rotateY(90deg) scale(.9); }
1675
- to { -webkit-transform: rotateY(0); }
1676
- }
1677
- @-moz-keyframes flipintoright {
1678
- from { -moz-transform: rotateY(90deg) scale(.9); }
1679
- to { -moz-transform: rotateY(0); }
1680
- }
1681
- @keyframes flipintoright {
1682
- from { transform: rotateY(90deg) scale(.9); }
1683
- to { transform: rotateY(0); }
1684
- }
1685
- /* The properties in this rule are only necessary for the 'flip' transition.
1686
- * We need specify the perspective to create a projection matrix. This will add
1687
- * some depth as the element flips. The depth number represents the distance of
1688
- * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
1689
- * value.
1690
- */
1691
- .viewport-turn {
1692
- -webkit-perspective: 200px;
1693
- -moz-perspective: 200px;
1694
- -ms-perspective: 200px;
1695
- perspective: 200px;
1696
- position: absolute;
1697
- }
1698
- .turn {
1699
- -webkit-backface-visibility: hidden;
1700
- -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. */
1701
- -webkit-transform-origin: 0;
1702
-
1703
- -moz-backface-visibility: hidden;
1704
- -moz-transform: translateX(0);
1705
- -moz-transform-origin: 0;
1706
-
1707
- backface-visibility :hidden;
1708
- transform: translateX(0);
1709
- transform-origin: 0;
1710
- }
1711
- .turn.out {
1712
- -webkit-transform: rotateY(-90deg) scale(.9);
1713
- -webkit-animation-name: flipouttoleft;
1714
- -webkit-animation-duration: 125ms;
1715
- -moz-transform: rotateY(-90deg) scale(.9);
1716
- -moz-animation-name: flipouttoleft;
1717
- -moz-animation-duration: 125ms;
1718
- transform: rotateY(-90deg) scale(.9);
1719
- animation-name: flipouttoleft;
1720
- animation-duration: 125ms;
1721
- }
1722
- .turn.in {
1723
- -webkit-animation-name: flipintoright;
1724
- -webkit-animation-duration: 250ms;
1725
- -moz-animation-name: flipintoright;
1726
- -moz-animation-duration: 250ms;
1727
- animation-name: flipintoright;
1728
- animation-duration: 250ms;
1729
-
1730
- }
1731
- .turn.out.reverse {
1732
- -webkit-transform: rotateY(90deg) scale(.9);
1733
- -webkit-animation-name: flipouttoright;
1734
- -moz-transform: rotateY(90deg) scale(.9);
1735
- -moz-animation-name: flipouttoright;
1736
- transform: rotateY(90deg) scale(.9);
1737
- animation-name: flipouttoright;
1738
- }
1739
- .turn.in.reverse {
1740
- -webkit-animation-name: flipintoleft;
1741
- -moz-animation-name: flipintoleft;
1742
- animation-name: flipintoleft;
1743
- }
1744
- @-webkit-keyframes flipouttoleft {
1745
- from { -webkit-transform: rotateY(0); }
1746
- to { -webkit-transform: rotateY(-90deg) scale(.9); }
1747
- }
1748
- @-moz-keyframes flipouttoleft {
1749
- from { -moz-transform: rotateY(0); }
1750
- to { -moz-transform: rotateY(-90deg) scale(.9); }
1751
- }
1752
- @keyframes flipouttoleft {
1753
- from { transform: rotateY(0); }
1754
- to { transform: rotateY(-90deg) scale(.9); }
1755
- }
1756
- @-webkit-keyframes flipouttoright {
1757
- from { -webkit-transform: rotateY(0) ; }
1758
- to { -webkit-transform: rotateY(90deg) scale(.9); }
1759
- }
1760
- @-moz-keyframes flipouttoright {
1761
- from { -moz-transform: rotateY(0); }
1762
- to { -moz-transform: rotateY(90deg) scale(.9); }
1763
- }
1764
- @keyframes flipouttoright {
1765
- from { transform: rotateY(0); }
1766
- to { transform: rotateY(90deg) scale(.9); }
1767
- }
1768
- @-webkit-keyframes flipintoleft {
1769
- from { -webkit-transform: rotateY(-90deg) scale(.9); }
1770
- to { -webkit-transform: rotateY(0); }
1771
- }
1772
- @-moz-keyframes flipintoleft {
1773
- from { -moz-transform: rotateY(-90deg) scale(.9); }
1774
- to { -moz-transform: rotateY(0); }
1775
- }
1776
- @keyframes flipintoleft {
1777
- from { transform: rotateY(-90deg) scale(.9); }
1778
- to { transform: rotateY(0); }
1779
- }
1780
- @-webkit-keyframes flipintoright {
1781
- from { -webkit-transform: rotateY(90deg) scale(.9); }
1782
- to { -webkit-transform: rotateY(0); }
1783
- }
1784
- @-moz-keyframes flipintoright {
1785
- from { -moz-transform: rotateY(90deg) scale(.9); }
1786
- to { -moz-transform: rotateY(0); }
1787
- }
1788
- @keyframes flipintoright {
1789
- from { transform: rotateY(90deg) scale(.9); }
1790
- to { transform: rotateY(0); }
1791
- }
1792
- /* flow transition */
1793
- .flow {
1794
- -webkit-transform-origin: 50% 30%;
1795
- -webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
1796
- -moz-transform-origin: 50% 30%;
1797
- -moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
1798
- transform-origin: 50% 30%;
1799
- box-shadow: 0 0 20px rgba(0,0,0,.4);
1800
- }
1801
- .ui-dialog.flow {
1802
- -webkit-transform-origin: none;
1803
- -webkit-box-shadow: none;
1804
- -moz-transform-origin: none;
1805
- -moz-box-shadow: none;
1806
- transform-origin: none;
1807
- box-shadow: none;
1808
- }
1809
- .flow.out {
1810
- -webkit-transform: translateX(-100%) scale(.7);
1811
- -webkit-animation-name: flowouttoleft;
1812
- -webkit-animation-timing-function: ease;
1813
- -webkit-animation-duration: 350ms;
1814
- -moz-transform: translateX(-100%) scale(.7);
1815
- -moz-animation-name: flowouttoleft;
1816
- -moz-animation-timing-function: ease;
1817
- -moz-animation-duration: 350ms;
1818
- transform: translateX(-100%) scale(.7);
1819
- animation-name: flowouttoleft;
1820
- animation-timing-function: ease;
1821
- animation-duration: 350ms;
1822
- }
1823
- .flow.in {
1824
- -webkit-transform: translateX(0) scale(1);
1825
- -webkit-animation-name: flowinfromright;
1826
- -webkit-animation-timing-function: ease;
1827
- -webkit-animation-duration: 350ms;
1828
- -moz-transform: translateX(0) scale(1);
1829
- -moz-animation-name: flowinfromright;
1830
- -moz-animation-timing-function: ease;
1831
- -moz-animation-duration: 350ms;
1832
- transform: translateX(0) scale(1);
1833
- animation-name: flowinfromright;
1834
- animation-timing-function: ease;
1835
- animation-duration: 350ms;
1836
- }
1837
- .flow.out.reverse {
1838
- -webkit-transform: translateX(100%);
1839
- -webkit-animation-name: flowouttoright;
1840
- -moz-transform: translateX(100%);
1841
- -moz-animation-name: flowouttoright;
1842
- transform: translateX(100%);
1843
- animation-name: flowouttoright;
1844
- }
1845
- .flow.in.reverse {
1846
- -webkit-animation-name: flowinfromleft;
1847
- -moz-animation-name: flowinfromleft;
1848
- animation-name: flowinfromleft;
1849
- }
1850
- @-webkit-keyframes flowouttoleft {
1851
- 0% { -webkit-transform: translateX(0) scale(1); }
1852
- 60%, 70% { -webkit-transform: translateX(0) scale(.7); }
1853
- 100% { -webkit-transform: translateX(-100%) scale(.7); }
1854
- }
1855
- @-moz-keyframes flowouttoleft {
1856
- 0% { -moz-transform: translateX(0) scale(1); }
1857
- 60%, 70% { -moz-transform: translateX(0) scale(.7); }
1858
- 100% { -moz-transform: translateX(-100%) scale(.7); }
1859
- }
1860
- @keyframes flowouttoleft {
1861
- 0% { transform: translateX(0) scale(1); }
1862
- 60%, 70% { transform: translateX(0) scale(.7); }
1863
- 100% { transform: translateX(-100%) scale(.7); }
1864
- }
1865
- @-webkit-keyframes flowouttoright {
1866
- 0% { -webkit-transform: translateX(0) scale(1); }
1867
- 60%, 70% { -webkit-transform: translateX(0) scale(.7); }
1868
- 100% { -webkit-transform: translateX(100%) scale(.7); }
1869
- }
1870
- @-moz-keyframes flowouttoright {
1871
- 0% { -moz-transform: translateX(0) scale(1); }
1872
- 60%, 70% { -moz-transform: translateX(0) scale(.7); }
1873
- 100% { -moz-transform: translateX(100%) scale(.7); }
1874
- }
1875
- @keyframes flowouttoright {
1876
- 0% { transform: translateX(0) scale(1); }
1877
- 60%, 70% { transform: translateX(0) scale(.7); }
1878
- 100% { transform: translateX(100%) scale(.7); }
1879
- }
1880
- @-webkit-keyframes flowinfromleft {
1881
- 0% { -webkit-transform: translateX(-100%) scale(.7); }
1882
- 30%, 40% { -webkit-transform: translateX(0) scale(.7); }
1883
- 100% { -webkit-transform: translateX(0) scale(1); }
1884
- }
1885
- @-moz-keyframes flowinfromleft {
1886
- 0% { -moz-transform: translateX(-100%) scale(.7); }
1887
- 30%, 40% { -moz-transform: translateX(0) scale(.7); }
1888
- 100% { -moz-transform: translateX(0) scale(1); }
1889
- }
1890
- @keyframes flowinfromleft {
1891
- 0% { transform: translateX(-100%) scale(.7); }
1892
- 30%, 40% { transform: translateX(0) scale(.7); }
1893
- 100% { transform: translateX(0) scale(1); }
1894
- }
1895
- @-webkit-keyframes flowinfromright {
1896
- 0% { -webkit-transform: translateX(100%) scale(.7); }
1897
- 30%, 40% { -webkit-transform: translateX(0) scale(.7); }
1898
- 100% { -webkit-transform: translateX(0) scale(1); }
1899
- }
1900
- @-moz-keyframes flowinfromright {
1901
- 0% { -moz-transform: translateX(100%) scale(.7); }
1902
- 30%, 40% { -moz-transform: translateX(0) scale(.7); }
1903
- 100% { -moz-transform: translateX(0) scale(1); }
1904
- }
1905
- @keyframes flowinfromright {
1906
- 0% { transform: translateX(100%) scale(.7); }
1907
- 30%, 40% { transform: translateX(0) scale(.7); }
1908
- 100% { transform: translateX(0) scale(1); }
1909
- }
1910
- /* content configurations. */
1911
- .ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
1912
- .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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
1913
- /* grid solo: 100 - single item fallback */
1914
- .ui-grid-solo .ui-block-a { display: block; float: none; }
1915
- /* Lower percentages for older browsers (i.e. IE7) to prevent wrapping. -.5px to fix BB5 wrap issue. */
1916
- /* grid a: 50/50 */
1917
- .ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 49.95%; }
1918
- .ui-grid-a > :nth-child(n) { width: 50%; margin-right: -.5px; }
1919
- .ui-grid-a .ui-block-a { clear: left; }
1920
- /* grid b: 33/33/33 */
1921
- .ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.25%; }
1922
- .ui-grid-b > :nth-child(n) { width: 33.333%; margin-right: -.5px; }
1923
- .ui-grid-b .ui-block-a { clear: left; }
1924
- /* grid c: 25/25/25/25 */
1925
- .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: 24.925%; }
1926
- .ui-grid-c > :nth-child(n) { width: 25%; margin-right: -.5px; }
1927
- .ui-grid-c .ui-block-a { clear: left; }
1928
- /* grid d: 20/20/20/20/20 */
1929
- .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: 19.925%; }
1930
- .ui-grid-d > :nth-child(n) { width: 20%; }
1931
- .ui-grid-d .ui-block-a { clear: left; }
1932
- /* preset breakpoint to switch to stacked grid styles below 35em (560px) */
1933
- @media all and (max-width: 35em) {
1934
- .ui-responsive .ui-block-a,
1935
- .ui-responsive .ui-block-b,
1936
- .ui-responsive .ui-block-c,
1937
- .ui-responsive .ui-block-d,
1938
- .ui-responsive .ui-block-e {
1939
- width: 100%;
1940
- float:none;
1941
- }
1942
- }
1943
- /* fixed page header & footer configuration */
1944
- .ui-header-fixed,
1945
- .ui-footer-fixed {
1946
- left: 0;
1947
- right: 0;
1948
- width: 100%;
1949
- position: fixed;
1950
- z-index: 1000;
1951
- }
1952
- .ui-header-fixed {
1953
- top: -1px;
1954
- padding-top: 1px;
1955
- }
1956
- .ui-header-fixed.ui-fixed-hidden {
1957
- top: 0;
1958
- padding-top: 0;
1959
- }
1960
- .ui-footer-fixed {
1961
- bottom: -1px;
1962
- padding-bottom: 1px;
1963
- }
1964
- .ui-footer-fixed.ui-fixed-hidden {
1965
- bottom: 0;
1966
- padding-bottom: 0;
1967
- }
1968
- .ui-header-fullscreen,
1969
- .ui-footer-fullscreen {
1970
- filter: Alpha(Opacity=90);
1971
- opacity: .9;
1972
- }
1973
- .ui-page-header-fixed {
1974
- padding-top: 2.6875em;
1975
- }
1976
- .ui-page-footer-fixed {
1977
- padding-bottom: 2.6875em;
1978
- }
1979
- .ui-page-header-fullscreen > .ui-content,
1980
- .ui-page-footer-fullscreen > .ui-content {
1981
- padding: 0;
1982
- }
1983
- .ui-fixed-hidden {
1984
- position: absolute;
1985
- }
1986
- .ui-page-header-fullscreen .ui-fixed-hidden,
1987
- .ui-page-footer-fullscreen .ui-fixed-hidden {
1988
- left: -9999px;
1989
- }
1990
- .ui-header-fixed .ui-btn,
1991
- .ui-footer-fixed .ui-btn {
1992
- z-index: 10;
1993
- }
1994
- /* workarounds for other widgets */
1995
- .ui-android-2x-fixed .ui-li-has-thumb {
1996
- -webkit-transform: translate3d(0,0,0);
1997
- }
1998
- .ui-navbar { max-width: 100%; }
1999
- .ui-navbar.ui-mini { margin: 0; }
2000
- .ui-navbar ul:before, .ui-navbar ul:after { content: " "; display: table; }
2001
- .ui-navbar ul:after { clear: both; }
2002
- .ui-navbar ul { list-style:none; margin: 0; padding: 0; position: relative; display: block; border: 0; max-width: 100%; overflow: visible; zoom: 1; }
2003
- .ui-navbar li .ui-btn { display: block; text-align: center; margin: 0 -1px 0 0; border-right-width: 0; }
2004
- .ui-navbar li .ui-btn-icon-right .ui-icon { right: 6px; }
2005
- /* add border if not in header/footer (full width) */
2006
- .ui-navbar li:last-child .ui-btn,
2007
- .ui-navbar .ui-grid-duo .ui-block-b .ui-btn { margin-right: 0; border-right-width: 1px; }
2008
- .ui-header .ui-navbar li:last-child .ui-btn,
2009
- .ui-footer .ui-navbar li:last-child .ui-btn,
2010
- .ui-header .ui-navbar .ui-grid-duo .ui-block-b .ui-btn,
2011
- .ui-footer .ui-navbar .ui-grid-duo .ui-block-b .ui-btn { margin-right: -1px; border-right-width: 0; }
2012
- .ui-navbar .ui-grid-duo li.ui-block-a:last-child .ui-btn { margin-right: -1px; border-right-width: 1px; }
2013
- .ui-header .ui-navbar li .ui-btn,
2014
- .ui-footer .ui-navbar li .ui-btn { border-top-width: 0; border-bottom-width: 0; }
2015
- /* fixing gaps caused by subpixel problem */
2016
- .ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn,
2017
- .ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn { margin-right: -5px; }
2018
- .ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
2019
- .ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
2020
- .ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn,
2021
- .ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn { margin-right: -4px; }
2022
- .ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
2023
- .ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
2024
- .ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon,
2025
- .ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon,
2026
- .ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon,
2027
- .ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon { right: 8px; }
2028
- .ui-navbar li .ui-btn .ui-btn-inner { padding-top: .7em; padding-bottom: .8em }
2029
- .ui-navbar li .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; }
2030
- .ui-navbar li .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; }
2031
- .ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 0; padding: 0; }
2032
- .ui-mini { margin-top: .25em; margin-bottom: .25em; }
2033
- .ui-btn-left, .ui-btn-right, .ui-input-clear, .ui-btn-inline,
2034
- .ui-grid-a .ui-btn, .ui-grid-b .ui-btn, .ui-grid-c .ui-btn, .ui-grid-d .ui-btn, .ui-grid-e .ui-btn, .ui-grid-solo .ui-btn { margin-right: 5px; margin-left: 5px; }
2035
- .ui-btn-inner { font-size: 16px; padding: .6em 20px; min-width: .75em; display: block; position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; zoom: 1; }
2036
- .ui-btn input, .ui-btn button { z-index: 2; }
2037
- .ui-btn-left, .ui-btn-right, .ui-btn-inline { display: inline-block; vertical-align: middle; }
2038
- .ui-mobile .ui-btn-left, .ui-mobile .ui-btn-right, .ui-btn-left > .ui-btn, .ui-btn-right > .ui-btn { margin: 0; } /* .ui-mobile to increase specificity level */
2039
- .ui-btn-block { display: block; }
2040
- .ui-header > .ui-btn,
2041
- .ui-footer > .ui-btn { display: inline-block; margin: 0; }
2042
- .ui-header .ui-btn-block,
2043
- .ui-footer .ui-btn-block { display: block; }
2044
- .ui-header .ui-btn-inner,
2045
- .ui-footer .ui-btn-inner,
2046
- .ui-mini .ui-btn-inner { font-size: 12.5px; padding: .55em 11px .5em; }
2047
- .ui-fullsize .ui-btn-inner,
2048
- .ui-fullsize .ui-btn-inner { font-size: 16px; padding: .6em 20px; }
2049
- .ui-btn-icon-notext { width: 24px; height: 24px; }
2050
- .ui-btn-icon-notext .ui-btn-inner { padding: 0; height: 100%; }
2051
- .ui-btn-icon-notext .ui-btn-inner .ui-icon { margin: 2px 1px 2px 3px; float: left; }
2052
- .ui-btn-text { position: relative; z-index: 1; width: 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
2053
- div.ui-btn-text { width: auto; }
2054
- .ui-btn-icon-notext .ui-btn-text { position: absolute; left: -9999px; }
2055
- .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
2056
- .ui-btn-icon-right .ui-btn-inner { padding-right: 40px; }
2057
- .ui-btn-icon-top .ui-btn-inner { padding-top: 40px; }
2058
- .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 40px; }
2059
- .ui-header .ui-btn-icon-left .ui-btn-inner,
2060
- .ui-footer .ui-btn-icon-left .ui-btn-inner,
2061
- .ui-mini.ui-btn-icon-left .ui-btn-inner,
2062
- .ui-mini .ui-btn-icon-left .ui-btn-inner { padding-left: 30px; }
2063
- .ui-header .ui-btn-icon-right .ui-btn-inner,
2064
- .ui-footer .ui-btn-icon-right .ui-btn-inner,
2065
- .ui-mini.ui-btn-icon-right .ui-btn-inner,
2066
- .ui-mini .ui-btn-icon-right .ui-btn-inner { padding-right: 30px; }
2067
- .ui-header .ui-btn-icon-top .ui-btn-inner,
2068
- .ui-footer .ui-btn-icon-top .ui-btn-inner { padding: 30px 3px .5em 3px; }
2069
- .ui-mini.ui-btn-icon-top .ui-btn-inner,
2070
- .ui-mini .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; }
2071
- .ui-header .ui-btn-icon-bottom .ui-btn-inner,
2072
- .ui-footer .ui-btn-icon-bottom .ui-btn-inner { padding: .55em 3px 30px 3px; }
2073
- .ui-mini.ui-btn-icon-bottom .ui-btn-inner,
2074
- .ui-mini .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; }
2075
- /* Corner styling inheritance */
2076
- .ui-btn-inner {
2077
- -webkit-border-radius: inherit;
2078
- border-radius: inherit;
2079
- }
2080
- /*btn icon positioning*/
2081
- .ui-btn-icon-notext .ui-icon { display: block; z-index: 0;}
2082
- .ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
2083
- .ui-btn-icon-top .ui-btn-inner .ui-icon, .ui-btn-icon-bottom .ui-btn-inner .ui-icon { position: absolute; left: 50%; margin-left: -9px; }
2084
- .ui-btn-icon-left .ui-icon { left: 10px; }
2085
- .ui-btn-icon-right .ui-icon { right: 10px; }
2086
- .ui-btn-icon-top .ui-icon { top: 10px; }
2087
- .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
2088
- .ui-header .ui-btn-icon-left .ui-icon,
2089
- .ui-footer .ui-btn-icon-left .ui-icon,
2090
- .ui-mini.ui-btn-icon-left .ui-icon,
2091
- .ui-mini .ui-btn-icon-left .ui-icon { left: 5px; }
2092
- .ui-header .ui-btn-icon-right .ui-icon,
2093
- .ui-footer .ui-btn-icon-right .ui-icon,
2094
- .ui-mini.ui-btn-icon-right .ui-icon,
2095
- .ui-mini .ui-btn-icon-right .ui-icon { right: 5px; }
2096
- .ui-header .ui-btn-icon-top .ui-icon,
2097
- .ui-footer .ui-btn-icon-top .ui-icon,
2098
- .ui-mini.ui-btn-icon-top .ui-icon,
2099
- .ui-mini .ui-btn-icon-top .ui-icon { top: 5px; }
2100
- .ui-header .ui-btn-icon-bottom .ui-icon,
2101
- .ui-footer .ui-btn-icon-bottom .ui-icon,
2102
- .ui-mini.ui-btn-icon-bottom .ui-icon,
2103
- .ui-mini .ui-btn-icon-bottom .ui-icon { bottom: 5px; }
2104
- /*hiding native button,inputs */
2105
- .ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: none; cursor: pointer; background: #fff; background: rgba(255,255,255,0); filter: Alpha(Opacity=0); opacity: .1; font-size: 1px; border: none; text-indent: -9999px; }
2106
- /* Fixes IE/WP filter alpha opacity bugs */
2107
- .ui-disabled .ui-btn-hidden { display: none; }
2108
- .ui-disabled { z-index: 1; }
2109
- .ui-field-contain .ui-btn.ui-submit { margin: 0; }
2110
- label.ui-submit { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
2111
- @media all and (min-width: 28em){
2112
- .ui-field-contain label.ui-submit { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
2113
- .ui-field-contain .ui-btn.ui-submit { width: 78%; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
2114
- .ui-hide-label .ui-btn.ui-submit { width: auto; display: block; }
2115
- }
2116
- .ui-collapsible-inset { margin: .5em 0; }
2117
- .ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -15px; padding: 0; position: relative; }
2118
- .ui-collapsible-inset .ui-collapsible-heading { margin: 0; }
2119
- .ui-collapsible-heading .ui-btn { text-align: left; margin: 0; border-left-width: 0; border-right-width: 0; }
2120
- .ui-collapsible-inset .ui-collapsible-heading .ui-btn { border-right-width: 1px; border-left-width: 1px; }
2121
- .ui-collapsible-collapsed + .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 0; }
2122
- .ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 1px; }
2123
- .ui-collapsible-heading .ui-btn-inner { padding-left: 12px; padding-right: 12px; }
2124
- .ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
2125
- .ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner { padding-right: 40px; }
2126
- .ui-collapsible-heading .ui-btn-icon-top .ui-btn-inner,
2127
- .ui-collapsible-heading .ui-btn-icon-bottom .ui-btn-inner { text-align: center; }
2128
- .ui-collapsible-heading .ui-btn-icon-left.ui-mini .ui-btn-inner { padding-left: 30px; }
2129
- .ui-collapsible-heading .ui-btn-icon-right.ui-mini .ui-btn-inner { padding-right: 30px; }
2130
- .ui-collapsible-heading .ui-btn span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0 1px 2px; text-indent: -9999px; }
2131
- .ui-collapsible-heading .ui-btn span.ui-btn .ui-btn-inner { padding: 10px 0; }
2132
- .ui-collapsible-heading .ui-btn span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
2133
- .ui-collapsible-heading-status { position: absolute; top: -9999px; left: 0; }
2134
- .ui-collapsible-content {
2135
- display: block;
2136
- margin: 0 -15px;
2137
- padding: 10px 15px;
2138
- border-left-width: 0;
2139
- border-right-width: 0;
2140
- border-top: none; /* Overrides ui-body-* */
2141
- background-image: none; /* Overrides ui-body-* */
2142
- }
2143
- .ui-collapsible-inset .ui-collapsible-content { margin: 0; border-right-width: 1px; border-left-width: 1px; }
2144
- .ui-collapsible-content-collapsed { display: none; }
2145
- .ui-collapsible-set > .ui-collapsible.ui-corner-all {
2146
- -webkit-border-radius: 0;
2147
- border-radius: 0;
2148
- }
2149
- .ui-collapsible-heading,
2150
- .ui-collapsible-heading > .ui-btn {
2151
- -webkit-border-radius: inherit;
2152
- border-radius: inherit;
2153
- }
2154
- .ui-collapsible-set .ui-collapsible.ui-first-child {
2155
- -webkit-border-top-right-radius: inherit;
2156
- border-top-right-radius: inherit;
2157
- -webkit-border-top-left-radius: inherit;
2158
- border-top-left-radius: inherit;
2159
- }
2160
- .ui-collapsible-content,
2161
- .ui-collapsible-set .ui-collapsible.ui-last-child {
2162
- -webkit-border-bottom-right-radius: inherit;
2163
- border-bottom-right-radius: inherit;
2164
- -webkit-border-bottom-left-radius: inherit;
2165
- border-bottom-left-radius: inherit;
2166
- }
2167
- .ui-collapsible-themed-content:not(.ui-collapsible-collapsed) > .ui-collapsible-heading {
2168
- -webkit-border-bottom-right-radius: 0;
2169
- border-bottom-right-radius: 0;
2170
- -webkit-border-bottom-left-radius: 0;
2171
- border-bottom-left-radius: 0;
2172
- }
2173
- .ui-collapsible-set { margin: .5em 0; }
2174
- .ui-collapsible-set .ui-collapsible { margin: -1px 0 0; }
2175
- .ui-collapsible-set .ui-collapsible.ui-first-child { margin-top: 0; }
2176
- .ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0; zoom: 1; }
2177
- .ui-controlgroup.ui-mini, fieldset.ui-controlgroup.ui-mini { margin: .25em 0; }
2178
- .ui-field-contain .ui-controlgroup, .ui-field-contain fieldset.ui-controlgroup { margin: 0; }
2179
- .ui-bar .ui-controlgroup { margin: 0 5px; }
2180
- .ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .4em; }
2181
- /* Fixes legend not wrapping on IE10 */
2182
- .ui-controlgroup-label legend { max-width: 100%; }
2183
- .ui-controlgroup-controls label.ui-select,
2184
- .ui-controlgroup-controls label.ui-submit { position: absolute; left: -9999px; }
2185
- .ui-controlgroup li { list-style: none; }
2186
- .ui-controlgroup .ui-btn { margin: 0; }
2187
- .ui-controlgroup .ui-btn-icon-notext { width: auto; height: auto; top: auto; }
2188
- .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 20px; padding: .6em 20px .6em 20px }
2189
- .ui-controlgroup-horizontal .ui-btn-icon-notext .ui-btn-inner { width: 18px; }
2190
- .ui-controlgroup.ui-mini .ui-btn-icon-notext .ui-btn-inner,
2191
- .ui-header .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner,
2192
- .ui-footer .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 16px; padding: .55em 11px .5em 11px; }
2193
- .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; right: 50%; margin: -9px -9px 0 0; }
2194
- .ui-controlgroup-horizontal .ui-btn-inner { text-align: center; }
2195
- .ui-controlgroup-horizontal.ui-mini .ui-btn-inner { height: 16px; line-height: 16px; }
2196
- .ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; }
2197
- .ui-controlgroup-horizontal .ui-controlgroup-controls:before,
2198
- .ui-controlgroup-horizontal .ui-controlgroup-controls:after { content: ""; display: table; }
2199
- .ui-controlgroup-horizontal .ui-controlgroup-controls:after { clear: both; }
2200
- .ui-controlgroup-horizontal .ui-controlgroup-controls { display: inline-block; vertical-align: middle; zoom: 1; }
2201
- .ui-controlgroup-horizontal .ui-controlgroup-controls > .ui-btn, .ui-controlgroup-horizontal .ui-controlgroup-controls li > .ui-btn,
2202
- .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio,
2203
- .ui-controlgroup-horizontal .ui-select { float: left; clear: none; margin: 0; }
2204
- /* On IE7 the floating selects will be displayed as block if .ui-btn-text has width 100% */
2205
- .ui-controlgroup-horizontal .ui-select .ui-btn-text { width: auto; }
2206
- .ui-controlgroup-vertical .ui-btn { border-bottom-width: 0; }
2207
- .ui-controlgroup-vertical .ui-btn.ui-last-child { border-bottom-width: 1px; }
2208
- .ui-controlgroup-horizontal .ui-btn { border-right-width: 0; }
2209
- .ui-controlgroup-horizontal .ui-btn.ui-last-child { border-right-width: 1px; }
2210
- .ui-controlgroup .ui-btn-corner-all {
2211
- -webkit-border-radius: 0;
2212
- border-radius: 0;
2213
- }
2214
- .ui-controlgroup .ui-controlgroup-controls,
2215
- .ui-controlgroup .ui-radio,
2216
- .ui-controlgroup .ui-checkbox,
2217
- .ui-controlgroup .ui-select,
2218
- .ui-controlgroup li {
2219
- -webkit-border-radius: inherit;
2220
- border-radius: inherit;
2221
- }
2222
- .ui-controlgroup-vertical .ui-btn.ui-first-child {
2223
- -webkit-border-top-left-radius: inherit;
2224
- border-top-left-radius: inherit;
2225
- -webkit-border-top-right-radius: inherit;
2226
- border-top-right-radius: inherit;
2227
- }
2228
- .ui-controlgroup-vertical .ui-btn.ui-last-child {
2229
- -webkit-border-bottom-left-radius: inherit;
2230
- border-bottom-left-radius: inherit;
2231
- -webkit-border-bottom-right-radius: inherit;
2232
- border-bottom-right-radius: inherit;
2233
- }
2234
- .ui-controlgroup-horizontal .ui-btn.ui-first-child {
2235
- -webkit-border-top-left-radius: inherit;
2236
- border-top-left-radius: inherit;
2237
- -webkit-border-bottom-left-radius: inherit;
2238
- border-bottom-left-radius: inherit;
2239
- }
2240
- .ui-controlgroup-horizontal .ui-btn.ui-last-child {
2241
- -webkit-border-top-right-radius: inherit;
2242
- border-top-right-radius: inherit;
2243
- -webkit-border-bottom-right-radius: inherit;
2244
- border-bottom-right-radius: inherit;
2245
- }
2246
- .ui-controlgroup .ui-shadow:not(.ui-focus) {
2247
- -moz-box-shadow: none;
2248
- -webkit-box-shadow: none;
2249
- box-shadow: none;
2250
- }
2251
- @media all and (min-width: 28em){
2252
- .ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
2253
- .ui-field-contain .ui-controlgroup-controls { width: 78%; display: inline-block; }
2254
- .ui-field-contain .ui-controlgroup .ui-select { width: 100%; display: block; }
2255
- .ui-field-contain .ui-controlgroup-horizontal .ui-select { width: auto; }
2256
- .ui-hide-label .ui-controlgroup-controls { width: 100%; }
2257
- }
2258
- .ui-dialog {
2259
- background: none !important; /* this is to ensure that dialog theming does not apply (by default at least) on the page div */
2260
- }
2261
- .ui-dialog-contain {
2262
- width: 92.5%;
2263
- max-width: 500px;
2264
- margin: 10% auto 15px auto;
2265
- padding: 0;
2266
- position: relative;
2267
- top: -15px;
2268
- }
2269
- .ui-dialog-contain > .ui-header,
2270
- .ui-dialog-contain > .ui-content,
2271
- .ui-dialog-contain > .ui-footer {
2272
- display: block;
2273
- position: relative;
2274
- width: auto;
2275
- margin: 0;
2276
- }
2277
- .ui-dialog-contain > .ui-header {
2278
- border: none;
2279
- overflow: hidden;
2280
- z-index: 10;
2281
- padding: 0;
2282
- }
2283
- .ui-dialog-contain > .ui-content {
2284
- padding: 15px;
2285
- }
2286
- .ui-dialog-contain > .ui-footer {
2287
- z-index: 10;
2288
- padding: 0 15px;
2289
- }
2290
- .ui-popup-open .ui-header-fixed,
2291
- .ui-popup-open .ui-footer-fixed {
2292
- position: absolute !important; /* See line #553 of popup.js */
2293
- }
2294
- .ui-popup-screen {
2295
- background-image: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); /* Necessary to set some form of background to ensure element is clickable in IE6/7. While legacy IE won't understand the data-URI'd image, it ensures no additional requests occur in all other browsers with little overhead. */
2296
- top: 0;
2297
- left: 0;
2298
- right: 0;
2299
- bottom: 1px;
2300
- position: absolute;
2301
- filter: Alpha(Opacity=0);
2302
- opacity: 0;
2303
- z-index: 1099;
2304
- }
2305
- .ui-popup-screen.in {
2306
- opacity: 0.5;
2307
- filter: Alpha(Opacity=50);
2308
- }
2309
- .ui-popup-screen.out {
2310
- opacity: 0;
2311
- filter: Alpha(Opacity=0);
2312
- }
2313
- .ui-popup-container {
2314
- z-index: 1100;
2315
- display: inline-block;
2316
- position: absolute;
2317
- padding: 0;
2318
- outline: 0;
2319
- }
2320
- .ui-popup {
2321
- position: relative;
2322
- }
2323
- .ui-popup.ui-content,
2324
- .ui-popup .ui-content {
2325
- overflow: visible;
2326
- }
2327
- .ui-popup > p,
2328
- .ui-popup > h1,
2329
- .ui-popup > h2,
2330
- .ui-popup > h3,
2331
- .ui-popup > h4,
2332
- .ui-popup > h5,
2333
- .ui-popup > h6 {
2334
- margin: .5em 7px;
2335
- }
2336
- .ui-popup > span {
2337
- display: block;
2338
- margin: .5em 7px;
2339
- }
2340
- .ui-popup .ui-title {
2341
- font-size: 16px;
2342
- font-weight: bold;
2343
- margin-top: .5em;
2344
- margin-bottom: .5em;
2345
- }
2346
- .ui-popup-container .ui-content > p,
2347
- .ui-popup-container .ui-content > h1,
2348
- .ui-popup-container .ui-content > h2,
2349
- .ui-popup-container .ui-content > h3,
2350
- .ui-popup-container .ui-content > h4,
2351
- .ui-popup-container .ui-content > h5,
2352
- .ui-popup-container .ui-content > h6 {
2353
- margin: .5em 0;
2354
- }
2355
- .ui-popup-container .ui-content > span {
2356
- margin: 0;
2357
- }
2358
- .ui-popup-container .ui-content > p:first-child,
2359
- .ui-popup-container .ui-content > h1:first-child,
2360
- .ui-popup-container .ui-content > h2:first-child,
2361
- .ui-popup-container .ui-content > h3:first-child,
2362
- .ui-popup-container .ui-content > h4:first-child,
2363
- .ui-popup-container .ui-content > h5:first-child,
2364
- .ui-popup-container .ui-content > h6:first-child {
2365
- margin-top: 0;
2366
- }
2367
- .ui-popup-container .ui-content > p:last-child,
2368
- .ui-popup-container .ui-content > h1:last-child,
2369
- .ui-popup-container .ui-content > h2:last-child,
2370
- .ui-popup-container .ui-content > h3:last-child,
2371
- .ui-popup-container .ui-content > h4:last-child,
2372
- .ui-popup-container .ui-content > h5:last-child,
2373
- .ui-popup-container .ui-content > h6:last-child {
2374
- margin-bottom: 0;
2375
- }
2376
- .ui-popup > img {
2377
- width: auto;
2378
- height: auto;
2379
- max-width: 100%;
2380
- max-height: 100%;
2381
- vertical-align: middle;
2382
- }
2383
- .ui-popup:not(.ui-content) > img:only-child,
2384
- .ui-popup:not(.ui-content) > .ui-btn-left:first-child + img:last-child,
2385
- .ui-popup:not(.ui-content) > .ui-btn-right:first-child + img:last-child {
2386
- -webkit-border-radius: inherit;
2387
- border-radius: inherit;
2388
- }
2389
- .ui-popup iframe {
2390
- vertical-align: middle;
2391
- }
2392
- @media all and (min-width: 28em){
2393
- .ui-popup .ui-field-contain label.ui-submit,
2394
- .ui-popup .ui-field-contain .ui-controlgroup-label,
2395
- .ui-popup .ui-field-contain label.ui-select,
2396
- .ui-popup .ui-field-contain label.ui-input-text {
2397
- font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em;
2398
- }
2399
- .ui-popup .ui-field-contain .ui-btn.ui-submit,
2400
- .ui-popup .ui-field-contain .ui-controlgroup-controls,
2401
- .ui-popup .ui-field-contain .ui-select,
2402
- .ui-popup .ui-field-contain input.ui-input-text,
2403
- .ui-popup .ui-field-contain textarea.ui-input-text,
2404
- .ui-popup .ui-field-contain .ui-input-search {
2405
- width: 100%; display: block;
2406
- }
2407
- }
2408
- .ui-popup > .ui-btn-left,
2409
- .ui-popup > .ui-btn-right {
2410
- position: absolute;
2411
- top: -9px;
2412
- margin: 0;
2413
- z-index: 1101;
2414
- }
2415
- .ui-popup > .ui-btn-left { left: -9px; }
2416
- .ui-popup > .ui-btn-right { right: -9px; }
2417
- .ui-popup-hidden { top: -99999px; left: -9999px; visibility: hidden; }
2418
- .ui-checkbox, .ui-radio { position: relative; clear: both; margin: 0; z-index: 1; }
2419
- .ui-checkbox .ui-btn, .ui-radio .ui-btn { text-align: left; z-index: 2; }
2420
- .ui-controlgroup .ui-checkbox .ui-btn, .ui-controlgroup .ui-radio .ui-btn { margin: 0; }
2421
- .ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }
2422
- .ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
2423
- .ui-checkbox .ui-mini.ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-mini.ui-btn-icon-left .ui-btn-inner { padding-left: 36px; }
2424
- .ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
2425
- .ui-checkbox .ui-mini.ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 36px; }
2426
- .ui-checkbox .ui-btn-icon-top .ui-btn-inner, .ui-radio .ui-btn-icon-top .ui-btn-inner { padding-right: 0; padding-left: 0; text-align: center; }
2427
- .ui-checkbox .ui-btn-icon-bottom .ui-btn-inner, .ui-radio .ui-btn-icon-bottom .ui-btn-inner { padding-right: 0; padding-left: 0; text-align: center; }
2428
- .ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }
2429
- .ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon { left: 15px; }
2430
- .ui-checkbox .ui-mini.ui-btn-icon-left .ui-icon, .ui-radio .ui-mini.ui-btn-icon-left .ui-icon { left: 9px; }
2431
- .ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
2432
- .ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
2433
- .ui-checkbox .ui-btn-icon-top .ui-icon, .ui-radio .ui-btn-icon-top .ui-icon { top: 10px; }
2434
- .ui-checkbox .ui-btn-icon-bottom .ui-icon, .ui-radio .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
2435
- .ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
2436
- .ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
2437
- .ui-controlgroup-horizontal .ui-checkbox .ui-icon,
2438
- .ui-controlgroup-horizontal .ui-radio .ui-icon { display: none; }
2439
- .ui-controlgroup-horizontal .ui-checkbox .ui-btn-inner,
2440
- .ui-controlgroup-horizontal .ui-radio .ui-btn-inner { padding: .6em 20px; }
2441
- .ui-controlgroup-horizontal .ui-checkbox .ui-mini .ui-btn-inner,
2442
- .ui-controlgroup-horizontal .ui-radio .ui-mini .ui-btn-inner { padding: .55em 11px .5em; }
2443
- /* input, label positioning */
2444
- .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; }
2445
- .ui-field-contain, fieldset.ui-field-contain { padding: .8em 0; margin: 0; border-width: 0 0 1px 0; overflow: visible; }
2446
- .ui-field-contain:last-child { border-bottom-width: 0; }
2447
- .ui-field-contain { max-width: 100%; } /* This prevents horizontal scrollbar in IE7 */
2448
- @media all and (min-width: 28em){
2449
- .ui-field-contain, .ui-mobile fieldset.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
2450
- }
2451
- .ui-select { display: block; position: relative; }
2452
- .ui-select select { position: absolute; left: -9999px; top: -9999px; }
2453
- .ui-select .ui-btn { opacity: 1; }
2454
- .ui-field-contain .ui-select .ui-btn { margin: 0; }
2455
- /* Fixes #2588: When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select (including "inherit") without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. */
2456
- .ui-select .ui-btn select { cursor: pointer; -webkit-appearance: none; left: 0; top:0; width: 100%; min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; filter: Alpha(Opacity=0); opacity: 0; z-index: 2; }
2457
- .ui-select .ui-disabled { opacity: .3; }
2458
- /* Display none because of issues with IE/WP's filter alpha opacity */
2459
- .ui-select .ui-disabled select { display: none; }
2460
- @-moz-document url-prefix() { .ui-select .ui-btn select { opacity: 0.0001; }}
2461
- .ui-select .ui-btn.ui-select-nativeonly { border-radius: 0; border: 0; }
2462
- .ui-select .ui-btn.ui-select-nativeonly select { opacity: 1; text-indent: 0; display: block; }
2463
- .ui-select .ui-disabled.ui-select-nativeonly .ui-btn-inner { opacity: 0; }
2464
- .ui-select .ui-btn-icon-right .ui-btn-inner, .ui-select .ui-li-has-count .ui-btn-inner { padding-right: 45px; }
2465
- .ui-select .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 32px; }
2466
- .ui-select .ui-btn-icon-right.ui-li-has-count .ui-btn-inner { padding-right: 80px; }
2467
- .ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-btn-inner { padding-right: 67px; }
2468
- .ui-select .ui-btn-icon-right .ui-icon { right: 15px; }
2469
- .ui-select .ui-mini.ui-btn-icon-right .ui-icon { right: 7px; }
2470
- .ui-select .ui-btn-icon-right.ui-li-has-count .ui-li-count { right: 45px; }
2471
- .ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-li-count { right: 32px; }
2472
- /* labels */
2473
- label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
2474
- /*listbox*/
2475
- .ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden !important;
2476
- /* This !important is required for iPad Safari specifically. See https://github.com/jquery/jquery-mobile/issues/2647 */ }
2477
- .ui-select .ui-btn-text { text-overflow: ellipsis; }
2478
- .ui-selectmenu { padding: 6px; min-width: 160px; }
2479
- .ui-selectmenu .ui-listview { margin: 0; }
2480
- .ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }
2481
- .ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; }
2482
- .ui-selectmenu-list .ui-li .ui-icon { display: block; }
2483
- .ui-li.ui-selectmenu-placeholder { display: none; }
2484
- .ui-selectmenu .ui-header { margin: 0; padding: 0; }
2485
- .ui-selectmenu.ui-popup .ui-header { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }
2486
- .ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }
2487
- @media all and (min-width: 28em){
2488
- .ui-field-contain label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
2489
- .ui-field-contain .ui-select { width: 78%; display: inline-block; }
2490
- .ui-hide-label .ui-select { width: 100%; }
2491
- }
2492
- /* 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 */
2493
- .ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }
2494
- label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
2495
- input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; margin: .5em 0; min-height: 1.4em; line-height: 1.4em; font-size: 16px; display: block; width: 100%; outline: 0; }
2496
- input.ui-mini, .ui-mini input, textarea.ui-mini { font-size: 14px; }
2497
- div.ui-input-text input.ui-input-text, div.ui-input-text textarea.ui-input-text,
2498
- .ui-input-search input.ui-input-text { border: none; width: 100%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
2499
- .ui-input-search, div.ui-input-text { margin: .5em 0; background-image: none; position: relative; }
2500
- .ui-input-search { padding: 0 30px; }
2501
- div.ui-input-text { padding: 0 .4em; }
2502
- div.ui-input-has-clear { padding: 0 30px 0 .4em; }
2503
- input.ui-input-text.ui-mini, textarea.ui-input-text.ui-mini,
2504
- .ui-input-search.ui-mini, div.ui-input-text.ui-mini { margin: .25em 0; }
2505
- .ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text,
2506
- .ui-field-contain .ui-input-search, .ui-field-contain div.ui-input-text { margin: 0; }
2507
- textarea.ui-input-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
2508
- input.ui-input-text { -webkit-appearance: none; }
2509
- 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; }
2510
- textarea.ui-mini { height: 45px; }
2511
- .ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; }
2512
- .ui-input-search .ui-input-clear, .ui-input-text .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -13px; }
2513
- .ui-mini .ui-input-clear { right: -3px; }
2514
- .ui-input-search .ui-input-clear-hidden, .ui-input-text .ui-input-clear-hidden { display: none; }
2515
- /* Resolves issue #5166: Added to support issue introduced in Firefox 15. We can likely remove this in the future. */
2516
- input::-moz-placeholder, textarea::-moz-placeholder { color: #aaa; }
2517
- /* For IE10 */
2518
- :-ms-input-placeholder { color: #aaa; }
2519
- /* Resolves issue #5131: Width of textinput depends on its type, for Android 4.1 */
2520
- input[type=number]::-webkit-outer-spin-button { margin: 0; }
2521
- @media all and (min-width: 28em){
2522
- .ui-field-contain label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 }
2523
- .ui-field-contain input.ui-input-text,
2524
- .ui-field-contain textarea.ui-input-text,
2525
- .ui-field-contain .ui-input-search,
2526
- .ui-field-contain div.ui-input-text { width: 78%; display: inline-block; }
2527
- .ui-field-contain .ui-input-search,
2528
- .ui-field-contain div.ui-input-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
2529
- .ui-hide-label input.ui-input-text,
2530
- .ui-hide-label textarea.ui-input-text,
2531
- .ui-hide-label .ui-input-search,
2532
- .ui-hide-label div.ui-input-text,
2533
- .ui-input-search input.ui-input-text,
2534
- div.ui-input-text input.ui-input-text { width: 100%; }
2535
- }
2536
- .ui-rangeslider {
2537
- zoom: 1;
2538
- margin: 0;
2539
- }
2540
- .ui-rangeslider:before,
2541
- .ui-rangeslider:after {
2542
- content: "";
2543
- display: table;
2544
- }
2545
- .ui-rangeslider:after {
2546
- clear: both;
2547
- }
2548
- /* Margin-top/bottom: .5em * 16px/14px to make it equal to ui-rangeslider-sliders margin (input font-size is 14px) */
2549
- .ui-rangeslider input.ui-input-text.ui-slider-input {
2550
- margin: .57143em 0;
2551
- }
2552
- .ui-rangeslider.ui-mini input.ui-slider-input {
2553
- margin: .28571em 0;
2554
- }
2555
- .ui-rangeslider input.ui-slider-input.ui-rangeslider-last {
2556
- float: right;
2557
- }
2558
- .ui-rangeslider .ui-rangeslider-sliders {
2559
- position: relative;
2560
- overflow: visible;
2561
- height: 30px;
2562
- margin: .5em 68px;
2563
- }
2564
- .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
2565
- margin: .25em 68px;
2566
- }
2567
- .ui-field-contain .ui-rangeslider input.ui-slider-input,
2568
- .ui-field-contain .ui-rangeslider.ui-mini input.ui-slider-input,
2569
- .ui-field-contain .ui-rangeslider .ui-rangeslider-sliders,
2570
- .ui-field-contain .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
2571
- margin-top: 0;
2572
- margin-bottom: 0;
2573
- }
2574
- .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track {
2575
- position: absolute;
2576
- top: 6px;
2577
- right: 0;
2578
- left: 0;
2579
- margin: 0;
2580
- }
2581
- .ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track {
2582
- top: 8px;
2583
- }
2584
- .ui-rangeslider .ui-slider-track:first-child .ui-slider-bg {
2585
- display: none;
2586
- }
2587
- .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
2588
- background-color: transparent;
2589
- background: none;
2590
- border-width: 0;
2591
- height: 0;
2592
- }
2593
- /* this makes ie6 and ie7 set height to 0 to fix z-index problem */
2594
- html >/**/body .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
2595
- height: 15px;
2596
- border-width: 1px;
2597
- }
2598
- html >/**/body .ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track:first-child {
2599
- height: 12px;
2600
- }
2601
- @media all and (min-width: 28em){
2602
- .ui-field-contain .ui-rangeslider label.ui-slider {
2603
- float: left;
2604
- }
2605
- .ui-field-contain .ui-rangeslider input.ui-slider-input {
2606
- position: relative;
2607
- z-index: 1;
2608
- }
2609
- .ui-field-contain .ui-rangeslider input.ui-slider-input.ui-rangeslider-first,
2610
- .ui-field-contain .ui-rangeslider.ui-mini input.ui-slider-input.ui-rangeslider-first {
2611
- margin-right: 17px;
2612
- }
2613
- .ui-field-contain .ui-rangeslider .ui-rangeslider-sliders,
2614
- .ui-field-contain .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
2615
- float: left;
2616
- width: 78%;
2617
- margin: 0 -68px;
2618
- }
2619
- .ui-field-contain .ui-rangeslider .ui-slider-track,
2620
- .ui-field-contain .ui-rangeslider.ui-mini .ui-slider-track {
2621
- right: 68px;
2622
- left: 68px;
2623
- }
2624
- .ui-field-contain.ui-hide-label .ui-rangeslider input.ui-slider-input.ui-rangeslider-first {
2625
- margin: 0;
2626
- }
2627
- .ui-field-contain.ui-hide-label .ui-rangeslider .ui-rangeslider-sliders,
2628
- .ui-field-contain.ui-hide-label .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
2629
- width: auto;
2630
- float: none;
2631
- margin: 0 68px;
2632
- }
2633
- .ui-field-contain.ui-hide-label .ui-rangeslider .ui-slider-track,
2634
- .ui-field-contain.ui-hide-label .ui-rangeslider.ui-mini .ui-slider-track {
2635
- right: 0;
2636
- left: 0;
2637
- }
2638
- }
2639
- .ui-listview { margin: 0; }
2640
- ol.ui-listview, ol.ui-listview .ui-li-divider { counter-reset: listnumbering; }
2641
- .ui-content .ui-listview, .ui-panel-inner > .ui-listview { margin: -15px; }
2642
- .ui-collapsible-content > .ui-listview { margin: -10px -15px; }
2643
- .ui-content .ui-listview-inset, .ui-panel-inner .ui-listview-inset { margin: 1em 0; }
2644
- .ui-collapsible-content .ui-listview-inset { margin: .5em 0; }
2645
- .ui-listview, .ui-li { list-style: none; padding: 0; }
2646
- .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; }
2647
- .ui-li.ui-btn, .ui-li.ui-field-contain, .ui-li-divider, .ui-li-static { margin: 0; }
2648
- .ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
2649
- .ui-li.ui-last-child, .ui-li.ui-field-contain.ui-last-child { border-bottom-width: 1px; }
2650
- .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) > .ui-li.ui-first-child { border-top-width: 0; }
2651
- .ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset) > .ui-li.ui-last-child { border-bottom-width: 0; }
2652
- .ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
2653
- .ui-li-static { background-image: none; }
2654
- .ui-li-divider { padding: .5em 15px; font-size: 14px; font-weight: bold; }
2655
- 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) ". "; }
2656
- ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */
2657
- .ui-listview .ui-li > .ui-btn-text {
2658
- -webkit-border-radius: inherit;
2659
- border-radius: inherit;
2660
- }
2661
- .ui-listview > .ui-li.ui-first-child,
2662
- .ui-listview .ui-btn.ui-first-child > .ui-li > .ui-btn-text > .ui-link-inherit {
2663
- -webkit-border-top-right-radius: inherit;
2664
- border-top-right-radius: inherit;
2665
- -webkit-border-top-left-radius: inherit;
2666
- border-top-left-radius: inherit;
2667
- }
2668
- .ui-listview > .ui-li.ui-last-child,
2669
- .ui-listview .ui-btn.ui-last-child > .ui-li > .ui-btn-text > .ui-link-inherit,
2670
- .ui-collapsible-content > .ui-listview:not(.ui-listview-inset),
2671
- .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li.ui-last-child {
2672
- -webkit-border-bottom-right-radius: inherit;
2673
- border-bottom-right-radius: inherit;
2674
- -webkit-border-bottom-left-radius: inherit;
2675
- border-bottom-left-radius: inherit;
2676
- }
2677
- .ui-listview > .ui-li.ui-first-child .ui-li-link-alt {
2678
- -webkit-border-top-right-radius: inherit;
2679
- border-top-right-radius: inherit;
2680
- }
2681
- .ui-listview > .ui-li.ui-last-child .ui-li-link-alt {
2682
- -webkit-border-bottom-right-radius: inherit;
2683
- border-bottom-right-radius: inherit;
2684
- }
2685
- .ui-listview > .ui-li.ui-first-child .ui-li-thumb:not(.ui-li-icon) {
2686
- -webkit-border-top-left-radius: inherit;
2687
- border-top-left-radius: inherit;
2688
- }
2689
- .ui-listview > .ui-li.ui-last-child .ui-li-thumb:not(.ui-li-icon) {
2690
- -webkit-border-bottom-left-radius: inherit;
2691
- border-bottom-left-radius: inherit;
2692
- }
2693
- .ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }
2694
- .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 15px; display: block; }
2695
- .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb { min-height: 59px; padding-left: 100px; }
2696
- .ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon { min-height: 20px; padding-left: 40px; }
2697
- .ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-count, .ui-li-divider.ui-li-has-count { padding-right: 45px; }
2698
- .ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow { padding-right: 40px; }
2699
- .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; }
2700
- .ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
2701
- .ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
2702
- ol.ui-listview > .ui-li .ui-li-heading { display: inline-block; width: 100%; margin-left: -1.3em; text-indent: 1.3em; vertical-align: middle; }
2703
- ol.ui-listview > .ui-li .ui-li-desc:not(.ui-li-aside) { text-indent: 1.55em; }
2704
- .ui-li-thumb, .ui-listview .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
2705
- .ui-listview .ui-li-icon { max-height: 16px; max-width: 16px; left: 10px; top: .9em; }
2706
- .ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
2707
- .ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }
2708
- @media all and (min-width: 480px){
2709
- .ui-li-aside { width: 45%; }
2710
- }
2711
- .ui-li-divider { cursor: default; }
2712
- .ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 53px; }
2713
- .ui-li-has-alt.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt.ui-li-has-count { padding-right: 88px; }
2714
- .ui-li-has-count .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 10px; }
2715
- .ui-li-has-count.ui-li-divider .ui-li-count, .ui-li-has-count .ui-link-inherit .ui-li-count { margin-top: -.95em; }
2716
- .ui-li-has-arrow.ui-li-has-count .ui-li-count { right: 40px; }
2717
- .ui-li-has-alt.ui-li-has-count .ui-li-count { right: 53px; }
2718
- .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; z-index: 2; }
2719
- .ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -13px 0 0 0; border-bottom-width: 1px; z-index: -1;}
2720
- .ui-li-link-alt .ui-btn-inner { padding: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;}
2721
- .ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; }
2722
- .ui-li-link-alt .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
2723
- .ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top: 0; }
2724
- .ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px; }
2725
- .ui-collapsible-content .ui-listview-filter { margin: -10px -15px 10px -15px; border-bottom: inherit; }
2726
- .ui-listview-filter-inset { margin: -15px -5px; background: transparent; }
2727
- .ui-collapsible-content .ui-listview-filter-inset { margin: -5px; border-bottom-width: 0; }
2728
- .ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
2729
- .ui-li.ui-screen-hidden{ display:none; }
2730
- /* Odd iPad positioning issue. */
2731
- @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
2732
- .ui-li .ui-btn-text { overflow: visible; }
2733
- }
2734
- label.ui-slider {
2735
- font-size: 16px;
2736
- line-height: 1.4;
2737
- font-weight: normal;
2738
- margin: 0;
2739
- display: block;
2740
- }
2741
- .ui-field-contain label.ui-slider {
2742
- margin-bottom: .4em;
2743
- }
2744
- div.ui-slider {
2745
- height: 30px;
2746
- margin: .5em 0;
2747
- zoom: 1;
2748
- }
2749
- div.ui-slider.ui-mini {
2750
- margin: .25em 0;
2751
- }
2752
- .ui-field-contain div.ui-slider,
2753
- .ui-field-contain div.ui-slider.ui-mini {
2754
- margin: 0;
2755
- }
2756
- div.ui-slider:before, div.ui-slider:after {
2757
- content: "";
2758
- display: table;
2759
- }
2760
- div.ui-slider:after {
2761
- clear: both;
2762
- }
2763
- /* High level of specificity to override Textinput CSS. */
2764
- input.ui-input-text.ui-slider-input {
2765
- display: block;
2766
- float: left;
2767
- margin: 0;
2768
- padding: 4px;
2769
- width: 40px;
2770
- height: 22px;
2771
- line-height: 22px;
2772
- font-size: 14px;
2773
- border-width: 0;
2774
- background-image: none;
2775
- font-weight: bold;
2776
- text-align: center;
2777
- vertical-align: text-bottom;
2778
- outline: 0;
2779
- -webkit-box-sizing: content-box;
2780
- -moz-box-sizing: content-box;
2781
- -ms-box-sizing: content-box;
2782
- box-sizing: content-box;
2783
- }
2784
- .ui-slider-input::-webkit-outer-spin-button,
2785
- .ui-slider-input::-webkit-inner-spin-button {
2786
- -webkit-appearance: none;
2787
- margin: 0;
2788
- }
2789
- .ui-slider-track,
2790
- .ui-slider-switch {
2791
- position: relative;
2792
- overflow: visible;
2793
- height: 15px;
2794
- margin: 0 15px 0 68px;
2795
- top: 6px;
2796
- }
2797
- .ui-slider-track.ui-mini {
2798
- height: 12px;
2799
- top: 8px;
2800
- }
2801
- .ui-slider-bg {
2802
- border: none;
2803
- height: 100%;
2804
- }
2805
- /* High level of specificity to override button margins in grids */
2806
- .ui-slider-track .ui-btn.ui-slider-handle,
2807
- .ui-slider-switch .ui-btn.ui-slider-handle {
2808
- position: absolute;
2809
- z-index: 1;
2810
- top: 50%;
2811
- width: 28px;
2812
- height: 28px;
2813
- margin: -15px 0 0 -15px;
2814
- outline: 0;
2815
- }
2816
- .ui-slider-track.ui-mini .ui-slider-handle {
2817
- height: 14px;
2818
- width: 14px;
2819
- margin: -8px 0 0 -7px;
2820
- }
2821
- .ui-slider-handle .ui-btn-inner {
2822
- padding: 0;
2823
- height: 100%;
2824
- }
2825
- .ui-slider-track.ui-mini .ui-slider-handle .ui-btn-inner {
2826
- height: 30px;
2827
- width: 30px;
2828
- padding: 0;
2829
- margin: -9px 0 0 -9px;
2830
- border-top: none;
2831
- }
2832
- select.ui-slider-switch {
2833
- display: none;
2834
- }
2835
- div.ui-slider-switch {
2836
- display: inline-block;
2837
- height: 32px;
2838
- width: 5.8em;
2839
- margin: .5em 0;
2840
- top: 0;
2841
- }
2842
- /* reset the clearfix */
2843
- div.ui-slider-switch:before, div.ui-slider-switch:after {
2844
- display: none;
2845
- clear: none;
2846
- }
2847
- div.ui-slider-switch.ui-mini {
2848
- width: 5em;
2849
- height: 29px;
2850
- margin: .25em 0;
2851
- top: 0;
2852
- }
2853
- .ui-field-contain .ui-slider-switch,
2854
- .ui-field-contain .ui-slider-switch.ui-mini {
2855
- margin: 0;
2856
- }
2857
- .ui-slider-inneroffset {
2858
- margin: 0 16px;
2859
- position: relative;
2860
- z-index: 1;
2861
- }
2862
- .ui-slider-switch.ui-mini .ui-slider-inneroffset {
2863
- margin: 0 15px 0 14px;
2864
- }
2865
- .ui-slider-switch .ui-btn.ui-slider-handle {
2866
- margin: 1px 0 0 -15px;
2867
- }
2868
- .ui-slider-switch.ui-mini .ui-slider-handle {
2869
- width: 25px;
2870
- height: 25px;
2871
- margin: 1px 0 0 -13px;
2872
- padding: 0;
2873
- }
2874
- .ui-slider-handle-snapping {
2875
- -webkit-transition: left 70ms linear;
2876
- -moz-transition: left 70ms linear;
2877
- }
2878
- .ui-slider-switch.ui-mini .ui-slider-handle .ui-btn-inner {
2879
- height: 30px;
2880
- width: 30px;
2881
- padding: 0;
2882
- margin: 0;
2883
- border-top: none;
2884
- }
2885
- .ui-slider-switch .ui-slider-label {
2886
- position: absolute;
2887
- text-align: center;
2888
- width: 100%;
2889
- overflow: hidden;
2890
- font-size: 16px;
2891
- top: 0;
2892
- line-height: 2;
2893
- min-height: 100%;
2894
- border-width: 0;
2895
- white-space: nowrap;
2896
- cursor: pointer;
2897
- }
2898
- .ui-slider-switch.ui-mini .ui-slider-label {
2899
- font-size: 14px;
2900
- }
2901
- .ui-slider-switch .ui-slider-label-a {
2902
- z-index: 1;
2903
- left: 0;
2904
- text-indent: -1.5em;
2905
- }
2906
- .ui-slider-switch .ui-slider-label-b {
2907
- z-index: 0;
2908
- right: 0;
2909
- text-indent: 1.5em;
2910
- }
2911
- @media all and (min-width: 28em){
2912
- .ui-field-contain label.ui-slider {
2913
- vertical-align: top;
2914
- display: inline-block;
2915
- width: 20%;
2916
- margin: 0 2% 0 0;
2917
- }
2918
- .ui-field-contain div.ui-slider {
2919
- display: inline-block;
2920
- width: 78%;
2921
- }
2922
- .ui-field-contain.ui-hide-label div.ui-slider {
2923
- display: block;
2924
- width: auto;
2925
- }
2926
- .ui-field-contain div.ui-slider-switch,
2927
- .ui-field-contain.ui-hide-label div.ui-slider-switch {
2928
- display: inline-block;
2929
- width: 5.8em;
2930
- }
2931
- .ui-field-contain div.ui-slider-switch.ui-mini {
2932
- width: 5em;
2933
- }
2934
- }
2935
- .ui-table {
2936
- border: 0;
2937
- border-collapse: collapse;
2938
- padding: 0;
2939
- width: 100%;
2940
- }
2941
- .ui-table th,
2942
- .ui-table td {
2943
- line-height: 1.5em;
2944
- text-align: left;
2945
- padding: .4em .5em;
2946
- vertical-align:top;
2947
- }
2948
- .ui-table th .ui-btn,
2949
- .ui-table td .ui-btn {
2950
- line-height: normal;
2951
- }
2952
- .ui-table th {
2953
- font-weight: bold;
2954
- }
2955
- .ui-table caption {
2956
- text-align:left;
2957
- margin-bottom:1.4em;
2958
- opacity: .5;
2959
- }
2960
- /* Add strokes between each row */
2961
- .table-stroke thead th {
2962
- border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
2963
- border-bottom: 1px solid rgba(0, 0, 0, .1);
2964
- }
2965
- .table-stroke tbody th,
2966
- .table-stroke tbody td {
2967
- border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback */
2968
- border-bottom: 1px solid rgba(0, 0, 0, .05);
2969
- }
2970
- /* Add alternating row stripes */
2971
- .table-stripe tbody tr:nth-child(odd) td,
2972
- .table-stripe tbody tr:nth-child(odd) th {
2973
- background-color: #eeeeee; /* non-RGBA fallback */
2974
- background-color: rgba(0,0,0,0.04);
2975
- }
2976
- /* Add stroke to the header and last item */
2977
- .table-stripe thead th,
2978
- .table-stripe tbody tr:last-child {
2979
- border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
2980
- border-bottom: 1px solid rgba(0, 0, 0, .1);
2981
- }
2982
- /*
2983
- Styles for the table columntoggle mode
2984
- */
2985
- .ui-table-columntoggle-btn {
2986
- float: right;
2987
- margin-bottom:.8em;
2988
- }
2989
- /* Remove top/bottom margins around the fieldcontain on check list */
2990
- .ui-table-columntoggle-popup fieldset {
2991
- margin:0;
2992
- }
2993
- /* Hide all prioritized columns by default */
2994
- @media only all {
2995
- th.ui-table-priority-6,
2996
- td.ui-table-priority-6,
2997
- th.ui-table-priority-5,
2998
- td.ui-table-priority-5,
2999
- th.ui-table-priority-4,
3000
- td.ui-table-priority-4,
3001
- th.ui-table-priority-3,
3002
- td.ui-table-priority-3,
3003
- th.ui-table-priority-2,
3004
- td.ui-table-priority-2,
3005
- th.ui-table-priority-1,
3006
- td.ui-table-priority-1 {
3007
- display: none;
3008
- }
3009
- }
3010
- /* Preset breakpoints if ".ui-responsive" class added to table */
3011
- /* Show priority 1 at 320px (20em x 16px) */
3012
- @media screen and (min-width: 20em) {
3013
- .ui-table-columntoggle.ui-responsive th.ui-table-priority-1,
3014
- .ui-table-columntoggle.ui-responsive td.ui-table-priority-1 {
3015
- display: table-cell;
3016
- }
3017
- }
3018
- /* Show priority 2 at 480px (30em x 16px) */
3019
- @media screen and (min-width: 30em) {
3020
- .ui-table-columntoggle.ui-responsive th.ui-table-priority-2,
3021
- .ui-table-columntoggle.ui-responsive td.ui-table-priority-2 {
3022
- display: table-cell;
3023
- }
3024
- }
3025
- /* Show priority 3 at 640px (40em x 16px) */
3026
- @media screen and (min-width: 40em) {
3027
- .ui-table-columntoggle.ui-responsive th.ui-table-priority-3,
3028
- .ui-table-columntoggle.ui-responsive td.ui-table-priority-3 {
3029
- display: table-cell;
3030
- }
3031
- }
3032
- /* Show priority 4 at 800px (50em x 16px) */
3033
- @media screen and (min-width: 50em) {
3034
- .ui-table-columntoggle.ui-responsive th.ui-table-priority-4,
3035
- .ui-table-columntoggle.ui-responsive td.ui-table-priority-4 {
3036
- display: table-cell;
3037
- }
3038
- }
3039
- /* Show priority 5 at 960px (60em x 16px) */
3040
- @media screen and (min-width: 60em) {
3041
- .ui-table-columntoggle.ui-responsive th.ui-table-priority-5,
3042
- .ui-table-columntoggle.ui-responsive td.ui-table-priority-5 {
3043
- display: table-cell;
3044
- }
3045
- }
3046
- /* Show priority 6 at 1,120px (70em x 16px) */
3047
- @media screen and (min-width: 70em) {
3048
- .ui-table-columntoggle.ui-responsive th.ui-table-priority-6,
3049
- .ui-table-columntoggle.ui-responsive td.ui-table-priority-6 {
3050
- display: table-cell;
3051
- }
3052
- }
3053
- /* Unchecked manually: Always hide */
3054
- .ui-table-columntoggle th.ui-table-cell-hidden,
3055
- .ui-table-columntoggle td.ui-table-cell-hidden,
3056
- .ui-table-columntoggle.ui-responsive th.ui-table-cell-hidden,
3057
- .ui-table-columntoggle.ui-responsive td.ui-table-cell-hidden {
3058
- display: none;
3059
- }
3060
- /* Checked manually: Always show */
3061
- .ui-table-columntoggle th.ui-table-cell-visible,
3062
- .ui-table-columntoggle td.ui-table-cell-visible,
3063
- .ui-table-columntoggle.ui-responsive th.ui-table-cell-visible,
3064
- .ui-table-columntoggle.ui-responsive td.ui-table-cell-visible {
3065
- display: table-cell;
3066
- }
3067
- /*
3068
- Styles for the table columntoggle mode
3069
- */
3070
- .ui-table-reflow td .ui-table-cell-label,
3071
- .ui-table-reflow th .ui-table-cell-label {
3072
- display: none;
3073
- }
3074
- /* Mobile first styles: Begin with the stacked presentation at narrow widths */
3075
- @media only all {
3076
- /* Hide the table headers */
3077
- .ui-table-reflow thead td,
3078
- .ui-table-reflow thead th {
3079
- display: none;
3080
- }
3081
- /* Show the table cells as a block level element */
3082
- .ui-table-reflow td,
3083
- .ui-table-reflow th {
3084
- text-align: left;
3085
- display: block;
3086
- }
3087
- /* Add a fair amount of top margin to visually separate each row when stacked */
3088
- .ui-table-reflow tbody th {
3089
- margin-top: 3em;
3090
- }
3091
- /* Make the label elements a percentage width */
3092
- .ui-table-reflow td .ui-table-cell-label,
3093
- .ui-table-reflow th .ui-table-cell-label {
3094
- padding: .4em;
3095
- min-width: 30%;
3096
- display: inline-block;
3097
- margin: -.4em 1em -.4em -.4em;
3098
- }
3099
- /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
3100
- .ui-table-reflow th .ui-table-cell-label-top,
3101
- .ui-table-reflow td .ui-table-cell-label-top {
3102
- display: block;
3103
- padding: .4em 0;
3104
- margin: .4em 0;
3105
- text-transform: uppercase;
3106
- font-size: .9em;
3107
- font-weight: normal;
3108
- }
3109
- }
3110
- /* Breakpoint to show as a standard table at 560px (35em x 16px) or wider */
3111
- @media ( min-width: 35em ) {
3112
- /* Fixes table rendering when switching between breakpoints in Safari <= 5. See https://github.com/jquery/jquery-mobile/issues/5380 */
3113
- .ui-table-reflow.ui-responsive {
3114
- display: table-row-group;
3115
- }
3116
- /* Show the table header rows */
3117
- .ui-table-reflow.ui-responsive td,
3118
- .ui-table-reflow.ui-responsive th,
3119
- .ui-table-reflow.ui-responsive tbody th,
3120
- .ui-table-reflow.ui-responsive tbody td,
3121
- .ui-table-reflow.ui-responsive thead td,
3122
- .ui-table-reflow.ui-responsive thead th {
3123
- display: table-cell;
3124
- margin: 0;
3125
- }
3126
- /* Hide the labels in each cell */
3127
- .ui-table-reflow.ui-responsive td .ui-table-cell-label,
3128
- .ui-table-reflow.ui-responsive th .ui-table-cell-label {
3129
- display: none;
3130
- }
3131
- }
3132
- /* Hack to make IE9 and WP7.5 treat cells like block level elements, scoped to ui-responsive class */
3133
- /* Applied in a max-width media query up to the table layout breakpoint so we don't need to negate this*/
3134
- @media ( max-width: 35em ) {
3135
- .ui-table-reflow.ui-responsive td,
3136
- .ui-table-reflow.ui-responsive th {
3137
- width: 100%;
3138
- -webkit-box-sizing: border-box;
3139
- -moz-box-sizing: border-box;
3140
- box-sizing: border-box;
3141
- float: left;
3142
- clear: left;
3143
- }
3144
- }
3145
- /* panel */
3146
- .ui-panel {
3147
- width: 17em;
3148
- min-height: 100%;
3149
- max-height: none;
3150
- border-width: 0;
3151
- position: absolute;
3152
- top: 0;
3153
- display: block;
3154
- }
3155
- .ui-panel-closed {
3156
- width: 0;
3157
- max-height: 100%;
3158
- overflow: hidden;
3159
- visibility: hidden;
3160
- }
3161
- .ui-panel-fixed {
3162
- position: fixed;
3163
- bottom: -1px; /* fixes gap on Chrome for Android */
3164
- padding-bottom: 1px;
3165
- }
3166
- .ui-panel-display-overlay {
3167
- z-index: 1001; /* fixed toolbars have z-index 1000 */
3168
- }
3169
- .ui-panel-display-reveal {
3170
- z-index: 0;
3171
- }
3172
- .ui-panel-display-push {
3173
- z-index: 999;
3174
- }
3175
- .ui-panel-inner {
3176
- padding: 15px;
3177
- }
3178
- /* content-wrap */
3179
- .ui-panel-content-wrap {
3180
- position: relative;
3181
- left: 0;
3182
- min-height: inherit;
3183
- border: none;
3184
- z-index: 999;
3185
- }
3186
- .ui-panel-content-wrap-display-overlay,
3187
- .ui-panel-animate.ui-panel-content-wrap > .ui-header, /* ios4 fix */
3188
- .ui-panel-content-wrap-closed {
3189
- position: static;
3190
- }
3191
- /* dismiss */
3192
- .ui-panel-dismiss {
3193
- position: absolute;
3194
- top: 0;
3195
- left:0;
3196
- height: 100%;
3197
- width: 100%;
3198
- z-index: 1002;
3199
- display: none;
3200
- }
3201
- .ui-panel-dismiss-open {
3202
- display: block;
3203
- }
3204
- /* animate class is added to panel, wrapper and fixed toolbars */
3205
- .ui-panel-animate {
3206
- -webkit-transition: -webkit-transform 350ms ease;
3207
- -moz-transition: -moz-transform 350ms ease;
3208
- transition: transform 350ms ease;
3209
- }
3210
- /* hardware acceleration for smoother transitions on WebKit browsers */
3211
- .ui-panel-animate.ui-panel:not(.ui-panel-display-reveal),
3212
- .ui-panel-animate.ui-panel:not(.ui-panel-display-reveal) > div,
3213
- .ui-panel-animate.ui-panel-closed.ui-panel-display-reveal > div,
3214
- .ui-panel-animate.ui-panel-content-wrap,
3215
- .ui-panel-animate.ui-panel-content-fixed-toolbar {
3216
- -webkit-backface-visibility: hidden;
3217
- -webkit-transform: translate3d(0,0,0);
3218
- }
3219
- /* positioning: panel */
3220
- /* panel left */
3221
- .ui-panel-position-left {
3222
- left: -17em;
3223
- }
3224
- /* animated: panel left (for overlay and push) */
3225
- .ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
3226
- .ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
3227
- left: 0;
3228
- -webkit-transform: translate3d(-17em,0,0);
3229
- -moz-transform: translate3d(-17em,0,0);
3230
- transform: translate3d(-17em,0,0);
3231
- }
3232
- /* panel left open */
3233
- .ui-panel-position-left.ui-panel-display-reveal, /* negate "panel left" for reveal */
3234
- .ui-panel-position-left.ui-panel-open {
3235
- left: 0;
3236
- }
3237
- /* animated: panel left open (for overlay and push) */
3238
- .ui-panel-animate.ui-panel-position-left.ui-panel-open.ui-panel-display-overlay,
3239
- .ui-panel-animate.ui-panel-position-left.ui-panel-open.ui-panel-display-push {
3240
- -webkit-transform: translate3d(0,0,0);
3241
- transform: translate3d(0,0,0);
3242
- -moz-transform: none;
3243
- }
3244
- /* panel right */
3245
- .ui-panel-position-right {
3246
- right: -17em;
3247
- }
3248
- /* animated: panel right (for overlay and push) */
3249
- .ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,
3250
- .ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
3251
- right: 0;
3252
- -webkit-transform: translate3d(17em,0,0);
3253
- -moz-transform: translate3d(17em,0,0);
3254
- transform: translate3d(17em,0,0);
3255
- }
3256
- /* panel right open */
3257
- .ui-panel-position-right.ui-panel-display-reveal, /* negate "panel right" for reveal */
3258
- .ui-panel-position-right.ui-panel-open {
3259
- right: 0;
3260
- }
3261
- /* animated: panel right open (for overlay and push) */
3262
- .ui-panel-animate.ui-panel-position-right.ui-panel-open.ui-panel-display-overlay,
3263
- .ui-panel-animate.ui-panel-position-right.ui-panel-open.ui-panel-display-push {
3264
- -webkit-transform: translate3d(0,0,0);
3265
- transform: translate3d(0,0,0);
3266
- -moz-transform: none;
3267
- }
3268
- /* positioning: content wrap, fixed toolbars and dismiss */
3269
- /* panel left open */
3270
- .ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open,
3271
- .ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
3272
- .ui-panel-dismiss-position-left.ui-panel-dismiss-open {
3273
- left: 17em;
3274
- right: -17em;
3275
- }
3276
- /* animated: panel left open (for reveal and push) */
3277
- .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal,
3278
- .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push,
3279
- .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal,
3280
- .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
3281
- left: 0;
3282
- right: 0;
3283
- -webkit-transform: translate3d(17em,0,0);
3284
- -moz-transform: translate3d(17em,0,0);
3285
- transform: translate3d(17em,0,0);
3286
- }
3287
- /* panel right open */
3288
- .ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open,
3289
- .ui-panel-content-wrap-position-right.ui-panel-content-wrap-open,
3290
- .ui-panel-dismiss-position-right.ui-panel-dismiss-open {
3291
- left: -17em;
3292
- right: 17em;
3293
- }
3294
- /* animated: panel right open (for reveal and push) */
3295
- .ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal,
3296
- .ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push,
3297
- .ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal,
3298
- .ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
3299
- left: 0;
3300
- right: 0;
3301
- -webkit-transform: translate3d(-17em,0,0);
3302
- -moz-transform: translate3d(-17em,0,0);
3303
- transform: translate3d(-17em,0,0);
3304
- }
3305
- /* negate "panel left/right open" for overlay */
3306
- .ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-overlay,
3307
- .ui-panel-content-wrap-open.ui-panel-content-wrap-display-overlay {
3308
- left: 0;
3309
- }
3310
- /* always disable overflow-x to prevent zoom issue on Android */
3311
- .ui-page-active.ui-page-panel {
3312
- overflow-x: hidden;
3313
- }
3314
- /* shadows and borders */
3315
- .ui-panel-display-reveal {
3316
- -webkit-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
3317
- -moz-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
3318
- box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
3319
- }
3320
- .ui-panel-position-right.ui-panel-display-reveal {
3321
- -webkit-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
3322
- -moz-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
3323
- box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
3324
- }
3325
- .ui-panel-display-overlay {
3326
- -webkit-box-shadow: 5px 0 5px rgba(0,0,0,.15);
3327
- -moz-box-shadow: 5px 0 5px rgba(0,0,0,.15);
3328
- box-shadow: 5px 0 5px rgba(0,0,0,.15);
3329
- }
3330
- .ui-panel-position-right.ui-panel-display-overlay {
3331
- -webkit-box-shadow: -5px 0 5px rgba(0,0,0,.15);
3332
- -moz-box-shadow: -5px 0 5px rgba(0,0,0,.15);
3333
- box-shadow: -5px 0 5px rgba(0,0,0,.15);
3334
- }
3335
- .ui-panel-display-push.ui-panel-open.ui-panel-position-left {
3336
- border-right-width: 1px;
3337
- margin-right: -1px;
3338
- }
3339
- .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push {
3340
- margin-left: 1px;
3341
- }
3342
- .ui-panel-display-push.ui-panel-open.ui-panel-position-right {
3343
- border-left-width: 1px;
3344
- margin-left: -1px;
3345
- }
3346
- .ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push {
3347
- margin-right: 1px;
3348
- }
3349
- /* wrap on wide viewports once open */
3350
- @media (min-width:55em){
3351
- .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-left,
3352
- .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-left,
3353
- .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-left,
3354
- .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-left {
3355
- margin-right: 17em;
3356
- }
3357
- .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-right,
3358
- .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-right,
3359
- .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-right,
3360
- .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-right {
3361
- margin-left: 17em;
3362
- }
3363
- .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push,
3364
- .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal {
3365
- width: auto;
3366
- }
3367
- .ui-responsive-panel .ui-panel-dismiss-display-push {
3368
- display: none;
3369
- }
3370
- }