Search jQuery

jQuery Forum

Screen name:
jacqmizz

jacqmizz's Profile

2 Posts

2 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Convert byte array stream to pdf
[4Replies]
- 19-Dec-2012 04:42 AM
- Forum: jQuery Mobile
Is it possible to create a byte array stream to PDF ..... searching the NET I found some conflicting information and its lacking too.

Basically I am using JQuery Mobile and calling a webservice which provides a stream of bytes. I want this stream of bytes to be converted to a PDF.

Any help, very appreciated. Thanks.

ThemeRoller downloaded theme issues
[4Replies]
- 11-Dec-2012 11:34 AM
- Forum: jQuery Mobile
Hello, I created a somewhat custom theme using just one swatch, and implemented it in my project as suggested by the downloaded HTML. I did not manage to get it working though. It keeps using the default JQuery Mobile theme .... I cleared all cache, and run it on several browsers. Still didn't work.
Theme code below:
2. /*
3. * jQuery Mobile Framework Git Build: SHA1: c2d61e2e592c67519d9a9ed0ba796fa44787e136 <> Date: Tue Sep 25 10:38:12 2012 -0700
4. * http://jquerymobile.com
5. *
6. * Copyright 2012 jQuery Foundation and other contributors
7. * Released under the MIT license.
8. * http://jquery.org/license
9. *
10. */
13. /* Swatches */
15. /* A
16. -----------------------------------------------------------------------------------------------------------*/
18. .ui-bar-a {
19. border: 1px solid #b3b3b3 /*{a-bar-border}*/;
20. background: #b2384a /*{a-bar-background-color}*/;
21. color: #ffffff /*{a-bar-color}*/;
22. font-weight: bold;
23. text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #ffffff /*{a-bar-shadow-color}*/;
24. background-image: -webkit-gradient(linear, left top, left bottom, from( #f94e67 /*{a-bar-background-start}*/), to( #6a212c /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
25. background-image: -webkit-linear-gradient( #f94e67 /*{a-bar-background-start}*/, #6a212c /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
26. background-image: -moz-linear-gradient( #f94e67 /*{a-bar-background-start}*/, #6a212c /*{a-bar-background-end}*/); /* FF3.6 */
27. background-image: -ms-linear-gradient( #f94e67 /*{a-bar-background-start}*/, #6a212c /*{a-bar-background-end}*/); /* IE10 */
28. background-image: -o-linear-gradient( #f94e67 /*{a-bar-background-start}*/, #6a212c /*{a-bar-background-end}*/); /* Opera 11.10+ */
29. background-image: linear-gradient( #f94e67 /*{a-bar-background-start}*/, #6a212c /*{a-bar-background-end}*/);
30. }
31. .ui-bar-a .ui-link-inherit {
32. color: #ffffff /*{a-bar-color}*/;
33. }
35. .ui-bar-a a.ui-link {
36. color: #7cc4e7 /*{a-bar-link-color}*/;
37. font-weight: bold;
38. }
40. .ui-bar-a a.ui-link:visited {
41. color: #2489ce /*{a-bar-link-visited}*/;
42. }
44. .ui-bar-a a.ui-link:hover {
45. color: #2489ce /*{a-bar-link-hover}*/;
46. }
48. .ui-bar-a a.ui-link:active {
49. color: #2489ce /*{a-bar-link-active}*/;
50. }
52. .ui-bar-a,
53. .ui-bar-a input,
54. .ui-bar-a select,
55. .ui-bar-a textarea,
56. .ui-bar-a button {
57. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
58. }
59. .ui-body-a,
60. .ui-overlay-a {
61. border: 1px solid #aaaaaa /*{a-body-border}*/;
62. color: #b2384a /*{a-body-color}*/;
63. text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #ffffff /*{a-body-shadow-color}*/;
64. background: #f9f9f9 /*{a-body-background-color}*/;
65. background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{a-body-background-start}*/), to( #f9f9f9 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
66. background-image: -webkit-linear-gradient( #f9f9f9 /*{a-body-background-start}*/, #f9f9f9 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
67. background-image: -moz-linear-gradient( #f9f9f9 /*{a-body-background-start}*/, #f9f9f9 /*{a-body-background-end}*/); /* FF3.6 */
68. background-image: -ms-linear-gradient( #f9f9f9 /*{a-body-background-start}*/, #f9f9f9 /*{a-body-background-end}*/); /* IE10 */
69. background-image: -o-linear-gradient( #f9f9f9 /*{a-body-background-start}*/, #f9f9f9 /*{a-body-background-end}*/); /* Opera 11.10+ */
70. background-image: linear-gradient( #f9f9f9 /*{a-body-background-start}*/, #f9f9f9 /*{a-body-background-end}*/);
71. }
72. .ui-overlay-a {
73. background-image: none;
74. border-width: 0;
75. }
76. .ui-body-a,
77. .ui-body-a input,
78. .ui-body-a select,
79. .ui-body-a textarea,
80. .ui-body-a button {
81. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
82. }
83. .ui-body-a .ui-link-inherit {
84. color: #b2384a /*{a-body-color}*/;
85. }
87. .ui-body-a .ui-link {
88. color: #b2384a /*{a-body-link-color}*/;
89. font-weight: bold;
90. }
92. .ui-body-a .ui-link:visited {
93. color: #2489ce /*{a-body-link-visited}*/;
94. }
96. .ui-body-a .ui-link:hover {
97. color: #000000 /*{a-body-link-hover}*/;
98. }
100. .ui-body-a .ui-link:active {
101. color: #ffffff /*{a-body-link-active}*/;
102. }
104. .ui-btn-up-a {
105. border: 1px solid #cccccc /*{a-bup-border}*/;
106. background: #eeeeee /*{a-bup-background-color}*/;
107. font-weight: bold;
108. color: #b2384a /*{a-bup-color}*/;
109. text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #ffffff /*{a-bup-shadow-color}*/;
110. background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{a-bup-background-start}*/), to( #f1f1f1 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
111. background-image: -webkit-linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
112. background-image: -moz-linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/); /* FF3.6 */
113. background-image: -ms-linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/); /* IE10 */
114. background-image: -o-linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/); /* Opera 11.10+ */
115. background-image: linear-gradient( #ffffff /*{a-bup-background-start}*/, #f1f1f1 /*{a-bup-background-end}*/);
116. }
117. .ui-btn-up-a:visited,
118. .ui-btn-up-a a.ui-link-inherit {
119. color: #b2384a /*{a-bup-color}*/;
120. }
121. .ui-btn-hover-a {
122. border: 1px solid #b2384a /*{a-bhover-border}*/;
123. background: #b2384a /*{a-bhover-background-color}*/;
124. font-weight: bold;
125. color: #ffffff /*{a-bhover-color}*/;
126. text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #ffffff /*{a-bhover-shadow-color}*/;
127. background-image: -webkit-gradient(linear, left top, left bottom, from( #b2384a /*{a-bhover-background-start}*/), to( #b2384a /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
128. background-image: -webkit-linear-gradient( #b2384a /*{a-bhover-background-start}*/, #b2384a /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
129. background-image: -moz-linear-gradient( #b2384a /*{a-bhover-background-start}*/, #b2384a /*{a-bhover-background-end}*/); /* FF3.6 */
130. background-image: -ms-linear-gradient( #b2384a /*{a-bhover-background-start}*/, #b2384a /*{a-bhover-background-end}*/); /* IE10 */
131. background-image: -o-linear-gradient( #b2384a /*{a-bhover-background-start}*/, #b2384a /*{a-bhover-background-end}*/); /* Opera 11.10+ */
132. background-image: linear-gradient( #b2384a /*{a-bhover-background-start}*/, #b2384a /*{a-bhover-background-end}*/);
133. }
134. .ui-btn-hover-a:visited,
135. .ui-btn-hover-a:hover,
136. .ui-btn-hover-a a.ui-link-inherit {
137. color: #ffffff /*{a-bhover-color}*/;
138. }
139. .ui-btn-down-a {
140. border: 1px solid #bbbbbb /*{a-bdown-border}*/;
141. background: #d6d6d6 /*{a-bdown-background-color}*/;
142. font-weight: bold;
143. color: #2f3e46 /*{a-bdown-color}*/;
144. text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #ffffff /*{a-bdown-shadow-color}*/;
145. background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{a-bdown-background-start}*/), to( #dfdfdf /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
146. background-image: -webkit-linear-gradient( #d0d0d0 /*{a-bdown-background-start}*/, #dfdfdf /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
147. background-image: -moz-linear-gradient( #d0d0d0 /*{a-bdown-background-start}*/, #dfdfdf /*{a-bdown-background-end}*/); /* FF3.6 */
148. background-image: -ms-linear-gradient( #d0d0d0 /*{a-bdown-background-start}*/, #dfdfdf /*{a-bdown-background-end}*/); /* IE10 */
149. background-image: -o-linear-gradient( #d0d0d0 /*{a-bdown-background-start}*/, #dfdfdf /*{a-bdown-background-end}*/); /* Opera 11.10+ */
150. background-image: linear-gradient( #d0d0d0 /*{a-bdown-background-start}*/, #dfdfdf /*{a-bdown-background-end}*/);
151. }
152. .ui-btn-down-a:visited,
153. .ui-btn-down-a:hover,
154. .ui-btn-down-a a.ui-link-inherit {
155. color: #2f3e46 /*{a-bdown-color}*/;
156. }
157. .ui-btn-up-a,
158. .ui-btn-hover-a,
159. .ui-btn-down-a {
160. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
161. text-decoration: none;
162. }
165. /* Structure */
167. /* links within "buttons"
168. -----------------------------------------------------------------------------------------------------------*/
170. a.ui-link-inherit {
171. text-decoration: none !important;
172. }
175. /* Active class used as the "on" state across all themes
176. -----------------------------------------------------------------------------------------------------------*/
177. .ui-btn-active {
178. border: 1px solid #000000 /*{global-active-border}*/;
179. background: #b2384a /*{global-active-background-color}*/;
180. font-weight: bold;
181. color: #ffffff /*{global-active-color}*/;
182. cursor: pointer;
183. text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #ffffff /*{global-active-shadow-color}*/;
184. text-decoration: none;
185. background-image: -webkit-gradient(linear, left top, left bottom, from( #b2384a /*{global-active-background-start}*/), to( #b2384a /*{global-active-background-end}*/)); /* Saf4+, Chrome */
186. background-image: -webkit-linear-gradient( #b2384a /*{global-active-background-start}*/, #b2384a /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
187. background-image: -moz-linear-gradient( #b2384a /*{global-active-background-start}*/, #b2384a /*{global-active-background-end}*/); /* FF3.6 */
188. background-image: -ms-linear-gradient( #b2384a /*{global-active-background-start}*/, #b2384a /*{global-active-background-end}*/); /* IE10 */
189. background-image: -o-linear-gradient( #b2384a /*{global-active-background-start}*/, #b2384a /*{global-active-background-end}*/); /* Opera 11.10+ */
190. background-image: linear-gradient( #b2384a /*{global-active-background-start}*/, #b2384a /*{global-active-background-end}*/);
191. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
192. }
193. .ui-btn-active:visited,
194. .ui-btn-active:hover,
195. .ui-btn-active a.ui-link-inherit {
196. color: #ffffff /*{global-active-color}*/;
197. }
200. /* button inner top highlight
201. -----------------------------------------------------------------------------------------------------------*/
203. .ui-btn-inner {
204. border-top: 1px solid #fff;
205. border-color: rgba(255,255,255,.3);
206. }
209. /* corner rounding classes
210. -----------------------------------------------------------------------------------------------------------*/
212. .ui-corner-tl {
213. -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
214. -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
215. border-top-left-radius: .6em /*{global-radii-blocks}*/;
216. }
217. .ui-corner-tr {
218. -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
219. -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
220. border-top-right-radius: .6em /*{global-radii-blocks}*/;
221. }
222. .ui-corner-bl {
223. -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
224. -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
225. border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
226. }
227. .ui-corner-br {
228. -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
229. -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
230. border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
231. }
232. .ui-corner-top {
233. -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
234. -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
235. border-top-left-radius: .6em /*{global-radii-blocks}*/;
236. -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
237. -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
238. border-top-right-radius: .6em /*{global-radii-blocks}*/;
239. }
240. .ui-corner-bottom {
241. -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
242. -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
243. border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
244. -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
245. -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
246. border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
247. }
248. .ui-corner-right {
249. -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
250. -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
251. border-top-right-radius: .6em /*{global-radii-blocks}*/;
252. -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
253. -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
254. border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
255. }
256. .ui-corner-left {
257. -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
258. -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
259. border-top-left-radius: .6em /*{global-radii-blocks}*/;
260. -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
261. -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
262. border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
263. }
264. .ui-corner-all {
265. -moz-border-radius: .6em /*{global-radii-blocks}*/;
266. -webkit-border-radius: .6em /*{global-radii-blocks}*/;
267. border-radius: .6em /*{global-radii-blocks}*/;
268. }
269. .ui-corner-none {
270. -moz-border-radius: 0;
271. -webkit-border-radius: 0;
272. border-radius: 0;
273. }
275. /* Form field separator
276. -----------------------------------------------------------------------------------------------------------*/
277. .ui-br {
278. border-bottom: rgb(130,130,130);
279. border-bottom: rgba(130,130,130,.3);
280. border-bottom-width: 1px;
281. border-bottom-style: solid;
282. }
284. /* Interaction cues
285. -----------------------------------------------------------------------------------------------------------*/
286. .ui-disabled {
287. filter: Alpha(Opacity=30);
288. opacity: .3;
289. zoom: 1;
290. }
291. .ui-disabled,
292. .ui-disabled a {
293. cursor: default !important;
294. pointer-events: none;
295. }
297. /* Icons
298. -----------------------------------------------------------------------------------------------------------*/
300. .ui-icon,
301. .ui-icon-searchfield:after {
302. background: #000000 /*{global-icon-color}*/;
303. background: rgba(0,0,0,0.4) /*{global-icon-disc}*/;
304. background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
305. background-repeat: no-repeat;
306. -moz-border-radius: 9px;
307. -webkit-border-radius: 9px;
308. border-radius: 9px;
309. }
312. /* Alt icon color
313. -----------------------------------------------------------------------------------------------------------*/
315. .ui-icon-alt {
316. background: #fff;
317. background: rgba(255,255,255,.3);
318. background-image: url(images/icons-18-black.png);
319. background-repeat: no-repeat;
320. }
322. /* HD/"retina" sprite
323. -----------------------------------------------------------------------------------------------------------*/
325. @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
326. only screen and (min--moz-device-pixel-ratio: 1.5),
327. only screen and (min-resolution: 240dpi) {
329. .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
330. .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
331. .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
332. .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after,
333. .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
334. background-image: url(images/icons-36-white.png);
335. -moz-background-size: 776px 18px;
336. -o-background-size: 776px 18px;
337. -webkit-background-size: 776px 18px;
338. background-size: 776px 18px;
339. }
340. .ui-icon-alt {
341. background-image: url(images/icons-36-black.png);
342. }
343. }
345. /* plus minus */
346. .ui-icon-plus {
347. background-position: -0 50%;
348. }
349. .ui-icon-minus {
350. background-position: -36px 50%;
351. }
353. /* delete/close */
354. .ui-icon-delete {
355. background-position: -72px 50%;
356. }
358. /* arrows */
359. .ui-icon-arrow-r {
360. background-position: -108px 50%;
361. }
362. .ui-icon-arrow-l {
363. background-position: -144px 50%;
364. }
365. .ui-icon-arrow-u {
366. background-position: -180px 50%;
367. }
368. .ui-icon-arrow-d {
369. background-position: -216px 50%;
370. }
372. /* misc */
373. .ui-icon-check {
374. background-position: -252px 50%;
375. }
376. .ui-icon-gear {
377. background-position: -288px 50%;
378. }
379. .ui-icon-refresh {
380. background-position: -324px 50%;
381. }
382. .ui-icon-forward {
383. background-position: -360px 50%;
384. }
385. .ui-icon-back {
386. background-position: -396px 50%;
387. }
388. .ui-icon-grid {
389. background-position: -432px 50%;
390. }
391. .ui-icon-star {
392. background-position: -468px 50%;
393. }
394. .ui-icon-alert {
395. background-position: -504px 50%;
396. }
397. .ui-icon-info {
398. background-position: -540px 50%;
399. }
400. .ui-icon-home {
401. background-position: -576px 50%;
402. }
403. .ui-icon-search,
404. .ui-icon-searchfield:after {
405. background-position: -612px 50%;
406. }
407. .ui-icon-checkbox-off {
408. background-position: -684px 50%;
409. }
410. .ui-icon-checkbox-on {
411. background-position: -648px 50%;
412. }
413. .ui-icon-radio-off {
414. background-position: -756px 50%;
415. }
416. .ui-icon-radio-on {
417. background-position: -720px 50%;
418. }
421. /* checks,radios */
422. .ui-checkbox .ui-icon,
423. .ui-selectmenu-list .ui-icon {
424. -moz-border-radius: 3px;
425. -webkit-border-radius: 3px;
426. border-radius: 3px;
427. }
428. .ui-icon-checkbox-off,
429. .ui-icon-radio-off {
430. background-color: transparent;
431. }
432. .ui-checkbox-on .ui-icon,
433. .ui-radio-on .ui-icon {
434. background-color: #b2384a /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
435. }
437. /* loading icon */
438. .ui-icon-loading {
439. background: url(images/ajax-loader.gif);
440. background-size: 46px 46px;
441. }
444. /* Button corner classes
445. -----------------------------------------------------------------------------------------------------------*/
447. .ui-btn-corner-tl {
448. -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
449. -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
450. border-top-left-radius: 1em /*{global-radii-buttons}*/;
451. }
452. .ui-btn-corner-tr {
453. -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
454. -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
455. border-top-right-radius: 1em /*{global-radii-buttons}*/;
456. }
457. .ui-btn-corner-bl {
458. -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
459. -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
460. border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
461. }
462. .ui-btn-corner-br {
463. -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
464. -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
465. border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
466. }
467. .ui-btn-corner-top {
468. -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
469. -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
470. border-top-left-radius: 1em /*{global-radii-buttons}*/;
471. -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
472. -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
473. border-top-right-radius: 1em /*{global-radii-buttons}*/;
474. }
475. .ui-btn-corner-bottom {
476. -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
477. -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
478. border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
479. -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
480. -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
481. border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
482. }
483. .ui-btn-corner-right {
484. -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
485. -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
486. border-top-right-radius: 1em /*{global-radii-buttons}*/;
487. -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
488. -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
489. border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
490. }
491. .ui-btn-corner-left {
492. -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
493. -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
494. border-top-left-radius: 1em /*{global-radii-buttons}*/;
495. -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
496. -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
497. border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
498. }
499. .ui-btn-corner-all {
500. -moz-border-radius: 1em /*{global-radii-buttons}*/;
501. -webkit-border-radius: 1em /*{global-radii-buttons}*/;
502. border-radius: 1em /*{global-radii-buttons}*/;
503. }
505. /* radius clip workaround for cleaning up corner trapping */
506. .ui-corner-tl,
507. .ui-corner-tr,
508. .ui-corner-bl,
509. .ui-corner-br,
510. .ui-corner-top,
511. .ui-corner-bottom,
512. .ui-corner-right,
513. .ui-corner-left,
514. .ui-corner-all,
515. .ui-btn-corner-tl,
516. .ui-btn-corner-tr,
517. .ui-btn-corner-bl,
518. .ui-btn-corner-br,
519. .ui-btn-corner-top,
520. .ui-btn-corner-bottom,
521. .ui-btn-corner-right,
522. .ui-btn-corner-left,
523. .ui-btn-corner-all {
524. -webkit-background-clip: padding-box;
525. -moz-background-clip: padding;
526. background-clip: padding-box;
527. }
529. /* Overlay / modal
530. -----------------------------------------------------------------------------------------------------------*/
532. .ui-overlay {
533. background: #666;
534. filter: Alpha(Opacity=50);
535. opacity: .5;
536. position: absolute;
537. width: 100%;
538. height: 100%;
539. }
540. .ui-overlay-shadow {
541. -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
542. -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
543. box-shadow: 0px 0px 12px rgba(0,0,0,.6);
544. }
545. .ui-shadow {
546. -moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
547. -webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
548. box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
549. }
550. .ui-bar-a .ui-shadow,
551. .ui-bar-b .ui-shadow ,
552. .ui-bar-c .ui-shadow {
553. -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
554. -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
555. box-shadow: 0px 1px 0 rgba(255,255,255,.3);
556. }
557. .ui-shadow-inset {
558. -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
559. -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
560. box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
561. }
562. .ui-icon-shadow {
563. -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
564. -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
565. box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
566. }
568. /* Focus state - set here for specificity (note: these classes are added by JavaScript)
569. -----------------------------------------------------------------------------------------------------------*/
571. .ui-btn:focus, .ui-link-inherit:focus {
572. outline: 0;
573. }
574. .ui-btn.ui-focus {
575. z-index: 1;
576. }
577. .ui-focus,
578. .ui-btn:focus {
579. -moz-box-shadow: inset 0px 0px 3px #b2384a /*{global-active-background-color}*/, 0px 0px 9px #b2384a /*{global-active-background-color}*/;
580. -webkit-box-shadow: inset 0px 0px 3px #b2384a /*{global-active-background-color}*/, 0px 0px 9px #b2384a /*{global-active-background-color}*/;
581. box-shadow: inset 0px 0px 3px #b2384a /*{global-active-background-color}*/, 0px 0px 9px #b2384a /*{global-active-background-color}*/;
582. }
583. .ui-input-text.ui-focus,
584. .ui-input-search.ui-focus {
585. -moz-box-shadow: 0px 0px 12px #b2384a /*{global-active-background-color}*/;
586. -webkit-box-shadow: 0px 0px 12px #b2384a /*{global-active-background-color}*/;
587. box-shadow: 0px 0px 12px #b2384a /*{global-active-background-color}*/;
588. }
590. /* unset box shadow in browsers that don't do it right
591. -----------------------------------------------------------------------------------------------------------*/
593. .ui-mobile-nosupport-boxshadow * {
594. -moz-box-shadow: none !important;
595. -webkit-box-shadow: none !important;
596. box-shadow: none !important;
597. }
599. /* ...and bring back focus */
600. .ui-mobile-nosupport-boxshadow .ui-focus,
601. .ui-mobile-nosupport-boxshadow .ui-btn:focus,
602. .ui-mobile-nosupport-boxshadow .ui-link-inherit:focus {
603. outline-width: 1px;
604. outline-style: auto;
605. }
This is my HTML
2. <head>
3. <meta charset="utf-8">
4. <title>MFSAMobile</title>
5. <meta name="viewport" content="width=device-width, initial-scale=1" />
6. <link rel="stylesheet" href="css/jquery-mfsa.min.css" />
7. <link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" />
8. <link rel="stylesheet" href="css/style.css" />
9. 
12. </head>

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend