jquery-mobile/css/jQuery.mobile.globalnav.css
2010-10-01 23:37:43 -04:00

16 lines
No EOL
1 KiB
CSS

/*
* jQuery Mobile Framework
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
*/
.ui-globalnav { overflow: hidden; }
.ui-globalnav ul, .ui-globalnav-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;}
.ui-globalnav-collapsed ul { float: left; width: 75%; }
.ui-globalnav-collapsed .ui-globalnav-toggle { float: left; width: 25%; }
.ui-globalnav li.ui-globalnav-truncate { position: absolute; left: -99999px; top: -99999px; }
.ui-globalnav li .ui-btn, .ui-globalnav .ui-globalnav-toggle .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0 -1px; outline: none; border-top-width: 0; border-bottom-width: 0; }
.ui-globalnav .ui-btn-inner { padding-left: 15px; padding-right: 15px; }
/*expanded page styles*/
.ui-globalnav-expanded .ui-btn { margin: 0; font-size: 14px; }
.ui-globalnav-expanded .ui-btn-icon-top .ui-btn-inner { padding: 45px 5px 15px; text-align: center; }
.ui-globalnav-expanded .ui-btn-icon-top .ui-icon { top: 15px; }