enju_flower 0.1.0.pre15 → 0.1.0.pre16

Sign up to get free protection for your applications and to get access to all the features.
Files changed (87) hide show
  1. checksums.yaml +4 -4
  2. data/app/views/manifestations/_manifestation.html.erb +8 -4
  3. data/app/views/manifestations/_pickup.html.erb +1 -1
  4. data/app/views/manifestations/_show_detail_librarian.html.erb +1 -1
  5. data/app/views/manifestations/_show_detail_user.html.erb +2 -2
  6. data/app/views/manifestations/_show_holding.html.erb +6 -1
  7. data/app/views/manifestations/_show_reservation.html.erb +0 -2
  8. data/app/views/manifestations/_title.html.erb +1 -1
  9. data/app/views/manifestations/_title.mobile.erb +1 -1
  10. data/app/views/manifestations/index.html.erb +2 -2
  11. data/app/views/manifestations/index.sru.builder +1 -1
  12. data/app/views/manifestations/show.html.erb +3 -3
  13. data/lib/enju_flower/version.rb +1 -1
  14. data/spec/controllers/manifestations_controller_spec.rb +4 -4
  15. data/spec/dummy/app/models/user.rb +1 -0
  16. data/spec/dummy/config/application.rb +1 -0
  17. data/spec/dummy/config/initializers/inflections.rb +8 -0
  18. data/spec/dummy/db/migrate/035_create_reserves.rb +1 -1
  19. data/spec/dummy/db/migrate/20130303104849_add_state_index_to_reserve.rb +5 -0
  20. data/spec/dummy/db/migrate/20130303124821_add_retained_at_to_reserve.rb +5 -0
  21. data/spec/dummy/db/migrate/20130304015019_add_postponed_at_to_reserve.rb +5 -0
  22. data/spec/dummy/db/migrate/20130519065638_add_lock_version_to_reserve.rb +5 -0
  23. data/spec/dummy/db/migrate/20130519065837_add_lock_version_to_checkin.rb +5 -0
  24. data/spec/dummy/db/migrate/20140518050147_create_reserve_transitions.rb +14 -0
  25. data/spec/dummy/db/migrate/20140528045518_create_user_checkout_stat_transitions.rb +14 -0
  26. data/spec/dummy/db/migrate/20140528045539_create_user_reserve_stat_transitions.rb +14 -0
  27. data/spec/dummy/db/migrate/20140528045600_create_manifestation_checkout_stat_transitions.rb +14 -0
  28. data/spec/dummy/db/migrate/20140528045617_create_manifestation_reserve_stat_transitions.rb +14 -0
  29. data/spec/dummy/db/migrate/20140529014410_create_item_transitions.rb +14 -0
  30. data/spec/dummy/db/schema.rb +82 -5
  31. data/spec/dummy/db/test.sqlite3 +0 -0
  32. data/spec/dummy/solr/default/data/index/_cx.fdt +0 -0
  33. data/spec/dummy/solr/default/data/index/{_96.fnm → _cx.fnm} +0 -0
  34. data/spec/dummy/solr/default/data/index/{_96.si → _cx.si} +0 -0
  35. data/spec/dummy/solr/default/data/index/{_96_Lucene41_0.doc → _cx_Lucene41_0.doc} +0 -0
  36. data/spec/dummy/solr/default/data/index/{_96_Lucene41_0.pos → _cx_Lucene41_0.pos} +0 -0
  37. data/spec/dummy/solr/default/data/index/{_96_Lucene41_0.tim → _cx_Lucene41_0.tim} +0 -0
  38. data/spec/dummy/solr/default/data/index/_cx_Lucene41_0.tip +0 -0
  39. data/spec/dummy/solr/default/data/index/_cy.fdt +0 -0
  40. data/spec/dummy/solr/default/data/index/{_97.fnm → _cy.fnm} +0 -0
  41. data/spec/dummy/solr/default/data/index/{_97.si → _cy.si} +0 -0
  42. data/spec/dummy/solr/default/data/index/{_97_Lucene41_0.doc → _cy_Lucene41_0.doc} +0 -0
  43. data/spec/dummy/solr/default/data/index/{_97_Lucene41_0.pos → _cy_Lucene41_0.pos} +0 -0
  44. data/spec/dummy/solr/default/data/index/{_97_Lucene41_0.tim → _cy_Lucene41_0.tim} +0 -0
  45. data/spec/dummy/solr/default/data/index/_cy_Lucene41_0.tip +0 -0
  46. data/spec/dummy/solr/default/data/index/_cz.fdt +0 -0
  47. data/spec/dummy/solr/default/data/index/{_98.fnm → _cz.fnm} +0 -0
  48. data/spec/dummy/solr/default/data/index/_cz.nvd +0 -0
  49. data/spec/dummy/solr/default/data/index/{_98.si → _cz.si} +0 -0
  50. data/spec/dummy/solr/default/data/index/_cz_Lucene41_0.doc +0 -0
  51. data/spec/dummy/solr/default/data/index/_cz_Lucene41_0.pos +0 -0
  52. data/spec/dummy/solr/default/data/index/_cz_Lucene41_0.tim +0 -0
  53. data/spec/dummy/solr/default/data/index/_cz_Lucene41_0.tip +0 -0
  54. data/spec/dummy/solr/default/data/index/segments.gen +0 -0
  55. data/spec/dummy/solr/default/data/index/segments_gj +0 -0
  56. data/spec/dummy/solr/default/data/tlog/tlog.0000000000000000591 +0 -0
  57. data/spec/dummy/solr/default/data/tlog/tlog.0000000000000000592 +0 -0
  58. data/spec/dummy/solr/default/data/tlog/tlog.0000000000000000593 +0 -0
  59. data/spec/dummy/tmp/cache/4F7/F90/default_role +0 -0
  60. data/spec/dummy/tmp/cache/6E4/420/search_engine_all +0 -0
  61. data/spec/spec_helper.rb +3 -0
  62. metadata +126 -80
  63. data/spec/dummy/app/models/local_agent.rb +0 -27
  64. data/spec/dummy/solr/default/data/index/_96.fdt +0 -0
  65. data/spec/dummy/solr/default/data/index/_96_Lucene41_0.tip +0 -0
  66. data/spec/dummy/solr/default/data/index/_97.fdt +0 -0
  67. data/spec/dummy/solr/default/data/index/_97_Lucene41_0.tip +0 -0
  68. data/spec/dummy/solr/default/data/index/_98.fdt +0 -0
  69. data/spec/dummy/solr/default/data/index/_98.nvd +0 -0
  70. data/spec/dummy/solr/default/data/index/_98_Lucene41_0.doc +0 -0
  71. data/spec/dummy/solr/default/data/index/_98_Lucene41_0.pos +0 -0
  72. data/spec/dummy/solr/default/data/index/_98_Lucene41_0.tim +0 -0
  73. data/spec/dummy/solr/default/data/index/_98_Lucene41_0.tip +0 -0
  74. data/spec/dummy/solr/default/data/index/segments_bn +0 -0
  75. data/spec/dummy/solr/default/data/tlog/tlog.0000000000000000415 +0 -0
  76. data/spec/dummy/solr/default/data/tlog/tlog.0000000000000000416 +0 -0
  77. data/spec/dummy/solr/default/data/tlog/tlog.0000000000000000417 +0 -0
  78. data/vendor/assets/javascripts/jquery.mobile-1.3.1.js +0 -11191
  79. data/vendor/assets/stylesheets/jquery.mobile-1.3.1.css +0 -3366
  80. /data/spec/dummy/solr/default/data/index/{_96.fdx → _cx.fdx} +0 -0
  81. /data/spec/dummy/solr/default/data/index/{_96.nvd → _cx.nvd} +0 -0
  82. /data/spec/dummy/solr/default/data/index/{_96.nvm → _cx.nvm} +0 -0
  83. /data/spec/dummy/solr/default/data/index/{_97.fdx → _cy.fdx} +0 -0
  84. /data/spec/dummy/solr/default/data/index/{_97.nvd → _cy.nvd} +0 -0
  85. /data/spec/dummy/solr/default/data/index/{_97.nvm → _cy.nvm} +0 -0
  86. /data/spec/dummy/solr/default/data/index/{_98.fdx → _cz.fdx} +0 -0
  87. /data/spec/dummy/solr/default/data/index/{_98.nvm → _cz.nvm} +0 -0
