PageRenderTime 1704ms CodeModel.GetById 17ms RepoModel.GetById 1ms app.codeStats 0ms

/ xvweb/themes/Mobile3G/jquery.mobile-1.0b2/jquery.mobile-1.0b2.css

http://xvweb.googlecode.com/
CSS | 1640 lines | 1339 code | 138 blank | 163 comment | 0 complexity | 6a35036931ab72a7a4bb8a385a04758a MD5 | raw file
Possible License(s): GPL-2.0, GPL-3.0, LGPL-3.0

Large files files are truncated, but you can click here to view the full file

  1. /*!
  2. * jQuery Mobile v1.0b2
  3. * http://jquerymobile.com/
  4. *
  5. * Copyright 2010, jQuery Project
  6. * Dual licensed under the MIT or GPL Version 2 licenses.
  7. * http://jquery.org/license
  8. */
  9. /*
  10. * jQuery Mobile Framework
  11. * Copyright (c) jQuery Project
  12. * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
  13. */
  14. /* A
  15. -----------------------------------------------------------------------------------------------------------*/
  16. .ui-bar-a {
  17. border: 1px solid #2A2A2A;
  18. background: #111111;
  19. color: #ffffff;
  20. font-weight: bold;
  21. text-shadow: 0 -1px 1px #000000;
  22. background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#111)); /* Saf4+, Chrome */
  23. background-image: -webkit-linear-gradient(top, #3c3c3c, #111); /* Chrome 10+, Saf5.1+ */
  24. background-image: -moz-linear-gradient(top, #3c3c3c, #111); /* FF3.6 */
  25. background-image: -ms-linear-gradient(top, #3c3c3c, #111); /* IE10 */
  26. background-image: -o-linear-gradient(top, #3c3c3c, #111); /* Opera 11.10+ */
  27. background-image: linear-gradient(top, #3c3c3c, #111);
  28. }
  29. .ui-bar-a,
  30. .ui-bar-a input,
  31. .ui-bar-a select,
  32. .ui-bar-a textarea,
  33. .ui-bar-a button {
  34. font-family: Helvetica, Arial, sans-serif;
  35. }
  36. .ui-bar-a .ui-link-inherit {
  37. color: #fff;
  38. }
  39. .ui-bar-a .ui-link {
  40. color: #7cc4e7;
  41. font-weight: bold;
  42. }
  43. .ui-body-a {
  44. border: 1px solid #2A2A2A;
  45. background: #222222;
  46. color: #fff;
  47. text-shadow: 0 1px 0 #000;
  48. font-weight: normal;
  49. background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#222)); /* Saf4+, Chrome */
  50. background-image: -webkit-linear-gradient(top, #666, #222); /* Chrome 10+, Saf5.1+ */
  51. background-image: -moz-linear-gradient(top, #666, #222); /* FF3.6 */
  52. background-image: -ms-linear-gradient(top, #666, #222); /* IE10 */
  53. background-image: -o-linear-gradient(top, #666, #222); /* Opera 11.10+ */
  54. background-image: linear-gradient(top, #666, #222);
  55. }
  56. .ui-body-a,
  57. .ui-body-a input,
  58. .ui-body-a select,
  59. .ui-body-a textarea,
  60. .ui-body-a button {
  61. font-family: Helvetica, Arial, sans-serif;
  62. }
  63. .ui-body-a .ui-link-inherit {
  64. color: #fff;
  65. }
  66. .ui-body-a .ui-link {
  67. color: #2489CE;
  68. font-weight: bold;
  69. }
  70. .ui-br {
  71. border-bottom: rgb(130,130,130);
  72. border-bottom: rgba(130,130,130,.3);
  73. border-bottom-width: 1px;
  74. border-bottom-style: solid;
  75. }
  76. .ui-btn-up-a {
  77. border: 1px solid #222;
  78. background: #333333;
  79. font-weight: bold;
  80. color: #fff;
  81. text-shadow: 0 -1px 1px #000;
  82. background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333)); /* Saf4+, Chrome */
  83. background-image: -webkit-linear-gradient(top, #555, #333); /* Chrome 10+, Saf5.1+ */
  84. background-image: -moz-linear-gradient(top, #555, #333); /* FF3.6 */
  85. background-image: -ms-linear-gradient(top, #555, #333); /* IE10 */
  86. background-image: -o-linear-gradient(top, #555, #333); /* Opera 11.10+ */
  87. background-image: linear-gradient(top, #555, #333);
  88. }
  89. .ui-btn-up-a a.ui-link-inherit {
  90. color: #fff;
  91. }
  92. .ui-btn-hover-a {
  93. border: 1px solid #000;
  94. background: #444444;
  95. font-weight: bold;
  96. color: #fff;
  97. text-shadow: 0 -1px 1px #000;
  98. background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444)); /* Saf4+, Chrome */
  99. background-image: -webkit-linear-gradient(top, #666, #444); /* Chrome 10+, Saf5.1+ */
  100. background-image: -moz-linear-gradient(top, #666, #444); /* FF3.6 */
  101. background-image: -ms-linear-gradient(top, #666, #444); /* IE10 */
  102. background-image: -o-linear-gradient(top, #666, #444); /* Opera 11.10+ */
  103. background-image: linear-gradient(top, #666, #444);
  104. }
  105. .ui-btn-hover-a a.ui-link-inherit {
  106. color: #fff;
  107. }
  108. .ui-btn-down-a {
  109. border: 1px solid #000;
  110. background: #3d3d3d;
  111. font-weight: bold;
  112. color: #fff;
  113. text-shadow: 0 -1px 1px #000;
  114. background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#5a5a5a)); /* Saf4+, Chrome */
  115. background-image: -webkit-linear-gradient(top, #333, #5a5a5a); /* Chrome 10+, Saf5.1+ */
  116. background-image: -moz-linear-gradient(top, #333, #5a5a5a); /* FF3.6 */
  117. background-image: -ms-linear-gradient(top, #333, #5a5a5a); /* IE10 */
  118. background-image: -o-linear-gradient(top, #333, #5a5a5a); /* Opera 11.10+ */
  119. background-image: linear-gradient(top, #333, #5a5a5a);
  120. }
  121. .ui-btn-down-a a.ui-link-inherit {
  122. color: #fff;
  123. }
  124. .ui-btn-up-a,
  125. .ui-btn-hover-a,
  126. .ui-btn-down-a {
  127. font-family: Helvetica, Arial, sans-serif;
  128. text-decoration: none;
  129. }
  130. /* B
  131. -----------------------------------------------------------------------------------------------------------*/
  132. .ui-bar-b {
  133. border: 1px solid #456f9a;
  134. background: #5e87b0;
  135. color: #fff;
  136. font-weight: bold;
  137. text-shadow: 0 -1px 1px #254f7a;
  138. background-image: -webkit-gradient(linear, left top, left bottom, from(#81a8ce), to(#5e87b0)); /* Saf4+, Chrome */
  139. background-image: -webkit-linear-gradient(top, #81a8ce, #5e87b0); /* Chrome 10+, Saf5.1+ */
  140. background-image: -moz-linear-gradient(top, #81a8ce, #5e87b0); /* FF3.6 */
  141. background-image: -ms-linear-gradient(top, #81a8ce, #5e87b0); /* IE10 */
  142. background-image: -o-linear-gradient(top, #81a8ce, #5e87b0); /* Opera 11.10+ */
  143. background-image: linear-gradient(top, #81a8ce, #5e87b0);
  144. }
  145. .ui-bar-b,
  146. .ui-bar-b input,
  147. .ui-bar-b select,
  148. .ui-bar-b textarea,
  149. .ui-bar-b button {
  150. font-family: Helvetica, Arial, sans-serif;
  151. }
  152. .ui-bar-b .ui-link-inherit {
  153. color: #fff;
  154. }
  155. .ui-bar-b .ui-link {
  156. color: #7cc4e7;
  157. font-weight: bold;
  158. }
  159. .ui-body-b {
  160. border: 1px solid #C6C6C6;
  161. background: #cccccc;
  162. color: #333333;
  163. text-shadow: 0 1px 0 #fff;
  164. font-weight: normal;
  165. background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#ccc)); /* Saf4+, Chrome */
  166. background-image: -webkit-linear-gradient(top, #e6e6e6, #ccc); /* Chrome 10+, Saf5.1+ */
  167. background-image: -moz-linear-gradient(top, #e6e6e6, #ccc); /* FF3.6 */
  168. background-image: -ms-linear-gradient(top, #e6e6e6, #ccc); /* IE10 */
  169. background-image: -o-linear-gradient(top, #e6e6e6, #ccc); /* Opera 11.10+ */
  170. background-image: linear-gradient(top, #e6e6e6, #ccc);
  171. }
  172. .ui-body-b,
  173. .ui-body-b input,
  174. .ui-body-b select,
  175. .ui-body-b textarea,
  176. .ui-body-b button {
  177. font-family: Helvetica, Arial, sans-serif;
  178. }
  179. .ui-body-b .ui-link-inherit {
  180. color: #333333;
  181. }
  182. .ui-body-b .ui-link {
  183. color: #2489CE;
  184. font-weight: bold;
  185. }
  186. .ui-btn-up-b {
  187. border: 1px solid #145072;
  188. background: #2567ab;
  189. font-weight: bold;
  190. color: #fff;
  191. text-shadow: 0 -1px 1px #145072;
  192. background-image: -webkit-gradient(linear, left top, left bottom, from(#5f9cc5), to(#396b9e)); /* Saf4+, Chrome */
  193. background-image: -webkit-linear-gradient(top, #5f9cc5, #396b9e); /* Chrome 10+, Saf5.1+ */
  194. background-image: -moz-linear-gradient(top, #5f9cc5, #396b9e); /* FF3.6 */
  195. background-image: -ms-linear-gradient(top, #5f9cc5, #396b9e); /* IE10 */
  196. background-image: -o-linear-gradient(top, #5f9cc5, #396b9e); /* Opera 11.10+ */
  197. background-image: linear-gradient(top, #5f9cc5, #396b9e);
  198. }
  199. .ui-btn-up-b a.ui-link-inherit {
  200. color: #fff;
  201. }
  202. .ui-btn-hover-b {
  203. border: 1px solid #00516e;
  204. background: #4b88b6;
  205. font-weight: bold;
  206. color: #fff;
  207. text-shadow: 0 -1px 1px #014D68;
  208. background-image: -webkit-gradient(linear, left top, left bottom, from(#72b0d4), to(#4b88b6)); /* Saf4+, Chrome */
  209. background-image: -webkit-linear-gradient(top, #72b0d4, #4b88b6); /* Chrome 10+, Saf5.1+ */
  210. background-image: -moz-linear-gradient(top, #72b0d4, #4b88b6); /* FF3.6 */
  211. background-image: -ms-linear-gradient(top, #72b0d4, #4b88b6); /* IE10 */
  212. background-image: -o-linear-gradient(top, #72b0d4, #4b88b6); /* Opera 11.10+ */
  213. background-image: linear-gradient(top, #72b0d4, #4b88b6);
  214. }
  215. .ui-btn-hover-b a.ui-link-inherit {
  216. color: #fff;
  217. }
  218. .ui-btn-down-b {
  219. border: 1px solid #225377;
  220. background: #4e89c5;
  221. font-weight: bold;
  222. color: #fff;
  223. text-shadow: 0 -1px 1px #225377;
  224. background-image: -webkit-gradient(linear, left top, left bottom, from(#396b9e), to(#4e89c5)); /* Saf4+, Chrome */
  225. background-image: -webkit-linear-gradient(top, #396b9e, #4e89c5); /* Chrome 10+, Saf5.1+ */
  226. background-image: -moz-linear-gradient(top, #396b9e, #4e89c5); /* FF3.6 */
  227. background-image: -ms-linear-gradient(top, #396b9e, #4e89c5); /* IE10 */
  228. background-image: -o-linear-gradient(top, #396b9e, #4e89c5); /* Opera 11.10+ */
  229. background-image: linear-gradient(top, #396b9e, #4e89c5);
  230. }
  231. .ui-btn-down-b a.ui-link-inherit {
  232. color: #fff;
  233. }
  234. .ui-btn-up-b,
  235. .ui-btn-hover-b,
  236. .ui-btn-down-b {
  237. font-family: Helvetica, Arial, sans-serif;
  238. text-decoration: none;
  239. }
  240. /* C
  241. -----------------------------------------------------------------------------------------------------------*/
  242. .ui-bar-c {
  243. border: 1px solid #B3B3B3;
  244. background: #e9eaeb;
  245. color: #3E3E3E;
  246. font-weight: bold;
  247. text-shadow: 0 1px 1px #fff;
  248. background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#e9eaeb)); /* Saf4+, Chrome */
  249. background-image: -webkit-linear-gradient(top, #f0f0f0, #e9eaeb); /* Chrome 10+, Saf5.1+ */
  250. background-image: -moz-linear-gradient(top, #f0f0f0, #e9eaeb); /* FF3.6 */
  251. background-image: -ms-linear-gradient(top, #f0f0f0, #e9eaeb); /* IE10 */
  252. background-image: -o-linear-gradient(top, #f0f0f0, #e9eaeb); /* Opera 11.10+ */
  253. background-image: linear-gradient(top, #f0f0f0, #e9eaeb);
  254. }
  255. .ui-bar-c,
  256. .ui-bar-c input,
  257. .ui-bar-c select,
  258. .ui-bar-c textarea,
  259. .ui-bar-c button {
  260. font-family: Helvetica, Arial, sans-serif;
  261. }
  262. .ui-body-c {
  263. border: 1px solid #B3B3B3;
  264. color: #333333;
  265. text-shadow: 0 1px 0 #fff;
  266. background: #f0f0f0;
  267. background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd)); /* Saf4+, Chrome */
  268. background-image: -webkit-linear-gradient(top, #eee, #ddd); /* Chrome 10+, Saf5.1+ */
  269. background-image: -moz-linear-gradient(top, #eee, #ddd); /* FF3.6 */
  270. background-image: -ms-linear-gradient(top, #eee, #ddd); /* IE10 */
  271. background-image: -o-linear-gradient(top, #eee, #ddd); /* Opera 11.10+ */
  272. background-image: linear-gradient(top, #eee, #ddd);
  273. }
  274. .ui-body-c,
  275. .ui-body-c input,
  276. .ui-body-c select,
  277. .ui-body-c textarea,
  278. .ui-body-c button {
  279. font-family: Helvetica, Arial, sans-serif;
  280. }
  281. .ui-body-c .ui-link-inherit {
  282. color: #333333;
  283. }
  284. .ui-body-c .ui-link {
  285. color: #2489CE;
  286. font-weight: bold;
  287. }
  288. .ui-btn-up-c {
  289. border: 1px solid #ccc;
  290. background: #eee;
  291. font-weight: bold;
  292. color: #444;
  293. text-shadow: 0 1px 1px #f6f6f6;
  294. background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eee)); /* Saf4+, Chrome */
  295. background-image: -webkit-linear-gradient(top, #fdfdfd, #eee); /* Chrome 10+, Saf5.1+ */
  296. background-image: -moz-linear-gradient(top, #fdfdfd, #eee); /* FF3.6 */
  297. background-image: -ms-linear-gradient(top, #fdfdfd, #eee); /* IE10 */
  298. background-image: -o-linear-gradient(top, #fdfdfd, #eee); /* Opera 11.10+ */
  299. background-image: linear-gradient(top, #fdfdfd, #eee);
  300. }
  301. .ui-btn-up-c a.ui-link-inherit {
  302. color: #2F3E46;
  303. }
  304. .ui-btn-hover-c {
  305. border: 1px solid #bbb;
  306. background: #dadada;
  307. font-weight: bold;
  308. color: #101010;
  309. text-shadow: 0 1px 1px #fff;
  310. background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dadada)); /* Saf4+, Chrome */
  311. background-image: -webkit-linear-gradient(top, #ededed, #dadada); /* Chrome 10+, Saf5.1+ */
  312. background-image: -moz-linear-gradient(top, #ededed, #dadada); /* FF3.6 */
  313. background-image: -ms-linear-gradient(top, #ededed, #dadada); /* IE10 */
  314. background-image: -o-linear-gradient(top, #ededed, #dadada); /* Opera 11.10+ */
  315. background-image: linear-gradient(top, #ededed, #dadada);
  316. }
  317. .ui-btn-hover-c a.ui-link-inherit {
  318. color: #2F3E46;
  319. }
  320. .ui-btn-down-c {
  321. border: 1px solid #808080;
  322. background: #fdfdfd;
  323. font-weight: bold;
  324. color: #111111;
  325. text-shadow: 0 1px 1px #ffffff;
  326. background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fdfdfd)); /* Saf4+, Chrome */
  327. background-image: -webkit-linear-gradient(top, #eee, #fdfdfd); /* Chrome 10+, Saf5.1+ */
  328. background-image: -moz-linear-gradient(top, #eee, #fdfdfd); /* FF3.6 */
  329. background-image: -ms-linear-gradient(top, #eee, #fdfdfd); /* IE10 */
  330. background-image: -o-linear-gradient(top, #eee, #fdfdfd); /* Opera 11.10+ */
  331. background-image: linear-gradient(top, #eee, #fdfdfd);
  332. }
  333. .ui-btn-down-c a.ui-link-inherit {
  334. color: #2F3E46;
  335. }
  336. .ui-btn-up-c,
  337. .ui-btn-hover-c,
  338. .ui-btn-down-c {
  339. font-family: Helvetica, Arial, sans-serif;
  340. text-decoration: none;
  341. }
  342. /* D
  343. -----------------------------------------------------------------------------------------------------------*/
  344. .ui-bar-d {
  345. border: 1px solid #ccc;
  346. background: #bbb;
  347. color: #333;
  348. text-shadow: 0 1px 0 #eee;
  349. background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb)); /* Saf4+, Chrome */
  350. background-image: -webkit-linear-gradient(top, #ddd, #bbb); /* Chrome 10+, Saf5.1+ */
  351. background-image: -moz-linear-gradient(top, #ddd, #bbb); /* FF3.6 */
  352. background-image: -ms-linear-gradient(top, #ddd, #bbb); /* IE10 */
  353. background-image: -o-linear-gradient(top, #ddd, #bbb); /* Opera 11.10+ */
  354. background-image: linear-gradient(top, #ddd, #bbb);
  355. }
  356. .ui-bar-d,
  357. .ui-bar-d input,
  358. .ui-bar-d select,
  359. .ui-bar-d textarea,
  360. .ui-bar-d button {
  361. font-family: Helvetica, Arial, sans-serif;
  362. }
  363. .ui-bar-d .ui-link-inherit {
  364. color: #333;
  365. }
  366. .ui-bar-d .ui-link {
  367. color: #2489CE;
  368. font-weight: bold;
  369. }
  370. .ui-body-d {
  371. border: 1px solid #ccc;
  372. color: #333333;
  373. text-shadow: 0 1px 0 #fff;
  374. background: #ffffff;
  375. }
  376. .ui-body-d,
  377. .ui-body-d input,
  378. .ui-body-d select,
  379. .ui-body-d textarea,
  380. .ui-body-d button {
  381. font-family: Helvetica, Arial, sans-serif;
  382. }
  383. .ui-body-d .ui-link-inherit {
  384. color: #333333;
  385. }
  386. .ui-body-d .ui-link {
  387. color: #2489CE;
  388. font-weight: bold;
  389. }
  390. .ui-btn-up-d {
  391. border: 1px solid #ccc;
  392. background: #fff;
  393. font-weight: bold;
  394. color: #444;
  395. text-shadow: 0 1px 1px #fff;
  396. }
  397. .ui-btn-up-d a.ui-link-inherit {
  398. color: #333;
  399. }
  400. .ui-btn-hover-d {
  401. border: 1px solid #aaa;
  402. background: #eeeeee;
  403. font-weight: bold;
  404. color: #222;
  405. cursor: pointer;
  406. text-shadow: 0 1px 1px #fff;
  407. background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eee)); /* Saf4+, Chrome */
  408. background-image: -webkit-linear-gradient(top, #fdfdfd, #eee); /* Chrome 10+, Saf5.1+ */
  409. background-image: -moz-linear-gradient(top, #fdfdfd, #eee); /* FF3.6 */
  410. background-image: -ms-linear-gradient(top, #fdfdfd, #eee); /* IE10 */
  411. background-image: -o-linear-gradient(top, #fdfdfd, #eee); /* Opera 11.10+ */
  412. background-image: linear-gradient(top, #fdfdfd, #eee);
  413. }
  414. .ui-btn-hover-d a.ui-link-inherit {
  415. color: #222;
  416. }
  417. .ui-btn-down-d {
  418. border: 1px solid #aaaaaa;
  419. background: #ffffff;
  420. font-weight: bold;
  421. color: #111;
  422. text-shadow: 0 1px 1px #ffffff;
  423. background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); /* Saf4+, Chrome */
  424. background-image: -webkit-linear-gradient(top, #eee, #fff); /* Chrome 10+, Saf5.1+ */
  425. background-image: -moz-linear-gradient(top, #eee, #fff); /* FF3.6 */
  426. background-image: -ms-linear-gradient(top, #eee, #fff); /* IE10 */
  427. background-image: -o-linear-gradient(top, #eee, #fff); /* Opera 11.10+ */
  428. background-image: linear-gradient(top, #eee, #fff);
  429. }
  430. .ui-btn-down-d a.ui-link-inherit {
  431. color: #111;
  432. }
  433. .ui-btn-up-d,
  434. .ui-btn-hover-d,
  435. .ui-btn-down-d {
  436. font-family: Helvetica, Arial, sans-serif;
  437. text-decoration: none;
  438. }
  439. /* E
  440. -----------------------------------------------------------------------------------------------------------*/
  441. .ui-bar-e {
  442. border: 1px solid #F7C942;
  443. background: #fadb4e;
  444. color: #333;
  445. text-shadow: 0 1px 0 #fff;
  446. background-image: -webkit-gradient(linear, left top, left bottom, from(#fceda7), to(#fadb4e)); /* Saf4+, Chrome */
  447. background-image: -webkit-linear-gradient(top, #fceda7, #fadb4e); /* Chrome 10+, Saf5.1+ */
  448. background-image: -moz-linear-gradient(top, #fceda7, #fadb4e); /* FF3.6 */
  449. background-image: -ms-linear-gradient(top, #fceda7, #fadb4e); /* IE10 */
  450. background-image: -o-linear-gradient(top, #fceda7, #fadb4e); /* Opera 11.10+ */
  451. background-image: linear-gradient(top, #fceda7, #fadb4e);
  452. }
  453. .ui-bar-e,
  454. .ui-bar-e input,
  455. .ui-bar-e select,
  456. .ui-bar-e textarea,
  457. .ui-bar-e button {
  458. font-family: Helvetica, Arial, sans-serif;
  459. }
  460. .ui-bar-e .ui-link-inherit {
  461. color: #333;
  462. }
  463. .ui-bar-e .ui-link {
  464. color: #2489CE;
  465. font-weight: bold;
  466. }
  467. .ui-body-e {
  468. border: 1px solid #F7C942;
  469. color: #333333;
  470. text-shadow: 0 1px 0 #fff;
  471. background: #faeb9e;
  472. background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#faeb9e)); /* Saf4+, Chrome */
  473. background-image: -webkit-linear-gradient(top, #fff, #faeb9e); /* Chrome 10+, Saf5.1+ */
  474. background-image: -moz-linear-gradient(top, #fff, #faeb9e); /* FF3.6 */
  475. background-image: -ms-linear-gradient(top, #fff, #faeb9e); /* IE10 */
  476. background-image: -o-linear-gradient(top, #fff, #faeb9e); /* Opera 11.10+ */
  477. background-image: linear-gradient(top, #fff, #faeb9e);
  478. }
  479. .ui-body-e,
  480. .ui-body-e input,
  481. .ui-body-e select,
  482. .ui-body-e textarea,
  483. .ui-body-e button {
  484. font-family: Helvetica, Arial, sans-serif;
  485. }
  486. .ui-body-e .ui-link-inherit {
  487. color: #333333;
  488. }
  489. .ui-body-e .ui-link {
  490. color: #2489CE;
  491. font-weight: bold;
  492. }
  493. .ui-btn-up-e {
  494. border: 1px solid #F7C942;
  495. background: #fadb4e;
  496. font-weight: bold;
  497. color: #333;
  498. text-shadow: 0 1px 0 #fff;
  499. background-image: -webkit-gradient(linear, left top, left bottom, from(#fceda7), to(#fadb4e)); /* Saf4+, Chrome */
  500. background-image: -webkit-linear-gradient(top, #fceda7, #fadb4e); /* Chrome 10+, Saf5.1+ */
  501. background-image: -moz-linear-gradient(top, #fceda7, #fadb4e); /* FF3.6 */
  502. background-image: -ms-linear-gradient(top, #fceda7, #fadb4e); /* IE10 */
  503. background-image: -o-linear-gradient(top, #fceda7, #fadb4e); /* Opera 11.10+ */
  504. background-image: linear-gradient(top, #fceda7, #fadb4e);
  505. }
  506. .ui-btn-up-e a.ui-link-inherit {
  507. color: #333;
  508. }
  509. .ui-btn-hover-e {
  510. border: 1px solid #e79952;
  511. background: #fbe26f;
  512. font-weight: bold;
  513. color: #111;
  514. text-shadow: 0 1px 1px #fff;
  515. background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf0b5), to(#fbe26f)); /* Saf4+, Chrome */
  516. background-image: -webkit-linear-gradient(top, #fcf0b5, #fbe26f); /* Chrome 10+, Saf5.1+ */
  517. background-image: -moz-linear-gradient(top, #fcf0b5, #fbe26f); /* FF3.6 */
  518. background-image: -ms-linear-gradient(top, #fcf0b5, #fbe26f); /* IE10 */
  519. background-image: -o-linear-gradient(top, #fcf0b5, #fbe26f); /* Opera 11.10+ */
  520. background-image: linear-gradient(top, #fcf0b5, #fbe26f);
  521. }
  522. .ui-btn-hover-e a.ui-link-inherit {
  523. color: #333;
  524. }
  525. .ui-btn-down-e {
  526. border: 1px solid #F7C942;
  527. background: #fceda7;
  528. font-weight: bold;
  529. color: #111;
  530. text-shadow: 0 1px 1px #ffffff;
  531. background-image: -webkit-gradient(linear, left top, left bottom, from(#fadb4e), to(#fceda7)); /* Saf4+, Chrome */
  532. background-image: -webkit-linear-gradient(top, #fadb4e, #fceda7); /* Chrome 10+, Saf5.1+ */
  533. background-image: -moz-linear-gradient(top, #fadb4e, #fceda7); /* FF3.6 */
  534. background-image: -ms-linear-gradient(top, #fadb4e, #fceda7); /* IE10 */
  535. background-image: -o-linear-gradient(top, #fadb4e, #fceda7); /* Opera 11.10+ */
  536. background-image: linear-gradient(top, #fadb4e, #fceda7);
  537. }
  538. .ui-btn-down-e a.ui-link-inherit {
  539. color: #333;
  540. }
  541. .ui-btn-up-e,
  542. .ui-btn-hover-e,
  543. .ui-btn-down-e {
  544. font-family: Helvetica, Arial, sans-serif;
  545. text-decoration: none;
  546. }
  547. /* links within "buttons"
  548. -----------------------------------------------------------------------------------------------------------*/
  549. a.ui-link-inherit {
  550. text-decoration: none !important;
  551. }
  552. /* Active class used as the "on" state across all themes
  553. -----------------------------------------------------------------------------------------------------------*/
  554. .ui-btn-active {
  555. border: 1px solid #155678;
  556. background: #4596ce;
  557. font-weight: bold;
  558. color: #fff;
  559. cursor: pointer;
  560. text-shadow: 0 -1px 1px #145072;
  561. text-decoration: none;
  562. background-image: -webkit-gradient(linear, left top, left bottom, from(#85bae4), to(#5393c5)); /* Saf4+, Chrome */
  563. background-image: -webkit-linear-gradient(top, #85bae4, #5393c5); /* Chrome 10+, Saf5.1+ */
  564. background-image: -moz-linear-gradient(top, #85bae4, #5393c5); /* FF3.6 */
  565. background-image: -ms-linear-gradient(top, #85bae4, #5393c5); /* IE10 */
  566. background-image: -o-linear-gradient(top, #85bae4, #5393c5); /* Opera 11.10+ */
  567. background-image: linear-gradient(top, #85bae4, #5393c5);
  568. outline: none;
  569. }
  570. .ui-btn-active a.ui-link-inherit {
  571. color: #fff;
  572. }
  573. /* button inner top highlight
  574. -----------------------------------------------------------------------------------------------------------*/
  575. .ui-btn-inner {
  576. border-top: 1px solid #fff;
  577. border-color: rgba(255,255,255,.3);
  578. }
  579. /* corner rounding classes
  580. -----------------------------------------------------------------------------------------------------------*/
  581. .ui-corner-tl {
  582. -moz-border-radius-topleft: .6em;
  583. -webkit-border-top-left-radius: .6em;
  584. border-top-left-radius: .6em;
  585. }
  586. .ui-corner-tr {
  587. -moz-border-radius-topright: .6em;
  588. -webkit-border-top-right-radius: .6em;
  589. border-top-right-radius: .6em;
  590. }
  591. .ui-corner-bl {
  592. -moz-border-radius-bottomleft: .6em;
  593. -webkit-border-bottom-left-radius: .6em;
  594. border-bottom-left-radius: .6em;
  595. }
  596. .ui-corner-br {
  597. -moz-border-radius-bottomright: .6em;
  598. -webkit-border-bottom-right-radius: .6em;
  599. border-bottom-right-radius: .6em;
  600. }
  601. .ui-corner-top {
  602. -moz-border-radius-topleft: .6em;
  603. -webkit-border-top-left-radius: .6em;
  604. border-top-left-radius: .6em;
  605. -moz-border-radius-topright: .6em;
  606. -webkit-border-top-right-radius: .6em;
  607. border-top-right-radius: .6em;
  608. }
  609. .ui-corner-bottom {
  610. -moz-border-radius-bottomleft: .6em;
  611. -webkit-border-bottom-left-radius: .6em;
  612. border-bottom-left-radius: .6em;
  613. -moz-border-radius-bottomright: .6em;
  614. -webkit-border-bottom-right-radius: .6em;
  615. border-bottom-right-radius: .6em;
  616. }
  617. .ui-corner-right {
  618. -moz-border-radius-topright: .6em;
  619. -webkit-border-top-right-radius: .6em;
  620. border-top-right-radius: .6em;
  621. -moz-border-radius-bottomright: .6em;
  622. -webkit-border-bottom-right-radius: .6em;
  623. border-bottom-right-radius: .6em;
  624. }
  625. .ui-corner-left {
  626. -moz-border-radius-topleft: .6em;
  627. -webkit-border-top-left-radius: .6em;
  628. border-top-left-radius: .6em;
  629. -moz-border-radius-bottomleft: .6em;
  630. -webkit-border-bottom-left-radius: .6em;
  631. border-bottom-left-radius: .6em;
  632. }
  633. .ui-corner-all {
  634. -moz-border-radius: .6em;
  635. -webkit-border-radius: .6em;
  636. border-radius: .6em;
  637. }
  638. /* Interaction cues
  639. -----------------------------------------------------------------------------------------------------------*/
  640. .ui-disabled {
  641. opacity: .3;
  642. }
  643. .ui-disabled,
  644. .ui-disabled a {
  645. cursor: default;
  646. }
  647. /* Icons
  648. -----------------------------------------------------------------------------------------------------------*/
  649. .ui-icon {
  650. background: #666;
  651. background: rgba(0,0,0,.4);
  652. background-image: url(images/icons-18-white.png);
  653. background-repeat: no-repeat;
  654. -moz-border-radius: 9px;
  655. -webkit-border-radius: 9px;
  656. border-radius: 9px;
  657. }
  658. /* Alt icon color
  659. -----------------------------------------------------------------------------------------------------------*/
  660. .ui-icon-alt {
  661. background: #fff;
  662. background: rgba(255,255,255,.3);
  663. background-image: url(images/icons-18-black.png);
  664. background-repeat: no-repeat;
  665. }
  666. /* HD/"retina" sprite
  667. -----------------------------------------------------------------------------------------------------------*/
  668. @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  669. only screen and (min--moz-device-pixel-ratio: 1.5),
  670. only screen and (min-resolution: 240dpi) {
  671. .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
  672. .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
  673. .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
  674. .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search,
  675. .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
  676. background-image: url(images/icons-36-white.png);
  677. -moz-background-size: 776px 18px;
  678. -o-background-size: 776px 18px;
  679. -webkit-background-size: 776px 18px;
  680. background-size: 776px 18px;
  681. }
  682. .ui-icon-alt {
  683. background-image: url(images/icons-36-black.png);
  684. }
  685. }
  686. /* plus minus */
  687. .ui-icon-plus {
  688. background-position: -0 50%;
  689. }
  690. .ui-icon-minus {
  691. background-position: -36px 50%;
  692. }
  693. /* delete/close */
  694. .ui-icon-delete {
  695. background-position: -72px 50%;
  696. }
  697. /* arrows */
  698. .ui-icon-arrow-r {
  699. background-position: -108px 50%;
  700. }
  701. .ui-icon-arrow-l {
  702. background-position: -144px 50%;
  703. }
  704. .ui-icon-arrow-u {
  705. background-position: -180px 50%;
  706. }
  707. .ui-icon-arrow-d {
  708. background-position: -216px 50%;
  709. }
  710. /* misc */
  711. .ui-icon-check {
  712. background-position: -252px 50%;
  713. }
  714. .ui-icon-gear {
  715. background-position: -288px 50%;
  716. }
  717. .ui-icon-refresh {
  718. background-position: -324px 50%;
  719. }
  720. .ui-icon-forward {
  721. background-position: -360px 50%;
  722. }
  723. .ui-icon-back {
  724. background-position: -396px 50%;
  725. }
  726. .ui-icon-grid {
  727. background-position: -432px 50%;
  728. }
  729. .ui-icon-star {
  730. background-position: -468px 50%;
  731. }
  732. .ui-icon-alert {
  733. background-position: -504px 50%;
  734. }
  735. .ui-icon-info {
  736. background-position: -540px 50%;
  737. }
  738. .ui-icon-home {
  739. background-position: -576px 50%;
  740. }
  741. .ui-icon-search {
  742. background-position: -612px 50%;
  743. }
  744. .ui-icon-checkbox-off {
  745. background-position: -684px 50%;
  746. }
  747. .ui-icon-checkbox-on {
  748. background-position: -648px 50%;
  749. }
  750. .ui-icon-radio-off {
  751. background-position: -756px 50%;
  752. }
  753. .ui-icon-radio-on {
  754. background-position: -720px 50%;
  755. }
  756. /* checks,radios */
  757. .ui-checkbox .ui-icon {
  758. -moz-border-radius: 3px;
  759. -webkit-border-radius: 3px;
  760. border-radius: 3px;
  761. }
  762. .ui-icon-checkbox-off,
  763. .ui-icon-radio-off {
  764. background-color: transparent;
  765. }
  766. .ui-checkbox-on .ui-icon,
  767. .ui-radio-on .ui-icon {
  768. background-color: #4596ce; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
  769. }
  770. .ui-icon-searchfield {
  771. background-image: url(images/icon-search-black.png);
  772. background-size: 16px 16px;
  773. }
  774. /* loading icon */
  775. .ui-icon-loading {
  776. background-image: url(images/ajax-loader.png);
  777. width: 40px;
  778. height: 40px;
  779. -moz-border-radius: 20px;
  780. -webkit-border-radius: 20px;
  781. border-radius: 20px;
  782. background-size: 35px 35px;
  783. }
  784. /* Button corner classes
  785. -----------------------------------------------------------------------------------------------------------*/
  786. .ui-btn-corner-tl {
  787. -moz-border-radius-topleft: 1em;
  788. -webkit-border-top-left-radius: 1em;
  789. border-top-left-radius: 1em;
  790. }
  791. .ui-btn-corner-tr {
  792. -moz-border-radius-topright: 1em;
  793. -webkit-border-top-right-radius: 1em;
  794. border-top-right-radius: 1em;
  795. }
  796. .ui-btn-corner-bl {
  797. -moz-border-radius-bottomleft: 1em;
  798. -webkit-border-bottom-left-radius: 1em;
  799. border-bottom-left-radius: 1em;
  800. }
  801. .ui-btn-corner-br {
  802. -moz-border-radius-bottomright: 1em;
  803. -webkit-border-bottom-right-radius: 1em;
  804. border-bottom-right-radius: 1em;
  805. }
  806. .ui-btn-corner-top {
  807. -moz-border-radius-topleft: 1em;
  808. -webkit-border-top-left-radius: 1em;
  809. border-top-left-radius: 1em;
  810. -moz-border-radius-topright: 1em;
  811. -webkit-border-top-right-radius: 1em;
  812. border-top-right-radius: 1em;
  813. }
  814. .ui-btn-corner-bottom {
  815. -moz-border-radius-bottomleft: 1em;
  816. -webkit-border-bottom-left-radius: 1em;
  817. border-bottom-left-radius: 1em;
  818. -moz-border-radius-bottomright: 1em;
  819. -webkit-border-bottom-right-radius: 1em;
  820. border-bottom-right-radius: 1em;
  821. }
  822. .ui-btn-corner-right {
  823. -moz-border-radius-topright: 1em;
  824. -webkit-border-top-right-radius: 1em;
  825. border-top-right-radius: 1em;
  826. -moz-border-radius-bottomright: 1em;
  827. -webkit-border-bottom-right-radius: 1em;
  828. border-bottom-right-radius: 1em;
  829. }
  830. .ui-btn-corner-left {
  831. -moz-border-radius-topleft: 1em;
  832. -webkit-border-top-left-radius: 1em;
  833. border-top-left-radius: 1em;
  834. -moz-border-radius-bottomleft: 1em;
  835. -webkit-border-bottom-left-radius: 1em;
  836. border-bottom-left-radius: 1em;
  837. }
  838. .ui-btn-corner-all {
  839. -moz-border-radius: 1em;
  840. -webkit-border-radius: 1em;
  841. border-radius: 1em;
  842. }
  843. /* radius clip workaround for cleaning up corner trapping */
  844. .ui-corner-tl,
  845. .ui-corner-tr,
  846. .ui-corner-bl,
  847. .ui-corner-br,
  848. .ui-corner-top,
  849. .ui-corner-bottom,
  850. .ui-corner-right,
  851. .ui-corner-left,
  852. .ui-corner-all,
  853. .ui-btn-corner-tl,
  854. .ui-btn-corner-tr,
  855. .ui-btn-corner-bl,
  856. .ui-btn-corner-br,
  857. .ui-btn-corner-top,
  858. .ui-btn-corner-bottom,
  859. .ui-btn-corner-right,
  860. .ui-btn-corner-left,
  861. .ui-btn-corner-all {
  862. -webkit-background-clip: padding-box;
  863. -moz-background-clip: padding;
  864. background-clip: padding-box;
  865. }
  866. /* Overlay / modal
  867. -----------------------------------------------------------------------------------------------------------*/
  868. .ui-overlay {
  869. background: #666;
  870. opacity: .5;
  871. filter: Alpha(Opacity=50);
  872. position: absolute;
  873. width: 100%;
  874. height: 100%;
  875. }
  876. .ui-overlay-shadow {
  877. -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
  878. -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
  879. box-shadow: 0px 0px 12px rgba(0,0,0,.6);
  880. }
  881. .ui-shadow {
  882. -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
  883. -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
  884. box-shadow: 0px 1px 4px rgba(0,0,0,.3);
  885. }
  886. .ui-bar-a .ui-shadow,
  887. .ui-bar-b .ui-shadow ,
  888. .ui-bar-c .ui-shadow {
  889. -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
  890. -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
  891. box-shadow: 0px 1px 0 rgba(255,255,255,.3);
  892. }
  893. .ui-shadow-inset {
  894. -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
  895. -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
  896. box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
  897. }
  898. .ui-icon-shadow {
  899. -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4);
  900. -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4);
  901. box-shadow: 0px 1px 0 rgba(255,255,255,.4);
  902. }
  903. /* Focus state - set here for specificity
  904. -----------------------------------------------------------------------------------------------------------*/
  905. .ui-focus {
  906. -moz-box-shadow: 0px 0px 12px #387bbe;
  907. -webkit-box-shadow: 0px 0px 12px #387bbe;
  908. box-shadow: 0px 0px 12px #387bbe;
  909. }
  910. /* unset box shadow in browsers that don't do it right
  911. -----------------------------------------------------------------------------------------------------------*/
  912. .ui-mobile-nosupport-boxshadow * {
  913. -moz-box-shadow: none !important;
  914. -webkit-box-shadow: none !important;
  915. box-shadow: none !important;
  916. }
  917. /* ...and bring back focus */
  918. .ui-mobile-nosupport-boxshadow .ui-focus {
  919. outline-width: 2px;
  920. }/*
  921. * jQuery Mobile Framework
  922. * Copyright (c) jQuery Project
  923. * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
  924. */
  925. /* some unsets - more probably needed */
  926. .ui-mobile, .ui-mobile body { height: 100%; }
  927. .ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
  928. .ui-mobile a img, .ui-mobile fieldset { border: 0; }
  929. /* responsive page widths */
  930. .ui-mobile-viewport { margin: 0; overflow-x: hidden; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  931. /* "page" containers - full-screen views, one should always be in view post-pageload */
  932. .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; }
  933. .ui-mobile .ui-page-active { display: block; overflow: visible; }
  934. /*orientations from js are available */
  935. .portrait,
  936. .portrait .ui-page { min-height: 420px; }
  937. .landscape,
  938. .landscape .ui-page { min-height: 300px; }
  939. /* loading screen */
  940. .ui-loading .ui-mobile-viewport { overflow: hidden !important; }
  941. .ui-loading .ui-loader { display: block; }
  942. .ui-loading .ui-page { overflow: hidden; }
  943. .ui-loader { display: none; position: absolute; opacity: .85; z-index: 100; left: 50%; width: 200px; margin-left: -130px; margin-top: -35px; padding: 10px 30px; }
  944. .ui-loader h1 { font-size: 15px; text-align: center; }
  945. .ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; }
  946. /*fouc*/
  947. .ui-mobile-rendering > * { visibility: hidden; }
  948. /*headers, content panels*/
  949. .ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }
  950. .ui-bar { font-size: 16px; margin: 0; }
  951. .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; }
  952. .ui-header, .ui-footer { display: block; }
  953. .ui-page .ui-header, .ui-page .ui-footer { position: relative; }
  954. .ui-header .ui-btn-left { position: absolute; left: 10px; top: .4em; }
  955. .ui-header .ui-btn-right { position: absolute; right: 10px; top: .4em; }
  956. .ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 90px .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
  957. /*content area*/
  958. .ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
  959. .ui-page-fullscreen .ui-content { padding:0; }
  960. /* icons sizing */
  961. .ui-icon { width: 18px; height: 18px; }
  962. /* fullscreen class on ui-content div */
  963. .ui-fullscreen { }
  964. .ui-fullscreen img { max-width: 100%; }
  965. /* non-js content hiding */
  966. .ui-nojs { position: absolute; left: -9999px; }
  967. /*
  968. * jQuery Mobile Framework
  969. * Copyright (c) jQuery Project
  970. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  971. */
  972. .spin {
  973. -webkit-transform: rotate(360deg);
  974. -webkit-animation-name: spin;
  975. -webkit-animation-duration: 1s;
  976. -webkit-animation-iteration-count: infinite;
  977. -webkit-animation-timing-function: linear;
  978. }
  979. @-webkit-keyframes spin {
  980. from {-webkit-transform: rotate(0deg);}
  981. to {-webkit-transform: rotate(360deg);}
  982. }
  983. /* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/
  984. Built by David Kaneda and maintained by Jonathan Stark.
  985. */
  986. .in, .out {
  987. -webkit-animation-timing-function: ease-in-out;
  988. -webkit-animation-duration: 350ms;
  989. }
  990. .slide.in {
  991. -webkit-transform: translateX(0);
  992. -webkit-animation-name: slideinfromright;
  993. }
  994. .slide.out {
  995. -webkit-transform: translateX(-100%);
  996. -webkit-animation-name: slideouttoleft;
  997. }
  998. .slide.in.reverse {
  999. -webkit-transform: translateX(0);
  1000. -webkit-animation-name: slideinfromleft;
  1001. }
  1002. .slide.out.reverse {
  1003. -webkit-transform: translateX(100%);
  1004. -webkit-animation-name: slideouttoright;
  1005. }
  1006. .slideup.in {
  1007. -webkit-transform: translateY(0);
  1008. -webkit-animation-name: slideinfrombottom;
  1009. z-index: 10;
  1010. }
  1011. .slideup.out {
  1012. -webkit-animation-name: dontmove;
  1013. z-index: 0;
  1014. }
  1015. .slideup.out.reverse {
  1016. -webkit-transform: translateY(100%);
  1017. z-index: 10;
  1018. -webkit-animation-name: slideouttobottom;
  1019. }
  1020. .slideup.in.reverse {
  1021. z-index: 0;
  1022. -webkit-animation-name: dontmove;
  1023. }
  1024. .slidedown.in {
  1025. -webkit-transform: translateY(0);
  1026. -webkit-animation-name: slideinfromtop;
  1027. z-index: 10;
  1028. }
  1029. .slidedown.out {
  1030. -webkit-animation-name: dontmove;
  1031. z-index: 0;
  1032. }
  1033. .slidedown.out.reverse {
  1034. -webkit-transform: translateY(-100%);
  1035. z-index: 10;
  1036. -webkit-animation-name: slideouttotop;
  1037. }
  1038. .slidedown.in.reverse {
  1039. z-index: 0;
  1040. -webkit-animation-name: dontmove;
  1041. }
  1042. @-webkit-keyframes slideinfromright {
  1043. from { -webkit-transform: translateX(100%); }
  1044. to { -webkit-transform: translateX(0); }
  1045. }
  1046. @-webkit-keyframes slideinfromleft {
  1047. from { -webkit-transform: translateX(-100%); }
  1048. to { -webkit-transform: translateX(0); }
  1049. }
  1050. @-webkit-keyframes slideouttoleft {
  1051. from { -webkit-transform: translateX(0); }
  1052. to { -webkit-transform: translateX(-100%); }
  1053. }
  1054. @-webkit-keyframes slideouttoright {
  1055. from { -webkit-transform: translateX(0); }
  1056. to { -webkit-transform: translateX(100%); }
  1057. }
  1058. @-webkit-keyframes slideinfromtop {
  1059. from { -webkit-transform: translateY(-100%); }
  1060. to { -webkit-transform: translateY(0); }
  1061. }
  1062. @-webkit-keyframes slideinfrombottom {
  1063. from { -webkit-transform: translateY(100%); }
  1064. to { -webkit-transform: translateY(0); }
  1065. }
  1066. @-webkit-keyframes slideouttobottom {
  1067. from { -webkit-transform: translateY(0); }
  1068. to { -webkit-transform: translateY(100%); }
  1069. }
  1070. @-webkit-keyframes slideouttotop {
  1071. from { -webkit-transform: translateY(0); }
  1072. to { -webkit-transform: translateY(-100%); }
  1073. }
  1074. @-webkit-keyframes fadein {
  1075. from { opacity: 0; }
  1076. to { opacity: 1; }
  1077. }
  1078. @-webkit-keyframes fadeout {
  1079. from { opacity: 1; }
  1080. to { opacity: 0; }
  1081. }
  1082. .fade.in {
  1083. opacity: 1;
  1084. z-index: 10;
  1085. -webkit-animation-name: fadein;
  1086. }
  1087. .fade.out {
  1088. z-index: 0;
  1089. -webkit-animation-name: fadeout;
  1090. }
  1091. /* The properties in this rule are only necessary for the 'flip' transition.
  1092. * We need specify the perspective to create a projection matrix. This will add
  1093. * some depth as the element flips. The depth number represents the distance of
  1094. * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
  1095. * value.
  1096. */
  1097. .viewport-flip {
  1098. -webkit-perspective: 1000;
  1099. position: absolute;
  1100. }
  1101. .ui-mobile-viewport-transitioning,
  1102. .ui-mobile-viewport-transitioning .ui-page {
  1103. width: 100%;
  1104. height: 100%;
  1105. overflow: hidden;
  1106. }
  1107. .flip {
  1108. -webkit-animation-duration: .65s;
  1109. -webkit-backface-visibility:hidden;
  1110. -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. */
  1111. }
  1112. .flip.in {
  1113. -webkit-transform: rotateY(0) scale(1);
  1114. -webkit-animation-name: flipinfromleft;
  1115. }
  1116. .flip.out {
  1117. -webkit-transform: rotateY(-180deg) scale(.8);
  1118. -webkit-animation-name: flipouttoleft;
  1119. }
  1120. /* Shake it all about */
  1121. .flip.in.reverse {
  1122. -webkit-transform: rotateY(0) scale(1);
  1123. -webkit-animation-name: flipinfromright;
  1124. }
  1125. .flip.out.reverse {
  1126. -webkit-transform: rotateY(180deg) scale(.8);
  1127. -webkit-animation-name: flipouttoright;
  1128. }
  1129. @-webkit-keyframes flipinfromright {
  1130. from { -webkit-transform: rotateY(-180deg) scale(.8); }
  1131. to { -webkit-transform: rotateY(0) scale(1); }
  1132. }
  1133. @-webkit-keyframes flipinfromleft {
  1134. from { -webkit-transform: rotateY(180deg) scale(.8); }
  1135. to { -webkit-transform: rotateY(0) scale(1); }
  1136. }
  1137. @-webkit-keyframes flipouttoleft {
  1138. from { -webkit-transform: rotateY(0) scale(1); }
  1139. to { -webkit-transform: rotateY(-180deg) scale(.8); }
  1140. }
  1141. @-webkit-keyframes flipouttoright {
  1142. from { -webkit-transform: rotateY(0) scale(1); }
  1143. to { -webkit-transform: rotateY(180deg) scale(.8); }
  1144. }
  1145. /* Hackish, but reliable. */
  1146. @-webkit-keyframes dontmove {
  1147. from { opacity: 1; }
  1148. to { opacity: 1; }
  1149. }
  1150. .pop {
  1151. -webkit-transform-origin: 50% 50%;
  1152. }
  1153. .pop.in {
  1154. -webkit-transform: scale(1);
  1155. opacity: 1;
  1156. -webkit-animation-name: popin;
  1157. z-index: 10;
  1158. }
  1159. .pop.out.reverse {
  1160. -webkit-transform: scale(.2);
  1161. opacity: 0;
  1162. -webkit-animation-name: popout;
  1163. z-index: 10;
  1164. }
  1165. .pop.in.reverse {
  1166. z-index: 0;
  1167. -webkit-animation-name: dontmove;
  1168. }
  1169. @-webkit-keyframes popin {
  1170. from {
  1171. -webkit-transform: scale(.2);
  1172. opacity: 0;
  1173. }
  1174. to {
  1175. -webkit-transform: scale(1);
  1176. opacity: 1;
  1177. }
  1178. }
  1179. @-webkit-keyframes popout {
  1180. from {
  1181. -webkit-transform: scale(1);
  1182. opacity: 1;
  1183. }
  1184. to {
  1185. -webkit-transform: scale(.2);
  1186. opacity: 0;
  1187. }
  1188. }/*
  1189. * jQuery Mobile Framework
  1190. * Copyright (c) jQuery Project
  1191. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1192. */
  1193. /* content configurations. */
  1194. .ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
  1195. .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;}
  1196. /* grid solo: 100 - single item fallback */
  1197. .ui-grid-solo .ui-block-a { width: 100%; float: none; }
  1198. /* grid a: 50/50 */
  1199. .ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; }
  1200. .ui-grid-a .ui-block-a { clear: left; }
  1201. /* grid b: 33/33/33 */
  1202. .ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; }
  1203. .ui-grid-b .ui-block-a { clear: left; }
  1204. /* grid c: 25/25/25/25 */
  1205. .ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 25%; }
  1206. .ui-grid-c .ui-block-a { clear: left; }
  1207. /* grid d: 20/20/20/20/20 */
  1208. .ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 20%; }
  1209. .ui-grid-d .ui-block-a { clear: left; }
  1210. /*
  1211. * jQuery Mobile Framework
  1212. * Copyright (c) jQuery Project
  1213. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1214. */
  1215. /* fixed page header & footer configuration */
  1216. .ui-header, .ui-footer, .ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { position: absolute; overflow: hidden; width: 100%; border-left-width: 0; border-right-width: 0; }
  1217. .ui-header-fixed, .ui-footer-fixed {
  1218. z-index: 1000;
  1219. -webkit-transform: translateZ(0); /* Force header/footer rendering to go through the same rendering pipeline as native page scrolling. */
  1220. }
  1221. .ui-footer-duplicate, .ui-page-fullscreen .ui-fixed-inline { display: none; }
  1222. .ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { opacity: .9; }
  1223. /*
  1224. * jQuery Mobile Framework
  1225. * Copyright (c) jQuery Project
  1226. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1227. */
  1228. .ui-navbar { overflow: hidden; }
  1229. .ui-navbar ul, .ui-navbar-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;}
  1230. .ui-navbar-collapsed ul { float: left; width: 75%; margin-right: -2px; }
  1231. .ui-navbar-collapsed .ui-navbar-toggle { float: left; width: 25%; }
  1232. .ui-navbar li.ui-navbar-truncate { position: absolute; left: -9999px; top: -9999px; }
  1233. .ui-navbar li .ui-btn, .ui-navbar .ui-navbar-toggle .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0; border-right-width: 0; }
  1234. .ui-navbar li .ui-btn { margin-right: -1px; }
  1235. .ui-navbar li .ui-btn:last-child { margin-right: 0; }
  1236. .ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn,
  1237. .ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn { border-top-width: 0; border-bottom-width: 0; }
  1238. .ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; }
  1239. .ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .8em; padding-bottom: .9em; }
  1240. /*expanded page styles*/
  1241. .ui-navbar-expanded .ui-btn { margin: 0; font-size: 14px; }
  1242. .ui-navbar-expanded .ui-btn-inner { padding-left: 5px; padding-right: 5px; }
  1243. .ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner { padding: 45px 5px 15px; text-align: center; }
  1244. .ui-navbar-expanded .ui-btn-icon-top .ui-icon { top: 15px; }
  1245. .ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner { padding: 15px 5px 45px; text-align: center; }
  1246. .ui-navbar-expanded .ui-btn-icon-bottom .ui-icon { bottom: 15px; }
  1247. .ui-navbar-expanded li .ui-btn .ui-btn-inner { min-height: 2.5em; }
  1248. .ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner { padding-top: 1.8em; padding-bottom: 1.9em; }
  1249. /*
  1250. * jQuery Mobile Framework
  1251. * Copyright (c) jQuery Project
  1252. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1253. */
  1254. .ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 5px; padding: 0; }
  1255. .ui-btn:focus, .ui-btn:active { outline: none; }
  1256. .ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; }
  1257. .ui-btn-inline { display: inline-block; }
  1258. .ui-btn-inner { padding: .6em 25px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; }
  1259. .ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: .4em 8px .5em; }
  1260. .ui-btn-icon-notext { display: inline-block; width: 20px; height: 20px; padding: 2px 1px 2px 3px; text-indent: -9999px; }
  1261. .ui-btn-icon-notext .ui-btn-inner { padding: 0; }
  1262. .ui-btn-icon-notext .ui-btn-text { position: absolute; left: -999px; }
  1263. .ui-btn-icon-left .ui-btn-inner { padding-left: 33px; }
  1264. .ui-header .ui-btn-icon-left .ui-btn-inner,
  1265. .ui-footer .ui-btn-icon-left .ui-btn-inner,
  1266. .ui-bar .ui-btn-icon-left .ui-btn-inner { padding-left: 27px; }
  1267. .ui-btn-icon-right .ui-btn-inner { padding-right: 33px; }
  1268. .ui-header .ui-btn-icon-right .ui-btn-inner,
  1269. .ui-footer .ui-btn-icon-right .ui-btn-inner,
  1270. .ui-bar .ui-btn-icon-right .ui-btn-inner { padding-right: 27px; }
  1271. .ui-btn-icon-top .ui-btn-inner { padding-top: 33px; }
  1272. .ui-header .ui-btn-icon-top .ui-btn-inner,
  1273. .ui-footer .ui-btn-icon-top .ui-btn-inner,
  1274. .ui-bar .ui-btn-icon-top .ui-btn-inner { padding-top: 27px; }
  1275. .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 33px; }
  1276. .ui-header .ui-btn-icon-bottom .ui-btn-inner,
  1277. .ui-footer .ui-btn-icon-bottom .ui-btn-inner,
  1278. .ui-bar .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 27px; }
  1279. /*btn icon positioning*/
  1280. .ui-btn-icon-notext .ui-icon { display: block; }
  1281. .ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
  1282. .ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon { position: absolute; left: 50%; margin-left: -9px; }
  1283. .ui-btn-icon-left .ui-icon { left: 10px; }
  1284. .ui-btn-icon-right .ui-icon {right: 10px; }
  1285. .ui-header .ui-btn-icon-left .ui-icon,
  1286. .ui-footer .ui-btn-icon-left .ui-icon,
  1287. .ui-bar .ui-btn-icon-left .ui-icon { left: 4px; }
  1288. .ui-header .ui-btn-icon-right .ui-icon,
  1289. .ui-footer .ui-btn-icon-right .ui-icon,
  1290. .ui-bar .ui-btn-icon-right .ui-icon { right: 4px; }
  1291. .ui-header .ui-btn-icon-top .ui-icon,
  1292. .ui-footer .ui-btn-icon-top .ui-icon,
  1293. .ui-bar .ui-btn-icon-top .ui-icon { top: 4px; }
  1294. .ui-header .ui-btn-icon-bottom .ui-icon,
  1295. .ui-footer .ui-btn-icon-bottom .ui-icon,
  1296. .ui-bar .ui-btn-icon-bottom .ui-icon { bottom: 4px; }
  1297. .ui-btn-icon-top .ui-icon { top: 5px; }
  1298. .ui-btn-icon-bottom .ui-icon { bottom: 5px; }
  1299. /*hiding native button,inputs */
  1300. .ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: 0; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); background: transparent; }
  1301. /*
  1302. * jQuery Mobile Framework
  1303. * Copyright (c) jQuery Project
  1304. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1305. */
  1306. .ui-collapsible-contain { margin: .5em 0; }
  1307. .ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; }
  1308. .ui-collapsible-heading a { text-align: left; margin: 0; }
  1309. .ui-collapsible-heading a .ui-btn-inner { padding-left: 40px; }
  1310. .ui-collapsible-heading a span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; }
  1311. .ui-collapsible-heading a span.ui-btn .ui-btn-inner { padding: 10px 0; }
  1312. .ui-collapsible-heading a span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
  1313. .ui-collapsible-heading-status { position:absolute; left:-9999px; }
  1314. .ui-collapsible-content { display: block; padding: 10px 0 10px 8px; }
  1315. .ui-collapsible-content-collapsed { display: none; }
  1316. .ui-collapsible-set { margin: .5em 0; }
  1317. .ui-collapsible-set .ui-collapsible-contain { margin: -1px 0 0; }
  1318. /*
  1319. * jQuery Mobile Framework
  1320. * Copyright (c) jQuery Project
  1321. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1322. */
  1323. .ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0 1em; }
  1324. .ui-bar .ui-controlgroup { margin: 0 .3em; }
  1325. .ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; }
  1326. .ui-controlgroup-controls { display: block; width: 95%;}
  1327. .ui-controlgroup li { list-style: none; }
  1328. .ui-controlgroup-vertical .ui-btn,
  1329. .ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0; }
  1330. .ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }
  1331. .ui-controlgroup-horizontal { padding: 0; }
  1332. .ui-controlgroup-horizontal .ui-btn,
  1333. .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { display: inline-block; margin: 0 -5px 0 0; }
  1334. .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { display: inline; }
  1335. .ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn,
  1336. .ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; }
  1337. .ui-controlgroup-horizontal .ui-controlgroup-last { margin-right: 0; }
  1338. .ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; }
  1339. /* conflicts with listview..
  1340. .ui-controlgroup .ui-btn-icon-notext { width: 30px; height: 30px; text-indent: -9999px; }
  1341. .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { padding: 5px 6px 5px 5px; }
  1342. */
  1343. @media all and (min-width: 450px){
  1344. .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
  1345. .ui-controlgroup-controls { width: 60%; display: inline-block; }
  1346. } /*
  1347. * jQuery Mobile Framework
  1348. * Copyright (c) jQuery Project
  1349. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1350. */
  1351. .ui-dialog { min-height: 480px; }
  1352. .ui-dialog .ui-header, .ui-dialog .ui-content, .ui-dialog .ui-footer { margin: 15px; position: relative; }
  1353. .ui-dialog .ui-header, .ui-dialog .ui-footer { z-index: 10; width: auto; }
  1354. .ui-dialog .ui-content, .ui-dialog .ui-footer { margin-top: -15px; }/*
  1355. * jQuery Mobile Framework
  1356. * Copyright (c) jQuery Project
  1357. * Dual liceā€¦

Large files files are truncated, but you can click here to view the full file