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