jquery-mobile/css/jQuery.mobile.headerfooter.css
scottjehl ced22f6962 Sticky footers
Tag a footer div with data-id="foo" and it'll stay visible when transitioning to another page that has a footer of the same data-id.

Fixed #72
All proposed changes above are either implemented, or covered through alternate means.
2010-10-04 19:00:30 -04:00

12 lines
684 B
CSS

/*
* jQuery Mobile Framework
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
*/
/* page header & footer configuration */
.ui-header, .ui-footer { position: absolute; z-index: 1000; overflow: hidden; width: 100%; }
.ui-page .ui-header, .ui-page .ui-footer { position: relative; }
.ui-footer-duplicate { display: none; }
.ui-header .ui-back { position: absolute; left: 10px; top: .4em; }
.ui-header h1, .ui-footer h1 { text-align: center; font-size: 16px; display: block; margin: .6em 90px .8em; padding: 0; white-space: nowrap; overflow: hidden; }
.ui-header .ui-aux { position: absolute; right: 10px; top: .2em; }