mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-03-17 06:20:26 +00:00
29a7daee60
* applies data-themes appropriately to header,footer,page,and content roles * finds first link in header or footer, applies left button class * finds second link in header or footer, applies right button class * if no left button, a back button is auto added (this can be disabled through $.mobile.addBackBtn) * back buttons will not auto-add on the first page visited. * all headings h1-6 are given ui-title class for constent styling in header and footer * buttons in ui-bar,ui-header,ui-footer now all have consistent sizing and styling Fixes #109 Fixes #114 Fixes #28 Fixes #116
52 lines
No EOL
2.6 KiB
CSS
52 lines
No EOL
2.6 KiB
CSS
/*
|
|
* jQuery Mobile Framework
|
|
* Copyright (c) jQuery Project
|
|
* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
|
|
*/
|
|
.ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 5px; padding: 0; }
|
|
.ui-header .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; }
|
|
.ui-btn-inner { padding: .6em 25px; display: block; height: 100%; }
|
|
.ui-btn-text { }
|
|
.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: .4em 8px .5em; }
|
|
.ui-btn-icon-notext { display: block; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; }
|
|
.ui-btn-icon-notext .ui-btn-inner { padding: 0; }
|
|
.ui-btn-icon-notext .ui-btn-text { position: absolute; left: -999px; }
|
|
.ui-btn-icon-left .ui-btn-inner { padding-left: 30px; }
|
|
.ui-header .ui-btn-icon-left .ui-btn-inner,
|
|
.ui-footer .ui-btn-icon-left .ui-btn-inner,
|
|
.ui-bar .ui-btn-icon-left .ui-btn-inner { padding-left: 27px; }
|
|
.ui-btn-icon-right .ui-btn-inner { padding-right: 30px; }
|
|
.ui-header .ui-btn-icon-right .ui-btn-inner,
|
|
.ui-footer .ui-btn-icon-right .ui-btn-inner
|
|
.ui-bar .ui-btn-icon-right .ui-btn-inner { padding-right: 27px; }
|
|
.ui-btn-icon-top .ui-btn-inner { padding-top: 30px; }
|
|
.ui-header .ui-btn-icon-top .ui-btn-inner
|
|
.ui-footer .ui-btn-icon-top .ui-btn-inner,
|
|
.ui-bar .ui-btn-icon-top .ui-btn-inner { padding-top: 27px; }
|
|
.ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; }
|
|
.ui-header .ui-btn-icon-bottom .ui-btn-inner,
|
|
.ui-footer .ui-btn-icon-bottom .ui-btn-inner,
|
|
.ui-bar .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 27px; }
|
|
|
|
/*btn icon positioning*/
|
|
.ui-btn-icon-notext .ui-icon { display: block; }
|
|
.ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
|
|
.ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon { position: absolute; left: 50%; margin-left: -9px; }
|
|
.ui-btn-icon-left .ui-icon { left: 10px; }
|
|
.ui-btn-icon-right .ui-icon {right: 10px; }
|
|
.ui-header .ui-btn-icon-left .ui-icon,
|
|
.ui-footer .ui-btn-icon-left .ui-icon,
|
|
.ui-bar .ui-btn-icon-left .ui-icon { left: 4px; }
|
|
.ui-header .ui-btn-icon-right .ui-icon,
|
|
.ui-footer .ui-btn-icon-right .ui-icon,
|
|
.ui-bar .ui-btn-icon-right .ui-icon { right: 4px; }
|
|
.ui-header .ui-btn-icon-top .ui-icon,
|
|
.ui-footer .ui-btn-icon-top .ui-icon,
|
|
.ui-bar .ui-btn-icon-top .ui-icon { top: 4px; }
|
|
.ui-header .ui-btn-icon-bottom .ui-icon,
|
|
.ui-footer .ui-btn-icon-bottom .ui-icon,
|
|
.ui-bar .ui-btn-icon-bottom .ui-icon { bottom: 4px; }
|
|
.ui-btn-icon-top .ui-icon { top: 5px; }
|
|
.ui-btn-icon-bottom .ui-icon { bottom: 5px; }
|
|
/*hiding native button,inputs */
|
|
.ui-btn-hidden { position: absolute; left: -9999px; } |