2 * jQuery Mobile - Tizen "White" theme
3 * http://jquerymobile.com/
5 * Copyright 2010, jQuery Project
6 * Dual licensed under the MIT or GPL Version 2 licenses.
7 * http://jquery.org/license
10 /* general border width */
13 /* width of bottom border on header */
16 /* the brown used for header bar */
19 /* the orange used for option header, progress bar foreground etc. */
22 @lightOrange: #d9931a;
24 /* darker orange used for option header border */
28 -----------------------------------------------------------------------------------------------------------*/
30 /* for ui-bar gradients */
34 @aBarBorderColor: @orange;
35 @aBarTextColor: rgb(73,44,7);
37 /* for ui-body gradients */
38 @aBodyBgFrom: #eeeeee;
41 @aBodyBorderColor: rgba(255,255,255,0);
42 @aBodyTextColor: #333333;
45 @aLinkInheritColor: #ffffff;
47 /* for link text which is styled as a button */
48 @aBtnLinkInheritColor: #ffffff;
49 @aBtnDownLinkInheritColor: #ffffff;
51 @aBtnUpBorderColor: rgb(148,125,99); /* use Title_time text color */
52 @aBtnUpBgFrom: @brown;
54 @aBtnUpTextColor: @aBtnUpBorderColor; /* same as border color */
56 @aBtnHoverBorderColor: @aBtnUpBorderColor;
57 @aBtnHoverBgFrom: @brown;
58 @aBtnHoverBgTo: @brown;
59 @aBtnHoverTextColor: @aBtnUpBorderColor;
61 @aBtnDownBorderColor: #c88410;
62 @aBtnDownBgFrom: @lightOrange;
63 @aBtnDownBgTo: @lightOrange;
64 @aBtnDownTextColor: #ffffff;
67 border: @borderWidth solid @aBarBorderColor;
68 color: @aBarTextColor;
70 background: @aBarBgTo;
71 background-image: -webkit-gradient(linear, left top, left bottom, from(@aBarBgFrom), to(@aBarBgTo)); /* Saf4+, Chrome */
72 background-image: -webkit-linear-gradient(top, @aBarBgFrom, @aBarBgTo); /* Chrome 10+, Saf5.1+ */
73 background-image: -moz-linear-gradient(top, @aBarBgFrom, @aBarBgTo); /* FF3.6 */
74 background-image: -ms-linear-gradient(top, @aBarBgFrom, @aBarBgTo); /* IE10 */
75 background-image: -o-linear-gradient(top, @aBarBgFrom, @aBarBgTo); /* Opera 11.10+ */
76 background-image: linear-gradient(top, @aBarBgFrom, @aBarBgTo);
80 border: @borderWidth solid @aBodyBorderColor;
81 color: @aBodyTextColor;
82 background: @aBodyBgTo;
83 background-image: -webkit-gradient(linear, left top, left bottom, from(@aBodyBgFrom), to(@aBodyBgTo)); /* Saf4+, Chrome */
84 background-image: -webkit-linear-gradient(top, @aBodyBgFrom, @aBodyBgTo); /* Chrome 10+, Saf5.1+ */
85 background-image: -moz-linear-gradient(top, @aBodyBgFrom, @aBodyBgTo); /* FF3.6 */
86 background-image: -ms-linear-gradient(top, @aBodyBgFrom, @aBodyBgTo); /* IE10 */
87 background-image: -o-linear-gradient(top, @aBodyBgFrom, @aBodyBgTo); /* Opera 11.10+ */
88 background-image: linear-gradient(top, @aBodyBgFrom, @aBodyBgTo);
104 font-family: Helvetica, Arial, sans-serif;
107 .ui-body-a .ui-link-inherit {
108 color: @aLinkInheritColor;
111 .ui-body-a .ui-link {
117 border: @borderWidth solid @aBtnUpBorderColor;
118 background: @aBtnUpBgTo;
120 color: @aBtnUpTextColor;
121 background-image: -webkit-gradient(linear, left top, left bottom, from(@aBtnUpBgFrom), to(@aBtnUpBgTo)); /* Saf4+, Chrome */
122 background-image: -webkit-linear-gradient(top, @aBtnUpBgFrom, @aBtnUpBgTo); /* Chrome 10+, Saf5.1+ */
123 background-image: -moz-linear-gradient(top, @aBtnUpBgFrom, @aBtnUpBgTo); /* FF3.6 */
124 background-image: -ms-linear-gradient(top, @aBtnUpBgFrom, @aBtnUpBgTo); /* IE10 */
125 background-image: -o-linear-gradient(top, @aBtnUpBgFrom, @aBtnUpBgTo); /* Opera 11.10+ */
126 background-image: linear-gradient(top, @aBtnUpBgFrom, @aBtnUpBgTo);
130 border: @borderWidth solid @aBtnHoverBorderColor;
131 background: @aBtnHoverBgTo;
133 color: @aBtnHoverTextColor;
134 background-image: -webkit-gradient(linear, left top, left bottom, from(@aBtnHoverBgFrom), to(@aBtnHoverBgTo)); /* Saf4+, Chrome */
135 background-image: -webkit-linear-gradient(top, @aBtnHoverBgFrom, @aBtnHoverBgTo); /* Chrome 10+, Saf5.1+ */
136 background-image: -moz-linear-gradient(top, @aBtnHoverBgFrom, @aBtnHoverBgTo); /* FF3.6 */
137 background-image: -ms-linear-gradient(top, @aBtnHoverBgFrom, @aBtnHoverBgTo); /* IE10 */
138 background-image: -o-linear-gradient(top, @aBtnHoverBgFrom, @aBtnHoverBgTo); /* Opera 11.10+ */
139 background-image: linear-gradient(top, @aBtnHoverBgFrom, @aBtnHoverBgTo);
143 border: @borderWidth solid @aBtnDownBorderColor;
144 background: @aBtnDownBgTo;
146 color: @aBtnDownTextColor;
147 background-image: -webkit-gradient(linear, left top, left bottom, from(@aBtnDownBgFrom), to(@aBtnDownBgTo)); /* Saf4+, Chrome */
148 background-image: -webkit-linear-gradient(top, @aBtnDownBgFrom, @aBtnDownBgTo); /* Chrome 10+, Saf5.1+ */
149 background-image: -moz-linear-gradient(top, @aBtnDownBgFrom, @aBtnDownBgTo); /* FF3.6 */
150 background-image: -ms-linear-gradient(top, @aBtnDownBgFrom, @aBtnDownBgTo); /* IE10 */
151 background-image: -o-linear-gradient(top, @aBtnDownBgFrom, @aBtnDownBgTo); /* Opera 11.10+ */
152 background-image: linear-gradient(top, @aBtnDownBgFrom, @aBtnDownBgTo);
155 .ui-btn-hover-a a.ui-link-inherit,
156 .ui-btn-up-a a.ui-link-inherit {
157 color: @aBtnLinkInheritColor;
160 .ui-btn-down-a a.ui-link-inherit {
161 color: @aBtnDownLinkInheritColor;
167 text-decoration: none;
171 -----------------------------------------------------------------------------------------------------------*/
173 /* for ui-bar gradients */
174 @bBarBgFrom: #dad8d4;
177 @bBarBorderColor: #c7c7c7;
178 @bBarTextColor: rgb(108,108,108);
180 /* for ui-body gradients */
181 @bBodyBgFrom: @orange;
184 @bBodyBorderColor: rgb(199,199,199);
185 @bBodyTextColor: #333333;
187 @bLinkColor: #2489ce;
188 @bLinkInheritColor: #333333;
190 /* for link text which is styled as a button */
191 @bBtnLinkInheritColor: #ffffff;
192 @bBtnDownLinkInheritColor: #ffffff;
194 @bBtnUpBorderColor: @darkOrange;
195 @bBtnUpBgFrom: @orange;
196 @bBtnUpBgTo: @orange;
197 @bBtnUpTextColor: #ffffff;
199 @bBtnHoverBorderColor: @darkOrange;
200 @bBtnHoverBgFrom: @orange;
201 @bBtnHoverBgTo: @orange;
202 @bBtnHoverTextColor: #ffffff;
204 @bBtnDownBorderColor: @orange;
205 @bBtnDownBgFrom: @lightOrange;
206 @bBtnDownBgTo: @lightOrange;
207 @bBtnDownTextColor: #ffffff;
210 border: @borderWidth solid @bBarBorderColor;
211 color: @bBarTextColor;
213 background: @bBarBgTo;
214 background-image: -webkit-gradient(linear, left top, left bottom, from(@bBarBgFrom), to(@bBarBgTo)); /* Saf4+, Chrome */
215 background-image: -webkit-linear-gradient(top, @bBarBgFrom, @bBarBgTo); /* Chrome 10+, Saf5.1+ */
216 background-image: -moz-linear-gradient(top, @bBarBgFrom, @bBarBgTo); /* FF3.6 */
217 background-image: -ms-linear-gradient(top, @bBarBgFrom, @bBarBgTo); /* IE10 */
218 background-image: -o-linear-gradient(top, @bBarBgFrom, @bBarBgTo); /* Opera 11.10+ */
219 background-image: linear-gradient(top, @bBarBgFrom, @bBarBgTo);
223 border: @borderWidth solid @bBodyBorderColor;
224 color: @bBodyTextColor;
225 background: @bBodyBgTo;
226 background-image: -webkit-gradient(linear, left top, left bottom, from(@bBodyBgFrom), to(@bBodyBgTo)); /* Saf4+, Chrome */
227 background-image: -webkit-linear-gradient(top, @bBodyBgFrom, @bBodyBgTo); /* Chrome 10+, Saf5.1+ */
228 background-image: -moz-linear-gradient(top, @bBodyBgFrom, @bBodyBgTo); /* FF3.6 */
229 background-image: -ms-linear-gradient(top, @bBodyBgFrom, @bBodyBgTo); /* IE10 */
230 background-image: -o-linear-gradient(top, @bBodyBgFrom, @bBodyBgTo); /* Opera 11.10+ */
231 background-image: linear-gradient(top, @bBodyBgFrom, @bBodyBgTo);
247 font-family: Helvetica, Arial, sans-serif;
250 .ui-body-b .ui-link-inherit {
251 color: @bLinkInheritColor;
254 .ui-body-b .ui-link {
260 border: @borderWidth solid @bBtnUpBorderColor;
261 background: @bBtnUpBgTo;
263 color: @bBtnUpTextColor;
264 background-image: -webkit-gradient(linear, left top, left bottom, from(@bBtnUpBgFrom), to(@bBtnUpBgTo)); /* Saf4+, Chrome */
265 background-image: -webkit-linear-gradient(top, @bBtnUpBgFrom, @bBtnUpBgTo); /* Chrome 10+, Saf5.1+ */
266 background-image: -moz-linear-gradient(top, @bBtnUpBgFrom, @bBtnUpBgTo); /* FF3.6 */
267 background-image: -ms-linear-gradient(top, @bBtnUpBgFrom, @bBtnUpBgTo); /* IE10 */
268 background-image: -o-linear-gradient(top, @bBtnUpBgFrom, @bBtnUpBgTo); /* Opera 11.10+ */
269 background-image: linear-gradient(top, @bBtnUpBgFrom, @bBtnUpBgTo);
273 border: @borderWidth solid @bBtnHoverBorderColor;
274 background: @bBtnHoverBgTo;
276 color: @bBtnHoverTextColor;
277 background-image: -webkit-gradient(linear, left top, left bottom, from(@bBtnHoverBgFrom), to(@bBtnHoverBgTo)); /* Saf4+, Chrome */
278 background-image: -webkit-linear-gradient(top, @bBtnHoverBgFrom, @bBtnHoverBgTo); /* Chrome 10+, Saf5.1+ */
279 background-image: -moz-linear-gradient(top, @bBtnHoverBgFrom, @bBtnHoverBgTo); /* FF3.6 */
280 background-image: -ms-linear-gradient(top, @bBtnHoverBgFrom, @bBtnHoverBgTo); /* IE10 */
281 background-image: -o-linear-gradient(top, @bBtnHoverBgFrom, @bBtnHoverBgTo); /* Opera 11.10+ */
282 background-image: linear-gradient(top, @bBtnHoverBgFrom, @bBtnHoverBgTo);
286 border: @borderWidth solid @bBtnDownBorderColor;
287 background: @bBtnDownBgTo;
289 color: @bBtnDownTextColor;
290 background-image: -webkit-gradient(linear, left top, left bottom, from(@bBtnDownBgFrom), to(@bBtnDownBgTo)); /* Saf4+, Chrome */
291 background-image: -webkit-linear-gradient(top, @bBtnDownBgFrom, @bBtnDownBgTo); /* Chrome 10+, Saf5.1+ */
292 background-image: -moz-linear-gradient(top, @bBtnDownBgFrom, @bBtnDownBgTo); /* FF3.6 */
293 background-image: -ms-linear-gradient(top, @bBtnDownBgFrom, @bBtnDownBgTo); /* IE10 */
294 background-image: -o-linear-gradient(top, @bBtnDownBgFrom, @bBtnDownBgTo); /* Opera 11.10+ */
295 background-image: linear-gradient(top, @bBtnDownBgFrom, @bBtnDownBgTo);
298 .ui-btn-hover-b a.ui-link-inherit,
299 .ui-btn-up-b a.ui-link-inherit {
300 color: @bBtnLinkInheritColor;
303 .ui-btn-down-b a.ui-link-inherit {
304 color: @bBtnDownLinkInheritColor;
310 text-decoration: none;
314 -----------------------------------------------------------------------------------------------------------*/
316 /* for ui-bar gradients */
317 @cBarBgFrom: #f0f0f0;
320 @cBarBorderColor: rgba(255,255,255,0);
321 @cBarTextColor: #3e3e3e;
323 /* for ui-body gradients */
324 @cBodyBgFrom: rgb(249,249,249);
325 @cBodyBgTo: rgb(249,249,249);
327 @cBodyBorderColor: #b3b3b3;
328 @cBodyTextColor: #333333;
330 @cLinkColor: #2489CE;
331 @cLinkInheritColor: #333333;
333 /* for link text which is styled as a button */
334 @cBtnLinkInheritColor: #2F3E46;
335 @cBtnDownLinkInheritColor: #ffffff;
337 @cBtnUpBorderColor: #c7c7c7;
338 @cBtnUpBgFrom: #f3efe9;
339 @cBtnUpBgTo: #f3efe9;
340 @cBtnUpTextColor: rgb(78,73,69);
342 @cBtnHoverBorderColor: #c7c7c7;
343 @cBtnHoverBgFrom: #f3efe9;
344 @cBtnHoverBgTo: #f3efe9;
345 @cBtnHoverTextColor: rgb(78,73,69);
347 @cBtnDownBorderColor: #c88410;
348 @cBtnDownBgFrom: @lightOrange;
349 @cBtnDownBgTo: @lightOrange;
350 @cBtnDownTextColor: #ffffff;
353 border: @borderWidth solid @cBarBorderColor;
354 color: @cBarTextColor;
356 background: @cBarBgTo;
357 background-image: -webkit-gradient(linear, left top, left bottom, from(@cBarBgFrom), to(@cBarBgTo)); /* Saf4+, Chrome */
358 background-image: -webkit-linear-gradient(top, @cBarBgFrom, @cBarBgTo); /* Chrome 10+, Saf5.1+ */
359 background-image: -moz-linear-gradient(top, @cBarBgFrom, @cBarBgTo); /* FF3.6 */
360 background-image: -ms-linear-gradient(top, @cBarBgFrom, @cBarBgTo); /* IE10 */
361 background-image: -o-linear-gradient(top, @cBarBgFrom, @cBarBgTo); /* Opera 11.10+ */
362 background-image: linear-gradient(top, @cBarBgFrom, @cBarBgTo);
366 border: @borderWidth solid @cBodyBorderColor;
367 color: @cBodyTextColor;
368 background: @cBodyBgTo;
369 background-image: -webkit-gradient(linear, left top, left bottom, from(@cBodyBgFrom), to(@cBodyBgTo)); /* Saf4+, Chrome */
370 background-image: -webkit-linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); /* Chrome 10+, Saf5.1+ */
371 background-image: -moz-linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); /* FF3.6 */
372 background-image: -ms-linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); /* IE10 */
373 background-image: -o-linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); /* Opera 11.10+ */
374 background-image: linear-gradient(top, @cBodyBgFrom, @cBodyBgTo);
390 font-family: Helvetica, Arial, sans-serif;
393 .ui-body-c .ui-link-inherit {
394 color: @cLinkInheritColor;
397 .ui-body-c .ui-link {
403 border: @borderWidth solid @cBtnUpBorderColor;
404 background: @cBtnUpBgTo;
406 color: @cBtnUpTextColor;
407 background-image: -webkit-gradient(linear, left top, left bottom, from(@cBtnUpBgFrom), to(@cBtnUpBgTo)); /* Saf4+, Chrome */
408 background-image: -webkit-linear-gradient(top, @cBtnUpBgFrom, @cBtnUpBgTo); /* Chrome 10+, Saf5.1+ */
409 background-image: -moz-linear-gradient(top, @cBtnUpBgFrom, @cBtnUpBgTo); /* FF3.6 */
410 background-image: -ms-linear-gradient(top, @cBtnUpBgFrom, @cBtnUpBgTo); /* IE10 */
411 background-image: -o-linear-gradient(top, @cBtnUpBgFrom, @cBtnUpBgTo); /* Opera 11.10+ */
412 background-image: linear-gradient(top, @cBtnUpBgFrom, @cBtnUpBgTo);
415 /* override background styling for list items which are styled as buttons */
418 background: @cBodyBgTo;
419 background-image: -webkit-gradient(linear, left top, left bottom, from(@cBodyBgFrom), to(@cBodyBgTo)); /* Saf4+, Chrome */
420 background-image: -webkit-linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); /* Chrome 10+, Saf5.1+ */
421 background-image: -moz-linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); /* FF3.6 */
422 background-image: -ms-linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); /* IE10 */
423 background-image: -o-linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); /* Opera 11.10+ */
424 background-image: linear-gradient(top, @cBodyBgFrom, @cBodyBgTo);
428 border: @borderWidth solid @cBtnHoverBorderColor;
429 background: @cBtnHoverBgTo;
431 color: @cBtnHoverTextColor;
432 background-image: -webkit-gradient(linear, left top, left bottom, from(@cBtnHoverBgFrom), to(@cBtnHoverBgTo)); /* Saf4+, Chrome */
433 background-image: -webkit-linear-gradient(top, @cBtnHoverBgFrom, @cBtnHoverBgTo); /* Chrome 10+, Saf5.1+ */
434 background-image: -moz-linear-gradient(top, @cBtnHoverBgFrom, @cBtnHoverBgTo); /* FF3.6 */
435 background-image: -ms-linear-gradient(top, @cBtnHoverBgFrom, @cBtnHoverBgTo); /* IE10 */
436 background-image: -o-linear-gradient(top, @cBtnHoverBgFrom, @cBtnHoverBgTo); /* Opera 11.10+ */
437 background-image: linear-gradient(top, @cBtnHoverBgFrom, @cBtnHoverBgTo);
440 /* NB uses !important here to ensure that button presses are highlighted correctly,
441 regardless of whether they occur on buttons inside or outside listviews */
443 border: @borderWidth solid @cBtnDownBorderColor;
444 background: @cBtnDownBgTo !important;
446 color: @cBtnDownTextColor;
447 background-image: -webkit-gradient(linear, left top, left bottom, from(@cBtnDownBgFrom), to(@cBtnDownBgTo)) !important; /* Saf4+, Chrome */
448 background-image: -webkit-linear-gradient(top, @cBtnDownBgFrom, @cBtnDownBgTo) !important; /* Chrome 10+, Saf5.1+ */
449 background-image: -moz-linear-gradient(top, @cBtnDownBgFrom, @cBtnDownBgTo) !important; /* FF3.6 */
450 background-image: -ms-linear-gradient(top, @cBtnDownBgFrom, @cBtnDownBgTo) !important; /* IE10 */
451 background-image: -o-linear-gradient(top, @cBtnDownBgFrom, @cBtnDownBgTo) !important; /* Opera 11.10+ */
452 background-image: linear-gradient(top, @cBtnDownBgFrom, @cBtnDownBgTo) !important;
455 .ui-btn-hover-c a.ui-link-inherit,
456 .ui-btn-up-c a.ui-link-inherit {
457 color: @cBtnLinkInheritColor;
460 .ui-btn-down-c a.ui-link-inherit {
461 color: @cBtnDownLinkInheritColor;
467 text-decoration: none;
471 -----------------------------------------------------------------------------------------------------------*/
474 border: @borderWidth solid #ccc;
477 text-shadow: 0 1px 0 #eee;
478 background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb)); /* Saf4+, Chrome */
479 background-image: -webkit-linear-gradient(top, #ddd, #bbb); /* Chrome 10+, Saf5.1+ */
480 background-image: -moz-linear-gradient(top, #ddd, #bbb); /* FF3.6 */
481 background-image: -ms-linear-gradient(top, #ddd, #bbb); /* IE10 */
482 background-image: -o-linear-gradient(top, #ddd, #bbb); /* Opera 11.10+ */
483 background-image: linear-gradient(top, #ddd, #bbb);
490 font-family: Helvetica, Arial, sans-serif;
492 .ui-bar-d .ui-link-inherit {
500 border: @borderWidth solid #ccc;
502 text-shadow: 0 1px 0 #fff;
510 font-family: Helvetica, Arial, sans-serif;
512 .ui-body-d .ui-link-inherit {
515 .ui-body-d .ui-link {
520 border: @borderWidth solid #ccc;
524 text-shadow: 0 1px 1px #fff;
526 .ui-btn-up-d a.ui-link-inherit {
530 border: @borderWidth solid #aaa;
535 text-shadow: 0 1px 1px #fff;
536 background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eee)); /* Saf4+, Chrome */
537 background-image: -webkit-linear-gradient(top, #fdfdfd, #eee); /* Chrome 10+, Saf5.1+ */
538 background-image: -moz-linear-gradient(top, #fdfdfd, #eee); /* FF3.6 */
539 background-image: -ms-linear-gradient(top, #fdfdfd, #eee); /* IE10 */
540 background-image: -o-linear-gradient(top, #fdfdfd, #eee); /* Opera 11.10+ */
541 background-image: linear-gradient(top, #fdfdfd, #eee);
543 .ui-btn-hover-d a.ui-link-inherit {
547 border: @borderWidth solid #aaaaaa;
551 text-shadow: 0 1px 1px #ffffff;
552 background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); /* Saf4+, Chrome */
553 background-image: -webkit-linear-gradient(top, #eee, #fff); /* Chrome 10+, Saf5.1+ */
554 background-image: -moz-linear-gradient(top, #eee, #fff); /* FF3.6 */
555 background-image: -ms-linear-gradient(top, #eee, #fff); /* IE10 */
556 background-image: -o-linear-gradient(top, #eee, #fff); /* Opera 11.10+ */
557 background-image: linear-gradient(top, #eee, #fff);
559 .ui-btn-down-d a.ui-link-inherit {
565 font-family: Helvetica, Arial, sans-serif;
566 text-decoration: none;
571 -----------------------------------------------------------------------------------------------------------*/
574 border: @borderWidth solid #F7C942;
577 text-shadow: 0 1px 0 #fff;
578 background-image: -webkit-gradient(linear, left top, left bottom, from(#fceda7), to(#fadb4e)); /* Saf4+, Chrome */
579 background-image: -webkit-linear-gradient(top, #fceda7, #fadb4e); /* Chrome 10+, Saf5.1+ */
580 background-image: -moz-linear-gradient(top, #fceda7, #fadb4e); /* FF3.6 */
581 background-image: -ms-linear-gradient(top, #fceda7, #fadb4e); /* IE10 */
582 background-image: -o-linear-gradient(top, #fceda7, #fadb4e); /* Opera 11.10+ */
583 background-image: linear-gradient(top, #fceda7, #fadb4e);
590 font-family: Helvetica, Arial, sans-serif;
592 .ui-bar-e .ui-link-inherit {
600 border: @borderWidth solid #F7C942;
602 text-shadow: 0 1px 0 #fff;
604 background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#faeb9e)); /* Saf4+, Chrome */
605 background-image: -webkit-linear-gradient(top, #fff, #faeb9e); /* Chrome 10+, Saf5.1+ */
606 background-image: -moz-linear-gradient(top, #fff, #faeb9e); /* FF3.6 */
607 background-image: -ms-linear-gradient(top, #fff, #faeb9e); /* IE10 */
608 background-image: -o-linear-gradient(top, #fff, #faeb9e); /* Opera 11.10+ */
609 background-image: linear-gradient(top, #fff, #faeb9e);
616 font-family: Helvetica, Arial, sans-serif;
618 .ui-body-e .ui-link-inherit {
621 .ui-body-e .ui-link {
626 border: @borderWidth solid #F7C942;
630 text-shadow: 0 1px 0 #fff;
631 background-image: -webkit-gradient(linear, left top, left bottom, from(#fceda7), to(#fadb4e)); /* Saf4+, Chrome */
632 background-image: -webkit-linear-gradient(top, #fceda7, #fadb4e); /* Chrome 10+, Saf5.1+ */
633 background-image: -moz-linear-gradient(top, #fceda7, #fadb4e); /* FF3.6 */
634 background-image: -ms-linear-gradient(top, #fceda7, #fadb4e); /* IE10 */
635 background-image: -o-linear-gradient(top, #fceda7, #fadb4e); /* Opera 11.10+ */
636 background-image: linear-gradient(top, #fceda7, #fadb4e);
638 .ui-btn-up-e a.ui-link-inherit {
642 border: @borderWidth solid #e79952;
646 text-shadow: 0 1px 1px #fff;
647 background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf0b5), to(#fbe26f)); /* Saf4+, Chrome */
648 background-image: -webkit-linear-gradient(top, #fcf0b5, #fbe26f); /* Chrome 10+, Saf5.1+ */
649 background-image: -moz-linear-gradient(top, #fcf0b5, #fbe26f); /* FF3.6 */
650 background-image: -ms-linear-gradient(top, #fcf0b5, #fbe26f); /* IE10 */
651 background-image: -o-linear-gradient(top, #fcf0b5, #fbe26f); /* Opera 11.10+ */
652 background-image: linear-gradient(top, #fcf0b5, #fbe26f);
655 .ui-btn-hover-e a.ui-link-inherit {
659 border: @borderWidth solid #F7C942;
663 text-shadow: 0 1px 1px #ffffff;
664 background-image: -webkit-gradient(linear, left top, left bottom, from(#fadb4e), to(#fceda7)); /* Saf4+, Chrome */
665 background-image: -webkit-linear-gradient(top, #fadb4e, #fceda7); /* Chrome 10+, Saf5.1+ */
666 background-image: -moz-linear-gradient(top, #fadb4e, #fceda7); /* FF3.6 */
667 background-image: -ms-linear-gradient(top, #fadb4e, #fceda7); /* IE10 */
668 background-image: -o-linear-gradient(top, #fadb4e, #fceda7); /* Opera 11.10+ */
669 background-image: linear-gradient(top, #fadb4e, #fceda7);
671 .ui-btn-down-e a.ui-link-inherit {
677 font-family: Helvetica, Arial, sans-serif;
678 text-decoration: none;
683 -----------------------------------------------------------------------------------------------------------*/
685 border-bottom: rgb(130,130,130);
686 border-bottom: rgba(130,130,130,.3);
687 border-bottom-width: 1px;
688 border-bottom-style: solid;
691 /* links within "buttons"
692 -----------------------------------------------------------------------------------------------------------*/
695 text-decoration: none !important;
699 /* Active class used as the "on" state across all themes; for now, these match the 'c' swatch
700 -----------------------------------------------------------------------------------------------------------*/
701 @activeBgFrom: @cBtnDownBgFrom;
702 @activeLinkInheritColor: @cBtnDownLinkInheritColor;
708 .ui-btn-active a.ui-link-inherit {
709 color: @activeLinkInheritColor;
713 /* button inner top highlight
714 -----------------------------------------------------------------------------------------------------------*/
717 border-top: 1px solid #fff;
718 border-color: rgba(255,255,255,.3);
722 /* corner rounding classes
723 -----------------------------------------------------------------------------------------------------------*/
726 -moz-border-radius-topleft: .6em;
727 -webkit-border-top-left-radius: .6em;
728 border-top-left-radius: .6em;
731 -moz-border-radius-topright: .6em;
732 -webkit-border-top-right-radius: .6em;
733 border-top-right-radius: .6em;
736 -moz-border-radius-bottomleft: .6em;
737 -webkit-border-bottom-left-radius: .6em;
738 border-bottom-left-radius: .6em;
741 -moz-border-radius-bottomright: .6em;
742 -webkit-border-bottom-right-radius: .6em;
743 border-bottom-right-radius: .6em;
746 -moz-border-radius-topleft: .6em;
747 -webkit-border-top-left-radius: .6em;
748 border-top-left-radius: .6em;
749 -moz-border-radius-topright: .6em;
750 -webkit-border-top-right-radius: .6em;
751 border-top-right-radius: .6em;
754 -moz-border-radius-bottomleft: .6em;
755 -webkit-border-bottom-left-radius: .6em;
756 border-bottom-left-radius: .6em;
757 -moz-border-radius-bottomright: .6em;
758 -webkit-border-bottom-right-radius: .6em;
759 border-bottom-right-radius: .6em;
762 -moz-border-radius-topright: .6em;
763 -webkit-border-top-right-radius: .6em;
764 border-top-right-radius: .6em;
765 -moz-border-radius-bottomright: .6em;
766 -webkit-border-bottom-right-radius: .6em;
767 border-bottom-right-radius: .6em;
770 -moz-border-radius-topleft: .6em;
771 -webkit-border-top-left-radius: .6em;
772 border-top-left-radius: .6em;
773 -moz-border-radius-bottomleft: .6em;
774 -webkit-border-bottom-left-radius: .6em;
775 border-bottom-left-radius: .6em;
778 -moz-border-radius: .6em;
779 -webkit-border-radius: .6em;
786 -----------------------------------------------------------------------------------------------------------*/
796 -----------------------------------------------------------------------------------------------------------*/
800 background: rgba(0,0,0,.4);
801 background-image: url(images/icons-18-white.png);
802 background-repeat: no-repeat;
803 -moz-border-radius: 9px;
804 -webkit-border-radius: 9px;
810 -----------------------------------------------------------------------------------------------------------*/
814 background: rgba(255,255,255,.3);
815 background-image: url(images/icons-18-black.png);
816 background-repeat: no-repeat;
819 /* HD/"retina" sprite
820 -----------------------------------------------------------------------------------------------------------*/
822 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
823 only screen and (min--moz-device-pixel-ratio: 1.5),
824 only screen and (min-resolution: 240dpi) {
826 .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
827 .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
828 .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
829 .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search,
830 .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
831 background-image: url(images/icons-36-white.png);
832 -moz-background-size: 776px 18px;
833 -o-background-size: 776px 18px;
834 -webkit-background-size: 776px 18px;
835 background-size: 776px 18px;
838 background-image: url(images/icons-36-black.png);
844 background-position: -0 50%;
847 background-position: -36px 50%;
852 background-position: -72px 50%;
857 background-position: -108px 50%;
860 background-position: -144px 50%;
863 background-position: -180px 50%;
866 background-position: -216px 50%;
871 background-position: -252px 50%;
874 background-position: -288px 50%;
877 background-position: -324px 50%;
880 background-position: -360px 50%;
883 background-position: -396px 50%;
886 background-position: -432px 50%;
889 background-position: -468px 50%;
892 background-position: -504px 50%;
895 background-position: -540px 50%;
898 background-position: -576px 50%;
901 background-position: -612px 50%;
903 .ui-icon-checkbox-off {
904 background-position: -684px 50%;
906 .ui-icon-checkbox-on {
907 background-position: -648px 50%;
910 background-position: -756px 50%;
913 background-position: -720px 50%;
918 .ui-checkbox .ui-icon {
919 -moz-border-radius: 3px;
920 -webkit-border-radius: 3px;
923 .ui-icon-checkbox-off,
925 background-color: transparent;
927 .ui-checkbox-on .ui-icon,
928 .ui-radio-on .ui-icon {
929 background-color: @activeBgFrom;
931 .ui-icon-searchfield {
932 background-image: url(images/icon-search-black.png);
933 background-size: 16px 16px;
938 background-image: url(images/ajax-loader.png);
941 -moz-border-radius: 20px;
942 -webkit-border-radius: 20px;
944 background-size: 35px 35px;
948 /* Button corner classes
949 -----------------------------------------------------------------------------------------------------------*/
952 -moz-border-radius-topleft: 1em;
953 -webkit-border-top-left-radius: 1em;
954 border-top-left-radius: 1em;
957 -moz-border-radius-topright: 1em;
958 -webkit-border-top-right-radius: 1em;
959 border-top-right-radius: 1em;
962 -moz-border-radius-bottomleft: 1em;
963 -webkit-border-bottom-left-radius: 1em;
964 border-bottom-left-radius: 1em;
967 -moz-border-radius-bottomright: 1em;
968 -webkit-border-bottom-right-radius: 1em;
969 border-bottom-right-radius: 1em;
972 -moz-border-radius-topleft: 1em;
973 -webkit-border-top-left-radius: 1em;
974 border-top-left-radius: 1em;
975 -moz-border-radius-topright: 1em;
976 -webkit-border-top-right-radius: 1em;
977 border-top-right-radius: 1em;
979 .ui-btn-corner-bottom {
980 -moz-border-radius-bottomleft: 1em;
981 -webkit-border-bottom-left-radius: 1em;
982 border-bottom-left-radius: 1em;
983 -moz-border-radius-bottomright: 1em;
984 -webkit-border-bottom-right-radius: 1em;
985 border-bottom-right-radius: 1em;
987 .ui-btn-corner-right {
988 -moz-border-radius-topright: 1em;
989 -webkit-border-top-right-radius: 1em;
990 border-top-right-radius: 1em;
991 -moz-border-radius-bottomright: 1em;
992 -webkit-border-bottom-right-radius: 1em;
993 border-bottom-right-radius: 1em;
995 .ui-btn-corner-left {
996 -moz-border-radius-topleft: 1em;
997 -webkit-border-top-left-radius: 1em;
998 border-top-left-radius: 1em;
999 -moz-border-radius-bottomleft: 1em;
1000 -webkit-border-bottom-left-radius: 1em;
1001 border-bottom-left-radius: 1em;
1003 .ui-btn-corner-all {
1004 -moz-border-radius: 1em;
1005 -webkit-border-radius: 1em;
1009 /* radius clip workaround for cleaning up corner trapping */
1024 .ui-btn-corner-bottom,
1025 .ui-btn-corner-right,
1026 .ui-btn-corner-left,
1027 .ui-btn-corner-all {
1028 -webkit-background-clip: padding-box;
1029 -moz-background-clip: padding;
1030 background-clip: padding-box;
1034 -----------------------------------------------------------------------------------------------------------*/
1039 filter: Alpha(Opacity=50);
1044 .ui-overlay-shadow {
1045 -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
1046 -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
1047 box-shadow: 0px 0px 12px rgba(0,0,0,.6);
1050 -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
1051 -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
1052 box-shadow: 0px 1px 4px rgba(0,0,0,.3);
1054 .ui-bar-a .ui-shadow,
1055 .ui-bar-b .ui-shadow ,
1056 .ui-bar-c .ui-shadow {
1057 -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
1058 -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
1059 box-shadow: 0px 1px 0 rgba(255,255,255,.3);
1062 -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
1063 -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
1064 box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
1067 -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4);
1068 -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4);
1069 box-shadow: 0px 1px 0 rgba(255,255,255,.4);
1072 /* turn off shadows for buttons
1073 -----------------------------------------------------------------------------------------------------------*/
1075 -moz-box-shadow: none !important;
1076 -webkit-box-shadow: none !important;
1077 box-shadow: none !important;
1080 /* unset box shadow in browsers that don't do it right
1081 -----------------------------------------------------------------------------------------------------------*/
1082 .ui-mobile-nosupport-boxshadow * {
1083 -moz-box-shadow: none !important;
1084 -webkit-box-shadow: none !important;
1085 box-shadow: none !important;
1087 /* turn off outlines for all ui-focus elements
1088 -----------------------------------------------------------------------------------------------------------*/
1094 * jQuery Mobile Framework
1095 * Copyright (c) jQuery Project
1096 * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
1099 /* some unsets - more probably needed */
1100 .ui-mobile, .ui-mobile body { height: 100%; }
1101 .ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
1102 .ui-mobile a img, .ui-mobile fieldset { border: 0; }
1104 /* responsive page widths */
1105 .ui-mobile-viewport { margin: 0; overflow-x: hidden; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
1107 /* "page" containers - full-screen views, one should always be in view post-pageload */
1108 .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; }
1109 .ui-mobile .ui-page-active { display: block; overflow: visible; }
1111 /*orientations from js are available */
1113 .portrait .ui-page { min-height: 420px; }
1115 .landscape .ui-page { min-height: 300px; }
1117 /* loading screen */
1118 .ui-loading .ui-mobile-viewport { overflow: hidden !important; }
1119 .ui-loading .ui-loader { display: block; }
1120 .ui-loading .ui-page { overflow: hidden; }
1121 .ui-loader { display: none; position: absolute; opacity: .85; z-index: 100; left: 50%; width: 200px; margin-left: -130px; margin-top: -35px; padding: 10px 30px; }
1122 .ui-loader h1 { font-size: 15px; text-align: center; }
1123 .ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; }
1126 .ui-mobile-rendering > * { visibility: hidden; }
1128 /*headers, content panels*/
1129 .ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }
1130 .ui-bar { font-size: 16px; margin: 0; }
1131 .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; }
1133 .ui-header, .ui-footer { display: block; }
1134 .ui-page .ui-header, .ui-page .ui-footer { position: relative; }
1135 .ui-header .ui-btn-left { position: absolute; left: 10px; top: .4em; }
1136 .ui-header .ui-btn-right { position: absolute; right: 10px; top: .4em; }
1137 .ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 90px .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
1139 border-width: 0 !important;
1140 border-bottom-width: @barBorderWidth !important;
1143 border-width: 0 !important;
1147 .ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
1148 .ui-page-fullscreen .ui-content { padding:0; }
1151 .ui-icon { width: 18px; height: 18px; }
1153 /* fullscreen class on ui-content div */
1155 .ui-fullscreen img { max-width: 100%; }
1157 /* non-js content hiding */
1158 .ui-nojs { position: absolute; left: -9999px; }
1160 * jQuery Mobile Framework
1161 * Copyright (c) jQuery Project
1162 * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1165 -webkit-transform: rotate(360deg);
1166 -webkit-animation-name: spin;
1167 -webkit-animation-duration: 1s;
1168 -webkit-animation-iteration-count: infinite;
1169 -webkit-animation-timing-function: linear;
1171 @-webkit-keyframes spin {
1172 from {-webkit-transform: rotate(0deg);}
1173 to {-webkit-transform: rotate(360deg);}
1176 /* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/
1177 Built by David Kaneda and maintained by Jonathan Stark.
1180 -webkit-animation-timing-function: ease-in-out;
1181 -webkit-animation-duration: 350ms;
1185 -webkit-transform: translateX(0);
1186 -webkit-animation-name: slideinfromright;
1190 -webkit-transform: translateX(-100%);
1191 -webkit-animation-name: slideouttoleft;
1195 -webkit-transform: translateX(0);
1196 -webkit-animation-name: slideinfromleft;
1199 .slide.out.reverse {
1200 -webkit-transform: translateX(100%);
1201 -webkit-animation-name: slideouttoright;
1205 -webkit-transform: translateY(0);
1206 -webkit-animation-name: slideinfrombottom;
1211 -webkit-animation-name: dontmove;
1215 .slideup.out.reverse {
1216 -webkit-transform: translateY(100%);
1218 -webkit-animation-name: slideouttobottom;
1221 .slideup.in.reverse {
1223 -webkit-animation-name: dontmove;
1226 -webkit-transform: translateY(0);
1227 -webkit-animation-name: slideinfromtop;
1232 -webkit-animation-name: dontmove;
1236 .slidedown.out.reverse {
1237 -webkit-transform: translateY(-100%);
1239 -webkit-animation-name: slideouttotop;
1242 .slidedown.in.reverse {
1244 -webkit-animation-name: dontmove;
1247 @-webkit-keyframes slideinfromright {
1248 from { -webkit-transform: translateX(100%); }
1249 to { -webkit-transform: translateX(0); }
1252 @-webkit-keyframes slideinfromleft {
1253 from { -webkit-transform: translateX(-100%); }
1254 to { -webkit-transform: translateX(0); }
1257 @-webkit-keyframes slideouttoleft {
1258 from { -webkit-transform: translateX(0); }
1259 to { -webkit-transform: translateX(-100%); }
1262 @-webkit-keyframes slideouttoright {
1263 from { -webkit-transform: translateX(0); }
1264 to { -webkit-transform: translateX(100%); }
1268 @-webkit-keyframes slideinfromtop {
1269 from { -webkit-transform: translateY(-100%); }
1270 to { -webkit-transform: translateY(0); }
1273 @-webkit-keyframes slideinfrombottom {
1274 from { -webkit-transform: translateY(100%); }
1275 to { -webkit-transform: translateY(0); }
1278 @-webkit-keyframes slideouttobottom {
1279 from { -webkit-transform: translateY(0); }
1280 to { -webkit-transform: translateY(100%); }
1283 @-webkit-keyframes slideouttotop {
1284 from { -webkit-transform: translateY(0); }
1285 to { -webkit-transform: translateY(-100%); }
1287 @-webkit-keyframes fadein {
1288 from { opacity: 0; }
1292 @-webkit-keyframes fadeout {
1293 from { opacity: 1; }
1300 -webkit-animation-name: fadein;
1304 -webkit-animation-name: fadeout;
1307 /* The properties in this rule are only necessary for the 'flip' transition.
1308 * We need specify the perspective to create a projection matrix. This will add
1309 * some depth as the element flips. The depth number represents the distance of
1310 * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
1314 -webkit-perspective: 1000;
1318 .ui-mobile-viewport-transitioning,
1319 .ui-mobile-viewport-transitioning .ui-page {
1326 -webkit-animation-duration: .65s;
1327 -webkit-backface-visibility:hidden;
1328 -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. */
1332 -webkit-transform: rotateY(0) scale(1);
1333 -webkit-animation-name: flipinfromleft;
1337 -webkit-transform: rotateY(-180deg) scale(.8);
1338 -webkit-animation-name: flipouttoleft;
1341 /* Shake it all about */
1344 -webkit-transform: rotateY(0) scale(1);
1345 -webkit-animation-name: flipinfromright;
1349 -webkit-transform: rotateY(180deg) scale(.8);
1350 -webkit-animation-name: flipouttoright;
1353 @-webkit-keyframes flipinfromright {
1354 from { -webkit-transform: rotateY(-180deg) scale(.8); }
1355 to { -webkit-transform: rotateY(0) scale(1); }
1358 @-webkit-keyframes flipinfromleft {
1359 from { -webkit-transform: rotateY(180deg) scale(.8); }
1360 to { -webkit-transform: rotateY(0) scale(1); }
1363 @-webkit-keyframes flipouttoleft {
1364 from { -webkit-transform: rotateY(0) scale(1); }
1365 to { -webkit-transform: rotateY(-180deg) scale(.8); }
1368 @-webkit-keyframes flipouttoright {
1369 from { -webkit-transform: rotateY(0) scale(1); }
1370 to { -webkit-transform: rotateY(180deg) scale(.8); }
1374 /* Hackish, but reliable. */
1376 @-webkit-keyframes dontmove {
1377 from { opacity: 1; }
1382 -webkit-transform-origin: 50% 50%;
1386 -webkit-transform: scale(1);
1388 -webkit-animation-name: popin;
1393 -webkit-transform: scale(.2);
1395 -webkit-animation-name: popout;
1401 -webkit-animation-name: dontmove;
1404 @-webkit-keyframes popin {
1406 -webkit-transform: scale(.2);
1410 -webkit-transform: scale(1);
1415 @-webkit-keyframes popout {
1417 -webkit-transform: scale(1);
1421 -webkit-transform: scale(.2);
1425 * jQuery Mobile Framework
1426 * Copyright (c) jQuery Project
1427 * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1430 /* content configurations. */
1431 .ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
1432 .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;}
1434 /* grid solo: 100 - single item fallback */
1435 .ui-grid-solo .ui-block-a { width: 100%; float: none; }
1438 .ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; }
1439 .ui-grid-a .ui-block-a { clear: left; }
1441 /* grid b: 33/33/33 */
1442 .ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; }
1443 .ui-grid-b .ui-block-a { clear: left; }
1445 /* grid c: 25/25/25/25 */
1446 .ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 25%; }
1447 .ui-grid-c .ui-block-a { clear: left; }
1449 /* grid d: 20/20/20/20/20 */
1450 .ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 20%; }
1451 .ui-grid-d .ui-block-a { clear: left; }
1453 * jQuery Mobile Framework
1454 * Copyright (c) jQuery Project
1455 * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1457 /* fixed page header & footer configuration */
1458 .ui-header, .ui-footer, .ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { position: absolute; overflow: hidden; width: 100%; border-left-width: 0; border-right-width: 0; }
1459 .ui-header-fixed, .ui-footer-fixed {
1461 -webkit-transform: translateZ(0); /* Force header/footer rendering to go through the same rendering pipeline as native page scrolling. */
1463 .ui-footer-duplicate, .ui-page-fullscreen .ui-fixed-inline { display: none; }
1464 .ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { opacity: .9; }
1466 * jQuery Mobile Framework
1467 * Copyright (c) jQuery Project
1468 * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1470 .ui-navbar { overflow: hidden; }
1471 .ui-navbar ul, .ui-navbar-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;}
1472 .ui-navbar-collapsed ul { float: left; width: 75%; margin-right: -2px; }
1473 .ui-navbar-collapsed .ui-navbar-toggle { float: left; width: 25%; }
1474 .ui-navbar li.ui-navbar-truncate { position: absolute; left: -9999px; top: -9999px; }
1475 .ui-navbar li .ui-btn, .ui-navbar .ui-navbar-toggle .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0; border-right-width: 0; }
1476 .ui-navbar li .ui-btn { margin-right: -1px; }
1477 .ui-navbar li .ui-btn:last-child { margin-right: 0; }
1478 .ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn,
1479 .ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn { border-top-width: 0; border-bottom-width: 0; }
1480 .ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; }
1481 .ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .8em; padding-bottom: .9em; }
1482 /*expanded page styles*/
1483 .ui-navbar-expanded .ui-btn { margin: 0; font-size: 14px; }
1484 .ui-navbar-expanded .ui-btn-inner { padding-left: 5px; padding-right: 5px; }
1485 .ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner { padding: 45px 5px 15px; text-align: center; }
1486 .ui-navbar-expanded .ui-btn-icon-top .ui-icon { top: 15px; }
1487 .ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner { padding: 15px 5px 45px; text-align: center; }
1488 .ui-navbar-expanded .ui-btn-icon-bottom .ui-icon { bottom: 15px; }
1489 .ui-navbar-expanded li .ui-btn .ui-btn-inner { min-height: 2.5em; }
1490 .ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner { padding-top: 1.8em; padding-bottom: 1.9em; }
1492 * jQuery Mobile Framework
1493 * Copyright (c) jQuery Project
1494 * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1496 .ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 5px; padding: 0; }
1497 .ui-btn:focus, .ui-btn:active { outline: none; }
1498 .ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; }
1499 .ui-btn-inline { display: inline-block; }
1500 .ui-btn-inner { padding: .6em 25px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; }
1501 .ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: .4em 8px .5em; }
1502 .ui-btn-icon-notext { display: inline-block; width: 20px; height: 20px; padding: 2px 1px 2px 3px; text-indent: -9999px; }
1503 .ui-btn-icon-notext .ui-btn-inner { padding: 0; }
1504 .ui-btn-icon-notext .ui-btn-text { position: absolute; left: -999px; }
1505 .ui-btn-icon-left .ui-btn-inner { padding-left: 33px; }
1506 .ui-header .ui-btn-icon-left .ui-btn-inner,
1507 .ui-footer .ui-btn-icon-left .ui-btn-inner,
1508 .ui-bar .ui-btn-icon-left .ui-btn-inner { padding-left: 27px; }
1509 .ui-btn-icon-right .ui-btn-inner { padding-right: 33px; }
1510 .ui-header .ui-btn-icon-right .ui-btn-inner,
1511 .ui-footer .ui-btn-icon-right .ui-btn-inner,
1512 .ui-bar .ui-btn-icon-right .ui-btn-inner { padding-right: 27px; }
1513 .ui-btn-icon-top .ui-btn-inner { padding-top: 33px; }
1514 .ui-header .ui-btn-icon-top .ui-btn-inner,
1515 .ui-footer .ui-btn-icon-top .ui-btn-inner,
1516 .ui-bar .ui-btn-icon-top .ui-btn-inner { padding-top: 27px; }
1517 .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 33px; }
1518 .ui-header .ui-btn-icon-bottom .ui-btn-inner,
1519 .ui-footer .ui-btn-icon-bottom .ui-btn-inner,
1520 .ui-bar .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 27px; }
1522 /*btn icon positioning*/
1523 .ui-btn-icon-notext .ui-icon { display: block; }
1524 .ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
1525 .ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon { position: absolute; left: 50%; margin-left: -9px; }
1526 .ui-btn-icon-left .ui-icon { left: 10px; }
1527 .ui-btn-icon-right .ui-icon {right: 10px; }
1528 .ui-header .ui-btn-icon-left .ui-icon,
1529 .ui-footer .ui-btn-icon-left .ui-icon,
1530 .ui-bar .ui-btn-icon-left .ui-icon { left: 4px; }
1531 .ui-header .ui-btn-icon-right .ui-icon,
1532 .ui-footer .ui-btn-icon-right .ui-icon,
1533 .ui-bar .ui-btn-icon-right .ui-icon { right: 4px; }
1534 .ui-header .ui-btn-icon-top .ui-icon,
1535 .ui-footer .ui-btn-icon-top .ui-icon,
1536 .ui-bar .ui-btn-icon-top .ui-icon { top: 4px; }
1537 .ui-header .ui-btn-icon-bottom .ui-icon,
1538 .ui-footer .ui-btn-icon-bottom .ui-icon,
1539 .ui-bar .ui-btn-icon-bottom .ui-icon { bottom: 4px; }
1540 .ui-btn-icon-top .ui-icon { top: 5px; }
1541 .ui-btn-icon-bottom .ui-icon { bottom: 5px; }
1542 /*hiding native button,inputs */
1543 .ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: 0; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); background: transparent; }
1545 * jQuery Mobile Framework
1546 * Copyright (c) jQuery Project
1547 * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1549 .ui-collapsible-contain { margin: .5em 0; }
1550 .ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; }
1551 .ui-collapsible-heading a { text-align: left; margin: 0; }
1552 .ui-collapsible-heading a .ui-btn-inner { padding-left: 40px; }
1553 .ui-collapsible-heading a span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; }
1554 .ui-collapsible-heading a span.ui-btn .ui-btn-inner { padding: 10px 0; }
1555 .ui-collapsible-heading a span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
1556 .ui-collapsible-heading-status { position:absolute; left:-9999px; }
1557 .ui-collapsible-content { display: block; padding: 10px 0 10px 8px; }
1558 .ui-collapsible-content-collapsed { display: none; }
1560 .ui-collapsible-set { margin: .5em 0; }
1561 .ui-collapsible-set .ui-collapsible-contain { margin: -1px 0 0; }
1563 * jQuery Mobile Framework
1564 * Copyright (c) jQuery Project
1565 * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1567 .ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0 1em; }
1568 .ui-bar .ui-controlgroup { margin: 0 .3em; }
1569 .ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; }
1570 .ui-controlgroup-controls { display: block; width: 95%;}
1571 .ui-controlgroup li { list-style: none; }
1572 .ui-controlgroup-vertical .ui-btn,
1573 .ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0; }
1574 .ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }
1575 .ui-controlgroup-horizontal { padding: 0; }
1576 .ui-controlgroup-horizontal .ui-btn,
1577 .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { display: inline-block; margin: 0 -5px 0 0; }
1578 .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { display: inline; }
1579 .ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn,
1580 .ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; }
1581 .ui-controlgroup-horizontal .ui-controlgroup-last { margin-right: 0; }
1582 .ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; }
1583 /* conflicts with listview..
1584 .ui-controlgroup .ui-btn-icon-notext { width: 30px; height: 30px; text-indent: -9999px; }
1585 .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { padding: 5px 6px 5px 5px; }
1588 @media all and (min-width: 450px){
1589 .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
1590 .ui-controlgroup-controls { width: 60%; display: inline-block; }
1592 * jQuery Mobile Framework
1593 * Copyright (c) jQuery Project
1594 * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1596 .ui-dialog { min-height: 480px; }
1597 .ui-dialog .ui-header, .ui-dialog .ui-content, .ui-dialog .ui-footer { margin: 15px; position: relative; }
1598 .ui-dialog .ui-header, .ui-dialog .ui-footer { z-index: 10; width: auto; }
1599 .ui-dialog .ui-content, .ui-dialog .ui-footer { margin-top: -15px; }/*
1600 * jQuery Mobile Framework
1601 * Copyright (c) jQuery Project
1602 * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1604 .ui-checkbox, .ui-radio { position:relative; margin: .2em 0 .5em; z-index: 1; }
1605 .ui-checkbox .ui-btn, .ui-radio .ui-btn { margin: 0; text-align: left; z-index: 2; }
1606 .ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }
1607 .ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
1608 .ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
1609 .ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }
1610 .ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {left: 15px; }
1611 .ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon {right: 15px; }
1612 /* input, label positioning */
1613 .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; }/*
1614 * jQuery Mobile Framework
1615 * Copyright (c) jQuery Project
1616 * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1618 .ui-field-contain { padding: 1.5em 0; margin: 0; border-bottom-width: 1px; overflow: visible; }
1619 .ui-field-contain:first-child { border-top-width: 0; }
1620 @media all and (min-width: 450px){
1621 .ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
1623 * jQuery Mobile Framework
1624 * Copyright (c) jQuery Project
1625 * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1627 .ui-select { display: block; position: relative; }
1628 .ui-select select { position: absolute; left: -9999px; top: -9999px; }
1629 .ui-select .ui-btn { overflow: hidden; }
1630 .ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%; height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
1631 .ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; }
1633 .ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
1634 .ui-select .ui-btn-icon-right .ui-icon { right: 15px; }
1637 label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
1640 .ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; }
1641 .ui-select .ui-btn-text { text-overflow: ellipsis; overflow: hidden;}
1643 .ui-selectmenu { position: absolute; padding: 0; z-index: 100 !important; width: 80%; max-width: 350px; padding: 6px; }
1644 .ui-selectmenu .ui-listview { margin: 0; }
1645 .ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }
1646 .ui-selectmenu-hidden { top: -9999px; left: -9999px; }
1647 .ui-selectmenu-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; }
1648 .ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; }
1649 .ui-selectmenu-list .ui-li .ui-icon { display: block; }
1650 .ui-li.ui-selectmenu-placeholder { display: none; }
1651 .ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }
1653 @media all and (min-width: 450px){
1654 label.ui-select { display: inline-block; width: 20%; margin: 0 2% 0 0; }
1655 .ui-select { width: 60%; display: inline-block; }
1658 /* 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 */
1659 .ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }/*
1660 * jQuery Mobile Framework
1661 * Copyright (c) jQuery Project
1662 * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1664 label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
1665 input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 95%; }
1666 input.ui-input-text { -webkit-appearance: none; }
1667 textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; }
1668 .ui-input-search { padding: 0 30px; width: 77%; background-position: 8px 50%; background-repeat: no-repeat; position: relative; }
1669 .ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
1670 .ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -14px; }
1671 .ui-input-search .ui-input-clear-hidden { display: none; }
1673 /* orientation adjustments - incomplete!*/
1674 @media all and (min-width: 450px){
1675 label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 }
1676 input.ui-input-text,
1677 textarea.ui-input-text,
1678 .ui-input-search { width: 60%; display: inline-block; }
1679 .ui-input-search { width: 50%; }
1680 .ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ }
1682 * jQuery Mobile Framework
1683 * Copyright (c) jQuery Project
1684 * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1686 .ui-listview { margin: 0; counter-reset: listnumbering; }
1687 .ui-content .ui-listview { margin: -15px; }
1688 .ui-content .ui-listview-inset { margin: 1em 0; }
1689 .ui-listview, .ui-li { list-style:none; padding:0; }
1690 .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; }
1691 .ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
1692 .ui-li-divider, .ui-li-static { padding: .5em 15px; font-size: 14px; font-weight: bold; }
1693 .ui-li-divider { counter-reset: listnumbering; }
1694 ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui-li-dec { font-size: .8em; display: inline-block; padding-right: .3em; font-weight: normal;counter-increment: listnumbering; content: counter(listnumbering) ". "; }
1695 ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */
1696 .ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
1697 .ui-li:last-child, .ui-li.ui-field-contain:last-child { border-bottom-width: 1px; }
1698 .ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }
1699 .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 75px .7em 15px; display: block; }
1700 .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb { min-height: 60px; padding-left: 100px; }
1701 .ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon { min-height: 20px; padding-left: 40px; }
1702 .ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
1703 .ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
1704 .ui-li-thumb, .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
1705 .ui-li-icon { max-height: 40px; max-width: 40px; left: 10px; top: .9em; }
1706 .ui-li-thumb, .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
1708 .ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }
1709 @media all and (min-width: 480px){
1710 .ui-li-aside { width: 45%; }
1712 .ui-li-divider { cursor: default; }
1713 .ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 95px; }
1714 .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 38px; }
1715 .ui-li-divider .ui-li-count, .ui-li-static .ui-li-count { right: 10px; }
1716 .ui-li-has-alt .ui-li-count { right: 55px; }
1717 .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; }
1718 .ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -11px 0 0 0; border-bottom-width: 1px; }
1719 .ui-li-link-alt .ui-btn-inner { padding: 0; position: static; }
1720 .ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; }
1722 .ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px }
1723 .ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
1725 .ui-listview-filter-inset { margin: -15px -5px -15px -5px; background: transparent; }
1726 .ui-li.ui-screen-hidden{display:none;}
1727 /* Odd iPad positioning issue. */
1728 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
1729 .ui-li .ui-btn-text { overflow: visible; }
1731 * jQuery Mobile Framework
1732 * Copyright (c) jQuery Project
1733 * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
1735 label.ui-slider { display: block; }
1736 input.ui-slider-input { display: inline-block; width: 50px; }
1737 select.ui-slider-switch { display: none; }
1738 div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 66%; }
1739 a.ui-slider-handle { position: absolute; z-index: 10; top: 50%; width: 28px; height: 28px; margin-top: -15px; margin-left: -15px; }
1740 a.ui-slider-handle .ui-btn-inner { padding-left: 0; padding-right: 0; }
1741 @media all and (min-width: 480px){
1742 label.ui-slider { display: inline-block; width: 20%; margin: 0 2% 0 0; }
1743 div.ui-slider { width: 45%; }
1746 div.ui-slider-switch { height: 32px; overflow: hidden; margin-left: 0; }
1747 div.ui-slider-inneroffset { margin-left: 50%; position: absolute; top: 1px; height: 100%; width: 50%; }
1748 div.ui-slider-handle-snapping { -webkit-transition: left 100ms linear; }
1749 div.ui-slider-labelbg { position: absolute; top:0; margin: 0; border-width: 0; }
1750 div.ui-slider-switch div.ui-slider-labelbg-a { width: 60%; height: 100%; left: 0; }
1751 div.ui-slider-switch div.ui-slider-labelbg-b { width: 60%; height: 100%; right: 0; }
1752 .ui-slider-switch-a div.ui-slider-labelbg-a, .ui-slider-switch-b div.ui-slider-labelbg-b { z-index: -1; }
1753 .ui-slider-switch-a div.ui-slider-labelbg-b, .ui-slider-switch-b div.ui-slider-labelbg-a { z-index: 0; }
1755 div.ui-slider-switch a.ui-slider-handle { z-index: 20; width: 101%; height: 32px; margin-top: -18px; margin-left: -101%; }
1756 span.ui-slider-label { width: 96%; position: absolute;height: 32px; font-size: 16px; text-align: center; line-height: 2; background: none; border-color: transparent;}
1757 span.ui-slider-label-a { left: -100%; margin-right: -1px }
1758 span.ui-slider-label-b { right: -100%; margin-left: -1px }