2ead0f2912eeca8581676304a0163e37c5edfeef
[platform/framework/web/web-ui-fw.git] / libs / js / jquery-mobile-1.0.1pre / 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-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; }
3 .ui-btn-inline { display: inline-block; }
4 .ui-btn-inner { padding: .6em 25px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; }
5 .ui-btn input, .ui-btn button { z-index: 2; }
6 .ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: .4em 8px .5em; }
7 .ui-btn-icon-notext { width: 24px; height: 24px; }
8 .ui-btn-icon-notext .ui-btn-inner { padding: 2px 1px 2px 3px; }
9 .ui-btn-text { position: relative; z-index: 1; }
10 .ui-btn-icon-notext .ui-btn-text { position: absolute; left: -9999px; }
11 .ui-btn-icon-left .ui-btn-inner { padding-left: 33px; }
12 .ui-header .ui-btn-icon-left .ui-btn-inner,
13 .ui-footer .ui-btn-icon-left .ui-btn-inner,
14 .ui-bar .ui-btn-icon-left .ui-btn-inner { padding-left: 27px; }
15 .ui-btn-icon-right .ui-btn-inner { padding-right: 33px; }
16 .ui-header .ui-btn-icon-right .ui-btn-inner,
17 .ui-footer .ui-btn-icon-right .ui-btn-inner,
18 .ui-bar .ui-btn-icon-right .ui-btn-inner { padding-right: 27px; }
19 .ui-btn-icon-top .ui-btn-inner { padding-top: 33px; }
20 .ui-header .ui-btn-icon-top .ui-btn-inner,
21 .ui-footer .ui-btn-icon-top .ui-btn-inner,
22 .ui-bar .ui-btn-icon-top .ui-btn-inner { padding-top: 27px; }
23 .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 33px; }
24 .ui-header .ui-btn-icon-bottom .ui-btn-inner,
25 .ui-footer .ui-btn-icon-bottom .ui-btn-inner,
26 .ui-bar .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 27px; }
27
28 /*btn icon positioning*/
29 .ui-btn-icon-notext .ui-icon { display: block; z-index: 0;}
30 .ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
31 .ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon { position: absolute; left: 50%;  margin-left: -9px; }
32 .ui-btn-icon-left .ui-icon { left: 10px; }
33 .ui-btn-icon-right .ui-icon { right: 10px; }
34 .ui-btn-icon-top .ui-icon { top: 10px; }
35 .ui-btn-icon-bottom .ui-icon { bottom: 10px; }
36 .ui-header .ui-btn-icon-left .ui-icon,
37 .ui-footer .ui-btn-icon-left .ui-icon,
38 .ui-bar .ui-btn-icon-left .ui-icon { left: 4px; }
39 .ui-header .ui-btn-icon-right .ui-icon,
40 .ui-footer .ui-btn-icon-right .ui-icon,
41 .ui-bar .ui-btn-icon-right .ui-icon { right: 4px; }
42 .ui-header .ui-btn-icon-top .ui-icon,
43 .ui-footer .ui-btn-icon-top .ui-icon,
44 .ui-bar .ui-btn-icon-top .ui-icon { top: 4px; }
45 .ui-header .ui-btn-icon-bottom .ui-icon,
46 .ui-footer .ui-btn-icon-bottom .ui-icon,
47 .ui-bar .ui-btn-icon-bottom .ui-icon { bottom: 4px; }
48
49 /*hiding native button,inputs */
50 .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; line-height: 999px; }