PageRenderTime 59ms CodeModel.GetById 27ms RepoModel.GetById 0ms app.codeStats 0ms

/iPhone/HockeyApp/jqmHockeyApp/www/lib/jquery/jquerymobile/jquery.mobile-1.0b3.css

http://github.com/purplecabbage/phonegap-plugins
CSS | 1699 lines | 1396 code | 138 blank | 165 comment | 0 complexity | 703a66887e06100377298cf9d978bc62 MD5 | raw file
Possible License(s): GPL-3.0, BSD-3-Clause, Apache-2.0, MIT

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

  1. /*!
  2. * jQuery Mobile v1.0b3
  3. * http://jquerymobile.com/
  4. *
  5. * Copyright 2010, jQuery Project
  6. * Dual licensed under the MIT or GPL Version 2 licenses.
  7. * http://jquery.org/license
  8. */
  9. /*
  10. * jQuery Mobile Framework
  11. * Copyright (c) jQuery Project
  12. * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
  13. */
  14. /* 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. .ui-corner-none {
  639. -moz-border-radius: 0;
  640. -webkit-border-radius: 0;
  641. border-radius: 0;
  642. }
  643. /* Interaction cues
  644. -----------------------------------------------------------------------------------------------------------*/
  645. .ui-disabled {
  646. opacity: .3;
  647. }
  648. .ui-disabled,
  649. .ui-disabled a {
  650. cursor: default;
  651. }
  652. /* Icons
  653. -----------------------------------------------------------------------------------------------------------*/
  654. .ui-icon {
  655. background: #666;
  656. background: rgba(0,0,0,.4);
  657. background-image: url(images/icons-18-white.png);
  658. background-repeat: no-repeat;
  659. -moz-border-radius: 9px;
  660. -webkit-border-radius: 9px;
  661. border-radius: 9px;
  662. }
  663. /* Alt icon color
  664. -----------------------------------------------------------------------------------------------------------*/
  665. .ui-icon-alt {
  666. background: #fff;
  667. background: rgba(255,255,255,.3);
  668. background-image: url(images/icons-18-black.png);
  669. background-repeat: no-repeat;
  670. }
  671. /* HD/"retina" sprite
  672. -----------------------------------------------------------------------------------------------------------*/
  673. @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  674. only screen and (min--moz-device-pixel-ratio: 1.5),
  675. only screen and (min-resolution: 240dpi) {
  676. .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
  677. .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
  678. .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
  679. .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search,
  680. .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
  681. background-image: url(images/icons-36-white.png);
  682. -moz-background-size: 776px 18px;
  683. -o-background-size: 776px 18px;
  684. -webkit-background-size: 776px 18px;
  685. background-size: 776px 18px;
  686. }
  687. .ui-icon-alt {
  688. background-image: url(images/icons-36-black.png);
  689. }
  690. }
  691. /* plus minus */
  692. .ui-icon-plus {
  693. background-position: -0 50%;
  694. }
  695. .ui-icon-minus {
  696. background-position: -36px 50%;
  697. }
  698. /* delete/close */
  699. .ui-icon-delete {
  700. background-position: -72px 50%;
  701. }
  702. /* arrows */
  703. .ui-icon-arrow-r {
  704. background-position: -108px 50%;
  705. }
  706. .ui-icon-arrow-l {
  707. background-position: -144px 50%;
  708. }
  709. .ui-icon-arrow-u {
  710. background-position: -180px 50%;
  711. }
  712. .ui-icon-arrow-d {
  713. background-position: -216px 50%;
  714. }
  715. /* misc */
  716. .ui-icon-check {
  717. background-position: -252px 50%;
  718. }
  719. .ui-icon-gear {
  720. background-position: -288px 50%;
  721. }
  722. .ui-icon-refresh {
  723. background-position: -324px 50%;
  724. }
  725. .ui-icon-forward {
  726. background-position: -360px 50%;
  727. }
  728. .ui-icon-back {
  729. background-position: -396px 50%;
  730. }
  731. .ui-icon-grid {
  732. background-position: -432px 50%;
  733. }
  734. .ui-icon-star {
  735. background-position: -468px 50%;
  736. }
  737. .ui-icon-alert {
  738. background-position: -504px 50%;
  739. }
  740. .ui-icon-info {
  741. background-position: -540px 50%;
  742. }
  743. .ui-icon-home {
  744. background-position: -576px 50%;
  745. }
  746. .ui-icon-search {
  747. background-position: -612px 50%;
  748. }
  749. .ui-icon-checkbox-off {
  750. background-position: -684px 50%;
  751. }
  752. .ui-icon-checkbox-on {
  753. background-position: -648px 50%;
  754. }
  755. .ui-icon-radio-off {
  756. background-position: -756px 50%;
  757. }
  758. .ui-icon-radio-on {
  759. background-position: -720px 50%;
  760. }
  761. /* checks,radios */
  762. .ui-checkbox .ui-icon {
  763. -moz-border-radius: 3px;
  764. -webkit-border-radius: 3px;
  765. border-radius: 3px;
  766. }
  767. .ui-icon-checkbox-off,
  768. .ui-icon-radio-off {
  769. background-color: transparent;
  770. }
  771. .ui-icon-checkbox-on,
  772. .ui-checkbox-on .ui-icon,
  773. .ui-radio-on .ui-icon {
  774. background-color: #4596ce; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
  775. }
  776. .ui-icon-searchfield {
  777. background-image: url(images/icon-search-black.png);
  778. background-size: 16px 16px;
  779. }
  780. /* loading icon */
  781. .ui-icon-loading {
  782. background-image: url(images/ajax-loader.png);
  783. width: 40px;
  784. height: 40px;
  785. -moz-border-radius: 20px;
  786. -webkit-border-radius: 20px;
  787. border-radius: 20px;
  788. background-size: 35px 35px;
  789. }
  790. /* Button corner classes
  791. -----------------------------------------------------------------------------------------------------------*/
  792. .ui-btn-corner-tl {
  793. -moz-border-radius-topleft: 1em;
  794. -webkit-border-top-left-radius: 1em;
  795. border-top-left-radius: 1em;
  796. }
  797. .ui-btn-corner-tr {
  798. -moz-border-radius-topright: 1em;
  799. -webkit-border-top-right-radius: 1em;
  800. border-top-right-radius: 1em;
  801. }
  802. .ui-btn-corner-bl {
  803. -moz-border-radius-bottomleft: 1em;
  804. -webkit-border-bottom-left-radius: 1em;
  805. border-bottom-left-radius: 1em;
  806. }
  807. .ui-btn-corner-br {
  808. -moz-border-radius-bottomright: 1em;
  809. -webkit-border-bottom-right-radius: 1em;
  810. border-bottom-right-radius: 1em;
  811. }
  812. .ui-btn-corner-top {
  813. -moz-border-radius-topleft: 1em;
  814. -webkit-border-top-left-radius: 1em;
  815. border-top-left-radius: 1em;
  816. -moz-border-radius-topright: 1em;
  817. -webkit-border-top-right-radius: 1em;
  818. border-top-right-radius: 1em;
  819. }
  820. .ui-btn-corner-bottom {
  821. -moz-border-radius-bottomleft: 1em;
  822. -webkit-border-bottom-left-radius: 1em;
  823. border-bottom-left-radius: 1em;
  824. -moz-border-radius-bottomright: 1em;
  825. -webkit-border-bottom-right-radius: 1em;
  826. border-bottom-right-radius: 1em;
  827. }
  828. .ui-btn-corner-right {
  829. -moz-border-radius-topright: 1em;
  830. -webkit-border-top-right-radius: 1em;
  831. border-top-right-radius: 1em;
  832. -moz-border-radius-bottomright: 1em;
  833. -webkit-border-bottom-right-radius: 1em;
  834. border-bottom-right-radius: 1em;
  835. }
  836. .ui-btn-corner-left {
  837. -moz-border-radius-topleft: 1em;
  838. -webkit-border-top-left-radius: 1em;
  839. border-top-left-radius: 1em;
  840. -moz-border-radius-bottomleft: 1em;
  841. -webkit-border-bottom-left-radius: 1em;
  842. border-bottom-left-radius: 1em;
  843. }
  844. .ui-btn-corner-all {
  845. -moz-border-radius: 1em;
  846. -webkit-border-radius: 1em;
  847. border-radius: 1em;
  848. }
  849. /* radius clip workaround for cleaning up corner trapping */
  850. .ui-corner-tl,
  851. .ui-corner-tr,
  852. .ui-corner-bl,
  853. .ui-corner-br,
  854. .ui-corner-top,
  855. .ui-corner-bottom,
  856. .ui-corner-right,
  857. .ui-corner-left,
  858. .ui-corner-all,
  859. .ui-btn-corner-tl,
  860. .ui-btn-corner-tr,
  861. .ui-btn-corner-bl,
  862. .ui-btn-corner-br,
  863. .ui-btn-corner-top,
  864. .ui-btn-corner-bottom,
  865. .ui-btn-corner-right,
  866. .ui-btn-corner-left,
  867. .ui-btn-corner-all {
  868. -webkit-background-clip: padding-box;
  869. -moz-background-clip: padding;
  870. background-clip: padding-box;
  871. }
  872. /* Overlay / modal
  873. -----------------------------------------------------------------------------------------------------------*/
  874. .ui-overlay {
  875. background: #666;
  876. opacity: .5;
  877. filter: Alpha(Opacity=50);
  878. position: absolute;
  879. width: 100%;
  880. height: 100%;
  881. }
  882. .ui-overlay-shadow {
  883. -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
  884. -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
  885. box-shadow: 0px 0px 12px rgba(0,0,0,.6);
  886. }
  887. .ui-shadow {
  888. -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
  889. -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
  890. box-shadow: 0px 1px 4px rgba(0,0,0,.3);
  891. }
  892. .ui-bar-a .ui-shadow,
  893. .ui-bar-b .ui-shadow ,
  894. .ui-bar-c .ui-shadow {
  895. -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
  896. -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
  897. box-shadow: 0px 1px 0 rgba(255,255,255,.3);
  898. }
  899. .ui-shadow-inset {
  900. -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
  901. -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
  902. box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
  903. }
  904. .ui-icon-shadow {
  905. -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4);
  906. -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4);
  907. box-shadow: 0px 1px 0 rgba(255,255,255,.4);
  908. }
  909. /* Focus state - set here for specificity
  910. -----------------------------------------------------------------------------------------------------------*/
  911. .ui-focus {
  912. -moz-box-shadow: 0px 0px 12px #387bbe;
  913. -webkit-box-shadow: 0px 0px 12px #387bbe;
  914. box-shadow: 0px 0px 12px #387bbe;
  915. }
  916. /* unset box shadow in browsers that don't do it right
  917. -----------------------------------------------------------------------------------------------------------*/
  918. .ui-mobile-nosupport-boxshadow * {
  919. -moz-box-shadow: none !important;
  920. -webkit-box-shadow: none !important;
  921. box-shadow: none !important;
  922. }
  923. /* ...and bring back focus */
  924. .ui-mobile-nosupport-boxshadow .ui-focus {
  925. outline-width: 2px;
  926. }/*
  927. * jQuery Mobile Framework
  928. * Copyright (c) jQuery Project
  929. * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
  930. */
  931. /* some unsets - more probably needed */
  932. .ui-mobile, .ui-mobile body { height: 100%; }
  933. .ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
  934. .ui-mobile a img, .ui-mobile fieldset { border: 0; }
  935. /* responsive page widths */
  936. .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); }
  937. /* "page" containers - full-screen views, one should always be in view post-pageload */
  938. .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; }
  939. .ui-mobile .ui-page-active { display: block; overflow: visible; }
  940. /*orientations from js are available */
  941. .portrait,
  942. .portrait .ui-page { min-height: 420px; }
  943. .landscape,
  944. .landscape .ui-page { min-height: 300px; }
  945. /* native overflow scrolling */
  946. .ui-page.ui-mobile-touch-overflow,
  947. .ui-mobile-touch-overflow.ui-native-fixed .ui-content {
  948. overflow: auto;
  949. height: 100%;
  950. -webkit-overflow-scrolling: touch;
  951. -moz-overflow-scrolling: touch;
  952. -o-overflow-scrolling: touch;
  953. -ms-overflow-scrolling: touch;
  954. overflow-scrolling: touch;
  955. }
  956. .ui-page.ui-mobile-pre-transition {
  957. display: block;
  958. }
  959. /* loading screen */
  960. .ui-loading .ui-mobile-viewport { overflow: hidden !important; }
  961. .ui-loading .ui-loader { display: block; }
  962. .ui-loading .ui-page { overflow: hidden; }
  963. .ui-loader { display: none; position: absolute; opacity: .85; z-index: 100; left: 50%; width: 200px; margin-left: -130px; margin-top: -35px; padding: 10px 30px; }
  964. .ui-loader h1 { font-size: 15px; text-align: center; }
  965. .ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; }
  966. /*fouc*/
  967. .ui-mobile-rendering > * { visibility: hidden; }
  968. /*headers, content panels*/
  969. .ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }
  970. .ui-bar { font-size: 16px; margin: 0; }
  971. .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; }
  972. .ui-header, .ui-footer { display: block; }
  973. .ui-page .ui-header, .ui-page .ui-footer { position: relative; }
  974. .ui-header .ui-btn-left { position: absolute; left: 10px; top: .4em; }
  975. .ui-header .ui-btn-right { position: absolute; right: 10px; top: .4em; }
  976. .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; }
  977. /*content area*/
  978. .ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
  979. .ui-page-fullscreen .ui-content { padding:0; }
  980. /* native fixed headers and footers */
  981. .ui-mobile-touch-overflow.ui-page.ui-native-fixed,
  982. .ui-mobile-touch-overflow.ui-page.ui-native-fullscreen {
  983. overflow: visible;
  984. }
  985. .ui-mobile-touch-overflow.ui-native-fixed .ui-header,
  986. .ui-mobile-touch-overflow.ui-native-fixed .ui-footer {
  987. position: fixed;
  988. left: 0;
  989. right: 0;
  990. top: 0;
  991. z-index: 200;
  992. }
  993. .ui-mobile-touch-overflow.ui-page.ui-native-fixed .ui-footer {
  994. top: auto;
  995. bottom: 0;
  996. }
  997. .ui-mobile-touch-overflow.ui-native-fixed .ui-content {
  998. padding-top: 2.5em;
  999. padding-bottom: 3em;
  1000. top: 0;
  1001. bottom: 0;
  1002. height: auto;
  1003. position: absolute;
  1004. }
  1005. .ui-mobile-touch-overflow.ui-native-fullscreen .ui-content {
  1006. padding-top: 0;
  1007. padding-bottom: 0;
  1008. }
  1009. .ui-mobile-touch-overflow.ui-native-fullscreen .ui-header,
  1010. .ui-mobile-touch-overflow.ui-native-fullscreen .ui-footer {
  1011. opacity: .9;
  1012. }
  1013. .ui-native-bars-hidden {
  1014. display: none;
  1015. }
  1016. /* icons sizing */
  1017. .ui-icon { width: 18px; height: 18px; }
  1018. /* fullscreen class on ui-content div */
  1019. .ui-fullscreen { }
  1020. .ui-fullscreen img { max-width: 100%; }
  1021. /* non-js content hiding */
  1022. .ui-nojs { position: absolute; left: -9999px; }
  1023. /*
  1024. * jQuery Mobile Framework
  1025. * Copyright (c) jQuery Project
  1026. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1027. */
  1028. .spin {
  1029. -webkit-transform: rotate(360deg);
  1030. -webkit-animation-name: spin;
  1031. -webkit-animation-duration: 1s;
  1032. -webkit-animation-iteration-count: infinite;
  1033. -webkit-animation-timing-function: linear;
  1034. }
  1035. @-webkit-keyframes spin {
  1036. from {-webkit-transform: rotate(0deg);}
  1037. to {-webkit-transform: rotate(360deg);}
  1038. }
  1039. /* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/
  1040. Built by David Kaneda and maintained by Jonathan Stark.
  1041. */
  1042. .in, .out {
  1043. -webkit-animation-timing-function: ease-in-out;
  1044. -webkit-animation-duration: 350ms;
  1045. }
  1046. .slide.in {
  1047. -webkit-transform: translateX(0);
  1048. -webkit-animation-name: slideinfromright;
  1049. }
  1050. .slide.out {
  1051. -webkit-transform: translateX(-100%);
  1052. -webkit-animation-name: slideouttoleft;
  1053. }
  1054. .slide.in.reverse {
  1055. -webkit-transform: translateX(0);
  1056. -webkit-animation-name: slideinfromleft;
  1057. }
  1058. .slide.out.reverse {
  1059. -webkit-transform: translateX(100%);
  1060. -webkit-animation-name: slideouttoright;
  1061. }
  1062. .slideup.in {
  1063. -webkit-transform: translateY(0);
  1064. -webkit-animation-name: slideinfrombottom;
  1065. z-index: 10;
  1066. }
  1067. .slideup.out {
  1068. -webkit-animation-name: dontmove;
  1069. z-index: 0;
  1070. }
  1071. .slideup.out.reverse {
  1072. -webkit-transform: translateY(100%);
  1073. z-index: 10;
  1074. -webkit-animation-name: slideouttobottom;
  1075. }
  1076. .slideup.in.reverse {
  1077. z-index: 0;
  1078. -webkit-animation-name: dontmove;
  1079. }
  1080. .slidedown.in {
  1081. -webkit-transform: translateY(0);
  1082. -webkit-animation-name: slideinfromtop;
  1083. z-index: 10;
  1084. }
  1085. .slidedown.out {
  1086. -webkit-animation-name: dontmove;
  1087. z-index: 0;
  1088. }
  1089. .slidedown.out.reverse {
  1090. -webkit-transform: translateY(-100%);
  1091. z-index: 10;
  1092. -webkit-animation-name: slideouttotop;
  1093. }
  1094. .slidedown.in.reverse {
  1095. z-index: 0;
  1096. -webkit-animation-name: dontmove;
  1097. }
  1098. @-webkit-keyframes slideinfromright {
  1099. from { -webkit-transform: translateX(100%); }
  1100. to { -webkit-transform: translateX(0); }
  1101. }
  1102. @-webkit-keyframes slideinfromleft {
  1103. from { -webkit-transform: translateX(-100%); }
  1104. to { -webkit-transform: translateX(0); }
  1105. }
  1106. @-webkit-keyframes slideouttoleft {
  1107. from { -webkit-transform: translateX(0); }
  1108. to { -webkit-transform: translateX(-100%); }
  1109. }
  1110. @-webkit-keyframes slideouttoright {
  1111. from { -webkit-transform: translateX(0); }
  1112. to { -webkit-transform: translateX(100%); }
  1113. }
  1114. @-webkit-keyframes slideinfromtop {
  1115. from { -webkit-transform: translateY(-100%); }
  1116. to { -webkit-transform: translateY(0); }
  1117. }
  1118. @-webkit-keyframes slideinfrombottom {
  1119. from { -webkit-transform: translateY(100%); }
  1120. to { -webkit-transform: translateY(0); }
  1121. }
  1122. @-webkit-keyframes slideouttobottom {
  1123. from { -webkit-transform: translateY(0); }
  1124. to { -webkit-transform: translateY(100%); }
  1125. }
  1126. @-webkit-keyframes slideouttotop {
  1127. from { -webkit-transform: translateY(0); }
  1128. to { -webkit-transform: translateY(-100%); }
  1129. }
  1130. @-webkit-keyframes fadein {
  1131. from { opacity: 0; }
  1132. to { opacity: 1; }
  1133. }
  1134. @-webkit-keyframes fadeout {
  1135. from { opacity: 1; }
  1136. to { opacity: 0; }
  1137. }
  1138. .fade.in {
  1139. opacity: 1;
  1140. z-index: 10;
  1141. -webkit-animation-name: fadein;
  1142. }
  1143. .fade.out {
  1144. z-index: 0;
  1145. -webkit-animation-name: fadeout;
  1146. }
  1147. /* The properties in this rule are only necessary for the 'flip' transition.
  1148. * We need specify the perspective to create a projection matrix. This will add
  1149. * some depth as the element flips. The depth number represents the distance of
  1150. * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
  1151. * value.
  1152. */
  1153. .viewport-flip {
  1154. -webkit-perspective: 1000;
  1155. position: absolute;
  1156. }
  1157. .ui-mobile-viewport-transitioning,
  1158. .ui-mobile-viewport-transitioning .ui-page {
  1159. width: 100%;
  1160. height: 100%;
  1161. overflow: hidden;
  1162. }
  1163. .flip {
  1164. -webkit-animation-duration: .65s;
  1165. -webkit-backface-visibility:hidden;
  1166. -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. */
  1167. }
  1168. .flip.in {
  1169. -webkit-transform: rotateY(0) scale(1);
  1170. -webkit-animation-name: flipinfromleft;
  1171. }
  1172. .flip.out {
  1173. -webkit-transform: rotateY(-180deg) scale(.8);
  1174. -webkit-animation-name: flipouttoleft;
  1175. }
  1176. /* Shake it all about */
  1177. .flip.in.reverse {
  1178. -webkit-transform: rotateY(0) scale(1);
  1179. -webkit-animation-name: flipinfromright;
  1180. }
  1181. .flip.out.reverse {
  1182. -webkit-transform: rotateY(180deg) scale(.8);
  1183. -webkit-animation-name: flipouttoright;
  1184. }
  1185. @-webkit-keyframes flipinfromright {
  1186. from { -webkit-transform: rotateY(-180deg) scale(.8); }
  1187. to { -webkit-transform: rotateY(0) scale(1); }
  1188. }
  1189. @-webkit-keyframes flipinfromleft {
  1190. from { -webkit-transform: rotateY(180deg) scale(.8); }
  1191. to { -webkit-transform: rotateY(0) scale(1); }
  1192. }
  1193. @-webkit-keyframes flipouttoleft {
  1194. from { -webkit-transform: rotateY(0) scale(1); }
  1195. to { -webkit-transform: rotateY(-180deg) scale(.8); }
  1196. }
  1197. @-webkit-keyframes flipouttoright {
  1198. from { -webkit-transform: rotateY(0) scale(1); }
  1199. to { -webkit-transform: rotateY(180deg) scale(.8); }
  1200. }
  1201. /* Hackish, but reliable. */
  1202. @-webkit-keyframes dontmove {
  1203. from { opacity: 1; }
  1204. to { opacity: 1; }
  1205. }
  1206. .pop {
  1207. -webkit-transform-origin: 50% 50%;
  1208. }
  1209. .pop.in {
  1210. -webkit-transform: scale(1);
  1211. opacity: 1;
  1212. -webkit-animation-name: popin;
  1213. z-index: 10;
  1214. }
  1215. .pop.out.reverse {
  1216. -webkit-transform: scale(.2);
  1217. opacity: 0;
  1218. -webkit-animation-name: popout;
  1219. z-index: 10;
  1220. }
  1221. .pop.in.reverse {
  1222. z-index: 0;
  1223. -webkit-animation-name: dontmove;
  1224. }
  1225. @-webkit-keyframes popin {
  1226. from {
  1227. -webkit-transform: scale(.2);
  1228. opacity: 0;
  1229. }
  1230. to {
  1231. -webkit-transform: scale(1);
  1232. opacity: 1;
  1233. }
  1234. }
  1235. @-webkit-keyframes popout {
  1236. from {
  1237. -webkit-transform: scale(1);
  1238. opacity: 1;
  1239. }
  1240. to {
  1241. -webkit-transform: scale(.2);
  1242. opacity: 0;
  1243. }
  1244. }/*
  1245. * jQuery Mobile Framework
  1246. * Copyright (c) jQuery Project
  1247. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1248. */
  1249. /* content configurations. */
  1250. .ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
  1251. .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;}
  1252. /* grid solo: 100 - single item fallback */
  1253. .ui-grid-solo .ui-block-a { width: 100%; float: none; }
  1254. /* grid a: 50/50 */
  1255. .ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; }
  1256. .ui-grid-a .ui-block-a { clear: left; }
  1257. /* grid b: 33/33/33 */
  1258. .ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; }
  1259. .ui-grid-b .ui-block-a { clear: left; }
  1260. /* grid c: 25/25/25/25 */
  1261. .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%; }
  1262. .ui-grid-c .ui-block-a { clear: left; }
  1263. /* grid d: 20/20/20/20/20 */
  1264. .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%; }
  1265. .ui-grid-d .ui-block-a { clear: left; }
  1266. /*
  1267. * jQuery Mobile Framework
  1268. * Copyright (c) jQuery Project
  1269. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1270. */
  1271. /* fixed page header & footer configuration */
  1272. .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; }
  1273. .ui-header-fixed, .ui-footer-fixed {
  1274. z-index: 1000;
  1275. -webkit-transform: translateZ(0); /* Force header/footer rendering to go through the same rendering pipeline as native page scrolling. */
  1276. }
  1277. .ui-footer-duplicate, .ui-page-fullscreen .ui-fixed-inline { display: none; }
  1278. .ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { opacity: .9; }
  1279. /*
  1280. * jQuery Mobile Framework
  1281. * Copyright (c) jQuery Project
  1282. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1283. */
  1284. .ui-navbar { overflow: hidden; }
  1285. .ui-navbar ul, .ui-navbar-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;}
  1286. .ui-navbar-collapsed ul { float: left; width: 75%; margin-right: -2px; }
  1287. .ui-navbar-collapsed .ui-navbar-toggle { float: left; width: 25%; }
  1288. .ui-navbar li.ui-navbar-truncate { position: absolute; left: -9999px; top: -9999px; }
  1289. .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; }
  1290. .ui-navbar li .ui-btn { margin-right: -1px; }
  1291. .ui-navbar li .ui-btn:last-child { margin-right: 0; }
  1292. .ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn,
  1293. .ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn { border-top-width: 0; border-bottom-width: 0; }
  1294. .ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; }
  1295. .ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .8em; padding-bottom: .9em; }
  1296. /*expanded page styles*/
  1297. .ui-navbar-expanded .ui-btn { margin: 0; font-size: 14px; }
  1298. .ui-navbar-expanded .ui-btn-inner { padding-left: 5px; padding-right: 5px; }
  1299. .ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner { padding: 45px 5px 15px; text-align: center; }
  1300. .ui-navbar-expanded .ui-btn-icon-top .ui-icon { top: 15px; }
  1301. .ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner { padding: 15px 5px 45px; text-align: center; }
  1302. .ui-navbar-expanded .ui-btn-icon-bottom .ui-icon { bottom: 15px; }
  1303. .ui-navbar-expanded li .ui-btn .ui-btn-inner { min-height: 2.5em; }
  1304. .ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner { padding-top: 1.8em; padding-bottom: 1.9em; }
  1305. /*
  1306. * jQuery Mobile Framework
  1307. * Copyright (c) jQuery Project
  1308. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1309. */
  1310. .ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 5px; padding: 0; }
  1311. .ui-btn:focus, .ui-btn:active { outline: none; }
  1312. .ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; }
  1313. .ui-btn-inline { display: inline-block; }
  1314. .ui-btn-inner { padding: .6em 25px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; }
  1315. .ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: .4em 8px .5em; }
  1316. .ui-btn-icon-notext { display: inline-block; width: 20px; height: 20px; padding: 2px 1px 2px 3px; text-indent: -9999px; }
  1317. .ui-btn-icon-notext .ui-btn-inner { padding: 0; }
  1318. .ui-btn-icon-notext .ui-btn-text { position: absolute; left: -999px; }
  1319. .ui-btn-icon-left .ui-btn-inner { padding-left: 33px; }
  1320. .ui-header .ui-btn-icon-left .ui-btn-inner,
  1321. .ui-footer .ui-btn-icon-left .ui-btn-inner,
  1322. .ui-bar .ui-btn-icon-left .ui-btn-inner { padding-left: 27px; }
  1323. .ui-btn-icon-right .ui-btn-inner { padding-right: 33px; }
  1324. .ui-header .ui-btn-icon-right .ui-btn-inner,
  1325. .ui-footer .ui-btn-icon-right .ui-btn-inner,
  1326. .ui-bar .ui-btn-icon-right .ui-btn-inner { padding-right: 27px; }
  1327. .ui-btn-icon-top .ui-btn-inner { padding-top: 33px; }
  1328. .ui-header .ui-btn-icon-top .ui-btn-inner,
  1329. .ui-footer .ui-btn-icon-top .ui-btn-inner,
  1330. .ui-bar .ui-btn-icon-top .ui-btn-inner { padding-top: 27px; }
  1331. .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 33px; }
  1332. .ui-header .ui-btn-icon-bottom .ui-btn-inner,
  1333. .ui-footer .ui-btn-icon-bottom .ui-btn-inner,
  1334. .ui-bar .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 27px; }
  1335. /*btn icon positioning*/
  1336. .ui-btn-icon-notext .ui-icon { display: block; }
  1337. .ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
  1338. .ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon { position: absolute; left: 50%; margin-left: -9px; }
  1339. .ui-btn-icon-left .ui-icon { left: 10px; }
  1340. .ui-btn-icon-right .ui-icon {right: 10px; }
  1341. .ui-header .ui-btn-icon-left .ui-icon,
  1342. .ui-footer .ui-btn-icon-left .ui-icon,
  1343. .ui-bar .ui-btn-icon-left .ui-icon { left: 4px; }
  1344. .ui-header .ui-btn-icon-right .ui-icon,
  1345. .ui-footer .ui-btn-icon-right .ui-icon,
  1346. .ui-bar .ui-btn-icon-right .ui-icon { right: 4px; }
  1347. .ui-header .ui-btn-icon-top .ui-icon,
  1348. .ui-footer .ui-btn-icon-top .ui-icon,
  1349. .ui-bar .ui-btn-icon-top .ui-icon { top: 4px; }
  1350. .ui-header .ui-btn-icon-bottom .ui-icon,
  1351. .ui-footer .ui-btn-icon-bottom .ui-icon,
  1352. .ui-bar .ui-btn-icon-bottom .ui-icon { bottom: 4px; }
  1353. .ui-btn-icon-top .ui-icon { top: 5px; }
  1354. .ui-btn-icon-bottom .ui-icon { bottom: 5px; }
  1355. /*hiding native button,inputs */
  1356. .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; }
  1357. /*
  1358. * jQuery Mobile Framework
  1359. * Copyright (c) jQuery Project
  1360. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1361. */
  1362. .ui-collapsible-contain { margin: .5em 0; }
  1363. .ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; }
  1364. .ui-collapsible-heading a { text-align: left; margin: 0; }
  1365. .ui-collapsible-heading a .ui-btn-inner { padding-left: 40px; }
  1366. .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; }
  1367. .ui-collapsible-heading a span.ui-btn .ui-btn-inner { padding: 10px 0; }
  1368. .ui-collapsible-heading a span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
  1369. .ui-collapsible-heading-status { position:absolute; left:-9999px; }
  1370. .ui-collapsible-content { display: block; padding: 10px 0 10px 8px; }
  1371. .ui-collapsible-content-collapsed { display: none; }
  1372. .ui-collapsible-set { margin: .5em 0; }
  1373. .ui-collapsible-set .ui-collapsible-contain { margin: -1px 0 0; }
  1374. /*
  1375. * jQuery Mobile Framework
  1376. * Copyright (c) jQuery Project
  1377. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1378. */
  1379. .ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0 1em; }
  1380. .ui-bar .ui-controlgroup { margin: 0 .3em; }
  1381. .ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; }
  1382. .ui-controlgroup-controls { display: block; width: 95%;}
  1383. .ui-controlgroup li { list-style: none; }
  1384. .ui-controlgroup-vertical .ui-btn,
  1385. .ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0; }
  1386. .ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }
  1387. .ui-controlgroup-horizontal { padding: 0; }
  1388. .ui-controlgroup-horizontal .ui-btn,
  1389. .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { display: inline-block; margin: 0 -5px 0 0; }
  1390. .ui-controlgroup-horizonta

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