jinda 0.6.5 → 0.6.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (208) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/lib/generators/jinda/config_generator.rb +7 -0
  4. data/lib/generators/jinda/install_generator.rb +45 -42
  5. data/lib/generators/jinda/templates/app/assets/javascripts/application.js +1 -10
  6. data/lib/generators/jinda/templates/app/assets/stylesheets/application.css.scss +1 -20
  7. data/lib/jinda.rb +2 -1
  8. data/lib/jinda/date_helpers.rb +109 -0
  9. data/lib/jinda/{gemhelpers.rb → gem_helpers.rb} +0 -1
  10. data/lib/jinda/gen_class.rb +13 -0
  11. data/lib/jinda/gen_controller.rb +10 -0
  12. data/lib/jinda/gen_freemind.rb +33 -0
  13. data/lib/jinda/gen_helpers.rb +141 -0
  14. data/lib/jinda/gen_models.rb +137 -0
  15. data/lib/jinda/gen_runseq.rb +71 -0
  16. data/lib/jinda/gen_services.rb +90 -0
  17. data/lib/jinda/gen_xmain.rb +38 -0
  18. data/lib/jinda/get_app.rb +34 -0
  19. data/lib/jinda/helpers.rb +17 -998
  20. data/lib/jinda/init_vars.rb +36 -0
  21. data/lib/jinda/rake_views.rb +59 -0
  22. data/lib/jinda/refresh.rb +67 -0
  23. data/lib/jinda/themes.rb +163 -0
  24. data/lib/jinda/version.rb +1 -1
  25. data/test/dummy/Rakefile +6 -0
  26. data/test/dummy/app/assets/config/manifest.js +3 -0
  27. data/test/dummy/app/assets/stylesheets/application.css +15 -0
  28. data/test/dummy/app/channels/application_cable/channel.rb +4 -0
  29. data/test/dummy/app/channels/application_cable/connection.rb +4 -0
  30. data/test/dummy/app/controllers/application_controller.rb +2 -0
  31. data/test/dummy/app/helpers/application_helper.rb +2 -0
  32. data/test/dummy/app/javascript/packs/application.js +15 -0
  33. data/test/dummy/app/jobs/application_job.rb +7 -0
  34. data/test/dummy/app/mailers/application_mailer.rb +4 -0
  35. data/test/dummy/app/models/application_record.rb +3 -0
  36. data/test/dummy/app/views/layouts/application.html.erb +14 -0
  37. data/test/dummy/app/views/layouts/mailer.html.erb +13 -0
  38. data/test/dummy/app/views/layouts/mailer.text.erb +1 -0
  39. data/test/dummy/bin/rails +4 -0
  40. data/test/dummy/bin/rake +4 -0
  41. data/test/dummy/bin/setup +33 -0
  42. data/test/dummy/config.ru +5 -0
  43. data/test/dummy/config/application.rb +19 -0
  44. data/test/dummy/config/boot.rb +5 -0
  45. data/test/dummy/config/cable.yml +10 -0
  46. data/test/dummy/config/database.yml +25 -0
  47. data/test/dummy/config/environment.rb +5 -0
  48. data/test/dummy/config/environments/development.rb +62 -0
  49. data/test/dummy/config/environments/production.rb +112 -0
  50. data/test/dummy/config/environments/test.rb +49 -0
  51. data/test/dummy/config/initializers/application_controller_renderer.rb +8 -0
  52. data/test/dummy/config/initializers/assets.rb +12 -0
  53. data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
  54. data/test/dummy/config/initializers/content_security_policy.rb +28 -0
  55. data/test/dummy/config/initializers/cookies_serializer.rb +5 -0
  56. data/test/dummy/config/initializers/filter_parameter_logging.rb +4 -0
  57. data/test/dummy/config/initializers/inflections.rb +16 -0
  58. data/test/dummy/config/initializers/mime_types.rb +4 -0
  59. data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
  60. data/test/dummy/config/locales/en.yml +33 -0
  61. data/test/dummy/config/puma.rb +38 -0
  62. data/test/dummy/config/routes.rb +3 -0
  63. data/test/dummy/config/spring.rb +6 -0
  64. data/test/dummy/config/storage.yml +34 -0
  65. data/test/dummy/db/development.sqlite3 +0 -0
  66. data/test/dummy/log/development.log +8 -0
  67. data/test/dummy/public/404.html +67 -0
  68. data/test/dummy/public/422.html +67 -0
  69. data/test/dummy/public/500.html +66 -0
  70. data/test/dummy/public/apple-touch-icon-precomposed.png +0 -0
  71. data/test/dummy/public/apple-touch-icon.png +0 -0
  72. data/test/dummy/public/favicon.ico +0 -0
  73. data/test/dummy/tmp/development_secret.txt +1 -0
  74. data/test/integration/navigation_test.rb +7 -0
  75. data/test/jinda_test.rb +7 -0
  76. data/test/test_helper.rb +19 -0
  77. metadata +84 -141
  78. data/lib/generators/jinda/templates/app/assets/images/4dcity-old.ico +0 -0
  79. data/lib/generators/jinda/templates/app/assets/images/4dcity.ico +0 -0
  80. data/lib/generators/jinda/templates/app/assets/images/account.png +0 -0
  81. data/lib/generators/jinda/templates/app/assets/images/add.png +0 -0
  82. data/lib/generators/jinda/templates/app/assets/images/ajax-loader-circle.gif +0 -0
  83. data/lib/generators/jinda/templates/app/assets/images/ajax-loader.gif +0 -0
  84. data/lib/generators/jinda/templates/app/assets/images/anchor.png +0 -0
  85. data/lib/generators/jinda/templates/app/assets/images/application_double.png +0 -0
  86. data/lib/generators/jinda/templates/app/assets/images/application_form_edit.png +0 -0
  87. data/lib/generators/jinda/templates/app/assets/images/arrow_left.png +0 -0
  88. data/lib/generators/jinda/templates/app/assets/images/arrow_right.png +0 -0
  89. data/lib/generators/jinda/templates/app/assets/images/arrow_turn_left.png +0 -0
  90. data/lib/generators/jinda/templates/app/assets/images/arrow_turn_right.png +0 -0
  91. data/lib/generators/jinda/templates/app/assets/images/calendar.png +0 -0
  92. data/lib/generators/jinda/templates/app/assets/images/cancel.png +0 -0
  93. data/lib/generators/jinda/templates/app/assets/images/chart_bar.png +0 -0
  94. data/lib/generators/jinda/templates/app/assets/images/clock.png +0 -0
  95. data/lib/generators/jinda/templates/app/assets/images/cog.png +0 -0
  96. data/lib/generators/jinda/templates/app/assets/images/control_fastforward.png +0 -0
  97. data/lib/generators/jinda/templates/app/assets/images/control_play.png +0 -0
  98. data/lib/generators/jinda/templates/app/assets/images/cross.png +0 -0
  99. data/lib/generators/jinda/templates/app/assets/images/delete.png +0 -0
  100. data/lib/generators/jinda/templates/app/assets/images/external-link.png +0 -0
  101. data/lib/generators/jinda/templates/app/assets/images/facebook-continue-button.png +0 -0
  102. data/lib/generators/jinda/templates/app/assets/images/facebooksmall.png +0 -0
  103. data/lib/generators/jinda/templates/app/assets/images/favicon.ico +0 -0
  104. data/lib/generators/jinda/templates/app/assets/images/freemind(mm).png +0 -0
  105. data/lib/generators/jinda/templates/app/assets/images/google-continue-button.png +0 -0
  106. data/lib/generators/jinda/templates/app/assets/images/help.png +0 -0
  107. data/lib/generators/jinda/templates/app/assets/images/highway-menu.png +0 -0
  108. data/lib/generators/jinda/templates/app/assets/images/highway.png +0 -0
  109. data/lib/generators/jinda/templates/app/assets/images/house.png +0 -0
  110. data/lib/generators/jinda/templates/app/assets/images/icons-18-black.png +0 -0
  111. data/lib/generators/jinda/templates/app/assets/images/icons-18-white.png +0 -0
  112. data/lib/generators/jinda/templates/app/assets/images/icons-36-black.png +0 -0
  113. data/lib/generators/jinda/templates/app/assets/images/icons-36-white.png +0 -0
  114. data/lib/generators/jinda/templates/app/assets/images/logo.png +0 -0
  115. data/lib/generators/jinda/templates/app/assets/images/logo_jinda.png +0 -0
  116. data/lib/generators/jinda/templates/app/assets/images/logout.png +0 -0
  117. data/lib/generators/jinda/templates/app/assets/images/new.gif +0 -0
  118. data/lib/generators/jinda/templates/app/assets/images/new.png +0 -0
  119. data/lib/generators/jinda/templates/app/assets/images/page.png +0 -0
  120. data/lib/generators/jinda/templates/app/assets/images/page_attach.png +0 -0
  121. data/lib/generators/jinda/templates/app/assets/images/page_green.png +0 -0
  122. data/lib/generators/jinda/templates/app/assets/images/page_output.png +0 -0
  123. data/lib/generators/jinda/templates/app/assets/images/page_pdf.png +0 -0
  124. data/lib/generators/jinda/templates/app/assets/images/pencil.png +0 -0
  125. data/lib/generators/jinda/templates/app/assets/images/printer.png +0 -0
  126. data/lib/generators/jinda/templates/app/assets/images/refresh.png +0 -0
  127. data/lib/generators/jinda/templates/app/assets/images/report.png +0 -0
  128. data/lib/generators/jinda/templates/app/assets/images/rssmall.png +0 -0
  129. data/lib/generators/jinda/templates/app/assets/images/tick.png +0 -0
  130. data/lib/generators/jinda/templates/app/assets/images/twittersmall.png +0 -0
  131. data/lib/generators/jinda/templates/app/assets/images/user.png +0 -0
  132. data/lib/generators/jinda/templates/app/assets/images/user_admin_gear.png +0 -0
  133. data/lib/generators/jinda/templates/app/assets/images/view_code.png +0 -0
  134. data/lib/generators/jinda/templates/app/assets/javascripts/application.js-jqm +0 -27
  135. data/lib/generators/jinda/templates/app/assets/javascripts/cable.js +0 -13
  136. data/lib/generators/jinda/templates/app/assets/javascripts/disable_enter_key.js +0 -10
  137. data/lib/generators/jinda/templates/app/assets/javascripts/iscroll-wrapper.js +0 -32
  138. data/lib/generators/jinda/templates/app/assets/javascripts/iscroll.js +0 -1084
  139. data/lib/generators/jinda/templates/app/assets/javascripts/jinda.js +0 -14
  140. data/lib/generators/jinda/templates/app/assets/javascripts/jquery.mobile-1.2.1.js +0 -9272
  141. data/lib/generators/jinda/templates/app/assets/javascripts/jquery.mobile.datebox.js +0 -1778
  142. data/lib/generators/jinda/templates/app/assets/javascripts/jquery.mobile.splitview.js +0 -695
  143. data/lib/generators/jinda/templates/app/assets/stylesheets/app.scss +0 -90
  144. data/lib/generators/jinda/templates/app/assets/stylesheets/articles.scss +0 -94
  145. data/lib/generators/jinda/templates/app/assets/stylesheets/fonts/sarabun.eot +0 -0
  146. data/lib/generators/jinda/templates/app/assets/stylesheets/fonts/sarabun.ttf +0 -0
  147. data/lib/generators/jinda/templates/app/assets/stylesheets/fonts/sarabun.woff +0 -0
  148. data/lib/generators/jinda/templates/app/assets/stylesheets/fonts/sarabun_bold.ttf +0 -0
  149. data/lib/generators/jinda/templates/app/assets/stylesheets/fonts/sarabun_bolditalic.ttf +0 -0
  150. data/lib/generators/jinda/templates/app/assets/stylesheets/fonts/sarabun_italic.ttf +0 -0
  151. data/lib/generators/jinda/templates/app/assets/stylesheets/fonts/thsarabunnew-webfont.eot +0 -0
  152. data/lib/generators/jinda/templates/app/assets/stylesheets/fonts/thsarabunnew-webfont.ttf +0 -0
  153. data/lib/generators/jinda/templates/app/assets/stylesheets/fonts/thsarabunnew-webfont.woff +0 -0
  154. data/lib/generators/jinda/templates/app/assets/stylesheets/fonts/thsarabunnew.css +0 -47
  155. data/lib/generators/jinda/templates/app/assets/stylesheets/fonts/thsarabunnew_bold-webfont.eot +0 -0
  156. data/lib/generators/jinda/templates/app/assets/stylesheets/fonts/thsarabunnew_bold-webfont.ttf +0 -0
  157. data/lib/generators/jinda/templates/app/assets/stylesheets/fonts/thsarabunnew_bold-webfont.woff +0 -0
  158. data/lib/generators/jinda/templates/app/assets/stylesheets/fonts/thsarabunnew_bolditalic-webfont.eot +0 -0
  159. data/lib/generators/jinda/templates/app/assets/stylesheets/fonts/thsarabunnew_bolditalic-webfont.ttf +0 -0
  160. data/lib/generators/jinda/templates/app/assets/stylesheets/fonts/thsarabunnew_bolditalic-webfont.woff +0 -0
  161. data/lib/generators/jinda/templates/app/assets/stylesheets/fonts/thsarabunnew_italic-webfont.eot +0 -0
  162. data/lib/generators/jinda/templates/app/assets/stylesheets/fonts/thsarabunnew_italic-webfont.ttf +0 -0
  163. data/lib/generators/jinda/templates/app/assets/stylesheets/fonts/thsarabunnew_italic-webfont.woff +0 -0
  164. data/lib/generators/jinda/templates/app/assets/stylesheets/images/ajax-loader.gif +0 -0
  165. data/lib/generators/jinda/templates/app/assets/stylesheets/images/button_black.png +0 -0
  166. data/lib/generators/jinda/templates/app/assets/stylesheets/images/button_blue.png +0 -0
  167. data/lib/generators/jinda/templates/app/assets/stylesheets/images/button_red.png +0 -0
  168. data/lib/generators/jinda/templates/app/assets/stylesheets/images/icons-18-black.png +0 -0
  169. data/lib/generators/jinda/templates/app/assets/stylesheets/images/icons-18-white.png +0 -0
  170. data/lib/generators/jinda/templates/app/assets/stylesheets/images/icons-36-black.png +0 -0
  171. data/lib/generators/jinda/templates/app/assets/stylesheets/images/icons-36-white.png +0 -0
  172. data/lib/generators/jinda/templates/app/assets/stylesheets/images/indicator.gif +0 -0
  173. data/lib/generators/jinda/templates/app/assets/stylesheets/jinda.css +0 -52
  174. data/lib/generators/jinda/templates/app/assets/stylesheets/jquery.mobile-1.2.1.css +0 -2339
  175. data/lib/generators/jinda/templates/app/assets/stylesheets/jquery.mobile.datebox.css +0 -65
  176. data/lib/generators/jinda/templates/app/assets/stylesheets/jquery.mobile.grids.collapsible.css +0 -122
  177. data/lib/generators/jinda/templates/app/assets/stylesheets/jquery.mobile.splitview.css +0 -128
  178. data/lib/generators/jinda/templates/app/assets/stylesheets/kul-4.2.css +0 -1516
  179. data/lib/generators/jinda/templates/app/assets/stylesheets/kul-4.2.min.css +0 -11
  180. data/lib/generators/jinda/templates/app/assets/stylesheets/modules.scss +0 -84
  181. data/lib/generators/jinda/templates/app/assets/stylesheets/sarabun.css +0 -37
  182. data/lib/generators/jinda/templates/app/assets/stylesheets/social.scss +0 -133
  183. data/lib/generators/jinda/templates/app/controllers/concerns/jinda_general_concern.rb +0 -179
  184. data/lib/generators/jinda/templates/app/controllers/concerns/jinda_run_concern.rb +0 -365
  185. data/lib/generators/jinda/templates/app/controllers/jinda_org/devs_controller.rb +0 -2
  186. data/lib/generators/jinda/templates/app/controllers/jinda_org/jinda_controller.rb +0 -66
  187. data/lib/generators/jinda/templates/app/views/jinda/_activity.md +0 -10
  188. data/lib/generators/jinda/templates/app/views/jinda/_menu.haml +0 -27
  189. data/lib/generators/jinda/templates/app/views/jinda/_menu_mm.haml +0 -44
  190. data/lib/generators/jinda/templates/app/views/jinda/_model.md +0 -5
  191. data/lib/generators/jinda/templates/app/views/jinda/_modul.md +0 -9
  192. data/lib/generators/jinda/templates/app/views/jinda/_pending_home.haml +0 -5
  193. data/lib/generators/jinda/templates/app/views/jinda/_pending_page.haml +0 -24
  194. data/lib/generators/jinda/templates/app/views/jinda/_service.md +0 -24
  195. data/lib/generators/jinda/templates/app/views/jinda/_static.haml +0 -13
  196. data/lib/generators/jinda/templates/app/views/jinda/doc-thai.md +0 -37
  197. data/lib/generators/jinda/templates/app/views/jinda/doc.md +0 -36
  198. data/lib/generators/jinda/templates/app/views/jinda/error_logs.haml +0 -22
  199. data/lib/generators/jinda/templates/app/views/jinda/feed.rss.builder +0 -27
  200. data/lib/generators/jinda/templates/app/views/jinda/help.haml +0 -20
  201. data/lib/generators/jinda/templates/app/views/jinda/index.html.haml +0 -53
  202. data/lib/generators/jinda/templates/app/views/jinda/logs.haml +0 -22
  203. data/lib/generators/jinda/templates/app/views/jinda/notice_logs.haml +0 -18
  204. data/lib/generators/jinda/templates/app/views/jinda/pending.haml +0 -1
  205. data/lib/generators/jinda/templates/app/views/jinda/run_form.haml +0 -42
  206. data/lib/generators/jinda/templates/app/views/jinda/run_output.haml +0 -38
  207. data/lib/generators/jinda/templates/app/views/jinda/search.haml +0 -20
  208. data/lib/generators/jinda/templates/app/views/jinda/status.haml +0 -61