data/vendor/assets/stylesheets/jquery.mobile-1.3.1.css DELETED
@@ -1,3366 +0,0 @@
1
- /*
2
- * jQuery Mobile 1.3.1
3
- * Git HEAD hash: 74b4bec049fd93e4fe40205e6157de16eb64eb46 <> Date: Wed Apr 10 2013 21:57:23 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-color: #666 /*{global-icon-color}*/;
767
- background-color: 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
- /* responsive page widths */
1074
- .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); }
1075
- /* Issue #2066 */
1076
- body.ui-mobile-viewport,
1077
- div.ui-mobile-viewport { overflow-x: hidden; }
1078
- /* "page" containers - full-screen views, one should always be in view post-pageload */
1079
- .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; }
1080
- .ui-mobile .ui-page-active { display: block; overflow: visible; }
1081
- /* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
1082
- .ui-page { outline: none; }
1083
- /*orientations from js are available */
1084
- @media screen and (orientation: portrait){
1085
- .ui-mobile .ui-page { min-height: 420px; }
1086
- }
1087
- @media screen and (orientation: landscape){
1088
- .ui-mobile .ui-page { min-height: 300px; }
1089
- }
1090
- /* loading screen */
1091
- .ui-loading .ui-loader { display: block; }
1092
- .ui-loader { display: none; z-index: 9999999; position: fixed; top: 50%; left: 50%; border:0; }
1093
- .ui-loader-default { background: none; filter: Alpha(Opacity=18); opacity: .18; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; }
1094
- .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; }
1095
- .ui-loader-default h1 { font-size: 0; width: 0; height: 0; overflow: hidden; }
1096
- .ui-loader-verbose h1 { font-size: 16px; margin: 0; text-align: center; }
1097
- .ui-loader .ui-icon { background-color: #000; display: block; margin: 0; width: 44px; height: 44px; padding: 1px; -webkit-border-radius: 36px; border-radius: 36px; }
1098
- .ui-loader-verbose .ui-icon { margin: 0 auto 10px; filter: Alpha(Opacity=75); opacity: .75; }
1099
- .ui-loader-textonly { padding: 15px; margin-left: -115px; }
1100
- .ui-loader-textonly .ui-icon { display: none; }
1101
- .ui-loader-fakefix { position: absolute; }
1102
- /*fouc*/
1103
- .ui-mobile-rendering > * { visibility: hidden; }
1104
- /*headers, content panels*/
1105
- .ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }
1106
- .ui-bar { font-size: 16px; margin: 0; }
1107
- .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; }
1108
- .ui-header, .ui-footer { position: relative; zoom: 1; }
1109
- .ui-mobile .ui-header, .ui-mobile .ui-footer { border-left-width: 0; border-right-width: 0; }
1110
- .ui-header .ui-btn-left,
1111
- .ui-header .ui-btn-right,
1112
- .ui-footer .ui-btn-left,
1113
- .ui-footer .ui-btn-right,
1114
- .ui-header-fixed.ui-fixed-hidden .ui-btn-left,
1115
- .ui-header-fixed.ui-fixed-hidden .ui-btn-right { position: absolute; top: 3px; }
1116
- .ui-header-fixed .ui-btn-left,
1117
- .ui-header-fixed .ui-btn-right { top: 4px;}
1118
- .ui-header .ui-btn-left,
1119
- .ui-footer .ui-btn-left { left: 5px; }
1120
- .ui-header .ui-btn-right,
1121
- .ui-footer .ui-btn-right { right: 5px; }
1122
- .ui-footer > .ui-btn-icon-notext,
1123
- .ui-header > .ui-btn-icon-notext,
1124
- .ui-header-fixed.ui-fixed-hidden > .ui-btn-icon-notext { top: 6px; }
1125
- .ui-header-fixed > .ui-btn-icon-notext { top: 7px;}
1126
- .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; }
1127
- .ui-footer .ui-title { margin: .6em 15px .8em; }
1128
- /* content area*/
1129
- .ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
1130
- /* corner styling for dialogs and popups */
1131
- .ui-corner-all > .ui-header:first-child,
1132
- .ui-corner-all > .ui-content:first-child,
1133
- .ui-corner-all > .ui-footer:first-child {
1134
- -webkit-border-top-left-radius: inherit;
1135
- border-top-left-radius: inherit;
1136
- -webkit-border-top-right-radius: inherit;
1137
- border-top-right-radius: inherit;
1138
- }
1139
- .ui-corner-all > .ui-header:last-child,
1140
- .ui-corner-all > .ui-content:last-child,
1141
- .ui-corner-all > .ui-footer:last-child {
1142
- -webkit-border-bottom-left-radius: inherit;
1143
- border-bottom-left-radius: inherit;
1144
- -webkit-border-bottom-right-radius: inherit;
1145
- border-bottom-right-radius: inherit;
1146
- }
1147
- /* icons sizing */
1148
- .ui-icon { width: 18px; height: 18px; }
1149
- /* non-js content hiding */
1150
- .ui-nojs { position: absolute; left: -9999px; }
1151
- /* accessible content hiding */
1152
- .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,
1153
- .ui-hidden-accessible { position: absolute !important; left: -9999px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
1154
- /* Transitions originally inspired by those from jQtouch, nice work, folks */
1155
- .ui-mobile-viewport-transitioning,
1156
- .ui-mobile-viewport-transitioning .ui-page {
1157
- width: 100%;
1158
- height: 100%;
1159
- overflow: hidden;
1160
- -webkit-box-sizing: border-box;
1161
- -moz-box-sizing: border-box;
1162
- box-sizing: border-box;
1163
- }
1164
- .ui-page-pre-in {
1165
- opacity: 0;
1166
- }
1167
- .in {
1168
- -webkit-animation-timing-function: ease-out;
1169
- -webkit-animation-duration: 350ms;
1170
- -moz-animation-timing-function: ease-out;
1171
- -moz-animation-duration: 350ms;
1172
- animation-timing-function: ease-out;
1173
- animation-duration: 350ms;
1174
- }
1175
- .out {
1176
- -webkit-animation-timing-function: ease-in;
1177
- -webkit-animation-duration: 225ms;
1178
- -moz-animation-timing-function: ease-in;
1179
- -moz-animation-duration: 225ms;
1180
- animation-timing-function: ease-in;
1181
- animation-duration: 225ms;
1182
- }
1183
- @-webkit-keyframes fadein {
1184
- from { opacity: 0; }
1185
- to { opacity: 1; }
1186
- }
1187
- @-moz-keyframes fadein {
1188
- from { opacity: 0; }
1189
- to { opacity: 1; }
1190
- }
1191
- @keyframes fadein {
1192
- from { opacity: 0; }
1193
- to { opacity: 1; }
1194
- }
1195
- @-webkit-keyframes fadeout {
1196
- from { opacity: 1; }
1197
- to { opacity: 0; }
1198
- }
1199
- @-moz-keyframes fadeout {
1200
- from { opacity: 1; }
1201
- to { opacity: 0; }
1202
- }
1203
- @keyframes fadeout {
1204
- from { opacity: 1; }
1205
- to { opacity: 0; }
1206
- }
1207
- .fade.out {
1208
- opacity: 0;
1209
- -webkit-animation-duration: 125ms;
1210
- -webkit-animation-name: fadeout;
1211
- -moz-animation-duration: 125ms;
1212
- -moz-animation-name: fadeout;
1213
- animation-duration: 125ms;
1214
- animation-name: fadeout;
1215
- }
1216
- .fade.in {
1217
- opacity: 1;
1218
- -webkit-animation-duration: 225ms;
1219
- -webkit-animation-name: fadein;
1220
- -moz-animation-duration: 225ms;
1221
- -moz-animation-name: fadein;
1222
- animation-duration: 225ms;
1223
- animation-name: fadein;
1224
- }
1225
- .pop {
1226
- -webkit-transform-origin: 50% 50%;
1227
- -moz-transform-origin: 50% 50%;
1228
- transform-origin: 50% 50%;
1229
- }
1230
- .pop.in {
1231
- -webkit-transform: scale(1);
1232
- -webkit-animation-name: popin;
1233
- -webkit-animation-duration: 350ms;
1234
- -moz-transform: scale(1);
1235
- -moz-animation-name: popin;
1236
- -moz-animation-duration: 350ms;
1237
- transform: scale(1);
1238
- animation-name: popin;
1239
- animation-duration: 350ms;
1240
- opacity: 1;
1241
- }
1242
- .pop.out {
1243
- -webkit-animation-name: fadeout;
1244
- -webkit-animation-duration: 100ms;
1245
- -moz-animation-name: fadeout;
1246
- -moz-animation-duration: 100ms;
1247
- animation-name: fadeout;
1248
- animation-duration: 100ms;
1249
- opacity: 0;
1250
- }
1251
- .pop.in.reverse {
1252
- -webkit-animation-name: fadein;
1253
- -moz-animation-name: fadein;
1254
- animation-name: fadein;
1255
- }
1256
- .pop.out.reverse {
1257
- -webkit-transform: scale(.8);
1258
- -webkit-animation-name: popout;
1259
- -moz-transform: scale(.8);
1260
- -moz-animation-name: popout;
1261
- transform: scale(.8);
1262
- animation-name: popout;
1263
- }
1264
- @-webkit-keyframes popin {
1265
- from {
1266
- -webkit-transform: scale(.8);
1267
- opacity: 0;
1268
- }
1269
- to {
1270
- -webkit-transform: scale(1);
1271
- opacity: 1;
1272
- }
1273
- }
1274
- @-moz-keyframes popin {
1275
- from {
1276
- -moz-transform: scale(.8);
1277
- opacity: 0;
1278
- }
1279
- to {
1280
- -moz-transform: scale(1);
1281
- opacity: 1;
1282
- }
1283
- }
1284
- @keyframes popin {
1285
- from {
1286
- transform: scale(.8);
1287
- opacity: 0;
1288
- }
1289
- to {
1290
- transform: scale(1);
1291
- opacity: 1;
1292
- }
1293
- }
1294
- @-webkit-keyframes popout {
1295
- from {
1296
- -webkit-transform: scale(1);
1297
- opacity: 1;
1298
- }
1299
- to {
1300
- -webkit-transform: scale(.8);
1301
- opacity: 0;
1302
- }
1303
- }
1304
- @-moz-keyframes popout {
1305
- from {
1306
- -moz-transform: scale(1);
1307
- opacity: 1;
1308
- }
1309
- to {
1310
- -moz-transform: scale(.8);
1311
- opacity: 0;
1312
- }
1313
- }
1314
- @keyframes popout {
1315
- from {
1316
- transform: scale(1);
1317
- opacity: 1;
1318
- }
1319
- to {
1320
- transform: scale(.8);
1321
- opacity: 0;
1322
- }
1323
- }
1324
- /* keyframes for slidein from sides */
1325
- @-webkit-keyframes slideinfromright {
1326
- from { -webkit-transform: translate3d(100%,0,0); }
1327
- to { -webkit-transform: translate3d(0,0,0); }
1328
- }
1329
- @-moz-keyframes slideinfromright {
1330
- from { -moz-transform: translateX(100%); }
1331
- to { -moz-transform: translateX(0); }
1332
- }
1333
- @keyframes slideinfromright {
1334
- from { transform: translateX(100%); }
1335
- to { transform: translateX(0); }
1336
- }
1337
- @-webkit-keyframes slideinfromleft {
1338
- from { -webkit-transform: translate3d(-100%,0,0); }
1339
- to { -webkit-transform: translate3d(0,0,0); }
1340
- }
1341
- @-moz-keyframes slideinfromleft {
1342
- from { -moz-transform: translateX(-100%); }
1343
- to { -moz-transform: translateX(0); }
1344
- }
1345
- @keyframes slideinfromleft {
1346
- from { transform: translateX(-100%); }
1347
- to { transform: translateX(0); }
1348
- }
1349
- /* keyframes for slideout to sides */
1350
- @-webkit-keyframes slideouttoleft {
1351
- from { -webkit-transform: translate3d(0,0,0); }
1352
- to { -webkit-transform: translate3d(-100%,0,0); }
1353
- }
1354
- @-moz-keyframes slideouttoleft {
1355
- from { -moz-transform: translateX(0); }
1356
- to { -moz-transform: translateX(-100%); }
1357
- }
1358
- @keyframes slideouttoleft {
1359
- from { transform: translateX(0); }
1360
- to { transform: translateX(-100%); }
1361
- }
1362
- @-webkit-keyframes slideouttoright {
1363
- from { -webkit-transform: translate3d(0,0,0); }
1364
- to { -webkit-transform: translate3d(100%,0,0); }
1365
- }
1366
- @-moz-keyframes slideouttoright {
1367
- from { -moz-transform: translateX(0); }
1368
- to { -moz-transform: translateX(100%); }
1369
- }
1370
- @keyframes slideouttoright {
1371
- from { transform: translateX(0); }
1372
- to { transform: translateX(100%); }
1373
- }
1374
- .slide.out, .slide.in {
1375
- -webkit-animation-timing-function: ease-out;
1376
- -webkit-animation-duration: 350ms;
1377
- -moz-animation-timing-function: ease-out;
1378
- -moz-animation-duration: 350ms;
1379
- animation-timing-function: ease-out;
1380
- animation-duration: 350ms;
1381
- }
1382
- .slide.out {
1383
- -webkit-transform: translate3d(-100%,0,0);
1384
- -webkit-animation-name: slideouttoleft;
1385
- -moz-transform: translateX(-100%);
1386
- -moz-animation-name: slideouttoleft;
1387
- transform: translateX(-100%);
1388
- animation-name: slideouttoleft;
1389
- }
1390
- .slide.in {
1391
- -webkit-transform: translate3d(0,0,0);
1392
- -webkit-animation-name: slideinfromright;
1393
- -moz-transform: translateX(0);
1394
- -moz-animation-name: slideinfromright;
1395
- transform: translateX(0);
1396
- animation-name: slideinfromright;
1397
- }
1398
- .slide.out.reverse {
1399
- -webkit-transform: translate3d(100%,0,0);
1400
- -webkit-animation-name: slideouttoright;
1401
- -moz-transform: translateX(100%);
1402
- -moz-animation-name: slideouttoright;
1403
- transform: translateX(100%);
1404
- animation-name: slideouttoright;
1405
- }
1406
- .slide.in.reverse {
1407
- -webkit-transform: translate3d(0,0,0);
1408
- -webkit-animation-name: slideinfromleft;
1409
- -moz-transform: translateX(0);
1410
- -moz-animation-name: slideinfromleft;
1411
- transform: translateX(0);
1412
- animation-name: slideinfromleft;
1413
- }
1414
- .slidefade.out {
1415
- -webkit-transform: translateX(-100%);
1416
- -webkit-animation-name: slideouttoleft;
1417
- -webkit-animation-duration: 225ms;
1418
- -moz-transform: translateX(-100%);
1419
- -moz-animation-name: slideouttoleft;
1420
- -moz-animation-duration: 225ms;
1421
- transform: translateX(-100%);
1422
- animation-name: slideouttoleft;
1423
- animation-duration: 225ms;
1424
- }
1425
- .slidefade.in {
1426
- -webkit-transform: translateX(0);
1427
- -webkit-animation-name: fadein;
1428
- -webkit-animation-duration: 200ms;
1429
- -moz-transform: translateX(0);
1430
- -moz-animation-name: fadein;
1431
- -moz-animation-duration: 200ms;
1432
- transform: translateX(0);
1433
- animation-name: fadein;
1434
- animation-duration: 200ms;
1435
- }
1436
- .slidefade.out.reverse {
1437
- -webkit-transform: translateX(100%);
1438
- -webkit-animation-name: slideouttoright;
1439
- -webkit-animation-duration: 200ms;
1440
- -moz-transform: translateX(100%);
1441
- -moz-animation-name: slideouttoright;
1442
- -moz-animation-duration: 200ms;
1443
- transform: translateX(100%);
1444
- animation-name: slideouttoright;
1445
- animation-duration: 200ms;
1446
- }
1447
- .slidefade.in.reverse {
1448
- -webkit-transform: translateX(0);
1449
- -webkit-animation-name: fadein;
1450
- -webkit-animation-duration: 200ms;
1451
- -moz-transform: translateX(0);
1452
- -moz-animation-name: fadein;
1453
- -moz-animation-duration: 200ms;
1454
- transform: translateX(0);
1455
- animation-name: fadein;
1456
- animation-duration: 200ms;
1457
- }
1458
- /* slide down */
1459
- .slidedown.out {
1460
- -webkit-animation-name: fadeout;
1461
- -webkit-animation-duration: 100ms;
1462
- -moz-animation-name: fadeout;
1463
- -moz-animation-duration: 100ms;
1464
- animation-name: fadeout;
1465
- animation-duration: 100ms;
1466
- }
1467
- .slidedown.in {
1468
- -webkit-transform: translateY(0);
1469
- -webkit-animation-name: slideinfromtop;
1470
- -webkit-animation-duration: 250ms;
1471
- -moz-transform: translateY(0);
1472
- -moz-animation-name: slideinfromtop;
1473
- -moz-animation-duration: 250ms;
1474
- transform: translateY(0);
1475
- animation-name: slideinfromtop;
1476
- animation-duration: 250ms;
1477
- }
1478
- .slidedown.in.reverse {
1479
- -webkit-animation-name: fadein;
1480
- -webkit-animation-duration: 150ms;
1481
- -moz-animation-name: fadein;
1482
- -moz-animation-duration: 150ms;
1483
- animation-name: fadein;
1484
- animation-duration: 150ms;
1485
- }
1486
- .slidedown.out.reverse {
1487
- -webkit-transform: translateY(-100%);
1488
- -webkit-animation-name: slideouttotop;
1489
- -webkit-animation-duration: 200ms;
1490
- -moz-transform: translateY(-100%);
1491
- -moz-animation-name: slideouttotop;
1492
- -moz-animation-duration: 200ms;
1493
- transform: translateY(-100%);
1494
- animation-name: slideouttotop;
1495
- animation-duration: 200ms;
1496
- }
1497
- @-webkit-keyframes slideinfromtop {
1498
- from { -webkit-transform: translateY(-100%); }
1499
- to { -webkit-transform: translateY(0); }
1500
- }
1501
- @-moz-keyframes slideinfromtop {
1502
- from { -moz-transform: translateY(-100%); }
1503
- to { -moz-transform: translateY(0); }
1504
- }
1505
- @keyframes slideinfromtop {
1506
- from { transform: translateY(-100%); }
1507
- to { transform: translateY(0); }
1508
- }
1509
- @-webkit-keyframes slideouttotop {
1510
- from { -webkit-transform: translateY(0); }
1511
- to { -webkit-transform: translateY(-100%); }
1512
- }
1513
- @-moz-keyframes slideouttotop {
1514
- from { -moz-transform: translateY(0); }
1515
- to { -moz-transform: translateY(-100%); }
1516
- }
1517
- @keyframes slideouttotop {
1518
- from { transform: translateY(0); }
1519
- to { transform: translateY(-100%); }
1520
- }
1521
- /* slide up */
1522
- .slideup.out {
1523
- -webkit-animation-name: fadeout;
1524
- -webkit-animation-duration: 100ms;
1525
- -moz-animation-name: fadeout;
1526
- -moz-animation-duration: 100ms;
1527
- animation-name: fadeout;
1528
- animation-duration: 100ms;
1529
- }
1530
- .slideup.in {
1531
- -webkit-transform: translateY(0);
1532
- -webkit-animation-name: slideinfrombottom;
1533
- -webkit-animation-duration: 250ms;
1534
- -moz-transform: translateY(0);
1535
- -moz-animation-name: slideinfrombottom;
1536
- -moz-animation-duration: 250ms;
1537
- transform: translateY(0);
1538
- animation-name: slideinfrombottom;
1539
- animation-duration: 250ms;
1540
- }
1541
- .slideup.in.reverse {
1542
- -webkit-animation-name: fadein;
1543
- -webkit-animation-duration: 150ms;
1544
- -moz-animation-name: fadein;
1545
- -moz-animation-duration: 150ms;
1546
- animation-name: fadein;
1547
- animation-duration: 150ms;
1548
- }
1549
- .slideup.out.reverse {
1550
- -webkit-transform: translateY(100%);
1551
- -webkit-animation-name: slideouttobottom;
1552
- -webkit-animation-duration: 200ms;
1553
- -moz-transform: translateY(100%);
1554
- -moz-animation-name: slideouttobottom;
1555
- -moz-animation-duration: 200ms;
1556
- transform: translateY(100%);
1557
- animation-name: slideouttobottom;
1558
- animation-duration: 200ms;
1559
- }
1560
- @-webkit-keyframes slideinfrombottom {
1561
- from { -webkit-transform: translateY(100%); }
1562
- to { -webkit-transform: translateY(0); }
1563
- }
1564
- @-moz-keyframes slideinfrombottom {
1565
- from { -moz-transform: translateY(100%); }
1566
- to { -moz-transform: translateY(0); }
1567
- }
1568
- @keyframes slideinfrombottom {
1569
- from { transform: translateY(100%); }
1570
- to { transform: translateY(0); }
1571
- }
1572
- @-webkit-keyframes slideouttobottom {
1573
- from { -webkit-transform: translateY(0); }
1574
- to { -webkit-transform: translateY(100%); }
1575
- }
1576
- @-moz-keyframes slideouttobottom {
1577
- from { -moz-transform: translateY(0); }
1578
- to { -moz-transform: translateY(100%); }
1579
- }
1580
- @keyframes slideouttobottom {
1581
- from { transform: translateY(0); }
1582
- to { transform: translateY(100%); }
1583
- }
1584
- /* The properties in this rule are only necessary for the 'flip' transition.
1585
- * We need specify the perspective to create a projection matrix. This will add
1586
- * some depth as the element flips. The depth number represents the distance of
1587
- * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
1588
- * value.
1589
- */
1590
- .viewport-flip {
1591
- -webkit-perspective: 1000;
1592
- -moz-perspective: 1000;
1593
- perspective: 1000;
1594
- position: absolute;
1595
- }
1596
- .flip {
1597
- -webkit-backface-visibility: hidden;
1598
- -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. */
1599
- -moz-backface-visibility: hidden;
1600
- -moz-transform: translateX(0);
1601
- backface-visibility: hidden;
1602
- transform: translateX(0);
1603
- }
1604
- .flip.out {
1605
- -webkit-transform: rotateY(-90deg) scale(.9);
1606
- -webkit-animation-name: flipouttoleft;
1607
- -webkit-animation-duration: 175ms;
1608
- -moz-transform: rotateY(-90deg) scale(.9);
1609
- -moz-animation-name: flipouttoleft;
1610
- -moz-animation-duration: 175ms;
1611
- transform: rotateY(-90deg) scale(.9);
1612
- animation-name: flipouttoleft;
1613
- animation-duration: 175ms;
1614
- }
1615
- .flip.in {
1616
- -webkit-animation-name: flipintoright;
1617
- -webkit-animation-duration: 225ms;
1618
- -moz-animation-name: flipintoright;
1619
- -moz-animation-duration: 225ms;
1620
- animation-name: flipintoright;
1621
- animation-duration: 225ms;
1622
- }
1623
- .flip.out.reverse {
1624
- -webkit-transform: rotateY(90deg) scale(.9);
1625
- -webkit-animation-name: flipouttoright;
1626
- -moz-transform: rotateY(90deg) scale(.9);
1627
- -moz-animation-name: flipouttoright;
1628
- transform: rotateY(90deg) scale(.9);
1629
- animation-name: flipouttoright;
1630
- }
1631
- .flip.in.reverse {
1632
- -webkit-animation-name: flipintoleft;
1633
- -moz-animation-name: flipintoleft;
1634
- animation-name: flipintoleft;
1635
- }
1636
- @-webkit-keyframes flipouttoleft {
1637
- from { -webkit-transform: rotateY(0); }
1638
- to { -webkit-transform: rotateY(-90deg) scale(.9); }
1639
- }
1640
- @-moz-keyframes flipouttoleft {
1641
- from { -moz-transform: rotateY(0); }
1642
- to { -moz-transform: rotateY(-90deg) scale(.9); }
1643
- }
1644
- @keyframes flipouttoleft {
1645
- from { transform: rotateY(0); }
1646
- to { transform: rotateY(-90deg) scale(.9); }
1647
- }
1648
- @-webkit-keyframes flipouttoright {
1649
- from { -webkit-transform: rotateY(0) ; }
1650
- to { -webkit-transform: rotateY(90deg) scale(.9); }
1651
- }
1652
- @-moz-keyframes flipouttoright {
1653
- from { -moz-transform: rotateY(0); }
1654
- to { -moz-transform: rotateY(90deg) scale(.9); }
1655
- }
1656
- @keyframes flipouttoright {
1657
- from { transform: rotateY(0); }
1658
- to { transform: rotateY(90deg) scale(.9); }
1659
- }
1660
- @-webkit-keyframes flipintoleft {
1661
- from { -webkit-transform: rotateY(-90deg) scale(.9); }
1662
- to { -webkit-transform: rotateY(0); }
1663
- }
1664
- @-moz-keyframes flipintoleft {
1665
- from { -moz-transform: rotateY(-90deg) scale(.9); }
1666
- to { -moz-transform: rotateY(0); }
1667
- }
1668
- @keyframes flipintoleft {
1669
- from { transform: rotateY(-90deg) scale(.9); }
1670
- to { transform: rotateY(0); }
1671
- }
1672
- @-webkit-keyframes flipintoright {
1673
- from { -webkit-transform: rotateY(90deg) scale(.9); }
1674
- to { -webkit-transform: rotateY(0); }
1675
- }
1676
- @-moz-keyframes flipintoright {
1677
- from { -moz-transform: rotateY(90deg) scale(.9); }
1678
- to { -moz-transform: rotateY(0); }
1679
- }
1680
- @keyframes flipintoright {
1681
- from { transform: rotateY(90deg) scale(.9); }
1682
- to { transform: rotateY(0); }
1683
- }
1684
- /* The properties in this rule are only necessary for the 'flip' transition.
1685
- * We need specify the perspective to create a projection matrix. This will add
1686
- * some depth as the element flips. The depth number represents the distance of
1687
- * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
1688
- * value.
1689
- */
1690
- .viewport-turn {
1691
- -webkit-perspective: 200px;
1692
- -moz-perspective: 200px;
1693
- -ms-perspective: 200px;
1694
- perspective: 200px;
1695
- position: absolute;
1696
- }
1697
- .turn {
1698
- -webkit-backface-visibility: hidden;
1699
- -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. */
1700
- -webkit-transform-origin: 0;
1701
-
1702
- -moz-backface-visibility: hidden;
1703
- -moz-transform: translateX(0);
1704
- -moz-transform-origin: 0;
1705
-
1706
- backface-visibility :hidden;
1707
- transform: translateX(0);
1708
- transform-origin: 0;
1709
- }
1710
- .turn.out {
1711
- -webkit-transform: rotateY(-90deg) scale(.9);
1712
- -webkit-animation-name: flipouttoleft;
1713
- -webkit-animation-duration: 125ms;
1714
- -moz-transform: rotateY(-90deg) scale(.9);
1715
- -moz-animation-name: flipouttoleft;
1716
- -moz-animation-duration: 125ms;
1717
- transform: rotateY(-90deg) scale(.9);
1718
- animation-name: flipouttoleft;
1719
- animation-duration: 125ms;
1720
- }
1721
- .turn.in {
1722
- -webkit-animation-name: flipintoright;
1723
- -webkit-animation-duration: 250ms;
1724
- -moz-animation-name: flipintoright;
1725
- -moz-animation-duration: 250ms;
1726
- animation-name: flipintoright;
1727
- animation-duration: 250ms;
1728
-
1729
- }
1730
- .turn.out.reverse {
1731
- -webkit-transform: rotateY(90deg) scale(.9);
1732
- -webkit-animation-name: flipouttoright;
1733
- -moz-transform: rotateY(90deg) scale(.9);
1734
- -moz-animation-name: flipouttoright;
1735
- transform: rotateY(90deg) scale(.9);
1736
- animation-name: flipouttoright;
1737
- }
1738
- .turn.in.reverse {
1739
- -webkit-animation-name: flipintoleft;
1740
- -moz-animation-name: flipintoleft;
1741
- animation-name: flipintoleft;
1742
- }
1743
- @-webkit-keyframes flipouttoleft {
1744
- from { -webkit-transform: rotateY(0); }
1745
- to { -webkit-transform: rotateY(-90deg) scale(.9); }
1746
- }
1747
- @-moz-keyframes flipouttoleft {
1748
- from { -moz-transform: rotateY(0); }
1749
- to { -moz-transform: rotateY(-90deg) scale(.9); }
1750
- }
1751
- @keyframes flipouttoleft {
1752
- from { transform: rotateY(0); }
1753
- to { transform: rotateY(-90deg) scale(.9); }
1754
- }
1755
- @-webkit-keyframes flipouttoright {
1756
- from { -webkit-transform: rotateY(0) ; }
1757
- to { -webkit-transform: rotateY(90deg) scale(.9); }
1758
- }
1759
- @-moz-keyframes flipouttoright {
1760
- from { -moz-transform: rotateY(0); }
1761
- to { -moz-transform: rotateY(90deg) scale(.9); }
1762
- }
1763
- @keyframes flipouttoright {
1764
- from { transform: rotateY(0); }
1765
- to { transform: rotateY(90deg) scale(.9); }
1766
- }
1767
- @-webkit-keyframes flipintoleft {
1768
- from { -webkit-transform: rotateY(-90deg) scale(.9); }
1769
- to { -webkit-transform: rotateY(0); }
1770
- }
1771
- @-moz-keyframes flipintoleft {
1772
- from { -moz-transform: rotateY(-90deg) scale(.9); }
1773
- to { -moz-transform: rotateY(0); }
1774
- }
1775
- @keyframes flipintoleft {
1776
- from { transform: rotateY(-90deg) scale(.9); }
1777
- to { transform: rotateY(0); }
1778
- }
1779
- @-webkit-keyframes flipintoright {
1780
- from { -webkit-transform: rotateY(90deg) scale(.9); }
1781
- to { -webkit-transform: rotateY(0); }
1782
- }
1783
- @-moz-keyframes flipintoright {
1784
- from { -moz-transform: rotateY(90deg) scale(.9); }
1785
- to { -moz-transform: rotateY(0); }
1786
- }
1787
- @keyframes flipintoright {
1788
- from { transform: rotateY(90deg) scale(.9); }
1789
- to { transform: rotateY(0); }
1790
- }
1791
- /* flow transition */
1792
- .flow {
1793
- -webkit-transform-origin: 50% 30%;
1794
- -webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
1795
- -moz-transform-origin: 50% 30%;
1796
- -moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
1797
- transform-origin: 50% 30%;
1798
- box-shadow: 0 0 20px rgba(0,0,0,.4);
1799
- }
1800
- .ui-dialog.flow {
1801
- -webkit-transform-origin: none;
1802
- -webkit-box-shadow: none;
1803
- -moz-transform-origin: none;
1804
- -moz-box-shadow: none;
1805
- transform-origin: none;
1806
- box-shadow: none;
1807
- }
1808
- .flow.out {
1809
- -webkit-transform: translateX(-100%) scale(.7);
1810
- -webkit-animation-name: flowouttoleft;
1811
- -webkit-animation-timing-function: ease;
1812
- -webkit-animation-duration: 350ms;
1813
- -moz-transform: translateX(-100%) scale(.7);
1814
- -moz-animation-name: flowouttoleft;
1815
- -moz-animation-timing-function: ease;
1816
- -moz-animation-duration: 350ms;
1817
- transform: translateX(-100%) scale(.7);
1818
- animation-name: flowouttoleft;
1819
- animation-timing-function: ease;
1820
- animation-duration: 350ms;
1821
- }
1822
- .flow.in {
1823
- -webkit-transform: translateX(0) scale(1);
1824
- -webkit-animation-name: flowinfromright;
1825
- -webkit-animation-timing-function: ease;
1826
- -webkit-animation-duration: 350ms;
1827
- -moz-transform: translateX(0) scale(1);
1828
- -moz-animation-name: flowinfromright;
1829
- -moz-animation-timing-function: ease;
1830
- -moz-animation-duration: 350ms;
1831
- transform: translateX(0) scale(1);
1832
- animation-name: flowinfromright;
1833
- animation-timing-function: ease;
1834
- animation-duration: 350ms;
1835
- }
1836
- .flow.out.reverse {
1837
- -webkit-transform: translateX(100%);
1838
- -webkit-animation-name: flowouttoright;
1839
- -moz-transform: translateX(100%);
1840
- -moz-animation-name: flowouttoright;
1841
- transform: translateX(100%);
1842
- animation-name: flowouttoright;
1843
- }
1844
- .flow.in.reverse {
1845
- -webkit-animation-name: flowinfromleft;
1846
- -moz-animation-name: flowinfromleft;
1847
- animation-name: flowinfromleft;
1848
- }
1849
- @-webkit-keyframes flowouttoleft {
1850
- 0% { -webkit-transform: translateX(0) scale(1); }
1851
- 60%, 70% { -webkit-transform: translateX(0) scale(.7); }
1852
- 100% { -webkit-transform: translateX(-100%) scale(.7); }
1853
- }
1854
- @-moz-keyframes flowouttoleft {
1855
- 0% { -moz-transform: translateX(0) scale(1); }
1856
- 60%, 70% { -moz-transform: translateX(0) scale(.7); }
1857
- 100% { -moz-transform: translateX(-100%) scale(.7); }
1858
- }
1859
- @keyframes flowouttoleft {
1860
- 0% { transform: translateX(0) scale(1); }
1861
- 60%, 70% { transform: translateX(0) scale(.7); }
1862
- 100% { transform: translateX(-100%) scale(.7); }
1863
- }
1864
- @-webkit-keyframes flowouttoright {
1865
- 0% { -webkit-transform: translateX(0) scale(1); }
1866
- 60%, 70% { -webkit-transform: translateX(0) scale(.7); }
1867
- 100% { -webkit-transform: translateX(100%) scale(.7); }
1868
- }
1869
- @-moz-keyframes flowouttoright {
1870
- 0% { -moz-transform: translateX(0) scale(1); }
1871
- 60%, 70% { -moz-transform: translateX(0) scale(.7); }
1872
- 100% { -moz-transform: translateX(100%) scale(.7); }
1873
- }
1874
- @keyframes flowouttoright {
1875
- 0% { transform: translateX(0) scale(1); }
1876
- 60%, 70% { transform: translateX(0) scale(.7); }
1877
- 100% { transform: translateX(100%) scale(.7); }
1878
- }
1879
- @-webkit-keyframes flowinfromleft {
1880
- 0% { -webkit-transform: translateX(-100%) scale(.7); }
1881
- 30%, 40% { -webkit-transform: translateX(0) scale(.7); }
1882
- 100% { -webkit-transform: translateX(0) scale(1); }
1883
- }
1884
- @-moz-keyframes flowinfromleft {
1885
- 0% { -moz-transform: translateX(-100%) scale(.7); }
1886
- 30%, 40% { -moz-transform: translateX(0) scale(.7); }
1887
- 100% { -moz-transform: translateX(0) scale(1); }
1888
- }
1889
- @keyframes flowinfromleft {
1890
- 0% { transform: translateX(-100%) scale(.7); }
1891
- 30%, 40% { transform: translateX(0) scale(.7); }
1892
- 100% { transform: translateX(0) scale(1); }
1893
- }
1894
- @-webkit-keyframes flowinfromright {
1895
- 0% { -webkit-transform: translateX(100%) scale(.7); }
1896
- 30%, 40% { -webkit-transform: translateX(0) scale(.7); }
1897
- 100% { -webkit-transform: translateX(0) scale(1); }
1898
- }
1899
- @-moz-keyframes flowinfromright {
1900
- 0% { -moz-transform: translateX(100%) scale(.7); }
1901
- 30%, 40% { -moz-transform: translateX(0) scale(.7); }
1902
- 100% { -moz-transform: translateX(0) scale(1); }
1903
- }
1904
- @keyframes flowinfromright {
1905
- 0% { transform: translateX(100%) scale(.7); }
1906
- 30%, 40% { transform: translateX(0) scale(.7); }
1907
- 100% { transform: translateX(0) scale(1); }
1908
- }
1909
- /* content configurations. */
1910
- .ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
1911
- .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; }
1912
- /* grid solo: 100 - single item fallback */
1913
- .ui-grid-solo .ui-block-a { display: block; float: none; }
1914
- /* Lower percentages for older browsers (i.e. IE7) to prevent wrapping. -.5px to fix BB5 wrap issue. */
1915
- /* grid a: 50/50 */
1916
- .ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 49.95%; }
1917
- .ui-grid-a > :nth-child(n) { width: 50%; margin-right: -.5px; }
1918
- .ui-grid-a .ui-block-a { clear: left; }
1919
- /* grid b: 33/33/33 */
1920
- .ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.25%; }
1921
- .ui-grid-b > :nth-child(n) { width: 33.333%; margin-right: -.5px; }
1922
- .ui-grid-b .ui-block-a { clear: left; }
1923
- /* grid c: 25/25/25/25 */
1924
- .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%; }
1925
- .ui-grid-c > :nth-child(n) { width: 25%; margin-right: -.5px; }
1926
- .ui-grid-c .ui-block-a { clear: left; }
1927
- /* grid d: 20/20/20/20/20 */
1928
- .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%; }
1929
- .ui-grid-d > :nth-child(n) { width: 20%; }
1930
- .ui-grid-d .ui-block-a { clear: left; }
1931
- /* preset breakpoint to switch to stacked grid styles below 35em (560px) */
1932
- @media all and (max-width: 35em) {
1933
- .ui-responsive .ui-block-a,
1934
- .ui-responsive .ui-block-b,
1935
- .ui-responsive .ui-block-c,
1936
- .ui-responsive .ui-block-d,
1937
- .ui-responsive .ui-block-e {
1938
- width: 100%;
1939
- float:none;
1940
- }
1941
- }
1942
- /* fixed page header & footer configuration */
1943
- .ui-header-fixed,
1944
- .ui-footer-fixed {
1945
- left: 0;
1946
- right: 0;
1947
- width: 100%;
1948
- position: fixed;
1949
- z-index: 1000;
1950
- }
1951
- .ui-header-fixed {
1952
- top: -1px;
1953
- padding-top: 1px;
1954
- }
1955
- .ui-header-fixed.ui-fixed-hidden {
1956
- top: 0;
1957
- padding-top: 0;
1958
- }
1959
- .ui-footer-fixed {
1960
- bottom: -1px;
1961
- padding-bottom: 1px;
1962
- }
1963
- .ui-footer-fixed.ui-fixed-hidden {
1964
- bottom: 0;
1965
- padding-bottom: 0;
1966
- }
1967
- .ui-header-fullscreen,
1968
- .ui-footer-fullscreen {
1969
- filter: Alpha(Opacity=90);
1970
- opacity: .9;
1971
- }
1972
- .ui-page-header-fixed {
1973
- padding-top: 2.6875em;
1974
- }
1975
- .ui-page-footer-fixed {
1976
- padding-bottom: 2.6875em;
1977
- }
1978
- .ui-page-header-fullscreen > .ui-content,
1979
- .ui-page-footer-fullscreen > .ui-content {
1980
- padding: 0;
1981
- }
1982
- .ui-fixed-hidden {
1983
- position: absolute;
1984
- }
1985
- .ui-page-header-fullscreen .ui-fixed-hidden,
1986
- .ui-page-footer-fullscreen .ui-fixed-hidden {
1987
- left: -9999px;
1988
- }
1989
- .ui-header-fixed .ui-btn,
1990
- .ui-footer-fixed .ui-btn {
1991
- z-index: 10;
1992
- }
1993
- /* workarounds for other widgets */
1994
- .ui-android-2x-fixed .ui-li-has-thumb {
1995
- -webkit-transform: translate3d(0,0,0);
1996
- }
1997
- .ui-navbar { max-width: 100%; }
1998
- .ui-navbar.ui-mini { margin: 0; }
1999
- .ui-navbar ul:before, .ui-navbar ul:after { content: " "; display: table; }
2000
- .ui-navbar ul:after { clear: both; }
2001
- .ui-navbar ul { list-style:none; margin: 0; padding: 0; position: relative; display: block; border: 0; max-width: 100%; overflow: visible; zoom: 1; }
2002
- .ui-navbar li .ui-btn { display: block; text-align: center; margin: 0 -1px 0 0; border-right-width: 0; }
2003
- .ui-navbar li .ui-btn-icon-right .ui-icon { right: 6px; }
2004
- /* add border if not in header/footer (full width) */
2005
- .ui-navbar li:last-child .ui-btn,
2006
- .ui-navbar .ui-grid-duo .ui-block-b .ui-btn { margin-right: 0; border-right-width: 1px; }
2007
- .ui-header .ui-navbar li:last-child .ui-btn,
2008
- .ui-footer .ui-navbar li:last-child .ui-btn,
2009
- .ui-header .ui-navbar .ui-grid-duo .ui-block-b .ui-btn,
2010
- .ui-footer .ui-navbar .ui-grid-duo .ui-block-b .ui-btn { margin-right: -1px; border-right-width: 0; }
2011
- .ui-navbar .ui-grid-duo li.ui-block-a:last-child .ui-btn { margin-right: -1px; border-right-width: 1px; }
2012
- .ui-header .ui-navbar li .ui-btn,
2013
- .ui-footer .ui-navbar li .ui-btn { border-top-width: 0; border-bottom-width: 0; }
2014
- /* fixing gaps caused by subpixel problem */
2015
- .ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn,
2016
- .ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn { margin-right: -5px; }
2017
- .ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
2018
- .ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
2019
- .ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn,
2020
- .ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn { margin-right: -4px; }
2021
- .ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
2022
- .ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
2023
- .ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon,
2024
- .ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon,
2025
- .ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon,
2026
- .ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon { right: 8px; }
2027
- .ui-navbar li .ui-btn .ui-btn-inner { padding-top: .7em; padding-bottom: .8em }
2028
- .ui-navbar li .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; }
2029
- .ui-navbar li .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; }
2030
- .ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 0; padding: 0; }
2031
- .ui-mini { margin-top: .25em; margin-bottom: .25em; }
2032
- .ui-btn-left, .ui-btn-right, .ui-input-clear, .ui-btn-inline,
2033
- .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; }
2034
- .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; }
2035
- .ui-btn input, .ui-btn button { z-index: 2; }
2036
- .ui-btn-left, .ui-btn-right, .ui-btn-inline { display: inline-block; vertical-align: middle; }
2037
- .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 */
2038
- .ui-btn-block { display: block; }
2039
- .ui-header > .ui-btn,
2040
- .ui-footer > .ui-btn { display: inline-block; margin: 0; }
2041
- .ui-header .ui-btn-block,
2042
- .ui-footer .ui-btn-block { display: block; }
2043
- .ui-header .ui-btn-inner,
2044
- .ui-footer .ui-btn-inner,
2045
- .ui-mini .ui-btn-inner { font-size: 12.5px; padding: .55em 11px .5em; }
2046
- .ui-fullsize .ui-btn-inner,
2047
- .ui-fullsize .ui-btn-inner { font-size: 16px; padding: .6em 20px; }
2048
- .ui-btn-icon-notext { width: 24px; height: 24px; }
2049
- .ui-btn-icon-notext .ui-btn-inner { padding: 0; height: 100%; }
2050
- .ui-btn-icon-notext .ui-btn-inner .ui-icon { margin: 2px 1px 2px 3px; float: left; }
2051
- .ui-btn-text { position: relative; z-index: 1; width: 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
2052
- div.ui-btn-text { width: auto; }
2053
- .ui-btn-icon-notext .ui-btn-text { position: absolute; left: -9999px; }
2054
- .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
2055
- .ui-btn-icon-right .ui-btn-inner { padding-right: 40px; }
2056
- .ui-btn-icon-top .ui-btn-inner { padding-top: 40px; }
2057
- .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 40px; }
2058
- .ui-header .ui-btn-icon-left .ui-btn-inner,
2059
- .ui-footer .ui-btn-icon-left .ui-btn-inner,
2060
- .ui-mini.ui-btn-icon-left .ui-btn-inner,
2061
- .ui-mini .ui-btn-icon-left .ui-btn-inner { padding-left: 30px; }
2062
- .ui-header .ui-btn-icon-right .ui-btn-inner,
2063
- .ui-footer .ui-btn-icon-right .ui-btn-inner,
2064
- .ui-mini.ui-btn-icon-right .ui-btn-inner,
2065
- .ui-mini .ui-btn-icon-right .ui-btn-inner { padding-right: 30px; }
2066
- .ui-header .ui-btn-icon-top .ui-btn-inner,
2067
- .ui-footer .ui-btn-icon-top .ui-btn-inner { padding: 30px 3px .5em 3px; }
2068
- .ui-mini.ui-btn-icon-top .ui-btn-inner,
2069
- .ui-mini .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; }
2070
- .ui-header .ui-btn-icon-bottom .ui-btn-inner,
2071
- .ui-footer .ui-btn-icon-bottom .ui-btn-inner { padding: .55em 3px 30px 3px; }
2072
- .ui-mini.ui-btn-icon-bottom .ui-btn-inner,
2073
- .ui-mini .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; }
2074
- /* Corner styling inheritance */
2075
- .ui-btn-inner {
2076
- -webkit-border-radius: inherit;
2077
- border-radius: inherit;
2078
- }
2079
- /*btn icon positioning*/
2080
- .ui-btn-icon-notext .ui-icon { display: block; z-index: 0;}
2081
- .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; }
2082
- .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; }
2083
- .ui-btn-icon-left .ui-icon { left: 10px; }
2084
- .ui-btn-icon-right .ui-icon { right: 10px; }
2085
- .ui-btn-icon-top .ui-icon { top: 10px; }
2086
- .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
2087
- .ui-header .ui-btn-icon-left .ui-icon,
2088
- .ui-footer .ui-btn-icon-left .ui-icon,
2089
- .ui-mini.ui-btn-icon-left .ui-icon,
2090
- .ui-mini .ui-btn-icon-left .ui-icon { left: 5px; }
2091
- .ui-header .ui-btn-icon-right .ui-icon,
2092
- .ui-footer .ui-btn-icon-right .ui-icon,
2093
- .ui-mini.ui-btn-icon-right .ui-icon,
2094
- .ui-mini .ui-btn-icon-right .ui-icon { right: 5px; }
2095
- .ui-header .ui-btn-icon-top .ui-icon,
2096
- .ui-footer .ui-btn-icon-top .ui-icon,
2097
- .ui-mini.ui-btn-icon-top .ui-icon,
2098
- .ui-mini .ui-btn-icon-top .ui-icon { top: 5px; }
2099
- .ui-header .ui-btn-icon-bottom .ui-icon,
2100
- .ui-footer .ui-btn-icon-bottom .ui-icon,
2101
- .ui-mini.ui-btn-icon-bottom .ui-icon,
2102
- .ui-mini .ui-btn-icon-bottom .ui-icon { bottom: 5px; }
2103
- /*hiding native button,inputs */
2104
- .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; }
2105
- /* Fixes IE/WP filter alpha opacity bugs */
2106
- .ui-disabled .ui-btn-hidden { display: none; }
2107
- .ui-disabled { z-index: 1; }
2108
- .ui-field-contain .ui-btn.ui-submit { margin: 0; }
2109
- label.ui-submit { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
2110
- @media all and (min-width: 28em){
2111
- .ui-field-contain label.ui-submit { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
2112
- .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; }
2113
- .ui-hide-label .ui-btn.ui-submit { width: auto; display: block; }
2114
- }
2115
- .ui-collapsible-inset { margin: .5em 0; }
2116
- .ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -15px; padding: 0; position: relative; }
2117
- .ui-collapsible-inset .ui-collapsible-heading { margin: 0; }
2118
- .ui-collapsible-heading .ui-btn { text-align: left; margin: 0; border-left-width: 0; border-right-width: 0; }
2119
- .ui-collapsible-inset .ui-collapsible-heading .ui-btn { border-right-width: 1px; border-left-width: 1px; }
2120
- .ui-collapsible-collapsed + .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 0; }
2121
- .ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 1px; }
2122
- .ui-collapsible-heading .ui-btn-inner { padding-left: 12px; padding-right: 12px; }
2123
- .ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
2124
- .ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner { padding-right: 40px; }
2125
- .ui-collapsible-heading .ui-btn-icon-top .ui-btn-inner,
2126
- .ui-collapsible-heading .ui-btn-icon-bottom .ui-btn-inner { text-align: center; }
2127
- .ui-collapsible-heading .ui-btn-icon-left.ui-mini .ui-btn-inner { padding-left: 30px; }
2128
- .ui-collapsible-heading .ui-btn-icon-right.ui-mini .ui-btn-inner { padding-right: 30px; }
2129
- .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; }
2130
- .ui-collapsible-heading .ui-btn span.ui-btn .ui-btn-inner { padding: 10px 0; }
2131
- .ui-collapsible-heading .ui-btn span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
2132
- .ui-collapsible-heading-status { position: absolute; top: -9999px; left: 0; }
2133
- .ui-collapsible-content {
2134
- display: block;
2135
- margin: 0 -15px;
2136
- padding: 10px 15px;
2137
- border-left-width: 0;
2138
- border-right-width: 0;
2139
- border-top: none; /* Overrides ui-body-* */
2140
- background-image: none; /* Overrides ui-body-* */
2141
- }
2142
- .ui-collapsible-inset .ui-collapsible-content { margin: 0; border-right-width: 1px; border-left-width: 1px; }
2143
- .ui-collapsible-content-collapsed { display: none; }
2144
- .ui-collapsible-set > .ui-collapsible.ui-corner-all {
2145
- -webkit-border-radius: 0;
2146
- border-radius: 0;
2147
- }
2148
- .ui-collapsible-heading,
2149
- .ui-collapsible-heading > .ui-btn {
2150
- -webkit-border-radius: inherit;
2151
- border-radius: inherit;
2152
- }
2153
- .ui-collapsible-set .ui-collapsible.ui-first-child {
2154
- -webkit-border-top-right-radius: inherit;
2155
- border-top-right-radius: inherit;
2156
- -webkit-border-top-left-radius: inherit;
2157
- border-top-left-radius: inherit;
2158
- }
2159
- .ui-collapsible-content,
2160
- .ui-collapsible-set .ui-collapsible.ui-last-child {
2161
- -webkit-border-bottom-right-radius: inherit;
2162
- border-bottom-right-radius: inherit;
2163
- -webkit-border-bottom-left-radius: inherit;
2164
- border-bottom-left-radius: inherit;
2165
- }
2166
- .ui-collapsible-themed-content:not(.ui-collapsible-collapsed) > .ui-collapsible-heading {
2167
- -webkit-border-bottom-right-radius: 0;
2168
- border-bottom-right-radius: 0;
2169
- -webkit-border-bottom-left-radius: 0;
2170
- border-bottom-left-radius: 0;
2171
- }
2172
- .ui-collapsible-set { margin: .5em 0; }
2173
- .ui-collapsible-set .ui-collapsible { margin: -1px 0 0; }
2174
- .ui-collapsible-set .ui-collapsible.ui-first-child { margin-top: 0; }
2175
- .ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0; zoom: 1; }
2176
- .ui-controlgroup.ui-mini, fieldset.ui-controlgroup.ui-mini { margin: .25em 0; }
2177
- .ui-field-contain .ui-controlgroup, .ui-field-contain fieldset.ui-controlgroup { margin: 0; }
2178
- .ui-bar .ui-controlgroup { margin: 0 5px; }
2179
- .ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .4em; }
2180
- .ui-controlgroup-controls label.ui-select,
2181
- .ui-controlgroup-controls label.ui-submit { position: absolute; left: -9999px; }
2182
- .ui-controlgroup li { list-style: none; }
2183
- .ui-controlgroup .ui-btn { margin: 0; }
2184
- .ui-controlgroup .ui-btn-icon-notext { width: auto; height: auto; top: auto; }
2185
- .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 20px; padding: .6em 20px .6em 20px }
2186
- .ui-controlgroup-horizontal .ui-btn-icon-notext .ui-btn-inner { width: 18px; }
2187
- .ui-controlgroup.ui-mini .ui-btn-icon-notext .ui-btn-inner,
2188
- .ui-header .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner,
2189
- .ui-footer .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 16px; padding: .55em 11px .5em 11px; }
2190
- .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; right: 50%; margin: -9px -9px 0 0; }
2191
- .ui-controlgroup-horizontal .ui-btn-inner { text-align: center; }
2192
- .ui-controlgroup-horizontal.ui-mini .ui-btn-inner { height: 16px; line-height: 16px; }
2193
- .ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; }
2194
- .ui-controlgroup-horizontal .ui-controlgroup-controls:before,
2195
- .ui-controlgroup-horizontal .ui-controlgroup-controls:after { content: ""; display: table; }
2196
- .ui-controlgroup-horizontal .ui-controlgroup-controls:after { clear: both; }
2197
- .ui-controlgroup-horizontal .ui-controlgroup-controls { display: inline-block; vertical-align: middle; zoom: 1; }
2198
- .ui-controlgroup-horizontal .ui-controlgroup-controls > .ui-btn, .ui-controlgroup-horizontal .ui-controlgroup-controls li > .ui-btn,
2199
- .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio,
2200
- .ui-controlgroup-horizontal .ui-select { float: left; clear: none; margin: 0; }
2201
- /* On IE7 the floating selects will be displayed as block if .ui-btn-text has width 100% */
2202
- .ui-controlgroup-horizontal .ui-select .ui-btn-text { width: auto; }
2203
- .ui-controlgroup-vertical .ui-btn { border-bottom-width: 0; }
2204
- .ui-controlgroup-vertical .ui-btn.ui-last-child { border-bottom-width: 1px; }
2205
- .ui-controlgroup-horizontal .ui-btn { border-right-width: 0; }
2206
- .ui-controlgroup-horizontal .ui-btn.ui-last-child { border-right-width: 1px; }
2207
- .ui-controlgroup .ui-btn-corner-all {
2208
- -webkit-border-radius: 0;
2209
- border-radius: 0;
2210
- }
2211
- .ui-controlgroup .ui-controlgroup-controls,
2212
- .ui-controlgroup .ui-radio,
2213
- .ui-controlgroup .ui-checkbox,
2214
- .ui-controlgroup .ui-select,
2215
- .ui-controlgroup li {
2216
- -webkit-border-radius: inherit;
2217
- border-radius: inherit;
2218
- }
2219
- .ui-controlgroup-vertical .ui-btn.ui-first-child {
2220
- -webkit-border-top-left-radius: inherit;
2221
- border-top-left-radius: inherit;
2222
- -webkit-border-top-right-radius: inherit;
2223
- border-top-right-radius: inherit;
2224
- }
2225
- .ui-controlgroup-vertical .ui-btn.ui-last-child {
2226
- -webkit-border-bottom-left-radius: inherit;
2227
- border-bottom-left-radius: inherit;
2228
- -webkit-border-bottom-right-radius: inherit;
2229
- border-bottom-right-radius: inherit;
2230
- }
2231
- .ui-controlgroup-horizontal .ui-btn.ui-first-child {
2232
- -webkit-border-top-left-radius: inherit;
2233
- border-top-left-radius: inherit;
2234
- -webkit-border-bottom-left-radius: inherit;
2235
- border-bottom-left-radius: inherit;
2236
- }
2237
- .ui-controlgroup-horizontal .ui-btn.ui-last-child {
2238
- -webkit-border-top-right-radius: inherit;
2239
- border-top-right-radius: inherit;
2240
- -webkit-border-bottom-right-radius: inherit;
2241
- border-bottom-right-radius: inherit;
2242
- }
2243
- .ui-controlgroup .ui-shadow:not(.ui-focus) {
2244
- -moz-box-shadow: none;
2245
- -webkit-box-shadow: none;
2246
- box-shadow: none;
2247
- }
2248
- @media all and (min-width: 28em){
2249
- .ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
2250
- .ui-field-contain .ui-controlgroup-controls { width: 78%; display: inline-block; }
2251
- .ui-field-contain .ui-controlgroup .ui-select { width: 100%; display: block; }
2252
- .ui-field-contain .ui-controlgroup-horizontal .ui-select { width: auto; }
2253
- .ui-hide-label .ui-controlgroup-controls { width: 100%; }
2254
- }
2255
- .ui-dialog {
2256
- background: none !important; /* this is to ensure that dialog theming does not apply (by default at least) on the page div */
2257
- }
2258
- .ui-dialog-contain {
2259
- width: 92.5%;
2260
- max-width: 500px;
2261
- margin: 10% auto 15px auto;
2262
- padding: 0;
2263
- position: relative;
2264
- top: -15px;
2265
- }
2266
- .ui-dialog-contain > .ui-header,
2267
- .ui-dialog-contain > .ui-content,
2268
- .ui-dialog-contain > .ui-footer {
2269
- display: block;
2270
- position: relative;
2271
- width: auto;
2272
- margin: 0;
2273
- }
2274
- .ui-dialog-contain > .ui-header {
2275
- border: none;
2276
- overflow: hidden;
2277
- z-index: 10;
2278
- padding: 0;
2279
- }
2280
- .ui-dialog-contain > .ui-content {
2281
- padding: 15px;
2282
- }
2283
- .ui-dialog-contain > .ui-footer {
2284
- z-index: 10;
2285
- padding: 0 15px;
2286
- }
2287
- .ui-popup-open .ui-header-fixed,
2288
- .ui-popup-open .ui-footer-fixed {
2289
- position: absolute !important; /* See line #553 of popup.js */
2290
- }
2291
- .ui-popup-screen {
2292
- 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. */
2293
- top: 0;
2294
- left: 0;
2295
- right: 0;
2296
- bottom: 1px;
2297
- position: absolute;
2298
- filter: Alpha(Opacity=0);
2299
- opacity: 0;
2300
- z-index: 1099;
2301
- }
2302
- .ui-popup-screen.in {
2303
- opacity: 0.5;
2304
- filter: Alpha(Opacity=50);
2305
- }
2306
- .ui-popup-screen.out {
2307
- opacity: 0;
2308
- filter: Alpha(Opacity=0);
2309
- }
2310
- .ui-popup-container {
2311
- z-index: 1100;
2312
- display: inline-block;
2313
- position: absolute;
2314
- padding: 0;
2315
- outline: 0;
2316
- }
2317
- .ui-popup {
2318
- position: relative;
2319
- }
2320
- .ui-popup.ui-content,
2321
- .ui-popup .ui-content {
2322
- overflow: visible;
2323
- }
2324
- .ui-popup > p,
2325
- .ui-popup > h1,
2326
- .ui-popup > h2,
2327
- .ui-popup > h3,
2328
- .ui-popup > h4,
2329
- .ui-popup > h5,
2330
- .ui-popup > h6 {
2331
- margin: .5em 7px;
2332
- }
2333
- .ui-popup > span {
2334
- display: block;
2335
- margin: .5em 7px;
2336
- }
2337
- .ui-popup .ui-title {
2338
- font-size: 16px;
2339
- font-weight: bold;
2340
- margin-top: .5em;
2341
- margin-bottom: .5em;
2342
- }
2343
- .ui-popup-container .ui-content > p,
2344
- .ui-popup-container .ui-content > h1,
2345
- .ui-popup-container .ui-content > h2,
2346
- .ui-popup-container .ui-content > h3,
2347
- .ui-popup-container .ui-content > h4,
2348
- .ui-popup-container .ui-content > h5,
2349
- .ui-popup-container .ui-content > h6 {
2350
- margin: .5em 0;
2351
- }
2352
- .ui-popup-container .ui-content > span {
2353
- margin: 0;
2354
- }
2355
- .ui-popup-container .ui-content > p:first-child,
2356
- .ui-popup-container .ui-content > h1:first-child,
2357
- .ui-popup-container .ui-content > h2:first-child,
2358
- .ui-popup-container .ui-content > h3:first-child,
2359
- .ui-popup-container .ui-content > h4:first-child,
2360
- .ui-popup-container .ui-content > h5:first-child,
2361
- .ui-popup-container .ui-content > h6:first-child {
2362
- margin-top: 0;
2363
- }
2364
- .ui-popup-container .ui-content > p:last-child,
2365
- .ui-popup-container .ui-content > h1:last-child,
2366
- .ui-popup-container .ui-content > h2:last-child,
2367
- .ui-popup-container .ui-content > h3:last-child,
2368
- .ui-popup-container .ui-content > h4:last-child,
2369
- .ui-popup-container .ui-content > h5:last-child,
2370
- .ui-popup-container .ui-content > h6:last-child {
2371
- margin-bottom: 0;
2372
- }
2373
- .ui-popup > img {
2374
- width: auto;
2375
- height: auto;
2376
- max-width: 100%;
2377
- max-height: 100%;
2378
- vertical-align: middle;
2379
- }
2380
- .ui-popup:not(.ui-content) > img:only-child,
2381
- .ui-popup:not(.ui-content) > .ui-btn-left:first-child + img:last-child,
2382
- .ui-popup:not(.ui-content) > .ui-btn-right:first-child + img:last-child {
2383
- -webkit-border-radius: inherit;
2384
- border-radius: inherit;
2385
- }
2386
- .ui-popup iframe {
2387
- vertical-align: middle;
2388
- }
2389
- @media all and (min-width: 28em){
2390
- .ui-popup .ui-field-contain label.ui-submit,
2391
- .ui-popup .ui-field-contain .ui-controlgroup-label,
2392
- .ui-popup .ui-field-contain label.ui-select,
2393
- .ui-popup .ui-field-contain label.ui-input-text {
2394
- font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em;
2395
- }
2396
- .ui-popup .ui-field-contain .ui-btn.ui-submit,
2397
- .ui-popup .ui-field-contain .ui-controlgroup-controls,
2398
- .ui-popup .ui-field-contain .ui-select,
2399
- .ui-popup .ui-field-contain input.ui-input-text,
2400
- .ui-popup .ui-field-contain textarea.ui-input-text,
2401
- .ui-popup .ui-field-contain .ui-input-search {
2402
- width: 100%; display: block;
2403
- }
2404
- }
2405
- .ui-popup > .ui-btn-left,
2406
- .ui-popup > .ui-btn-right {
2407
- position: absolute;
2408
- top: -9px;
2409
- margin: 0;
2410
- z-index: 1101;
2411
- }
2412
- .ui-popup > .ui-btn-left { left: -9px; }
2413
- .ui-popup > .ui-btn-right { right: -9px; }
2414
- .ui-popup-hidden { top: -99999px; left: -9999px; }
2415
- .ui-checkbox, .ui-radio { position: relative; clear: both; margin: 0; z-index: 1; }
2416
- .ui-checkbox .ui-btn, .ui-radio .ui-btn { text-align: left; z-index: 2; }
2417
- .ui-controlgroup .ui-checkbox .ui-btn, .ui-controlgroup .ui-radio .ui-btn { margin: 0; }
2418
- .ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }
2419
- .ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
2420
- .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; }
2421
- .ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
2422
- .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; }
2423
- .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; }
2424
- .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; }
2425
- .ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }
2426
- .ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon { left: 15px; }
2427
- .ui-checkbox .ui-mini.ui-btn-icon-left .ui-icon, .ui-radio .ui-mini.ui-btn-icon-left .ui-icon { left: 9px; }
2428
- .ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
2429
- .ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
2430
- .ui-checkbox .ui-btn-icon-top .ui-icon, .ui-radio .ui-btn-icon-top .ui-icon { top: 10px; }
2431
- .ui-checkbox .ui-btn-icon-bottom .ui-icon, .ui-radio .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
2432
- .ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
2433
- .ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
2434
- .ui-controlgroup-horizontal .ui-checkbox .ui-icon,
2435
- .ui-controlgroup-horizontal .ui-radio .ui-icon { display: none; }
2436
- .ui-controlgroup-horizontal .ui-checkbox .ui-btn-inner,
2437
- .ui-controlgroup-horizontal .ui-radio .ui-btn-inner { padding: .6em 20px; }
2438
- .ui-controlgroup-horizontal .ui-checkbox .ui-mini .ui-btn-inner,
2439
- .ui-controlgroup-horizontal .ui-radio .ui-mini .ui-btn-inner { padding: .55em 11px .5em; }
2440
- /* input, label positioning */
2441
- .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; }
2442
- .ui-field-contain, fieldset.ui-field-contain { padding: .8em 0; margin: 0; border-width: 0 0 1px 0; overflow: visible; }
2443
- .ui-field-contain:last-child { border-bottom-width: 0; }
2444
- .ui-field-contain { max-width: 100%; } /* This prevents horizontal scrollbar in IE7 */
2445
- @media all and (min-width: 28em){
2446
- .ui-field-contain, .ui-mobile fieldset.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
2447
- }
2448
- .ui-select { display: block; position: relative; }
2449
- .ui-select select { position: absolute; left: -9999px; top: -9999px; }
2450
- .ui-select .ui-btn { opacity: 1; }
2451
- .ui-field-contain .ui-select .ui-btn { margin: 0; }
2452
- /* 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. */
2453
- .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; }
2454
- .ui-select .ui-disabled { opacity: .3; }
2455
- /* Display none because of issues with IE/WP's filter alpha opacity */
2456
- .ui-select .ui-disabled select { display: none; }
2457
- @-moz-document url-prefix() { .ui-select .ui-btn select { opacity: 0.0001; }}
2458
- .ui-select .ui-btn.ui-select-nativeonly { border-radius: 0; border: 0; }
2459
- .ui-select .ui-btn.ui-select-nativeonly select { opacity: 1; text-indent: 0; display: block; }
2460
- .ui-select .ui-disabled.ui-select-nativeonly .ui-btn-inner { opacity: 0; }
2461
- .ui-select .ui-btn-icon-right .ui-btn-inner, .ui-select .ui-li-has-count .ui-btn-inner { padding-right: 45px; }
2462
- .ui-select .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 32px; }
2463
- .ui-select .ui-btn-icon-right.ui-li-has-count .ui-btn-inner { padding-right: 80px; }
2464
- .ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-btn-inner { padding-right: 67px; }
2465
- .ui-select .ui-btn-icon-right .ui-icon { right: 15px; }
2466
- .ui-select .ui-mini.ui-btn-icon-right .ui-icon { right: 7px; }
2467
- .ui-select .ui-btn-icon-right.ui-li-has-count .ui-li-count { right: 45px; }
2468
- .ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-li-count { right: 32px; }
2469
- /* labels */
2470
- label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
2471
- /*listbox*/
2472
- .ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden !important;
2473
- /* This !important is required for iPad Safari specifically. See https://github.com/jquery/jquery-mobile/issues/2647 */ }
2474
- .ui-select .ui-btn-text { text-overflow: ellipsis; }
2475
- .ui-selectmenu { padding: 6px; min-width: 160px; }
2476
- .ui-selectmenu .ui-listview { margin: 0; }
2477
- .ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }
2478
- .ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; }
2479
- .ui-selectmenu-list .ui-li .ui-icon { display: block; }
2480
- .ui-li.ui-selectmenu-placeholder { display: none; }
2481
- .ui-selectmenu .ui-header { margin: 0; padding: 0; }
2482
- .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; }
2483
- .ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }
2484
- @media all and (min-width: 28em){
2485
- .ui-field-contain label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
2486
- .ui-field-contain .ui-select { width: 78%; display: inline-block; }
2487
- .ui-hide-label .ui-select { width: 100%; }
2488
- }
2489
- /* 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 */
2490
- .ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }
2491
- label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
2492
- 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; }
2493
- input.ui-mini, .ui-mini input, textarea.ui-mini { font-size: 14px; }
2494
- div.ui-input-text input.ui-input-text, div.ui-input-text textarea.ui-input-text,
2495
- .ui-input-search input.ui-input-text { border: none; width: 100%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
2496
- .ui-input-search, div.ui-input-text { margin: .5em 0; background-image: none; position: relative; }
2497
- .ui-input-search { padding: 0 30px; }
2498
- div.ui-input-text { padding: 0 .4em; }
2499
- div.ui-input-has-clear { padding: 0 30px 0 .4em; }
2500
- input.ui-input-text.ui-mini, textarea.ui-input-text.ui-mini,
2501
- .ui-input-search.ui-mini, div.ui-input-text.ui-mini { margin: .25em 0; }
2502
- .ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text,
2503
- .ui-field-contain .ui-input-search, .ui-field-contain div.ui-input-text { margin: 0; }
2504
- textarea.ui-input-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
2505
- input.ui-input-text { -webkit-appearance: none; }
2506
- 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; }
2507
- textarea.ui-mini { height: 45px; }
2508
- .ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; }
2509
- .ui-input-search .ui-input-clear, .ui-input-text .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -13px; }
2510
- .ui-mini .ui-input-clear { right: -3px; }
2511
- .ui-input-search .ui-input-clear-hidden, .ui-input-text .ui-input-clear-hidden { display: none; }
2512
- /* Resolves issue #5166: Added to support issue introduced in Firefox 15. We can likely remove this in the future. */
2513
- input::-moz-placeholder, textarea::-moz-placeholder { color: #aaa; }
2514
- /* Resolves issue #5131: Width of textinput depends on its type, for Android 4.1 */
2515
- input[type=number]::-webkit-outer-spin-button { margin: 0; }
2516
- @media all and (min-width: 28em){
2517
- .ui-field-contain label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 }
2518
- .ui-field-contain input.ui-input-text,
2519
- .ui-field-contain textarea.ui-input-text,
2520
- .ui-field-contain .ui-input-search,
2521
- .ui-field-contain div.ui-input-text { width: 78%; display: inline-block; }
2522
- .ui-field-contain .ui-input-search,
2523
- .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; }
2524
- .ui-hide-label input.ui-input-text,
2525
- .ui-hide-label textarea.ui-input-text,
2526
- .ui-hide-label .ui-input-search,
2527
- .ui-hide-label div.ui-input-text,
2528
- .ui-input-search input.ui-input-text,
2529
- div.ui-input-text input.ui-input-text { width: 100%; }
2530
- }
2531
- .ui-rangeslider {
2532
- zoom: 1;
2533
- margin: 0;
2534
- }
2535
- .ui-rangeslider:before,
2536
- .ui-rangeslider:after {
2537
- content: "";
2538
- display: table;
2539
- }
2540
- .ui-rangeslider:after {
2541
- clear: both;
2542
- }
2543
- /* Margin-top/bottom: .5em * 16px/14px to make it equal to ui-rangeslider-sliders margin (input font-size is 14px) */
2544
- .ui-rangeslider input.ui-input-text.ui-slider-input {
2545
- margin: .57143em 0;
2546
- }
2547
- .ui-rangeslider.ui-mini input.ui-slider-input {
2548
- margin: .28571em 0;
2549
- }
2550
- .ui-rangeslider input.ui-slider-input.ui-rangeslider-last {
2551
- float: right;
2552
- }
2553
- .ui-rangeslider .ui-rangeslider-sliders {
2554
- position: relative;
2555
- overflow: visible;
2556
- height: 30px;
2557
- margin: .5em 68px;
2558
- }
2559
- .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
2560
- margin: .25em 68px;
2561
- }
2562
- .ui-field-contain .ui-rangeslider input.ui-slider-input,
2563
- .ui-field-contain .ui-rangeslider.ui-mini input.ui-slider-input,
2564
- .ui-field-contain .ui-rangeslider .ui-rangeslider-sliders,
2565
- .ui-field-contain .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
2566
- margin-top: 0;
2567
- margin-bottom: 0;
2568
- }
2569
- .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track {
2570
- position: absolute;
2571
- top: 6px;
2572
- right: 0;
2573
- left: 0;
2574
- margin: 0;
2575
- }
2576
- .ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track {
2577
- top: 8px;
2578
- }
2579
- .ui-rangeslider .ui-slider-track:first-child .ui-slider-bg {
2580
- display: none;
2581
- }
2582
- .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
2583
- background-color: transparent;
2584
- background: none;
2585
- border-width: 0;
2586
- height: 0;
2587
- }
2588
- /* this makes ie6 and ie7 set height to 0 to fix z-index problem */
2589
- html >/**/body .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
2590
- height: 15px;
2591
- border-width: 1px;
2592
- }
2593
- html >/**/body .ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track:first-child {
2594
- height: 12px;
2595
- }
2596
- @media all and (min-width: 28em){
2597
- .ui-field-contain .ui-rangeslider label.ui-slider {
2598
- float: left;
2599
- }
2600
- .ui-field-contain .ui-rangeslider input.ui-slider-input {
2601
- position: relative;
2602
- z-index: 1;
2603
- }
2604
- .ui-field-contain .ui-rangeslider input.ui-slider-input.ui-rangeslider-first,
2605
- .ui-field-contain .ui-rangeslider.ui-mini input.ui-slider-input.ui-rangeslider-first {
2606
- margin-right: 17px;
2607
- }
2608
- .ui-field-contain .ui-rangeslider .ui-rangeslider-sliders,
2609
- .ui-field-contain .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
2610
- float: left;
2611
- width: 78%;
2612
- margin: 0 -68px;
2613
- }
2614
- .ui-field-contain .ui-rangeslider .ui-slider-track,
2615
- .ui-field-contain .ui-rangeslider.ui-mini .ui-slider-track {
2616
- right: 68px;
2617
- left: 68px;
2618
- }
2619
- .ui-field-contain.ui-hide-label .ui-rangeslider input.ui-slider-input.ui-rangeslider-first {
2620
- margin: 0;
2621
- }
2622
- .ui-field-contain.ui-hide-label .ui-rangeslider .ui-rangeslider-sliders,
2623
- .ui-field-contain.ui-hide-label .ui-rangeslider.ui-mini .ui-rangeslider-sliders {
2624
- width: auto;
2625
- float: none;
2626
- margin: 0 68px;
2627
- }
2628
- .ui-field-contain.ui-hide-label .ui-rangeslider .ui-slider-track,
2629
- .ui-field-contain.ui-hide-label .ui-rangeslider.ui-mini .ui-slider-track {
2630
- right: 0;
2631
- left: 0;
2632
- }
2633
- }
2634
- .ui-listview { margin: 0; }
2635
- ol.ui-listview, ol.ui-listview .ui-li-divider { counter-reset: listnumbering; }
2636
- .ui-content .ui-listview, .ui-panel-inner > .ui-listview { margin: -15px; }
2637
- .ui-collapsible-content > .ui-listview { margin: -10px -15px; }
2638
- .ui-content .ui-listview-inset, .ui-panel-inner .ui-listview-inset { margin: 1em 0; }
2639
- .ui-collapsible-content .ui-listview-inset { margin: .5em 0; }
2640
- .ui-listview, .ui-li { list-style: none; padding: 0; }
2641
- .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; }
2642
- .ui-li.ui-btn, .ui-li.ui-field-contain, .ui-li-divider, .ui-li-static { margin: 0; }
2643
- .ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
2644
- .ui-li.ui-last-child, .ui-li.ui-field-contain.ui-last-child { border-bottom-width: 1px; }
2645
- .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) > .ui-li.ui-first-child { border-top-width: 0; }
2646
- .ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset) > .ui-li.ui-last-child { border-bottom-width: 0; }
2647
- .ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
2648
- .ui-li-static { background-image: none; }
2649
- .ui-li-divider { padding: .5em 15px; font-size: 14px; font-weight: bold; }
2650
- 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) ". "; }
2651
- ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */
2652
- .ui-listview .ui-li > .ui-btn-text {
2653
- -webkit-border-radius: inherit;
2654
- border-radius: inherit;
2655
- }
2656
- .ui-listview > .ui-li.ui-first-child,
2657
- .ui-listview .ui-btn.ui-first-child > .ui-li > .ui-btn-text > .ui-link-inherit {
2658
- -webkit-border-top-right-radius: inherit;
2659
- border-top-right-radius: inherit;
2660
- -webkit-border-top-left-radius: inherit;
2661
- border-top-left-radius: inherit;
2662
- }
2663
- .ui-listview > .ui-li.ui-last-child,
2664
- .ui-listview .ui-btn.ui-last-child > .ui-li > .ui-btn-text > .ui-link-inherit,
2665
- .ui-collapsible-content > .ui-listview:not(.ui-listview-inset),
2666
- .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li.ui-last-child {
2667
- -webkit-border-bottom-right-radius: inherit;
2668
- border-bottom-right-radius: inherit;
2669
- -webkit-border-bottom-left-radius: inherit;
2670
- border-bottom-left-radius: inherit;
2671
- }
2672
- .ui-listview > .ui-li.ui-first-child .ui-li-link-alt {
2673
- -webkit-border-top-right-radius: inherit;
2674
- border-top-right-radius: inherit;
2675
- }
2676
- .ui-listview > .ui-li.ui-last-child .ui-li-link-alt {
2677
- -webkit-border-bottom-right-radius: inherit;
2678
- border-bottom-right-radius: inherit;
2679
- }
2680
- .ui-listview > .ui-li.ui-first-child .ui-li-thumb:not(.ui-li-icon) {
2681
- -webkit-border-top-left-radius: inherit;
2682
- border-top-left-radius: inherit;
2683
- }
2684
- .ui-listview > .ui-li.ui-last-child .ui-li-thumb:not(.ui-li-icon) {
2685
- -webkit-border-bottom-left-radius: inherit;
2686
- border-bottom-left-radius: inherit;
2687
- }
2688
- .ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }
2689
- .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 15px; display: block; }
2690
- .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb { min-height: 59px; padding-left: 100px; }
2691
- .ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon { min-height: 20px; padding-left: 40px; }
2692
- .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; }
2693
- .ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow { padding-right: 40px; }
2694
- .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; }
2695
- .ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
2696
- .ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
2697
- ol.ui-listview > .ui-li .ui-li-heading { display: inline-block; width: 100%; margin-left: -1.3em; text-indent: 1.3em; vertical-align: middle; }
2698
- ol.ui-listview > .ui-li .ui-li-desc:not(.ui-li-aside) { text-indent: 1.55em; }
2699
- .ui-li-thumb, .ui-listview .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
2700
- .ui-listview .ui-li-icon { max-height: 16px; max-width: 16px; left: 10px; top: .9em; }
2701
- .ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
2702
- .ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }
2703
- @media all and (min-width: 480px){
2704
- .ui-li-aside { width: 45%; }
2705
- }
2706
- .ui-li-divider { cursor: default; }
2707
- .ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 53px; }
2708
- .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; }
2709
- .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; }
2710
- .ui-li-has-count.ui-li-divider .ui-li-count, .ui-li-has-count .ui-link-inherit .ui-li-count { margin-top: -.95em; }
2711
- .ui-li-has-arrow.ui-li-has-count .ui-li-count { right: 40px; }
2712
- .ui-li-has-alt.ui-li-has-count .ui-li-count { right: 53px; }
2713
- .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; }
2714
- .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;}
2715
- .ui-li-link-alt .ui-btn-inner { padding: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;}
2716
- .ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; }
2717
- .ui-li-link-alt .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
2718
- .ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top: 0; }
2719
- .ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px; }
2720
- .ui-collapsible-content .ui-listview-filter { margin: -10px -15px 10px -15px; border-bottom: inherit; }
2721
- .ui-listview-filter-inset { margin: -15px -5px; background: transparent; }
2722
- .ui-collapsible-content .ui-listview-filter-inset { margin: -5px; border-bottom-width: 0; }
2723
- .ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
2724
- .ui-li.ui-screen-hidden{ display:none; }
2725
- /* Odd iPad positioning issue. */
2726
- @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
2727
- .ui-li .ui-btn-text { overflow: visible; }
2728
- }
2729
- label.ui-slider {
2730
- font-size: 16px;
2731
- line-height: 1.4;
2732
- font-weight: normal;
2733
- margin: 0;
2734
- display: block;
2735
- }
2736
- .ui-field-contain label.ui-slider {
2737
- margin-bottom: .4em;
2738
- }
2739
- div.ui-slider {
2740
- height: 30px;
2741
- margin: .5em 0;
2742
- zoom: 1;
2743
- }
2744
- div.ui-slider.ui-mini {
2745
- margin: .25em 0;
2746
- }
2747
- .ui-field-contain div.ui-slider,
2748
- .ui-field-contain div.ui-slider.ui-mini {
2749
- margin: 0;
2750
- }
2751
- div.ui-slider:before, div.ui-slider:after {
2752
- content: "";
2753
- display: table;
2754
- }
2755
- div.ui-slider:after {
2756
- clear: both;
2757
- }
2758
- /* High level of specificity to override Textinput CSS. */
2759
- input.ui-input-text.ui-slider-input {
2760
- display: block;
2761
- float: left;
2762
- margin: 0;
2763
- padding: 4px;
2764
- width: 40px;
2765
- height: 22px;
2766
- line-height: 22px;
2767
- font-size: 14px;
2768
- border-width: 0;
2769
- background-image: none;
2770
- font-weight: bold;
2771
- text-align: center;
2772
- vertical-align: text-bottom;
2773
- outline: 0;
2774
- -webkit-box-sizing: content-box;
2775
- -moz-box-sizing: content-box;
2776
- -ms-box-sizing: content-box;
2777
- box-sizing: content-box;
2778
- }
2779
- .ui-slider-input::-webkit-outer-spin-button,
2780
- .ui-slider-input::-webkit-inner-spin-button {
2781
- -webkit-appearance: none;
2782
- margin: 0;
2783
- }
2784
- .ui-slider-track,
2785
- .ui-slider-switch {
2786
- position: relative;
2787
- overflow: visible;
2788
- height: 15px;
2789
- margin: 0 15px 0 68px;
2790
- top: 6px;
2791
- }
2792
- .ui-slider-track.ui-mini {
2793
- height: 12px;
2794
- top: 8px;
2795
- }
2796
- .ui-slider-bg {
2797
- border: none;
2798
- height: 100%;
2799
- }
2800
- /* High level of specificity to override button margins in grids */
2801
- .ui-slider-track .ui-btn.ui-slider-handle,
2802
- .ui-slider-switch .ui-btn.ui-slider-handle {
2803
- position: absolute;
2804
- z-index: 1;
2805
- top: 50%;
2806
- width: 28px;
2807
- height: 28px;
2808
- margin: -15px 0 0 -15px;
2809
- outline: 0;
2810
- }
2811
- .ui-slider-track.ui-mini .ui-slider-handle {
2812
- height: 14px;
2813
- width: 14px;
2814
- margin: -8px 0 0 -7px;
2815
- }
2816
- .ui-slider-handle .ui-btn-inner {
2817
- padding: 0;
2818
- height: 100%;
2819
- }
2820
- .ui-slider-track.ui-mini .ui-slider-handle .ui-btn-inner {
2821
- height: 30px;
2822
- width: 30px;
2823
- padding: 0;
2824
- margin: -9px 0 0 -9px;
2825
- border-top: none;
2826
- }
2827
- select.ui-slider-switch {
2828
- display: none;
2829
- }
2830
- div.ui-slider-switch {
2831
- display: inline-block;
2832
- height: 32px;
2833
- width: 5.8em;
2834
- margin: .5em 0;
2835
- top: 0;
2836
- }
2837
- /* reset the clearfix */
2838
- div.ui-slider-switch:before, div.ui-slider-switch:after {
2839
- display: none;
2840
- clear: none;
2841
- }
2842
- div.ui-slider-switch.ui-mini {
2843
- width: 5em;
2844
- height: 29px;
2845
- margin: .25em 0;
2846
- top: 0;
2847
- }
2848
- .ui-field-contain .ui-slider-switch,
2849
- .ui-field-contain .ui-slider-switch.ui-mini {
2850
- margin: 0;
2851
- }
2852
- .ui-slider-inneroffset {
2853
- margin: 0 16px;
2854
- position: relative;
2855
- z-index: 1;
2856
- }
2857
- .ui-slider-switch.ui-mini .ui-slider-inneroffset {
2858
- margin: 0 15px 0 14px;
2859
- }
2860
- .ui-slider-switch .ui-btn.ui-slider-handle {
2861
- margin: 1px 0 0 -15px;
2862
- }
2863
- .ui-slider-switch.ui-mini .ui-slider-handle {
2864
- width: 25px;
2865
- height: 25px;
2866
- margin: 1px 0 0 -13px;
2867
- padding: 0;
2868
- }
2869
- .ui-slider-handle-snapping {
2870
- -webkit-transition: left 70ms linear;
2871
- -moz-transition: left 70ms linear;
2872
- }
2873
- .ui-slider-switch.ui-mini .ui-slider-handle .ui-btn-inner {
2874
- height: 30px;
2875
- width: 30px;
2876
- padding: 0;
2877
- margin: 0;
2878
- border-top: none;
2879
- }
2880
- .ui-slider-switch .ui-slider-label {
2881
- position: absolute;
2882
- text-align: center;
2883
- width: 100%;
2884
- overflow: hidden;
2885
- font-size: 16px;
2886
- top: 0;
2887
- line-height: 2;
2888
- min-height: 100%;
2889
- border-width: 0;
2890
- white-space: nowrap;
2891
- cursor: pointer;
2892
- }
2893
- .ui-slider-switch.ui-mini .ui-slider-label {
2894
- font-size: 14px;
2895
- }
2896
- .ui-slider-switch .ui-slider-label-a {
2897
- z-index: 1;
2898
- left: 0;
2899
- text-indent: -1.5em;
2900
- }
2901
- .ui-slider-switch .ui-slider-label-b {
2902
- z-index: 0;
2903
- right: 0;
2904
- text-indent: 1.5em;
2905
- }
2906
- @media all and (min-width: 28em){
2907
- .ui-field-contain label.ui-slider {
2908
- vertical-align: top;
2909
- display: inline-block;
2910
- width: 20%;
2911
- margin: 0 2% 0 0;
2912
- }
2913
- .ui-field-contain div.ui-slider {
2914
- display: inline-block;
2915
- width: 78%;
2916
- }
2917
- .ui-field-contain.ui-hide-label div.ui-slider {
2918
- display: block;
2919
- width: auto;
2920
- }
2921
- .ui-field-contain div.ui-slider-switch,
2922
- .ui-field-contain.ui-hide-label div.ui-slider-switch {
2923
- display: inline-block;
2924
- width: 5.8em;
2925
- }
2926
- .ui-field-contain div.ui-slider-switch.ui-mini {
2927
- width: 5em;
2928
- }
2929
- }
2930
- .ui-table {
2931
- border: 0;
2932
- border-collapse: collapse;
2933
- padding: 0;
2934
- width: 100%;
2935
- }
2936
- .ui-table th,
2937
- .ui-table td {
2938
- line-height: 1.5em;
2939
- text-align: left;
2940
- padding: .4em .5em;
2941
- vertical-align:top;
2942
- }
2943
- .ui-table th .ui-btn,
2944
- .ui-table td .ui-btn {
2945
- line-height: normal;
2946
- }
2947
- .ui-table th {
2948
- font-weight: bold;
2949
- }
2950
- .ui-table caption {
2951
- text-align:left;
2952
- margin-bottom:1.4em;
2953
- opacity: .5;
2954
- }
2955
- /* Add strokes between each row */
2956
- .table-stroke thead th {
2957
- border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
2958
- border-bottom: 1px solid rgba(0, 0, 0, .1);
2959
- }
2960
- .table-stroke tbody th,
2961
- .table-stroke tbody td {
2962
- border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback */
2963
- border-bottom: 1px solid rgba(0, 0, 0, .05);
2964
- }
2965
- /* Add alternating row stripes */
2966
- .table-stripe tbody tr:nth-child(odd) td,
2967
- .table-stripe tbody tr:nth-child(odd) th {
2968
- background-color: #eeeeee; /* non-RGBA fallback */
2969
- background-color: rgba(0,0,0,0.04);
2970
- }
2971
- /* Add stroke to the header and last item */
2972
- .table-stripe thead th,
2973
- .table-stripe tbody tr:last-child {
2974
- border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
2975
- border-bottom: 1px solid rgba(0, 0, 0, .1);
2976
- }
2977
- /*
2978
- Styles for the table columntoggle mode
2979
- */
2980
- .ui-table-columntoggle-btn {
2981
- float: right;
2982
- margin-bottom:.8em;
2983
- }
2984
- /* Remove top/bottom margins around the fieldcontain on check list */
2985
- .ui-table-columntoggle-popup fieldset {
2986
- margin:0;
2987
- }
2988
- /* Hide all prioritized columns by default */
2989
- @media only all {
2990
- th.ui-table-priority-6,
2991
- td.ui-table-priority-6,
2992
- th.ui-table-priority-5,
2993
- td.ui-table-priority-5,
2994
- th.ui-table-priority-4,
2995
- td.ui-table-priority-4,
2996
- th.ui-table-priority-3,
2997
- td.ui-table-priority-3,
2998
- th.ui-table-priority-2,
2999
- td.ui-table-priority-2,
3000
- th.ui-table-priority-1,
3001
- td.ui-table-priority-1 {
3002
- display: none;
3003
- }
3004
- }
3005
- /* Preset breakpoints if ".ui-responsive" class added to table */
3006
- /* Show priority 1 at 320px (20em x 16px) */
3007
- @media screen and (min-width: 20em) {
3008
- .ui-table-columntoggle.ui-responsive th.ui-table-priority-1,
3009
- .ui-table-columntoggle.ui-responsive td.ui-table-priority-1 {
3010
- display: table-cell;
3011
- }
3012
- }
3013
- /* Show priority 2 at 480px (30em x 16px) */
3014
- @media screen and (min-width: 30em) {
3015
- .ui-table-columntoggle.ui-responsive th.ui-table-priority-2,
3016
- .ui-table-columntoggle.ui-responsive td.ui-table-priority-2 {
3017
- display: table-cell;
3018
- }
3019
- }
3020
- /* Show priority 3 at 640px (40em x 16px) */
3021
- @media screen and (min-width: 40em) {
3022
- .ui-table-columntoggle.ui-responsive th.ui-table-priority-3,
3023
- .ui-table-columntoggle.ui-responsive td.ui-table-priority-3 {
3024
- display: table-cell;
3025
- }
3026
- }
3027
- /* Show priority 4 at 800px (50em x 16px) */
3028
- @media screen and (min-width: 50em) {
3029
- .ui-table-columntoggle.ui-responsive th.ui-table-priority-4,
3030
- .ui-table-columntoggle.ui-responsive td.ui-table-priority-4 {
3031
- display: table-cell;
3032
- }
3033
- }
3034
- /* Show priority 5 at 960px (60em x 16px) */
3035
- @media screen and (min-width: 60em) {
3036
- .ui-table-columntoggle.ui-responsive th.ui-table-priority-5,
3037
- .ui-table-columntoggle.ui-responsive td.ui-table-priority-5 {
3038
- display: table-cell;
3039
- }
3040
- }
3041
- /* Show priority 6 at 1,120px (70em x 16px) */
3042
- @media screen and (min-width: 70em) {
3043
- .ui-table-columntoggle.ui-responsive th.ui-table-priority-6,
3044
- .ui-table-columntoggle.ui-responsive td.ui-table-priority-6 {
3045
- display: table-cell;
3046
- }
3047
- }
3048
- /* Unchecked manually: Always hide */
3049
- .ui-table-columntoggle th.ui-table-cell-hidden,
3050
- .ui-table-columntoggle td.ui-table-cell-hidden,
3051
- .ui-table-columntoggle.ui-responsive th.ui-table-cell-hidden,
3052
- .ui-table-columntoggle.ui-responsive td.ui-table-cell-hidden {
3053
- display: none;
3054
- }
3055
- /* Checked manually: Always show */
3056
- .ui-table-columntoggle th.ui-table-cell-visible,
3057
- .ui-table-columntoggle td.ui-table-cell-visible,
3058
- .ui-table-columntoggle.ui-responsive th.ui-table-cell-visible,
3059
- .ui-table-columntoggle.ui-responsive td.ui-table-cell-visible {
3060
- display: table-cell;
3061
- }
3062
- /*
3063
- Styles for the table columntoggle mode
3064
- */
3065
- .ui-table-reflow td .ui-table-cell-label,
3066
- .ui-table-reflow th .ui-table-cell-label {
3067
- display: none;
3068
- }
3069
- /* Mobile first styles: Begin with the stacked presentation at narrow widths */
3070
- @media only all {
3071
- /* Hide the table headers */
3072
- .ui-table-reflow thead td,
3073
- .ui-table-reflow thead th {
3074
- display: none;
3075
- }
3076
- /* Show the table cells as a block level element */
3077
- .ui-table-reflow td,
3078
- .ui-table-reflow th {
3079
- text-align: left;
3080
- display: block;
3081
- }
3082
- /* Add a fair amount of top margin to visually separate each row when stacked */
3083
- .ui-table-reflow tbody th {
3084
- margin-top: 3em;
3085
- }
3086
- /* Make the label elements a percentage width */
3087
- .ui-table-reflow td .ui-table-cell-label,
3088
- .ui-table-reflow th .ui-table-cell-label {
3089
- display: block;
3090
- padding: .4em;
3091
- min-width: 30%;
3092
- display: inline-block;
3093
- margin: -.4em 1em -.4em -.4em;
3094
- }
3095
- /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
3096
- .ui-table-reflow th .ui-table-cell-label-top,
3097
- .ui-table-reflow td .ui-table-cell-label-top {
3098
- display: block;
3099
- padding: .4em 0;
3100
- margin: .4em 0;
3101
- text-transform: uppercase;
3102
- font-size: .9em;
3103
- font-weight: normal;
3104
- }
3105
- }
3106
- /* Breakpoint to show as a standard table at 560px (35em x 16px) or wider */
3107
- @media ( min-width: 35em ) {
3108
- /* Fixes table rendering when switching between breakpoints in Safari <= 5. See https://github.com/jquery/jquery-mobile/issues/5380 */
3109
- .ui-table-reflow.ui-responsive {
3110
- display: table-row-group;
3111
- }
3112
- /* Show the table header rows */
3113
- .ui-table-reflow.ui-responsive td,
3114
- .ui-table-reflow.ui-responsive th,
3115
- .ui-table-reflow.ui-responsive tbody th,
3116
- .ui-table-reflow.ui-responsive tbody td,
3117
- .ui-table-reflow.ui-responsive thead td,
3118
- .ui-table-reflow.ui-responsive thead th {
3119
- display: table-cell;
3120
- margin: 0;
3121
- }
3122
- /* Hide the labels in each cell */
3123
- .ui-table-reflow.ui-responsive td .ui-table-cell-label,
3124
- .ui-table-reflow.ui-responsive th .ui-table-cell-label {
3125
- display: none;
3126
- }
3127
- }
3128
- /* Hack to make IE9 and WP7.5 treat cells like block level elements, scoped to ui-responsive class */
3129
- /* Applied in a max-width media query up to the table layout breakpoint so we don't need to negate this*/
3130
- @media ( max-width: 35em ) {
3131
- .ui-table-reflow.ui-responsive td,
3132
- .ui-table-reflow.ui-responsive th {
3133
- width: 100%;
3134
- -webkit-box-sizing: border-box;
3135
- -moz-box-sizing: border-box;
3136
- box-sizing: border-box;
3137
- float: left;
3138
- clear: left;
3139
- }
3140
- }
3141
- /* panel */
3142
- .ui-panel {
3143
- width: 17em;
3144
- min-height: 100%;
3145
- max-height: none;
3146
- border-width: 0;
3147
- position: absolute;
3148
- top: 0;
3149
- display: block;
3150
- }
3151
- .ui-panel-closed {
3152
- width: 0;
3153
- max-height: 100%;
3154
- overflow: hidden;
3155
- visibility: hidden;
3156
- }
3157
- .ui-panel-fixed {
3158
- position: fixed;
3159
- bottom: -1px; /* fixes gap on Chrome for Android */
3160
- padding-bottom: 1px;
3161
- }
3162
- .ui-panel-display-overlay {
3163
- z-index: 1001; /* fixed toolbars have z-index 1000 */
3164
- }
3165
- .ui-panel-display-reveal {
3166
- z-index: 0;
3167
- }
3168
- .ui-panel-display-push {
3169
- z-index: 999;
3170
- }
3171
- .ui-panel-inner {
3172
- padding: 15px;
3173
- }
3174
- /* content-wrap */
3175
- .ui-panel-content-wrap {
3176
- position: relative;
3177
- left: 0;
3178
- min-height: inherit;
3179
- border: none;
3180
- z-index: 999;
3181
- }
3182
- .ui-panel-content-wrap-display-overlay,
3183
- .ui-panel-animate.ui-panel-content-wrap > .ui-header, /* ios4 fix */
3184
- .ui-panel-content-wrap-closed {
3185
- position: static;
3186
- }
3187
- /* dismiss */
3188
- .ui-panel-dismiss {
3189
- position: absolute;
3190
- top: 0;
3191
- left:0;
3192
- height: 100%;
3193
- width: 100%;
3194
- z-index: 1002;
3195
- display: none;
3196
- }
3197
- .ui-panel-dismiss-open {
3198
- display: block;
3199
- }
3200
- /* animate class is added to panel, wrapper and fixed toolbars */
3201
- .ui-panel-animate {
3202
- -webkit-transition: -webkit-transform 350ms ease;
3203
- -moz-transition: -moz-transform 350ms ease;
3204
- transition: transform 350ms ease;
3205
- }
3206
- /* hardware acceleration for smoother transitions on WebKit browsers */
3207
- .ui-panel-animate.ui-panel:not(.ui-panel-display-reveal),
3208
- .ui-panel-animate.ui-panel:not(.ui-panel-display-reveal) > div,
3209
- .ui-panel-animate.ui-panel-closed.ui-panel-display-reveal > div,
3210
- .ui-panel-animate.ui-panel-content-wrap,
3211
- .ui-panel-animate.ui-panel-content-fixed-toolbar {
3212
- -webkit-backface-visibility: hidden;
3213
- -webkit-transform: translate3d(0,0,0);
3214
- }
3215
- /* positioning: panel */
3216
- /* panel left */
3217
- .ui-panel-position-left {
3218
- left: -17em;
3219
- }
3220
- /* animated: panel left (for overlay and push) */
3221
- .ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,
3222
- .ui-panel-animate.ui-panel-position-left.ui-panel-display-push {
3223
- left: 0;
3224
- -webkit-transform: translate3d(-17em,0,0);
3225
- -moz-transform: translate3d(-17em,0,0);
3226
- transform: translate3d(-17em,0,0);
3227
- }
3228
- /* panel left open */
3229
- .ui-panel-position-left.ui-panel-display-reveal, /* negate "panel left" for reveal */
3230
- .ui-panel-position-left.ui-panel-open {
3231
- left: 0;
3232
- }
3233
- /* animated: panel left open (for overlay and push) */
3234
- .ui-panel-animate.ui-panel-position-left.ui-panel-open.ui-panel-display-overlay,
3235
- .ui-panel-animate.ui-panel-position-left.ui-panel-open.ui-panel-display-push {
3236
- -webkit-transform: translate3d(0,0,0);
3237
- transform: translate3d(0,0,0);
3238
- -moz-transform: none;
3239
- }
3240
- /* panel right */
3241
- .ui-panel-position-right {
3242
- right: -17em;
3243
- }
3244
- /* animated: panel right (for overlay and push) */
3245
- .ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,
3246
- .ui-panel-animate.ui-panel-position-right.ui-panel-display-push {
3247
- right: 0;
3248
- -webkit-transform: translate3d(17em,0,0);
3249
- -moz-transform: translate3d(17em,0,0);
3250
- transform: translate3d(17em,0,0);
3251
- }
3252
- /* panel right open */
3253
- .ui-panel-position-right.ui-panel-display-reveal, /* negate "panel right" for reveal */
3254
- .ui-panel-position-right.ui-panel-open {
3255
- right: 0;
3256
- }
3257
- /* animated: panel right open (for overlay and push) */
3258
- .ui-panel-animate.ui-panel-position-right.ui-panel-open.ui-panel-display-overlay,
3259
- .ui-panel-animate.ui-panel-position-right.ui-panel-open.ui-panel-display-push {
3260
- -webkit-transform: translate3d(0,0,0);
3261
- transform: translate3d(0,0,0);
3262
- -moz-transform: none;
3263
- }
3264
- /* positioning: content wrap, fixed toolbars and dismiss */
3265
- /* panel left open */
3266
- .ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open,
3267
- .ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
3268
- .ui-panel-dismiss-position-left.ui-panel-dismiss-open {
3269
- left: 17em;
3270
- right: -17em;
3271
- }
3272
- /* animated: panel left open (for reveal and push) */
3273
- .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal,
3274
- .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push,
3275
- .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal,
3276
- .ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
3277
- left: 0;
3278
- right: 0;
3279
- -webkit-transform: translate3d(17em,0,0);
3280
- -moz-transform: translate3d(17em,0,0);
3281
- transform: translate3d(17em,0,0);
3282
- }
3283
- /* panel right open */
3284
- .ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open,
3285
- .ui-panel-content-wrap-position-right.ui-panel-content-wrap-open,
3286
- .ui-panel-dismiss-position-right.ui-panel-dismiss-open {
3287
- left: -17em;
3288
- right: 17em;
3289
- }
3290
- /* animated: panel right open (for reveal and push) */
3291
- .ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal,
3292
- .ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push,
3293
- .ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal,
3294
- .ui-panel-animate.ui-panel-content-wrap-position-right.ui-panel-content-wrap-open.ui-panel-content-wrap-display-push {
3295
- left: 0;
3296
- right: 0;
3297
- -webkit-transform: translate3d(-17em,0,0);
3298
- -moz-transform: translate3d(-17em,0,0);
3299
- transform: translate3d(-17em,0,0);
3300
- }
3301
- /* negate "panel left/right open" for overlay */
3302
- .ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-overlay,
3303
- .ui-panel-content-wrap-open.ui-panel-content-wrap-display-overlay {
3304
- left: 0;
3305
- }
3306
- /* always disable overflow-x to prevent zoom issue on Android */
3307
- .ui-page-active.ui-page-panel {
3308
- overflow-x: hidden;
3309
- }
3310
- /* shadows and borders */
3311
- .ui-panel-display-reveal {
3312
- -webkit-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
3313
- -moz-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
3314
- box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
3315
- }
3316
- .ui-panel-position-right.ui-panel-display-reveal {
3317
- -webkit-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
3318
- -moz-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
3319
- box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
3320
- }
3321
- .ui-panel-display-overlay {
3322
- -webkit-box-shadow: 5px 0 5px rgba(0,0,0,.15);
3323
- -moz-box-shadow: 5px 0 5px rgba(0,0,0,.15);
3324
- box-shadow: 5px 0 5px rgba(0,0,0,.15);
3325
- }
3326
- .ui-panel-position-right.ui-panel-display-overlay {
3327
- -webkit-box-shadow: -5px 0 5px rgba(0,0,0,.15);
3328
- -moz-box-shadow: -5px 0 5px rgba(0,0,0,.15);
3329
- box-shadow: -5px 0 5px rgba(0,0,0,.15);
3330
- }
3331
- .ui-panel-display-push.ui-panel-open.ui-panel-position-left {
3332
- border-right-width: 1px;
3333
- margin-right: -1px;
3334
- }
3335
- .ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push {
3336
- margin-left: 1px;
3337
- }
3338
- .ui-panel-display-push.ui-panel-open.ui-panel-position-right {
3339
- border-left-width: 1px;
3340
- margin-left: -1px;
3341
- }
3342
- .ui-panel-animate.ui-panel-content-fixed-toolbar-position-right.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push {
3343
- margin-right: 1px;
3344
- }
3345
- /* wrap on wide viewports once open */
3346
- @media (min-width:55em){
3347
- .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-left,
3348
- .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-left,
3349
- .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-left,
3350
- .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-left {
3351
- margin-right: 17em;
3352
- }
3353
- .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push.ui-panel-content-fixed-toolbar-position-right,
3354
- .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal.ui-panel-content-fixed-toolbar-position-right,
3355
- .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-right,
3356
- .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-right {
3357
- margin-left: 17em;
3358
- }
3359
- .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-push,
3360
- .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-display-reveal {
3361
- width: auto;
3362
- }
3363
- .ui-responsive-panel .ui-panel-dismiss-display-push {
3364
- display: none;
3365
- }
3366
- }