2.0_beta sync to rsa
[framework/web/web-ui-fw.git] / libs / js / jquery-mobile-1.1.0 / css / structure / jquery.mobile.button.css
1 .ui-btn { display: block; text-align: center; cursor:pointer;  position: relative; margin: .5em 5px; padding: 0; }
2 .ui-mini { margin: .25em 5px; }
3 .ui-btn-inner { padding: .6em 20px; min-width: .75em; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; }
4 .ui-btn input, .ui-btn button { z-index: 2; }
5 .ui-btn-left, .ui-btn-right, .ui-btn-inline { display: inline-block; }
6 .ui-btn-block { display: block; }
7
8 .ui-header .ui-btn,
9 .ui-footer .ui-btn { display: inline-block; margin: 0; }
10
11 .ui-header .ui-btn-inner,
12 .ui-footer .ui-btn-inner,
13 .ui-mini .ui-btn-inner { font-size: 12.5px; padding: .55em 11px .5em; }
14
15 .ui-header .ui-fullsize .ui-btn-inner,
16 .ui-footer .ui-fullsize .ui-btn-inner { font-size: 16px; padding: .6em 25px; }
17
18 .ui-btn-icon-notext { width: 24px; height: 24px; }
19 .ui-btn-icon-notext .ui-btn-inner { padding: 0; height: 100%; }
20 .ui-btn-icon-notext .ui-btn-inner .ui-icon { margin: 2px 1px 2px 3px; }
21
22 .ui-btn-text { position: relative; z-index: 1; width: 100%; }
23 .ui-btn-icon-notext .ui-btn-text { position: absolute; left: -9999px; }
24
25 .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
26 .ui-btn-icon-right .ui-btn-inner { padding-right: 40px; }
27 .ui-btn-icon-top .ui-btn-inner { padding-top: 40px; }
28 .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 40px; }
29
30 .ui-header .ui-btn-icon-left .ui-btn-inner,
31 .ui-footer .ui-btn-icon-left .ui-btn-inner,
32 .ui-mini .ui-btn-icon-left .ui-btn-inner { padding-left: 30px; }
33 .ui-header .ui-btn-icon-right .ui-btn-inner,
34 .ui-footer .ui-btn-icon-right .ui-btn-inner,
35 .ui-mini .ui-btn-icon-right .ui-btn-inner { padding-right: 30px; }
36 .ui-header .ui-btn-icon-top .ui-btn-inner,
37 .ui-footer .ui-btn-icon-top .ui-btn-inner,
38 .ui-mini .ui-btn-icon-top .ui-btn-inner { padding: 30px 3px .5em 3px; }
39 .ui-header .ui-btn-icon-bottom .ui-btn-inner,
40 .ui-footer .ui-btn-icon-bottom .ui-btn-inner,
41 .ui-mini .ui-btn-icon-bottom .ui-btn-inner { padding: .55em 3px 30px 3px; }
42
43 /*btn icon positioning*/
44 .ui-btn-icon-notext .ui-icon { display: block; z-index: 0;}
45 .ui-btn-icon-left .ui-btn-inner .ui-icon, .ui-btn-icon-right .ui-btn-inner .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
46 .ui-btn-icon-top .ui-btn-inner .ui-icon, .ui-btn-icon-bottom .ui-btn-inner .ui-icon { position: absolute; left: 50%;  margin-left: -9px; }
47 .ui-btn-icon-left .ui-icon { left: 10px; }
48 .ui-btn-icon-right .ui-icon { right: 10px; }
49 .ui-btn-icon-top .ui-icon { top: 10px; }
50 .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
51
52 .ui-header .ui-btn-icon-left .ui-icon,
53 .ui-footer .ui-btn-icon-left .ui-icon,
54 .ui-mini.ui-btn-icon-left .ui-icon,
55 .ui-mini .ui-btn-icon-left .ui-icon { left: 5px; }
56 .ui-header .ui-btn-icon-right .ui-icon,
57 .ui-footer .ui-btn-icon-right .ui-icon,
58 .ui-mini.ui-btn-icon-right .ui-icon,
59 .ui-mini .ui-btn-icon-right .ui-icon { right: 5px; }
60 .ui-header .ui-btn-icon-top .ui-icon,
61 .ui-footer .ui-btn-icon-top .ui-icon,
62 .ui-mini.ui-btn-icon-top .ui-icon,
63 .ui-mini .ui-btn-icon-top .ui-icon { top: 5px; }
64 .ui-header .ui-btn-icon-bottom .ui-icon,
65 .ui-footer .ui-btn-icon-bottom .ui-icon,
66 .ui-mini.ui-btn-icon-bottom .ui-icon,
67 .ui-mini .ui-btn-icon-bottom .ui-icon { bottom: 5px; }
68
69 /*hiding native button,inputs */
70 .ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: .1; cursor: pointer; background: #fff; background: rgba(255,255,255,0); filter: Alpha(Opacity=.0001); font-size: 1px; border: none; text-indent: -9999px; }