source: pro-violet-viettel/sourcecode/assets/js/jquery/jquery.mobile.custom.theme.css @ 289

Last change on this file since 289 was 289, checked in by dungnv, 11 years ago
File size: 19.3 KB
RevLine 
[289]1/*
2* jQuery Mobile v1.4.2
3* http://jquerymobile.com
4*
5* Copyright 2010, 2014 jQuery Foundation, Inc. and other contributors
6* Released under the MIT license.
7* http://jquery.org/license
8*
9*/
10
11/* Globals */
12
13/* Font
14-----------------------------------------------------------------------------------------------------------*/
15
16html {
17        font-size: 100%;
18}
19body,
20input,
21select,
22textarea,
23button,
24.ui-btn {
25        font-size: 1em;
26        line-height: 1.3;
27        font-family: sans-serif /*{global-font-family}*/;
28}
29legend,
30.ui-input-text input,
31.ui-input-search input {
32        color: inherit;
33        text-shadow: inherit;
34}
35/* Form labels (overrides font-weight bold in bars, and mini font-size) */
36.ui-mobile label,
37div.ui-controlgroup-label {
38        font-weight: normal;
39        font-size: 16px;
40}
41
42/* Separators
43-----------------------------------------------------------------------------------------------------------*/
44/* Field contain separator (< 28em) */
45.ui-field-contain {
46        border-bottom-color: #828282;
47        border-bottom-color: rgba(0,0,0,.15);
48        border-bottom-width: 1px;
49        border-bottom-style: solid;
50}
51
52/* Table opt-in classes: strokes between each row, and alternating row stripes */
53/* Classes table-stroke and table-stripe are deprecated in 1.4. */
54.table-stroke thead th,
55.table-stripe thead th,
56.table-stripe tbody tr:last-child {
57        border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
58        border-bottom: 1px solid rgba(0,0,0,.1);
59}
60.table-stroke tbody th,
61.table-stroke tbody td {
62        border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
63        border-bottom: 1px solid rgba(0,0,0,.05);
64}
65.table-stripe.table-stroke tbody tr:last-child th,
66.table-stripe.table-stroke tbody tr:last-child td {
67        border-bottom: 0;
68}
69.table-stripe tbody tr:nth-child(odd) td,
70.table-stripe tbody tr:nth-child(odd) th {
71        background-color: #eeeeee; /* non-RGBA fallback  */
72        background-color: rgba(0,0,0,.04);
73}
74
75/* Buttons
76-----------------------------------------------------------------------------------------------------------*/
77
78.ui-btn,
79label.ui-btn {
80        font-weight: bold;
81        border-width: 1px;
82        border-style: solid;
83}
84.ui-btn:link {
85        text-decoration: none !important;
86}
87.ui-btn-active {
88        cursor: pointer;
89}
90
91/* Corner rounding
92-----------------------------------------------------------------------------------------------------------*/
93/* Class ui-btn-corner-all deprecated in 1.4 */
94
95.ui-corner-all {
96        -webkit-border-radius:                          .3125em /*{global-radii-blocks}*/;
97        border-radius:                                          .3125em /*{global-radii-blocks}*/;
98}
99/* Buttons */
100.ui-btn-corner-all,
101.ui-btn.ui-corner-all,
102/* Slider track */
103.ui-slider-track.ui-corner-all,
104/* Flipswitch */
105.ui-flipswitch.ui-corner-all,
106/* Count bubble */
107.ui-li-count {
108        -webkit-border-radius:                          .3125em /*{global-radii-buttons}*/;
109        border-radius:                                          .3125em /*{global-radii-buttons}*/;
110}
111/* Icon-only buttons */
112.ui-btn-icon-notext.ui-btn-corner-all,
113.ui-btn-icon-notext.ui-corner-all {
114        -webkit-border-radius: 1em;
115        border-radius: 1em;
116}
117/* Radius clip workaround for cleaning up corner trapping */
118.ui-btn-corner-all,
119.ui-corner-all {
120        -webkit-background-clip: padding;
121        background-clip: padding-box;
122}
123/* Popup arrow */
124.ui-popup.ui-corner-all > .ui-popup-arrow-guide {
125        left: .6em /*{global-radii-blocks}*/;
126        right: .6em /*{global-radii-blocks}*/;
127        top: .6em /*{global-radii-blocks}*/;
128        bottom: .6em /*{global-radii-blocks}*/;
129}
130
131/* Shadow
132-----------------------------------------------------------------------------------------------------------*/
133
134.ui-shadow {
135        -webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/              rgba(0,0,0,.15) /*{global-box-shadow-color}*/;
136        -moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/                 rgba(0,0,0,.15) /*{global-box-shadow-color}*/;
137        box-shadow: 0 1px 3px /*{global-box-shadow-size}*/                              rgba(0,0,0,.15) /*{global-box-shadow-color}*/;
138}
139.ui-shadow-inset {
140        -webkit-box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/        rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
141        -moz-box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/           rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
142        box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/        rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
143}
144.ui-overlay-shadow {
145        -webkit-box-shadow: 0 0 12px            rgba(0,0,0,.6);
146        -moz-box-shadow: 0 0 12px                       rgba(0,0,0,.6);
147        box-shadow: 0 0 12px                            rgba(0,0,0,.6);
148}
149
150/* Icons
151-----------------------------------------------------------------------------------------------------------*/
152
153.ui-btn-icon-left:after,
154.ui-btn-icon-right:after,
155.ui-btn-icon-top:after,
156.ui-btn-icon-bottom:after,
157.ui-btn-icon-notext:after {
158        background-color:                                       #666 /*{global-icon-color}*/;
159        background-color:                                       rgba(0,0,0,.3) /*{global-icon-disc}*/;
160        background-position: center center;
161        background-repeat: no-repeat;
162        -webkit-border-radius: 1em;
163        border-radius: 1em;
164}
165
166/* Alt icons */
167.ui-alt-icon.ui-btn:after,
168.ui-alt-icon .ui-btn:after,
169html .ui-alt-icon.ui-checkbox-off:after,
170html .ui-alt-icon.ui-radio-off:after,
171html .ui-alt-icon .ui-checkbox-off:after,
172html .ui-alt-icon .ui-radio-off:after {
173        background-color:                                       #666 /*{global-icon-color}*/;
174        background-color:                                       rgba(0,0,0,.15);
175}
176
177/* No disc */
178.ui-nodisc-icon.ui-btn:after,
179.ui-nodisc-icon .ui-btn:after {
180        background-color: transparent;
181}
182
183/* Icon shadow */
184.ui-shadow-icon.ui-btn:after,
185.ui-shadow-icon .ui-btn:after {
186        -webkit-box-shadow: 0 1px 0                     rgba(255,255,255,.3) /*{global-icon-shadow}*/;
187        -moz-box-shadow: 0 1px 0                                rgba(255,255,255,.3) /*{global-icon-shadow}*/;
188        box-shadow: 0 1px 0                                     rgba(255,255,255,.3) /*{global-icon-shadow}*/;
189}
190
191/* Checkbox and radio */
192.ui-btn.ui-checkbox-off:after,
193.ui-btn.ui-checkbox-on:after,
194.ui-btn.ui-radio-off:after,
195.ui-btn.ui-radio-on:after {
196        display: block;
197        width: 18px;
198        height: 18px;
199        margin: -9px 2px 0 2px;
200}
201.ui-checkbox-off:after,
202.ui-btn.ui-radio-off:after {
203        filter: Alpha(Opacity=30);
204        opacity: .3;
205}
206.ui-btn.ui-checkbox-off:after,
207.ui-btn.ui-checkbox-on:after {
208        -webkit-border-radius: .1875em;
209        border-radius: .1875em;
210}
211.ui-radio .ui-btn.ui-radio-on:after {
212        background-image: none;
213        background-color: #fff;
214        width: 8px;
215        height: 8px;
216        border-width: 5px;
217        border-style: solid;
218}
219.ui-alt-icon.ui-btn.ui-radio-on:after,
220.ui-alt-icon .ui-btn.ui-radio-on:after {
221        background-color: #000;
222}
223
224/* Loader */
225.ui-icon-loading {
226        background: url("images/ajax-loader.gif");
227        background-size: 2.875em 2.875em;
228}
229
230/* Swatches */
231
232/* A
233-----------------------------------------------------------------------------------------------------------*/
234
235/* Bar: Toolbars, dividers, slider track */
236.ui-bar-a,
237.ui-page-theme-a .ui-bar-inherit,
238html .ui-bar-a .ui-bar-inherit,
239html .ui-body-a .ui-bar-inherit,
240html body .ui-group-theme-a .ui-bar-inherit {
241        background-color:                       #e9e9e9 /*{a-bar-background-color}*/;
242        border-color:                   #ddd /*{a-bar-border}*/;
243        color:                                  #333 /*{a-bar-color}*/;
244        text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/        #eee /*{a-bar-shadow-color}*/;
245        font-weight: bold;
246}
247.ui-bar-a {
248        border-width: 1px;
249        border-style: solid;
250}
251
252/* Page and overlay */
253.ui-overlay-a,
254.ui-page-theme-a,
255.ui-page-theme-a .ui-panel-wrapper {
256        background-color:                       #f9f9f9 /*{a-page-background-color}*/;
257        border-color:                   #bbb /*{a-page-border}*/;
258        color:                                  #333 /*{a-page-color}*/;
259        text-shadow: 0 /*{a-page-shadow-x}*/ 1px /*{a-page-shadow-y}*/ 0 /*{a-page-shadow-radius}*/     #f3f3f3 /*{a-page-shadow-color}*/;
260}
261
262/* Body: Read-only lists, text inputs, collapsible content */
263.ui-body-a,
264.ui-page-theme-a .ui-body-inherit,
265html .ui-bar-a .ui-body-inherit,
266html .ui-body-a .ui-body-inherit,
267html body .ui-group-theme-a .ui-body-inherit,
268html .ui-panel-page-container-a {
269        background-color:                       #fff /*{a-body-background-color}*/;
270        border-color:                   #ddd /*{a-body-border}*/;
271        color:                                  #333 /*{a-body-color}*/;
272        text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/     #f3f3f3 /*{a-body-shadow-color}*/;
273}
274.ui-body-a {
275        border-width: 1px;
276        border-style: solid;
277}
278
279/* Links */
280.ui-page-theme-a a,
281html .ui-bar-a a,
282html .ui-body-a a,
283html body .ui-group-theme-a a {
284        color: #3388cc /*{a-link-color}*/;
285        font-weight: bold;
286}
287.ui-page-theme-a a:visited,
288html .ui-bar-a a:visited,
289html .ui-body-a a:visited,
290html body .ui-group-theme-a a:visited {
291    color: #3388cc /*{a-link-visited}*/;
292}
293.ui-page-theme-a a:hover,
294html .ui-bar-a a:hover,
295html .ui-body-a a:hover,
296html body .ui-group-theme-a a:hover {
297        color: #005599 /*{a-link-hover}*/;
298}
299.ui-page-theme-a a:active,
300html .ui-bar-a a:active,
301html .ui-body-a a:active,
302html body .ui-group-theme-a a:active {
303        color: #005599 /*{a-link-active}*/;
304}
305
306/* Button up */
307.ui-page-theme-a .ui-btn,
308html .ui-bar-a .ui-btn,
309html .ui-body-a .ui-btn,
310html body .ui-group-theme-a .ui-btn,
311html head + body .ui-btn.ui-btn-a,
312/* Button visited */
313.ui-page-theme-a .ui-btn:visited,
314html .ui-bar-a .ui-btn:visited,
315html .ui-body-a .ui-btn:visited,
316html body .ui-group-theme-a .ui-btn:visited,
317html head + body .ui-btn.ui-btn-a:visited {
318        background-color:                       #f6f6f6 /*{a-bup-background-color}*/;
319        border-color:                   #ddd /*{a-bup-border}*/;
320        color:                                  #333 /*{a-bup-color}*/;
321        text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #f3f3f3 /*{a-bup-shadow-color}*/;
322}
323/* Button hover */
324.ui-page-theme-a .ui-btn:hover,
325html .ui-bar-a .ui-btn:hover,
326html .ui-body-a .ui-btn:hover,
327html body .ui-group-theme-a .ui-btn:hover,
328html head + body .ui-btn.ui-btn-a:hover {
329        background-color:                       #ededed /*{a-bhover-background-color}*/;
330        border-color:                   #ddd /*{a-bhover-border}*/;
331        color:                                  #333 /*{a-bhover-color}*/;
332        text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #f3f3f3 /*{a-bhover-shadow-color}*/;
333}
334/* Button down */
335.ui-page-theme-a .ui-btn:active,
336html .ui-bar-a .ui-btn:active,
337html .ui-body-a .ui-btn:active,
338html body .ui-group-theme-a .ui-btn:active,
339html head + body .ui-btn.ui-btn-a:active {
340        background-color:                       #e8e8e8 /*{a-bdown-background-color}*/;
341        border-color:                   #ddd /*{a-bdown-border}*/;
342        color:                                  #333 /*{a-bdown-color}*/;
343        text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #f3f3f3 /*{a-bdown-shadow-color}*/;
344}
345
346/* Active button */
347.ui-page-theme-a .ui-btn.ui-btn-active,
348html .ui-bar-a .ui-btn.ui-btn-active,
349html .ui-body-a .ui-btn.ui-btn-active,
350html body .ui-group-theme-a .ui-btn.ui-btn-active,
351html head + body .ui-btn.ui-btn-a.ui-btn-active,
352/* Active checkbox icon */
353.ui-page-theme-a .ui-checkbox-on:after,
354html .ui-bar-a .ui-checkbox-on:after,
355html .ui-body-a .ui-checkbox-on:after,
356html body .ui-group-theme-a .ui-checkbox-on:after,
357.ui-btn.ui-checkbox-on.ui-btn-a:after,
358/* Active flipswitch background */
359.ui-page-theme-a .ui-flipswitch-active,
360html .ui-bar-a .ui-flipswitch-active,
361html .ui-body-a .ui-flipswitch-active,
362html body .ui-group-theme-a .ui-flipswitch-active,
363html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active,
364/* Active slider track */
365.ui-page-theme-a .ui-slider-track .ui-btn-active,
366html .ui-bar-a .ui-slider-track .ui-btn-active,
367html .ui-body-a .ui-slider-track .ui-btn-active,
368html body .ui-group-theme-a .ui-slider-track .ui-btn-active,
369html body div.ui-slider-track.ui-body-a .ui-btn-active {
370        background-color:               #3388cc /*{a-active-background-color}*/;
371        border-color:                   #3388cc /*{a-active-border}*/;
372        color:                                  #fff /*{a-active-color}*/;
373        text-shadow: 0 /*{a-active-shadow-x}*/ 1px /*{a-active-shadow-y}*/ 0 /*{a-active-shadow-radius}*/ #005599 /*{a-active-shadow-color}*/;
374}
375/* Active radio button icon */
376.ui-page-theme-a .ui-radio-on:after,
377html .ui-bar-a .ui-radio-on:after,
378html .ui-body-a .ui-radio-on:after,
379html body .ui-group-theme-a .ui-radio-on:after,
380.ui-btn.ui-radio-on.ui-btn-a:after {
381        border-color:                   #3388cc /*{a-active-background-color}*/;
382}
383
384/* Focus */
385.ui-page-theme-a .ui-btn:focus,
386html .ui-bar-a .ui-btn:focus,
387html .ui-body-a .ui-btn:focus,
388html body .ui-group-theme-a .ui-btn:focus,
389html head + body .ui-btn.ui-btn-a:focus,
390/* Focus buttons and text inputs with div wrap */
391.ui-page-theme-a .ui-focus,
392html .ui-bar-a .ui-focus,
393html .ui-body-a .ui-focus,
394html body .ui-group-theme-a .ui-focus,
395html head + body .ui-btn-a.ui-focus,
396html head + body .ui-body-a.ui-focus {
397        -webkit-box-shadow: 0 0 12px    #3388cc /*{a-active-background-color}*/;
398        -moz-box-shadow: 0 0 12px               #3388cc /*{a-active-background-color}*/;
399        box-shadow: 0 0 12px                    #3388cc /*{a-active-background-color}*/;
400}
401
402/* B
403-----------------------------------------------------------------------------------------------------------*/
404
405/* Bar: Toolbars, dividers, slider track */
406.ui-bar-b,
407.ui-page-theme-b .ui-bar-inherit,
408html .ui-bar-b .ui-bar-inherit,
409html .ui-body-b .ui-bar-inherit,
410html body .ui-group-theme-b .ui-bar-inherit {
411        background-color:                       #1d1d1d /*{b-bar-background-color}*/;
412        border-color:                   #1b1b1b /*{b-bar-border}*/;
413        color:                                  #fff /*{b-bar-color}*/;
414        text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/        #111 /*{b-bar-shadow-color}*/;
415        font-weight: bold;
416}
417.ui-bar-b {
418        border-width: 1px;
419        border-style: solid;
420}
421
422/* Page and overlay */
423.ui-overlay-b,
424.ui-page-theme-b,
425.ui-page-theme-b .ui-panel-wrapper {
426        background-color:                       #252525 /*{b-page-background-color}*/;
427        border-color:                   #454545 /*{b-page-border}*/;
428        color:                                  #fff /*{b-page-color}*/;
429        text-shadow: 0 /*{b-page-shadow-x}*/ 1px /*{b-page-shadow-y}*/ 0 /*{b-page-shadow-radius}*/     #111 /*{b-page-shadow-color}*/;
430}
431
432/* Body: Read-only lists, text inputs, collapsible content */
433.ui-body-b,
434.ui-page-theme-b .ui-body-inherit,
435html .ui-bar-b .ui-body-inherit,
436html .ui-body-b .ui-body-inherit,
437html body .ui-group-theme-b .ui-body-inherit,
438html .ui-panel-page-container-b {
439        background-color:                       #2a2a2a /*{b-body-background-color}*/;
440        border-color:                   #1d1d1d /*{b-body-border}*/;
441        color:                                  #fff /*{b-body-color}*/;
442        text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/     #111 /*{b-body-shadow-color}*/;
443}
444.ui-body-b {
445        border-width: 1px;
446        border-style: solid;
447}
448
449/* Links */
450.ui-page-theme-b a,
451html .ui-bar-b a,
452html .ui-body-b a,
453html body .ui-group-theme-b a {
454        color: #22aadd /*{b-link-color}*/;
455        font-weight: bold;
456}
457.ui-page-theme-b a:visited,
458html .ui-bar-b a:visited,
459html .ui-body-b a:visited,
460html body .ui-group-theme-b a:visited {
461    color: #22aadd /*{b-link-visited}*/;
462}
463.ui-page-theme-b a:hover,
464html .ui-bar-b a:hover,
465html .ui-body-b a:hover,
466html body .ui-group-theme-b a:hover {
467        color: #0088bb /*{b-link-hover}*/;
468}
469.ui-page-theme-b a:active,
470html .ui-bar-b a:active,
471html .ui-body-b a:active,
472html body .ui-group-theme-b a:active {
473        color: #0088bb /*{b-link-active}*/;
474}
475
476/* Button up */
477.ui-page-theme-b .ui-btn,
478html .ui-bar-b .ui-btn,
479html .ui-body-b .ui-btn,
480html body .ui-group-theme-b .ui-btn,
481html head + body .ui-btn.ui-btn-b,
482/* Button visited */
483.ui-page-theme-b .ui-btn:visited,
484html .ui-bar-b .ui-btn:visited,
485html .ui-body-b .ui-btn:visited,
486html body .ui-group-theme-b .ui-btn:visited,
487html head + body .ui-btn.ui-btn-b:visited {
488        background-color:                       #333 /*{b-bup-background-color}*/;
489        border-color:                   #1f1f1f /*{b-bup-border}*/;
490        color:                                  #fff /*{b-bup-color}*/;
491        text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #111 /*{b-bup-shadow-color}*/;
492}
493/* Button hover */
494.ui-page-theme-b .ui-btn:hover,
495html .ui-bar-b .ui-btn:hover,
496html .ui-body-b .ui-btn:hover,
497html body .ui-group-theme-b .ui-btn:hover,
498html head + body .ui-btn.ui-btn-b:hover {
499        background-color:                       #373737 /*{b-bhover-background-color}*/;
500        border-color:                   #1f1f1f /*{b-bhover-border}*/;
501        color:                                  #fff /*{b-bhover-color}*/;
502        text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #111 /*{b-bhover-shadow-color}*/;
503}
504/* Button down */
505.ui-page-theme-b .ui-btn:active,
506html .ui-bar-b .ui-btn:active,
507html .ui-body-b .ui-btn:active,
508html body .ui-group-theme-b .ui-btn:active,
509html head + body .ui-btn.ui-btn-b:active {
510        background-color:                       #404040 /*{b-bdown-background-color}*/;
511        border-color:                   #1f1f1f /*{b-bdown-border}*/;
512        color:                                  #fff /*{b-bdown-color}*/;
513        text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #111 /*{b-bdown-shadow-color}*/;
514}
515
516/* Active button */
517.ui-page-theme-b .ui-btn.ui-btn-active,
518html .ui-bar-b .ui-btn.ui-btn-active,
519html .ui-body-b .ui-btn.ui-btn-active,
520html body .ui-group-theme-b .ui-btn.ui-btn-active,
521html head + body .ui-btn.ui-btn-b.ui-btn-active,
522/* Active checkbox icon */
523.ui-page-theme-b .ui-checkbox-on:after,
524html .ui-bar-b .ui-checkbox-on:after,
525html .ui-body-b .ui-checkbox-on:after,
526html body .ui-group-theme-b .ui-checkbox-on:after,
527.ui-btn.ui-checkbox-on.ui-btn-b:after,
528/* Active flipswitch background */
529.ui-page-theme-b .ui-flipswitch-active,
530html .ui-bar-b .ui-flipswitch-active,
531html .ui-body-b .ui-flipswitch-active,
532html body .ui-group-theme-b .ui-flipswitch-active,
533html body .ui-flipswitch.ui-bar-b.ui-flipswitch-active,
534/* Active slider track */
535.ui-page-theme-b .ui-slider-track .ui-btn-active,
536html .ui-bar-b .ui-slider-track .ui-btn-active,
537html .ui-body-b .ui-slider-track .ui-btn-active,
538html body .ui-group-theme-b .ui-slider-track .ui-btn-active,
539html body div.ui-slider-track.ui-body-b .ui-btn-active {
540        background-color:               #22aadd /*{b-active-background-color}*/;
541        border-color:                   #22aadd /*{b-active-border}*/;
542        color:                                  #fff /*{b-active-color}*/;
543        text-shadow: 0 /*{b-active-shadow-x}*/ 1px /*{b-active-shadow-y}*/ 0 /*{b-active-shadow-radius}*/ #0088bb /*{b-active-shadow-color}*/;
544}
545/* Active radio button icon */
546.ui-page-theme-b .ui-radio-on:after,
547html .ui-bar-b .ui-radio-on:after,
548html .ui-body-b .ui-radio-on:after,
549html body .ui-group-theme-b .ui-radio-on:after,
550.ui-btn.ui-radio-on.ui-btn-b:after {
551        border-color:                   #22aadd /*{b-active-background-color}*/;
552}
553
554/* Focus */
555.ui-page-theme-b .ui-btn:focus,
556html .ui-bar-b .ui-btn:focus,
557html .ui-body-b .ui-btn:focus,
558html body .ui-group-theme-b .ui-btn:focus,
559html head + body .ui-btn.ui-btn-b:focus,
560/* Focus buttons and text inputs with div wrap */
561.ui-page-theme-b .ui-focus,
562html .ui-bar-b .ui-focus,
563html .ui-body-b .ui-focus,
564html body .ui-group-theme-b .ui-focus,
565html head + body .ui-btn-b.ui-focus,
566html head + body .ui-body-b.ui-focus {
567        -webkit-box-shadow: 0 0 12px    #22aadd /*{b-active-background-color}*/;
568        -moz-box-shadow: 0 0 12px               #22aadd /*{b-active-background-color}*/;
569        box-shadow: 0 0 12px                    #22aadd /*{b-active-background-color}*/;
570}
571
572/* Structure */
573
574/* Disabled
575-----------------------------------------------------------------------------------------------------------*/
576/* Class ui-disabled deprecated in 1.4. :disabled not supported by IE8 so we use [disabled] */
577
578.ui-disabled,
579.ui-state-disabled,
580button[disabled],
581.ui-select .ui-btn.ui-state-disabled {
582        filter: Alpha(Opacity=30);
583        opacity: .3;
584        cursor: default !important;
585        pointer-events: none;
586}
587
588/* Focus state outline
589-----------------------------------------------------------------------------------------------------------*/
590
591.ui-btn:focus,
592.ui-btn.ui-focus {
593        outline: 0;
594}
595/* Unset box-shadow in browsers that don't do it right */
596.ui-noboxshadow .ui-shadow,
597.ui-noboxshadow .ui-shadow-inset,
598.ui-noboxshadow .ui-overlay-shadow,
599.ui-noboxshadow .ui-shadow-icon.ui-btn:after,
600.ui-noboxshadow .ui-shadow-icon .ui-btn:after,
601.ui-noboxshadow .ui-focus,
602.ui-noboxshadow .ui-btn:focus,
603.ui-noboxshadow  input:focus,
604.ui-noboxshadow .ui-panel {
605        -webkit-box-shadow: none !important;
606        -moz-box-shadow: none !important;
607        box-shadow: none !important;
608}
609.ui-noboxshadow .ui-btn:focus,
610.ui-noboxshadow .ui-focus {
611        outline-width: 1px;
612        outline-style: auto;
613}
Note: See TracBrowser for help on using the repository browser.