/* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
.ui-page { outline: none; }
-/*orientations from js are available */
-@media screen and (orientation: portrait){
-.ui-mobile, .ui-mobile .ui-page { min-height: 420px; background: black; }
-}
-@media screen and (orientation: landscape){
-.ui-mobile, .ui-mobile .ui-page { min-height: 300px; background: black; }
+.ui-mobile, .ui-mobile .ui-page {
+ background: @color_bg;
+ color : @color_text;
}
/* native overflow scrolling */
.ui-loading .ui-loader { display: block; }
.ui-loading .ui-page { overflow: hidden; }
.ui-loader { display: none; position: absolute; opacity: .85; z-index: @z_base_loader; left: 50%; width: 200px; margin-left: -130px; margin-top: -35px; padding: 10px 30px; }
-.ui-loader h1 { font-size: 0.5 * @font_size_default; text-align: center; }
+.ui-loader h1 { font-size: 32 * @unit_base; text-align: center; }
.ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; }
/*fouc*/
.ui-page .ui-header, .ui-page .ui-footer {
position : fixed; /*position: relative;*/
z-index : @z_base_header_footer;
-}/* Option header reposition : Jinhyuk */
-.ui-header .ui-btn-left { position: absolute; left: 10px; top: .4em; }
-.ui-header .ui-btn-right { position: absolute; right: 10px; top: .4em; }
+}
+/* Title button packing order */
+.ui-header .ui-btn-left {
+ top: .4em;
+ float: left;
+}
+.ui-header .ui-btn-right {
+ float: right;
+ top: .4em;
+}
.ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; 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; }
/*content area*/