@@ -1,90 +0,0 @@
1
-
2
- #article-title {
3
- text-align: left;
4
- font-family: 'TH SarabunPSK', Helvetica, Arial, sans-serif;
5
- color:#333;
6
- }
7
-
8
- #title {
9
- font-size: 14pt;
10
- font-weight: bold;
11
- text-align: left;
12
- font-family: 'TH SarabunPSK', Helvetica, Arial, sans-serif;
13
- color:#333;
14
-
15
- }
16
- #text{
17
- font-size: 14pt;
18
- font-weight: bold;
19
- text-align:left;
20
- border:1px solid #c1c1c1;
21
- background:#f7f7f7;
22
- padding:2px 5px;
23
- color:#333;
24
- }
25
- #comment {
26
- font-size: 8pt;
27
- text-align:left;
28
- border:1px solid #c1c1c1;
29
- background:#f7f7f7;
30
- padding:2px 5px;
31
- color:#333;
32
- }
33
-
34
- #body {
35
- font-size: 10pt;
36
- font-weight: bold;
37
- text-align:left;
38
- color:#333;
39
- }
40
- #table {
41
- width:100%;
42
- font-family: 'TH SarabunPSK', Helvetica, Arial, sans-serif;
43
-
44
- }
45
-
46
- #table th {
47
- background-color: #bcecff;
48
- color:#333;
49
- width:100%;
50
- }
51
-
52
- #table td {
53
- border: 1px;
54
- padding: 8px;
55
- witdth:100%;
56
- }
57
-
58
-
59
- .ui-btn-inner { padding: 2px 25px; }
60
- .ui-btn-up-c,
61
- .ui-btn-hover-c,
62
- .ui-btn-down-c {
63
- font-family: 'TH SarabunPSK', Helvetica, Arial, sans-serif;
64
- /*font-size: 110%;*/
65
- }
66
- .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: 7px 75px 7px 7px; display: block; }
67
- .ui-link-inherit { font-family: 'TH SarabunPSK', Helvetica, Arial, sans-serif;}
68
- label.ui-input-text {
69
- font-family: 'TH SarabunPSK', Helvetica, Arial, sans-serif;
70
- /*font-size: 110%;*/
71
- text-shadow: none;
72
- margin: 2% 2% 0 0;
73
-
74
- }
75
- label.ui-select {
76
- font-family: 'TH SarabunPSK', Helvetica, Arial, sans-serif;
77
- /*font-size: 110%;*/
78
- text-shadow: none;
79
- }
80
- .ui-body-c {
81
- font-family: 'TH SarabunPSK', Helvetica, Arial, sans-serif;
82
- /*font-size: 1.4em;*/
83
- text-shadow: none;
84
- }
85
- .ui-header .ui-title, .ui-footer .ui-title { font-family: 'TH SarabunPSK'; text-align: center; display: block; margin: .2em 90px .3em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
86
-
87
-
88
-
89
-
90
-
@@ -1,94 +0,0 @@
1
-
2
-
3
- #article-table {
4
- font-size: 14pt;
5
- font-weight: bold;
6
- text-align: left;
7
- background:#f7f7f7;
8
- font-family: 'TH SarabunPSK', Helvetica, Arial, sans-serif;
9
- padding:2px 5px;
10
- color:#333;
11
-
12
- }
13
-
14
- #article-title {
15
- font-size: 14pt;
16
- font-weight: bold;
17
- text-align: left;
18
- background:#f7f7f7;
19
- font-family: 'TH SarabunPSK', Helvetica, Arial, sans-serif;
20
- padding:2px 5px;
21
- color:#333;
22
-
23
- }
24
- #article-text {
25
- font-size: 8pt;
26
- text-align:left;
27
- border:1px solid #c1c1c1;
28
- background:#f7f7f7;
29
- padding:2px 5px;
30
- color:#333;
31
- }
32
- #article-comment {
33
- font-size: 8pt;
34
- text-align:left;
35
- border:1px solid #c1c1c1;
36
- background:#f7f7f7;
37
- padding:2px 5px;
38
- color:#333;
39
- }
40
-
41
- #comment-body {
42
- font-size: 10pt;
43
- text-align:left;
44
- color:#333;
45
- }
46
- #article-table {
47
- width:100%;
48
- font-family: 'TH SarabunPSK', Helvetica, Arial, sans-serif;
49
-
50
- }
51
-
52
- #article-table th {
53
- background-color: #bcecff;
54
- color:#333;
55
- width:100%;
56
- }
57
-
58
- #article-table td {
59
- border: 1px;
60
- padding: 8px;
61
- witdth:100%;
62
- }
63
-
64
-
65
- .ui-btn-inner { padding: 2px 25px; }
66
- .ui-btn-up-c,
67
- .ui-btn-hover-c,
68
- .ui-btn-down-c {
69
- font-family: 'TH SarabunPSK', Helvetica, Arial, sans-serif;
70
- /*font-size: 110%;*/
71
- }
72
- .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: 7px 75px 7px 15px; display: block; }
73
- .ui-link-inherit { font-family: 'TH SarabunPSK', Helvetica, Arial, sans-serif;}
74
- label.ui-input-text {
75
- font-family: 'TH SarabunPSK', Helvetica, Arial, sans-serif;
76
- /*font-size: 110%;*/
77
- text-shadow: none;
78
- }
79
- label.ui-select {
80
- font-family: 'TH SarabunPSK', Helvetica, Arial, sans-serif;
81
- /*font-size: 110%;*/
82
- text-shadow: none;
83
- }
84
- .ui-body-c {
85
- font-family: 'TH SarabunPSK', Helvetica, Arial, sans-serif;
86
- /*font-size: 1.4em;*/
87
- text-shadow: none;
88
- }
89
- .ui-header .ui-title, .ui-footer .ui-title { font-family: 'TH SarabunPSK'; text-align: center; display: block; margin: .2em 90px .3em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
90
-
91
-
92
-
93
-
94
-
@@ -1,47 +0,0 @@
1
- @font-face {
2
- font-family: 'THSarabunNew';
3
- src: url('thsarabunnew-webfont.eot');
4
- src: url('thsarabunnew-webfont.eot?#iefix') format('embedded-opentype'),
5
- url('thsarabunnew-webfont.woff') format('woff'),
6
- url('thsarabunnew-webfont.ttf') format('truetype');
7
- font-weight: normal;
8
- font-style: normal;
9
-
10
- }
11
-
12
- @font-face {
13
- font-family: 'THSarabunNew';
14
- src: url('thsarabunnew_bolditalic-webfont.eot');
15
- src: url('thsarabunnew_bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
16
- url('thsarabunnew_bolditalic-webfont.woff') format('woff'),
17
- url('thsarabunnew_bolditalic-webfont.ttf') format('truetype');
18
- font-weight: bold;
19
- font-style: italic;
20
-
21
- }
22
-
23
- @font-face {
24
- font-family: 'THSarabunNew';
25
- src: url('thsarabunnew_italic-webfont.eot');
26
- src: url('thsarabunnew_italic-webfont.eot?#iefix') format('embedded-opentype'),
27
- url('thsarabunnew_italic-webfont.woff') format('woff'),
28
- url('thsarabunnew_italic-webfont.ttf') format('truetype');
29
- font-weight: normal;
30
- font-style: italic;
31
-
32
- }
33
-
34
- @font-face {
35
- font-family: 'THSarabunNew';
36
- src: url('thsarabunnew_bold-webfont.eot');
37
- src: url('thsarabunnew_bold-webfont.eot?#iefix') format('embedded-opentype'),
38
- url('thsarabunnew_bold-webfont.woff') format('woff'),
39
- url('thsarabunnew_bold-webfont.ttf') format('truetype');
40
- font-weight: bold;
41
- font-style: normal;
42
-
43
- }
44
-
45
- .thsarabunnew{
46
- font-family: 'THSarabunNew', sans-serif;
47
- }
@@ -1,52 +0,0 @@
1
- #tooltip{
2
- position:absolute;
3
- border:1px solid #333;
4
- background:#f7f5d1;
5
- padding:2px 5px;
6
- color:#333;
7
- display:none;
8
- }
9
- #notice {
10
- color: #F90609;
11
- background-color: #EBD1D1;
12
- font-weight: bolder;
13
- padding-left: 10px;
14
- }
15
- .step {
16
- /*display: table-row;*/
17
- margin-top: 20px;
18
- margin-bottom: 20px;
19
- }
20
- .steps_more {
21
- font-size: 40px;
22
- font-weight: bold;
23
- vertical-align: middle;
24
- color: white;
25
- width: 80px;
26
- height: 80px;
27
- background:url(images/button_blue.png) no-repeat;
28
- display: table-cell;
29
- text-align:center;
30
- }
31
- .step_now {
32
- font-size: 40px;
33
- font-weight: bold;
34
- vertical-align: middle;
35
- color: white;
36
- width: 80px;
37
- height: 80px;
38
- background:url(images/button_red.png) no-repeat;
39
- display: table-cell;
40
- text-align:center;
41
- }
42
- .steps_done {
43
- font-size: 40px;
44
- font-weight: bold;
45
- vertical-align: middle;
46
- color: white;
47
- width: 80px;
48
- height: 80px;
49
- background:url(images/button_black.png) no-repeat;
50
- display: table-cell;
51
- text-align:center;
52
- }
@@ -1,2339 +0,0 @@
1
- /*
2
- * jQuery Mobile Framework Git Build: SHA1: 27e3c18acfebab2d47ee7ed37bd50fc4942c8838 <> Date: Fri Mar 22 08:50:04 2013 -0600
3
- * http://jquerymobile.com
4
- *
5
- * Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
6
- * Released under the MIT license.
7
- * http://jquery.org/license
8
- *
9
- */
10
-
11
-
12
- /* Swatches */
13
- /* A
14
- -----------------------------------------------------------------------------------------------------------*/
15
- .ui-bar-a {
16
- border: 1px solid #333 /*{a-bar-border}*/;
17
- background: #111 /*{a-bar-background-color}*/;
18
- color: #fff /*{a-bar-color}*/;
19
- font-weight: bold;
20
- text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000 /*{a-bar-shadow-color}*/;
21
- background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c /*{a-bar-background-start}*/), to( #111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
22
- background-image: -webkit-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
23
- background-image: -moz-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */
24
- background-image: -ms-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */
25
- background-image: -o-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
26
- background-image: linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/);
27
- }
28
- .ui-bar-a,
29
- .ui-bar-a input,
30
- .ui-bar-a select,
31
- .ui-bar-a textarea,
32
- .ui-bar-a button {
33
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
34
- }
35
- .ui-bar-a .ui-link-inherit {
36
- color: #fff /*{a-bar-color}*/;
37
- }
38
- .ui-bar-a a.ui-link {
39
- color: #7cc4e7 /*{a-bar-link-color}*/;
40
- font-weight: bold;
41
- }
42
- .ui-bar-a a.ui-link:visited {
43
- color: #2489ce /*{a-bar-link-visited}*/;
44
- }
45
- .ui-bar-a a.ui-link:hover {
46
- color: #2489ce /*{a-bar-link-hover}*/;
47
- }
48
- .ui-bar-a a.ui-link:active {
49
- color: #2489ce /*{a-bar-link-active}*/;
50
- }
51
- .ui-body-a,
52
- .ui-overlay-a {
53
- border: 1px solid #444 /*{a-body-border}*/;
54
- background: #222 /*{a-body-background-color}*/;
55
- color: #fff /*{a-body-color}*/;
56
- text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 1px /*{a-body-shadow-radius}*/ #111 /*{a-body-shadow-color}*/;
57
- font-weight: normal;
58
- background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
59
- background-image: -webkit-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
60
- background-image: -moz-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
61
- background-image: -ms-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
62
- background-image: -o-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
63
- background-image: linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);
64
- }
65
- .ui-overlay-a {
66
- background-image: none;
67
- border-width: 0;
68
- }
69
- .ui-body-a,
70
- .ui-body-a input,
71
- .ui-body-a select,
72
- .ui-body-a textarea,
73
- .ui-body-a button {
74
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
75
- }
76
- .ui-body-a .ui-link-inherit {
77
- color: #fff /*{a-body-color}*/;
78
- }
79
- .ui-body-a .ui-link {
80
- color: #2489ce /*{a-body-link-color}*/;
81
- font-weight: bold;
82
- }
83
- .ui-body-a .ui-link:visited {
84
- color: #2489ce /*{a-body-link-visited}*/;
85
- }
86
- .ui-body-a .ui-link:hover {
87
- color: #2489ce /*{a-body-link-hover}*/;
88
- }
89
- .ui-body-a .ui-link:active {
90
- color: #2489ce /*{a-body-link-active}*/;
91
- }
92
- .ui-btn-up-a {
93
- border: 1px solid #111 /*{a-bup-border}*/;
94
- background: #333 /*{a-bup-background-color}*/;
95
- font-weight: bold;
96
- color: #fff /*{a-bup-color}*/;
97
- text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #111 /*{a-bup-shadow-color}*/;
98
- background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-bup-background-start}*/), to( #2d2d2d /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
99
- background-image: -webkit-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
100
- background-image: -moz-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* FF3.6 */
101
- background-image: -ms-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* IE10 */
102
- background-image: -o-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Opera 11.10+ */
103
- background-image: linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/);
104
- }
105
- .ui-btn-up-a:visited,
106
- .ui-btn-up-a a.ui-link-inherit {
107
- color: #fff /*{a-bup-color}*/;
108
- }
109
- .ui-btn-hover-a {
110
- border: 1px solid #000 /*{a-bhover-border}*/;
111
- background: #444 /*{a-bhover-background-color}*/;
112
- font-weight: bold;
113
- color: #fff /*{a-bhover-color}*/;
114
- text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #111 /*{a-bhover-shadow-color}*/;
115
- background-image: -webkit-gradient(linear, left top, left bottom, from( #555 /*{a-bhover-background-start}*/), to( #383838 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
116
- background-image: -webkit-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
117
- background-image: -moz-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* FF3.6 */
118
- background-image: -ms-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* IE10 */
119
- background-image: -o-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
120
- background-image: linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/);
121
- }
122
- .ui-btn-hover-a:visited,
123
- .ui-btn-hover-a:hover,
124
- .ui-btn-hover-a a.ui-link-inherit {
125
- color: #fff /*{a-bhover-color}*/;
126
- }
127
- .ui-btn-down-a {
128
- border: 1px solid #000 /*{a-bdown-border}*/;
129
- background: #222 /*{a-bdown-background-color}*/;
130
- font-weight: bold;
131
- color: #fff /*{a-bdown-color}*/;
132
- text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #111 /*{a-bdown-shadow-color}*/;
133
- background-image: -webkit-gradient(linear, left top, left bottom, from( #202020 /*{a-bdown-background-start}*/), to( #2c2c2c /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
134
- background-image: -webkit-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
135
- background-image: -moz-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* FF3.6 */
136
- background-image: -ms-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* IE10 */
137
- background-image: -o-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Opera 11.10+ */
138
- background-image: linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/);
139
- }
140
- .ui-btn-down-a:visited,
141
- .ui-btn-down-a:hover,
142
- .ui-btn-down-a a.ui-link-inherit {
143
- color: #fff /*{a-bdown-color}*/;
144
- }
145
- .ui-btn-up-a,
146
- .ui-btn-hover-a,
147
- .ui-btn-down-a {
148
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
149
- text-decoration: none;
150
- }
151
- /* B
152
- -----------------------------------------------------------------------------------------------------------*/
153
- .ui-bar-b {
154
- border: 1px solid #456f9a /*{b-bar-border}*/;
155
- background: #5e87b0 /*{b-bar-background-color}*/;
156
- color: #fff /*{b-bar-color}*/;
157
- font-weight: bold;
158
- text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #3e6790 /*{b-bar-shadow-color}*/;
159
- background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bar-background-start}*/), to( #497bae /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
160
- background-image: -webkit-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
161
- background-image: -moz-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* FF3.6 */
162
- background-image: -ms-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* IE10 */
163
- background-image: -o-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Opera 11.10+ */
164
- background-image: linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/);
165
- }
166
- .ui-bar-b,
167
- .ui-bar-b input,
168
- .ui-bar-b select,
169
- .ui-bar-b textarea,
170
- .ui-bar-b button {
171
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
172
- }
173
- .ui-bar-b .ui-link-inherit {
174
- color: #fff /*{b-bar-color}*/;
175
- }
176
- .ui-bar-b a.ui-link {
177
- color: #ddf0f8 /*{b-bar-link-color}*/;
178
- font-weight: bold;
179
- }
180
- .ui-bar-b a.ui-link:visited {
181
- color: #ddf0f8 /*{b-bar-link-visited}*/;
182
- }
183
- .ui-bar-b a.ui-link:hover {
184
- color: #ddf0f8 /*{b-bar-link-hover}*/;
185
- }
186
- .ui-bar-b a.ui-link:active {
187
- color: #ddf0f8 /*{b-bar-link-active}*/;
188
- }
189
- .ui-body-b,
190
- .ui-overlay-b {
191
- border: 1px solid #999 /*{b-body-border}*/;
192
- background: #f3f3f3 /*{b-body-background-color}*/;
193
- color: #222 /*{b-body-color}*/;
194
- text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #fff /*{b-body-shadow-color}*/;
195
- font-weight: normal;
196
- background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{b-body-background-start}*/), to( #ccc /*{b-body-background-end}*/)); /* Saf4+, Chrome */
197
- background-image: -webkit-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
198
- background-image: -moz-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* FF3.6 */
199
- background-image: -ms-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* IE10 */
200
- background-image: -o-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Opera 11.10+ */
201
- background-image: linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/);
202
- }
203
- .ui-overlay-b {
204
- background-image: none;
205
- border-width: 0;
206
- }
207
- .ui-body-b,
208
- .ui-body-b input,
209
- .ui-body-b select,
210
- .ui-body-b textarea,
211
- .ui-body-b button {
212
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
213
- }
214
- .ui-body-b .ui-link-inherit {
215
- color: #333 /*{b-body-color}*/;
216
- }
217
- .ui-body-b .ui-link {
218
- color: #2489ce /*{b-body-link-color}*/;
219
- font-weight: bold;
220
- }
221
- .ui-body-b .ui-link:visited {
222
- color: #2489ce /*{b-body-link-visited}*/;
223
- }
224
- .ui-body-b .ui-link:hover {
225
- color: #2489ce /*{b-body-link-hover}*/;
226
- }
227
- .ui-body-b .ui-link:active {
228
- color: #2489ce /*{b-body-link-active}*/;
229
- }
230
- .ui-btn-up-b {
231
- border: 1px solid #044062 /*{b-bup-border}*/;
232
- background: #396b9e /*{b-bup-background-color}*/;
233
- font-weight: bold;
234
- color: #fff /*{b-bup-color}*/;
235
- text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #194b7e /*{b-bup-shadow-color}*/;
236
- background-image: -webkit-gradient(linear, left top, left bottom, from( #5f9cc5 /*{b-bup-background-start}*/), to( #396b9e /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
237
- background-image: -webkit-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
238
- background-image: -moz-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* FF3.6 */
239
- background-image: -ms-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* IE10 */
240
- background-image: -o-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Opera 11.10+ */
241
- background-image: linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
242
- }
243
- .ui-btn-up-b:visited,
244
- .ui-btn-up-b a.ui-link-inherit {
245
- color: #fff /*{b-bup-color}*/;
246
- }
247
- .ui-btn-hover-b {
248
- border: 1px solid #00415e /*{b-bhover-border}*/;
249
- background: #4b88b6 /*{b-bhover-background-color}*/;
250
- font-weight: bold;
251
- color: #fff /*{b-bhover-color}*/;
252
- text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #194b7e /*{b-bhover-shadow-color}*/;
253
- background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bhover-background-start}*/), to( #4272a4 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
254
- background-image: -webkit-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
255
- background-image: -moz-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* FF3.6 */
256
- background-image: -ms-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* IE10 */
257
- background-image: -o-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
258
- background-image: linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/);
259
- }
260
- .ui-btn-hover-b:visited,
261
- .ui-btn-hover-b:hover,
262
- .ui-btn-hover-b a.ui-link-inherit {
263
- color: #fff /*{b-bhover-color}*/;
264
- }
265
- .ui-btn-down-b {
266
- border: 1px solid #225377 /*{b-bdown-border}*/;
267
- background: #4e89c5 /*{b-bdown-background-color}*/;
268
- font-weight: bold;
269
- color: #fff /*{b-bdown-color}*/;
270
- text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 1px /*{b-bdown-shadow-radius}*/ #194b7e /*{b-bdown-shadow-color}*/;
271
- background-image: -webkit-gradient(linear, left top, left bottom, from( #295b8e /*{b-bdown-background-start}*/), to( #3e79b5 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
272
- background-image: -webkit-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
273
- background-image: -moz-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* FF3.6 */
274
- background-image: -ms-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* IE10 */
275
- background-image: -o-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
276
- background-image: linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/);
277
- }
278
- .ui-btn-down-b:visited,
279
- .ui-btn-down-b:hover,
280
- .ui-btn-down-b a.ui-link-inherit {
281
- color: #fff /*{b-bdown-color}*/;
282
- }
283
- .ui-btn-up-b,
284
- .ui-btn-hover-b,
285
- .ui-btn-down-b {
286
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
287
- text-decoration: none;
288
- }
289
- /* C
290
- -----------------------------------------------------------------------------------------------------------*/
291
- .ui-bar-c {
292
- border: 1px solid #b3b3b3 /*{c-bar-border}*/;
293
- background: #eee /*{c-bar-background-color}*/;
294
- color: #3e3e3e /*{c-bar-color}*/;
295
- font-weight: bold;
296
- text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/;
297
- background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{c-bar-background-start}*/), to( #ddd /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
298
- background-image: -webkit-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
299
- background-image: -moz-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* FF3.6 */
300
- background-image: -ms-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* IE10 */
301
- background-image: -o-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Opera 11.10+ */
302
- background-image: linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/);
303
- }
304
- .ui-bar-c .ui-link-inherit {
305
- color: #3e3e3e /*{c-bar-color}*/;
306
- }
307
- .ui-bar-c a.ui-link {
308
- color: #7cc4e7 /*{c-bar-link-color}*/;
309
- font-weight: bold;
310
- }
311
- .ui-bar-c a.ui-link:visited {
312
- color: #2489ce /*{c-bar-link-visited}*/;
313
- }
314
- .ui-bar-c a.ui-link:hover {
315
- color: #2489ce /*{c-bar-link-hover}*/;
316
- }
317
- .ui-bar-c a.ui-link:active {
318
- color: #2489ce /*{c-bar-link-active}*/;
319
- }
320
- .ui-bar-c,
321
- .ui-bar-c input,
322
- .ui-bar-c select,
323
- .ui-bar-c textarea,
324
- .ui-bar-c button {
325
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
326
- }
327
- .ui-body-c,
328
- .ui-overlay-c {
329
- border: 1px solid #aaa /*{c-body-border}*/;
330
- color: #333 /*{c-body-color}*/;
331
- text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
332
- background: #f9f9f9 /*{c-body-background-color}*/;
333
- background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #eee /*{c-body-background-end}*/)); /* Saf4+, Chrome */
334
- background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
335
- background-image: -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* FF3.6 */
336
- background-image: -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* IE10 */
337
- background-image: -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* Opera 11.10+ */
338
- background-image: linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/);
339
- }
340
- .ui-overlay-c {
341
- background-image: none;
342
- border-width: 0;
343
- }
344
- .ui-body-c,
345
- .ui-body-c input,
346
- .ui-body-c select,
347
- .ui-body-c textarea,
348
- .ui-body-c button {
349
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
350
- }
351
- .ui-body-c .ui-link-inherit {
352
- color: #333 /*{c-body-color}*/;
353
- }
354
- .ui-body-c .ui-link {
355
- color: #2489ce /*{c-body-link-color}*/;
356
- font-weight: bold;
357
- }
358
- .ui-body-c .ui-link:visited {
359
- color: #2489ce /*{c-body-link-visited}*/;
360
- }
361
- .ui-body-c .ui-link:hover {
362
- color: #2489ce /*{c-body-link-hover}*/;
363
- }
364
- .ui-body-c .ui-link:active {
365
- color: #2489ce /*{c-body-link-active}*/;
366
- }
367
- .ui-btn-up-c {
368
- border: 1px solid #ccc /*{c-bup-border}*/;
369
- background: #eee /*{c-bup-background-color}*/;
370
- font-weight: bold;
371
- color: #222 /*{c-bup-color}*/;
372
- text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #fff /*{c-bup-shadow-color}*/;
373
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
374
- background-image: -webkit-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
375
- background-image: -moz-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */
376
- background-image: -ms-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */
377
- background-image: -o-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */
378
- background-image: linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);
379
- }
380
- .ui-btn-up-c:visited,
381
- .ui-btn-up-c a.ui-link-inherit {
382
- color: #2f3e46 /*{c-bup-color}*/;
383
- }
384
- .ui-btn-hover-c {
385
- border: 1px solid #bbb /*{c-bhover-border}*/;
386
- background: #dfdfdf /*{c-bhover-background-color}*/;
387
- font-weight: bold;
388
- color: #222 /*{c-bhover-color}*/;
389
- text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #fff /*{c-bhover-shadow-color}*/;
390
- background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
391
- background-image: -webkit-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
392
- background-image: -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */
393
- background-image: -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */
394
- background-image: -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
395
- background-image: linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/);
396
- }
397
- .ui-btn-hover-c:visited,
398
- .ui-btn-hover-c:hover,
399
- .ui-btn-hover-c a.ui-link-inherit {
400
- color: #2f3e46 /*{c-bhover-color}*/;
401
- }
402
- .ui-btn-down-c {
403
- border: 1px solid #bbb /*{c-bdown-border}*/;
404
- background: #d6d6d6 /*{c-bdown-background-color}*/;
405
- font-weight: bold;
406
- color: #222 /*{c-bdown-color}*/;
407
- text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #fff /*{c-bdown-shadow-color}*/;
408
- background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{c-bdown-background-start}*/), to( #dfdfdf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
409
- background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
410
- background-image: -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */
411
- background-image: -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */
412
- background-image: -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */
413
- background-image: linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/);
414
- }
415
- .ui-btn-down-c:visited,
416
- .ui-btn-down-c:hover,
417
- .ui-btn-down-c a.ui-link-inherit {
418
- color: #2f3e46 /*{c-bdown-color}*/;
419
- }
420
- .ui-btn-up-c,
421
- .ui-btn-hover-c,
422
- .ui-btn-down-c {
423
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
424
- text-decoration: none;
425
- }
426
- /* D
427
- -----------------------------------------------------------------------------------------------------------*/
428
- .ui-bar-d {
429
- border: 1px solid #bbb /*{d-bar-border}*/;
430
- background: #bbb /*{d-bar-background-color}*/;
431
- color: #333 /*{d-bar-color}*/;
432
- font-weight: bold;
433
- text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eee /*{d-bar-shadow-color}*/;
434
- background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{d-bar-background-start}*/), to( #bbb /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
435
- background-image: -webkit-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
436
- background-image: -moz-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* FF3.6 */
437
- background-image: -ms-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* IE10 */
438
- background-image: -o-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Opera 11.10+ */
439
- background-image: linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/);
440
- }
441
- .ui-bar-d,
442
- .ui-bar-d input,
443
- .ui-bar-d select,
444
- .ui-bar-d textarea,
445
- .ui-bar-d button {
446
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
447
- }
448
- .ui-bar-d .ui-link-inherit {
449
- color: #333 /*{d-bar-color}*/;
450
- }
451
- .ui-bar-d a.ui-link {
452
- color: #2489ce /*{d-bar-link-color}*/;
453
- font-weight: bold;
454
- }
455
- .ui-bar-d a.ui-link:visited {
456
- color: #2489ce /*{d-bar-link-visited}*/;
457
- }
458
- .ui-bar-d a.ui-link:hover {
459
- color: #2489ce /*{d-bar-link-hover}*/;
460
- }
461
- .ui-bar-d a.ui-link:active {
462
- color: #2489ce /*{d-bar-link-active}*/;
463
- }
464
- .ui-body-d,
465
- .ui-overlay-d {
466
- border: 1px solid #bbb /*{d-body-border}*/;
467
- color: #333 /*{d-body-color}*/;
468
- text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ #fff /*{d-body-shadow-color}*/;
469
- background: #fff /*{d-body-background-color}*/;
470
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{d-body-background-start}*/), to( #fff /*{d-body-background-end}*/)); /* Saf4+, Chrome */
471
- background-image: -webkit-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
472
- background-image: -moz-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* FF3.6 */
473
- background-image: -ms-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* IE10 */
474
- background-image: -o-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Opera 11.10+ */
475
- background-image: linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/);
476
- }
477
- .ui-overlay-d {
478
- background-image: none;
479
- border-width: 0;
480
- }
481
- .ui-body-d,
482
- .ui-body-d input,
483
- .ui-body-d select,
484
- .ui-body-d textarea,
485
- .ui-body-d button {
486
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
487
- }
488
- .ui-body-d .ui-link-inherit {
489
- color: #333 /*{d-body-color}*/;
490
- }
491
- .ui-body-d .ui-link {
492
- color: #2489ce /*{d-body-link-color}*/;
493
- font-weight: bold;
494
- }
495
- .ui-body-d .ui-link:visited {
496
- color: #2489ce /*{d-body-link-visited}*/;
497
- }
498
- .ui-body-d .ui-link:hover {
499
- color: #2489ce /*{d-body-link-hover}*/;
500
- }
501
- .ui-body-d .ui-link:active {
502
- color: #2489ce /*{d-body-link-active}*/;
503
- }
504
- .ui-btn-up-d {
505
- border: 1px solid #bbb /*{d-bup-border}*/;
506
- background: #fff /*{d-bup-background-color}*/;
507
- font-weight: bold;
508
- color: #333 /*{d-bup-color}*/;
509
- text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ #fff /*{d-bup-shadow-color}*/;
510
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fafafa /*{d-bup-background-start}*/), to( #f6f6f6 /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
511
- background-image: -webkit-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
512
- background-image: -moz-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* FF3.6 */
513
- background-image: -ms-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* IE10 */
514
- background-image: -o-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Opera 11.10+ */
515
- background-image: linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/);
516
- }
517
- .ui-btn-up-d:visited,
518
- .ui-btn-up-d a.ui-link-inherit {
519
- color: #333 /*{d-bup-color}*/;
520
- }
521
- .ui-btn-hover-d {
522
- border: 1px solid #aaa /*{d-bhover-border}*/;
523
- background: #eee /*{d-bhover-background-color}*/;
524
- font-weight: bold;
525
- color: #333 /*{d-bhover-color}*/;
526
- cursor: pointer;
527
- text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 0 /*{d-bhover-shadow-radius}*/ #fff /*{d-bhover-shadow-color}*/;
528
- background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{d-bhover-background-start}*/), to( #fff /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
529
- background-image: -webkit-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
530
- background-image: -moz-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* FF3.6 */
531
- background-image: -ms-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* IE10 */
532
- background-image: -o-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Opera 11.10+ */
533
- background-image: linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/);
534
- }
535
- .ui-btn-hover-d:visited,
536
- .ui-btn-hover-d:hover,
537
- .ui-btn-hover-d a.ui-link-inherit {
538
- color: #333 /*{d-bhover-color}*/;
539
- }
540
- .ui-btn-down-d {
541
- border: 1px solid #aaa /*{d-bdown-border}*/;
542
- background: #eee /*{d-bdown-background-color}*/;
543
- font-weight: bold;
544
- color: #333 /*{d-bdown-color}*/;
545
- text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 0 /*{d-bdown-shadow-radius}*/ #fff /*{d-bdown-shadow-color}*/;
546
- background-image: -webkit-gradient(linear, left top, left bottom, from( #e5e5e5 /*{d-bdown-background-start}*/), to( #f2f2f2 /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */
547
- background-image: -webkit-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
548
- background-image: -moz-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* FF3.6 */
549
- background-image: -ms-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* IE10 */
550
- background-image: -o-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Opera 11.10+ */
551
- background-image: linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/);
552
- }
553
- .ui-btn-down-d:visited,
554
- .ui-btn-down-d:hover,
555
- .ui-btn-down-d a.ui-link-inherit {
556
- color: #333 /*{d-bdown-color}*/;
557
- }
558
- .ui-btn-up-d,
559
- .ui-btn-hover-d,
560
- .ui-btn-down-d {
561
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
562
- text-decoration: none;
563
- }
564
- /* E
565
- -----------------------------------------------------------------------------------------------------------*/
566
- .ui-bar-e {
567
- border: 1px solid #f7c942 /*{e-bar-border}*/;
568
- background: #fadb4e /*{e-bar-background-color}*/;
569
- color: #333 /*{e-bar-color}*/;
570
- font-weight: bold;
571
- text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/ #fff /*{e-bar-shadow-color}*/;
572
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bar-background-start}*/), to( #fbef7e /*{e-bar-background-end}*/)); /* Saf4+, Chrome */
573
- background-image: -webkit-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
574
- background-image: -moz-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* FF3.6 */
575
- background-image: -ms-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* IE10 */
576
- background-image: -o-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Opera 11.10+ */
577
- background-image: linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/);
578
- }
579
- .ui-bar-e,
580
- .ui-bar-e input,
581
- .ui-bar-e select,
582
- .ui-bar-e textarea,
583
- .ui-bar-e button {
584
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
585
- }
586
- .ui-bar-e .ui-link-inherit {
587
- color: #333 /*{e-bar-color}*/;
588
- }
589
- .ui-bar-e a.ui-link {
590
- color: #2489ce /*{e-bar-link-color}*/;
591
- font-weight: bold;
592
- }
593
- .ui-bar-e a.ui-link:visited {
594
- color: #2489ce /*{e-bar-link-visited}*/;
595
- }
596
- .ui-bar-e a.ui-link:hover {
597
- color: #2489ce /*{e-bar-link-hover}*/;
598
- }
599
- .ui-bar-e a.ui-link:active {
600
- color: #2489ce /*{e-bar-link-active}*/;
601
- }
602
- .ui-body-e,
603
- .ui-overlay-e {
604
- border: 1px solid #f7c942 /*{e-body-border}*/;
605
- color: #222 /*{e-body-color}*/;
606
- text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ #fff /*{e-body-shadow-color}*/;
607
- background: #fff9df /*{e-body-background-color}*/;
608
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fffadf /*{e-body-background-start}*/), to( #fff3a5 /*{e-body-background-end}*/)); /* Saf4+, Chrome */
609
- background-image: -webkit-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
610
- background-image: -moz-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* FF3.6 */
611
- background-image: -ms-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* IE10 */
612
- background-image: -o-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Opera 11.10+ */
613
- background-image: linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/);
614
- }
615
- .ui-overlay-e {
616
- background-image: none;
617
- border-width: 0;
618
- }
619
- .ui-body-e,
620
- .ui-body-e input,
621
- .ui-body-e select,
622
- .ui-body-e textarea,
623
- .ui-body-e button {
624
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
625
- }
626
- .ui-body-e .ui-link-inherit {
627
- color: #222 /*{e-body-color}*/;
628
- }
629
- .ui-body-e .ui-link {
630
- color: #2489ce /*{e-body-link-color}*/;
631
- font-weight: bold;
632
- }
633
- .ui-body-e .ui-link:visited {
634
- color: #2489ce /*{e-body-link-visited}*/;
635
- }
636
- .ui-body-e .ui-link:hover {
637
- color: #2489ce /*{e-body-link-hover}*/;
638
- }
639
- .ui-body-e .ui-link:active {
640
- color: #2489ce /*{e-body-link-active}*/;
641
- }
642
- .ui-btn-up-e {
643
- border: 1px solid #f4c63f /*{e-bup-border}*/;
644
- background: #fadb4e /*{e-bup-background-color}*/;
645
- font-weight: bold;
646
- color: #222 /*{e-bup-color}*/;
647
- text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ #fff /*{e-bup-shadow-color}*/;
648
- background-image: -webkit-gradient(linear, left top, left bottom, from( #ffefaa /*{e-bup-background-start}*/), to( #ffe155 /*{e-bup-background-end}*/)); /* Saf4+, Chrome */
649
- background-image: -webkit-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
650
- background-image: -moz-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* FF3.6 */
651
- background-image: -ms-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* IE10 */
652
- background-image: -o-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Opera 11.10+ */
653
- background-image: linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/);
654
- }
655
- .ui-btn-up-e:visited,
656
- .ui-btn-up-e a.ui-link-inherit {
657
- color: #222 /*{e-bup-color}*/;
658
- }
659
- .ui-btn-hover-e {
660
- border: 1px solid #f2c43d /*{e-bhover-border}*/;
661
- background: #fbe26f /*{e-bhover-background-color}*/;
662
- font-weight: bold;
663
- color: #111 /*{e-bhover-color}*/;
664
- text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 0 /*{e-bhover-shadow-radius}*/ #fff /*{e-bhover-shadow-color}*/;
665
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fff5ba /*{e-bhover-background-start}*/), to( #fbdd52 /*{e-bhover-background-end}*/)); /* Saf4+, Chrome */
666
- background-image: -webkit-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
667
- background-image: -moz-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* FF3.6 */
668
- background-image: -ms-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* IE10 */
669
- background-image: -o-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Opera 11.10+ */
670
- background-image: linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/);
671
- }
672
- .ui-btn-hover-e:visited,
673
- .ui-btn-hover-e:hover,
674
- .ui-btn-hover-e a.ui-link-inherit {
675
- color: #333 /*{e-bhover-color}*/;
676
- }
677
- .ui-btn-down-e {
678
- border: 1px solid #f2c43d /*{e-bdown-border}*/;
679
- background: #fceda7 /*{e-bdown-background-color}*/;
680
- font-weight: bold;
681
- color: #111 /*{e-bdown-color}*/;
682
- text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 0 /*{e-bdown-shadow-radius}*/ #fff /*{e-bdown-shadow-color}*/;
683
- background-image: -webkit-gradient(linear, left top, left bottom, from( #f8d94c /*{e-bdown-background-start}*/), to( #fadb4e /*{e-bdown-background-end}*/)); /* Saf4+, Chrome */
684
- background-image: -webkit-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
685
- background-image: -moz-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* FF3.6 */
686
- background-image: -ms-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* IE10 */
687
- background-image: -o-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Opera 11.10+ */
688
- background-image: linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/);
689
- }
690
- .ui-btn-down-e:visited,
691
- .ui-btn-down-e:hover,
692
- .ui-btn-down-e a.ui-link-inherit {
693
- color: #333 /*{e-bdown-color}*/;
694
- }
695
- .ui-btn-up-e,
696
- .ui-btn-hover-e,
697
- .ui-btn-down-e {
698
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
699
- text-decoration: none;
700
- }
701
- /* Structure */
702
- /* links within "buttons"
703
- -----------------------------------------------------------------------------------------------------------*/
704
- a.ui-link-inherit {
705
- text-decoration: none !important;
706
- }
707
- /* Active class used as the "on" state across all themes
708
- -----------------------------------------------------------------------------------------------------------*/
709
- .ui-btn-active {
710
- border: 1px solid #2373a5 /*{global-active-border}*/;
711
- background: #5393c5 /*{global-active-background-color}*/;
712
- font-weight: bold;
713
- color: #fff /*{global-active-color}*/;
714
- cursor: pointer;
715
- text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #3373a5 /*{global-active-shadow-color}*/;
716
- text-decoration: none;
717
- background-image: -webkit-gradient(linear, left top, left bottom, from( #5393c5 /*{global-active-background-start}*/), to( #6facd5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
718
- background-image: -webkit-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
719
- background-image: -moz-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* FF3.6 */
720
- background-image: -ms-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* IE10 */
721
- background-image: -o-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Opera 11.10+ */
722
- background-image: linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/);
723
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
724
- }
725
- .ui-btn-active:visited,
726
- .ui-btn-active:hover,
727
- .ui-btn-active a.ui-link-inherit {
728
- color: #fff /*{global-active-color}*/;
729
- }
730
- /* button inner top highlight
731
- -----------------------------------------------------------------------------------------------------------*/
732
- .ui-btn-inner {
733
- border-top: 1px solid #fff;
734
- border-color: rgba(255,255,255,.3);
735
- }
736
- /* corner rounding classes
737
- -----------------------------------------------------------------------------------------------------------*/
738
- .ui-corner-tl {
739
- -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
740
- -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
741
- border-top-left-radius: .6em /*{global-radii-blocks}*/;
742
- }
743
- .ui-corner-tr {
744
- -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
745
- -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
746
- border-top-right-radius: .6em /*{global-radii-blocks}*/;
747
- }
748
- .ui-corner-bl {
749
- -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
750
- -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
751
- border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
752
- }
753
- .ui-corner-br {
754
- -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
755
- -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
756
- border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
757
- }
758
- .ui-corner-top {
759
- -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
760
- -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
761
- border-top-left-radius: .6em /*{global-radii-blocks}*/;
762
- -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
763
- -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
764
- border-top-right-radius: .6em /*{global-radii-blocks}*/;
765
- }
766
- .ui-corner-bottom {
767
- -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
768
- -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
769
- border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
770
- -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
771
- -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
772
- border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
773
- }
774
- .ui-corner-right {
775
- -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
776
- -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
777
- border-top-right-radius: .6em /*{global-radii-blocks}*/;
778
- -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
779
- -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
780
- border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
781
- }
782
- .ui-corner-left {
783
- -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
784
- -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
785
- border-top-left-radius: .6em /*{global-radii-blocks}*/;
786
- -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
787
- -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
788
- border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
789
- }
790
- .ui-corner-all {
791
- -moz-border-radius: .6em /*{global-radii-blocks}*/;
792
- -webkit-border-radius: .6em /*{global-radii-blocks}*/;
793
- border-radius: .6em /*{global-radii-blocks}*/;
794
- }
795
- .ui-corner-none {
796
- -moz-border-radius: 0;
797
- -webkit-border-radius: 0;
798
- border-radius: 0;
799
- }
800
- /* Form field separator
801
- -----------------------------------------------------------------------------------------------------------*/
802
- .ui-br {
803
- border-bottom: rgb(130,130,130);
804
- border-bottom: rgba(130,130,130,.3);
805
- border-bottom-width: 1px;
806
- border-bottom-style: solid;
807
- }
808
- /* Interaction cues
809
- -----------------------------------------------------------------------------------------------------------*/
810
- .ui-disabled {
811
- filter: Alpha(Opacity=30);
812
- opacity: .3;
813
- zoom: 1;
814
- }
815
- .ui-disabled,
816
- .ui-disabled a {
817
- cursor: default !important;
818
- pointer-events: none;
819
- }
820
- /* Icons
821
- -----------------------------------------------------------------------------------------------------------*/
822
- .ui-icon,
823
- .ui-icon-searchfield:after {
824
- background: #666 /*{global-icon-color}*/;
825
- background: rgba(0,0,0,.4) /*{global-icon-disc}*/;
826
- background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
827
- background-repeat: no-repeat;
828
- -moz-border-radius: 9px;
829
- -webkit-border-radius: 9px;
830
- border-radius: 9px;
831
- }
832
- /* Alt icon color
833
- -----------------------------------------------------------------------------------------------------------*/
834
- .ui-icon-alt {
835
- background: #fff;
836
- background: rgba(255,255,255,.3);
837
- background-image: url(images/icons-18-black.png);
838
- background-repeat: no-repeat;
839
- }
840
- /* HD/"retina" sprite
841
- -----------------------------------------------------------------------------------------------------------*/
842
- @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
843
- only screen and (min--moz-device-pixel-ratio: 1.5),
844
- only screen and (min-resolution: 240dpi) {
845
-
846
- .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
847
- .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
848
- .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
849
- .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after,
850
- .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
851
- background-image: url(images/icons-36-white.png);
852
- -moz-background-size: 776px 18px;
853
- -o-background-size: 776px 18px;
854
- -webkit-background-size: 776px 18px;
855
- background-size: 776px 18px;
856
- }
857
- .ui-icon-alt {
858
- background-image: url(images/icons-36-black.png);
859
- }
860
- }
861
- /* plus minus */
862
- .ui-icon-plus {
863
- background-position: -0 50%;
864
- }
865
- .ui-icon-minus {
866
- background-position: -36px 50%;
867
- }
868
- /* delete/close */
869
- .ui-icon-delete {
870
- background-position: -72px 50%;
871
- }
872
- /* arrows */
873
- .ui-icon-arrow-r {
874
- background-position: -108px 50%;
875
- }
876
- .ui-icon-arrow-l {
877
- background-position: -144px 50%;
878
- }
879
- .ui-icon-arrow-u {
880
- background-position: -180px 50%;
881
- }
882
- .ui-icon-arrow-d {
883
- background-position: -216px 50%;
884
- }
885
- /* misc */
886
- .ui-icon-check {
887
- background-position: -252px 50%;
888
- }
889
- .ui-icon-gear {
890
- background-position: -288px 50%;
891
- }
892
- .ui-icon-refresh {
893
- background-position: -324px 50%;
894
- }
895
- .ui-icon-forward {
896
- background-position: -360px 50%;
897
- }
898
- .ui-icon-back {
899
- background-position: -396px 50%;
900
- }
901
- .ui-icon-grid {
902
- background-position: -432px 50%;
903
- }
904
- .ui-icon-star {
905
- background-position: -468px 50%;
906
- }
907
- .ui-icon-alert {
908
- background-position: -504px 50%;
909
- }
910
- .ui-icon-info {
911
- background-position: -540px 50%;
912
- }
913
- .ui-icon-home {
914
- background-position: -576px 50%;
915
- }
916
- .ui-icon-search,
917
- .ui-icon-searchfield:after {
918
- background-position: -612px 50%;
919
- }
920
- .ui-icon-checkbox-off {
921
- background-position: -684px 50%;
922
- }
923
- .ui-icon-checkbox-on {
924
- background-position: -648px 50%;
925
- }
926
- .ui-icon-radio-off {
927
- background-position: -756px 50%;
928
- }
929
- .ui-icon-radio-on {
930
- background-position: -720px 50%;
931
- }
932
- /* checks,radios */
933
- .ui-checkbox .ui-icon,
934
- .ui-selectmenu-list .ui-icon {
935
- -moz-border-radius: 3px;
936
- -webkit-border-radius: 3px;
937
- border-radius: 3px;
938
- }
939
- .ui-icon-checkbox-off,
940
- .ui-icon-radio-off {
941
- background-color: transparent;
942
- }
943
- .ui-checkbox-on .ui-icon,
944
- .ui-radio-on .ui-icon {
945
- background-color: #4596ce /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
946
- }
947
- /* loading icon */
948
- .ui-icon-loading {
949
- background-image: url(images/ajax-loader.png);
950
- background-size: 46px 46px;
951
- }
952
- /* Button corner classes
953
- -----------------------------------------------------------------------------------------------------------*/
954
- .ui-btn-corner-tl {
955
- -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
956
- -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
957
- border-top-left-radius: 1em /*{global-radii-buttons}*/;
958
- }
959
- .ui-btn-corner-tr {
960
- -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
961
- -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
962
- border-top-right-radius: 1em /*{global-radii-buttons}*/;
963
- }
964
- .ui-btn-corner-bl {
965
- -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
966
- -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
967
- border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
968
- }
969
- .ui-btn-corner-br {
970
- -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
971
- -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
972
- border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
973
- }
974
- .ui-btn-corner-top {
975
- -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
976
- -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
977
- border-top-left-radius: 1em /*{global-radii-buttons}*/;
978
- -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
979
- -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
980
- border-top-right-radius: 1em /*{global-radii-buttons}*/;
981
- }
982
- .ui-btn-corner-bottom {
983
- -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
984
- -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
985
- border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
986
- -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
987
- -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
988
- border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
989
- }
990
- .ui-btn-corner-right {
991
- -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
992
- -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
993
- border-top-right-radius: 1em /*{global-radii-buttons}*/;
994
- -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
995
- -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
996
- border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
997
- }
998
- .ui-btn-corner-left {
999
- -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
1000
- -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
1001
- border-top-left-radius: 1em /*{global-radii-buttons}*/;
1002
- -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
1003
- -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
1004
- border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
1005
- }
1006
- .ui-btn-corner-all {
1007
- -moz-border-radius: 1em /*{global-radii-buttons}*/;
1008
- -webkit-border-radius: 1em /*{global-radii-buttons}*/;
1009
- border-radius: 1em /*{global-radii-buttons}*/;
1010
- }
1011
- /* radius clip workaround for cleaning up corner trapping */
1012
- .ui-corner-tl,
1013
- .ui-corner-tr,
1014
- .ui-corner-bl,
1015
- .ui-corner-br,
1016
- .ui-corner-top,
1017
- .ui-corner-bottom,
1018
- .ui-corner-right,
1019
- .ui-corner-left,
1020
- .ui-corner-all,
1021
- .ui-btn-corner-tl,
1022
- .ui-btn-corner-tr,
1023
- .ui-btn-corner-bl,
1024
- .ui-btn-corner-br,
1025
- .ui-btn-corner-top,
1026
- .ui-btn-corner-bottom,
1027
- .ui-btn-corner-right,
1028
- .ui-btn-corner-left,
1029
- .ui-btn-corner-all {
1030
- -webkit-background-clip: padding-box;
1031
- -moz-background-clip: padding;
1032
- background-clip: padding-box;
1033
- }
1034
- /* Overlay / modal
1035
- -----------------------------------------------------------------------------------------------------------*/
1036
- .ui-overlay {
1037
- background: #666;
1038
- filter: Alpha(Opacity=50);
1039
- opacity: .5;
1040
- position: absolute;
1041
- width: 100%;
1042
- height: 100%;
1043
- }
1044
- .ui-overlay-shadow {
1045
- -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
1046
- -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
1047
- box-shadow: 0px 0px 12px rgba(0,0,0,.6);
1048
- }
1049
- .ui-shadow {
1050
- -moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
1051
- -webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
1052
- box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
1053
- }
1054
- .ui-bar-a .ui-shadow,
1055
- .ui-bar-b .ui-shadow ,
1056
- .ui-bar-c .ui-shadow {
1057
- -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
1058
- -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
1059
- box-shadow: 0px 1px 0 rgba(255,255,255,.3);
1060
- }
1061
- .ui-shadow-inset {
1062
- -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
1063
- -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
1064
- box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
1065
- }
1066
- .ui-icon-shadow {
1067
- -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
1068
- -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
1069
- box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
1070
- }
1071
- /* Focus state - set here for specificity (note: these classes are added by JavaScript)
1072
- -----------------------------------------------------------------------------------------------------------*/
1073
- .ui-btn:focus, .ui-link-inherit:focus {
1074
- outline: 0;
1075
- }
1076
- .ui-btn.ui-focus {
1077
- z-index: 1;
1078
- }
1079
- .ui-focus,
1080
- .ui-btn:focus {
1081
- -moz-box-shadow: inset 0px 0px 3px #387bbe /*{global-active-background-color}*/, 0px 0px 9px #387bbe /*{global-active-background-color}*/;
1082
- -webkit-box-shadow: inset 0px 0px 3px #387bbe /*{global-active-background-color}*/, 0px 0px 9px #387bbe /*{global-active-background-color}*/;
1083
- box-shadow: inset 0px 0px 3px #387bbe /*{global-active-background-color}*/, 0px 0px 9px #387bbe /*{global-active-background-color}*/;
1084
- }
1085
- .ui-input-text.ui-focus,
1086
- .ui-input-search.ui-focus {
1087
- -moz-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
1088
- -webkit-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
1089
- box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
1090
- }
1091
- /* unset box shadow in browsers that don't do it right
1092
- -----------------------------------------------------------------------------------------------------------*/
1093
- .ui-mobile-nosupport-boxshadow * {
1094
- -moz-box-shadow: none !important;
1095
- -webkit-box-shadow: none !important;
1096
- box-shadow: none !important;
1097
- }
1098
- /* ...and bring back focus */
1099
- .ui-mobile-nosupport-boxshadow .ui-focus,
1100
- .ui-mobile-nosupport-boxshadow .ui-btn:focus,
1101
- .ui-mobile-nosupport-boxshadow .ui-link-inherit:focus {
1102
- outline-width: 1px;
1103
- outline-style: auto;
1104
- }
1105
- /* some unsets - more probably needed */
1106
- .ui-mobile, .ui-mobile body { height: 99.9%; }
1107
- .ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
1108
- .ui-mobile a img, .ui-mobile fieldset { border-width: 0; }
1109
- /* responsive page widths */
1110
- .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); }
1111
- /* Issue #2066 */
1112
- body.ui-mobile-viewport,
1113
- div.ui-mobile-viewport { overflow-x: hidden; }
1114
- /* "page" containers - full-screen views, one should always be in view post-pageload */
1115
- .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; }
1116
- .ui-mobile .ui-page-active { display: block; overflow: visible; }
1117
- /* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
1118
- .ui-page { outline: none; }
1119
- /*orientations from js are available */
1120
- @media screen and (orientation: portrait){
1121
- .ui-mobile, .ui-mobile .ui-page { min-height: 420px; }
1122
- }
1123
- @media screen and (orientation: landscape){
1124
- .ui-mobile, .ui-mobile .ui-page { min-height: 300px; }
1125
- }
1126
- /* loading screen */
1127
- .ui-loading .ui-loader { display: block; }
1128
- .ui-loader { display: none; z-index: 9999999; position: fixed; top: 50%; left: 50%; border:0; }
1129
- .ui-loader-default { background: none; filter: Alpha(Opacity=18); opacity: .18; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; }
1130
- .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; }
1131
- .ui-loader-default h1 { font-size: 0; width: 0; height: 0; overflow: hidden; }
1132
- .ui-loader-verbose h1 { font-size: 16px; margin: 0; text-align: center; }
1133
- .ui-loader .ui-icon { background-color: #000; display: block; margin: 0; width: 44px; height: 44px; padding: 1px; -webkit-border-radius: 36px; -moz-border-radius: 36px; border-radius: 36px; }
1134
- .ui-loader-verbose .ui-icon { margin: 0 auto 10px; filter: Alpha(Opacity=75); opacity: .75; }
1135
- .ui-loader-textonly { padding: 15px; margin-left: -115px; }
1136
- .ui-loader-textonly .ui-icon { display: none; }
1137
- .ui-loader-fakefix { position: absolute; }
1138
- /*fouc*/
1139
- .ui-mobile-rendering > * { visibility: hidden; }
1140
- /*headers, content panels*/
1141
- .ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }
1142
- .ui-bar { font-size: 16px; margin: 0; }
1143
- .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; }
1144
- .ui-header, .ui-footer { position: relative; zoom: 1; }
1145
- .ui-mobile .ui-header, .ui-mobile .ui-footer { border-left-width: 0; border-right-width: 0; }
1146
- .ui-header .ui-btn-left,
1147
- .ui-header .ui-btn-right,
1148
- .ui-footer .ui-btn-left,
1149
- .ui-footer .ui-btn-right { position: absolute; top: 3px; }
1150
- .ui-header .ui-btn-left,
1151
- .ui-footer .ui-btn-left { left: 5px; }
1152
- .ui-header .ui-btn-right,
1153
- .ui-footer .ui-btn-right { right: 5px; }
1154
- .ui-footer .ui-btn-icon-notext,
1155
- .ui-header .ui-btn-icon-notext { top: 6px; }
1156
- .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; }
1157
- .ui-footer .ui-title { margin: .6em 15px .8em; }
1158
- /*content area*/
1159
- .ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
1160
- /* icons sizing */
1161
- .ui-icon { width: 18px; height: 18px; }
1162
- /* non-js content hiding */
1163
- .ui-nojs { position: absolute; left: -9999px; }
1164
- /* accessible content hiding */
1165
- .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,
1166
- .ui-hidden-accessible { position: absolute !important; left: -9999px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
1167
- /* Transitions originally inspired by those from jQtouch, nice work, folks */
1168
- .ui-mobile-viewport-transitioning,
1169
- .ui-mobile-viewport-transitioning .ui-page {
1170
- width: 100%;
1171
- height: 100%;
1172
- overflow: hidden;
1173
- -webkit-box-sizing: border-box;
1174
- -moz-box-sizing: border-box;
1175
- box-sizing: border-box;
1176
- }
1177
- .ui-page-pre-in {
1178
- opacity: 0;
1179
- }
1180
- .in {
1181
- -webkit-animation-timing-function: ease-out;
1182
- -webkit-animation-duration: 350ms;
1183
- -moz-animation-timing-function: ease-out;
1184
- -moz-animation-duration: 350ms;
1185
- }
1186
- .out {
1187
- -webkit-animation-timing-function: ease-in;
1188
- -webkit-animation-duration: 225ms;
1189
- -moz-animation-timing-function: ease-in;
1190
- -moz-animation-duration: 225ms;
1191
- }
1192
- @-webkit-keyframes fadein {
1193
- from { opacity: 0; }
1194
- to { opacity: 1; }
1195
- }
1196
- @-moz-keyframes fadein {
1197
- from { opacity: 0; }
1198
- to { opacity: 1; }
1199
- }
1200
- @-webkit-keyframes fadeout {
1201
- from { opacity: 1; }
1202
- to { opacity: 0; }
1203
- }
1204
- @-moz-keyframes fadeout {
1205
- from { opacity: 1; }
1206
- to { opacity: 0; }
1207
- }
1208
- .fade.out {
1209
- opacity: 0;
1210
- -webkit-animation-duration: 125ms;
1211
- -webkit-animation-name: fadeout;
1212
- -moz-animation-duration: 125ms;
1213
- -moz-animation-name: fadeout;
1214
- }
1215
- .fade.in {
1216
- opacity: 1;
1217
- -webkit-animation-duration: 225ms;
1218
- -webkit-animation-name: fadein;
1219
- -moz-animation-duration: 225ms;
1220
- -moz-animation-name: fadein;
1221
- }
1222
- .pop {
1223
- -webkit-transform-origin: 50% 50%;
1224
- -moz-transform-origin: 50% 50%;
1225
- }
1226
- .pop.in {
1227
- -webkit-transform: scale(1);
1228
- -moz-transform: scale(1);
1229
- opacity: 1;
1230
- -webkit-animation-name: popin;
1231
- -moz-animation-name: popin;
1232
- -webkit-animation-duration: 350ms;
1233
- -moz-animation-duration: 350ms;
1234
- }
1235
- .pop.out {
1236
- -webkit-animation-name: fadeout;
1237
- -moz-animation-name: fadeout;
1238
- opacity: 0;
1239
- -webkit-animation-duration: 100ms;
1240
- -moz-animation-duration: 100ms;
1241
- }
1242
- .pop.in.reverse {
1243
- -webkit-animation-name: fadein;
1244
- -moz-animation-name: fadein;
1245
- }
1246
- .pop.out.reverse {
1247
- -webkit-transform: scale(.8);
1248
- -moz-transform: scale(.8);
1249
- -webkit-animation-name: popout;
1250
- -moz-animation-name: popout;
1251
- }
1252
- @-webkit-keyframes popin {
1253
- from {
1254
- -webkit-transform: scale(.8);
1255
- opacity: 0;
1256
- }
1257
- to {
1258
- -webkit-transform: scale(1);
1259
- opacity: 1;
1260
- }
1261
- }
1262
- @-moz-keyframes popin {
1263
- from {
1264
- -moz-transform: scale(.8);
1265
- opacity: 0;
1266
- }
1267
- to {
1268
- -moz-transform: scale(1);
1269
- opacity: 1;
1270
- }
1271
- }
1272
- @-webkit-keyframes popout {
1273
- from {
1274
- -webkit-transform: scale(1);
1275
- opacity: 1;
1276
- }
1277
- to {
1278
- -webkit-transform: scale(.8);
1279
- opacity: 0;
1280
- }
1281
- }
1282
- @-moz-keyframes popout {
1283
- from {
1284
- -moz-transform: scale(1);
1285
- opacity: 1;
1286
- }
1287
- to {
1288
- -moz-transform: scale(.8);
1289
- opacity: 0;
1290
- }
1291
- }
1292
- /* keyframes for slidein from sides */
1293
- @-webkit-keyframes slideinfromright {
1294
- from { -webkit-transform: translateX(100%); }
1295
- to { -webkit-transform: translateX(0); }
1296
- }
1297
- @-moz-keyframes slideinfromright {
1298
- from { -moz-transform: translateX(100%); }
1299
- to { -moz-transform: translateX(0); }
1300
- }
1301
- @-webkit-keyframes slideinfromleft {
1302
- from { -webkit-transform: translateX(-100%); }
1303
- to { -webkit-transform: translateX(0); }
1304
- }
1305
- @-moz-keyframes slideinfromleft {
1306
- from { -moz-transform: translateX(-100%); }
1307
- to { -moz-transform: translateX(0); }
1308
- }
1309
- /* keyframes for slideout to sides */
1310
- @-webkit-keyframes slideouttoleft {
1311
- from { -webkit-transform: translateX(0); }
1312
- to { -webkit-transform: translateX(-100%); }
1313
- }
1314
- @-moz-keyframes slideouttoleft {
1315
- from { -moz-transform: translateX(0); }
1316
- to { -moz-transform: translateX(-100%); }
1317
- }
1318
- @-webkit-keyframes slideouttoright {
1319
- from { -webkit-transform: translateX(0); }
1320
- to { -webkit-transform: translateX(100%); }
1321
- }
1322
- @-moz-keyframes slideouttoright {
1323
- from { -moz-transform: translateX(0); }
1324
- to { -moz-transform: translateX(100%); }
1325
- }
1326
- .slide.out, .slide.in {
1327
- -webkit-animation-timing-function: ease-out;
1328
- -webkit-animation-duration: 350ms;
1329
- -moz-animation-timing-function: ease-out;
1330
- -moz-animation-duration: 350ms;
1331
- }
1332
- .slide.out {
1333
- -webkit-transform: translateX(-100%);
1334
- -webkit-animation-name: slideouttoleft;
1335
- -moz-transform: translateX(-100%);
1336
- -moz-animation-name: slideouttoleft;
1337
- }
1338
- .slide.in {
1339
- -webkit-transform: translateX(0);
1340
- -webkit-animation-name: slideinfromright;
1341
- -moz-transform: translateX(0);
1342
- -moz-animation-name: slideinfromright;
1343
- }
1344
- .slide.out.reverse {
1345
- -webkit-transform: translateX(100%);
1346
- -webkit-animation-name: slideouttoright;
1347
- -moz-transform: translateX(100%);
1348
- -moz-animation-name: slideouttoright;
1349
- }
1350
- .slide.in.reverse {
1351
- -webkit-transform: translateX(0);
1352
- -webkit-animation-name: slideinfromleft;
1353
- -moz-transform: translateX(0);
1354
- -moz-animation-name: slideinfromleft;
1355
- }
1356
- .slidefade.out {
1357
- -webkit-transform: translateX(-100%);
1358
- -webkit-animation-name: slideouttoleft;
1359
- -moz-transform: translateX(-100%);
1360
- -moz-animation-name: slideouttoleft;
1361
- -webkit-animation-duration: 225ms;
1362
- -moz-animation-duration: 225ms;
1363
- }
1364
- .slidefade.in {
1365
- -webkit-transform: translateX(0);
1366
- -webkit-animation-name: fadein;
1367
- -moz-transform: translateX(0);
1368
- -moz-animation-name: fadein;
1369
- -webkit-animation-duration: 200ms;
1370
- -moz-animation-duration: 200ms;
1371
- }
1372
- .slidefade.out.reverse {
1373
- -webkit-transform: translateX(100%);
1374
- -webkit-animation-name: slideouttoright;
1375
- -moz-transform: translateX(100%);
1376
- -moz-animation-name: slideouttoright;
1377
- -webkit-animation-duration: 200ms;
1378
- -moz-animation-duration: 200ms;
1379
- }
1380
- .slidefade.in.reverse {
1381
- -webkit-transform: translateX(0);
1382
- -webkit-animation-name: fadein;
1383
- -moz-transform: translateX(0);
1384
- -moz-animation-name: fadein;
1385
- -webkit-animation-duration: 200ms;
1386
- -moz-animation-duration: 200ms;
1387
- }
1388
- /* slide down */
1389
- .slidedown.out {
1390
- -webkit-animation-name: fadeout;
1391
- -moz-animation-name: fadeout;
1392
- -webkit-animation-duration: 100ms;
1393
- -moz-animation-duration: 100ms;
1394
- }
1395
- .slidedown.in {
1396
- -webkit-transform: translateY(0);
1397
- -webkit-animation-name: slideinfromtop;
1398
- -moz-transform: translateY(0);
1399
- -moz-animation-name: slideinfromtop;
1400
- -webkit-animation-duration: 250ms;
1401
- -moz-animation-duration: 250ms;
1402
- }
1403
- .slidedown.in.reverse {
1404
- -webkit-animation-name: fadein;
1405
- -moz-animation-name: fadein;
1406
- -webkit-animation-duration: 150ms;
1407
- -moz-animation-duration: 150ms;
1408
- }
1409
- .slidedown.out.reverse {
1410
- -webkit-transform: translateY(-100%);
1411
- -moz-transform: translateY(-100%);
1412
- -webkit-animation-name: slideouttotop;
1413
- -moz-animation-name: slideouttotop;
1414
- -webkit-animation-duration: 200ms;
1415
- -moz-animation-duration: 200ms;
1416
- }
1417
- @-webkit-keyframes slideinfromtop {
1418
- from { -webkit-transform: translateY(-100%); }
1419
- to { -webkit-transform: translateY(0); }
1420
- }
1421
- @-moz-keyframes slideinfromtop {
1422
- from { -moz-transform: translateY(-100%); }
1423
- to { -moz-transform: translateY(0); }
1424
- }
1425
- @-webkit-keyframes slideouttotop {
1426
- from { -webkit-transform: translateY(0); }
1427
- to { -webkit-transform: translateY(-100%); }
1428
- }
1429
- @-moz-keyframes slideouttotop {
1430
- from { -moz-transform: translateY(0); }
1431
- to { -moz-transform: translateY(-100%); }
1432
- }
1433
- /* slide up */
1434
- .slideup.out {
1435
- -webkit-animation-name: fadeout;
1436
- -moz-animation-name: fadeout;
1437
- -webkit-animation-duration: 100ms;
1438
- -moz-animation-duration: 100ms;
1439
- }
1440
- .slideup.in {
1441
- -webkit-transform: translateY(0);
1442
- -webkit-animation-name: slideinfrombottom;
1443
- -moz-transform: translateY(0);
1444
- -moz-animation-name: slideinfrombottom;
1445
- -webkit-animation-duration: 250ms;
1446
- -moz-animation-duration: 250ms;
1447
- }
1448
- .slideup.in.reverse {
1449
- -webkit-animation-name: fadein;
1450
- -moz-animation-name: fadein;
1451
- -webkit-animation-duration: 150ms;
1452
- -moz-animation-duration: 150ms;
1453
- }
1454
- .slideup.out.reverse {
1455
- -webkit-transform: translateY(100%);
1456
- -moz-transform: translateY(100%);
1457
- -webkit-animation-name: slideouttobottom;
1458
- -moz-animation-name: slideouttobottom;
1459
- -webkit-animation-duration: 200ms;
1460
- -moz-animation-duration: 200ms;
1461
- }
1462
- @-webkit-keyframes slideinfrombottom {
1463
- from { -webkit-transform: translateY(100%); }
1464
- to { -webkit-transform: translateY(0); }
1465
- }
1466
- @-moz-keyframes slideinfrombottom {
1467
- from { -moz-transform: translateY(100%); }
1468
- to { -moz-transform: translateY(0); }
1469
- }
1470
- @-webkit-keyframes slideouttobottom {
1471
- from { -webkit-transform: translateY(0); }
1472
- to { -webkit-transform: translateY(100%); }
1473
- }
1474
- @-moz-keyframes slideouttobottom {
1475
- from { -moz-transform: translateY(0); }
1476
- to { -moz-transform: translateY(100%); }
1477
- }
1478
- /* The properties in this rule are only necessary for the 'flip' transition.
1479
- * We need specify the perspective to create a projection matrix. This will add
1480
- * some depth as the element flips. The depth number represents the distance of
1481
- * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
1482
- * value.
1483
- */
1484
- .viewport-flip {
1485
- -webkit-perspective: 1000;
1486
- -moz-perspective: 1000;
1487
- position: absolute;
1488
- }
1489
- .flip {
1490
- -webkit-backface-visibility:hidden;
1491
- -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. */
1492
- -moz-backface-visibility:hidden;
1493
- -moz-transform:translateX(0);
1494
- }
1495
- .flip.out {
1496
- -webkit-transform: rotateY(-90deg) scale(.9);
1497
- -webkit-animation-name: flipouttoleft;
1498
- -webkit-animation-duration: 175ms;
1499
- -moz-transform: rotateY(-90deg) scale(.9);
1500
- -moz-animation-name: flipouttoleft;
1501
- -moz-animation-duration: 175ms;
1502
- }
1503
- .flip.in {
1504
- -webkit-animation-name: flipintoright;
1505
- -webkit-animation-duration: 225ms;
1506
- -moz-animation-name: flipintoright;
1507
- -moz-animation-duration: 225ms;
1508
- }
1509
- .flip.out.reverse {
1510
- -webkit-transform: rotateY(90deg) scale(.9);
1511
- -webkit-animation-name: flipouttoright;
1512
- -moz-transform: rotateY(90deg) scale(.9);
1513
- -moz-animation-name: flipouttoright;
1514
- }
1515
- .flip.in.reverse {
1516
- -webkit-animation-name: flipintoleft;
1517
- -moz-animation-name: flipintoleft;
1518
- }
1519
- @-webkit-keyframes flipouttoleft {
1520
- from { -webkit-transform: rotateY(0); }
1521
- to { -webkit-transform: rotateY(-90deg) scale(.9); }
1522
- }
1523
- @-moz-keyframes flipouttoleft {
1524
- from { -moz-transform: rotateY(0); }
1525
- to { -moz-transform: rotateY(-90deg) scale(.9); }
1526
- }
1527
- @-webkit-keyframes flipouttoright {
1528
- from { -webkit-transform: rotateY(0) ; }
1529
- to { -webkit-transform: rotateY(90deg) scale(.9); }
1530
- }
1531
- @-moz-keyframes flipouttoright {
1532
- from { -moz-transform: rotateY(0); }
1533
- to { -moz-transform: rotateY(90deg) scale(.9); }
1534
- }
1535
- @-webkit-keyframes flipintoleft {
1536
- from { -webkit-transform: rotateY(-90deg) scale(.9); }
1537
- to { -webkit-transform: rotateY(0); }
1538
- }
1539
- @-moz-keyframes flipintoleft {
1540
- from { -moz-transform: rotateY(-90deg) scale(.9); }
1541
- to { -moz-transform: rotateY(0); }
1542
- }
1543
- @-webkit-keyframes flipintoright {
1544
- from { -webkit-transform: rotateY(90deg) scale(.9); }
1545
- to { -webkit-transform: rotateY(0); }
1546
- }
1547
- @-moz-keyframes flipintoright {
1548
- from { -moz-transform: rotateY(90deg) scale(.9); }
1549
- to { -moz-transform: rotateY(0); }
1550
- }
1551
- /* The properties in this rule are only necessary for the 'flip' transition.
1552
- * We need specify the perspective to create a projection matrix. This will add
1553
- * some depth as the element flips. The depth number represents the distance of
1554
- * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
1555
- * value.
1556
- */
1557
- .viewport-turn {
1558
- -webkit-perspective: 1000;
1559
- -moz-perspective: 1000;
1560
- position: absolute;
1561
- }
1562
- .turn {
1563
- -webkit-backface-visibility:hidden;
1564
- -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. */
1565
- -webkit-transform-origin: 0;
1566
-
1567
- -moz-backface-visibility:hidden;
1568
- -moz-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
1569
- -moz-transform-origin: 0;
1570
- }
1571
- .turn.out {
1572
- -webkit-transform: rotateY(-90deg) scale(.9);
1573
- -webkit-animation-name: flipouttoleft;
1574
- -moz-transform: rotateY(-90deg) scale(.9);
1575
- -moz-animation-name: flipouttoleft;
1576
- -webkit-animation-duration: 125ms;
1577
- -moz-animation-duration: 125ms;
1578
- }
1579
- .turn.in {
1580
- -webkit-animation-name: flipintoright;
1581
- -moz-animation-name: flipintoright;
1582
- -webkit-animation-duration: 250ms;
1583
- -moz-animation-duration: 250ms;
1584
-
1585
- }
1586
- .turn.out.reverse {
1587
- -webkit-transform: rotateY(90deg) scale(.9);
1588
- -webkit-animation-name: flipouttoright;
1589
- -moz-transform: rotateY(90deg) scale(.9);
1590
- -moz-animation-name: flipouttoright;
1591
- }
1592
- .turn.in.reverse {
1593
- -webkit-animation-name: flipintoleft;
1594
- -moz-animation-name: flipintoleft;
1595
- }
1596
- @-webkit-keyframes flipouttoleft {
1597
- from { -webkit-transform: rotateY(0); }
1598
- to { -webkit-transform: rotateY(-90deg) scale(.9); }
1599
- }
1600
- @-moz-keyframes flipouttoleft {
1601
- from { -moz-transform: rotateY(0); }
1602
- to { -moz-transform: rotateY(-90deg) scale(.9); }
1603
- }
1604
- @-webkit-keyframes flipouttoright {
1605
- from { -webkit-transform: rotateY(0) ; }
1606
- to { -webkit-transform: rotateY(90deg) scale(.9); }
1607
- }
1608
- @-moz-keyframes flipouttoright {
1609
- from { -moz-transform: rotateY(0); }
1610
- to { -moz-transform: rotateY(90deg) scale(.9); }
1611
- }
1612
- @-webkit-keyframes flipintoleft {
1613
- from { -webkit-transform: rotateY(-90deg) scale(.9); }
1614
- to { -webkit-transform: rotateY(0); }
1615
- }
1616
- @-moz-keyframes flipintoleft {
1617
- from { -moz-transform: rotateY(-90deg) scale(.9); }
1618
- to { -moz-transform: rotateY(0); }
1619
- }
1620
- @-webkit-keyframes flipintoright {
1621
- from { -webkit-transform: rotateY(90deg) scale(.9); }
1622
- to { -webkit-transform: rotateY(0); }
1623
- }
1624
- @-moz-keyframes flipintoright {
1625
- from { -moz-transform: rotateY(90deg) scale(.9); }
1626
- to { -moz-transform: rotateY(0); }
1627
- }
1628
- /* flow transition */
1629
- .flow {
1630
- -webkit-transform-origin: 50% 30%;
1631
- -moz-transform-origin: 50% 30%;
1632
- -webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
1633
- -moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
1634
- }
1635
- .ui-dialog.flow {
1636
- -webkit-transform-origin: none;
1637
- -moz-transform-origin: none;
1638
- -webkit-box-shadow: none;
1639
- -moz-box-shadow: none;
1640
- }
1641
- .flow.out {
1642
- -webkit-transform: translateX(-100%) scale(.7);
1643
- -webkit-animation-name: flowouttoleft;
1644
- -webkit-animation-timing-function: ease;
1645
- -webkit-animation-duration: 350ms;
1646
- -moz-transform: translateX(-100%) scale(.7);
1647
- -moz-animation-name: flowouttoleft;
1648
- -moz-animation-timing-function: ease;
1649
- -moz-animation-duration: 350ms;
1650
- }
1651
- .flow.in {
1652
- -webkit-transform: translateX(0) scale(1);
1653
- -webkit-animation-name: flowinfromright;
1654
- -webkit-animation-timing-function: ease;
1655
- -webkit-animation-duration: 350ms;
1656
- -moz-transform: translateX(0) scale(1);
1657
- -moz-animation-name: flowinfromright;
1658
- -moz-animation-timing-function: ease;
1659
- -moz-animation-duration: 350ms;
1660
- }
1661
- .flow.out.reverse {
1662
- -webkit-transform: translateX(100%);
1663
- -webkit-animation-name: flowouttoright;
1664
- -moz-transform: translateX(100%);
1665
- -moz-animation-name: flowouttoright;
1666
- }
1667
- .flow.in.reverse {
1668
- -webkit-animation-name: flowinfromleft;
1669
- -moz-animation-name: flowinfromleft;
1670
- }
1671
- @-webkit-keyframes flowouttoleft {
1672
- 0% { -webkit-transform: translateX(0) scale(1); }
1673
- 60%, 70% { -webkit-transform: translateX(0) scale(.7); }
1674
- 100% { -webkit-transform: translateX(-100%) scale(.7); }
1675
- }
1676
- @-moz-keyframes flowouttoleft {
1677
- 0% { -moz-transform: translateX(0) scale(1); }
1678
- 60%, 70% { -moz-transform: translateX(0) scale(.7); }
1679
- 100% { -moz-transform: translateX(-100%) scale(.7); }
1680
- }
1681
- @-webkit-keyframes flowouttoright {
1682
- 0% { -webkit-transform: translateX(0) scale(1); }
1683
- 60%, 70% { -webkit-transform: translateX(0) scale(.7); }
1684
- 100% { -webkit-transform: translateX(100%) scale(.7); }
1685
- }
1686
- @-moz-keyframes flowouttoright {
1687
- 0% { -moz-transform: translateX(0) scale(1); }
1688
- 60%, 70% { -moz-transform: translateX(0) scale(.7); }
1689
- 100% { -moz-transform: translateX(100%) scale(.7); }
1690
- }
1691
- @-webkit-keyframes flowinfromleft {
1692
- 0% { -webkit-transform: translateX(-100%) scale(.7); }
1693
- 30%, 40% { -webkit-transform: translateX(0) scale(.7); }
1694
- 100% { -webkit-transform: translateX(0) scale(1); }
1695
- }
1696
- @-moz-keyframes flowinfromleft {
1697
- 0% { -moz-transform: translateX(-100%) scale(.7); }
1698
- 30%, 40% { -moz-transform: translateX(0) scale(.7); }
1699
- 100% { -moz-transform: translateX(0) scale(1); }
1700
- }
1701
- @-webkit-keyframes flowinfromright {
1702
- 0% { -webkit-transform: translateX(100%) scale(.7); }
1703
- 30%, 40% { -webkit-transform: translateX(0) scale(.7); }
1704
- 100% { -webkit-transform: translateX(0) scale(1); }
1705
- }
1706
- @-moz-keyframes flowinfromright {
1707
- 0% { -moz-transform: translateX(100%) scale(.7); }
1708
- 30%, 40% { -moz-transform: translateX(0) scale(.7); }
1709
- 100% { -moz-transform: translateX(0) scale(1); }
1710
- }
1711
- /* content configurations. */
1712
- .ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
1713
- .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; }
1714
- /* grid solo: 100 - single item fallback */
1715
- .ui-grid-solo .ui-block-a { display: block; float: none; }
1716
- /* Lower percentages for older browsers (i.e. IE7) to prevent wrapping. -.5px to fix BB5 wrap issue. */
1717
- /* grid a: 50/50 */
1718
- .ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 49.95%; }
1719
- .ui-grid-a > :nth-child(n) { width: 50%; margin-right: -.5px; }
1720
- .ui-grid-a .ui-block-a { clear: left; }
1721
- /* grid b: 33/33/33 */
1722
- .ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.25%; }
1723
- .ui-grid-b > :nth-child(n) { width: 33.333%; margin-right: -.5px; }
1724
- .ui-grid-b .ui-block-a { clear: left; }
1725
- /* grid c: 25/25/25/25 */
1726
- .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%; }
1727
- .ui-grid-c > :nth-child(n) { width: 25%; margin-right: -.5px; }
1728
- .ui-grid-c .ui-block-a { clear: left; }
1729
- /* grid d: 20/20/20/20/20 */
1730
- .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%; }
1731
- .ui-grid-d > :nth-child(n) { width: 20%; }
1732
- .ui-grid-d .ui-block-a { clear: left; }
1733
- /* fixed page header & footer configuration */
1734
- .ui-header-fixed,
1735
- .ui-footer-fixed {
1736
- left: 0;
1737
- right: 0;
1738
- width: 100%;
1739
- position: fixed;
1740
- z-index: 1000;
1741
- }
1742
- .ui-header-fixed {
1743
- top: 0;
1744
- }
1745
- .ui-footer-fixed {
1746
- bottom: 0;
1747
- }
1748
- .ui-header-fullscreen,
1749
- .ui-footer-fullscreen {
1750
- filter: Alpha(Opacity=90);
1751
- opacity: .9;
1752
- }
1753
- .ui-page-header-fixed {
1754
- padding-top: 2.6875em;
1755
- }
1756
- .ui-page-footer-fixed {
1757
- padding-bottom: 2.6875em;
1758
- }
1759
- .ui-page-header-fullscreen .ui-content,
1760
- .ui-page-footer-fullscreen .ui-content {
1761
- padding: 0;
1762
- }
1763
- .ui-fixed-hidden {
1764
- position: absolute;
1765
- }
1766
- .ui-page-header-fullscreen .ui-fixed-hidden,
1767
- .ui-page-footer-fullscreen .ui-fixed-hidden {
1768
- left: -9999px;
1769
- }
1770
- .ui-header-fixed .ui-btn,
1771
- .ui-footer-fixed .ui-btn {
1772
- z-index: 10;
1773
- }
1774
- .ui-navbar { max-width: 100%; }
1775
- .ui-navbar.ui-mini { margin: 0; }
1776
- .ui-navbar ul:before, .ui-navbar ul:after { content: " "; display: table; }
1777
- .ui-navbar ul:after { clear: both; }
1778
- .ui-navbar ul { list-style:none; margin: 0; padding: 0; position: relative; display: block; border: 0; max-width: 100%; overflow: visible; zoom: 1; }
1779
- .ui-navbar li .ui-btn { display: block; text-align: center; margin: 0 -1px 0 0; border-right-width: 0; }
1780
- .ui-navbar li .ui-btn-icon-right .ui-icon { right: 6px; }
1781
- /* add border if not in header/footer (full width) */
1782
- .ui-navbar li:last-child .ui-btn,
1783
- .ui-navbar .ui-grid-duo .ui-block-b .ui-btn { margin-right: 0; border-right-width: 1px; }
1784
- .ui-header .ui-navbar li:last-child .ui-btn,
1785
- .ui-footer .ui-navbar li:last-child .ui-btn,
1786
- .ui-header .ui-navbar .ui-grid-duo .ui-block-b .ui-btn,
1787
- .ui-footer .ui-navbar .ui-grid-duo .ui-block-b .ui-btn { margin-right: -1px; border-right-width: 0; }
1788
- .ui-navbar .ui-grid-duo li.ui-block-a:last-child .ui-btn { margin-right: -1px; border-right-width: 1px; }
1789
- .ui-header .ui-navbar li .ui-btn,
1790
- .ui-footer .ui-navbar li .ui-btn { border-top-width: 0; border-bottom-width: 0; }
1791
- /* fixing gaps caused by subpixel problem */
1792
- .ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn,
1793
- .ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn { margin-right: -5px; }
1794
- .ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
1795
- .ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
1796
- .ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn,
1797
- .ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn { margin-right: -4px; }
1798
- .ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
1799
- .ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
1800
- .ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon,
1801
- .ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon,
1802
- .ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon,
1803
- .ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon { right: 8px; }
1804
- .ui-navbar li .ui-btn .ui-btn-inner { padding-top: .7em; padding-bottom: .8em }
1805
- .ui-navbar li .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; }
1806
- .ui-navbar li .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; }
1807
- .ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 0; padding: 0; }
1808
- .ui-mini { margin-top: .25em; margin-bottom: .25em; }
1809
- .ui-btn-left, .ui-btn-right, .ui-input-clear, .ui-btn-inline,
1810
- .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; }
1811
- .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; }
1812
- .ui-btn input, .ui-btn button { z-index: 2; }
1813
- .ui-btn-left, .ui-btn-right, .ui-btn-inline { display: inline-block; vertical-align: middle; }
1814
- .ui-mobile .ui-btn-left, .ui-mobile .ui-btn-right { margin: 0; } /* .ui-mobile to increase specificity level */
1815
- .ui-btn-block { display: block; }
1816
- .ui-header > .ui-btn,
1817
- .ui-footer > .ui-btn { display: inline-block; margin: 0; }
1818
- .ui-header .ui-btn-block,
1819
- .ui-footer .ui-btn-block { display: block; }
1820
- .ui-header .ui-btn-inner,
1821
- .ui-footer .ui-btn-inner,
1822
- .ui-mini .ui-btn-inner { font-size: 12.5px; padding: .55em 11px .5em; }
1823
- .ui-fullsize .ui-btn-inner,
1824
- .ui-fullsize .ui-btn-inner { font-size: 16px; padding: .6em 20px; }
1825
- .ui-btn-icon-notext { width: 24px; height: 24px; }
1826
- .ui-btn-icon-notext .ui-btn-inner { padding: 0; height: 100%; }
1827
- .ui-btn-icon-notext .ui-btn-inner .ui-icon { margin: 2px 1px 2px 3px; float: left; }
1828
- .ui-btn-text { position: relative; z-index: 1; width: 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
1829
- div.ui-btn-text { width: auto; }
1830
- .ui-btn-icon-notext .ui-btn-text { position: absolute; left: -9999px; }
1831
- .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
1832
- .ui-btn-icon-right .ui-btn-inner { padding-right: 40px; }
1833
- .ui-btn-icon-top .ui-btn-inner { padding-top: 40px; }
1834
- .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 40px; }
1835
- .ui-header .ui-btn-icon-left .ui-btn-inner,
1836
- .ui-footer .ui-btn-icon-left .ui-btn-inner,
1837
- .ui-mini.ui-btn-icon-left .ui-btn-inner,
1838
- .ui-mini .ui-btn-icon-left .ui-btn-inner { padding-left: 30px; }
1839
- .ui-header .ui-btn-icon-right .ui-btn-inner,
1840
- .ui-footer .ui-btn-icon-right .ui-btn-inner,
1841
- .ui-mini.ui-btn-icon-right .ui-btn-inner,
1842
- .ui-mini .ui-btn-icon-right .ui-btn-inner { padding-right: 30px; }
1843
- .ui-header .ui-btn-icon-top .ui-btn-inner,
1844
- .ui-footer .ui-btn-icon-top .ui-btn-inner { padding: 30px 3px .5em 3px; }
1845
- .ui-mini.ui-btn-icon-top .ui-btn-inner,
1846
- .ui-mini .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; }
1847
- .ui-header .ui-btn-icon-bottom .ui-btn-inner,
1848
- .ui-footer .ui-btn-icon-bottom .ui-btn-inner { padding: .55em 3px 30px 3px; }
1849
- .ui-mini.ui-btn-icon-bottom .ui-btn-inner,
1850
- .ui-mini .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; }
1851
- /*btn icon positioning*/
1852
- .ui-btn-icon-notext .ui-icon { display: block; z-index: 0;}
1853
- .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; }
1854
- .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; }
1855
- .ui-btn-icon-left .ui-icon { left: 10px; }
1856
- .ui-btn-icon-right .ui-icon { right: 10px; }
1857
- .ui-btn-icon-top .ui-icon { top: 10px; }
1858
- .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
1859
- .ui-header .ui-btn-icon-left .ui-icon,
1860
- .ui-footer .ui-btn-icon-left .ui-icon,
1861
- .ui-mini.ui-btn-icon-left .ui-icon,
1862
- .ui-mini .ui-btn-icon-left .ui-icon { left: 5px; }
1863
- .ui-header .ui-btn-icon-right .ui-icon,
1864
- .ui-footer .ui-btn-icon-right .ui-icon,
1865
- .ui-mini.ui-btn-icon-right .ui-icon,
1866
- .ui-mini .ui-btn-icon-right .ui-icon { right: 5px; }
1867
- .ui-header .ui-btn-icon-top .ui-icon,
1868
- .ui-footer .ui-btn-icon-top .ui-icon,
1869
- .ui-mini.ui-btn-icon-top .ui-icon,
1870
- .ui-mini .ui-btn-icon-top .ui-icon { top: 5px; }
1871
- .ui-header .ui-btn-icon-bottom .ui-icon,
1872
- .ui-footer .ui-btn-icon-bottom .ui-icon,
1873
- .ui-mini.ui-btn-icon-bottom .ui-icon,
1874
- .ui-mini .ui-btn-icon-bottom .ui-icon { bottom: 5px; }
1875
- /*hiding native button,inputs */
1876
- .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; }
1877
- /* Fixes IE/WP filter alpha opacity bugs */
1878
- .ui-disabled .ui-btn-hidden { display: none; }
1879
- .ui-disabled { z-index: 1; }
1880
- .ui-field-contain .ui-btn.ui-submit { margin: 0; }
1881
- label.ui-submit { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
1882
- @media all and (min-width: 450px){
1883
- .ui-field-contain label.ui-submit { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
1884
- .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; }
1885
- .ui-hide-label .ui-btn.ui-submit { width: auto; display: block; }
1886
- }
1887
- .ui-collapsible-inset { margin: .5em 0; }
1888
- .ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -15px; padding: 0; position: relative; }
1889
- .ui-collapsible-inset .ui-collapsible-heading { margin: 0; }
1890
- .ui-collapsible-heading .ui-btn { text-align: left; margin: 0; border-left-width: 0; border-right-width: 0; }
1891
- .ui-collapsible-inset .ui-collapsible-heading .ui-btn { border-right-width: 1px; border-left-width: 1px; }
1892
- .ui-collapsible-collapsed + .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 0; }
1893
- .ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 1px; }
1894
- .ui-collapsible-heading .ui-btn-inner,
1895
- .ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
1896
- .ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner { padding-left: 12px; padding-right: 40px; }
1897
- .ui-collapsible-heading .ui-btn-icon-top .ui-btn-inner,
1898
- .ui-collapsible-heading .ui-btn-icon-bottom .ui-btn-inner { padding-right: 40px; text-align: center; }
1899
- .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 0px 1px 2px; text-indent: -9999px; }
1900
- .ui-collapsible-heading .ui-btn span.ui-btn .ui-btn-inner { padding: 10px 0; }
1901
- .ui-collapsible-heading .ui-btn span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
1902
- .ui-collapsible-heading-status { position: absolute; top: -9999px; left:0px; }
1903
- .ui-collapsible-content {
1904
- display: block;
1905
- margin: 0 -15px;
1906
- padding: 10px 15px;
1907
- border-left-width: 0;
1908
- border-right-width: 0;
1909
- border-top: none; /* Overrides ui-body-* */
1910
- background-image: none; /* Overrides ui-body-* */
1911
- }
1912
- .ui-collapsible-inset .ui-collapsible-content { margin: 0; border-right-width: 1px; border-left-width: 1px; }
1913
- .ui-collapsible-content-collapsed { display: none; }
1914
- .ui-collapsible-set { margin: .5em 0; }
1915
- .ui-collapsible-set .ui-collapsible { margin: -1px 0 0; }
1916
- .ui-collapsible-set .ui-collapsible:first-child { margin-top: 0; }
1917
- .ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0; zoom: 1; }
1918
- .ui-controlgroup.ui-mini, fieldset.ui-controlgroup.ui-mini { margin: .25em 0; }
1919
- .ui-field-contain .ui-controlgroup, .ui-field-contain fieldset.ui-controlgroup { margin: 0; }
1920
- .ui-bar .ui-controlgroup { margin: 0 5px; }
1921
- .ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .4em; }
1922
- .ui-controlgroup li { list-style: none; }
1923
- .ui-controlgroup-vertical .ui-btn,
1924
- .ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0; }
1925
- .ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }
1926
- .ui-controlgroup-controls label.ui-select { position: absolute; left: -9999px; }
1927
- .ui-controlgroup .ui-btn-icon-notext { width: auto; height: auto; top: auto; }
1928
- .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 20px; padding: .6em 20px .6em 20px }
1929
- .ui-controlgroup-horizontal .ui-btn-icon-notext .ui-btn-inner { width: 18px; }
1930
- .ui-controlgroup.ui-mini .ui-btn-icon-notext .ui-btn-inner,
1931
- .ui-header .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner,
1932
- .ui-footer .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 16px; padding: .55em 11px .5em 11px; }
1933
- .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; right: 50%; margin: -9px -9px 0 0; }
1934
- .ui-controlgroup-horizontal .ui-controlgroup-controls:before,
1935
- .ui-controlgroup-horizontal .ui-controlgroup-controls:after { content: ""; display: table; }
1936
- .ui-controlgroup-horizontal .ui-controlgroup-controls:after { clear: both; }
1937
- .ui-controlgroup-horizontal .ui-controlgroup-controls { display: inline-block; vertical-align: middle; zoom: 1; }
1938
- .ui-controlgroup-horizontal .ui-btn-inner { text-align: center; }
1939
- .ui-controlgroup-horizontal.ui-mini .ui-btn-inner { height: 16px; line-height: 16px; }
1940
- .ui-controlgroup-horizontal .ui-btn, .ui-controlgroup-horizontal .ui-select,
1941
- .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { float: left; clear: none; margin: 0 -1px 0 0; }
1942
- .ui-controlgroup-horizontal .ui-select .ui-btn,
1943
- .ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn { float: none; margin: 0; }
1944
- .ui-controlgroup-horizontal .ui-controlgroup-last, .ui-controlgroup-horizontal .ui-select:last-child,
1945
- .ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; }
1946
- .ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; }
1947
- @media all and (min-width: 450px){
1948
- .ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
1949
- .ui-field-contain .ui-controlgroup-controls { width: 78%; display: inline-block; }
1950
- .ui-field-contain .ui-controlgroup .ui-select { width: 100%; display: block; }
1951
- .ui-field-contain .ui-controlgroup-horizontal .ui-select { width: auto; }
1952
- .ui-hide-label .ui-controlgroup-controls { width: 100%; }
1953
- }
1954
- .ui-dialog {
1955
- background: none !important; /* this is to ensure that dialog theming does not apply (by default at least) on the page div */
1956
- }
1957
- .ui-dialog-contain {
1958
- width: 92.5%;
1959
- max-width: 500px;
1960
- margin: 10% auto 15px auto;
1961
- padding: 0;
1962
- position: relative;
1963
- top: -15px;
1964
- }
1965
- .ui-dialog-contain > .ui-header,
1966
- .ui-dialog-contain > .ui-content,
1967
- .ui-dialog-contain > .ui-footer {
1968
- display: block;
1969
- position: relative;
1970
- width: auto;
1971
- margin: 0;
1972
- }
1973
- .ui-dialog-contain > .ui-header {
1974
- border: none;
1975
- overflow: hidden;
1976
- z-index: 10;
1977
- padding: 0;
1978
- }
1979
- .ui-dialog-contain > .ui-content {
1980
- padding: 15px;
1981
- }
1982
- .ui-dialog-contain > .ui-footer {
1983
- z-index: 10;
1984
- padding: 0 15px;
1985
- }
1986
- .ui-popup-open .ui-header-fixed,
1987
- .ui-popup-open .ui-footer-fixed {
1988
- position: absolute !important; /* See line #553 of popup.js */
1989
- }
1990
- .ui-popup-screen {
1991
- 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. */
1992
- top: 0px;
1993
- left: 0px;
1994
- right: 0px;
1995
- bottom: 1px;
1996
- position: absolute;
1997
- filter: Alpha(Opacity=0);
1998
- opacity: 0;
1999
- z-index: 1099;
2000
- }
2001
- .ui-popup-screen.in {
2002
- opacity: 0.5;
2003
- filter: Alpha(Opacity=50);
2004
- }
2005
- .ui-popup-screen.out {
2006
- opacity: 0;
2007
- filter: Alpha(Opacity=0);
2008
- }
2009
- .ui-popup-container {
2010
- z-index: 1100;
2011
- display: inline-block;
2012
- position: absolute;
2013
- padding: 0;
2014
- outline: 0;
2015
- }
2016
- .ui-popup {
2017
- position: relative;
2018
- }
2019
- .ui-popup.ui-content,
2020
- .ui-popup .ui-content {
2021
- overflow: visible;
2022
- }
2023
- .ui-popup > p,
2024
- .ui-popup > h1,
2025
- .ui-popup > h2,
2026
- .ui-popup > h3,
2027
- .ui-popup > h4,
2028
- .ui-popup > h5,
2029
- .ui-popup > h6 {
2030
- margin: .5em 7px;
2031
- }
2032
- .ui-popup > span {
2033
- display: block;
2034
- margin: .5em 7px;
2035
- }
2036
- .ui-popup .ui-title {
2037
- font-size: 16px;
2038
- font-weight: bold;
2039
- margin-top: .5em;
2040
- margin-bottom: .5em;
2041
- }
2042
- .ui-popup-container .ui-content > p,
2043
- .ui-popup-container .ui-content > h1,
2044
- .ui-popup-container .ui-content > h2,
2045
- .ui-popup-container .ui-content > h3,
2046
- .ui-popup-container .ui-content > h4,
2047
- .ui-popup-container .ui-content > h5,
2048
- .ui-popup-container .ui-content > h6 {
2049
- margin: .5em 0;
2050
- }
2051
- .ui-popup-container .ui-content > span {
2052
- margin: 0;
2053
- }
2054
- .ui-popup-container .ui-content > p:first-child,
2055
- .ui-popup-container .ui-content > h1:first-child,
2056
- .ui-popup-container .ui-content > h2:first-child,
2057
- .ui-popup-container .ui-content > h3:first-child,
2058
- .ui-popup-container .ui-content > h4:first-child,
2059
- .ui-popup-container .ui-content > h5:first-child,
2060
- .ui-popup-container .ui-content > h6:first-child {
2061
- margin-top: 0;
2062
- }
2063
- .ui-popup-container .ui-content > p:last-child,
2064
- .ui-popup-container .ui-content > h1:last-child,
2065
- .ui-popup-container .ui-content > h2:last-child,
2066
- .ui-popup-container .ui-content > h3:last-child,
2067
- .ui-popup-container .ui-content > h4:last-child,
2068
- .ui-popup-container .ui-content > h5:last-child,
2069
- .ui-popup-container .ui-content > h6:last-child {
2070
- margin-bottom: 0;
2071
- }
2072
- .ui-popup > img {
2073
- width: auto;
2074
- height: auto;
2075
- max-width: 100%;
2076
- max-height: 100%;
2077
- vertical-align: middle;
2078
- }
2079
- .ui-popup iframe {
2080
- vertical-align: middle;
2081
- }
2082
- @media all and (min-width: 450px){
2083
- .ui-popup .ui-field-contain label.ui-submit,
2084
- .ui-popup .ui-field-contain .ui-controlgroup-label,
2085
- .ui-popup .ui-field-contain label.ui-select,
2086
- .ui-popup .ui-field-contain label.ui-input-text {
2087
- font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em;
2088
- }
2089
- .ui-popup .ui-field-contain .ui-btn.ui-submit,
2090
- .ui-popup .ui-field-contain .ui-controlgroup-controls,
2091
- .ui-popup .ui-field-contain .ui-select,
2092
- .ui-popup .ui-field-contain input.ui-input-text,
2093
- .ui-popup .ui-field-contain textarea.ui-input-text,
2094
- .ui-popup .ui-field-contain .ui-input-search {
2095
- width: 100%; display: block;
2096
- }
2097
- }
2098
- .ui-popup > .ui-btn-left,
2099
- .ui-popup > .ui-btn-right {
2100
- position: absolute;
2101
- top: -9px;
2102
- margin: 0;
2103
- z-index: 1101;
2104
- }
2105
- .ui-popup > .ui-btn-left { left: -9px; }
2106
- .ui-popup > .ui-btn-right { right: -9px; }
2107
- .ui-popup.ui-corner-all > .ui-header,
2108
- .ui-popup.ui-corner-all ~ .ui-content,
2109
- .ui-popup.ui-corner-all > .ui-content:first-child {
2110
- -webkit-border-top-left-radius: inherit;
2111
- border-top-left-radius: inherit;
2112
- -webkit-border-top-right-radius: inherit;
2113
- border-top-right-radius: inherit;
2114
- }
2115
- .ui-popup.ui-corner-all > .ui-content,
2116
- .ui-popup.ui-corner-all > .ui-footer,
2117
- .ui-popup.ui-corner-all > .ui-header:nth-child(n):last-child {
2118
- -webkit-border-bottom-left-radius: inherit;
2119
- border-bottom-left-radius: inherit;
2120
- -webkit-border-bottom-right-radius: inherit;
2121
- border-bottom-right-radius: inherit;
2122
- }
2123
- .ui-popup.ui-corner-all > .ui-content:nth-child(2),
2124
- .ui-popup.ui-corner-all > .ui-header:nth-child(2) {
2125
- -webkit-border-top-left-radius: 0;
2126
- border-top-left-radius: 0;
2127
- -webkit-border-top-right-radius: 0;
2128
- border-top-right-radius: 0;
2129
- }
2130
- .ui-popup.ui-corner-all > .ui-content:nth-last-child(1n+2),
2131
- .ui-popup.ui-corner-all > .ui-footer:nth-last-child(1n+2) {
2132
- -webkit-border-bottom-left-radius: 0;
2133
- border-bottom-left-radius: 0;
2134
- -webkit-border-bottom-right-radius: 0;
2135
- border-bottom-right-radius: 0;
2136
- }
2137
- .ui-popup.ui-corner-all > .ui-header:only-child,
2138
- .ui-popup.ui-corner-all > .ui-footer:only-child {
2139
- -webkit-border-radius: inherit;
2140
- border-radius: inherit;
2141
- }
2142
- .ui-popup-hidden { top: -99999px; left: -9999px; }
2143
- .ui-checkbox, .ui-radio { position: relative; clear: both; margin: 0; z-index: 1; }
2144
- .ui-checkbox .ui-btn, .ui-radio .ui-btn { margin-top: .5em; margin-bottom: .5em; text-align: left; z-index: 2; }
2145
- .ui-checkbox .ui-btn.ui-mini, .ui-radio .ui-btn.ui-mini { margin: .25em 0; }
2146
- .ui-controlgroup .ui-checkbox .ui-btn, .ui-controlgroup .ui-radio .ui-btn { margin: 0; }
2147
- .ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }
2148
- .ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
2149
- .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; }
2150
- .ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
2151
- .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; }
2152
- .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; }
2153
- .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; }
2154
- .ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }
2155
- .ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon { left: 15px; }
2156
- .ui-checkbox .ui-mini.ui-btn-icon-left .ui-icon, .ui-radio .ui-mini.ui-btn-icon-left .ui-icon { left: 9px; }
2157
- .ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
2158
- .ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
2159
- .ui-checkbox .ui-btn-icon-top .ui-icon, .ui-radio .ui-btn-icon-top .ui-icon { top: 10px; }
2160
- .ui-checkbox .ui-btn-icon-bottom .ui-icon, .ui-radio .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
2161
- .ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
2162
- .ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
2163
- /* input, label positioning */
2164
- .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; }
2165
- .ui-field-contain, fieldset.ui-field-contain { padding: .8em 0; margin: 0; border-width: 0 0 1px 0; overflow: visible; }
2166
- .ui-field-contain:last-child { border-bottom-width: 0; }
2167
- .ui-field-contain { max-width: 100%; } /* This prevents horizontal scrollbar in IE7 */
2168
- @media all and (min-width: 450px){
2169
- .ui-field-contain, .ui-mobile fieldset.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
2170
- }
2171
- .ui-select { display: block; position: relative; }
2172
- .ui-select select { position: absolute; left: -9999px; top: -9999px; }
2173
- .ui-select .ui-btn { overflow: hidden; opacity: 1; }
2174
- .ui-field-contain .ui-select .ui-btn { margin: 0; }
2175
- /* 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. */
2176
- .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; }
2177
- .ui-select .ui-disabled { opacity: .3; }
2178
- /* Display none because of issues with IE/WP's filter alpha opacity */
2179
- .ui-select .ui-disabled select { display: none; }
2180
- @-moz-document url-prefix() { .ui-select .ui-btn select { opacity: 0.0001; }}
2181
- .ui-select .ui-btn.ui-select-nativeonly { border-radius: 0; border: 0; }
2182
- .ui-select .ui-btn.ui-select-nativeonly select { opacity: 1; text-indent: 0; display: block; }
2183
- .ui-select .ui-disabled.ui-select-nativeonly .ui-btn-inner { opacity: 0; }
2184
- .ui-select .ui-btn-icon-right .ui-btn-inner, .ui-select .ui-li-has-count .ui-btn-inner { padding-right: 45px; }
2185
- .ui-select .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 32px; }
2186
- .ui-select .ui-btn-icon-right.ui-li-has-count .ui-btn-inner { padding-right: 80px; }
2187
- .ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-btn-inner { padding-right: 67px; }
2188
- .ui-select .ui-btn-icon-right .ui-icon { right: 15px; }
2189
- .ui-select .ui-mini.ui-btn-icon-right .ui-icon { right: 7px; }
2190
- .ui-select .ui-btn-icon-right.ui-li-has-count .ui-li-count { right: 45px; }
2191
- .ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-li-count { right: 32px; }
2192
- /* labels */
2193
- label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
2194
- /*listbox*/
2195
- .ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden !important;
2196
- /* This !important is required for iPad Safari specifically. See https://github.com/jquery/jquery-mobile/issues/2647 */ }
2197
- .ui-select .ui-btn-text { text-overflow: ellipsis; }
2198
- .ui-selectmenu { padding: 6px; min-width: 160px; }
2199
- .ui-selectmenu .ui-listview { margin: 0; }
2200
- .ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }
2201
- .ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; }
2202
- .ui-selectmenu-list .ui-li .ui-icon { display: block; }
2203
- .ui-li.ui-selectmenu-placeholder { display: none; }
2204
- .ui-selectmenu .ui-header { margin: 0; padding: 0; }
2205
- .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; }
2206
- .ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }
2207
- @media all and (min-width: 450px){
2208
- .ui-field-contain label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
2209
- .ui-field-contain .ui-select { width: 78%; display: inline-block; }
2210
- .ui-hide-label .ui-select { width: 100%; }
2211
- }
2212
- /* 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 */
2213
- .ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }
2214
- label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
2215
- input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; margin: .5em 0; line-height: 1.4; font-size: 16px; display: block; width: 100%; outline: 0; }
2216
- input.ui-input-text.ui-mini, textarea.ui-input-text.ui-mini { margin: .25em 0; }
2217
- .ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text { margin: 0; }
2218
- input.ui-input-text, textarea.ui-input-text, .ui-input-search { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
2219
- input.ui-input-text { -webkit-appearance: none; }
2220
- 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; }
2221
- .ui-input-search { padding: 0 30px; margin: .5em 0; background-image: none; position: relative; }
2222
- .ui-input-search.ui-mini { margin: .25em 0; }
2223
- .ui-field-contain .ui-input-search { margin: 0; }
2224
- .ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; }
2225
- .ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
2226
- .ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -13px; }
2227
- .ui-mini .ui-input-clear { right: -3px; }
2228
- .ui-input-search .ui-input-clear-hidden { display: none; }
2229
- input.ui-mini, .ui-mini input, textarea.ui-mini { font-size: 14px; }
2230
- textarea.ui-mini { height: 45px; }
2231
- /* Resolves issue #5166: Added to support issue introduced in Firefox 15. We can likely remove this in the future. */
2232
- input:-moz-placeholder { color: #aaa; }
2233
- /* Resolves issue #5131: Width of textinput depends on its type, for Android 4.1 */
2234
- input[type=number]::-webkit-outer-spin-button { margin: 0; }
2235
- @media all and (min-width: 450px){
2236
- .ui-field-contain label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 }
2237
- .ui-field-contain input.ui-input-text,
2238
- .ui-field-contain textarea.ui-input-text,
2239
- .ui-field-contain .ui-input-search { width: 78%; display: inline-block; }
2240
- .ui-hide-label input.ui-input-text,
2241
- .ui-hide-label textarea.ui-input-text,
2242
- .ui-hide-label .ui-input-search { width: 100%; }
2243
- .ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ }
2244
- }
2245
- .ui-listview { margin: 0; }
2246
- ol.ui-listview, ol.ui-listview .ui-li-divider { counter-reset: listnumbering; }
2247
- .ui-content .ui-listview { margin: -15px; }
2248
- .ui-collapsible-content > .ui-listview { margin: -10px -15px; }
2249
- .ui-content .ui-listview-inset { margin: 1em 0; }
2250
- .ui-collapsible-content .ui-listview-inset { margin: .5em 0; }
2251
- .ui-listview, .ui-li { list-style:none; padding:0; }
2252
- .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; }
2253
- .ui-li.ui-btn { margin: 0; }
2254
- .ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
2255
- .ui-li-static { background-image: none; }
2256
- .ui-li-divider { padding: .5em 15px; font-size: 14px; font-weight: bold; }
2257
- 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) ". "; }
2258
- ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */
2259
- .ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
2260
- .ui-li-last, .ui-li.ui-field-contain.ui-li-last { border-bottom-width: 1px; }
2261
- .ui-collapsible [class*="ui-body"] > .ui-listview:not(.ui-listview-inset) .ui-li-last { border-bottom-width: 0; }
2262
- .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li:first-child { border-top-width: 0; }
2263
- .ui-collapsible-content > .ui-listview:not(.ui-listview-inset),
2264
- .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li-last { -webkit-border-bottom-left-radius: inherit; -webkit-border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; }
2265
- .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li-last .ui-li-link-alt { -webkit-border-bottom-right-radius: inherit; border-bottom-right-radius: inherit; }
2266
- .ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }
2267
- .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 15px; display: block; }
2268
- .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb { min-height: 60px; padding-left: 100px; }
2269
- .ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon { min-height: 20px; padding-left: 40px; }
2270
- .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; }
2271
- .ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow { padding-right: 40px; }
2272
- .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; }
2273
- .ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
2274
- .ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
2275
- .ui-li-thumb, .ui-listview .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
2276
- .ui-listview .ui-li-icon { max-height: 16px; max-width: 16px; left: 10px; top: .9em; }
2277
- .ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
2278
- .ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }
2279
- @media all and (min-width: 480px){
2280
- .ui-li-aside { width: 45%; }
2281
- }
2282
- .ui-li-divider { cursor: default; }
2283
- .ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 53px; }
2284
- .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; }
2285
- .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; }
2286
- .ui-li-has-count.ui-li-divider .ui-li-count, .ui-li-has-count .ui-link-inherit .ui-li-count { margin-top: -.95em; }
2287
- .ui-li-has-arrow.ui-li-has-count .ui-li-count { right: 40px; }
2288
- .ui-li-has-alt.ui-li-has-count .ui-li-count { right: 53px; }
2289
- .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; }
2290
- .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;}
2291
- .ui-li-link-alt .ui-btn-inner { padding: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;}
2292
- .ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; }
2293
- .ui-li-link-alt .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
2294
- .ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top: 0px; }
2295
- .ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px; }
2296
- .ui-collapsible-content .ui-listview-filter { margin: -10px -15px 10px -15px; border-bottom: inherit; }
2297
- .ui-listview-filter-inset { margin: -15px -5px; background: transparent; }
2298
- .ui-collapsible-content .ui-listview-filter-inset { margin: -5px; border-bottom-width: 0; }
2299
- .ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
2300
- .ui-li.ui-screen-hidden{ display:none; }
2301
- /* Odd iPad positioning issue. */
2302
- @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
2303
- .ui-li .ui-btn-text { overflow: visible; }
2304
- }
2305
- label.ui-slider { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
2306
- input.ui-slider-input,
2307
- .ui-field-contain input.ui-slider-input { display: inline-block; width: 50px; background-image: none; padding: .4em; margin: .5em 0; line-height: 1.4; font-size: 16px; outline: 0; }
2308
- input.ui-slider-input.ui-mini,
2309
- .ui-field-contain input.ui-slider-input.ui-mini { width: 45px; margin: .25em 0; font-size: 14px; }
2310
- .ui-field-contain input.ui-slider-input { margin: 0; }
2311
- input.ui-slider-input, .ui-field-contain input.ui-slider-input { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; }
2312
- /* Fixes input fields being to small on Safari/Mac because of the up and down arrows. */
2313
- .ui-slider-input::-webkit-outer-spin-button { margin: 0; }
2314
- select.ui-slider-switch { display: none; }
2315
- div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 65%; }
2316
- div.ui-slider-mini { height: 12px; margin-left: 10px; top: 2px; }
2317
- div.ui-slider-bg { border: none; height: 100%; padding-right: 8px; }
2318
- .ui-controlgroup a.ui-slider-handle, a.ui-btn.ui-slider-handle { position: absolute; z-index: 1; top: 50%; width: 28px; height: 28px; margin: -15px 0 0 -15px; outline: 0; }
2319
- a.ui-btn.ui-slider-handle .ui-btn-inner { padding: 0; height: 100%; }
2320
- div.ui-slider-mini a.ui-slider-handle { height: 14px; width: 14px; margin: -8px 0 0 -7px; }
2321
- div.ui-slider-mini a.ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: -9px 0 0 -9px; border-top: none; }
2322
- @media all and (min-width: 450px){
2323
- .ui-field-contain label.ui-slider { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
2324
- .ui-field-contain div.ui-slider { width: 43%; }
2325
- .ui-field-contain div.ui-slider-switch { width: 5.5em; }
2326
- }
2327
- div.ui-slider-switch { height: 32px; margin-left: 0; width: 5.8em; }
2328
- a.ui-slider-handle-snapping { -webkit-transition: left 70ms linear; -moz-transition: left 70ms linear; }
2329
- div.ui-slider-switch a.ui-btn.ui-slider-handle { margin: 1px 0 0 -15px; top: 0; }
2330
- .ui-slider-inneroffset { margin: 0 16px; position: relative; z-index: 1; }
2331
- div.ui-slider-switch.ui-slider-mini { width: 5em; height: 29px; }
2332
- div.ui-slider-switch.ui-slider-mini .ui-slider-inneroffset { margin: 0 15px 0 14px; }
2333
- div.ui-slider-switch.ui-slider-mini .ui-slider-handle { width: 25px; height: 25px; margin: 1px 0 0 -13px; }
2334
- div.ui-slider-switch.ui-slider-mini a.ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: 0; }
2335
- span.ui-slider-label { position: absolute; text-align: center; width: 100%; overflow: hidden; font-size: 16px; top: 0; line-height: 2; min-height: 100%; border-width: 0; white-space: nowrap; cursor:pointer; }
2336
- .ui-slider-mini span.ui-slider-label { font-size: 14px; }
2337
- span.ui-slider-label-a { z-index: 1; left: 0; text-indent: -1.5em; }
2338
- span.ui-slider-label-b { z-index: 0; right: 0; text-indent: 1.5em;}
2339
- .ui-slider-inline { width: 120px; display: inline-block; }