mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-04-05 15:10:59 +00:00
6656d1f84c
- Removed -webkit-backface-visibility from all general rules and placed it in the .slide transition rule. It was impacting scroll performance and causing some rendering problems on iOS 3.1.x and some Android platforms.
54 lines
2.5 KiB
CSS
54 lines
2.5 KiB
CSS
/*
|
|
* jQuery Mobile Framework
|
|
* Copyright (c) jQuery Project
|
|
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
|
|
* Note: Code is in draft form and is subject to change
|
|
*/
|
|
|
|
/* some unsets - more probably needed */
|
|
.ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
|
|
.ui-mobile a img, .ui-mobile fieldset { border: 0; }
|
|
|
|
/* responsive page widths */
|
|
.ui-mobile-viewport { margin: 0; overflow-x: hidden; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
|
|
|
|
/*orientations from js are available */
|
|
.portrait { }
|
|
.landscape { }
|
|
|
|
/* "page" containers - full-screen views, one should always be in view post-pageload */
|
|
.ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; }
|
|
.ui-page-active { display: block; overflow: visible; min-height: 100%; }
|
|
|
|
/* loading screen */
|
|
.ui-loading .ui-mobile-viewport { overflow: hidden !important; }
|
|
.ui-loading .ui-loader { display: block; }
|
|
.ui-loading .ui-page { overflow: hidden; }
|
|
.ui-loader { display: none; position: absolute; opacity: .85; z-index: 10; top: 75px; left: 50%; width: 200px; margin-left: -130px; padding: 20px 30px; }
|
|
.ui-loader h1 { font-size: 15px; text-align: center; }
|
|
.ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; }
|
|
|
|
/*headers, content panels*/
|
|
.ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }
|
|
.ui-bar { font-size: 16px; margin: 0; }
|
|
.ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; }
|
|
|
|
.ui-header, .ui-footer { display: block; }
|
|
.ui-page .ui-header, .ui-page .ui-footer { position: relative; }
|
|
.ui-header .ui-btn-left { position: absolute; left: 10px; top: .4em; }
|
|
.ui-header .ui-title, .ui-footer .ui-title { text-align: center; font-size: 16px; display: block; margin: .6em 90px .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
|
|
.ui-header .ui-btn-right { position: absolute; right: 10px; top: .4em; }
|
|
|
|
/*content area*/
|
|
.ui-content { border-width: 0; overflow: visible; padding: 15px; }
|
|
.ui-page-fullscreen .ui-content { padding:0; }
|
|
|
|
/* icons sizing */
|
|
.ui-icon { width: 18px; height: 18px; }
|
|
|
|
/* fullscreen class on ui-content div */
|
|
.ui-fullscreen { }
|
|
.ui-fullscreen img { max-width: 100%; }
|
|
|
|
/* non-js content hiding */
|
|
.ui-nojs { position: absolute; left: -9999px; }
|