b4403b2b21b4acd2d38b5352f63cc3069174d118
[platform/framework/web/web-ui-fw.git] / libs / js / jquery-mobile-1.0.1pre / css / structure / jquery.mobile.navbar.css
1 .ui-navbar { overflow: hidden;  }
2 .ui-navbar ul, .ui-navbar-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;}
3 .ui-navbar-collapsed ul { float: left; width: 75%; margin-right: -2px; }
4 .ui-navbar-collapsed .ui-navbar-toggle { float: left; width: 25%; }
5 .ui-navbar li.ui-navbar-truncate { position: absolute; left: -9999px; top: -9999px; }
6 .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; }
7 .ui-navbar li .ui-btn {  margin-right: -1px; }
8 .ui-navbar li .ui-btn:last-child { margin-right: 0; }
9 .ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn,
10 .ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn { border-top-width: 0; border-bottom-width: 0; }
11 .ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; }
12 .ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .8em; padding-bottom: .9em; }
13 /*expanded page styles*/
14 .ui-navbar-expanded .ui-btn { margin: 0; font-size: 14px; }
15 .ui-navbar-expanded .ui-btn-inner { padding-left: 5px; padding-right: 5px;  }
16 .ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner { padding: 45px 5px 15px; text-align: center; }
17 .ui-navbar-expanded .ui-btn-icon-top .ui-icon { top: 15px; }
18 .ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner { padding: 15px 5px 45px; text-align: center; }
19 .ui-navbar-expanded .ui-btn-icon-bottom .ui-icon { bottom: 15px; }
20 .ui-navbar-expanded li .ui-btn .ui-btn-inner { min-height: 2.5em; }
21 .ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner { padding-top: 1.8em; padding-bottom: 1.9em; }