source: extensions/Smart_Pocket_Clear_mobile_theme/jquery.mobile.css @ 27464

Last change on this file since 27464 was 20295, checked in by julien1311, 12 years ago

[smartpocket-clear] first commit
  • Property svn:eol-style set to LF
File size: 22.2 KB
Line 
1/*
2* jQuery Mobile Framework 1.0.1
3* http://jquerymobile.com
4*
5* Copyright 2011-2012 (c) jQuery Project
6* Dual licensed under the MIT or GPL Version 2 licenses.
7* http://jquery.org/license
8*
9*/
10/* Swatches */
11
12/* A
13-----------------------------------------------------------------------------------------------------------*/
14
15.ui-bar-a {
16        border: 1px solid #D5D5D5 /*{a-bar-border}*/;
17        background: #EEEEEE /*{a-bar-background-color}*/;
18        color: #000000 /*{a-bar-color}*/;
19        font-weight: bold;
20        text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #FFFFFF /*{a-bar-shadow-color}*/;
21        background-image: -webkit-gradient(linear, left top, left bottom, from( linear-gradient(#C3C3C3) /*{a-bar-background-start}*/), to( #EEEEEE /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
22        background-image: -webkit-linear-gradient( linear-gradient(#C3C3C3) /*{a-bar-background-start}*/, #EEEEEE /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
23        background-image:    -moz-linear-gradient( linear-gradient(#C3C3C3) /*{a-bar-background-start}*/, #EEEEEE /*{a-bar-background-end}*/); /* FF3.6 */
24        background-image:     -ms-linear-gradient( linear-gradient(#C3C3C3) /*{a-bar-background-start}*/, #EEEEEE /*{a-bar-background-end}*/); /* IE10 */
25        background-image:      -o-linear-gradient( linear-gradient(#C3C3C3) /*{a-bar-background-start}*/, #EEEEEE /*{a-bar-background-end}*/); /* Opera 11.10+ */
26        background-image:         linear-gradient( linear-gradient(#C3C3C3) /*{a-bar-background-start}*/, #EEEEEE /*{a-bar-background-end}*/);
27}
28
29.ui-bar-a .ui-link-inherit {
30        color: #000000 /*{a-bar-color}*/;
31}
32.ui-bar-a .ui-link {
33        color: #7cc4e7 /*{a-bar-link-color}*/;
34        font-weight: bold;
35}
36
37.ui-bar-a .ui-link:hover {
38        color: #2489CE /*{a-bar-link-hover}*/;
39}
40
41.ui-bar-a .ui-link:active {
42        color: #2489CE /*{a-bar-link-active}*/;
43}
44
45.ui-bar-a .ui-link:visited {
46    color: #2489CE /*{a-bar-link-visited}*/;
47}
48
49.ui-bar-a,
50.ui-bar-a input,
51.ui-bar-a select,
52.ui-bar-a textarea,
53.ui-bar-a button {
54              font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
55}
56.ui-body-a,
57.ui-dialog.ui-overlay-a {
58        border: 1px solid #D5D5D5 /*{a-body-border}*/;
59        color: #000000 /*{a-body-color}*/;
60        text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #FFFFFF /*{a-body-shadow-color}*/;
61        background: #DDDDDD /*{a-body-background-color}*/;
62        background-image: -webkit-gradient(linear, left top, left bottom, from( linear-gradient(#999999) /*{a-body-background-start}*/), to( #DDDDDD /*{a-body-background-end}*/)); /* Saf4+, Chrome */
63        background-image: -webkit-linear-gradient( linear-gradient(#999999) /*{a-body-background-start}*/, #DDDDDD /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
64        background-image:    -moz-linear-gradient( linear-gradient(#999999) /*{a-body-background-start}*/, #DDDDDD /*{a-body-background-end}*/); /* FF3.6 */
65        background-image:     -ms-linear-gradient( linear-gradient(#999999) /*{a-body-background-start}*/, #DDDDDD /*{a-body-background-end}*/); /* IE10 */
66        background-image:      -o-linear-gradient( linear-gradient(#999999) /*{a-body-background-start}*/, #DDDDDD /*{a-body-background-end}*/); /* Opera 11.10+ */
67        background-image:         linear-gradient( linear-gradient(#999999) /*{a-body-background-start}*/, #DDDDDD /*{a-body-background-end}*/);
68}
69.ui-body-a,
70.ui-body-a input,
71.ui-body-a select,
72.ui-body-a textarea,
73.ui-body-a button {
74              font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
75}
76
77.ui-body-a .ui-link-inherit {
78        color: #000000 /*{a-body-color}*/;
79}
80
81.ui-body-a .ui-link {
82        color: #2489CE /*{a-body-link-color}*/;
83        font-weight: bold;
84}
85
86.ui-body-a .ui-link:hover {
87        color: #2489CE /*{a-body-link-hover}*/;
88}
89
90.ui-body-a .ui-link:active {
91        color: #2489CE /*{a-body-link-active}*/;
92}
93
94.ui-body-a .ui-link:visited {
95    color: #2489CE /*{a-body-link-visited}*/;
96}
97
98.ui-btn-up-a {
99        border: 1px solid #DDDDDD /*{a-bup-border}*/;
100        background: #CCCCCC /*{a-bup-background-color}*/;
101        font-weight: bold;
102        color: #000000 /*{a-bup-color}*/;
103        text-shadow: 0 /*{a-bup-shadow-x}*/ -1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #FFFFFF /*{a-bup-shadow-color}*/;
104        background-image: -webkit-gradient(linear, left top, left bottom, from( linear-gradient(#EEEEEE) /*{a-bup-background-start}*/), to( #CCCCCC /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
105        background-image: -webkit-linear-gradient( linear-gradient(#EEEEEE) /*{a-bup-background-start}*/, #CCCCCC /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
106        background-image:    -moz-linear-gradient( linear-gradient(#EEEEEE) /*{a-bup-background-start}*/, #CCCCCC /*{a-bup-background-end}*/); /* FF3.6 */
107        background-image:     -ms-linear-gradient( linear-gradient(#EEEEEE) /*{a-bup-background-start}*/, #CCCCCC /*{a-bup-background-end}*/); /* IE10 */
108        background-image:      -o-linear-gradient( linear-gradient(#EEEEEE) /*{a-bup-background-start}*/, #CCCCCC /*{a-bup-background-end}*/); /* Opera 11.10+ */
109        background-image:         linear-gradient( linear-gradient(#EEEEEE) /*{a-bup-background-start}*/, #CCCCCC /*{a-bup-background-end}*/);
110}
111.ui-btn-up-a a.ui-link-inherit {
112        color: #000000 /*{a-bup-color}*/;
113}
114
115.ui-btn-hover-a {
116        border: 1px solid #FFFFFF /*{a-bhover-border}*/;
117        background: #BBBBBB /*{a-bhover-background-color}*/;
118        font-weight: bold;
119        color: #fff /*{a-bhover-color}*/;
120        text-shadow: 0 /*{a-bhover-shadow-x}*/ -1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #000 /*{a-bhover-shadow-color}*/;
121        background-image: -webkit-gradient(linear, left top, left bottom, from( linear-gradient(#999999) /*{a-bhover-background-start}*/), to( #BBBBBB /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
122        background-image: -webkit-linear-gradient( linear-gradient(#999999) /*{a-bhover-background-start}*/, #BBBBBB /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
123        background-image:    -moz-linear-gradient( linear-gradient(#999999) /*{a-bhover-background-start}*/, #BBBBBB /*{a-bhover-background-end}*/); /* FF3.6 */
124        background-image:     -ms-linear-gradient( linear-gradient(#999999) /*{a-bhover-background-start}*/, #BBBBBB /*{a-bhover-background-end}*/); /* IE10 */
125        background-image:      -o-linear-gradient( linear-gradient(#999999) /*{a-bhover-background-start}*/, #BBBBBB /*{a-bhover-background-end}*/); /* Opera 11.10+ */
126        background-image:         linear-gradient( linear-gradient(#999999) /*{a-bhover-background-start}*/, #BBBBBB /*{a-bhover-background-end}*/);
127}
128.ui-btn-hover-a a.ui-link-inherit {
129        color: #fff /*{a-bhover-color}*/;
130}
131.ui-btn-down-a {
132        border: 1px solid #FFFFFF /*{a-bdown-border}*/;
133        background: #C2C2C2 /*{a-bdown-background-color}*/;
134        font-weight: bold;
135        color: #000000 /*{a-bdown-color}*/;
136        text-shadow: 0 /*{a-bdown-shadow-x}*/ -1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #FFFFFF /*{a-bdown-shadow-color}*/;
137        background-image: -webkit-gradient(linear, left top, left bottom, from( linear-gradient(#CCCCCC) /*{a-bdown-background-start}*/), to( #A5A5A5 /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
138        background-image: -webkit-linear-gradient( linear-gradient(#CCCCCC) /*{a-bdown-background-start}*/, #A5A5A5 /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
139        background-image:    -moz-linear-gradient( linear-gradient(#CCCCCC) /*{a-bdown-background-start}*/, #A5A5A5 /*{a-bdown-background-end}*/); /* FF3.6 */
140        background-image:     -ms-linear-gradient( linear-gradient(#CCCCCC) /*{a-bdown-background-start}*/, #A5A5A5 /*{a-bdown-background-end}*/); /* IE10 */
141        background-image:      -o-linear-gradient( linear-gradient(#CCCCCC) /*{a-bdown-background-start}*/, #A5A5A5 /*{a-bdown-background-end}*/); /* Opera 11.10+ */
142        background-image:         linear-gradient( linear-gradient(#CCCCCC) /*{a-bdown-background-start}*/, #A5A5A5 /*{a-bdown-background-end}*/);
143}
144.ui-btn-down-a a.ui-link-inherit {
145        color: #000000 /*{a-bdown-color}*/;
146}
147.ui-btn-up-a,
148.ui-btn-hover-a,
149.ui-btn-down-a {
150              font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
151        text-decoration: none;
152}
153
154/* Structure */
155
156/* links within "buttons"
157-----------------------------------------------------------------------------------------------------------*/
158
159a.ui-link-inherit {
160        text-decoration: none !important;
161}
162
163
164/* Active class used as the "on" state across all themes
165-----------------------------------------------------------------------------------------------------------*/
166
167.ui-btn-active {
168        border: 1px solid #155678 /*{global-active-border}*/;
169        background: #387bbe /*{global-active-background-color}*/;
170        font-weight: bold;
171        color: #fff /*{global-active-color}*/;
172        cursor: pointer;
173        text-shadow: 0 /*{global-active-shadow-x}*/ -1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #145072 /*{global-active-shadow-color}*/;
174        text-decoration: none;
175        background-image: -webkit-gradient(linear, left top, left bottom, from( linear-gradient(#85bae4 /*{global-active-background-start}*/), to( #5393c5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
176        background-image: -webkit-linear-gradient( linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
177        background-image:    -moz-linear-gradient( linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* FF3.6 */
178        background-image:     -ms-linear-gradient( linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* IE10 */
179        background-image:      -o-linear-gradient( linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* Opera 11.10+ */
180        background-image:         linear-gradient( linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/);
181              font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
182}
183.ui-btn-active a.ui-link-inherit {
184        color: #fff /*{global-active-color}*/;
185}
186
187
188/* button inner top highlight
189-----------------------------------------------------------------------------------------------------------*/
190
191.ui-btn-inner {
192        border-top: 1px solid   #fff;
193        border-color:                   rgba(255,255,255,.3);
194}
195
196
197/* corner rounding classes
198-----------------------------------------------------------------------------------------------------------*/
199
200.ui-corner-tl {
201        -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
202        -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
203        border-top-left-radius: .6em /*{global-radii-blocks}*/;
204}
205.ui-corner-tr {
206        -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
207        -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
208        border-top-right-radius: .6em /*{global-radii-blocks}*/;
209}
210.ui-corner-bl {
211        -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
212        -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
213        border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
214}
215.ui-corner-br {
216        -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
217        -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
218        border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
219}
220.ui-corner-top {
221        -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
222        -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
223        border-top-left-radius: .6em /*{global-radii-blocks}*/;
224        -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
225        -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
226        border-top-right-radius: .6em /*{global-radii-blocks}*/;
227}
228.ui-corner-bottom {
229        -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
230        -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
231        border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
232        -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
233        -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
234        border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
235        }
236.ui-corner-right {
237        -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
238        -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
239        border-top-right-radius: .6em /*{global-radii-blocks}*/;
240        -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
241        -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
242        border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
243}
244.ui-corner-left {
245        -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
246        -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
247        border-top-left-radius: .6em /*{global-radii-blocks}*/;
248        -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
249        -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
250        border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
251}
252.ui-corner-all {
253        -moz-border-radius: .6em /*{global-radii-blocks}*/;
254        -webkit-border-radius: .6em /*{global-radii-blocks}*/;
255        border-radius: .6em /*{global-radii-blocks}*/;
256}
257.ui-corner-none {
258        -moz-border-radius:                                0;
259        -webkit-border-radius:                             0;
260        border-radius:                                             0;
261}
262
263/* Form field separator
264-----------------------------------------------------------------------------------------------------------*/
265.ui-br {
266        border-bottom: rgb(130,130,130);
267        border-bottom: rgba(130,130,130,.3);
268        border-bottom-width: 1px;
269        border-bottom-style: solid;
270}
271
272/* Interaction cues
273-----------------------------------------------------------------------------------------------------------*/
274.ui-disabled {
275        opacity:                                                        .3;
276}
277.ui-disabled,
278.ui-disabled a {
279        pointer-events: none;
280        cursor: default;
281}
282
283/* Icons
284-----------------------------------------------------------------------------------------------------------*/
285
286.ui-icon,
287.ui-icon-searchfield:after {
288        background: #666 /*{global-icon-color}*/;
289        background: rgba(0,0,0,.4) /*{global-icon-disc}*/;
290        background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
291        background-repeat: no-repeat;
292        -moz-border-radius:                             9px;
293        -webkit-border-radius:                          9px;
294        border-radius:                                          9px;
295}
296
297
298/* Alt icon color
299-----------------------------------------------------------------------------------------------------------*/
300
301.ui-icon-alt {
302        background:                                             #fff;
303        background:                                             rgba(255,255,255,.3);
304        background-image: url(images/icons-18-black.png);
305        background-repeat: no-repeat;
306}
307
308/* HD/"retina" sprite
309-----------------------------------------------------------------------------------------------------------*/
310
311@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
312       only screen and (min--moz-device-pixel-ratio: 1.5),
313       only screen and (min-resolution: 240dpi) {
314       
315        .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
316        .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
317        .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
318        .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after, 
319        .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
320                background-image: undefined /*{global-large-icon-set}*/;
321                -moz-background-size: 776px 18px;
322                -o-background-size: 776px 18px;
323                -webkit-background-size: 776px 18px;
324                background-size: 776px 18px;
325        }
326        .ui-icon-alt {
327                background-image: url(images/icons-36-black.png);
328        }
329}
330
331/* plus minus */
332.ui-icon-plus {
333        background-position:    -0 50%;
334}
335.ui-icon-minus {
336        background-position:    -36px 50%;
337}
338
339/* delete/close */
340.ui-icon-delete {
341        background-position:    -72px 50%;
342}
343
344/* arrows */
345.ui-icon-arrow-r {
346        background-position:    -108px 50%;
347}
348.ui-icon-arrow-l {
349        background-position:    -144px 50%;
350}
351.ui-icon-arrow-u {
352        background-position:    -180px 50%;
353}
354.ui-icon-arrow-d {
355        background-position:    -216px 50%;
356}
357
358/* misc */
359.ui-icon-check {
360        background-position:    -252px 50%;
361}
362.ui-icon-gear {
363        background-position:    -288px 50%;
364}
365.ui-icon-refresh {
366        background-position:    -324px 50%;
367}
368.ui-icon-forward {
369        background-position:    -360px 50%;
370}
371.ui-icon-back {
372        background-position:    -396px 50%;
373}
374.ui-icon-grid {
375        background-position:    -432px 50%;
376}
377.ui-icon-star {
378        background-position:    -468px 50%;
379}
380.ui-icon-alert {
381        background-position:    -504px 50%;
382}
383.ui-icon-info {
384        background-position:    -540px 50%;
385}
386.ui-icon-home {
387        background-position:    -576px 50%;
388}
389.ui-icon-search,
390.ui-icon-searchfield:after {
391        background-position:    -612px 50%;
392}
393.ui-icon-checkbox-off {
394        background-position:    -684px 50%;
395}
396.ui-icon-checkbox-on {
397        background-position:    -648px 50%;
398}
399.ui-icon-radio-off {
400        background-position:    -756px 50%;
401}
402.ui-icon-radio-on {
403        background-position:    -720px 50%;
404}
405
406
407/* checks,radios */
408.ui-checkbox .ui-icon {
409        -moz-border-radius: 3px;
410        -webkit-border-radius: 3px;
411        border-radius: 3px;
412}
413.ui-icon-checkbox-off,
414.ui-icon-radio-off {
415        background-color: transparent; 
416}
417.ui-checkbox-on .ui-icon,
418.ui-radio-on .ui-icon {
419        background-color: #387bbe /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
420}
421
422/* loading icon */
423.ui-icon-loading {
424        background-image: url(images/ajax-loader.png);
425        width: 40px;
426        height: 40px;
427        -moz-border-radius: 20px;
428        -webkit-border-radius: 20px;
429        border-radius: 20px;
430        background-size: 35px 35px;
431}
432
433
434/* Button corner classes
435-----------------------------------------------------------------------------------------------------------*/
436
437.ui-btn-corner-tl {
438        -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
439        -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
440        border-top-left-radius: 1em /*{global-radii-buttons}*/;
441}
442.ui-btn-corner-tr {
443        -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
444        -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
445        border-top-right-radius: 1em /*{global-radii-buttons}*/;
446}
447.ui-btn-corner-bl {
448        -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
449        -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
450        border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
451}
452.ui-btn-corner-br {
453        -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
454        -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
455        border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
456}
457.ui-btn-corner-top {
458        -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
459        -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
460        border-top-left-radius: 1em /*{global-radii-buttons}*/;
461        -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
462        -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
463        border-top-right-radius: 1em /*{global-radii-buttons}*/;
464}
465.ui-btn-corner-bottom {
466        -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
467        -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
468        border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
469        -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
470        -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
471        border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
472}
473.ui-btn-corner-right {
474         -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
475        -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
476        border-top-right-radius: 1em /*{global-radii-buttons}*/;
477        -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
478        -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
479        border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
480}
481.ui-btn-corner-left {
482        -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
483        -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
484        border-top-left-radius: 1em /*{global-radii-buttons}*/;
485        -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
486        -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
487        border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
488}
489.ui-btn-corner-all {
490        -moz-border-radius: 1em /*{global-radii-buttons}*/;
491        -webkit-border-radius: 1em /*{global-radii-buttons}*/;
492        border-radius: 1em /*{global-radii-buttons}*/;
493}
494
495/* radius clip workaround for cleaning up corner trapping */
496.ui-corner-tl,
497.ui-corner-tr,
498.ui-corner-bl, 
499.ui-corner-br,
500.ui-corner-top,
501.ui-corner-bottom, 
502.ui-corner-right,
503.ui-corner-left,
504.ui-corner-all,
505.ui-btn-corner-tl,
506.ui-btn-corner-tr,
507.ui-btn-corner-bl, 
508.ui-btn-corner-br,
509.ui-btn-corner-top,
510.ui-btn-corner-bottom, 
511.ui-btn-corner-right,
512.ui-btn-corner-left,
513.ui-btn-corner-all {
514  -webkit-background-clip: padding-box;
515     -moz-background-clip: padding;
516          background-clip: padding-box;
517}
518
519/* Overlay / modal
520-----------------------------------------------------------------------------------------------------------*/
521
522.ui-overlay {
523        background: #666;
524        opacity: .5;
525        filter: Alpha(Opacity=50);
526        position: absolute;
527        width: 100%;
528        height: 100%;
529}
530.ui-overlay-shadow {
531        -moz-box-shadow: 0px 0px 12px                   rgba(0,0,0,.6);
532        -webkit-box-shadow: 0px 0px 12px                rgba(0,0,0,.6);
533        box-shadow: 0px 0px 12px                                rgba(0,0,0,.6);
534}
535.ui-shadow {
536        -moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
537        -webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
538        box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
539}
540.ui-bar-a .ui-shadow,
541.ui-bar-b .ui-shadow ,
542.ui-bar-c .ui-shadow  {
543        -moz-box-shadow: 0px 1px 0                              rgba(255,255,255,.3);
544        -webkit-box-shadow: 0px 1px 0                   rgba(255,255,255,.3);
545        box-shadow: 0px 1px 0                                   rgba(255,255,255,.3);
546}
547.ui-shadow-inset {
548        -moz-box-shadow: inset 0px 1px 4px              rgba(0,0,0,.2);
549        -webkit-box-shadow: inset 0px 1px 4px   rgba(0,0,0,.2);
550        box-shadow: inset 0px 1px 4px                   rgba(0,0,0,.2);
551}
552.ui-icon-shadow {
553        -moz-box-shadow: 0px 1px 0 undefined /*{global-icon-shadow}*/;
554        -webkit-box-shadow: 0px 1px 0 undefined /*{global-icon-shadow}*/;
555        box-shadow: 0px 1px 0 undefined /*{global-icon-shadow}*/;
556}
557
558/* Focus state - set here for specificity
559-----------------------------------------------------------------------------------------------------------*/
560
561.ui-focus {
562        -moz-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
563        -webkit-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
564        box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
565}
566
567/* unset box shadow in browsers that don't do it right
568-----------------------------------------------------------------------------------------------------------*/
569
570.ui-mobile-nosupport-boxshadow * {
571        -moz-box-shadow: none !important;
572        -webkit-box-shadow: none !important;
573        box-shadow: none !important;
574}
575
576/* ...and bring back focus */
577.ui-mobile-nosupport-boxshadow .ui-focus {
578        outline-width: 2px;
579}
Note: See TracBrowser for help on using the repository browser.