Permalink
Browse files

updated strings

  • Loading branch information...
1 parent 0219c7e commit 4057ae34452d74ca37ab57a9af1ec9f624465b13 @sgrebnov committed May 3, 2012
Showing with 4,879 additions and 13,082 deletions.
  1. +10 −15 README.md
  2. +4 −5 cordova/PhoneTheme.cs
  3. +1 −1 samples/WindowsPhone/MetroThemeDemoApp/MetroThemeDemoApp/MainPage.xaml
  4. +2 −3 samples/WindowsPhone/MetroThemeDemoApp/MetroThemeDemoApp/Plugins/DateTimePicker.cs
  5. +4 −5 samples/WindowsPhone/MetroThemeDemoApp/MetroThemeDemoApp/Plugins/PhoneTheme.cs
  6. +7 −7 samples/WindowsPhone/MetroThemeDemoApp/readme.txt
  7. +1 −1 samples/WindowsPhone/ThemeSwitchDemo/CordovaSourceDictionary.xml
  8. +1 −3 samples/WindowsPhone/ThemeSwitchDemo/PhoneGapStarter1.csproj
  9. +4 −5 samples/WindowsPhone/ThemeSwitchDemo/Plugins/PhoneTheme.cs
  10. +1 −1 samples/WindowsPhone/ThemeSwitchDemo/www/index.html
  11. +8 −5 samples/WindowsPhone/ThemeSwitchDemo/www/jquery.cordova.metro.themeswitcher.js
  12. +4 −9,046 samples/WindowsPhone/ThemeSwitchDemo/www/jquery.js
  13. +3,998 −3,398 samples/WindowsPhone/ThemeSwitchDemo/www/{jquery.mobile-1.0.js → jquery.mobile.js}
  14. +2 −2 samples/WindowsPhone/ThemeSwitchDemo/www/phoneTheme.js
  15. +789 −555 samples/WindowsPhone/ThemeSwitchDemo/www/themes/metro/jquery.mobile.metro.theme.css
  16. +4 −4 samples/jqm-public-demo/index-lite.html
  17. +13 −7 samples/jqm-public-demo/index.html
  18. +5 −3 samples/jqm-public-demo/js/jquery.mobile.themeswitcher.js
  19. +13 −8 samples/jqm-public-demo/pages/date-time.html
  20. +1 −1 samples/jqm-public-demo/pages/fonts.html
  21. +2 −2 samples/jqm-public-demo/pages/form-elements.html
  22. +3 −3 samples/jqm-public-demo/pages/switcher.html
  23. +2 −2 tests/basic/gallery/html/forms-all.html
View
25 README.md
@@ -1,20 +1,16 @@
# Welcome #
-Project aim is to build Metro UI HTML5-based theme on top of jQuery Mobile to mimic Windows Phone 7 native look and feel.
+The aim of this theme to provide a Metro user interface for Cordova apps using jQuery Mobile on Windows Phone 7.5.
### Live demo ###
-Theme web version (doesn’t fully reflect the device experience)
-
-http://sgrebnov.github.com/jqmobile-metro-theme/tests/basic/gallery/html/forms-all.html
-
Web demo for the jquerymobile.com site
http://sgrebnov.github.com/jqmobile-metro-theme/samples/jqm-public-demo/index.html
-Windows Phone demo app (restricted access)
+Windows Phone demo app
-http://windowsphone.com/s?appid=f62a1b8b-b4db-4066-b825-1139e5b9f57a
+http://windowsphone.com/s?appid=tbd
### Copyrights ###
Licensed under the Apache License, Version 2.0 (the "License");
@@ -41,10 +37,9 @@ Metro theme is presented by jquery.mobile.metro.theme.css file and related image
All additional theme plugins are located at /plugins folder
- /plugins/app-bar/ - Windows Phone alike ApplicationBar control
+ /plugins/app-bar/ - an Application Bar
- /plugins/date-picker/ - Date and Time picker. Note: if runs under Cordova environment and there is Cordova DateTimePicker
- plugin then it uses native UI instead of html
+ /plugins/date-picker/ - - Cordova plugin for WP that exposes the native DateTime picker
/plugins/progress-bar/ - implements porgress bar control
@@ -58,7 +53,7 @@ There is also special js code exporting theme switching functionality located at
### Cordova ###
-The theme provides additional level of functionality when viewing on the phone under Cordova framework. This is implemented
+The jQM Metro theme is designed to work with Cordova on Windows Phone 7.5 for optimal integration. This is implemented
by the following cordova plugins.
backButtonHandler.js - hardware back button handling functionality
@@ -92,10 +87,10 @@ This sample page demonstrates all metro theme additional plugins/controls descib
Note. Pages above are used as a reference for Windows Phone demo application.
-## Prerequisite (Windows Phone only) ##
-(No actions are required to run html samples and test pages.)
-
-Silverlight for Windows Phone Toolkit is required to build
+## Prerequisite ##
+The following componets are required for optimal theme work
+Cordova App on Windows Phone 7.5
+Silverlight for Windows Phone Toolkit
http://silverlight.codeplex.com/releases/view/71550#DownloadId=270984
# Usage #
View
9 cordova/PhoneTheme.cs
@@ -1,9 +1,8 @@
/*
- * This plugin is available under *either* the terms of the modified BSD license *or* the
- * MIT License (2008). See http://opensource.org/licenses/alphabetical for full text.
+ * Licensed under the Apache License, Version 2.0 (the "License")
+ * http://www.apache.org/licenses/LICENSE-2.0
*
* Copyright (c) 2011-2012, Sergey Grebnov
- * Copyright (c) 2011-2012, Microsoft Corporation
*/
using System.Runtime.Serialization;
@@ -28,7 +27,7 @@ public class PhoneTheme : BaseCommand
#endregion
- #region Live tiles options
+ #region Command options
/// <summary>
/// Represents selected on device theme
@@ -81,7 +80,7 @@ public void get(string options)
}
catch (Exception e)
{
- DispatchCommandResult(new PluginResult(PluginResult.Status.ERROR, "Error updating application tile"));
+ DispatchCommandResult(new PluginResult(PluginResult.Status.ERROR, "Error occured while retrieving phone theme settings."));
}
}
View
2 samples/WindowsPhone/MetroThemeDemoApp/MetroThemeDemoApp/MainPage.xaml
@@ -19,7 +19,7 @@
<my:CordovaView HorizontalAlignment="Stretch"
Margin="0,0,0,0"
Name="PGView"
- VerticalAlignment="Stretch" StartPageUri="http://demo.akvelon.net:8123/metro/tests/basic/gallery/html/forms-all.html" />
+ VerticalAlignment="Stretch" StartPageUri="http://sgrebnov.github.com/jqmobile-metro-theme/samples/jqm-public-demo/index.html" />
</Grid>
</phone:PhoneApplicationPage>
View
5 samples/WindowsPhone/MetroThemeDemoApp/MetroThemeDemoApp/Plugins/DateTimePicker.cs
@@ -1,9 +1,8 @@
/*
- * This plugin is available under *either* the terms of the modified BSD license *or* the
- * MIT License (2008). See http://opensource.org/licenses/alphabetical for full text.
+ * Licensed under the Apache License, Version 2.0 (the "License")
+ * http://www.apache.org/licenses/LICENSE-2.0
*
* Copyright (c) 2011-2012, Sergey Grebnov
- * Copyright (c) 2011-2012, Microsoft Corporation
*/
using System.Runtime.Serialization;
View
9 samples/WindowsPhone/MetroThemeDemoApp/MetroThemeDemoApp/Plugins/PhoneTheme.cs
@@ -1,9 +1,8 @@
/*
- * This plugin is available under *either* the terms of the modified BSD license *or* the
- * MIT License (2008). See http://opensource.org/licenses/alphabetical for full text.
+ * Licensed under the Apache License, Version 2.0 (the "License")
+ * http://www.apache.org/licenses/LICENSE-2.0
*
* Copyright (c) 2011-2012, Sergey Grebnov
- * Copyright (c) 2011-2012, Microsoft Corporation
*/
using System.Runtime.Serialization;
@@ -28,7 +27,7 @@ public class PhoneTheme : BaseCommand
#endregion
- #region Live tiles options
+ #region Command options
/// <summary>
/// Represents selected on device theme
@@ -81,7 +80,7 @@ public void get(string options)
}
catch (Exception e)
{
- DispatchCommandResult(new PluginResult(PluginResult.Status.ERROR, "Error updating application tile"));
+ DispatchCommandResult(new PluginResult(PluginResult.Status.ERROR, "Error occured while retrieving phone theme settings."));
}
}
View
14 samples/WindowsPhone/MetroThemeDemoApp/readme.txt
@@ -18,10 +18,10 @@ Silverlight for Windows Phone Toolkit is required to build the application
http://silverlight.codeplex.com/releases/view/71550#DownloadId=270984
License
-/*
- * This plugin is available under *either* the terms of the modified BSD license *or* the
- * MIT License (2008). See http://opensource.org/licenses/alphabetical for full text.
- *
- * Copyright (c) 2011-2012, Sergey Grebnov
- * Copyright (c) 2011-2012, Microsoft Corporation
- */
+
+Licensed under the Apache License, Version 2.0 (the "License")
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Copyright (c) 2011-2012, Sergey Grebnov
+
View
2 samples/WindowsPhone/ThemeSwitchDemo/CordovaSourceDictionary.xml
@@ -6,7 +6,7 @@
<FilePath Value="www\jquery.cordova.metro.themeswitcher.js"/>
<FilePath Value="www\jquery.globalstylesheet.js"/>
<FilePath Value="www\jquery.js"/>
- <FilePath Value="www\jquery.mobile-1.0.js"/>
+ <FilePath Value="www\jquery.mobile.js"/>
<FilePath Value="www\master.css"/>
<FilePath Value="www\phoneTheme.js"/>
<FilePath Value="www\themes\metro\jquery.mobile.metro.theme.css"/>
View
4 samples/WindowsPhone/ThemeSwitchDemo/PhoneGapStarter1.csproj
@@ -93,9 +93,7 @@
<Content Include="www\jquery.js">
<CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
</Content>
- <Content Include="www\jquery.mobile-1.0.js">
- <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
- </Content>
+ <Content Include="www\jquery.mobile.js" />
<Content Include="www\phoneTheme.js">
<CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
</Content>
View
9 samples/WindowsPhone/ThemeSwitchDemo/Plugins/PhoneTheme.cs
@@ -1,9 +1,8 @@
/*
- * This plugin is available under *either* the terms of the modified BSD license *or* the
- * MIT License (2008). See http://opensource.org/licenses/alphabetical for full text.
+ * Licensed under the Apache License, Version 2.0 (the "License")
+ * http://www.apache.org/licenses/LICENSE-2.0
*
* Copyright (c) 2011-2012, Sergey Grebnov
- * Copyright (c) 2011-2012, Microsoft Corporation
*/
using System.Runtime.Serialization;
@@ -28,7 +27,7 @@ public class PhoneTheme : BaseCommand
#endregion
- #region Live tiles options
+ #region Command options
/// <summary>
/// Represents selected on device theme
@@ -81,7 +80,7 @@ public void get(string options)
}
catch (Exception e)
{
- DispatchCommandResult(new PluginResult(PluginResult.Status.ERROR, "Error updating application tile"));
+ DispatchCommandResult(new PluginResult(PluginResult.Status.ERROR, "Error occured while retrieving phone theme settings."));
}
}
View
2 samples/WindowsPhone/ThemeSwitchDemo/www/index.html
@@ -10,7 +10,7 @@
<!--jqmobile and phonegap core references-->
<script type="text/javascript" charset="utf-8" src="jquery.js"></script>
- <script type="text/javascript" charset="utf-8" src="jquery.mobile-1.0.js"></script>
+ <script type="text/javascript" charset="utf-8" src="jquery.mobile.js"></script>
<script type="text/javascript" charset="utf-8" src="cordova-1.5.0.js"></script>
<!--phonegap theme detection and switching pluings-->
View
13 samples/WindowsPhone/ThemeSwitchDemo/www/jquery.cordova.metro.themeswitcher.js
@@ -17,6 +17,10 @@ Cordova.addConstructor(function () {
// based on http://stackoverflow.com/questions/8656801/how-to-change-theme-dynamically-in-jquery-mobile
+ $('body')
+ .removeClass('ui-overlay-a ui-overlay-b ui-overlay-c ui-overlay-d ui-overlay-e')
+ .addClass('ui-overlay-' + themeSwatch);
+
$('.ui-btn').not('.ui-li-divider')
.removeClass('ui-btn-up-a ui-btn-up-b ui-btn-up-c ui-btn-up-d ui-btn-up-e ui-btn-hover-a ui-btn-hover-b ui-btn-hover-c ui-btn-hover-d ui-btn-hover-e')
.addClass('ui-btn-up-' + themeSwatch)
@@ -31,7 +35,7 @@ Cordova.addConstructor(function () {
}
})
- $('.ui-slider-switch')
+ $('.ui-slider-switch, .ui-slider')
.removeClass('ui-btn-down-a ui-btn-down-b ui-btn-down-c ui-btn-down-d ui-btn-down-e')
.addClass('ui-btn-down-' + themeSwatch);
@@ -50,7 +54,7 @@ Cordova.addConstructor(function () {
.addClass('ui-body-' + themeSwatch)
.attr('data-theme', themeSwatch);
- // toggle button fix
+ // toggle button fix
$('.ui-toggle-button').removeClass('ui-toggle-button-a ui-toggle-button-b').addClass('ui-toggle-button-' + themeSwatch);
@@ -59,9 +63,8 @@ Cordova.addConstructor(function () {
$(".ui-btn-active a.ui-link-inherit").globalcss('color', theme.accentColor + ' !important');
$(".ui-selectmenu-list li[aria-selected='true'] .ui-btn-text a").globalcss('color', theme.accentColor + ' !important');
$(".ui-li-divider").globalcss('background-color', theme.accentColor + ' !important');
- $("div.ui-slider-switch").globalcss('background-color', 'transparent !important');
- $("div.ui-slider").globalcss('background-color', theme.accentColor + ' !important');
- $("div.ui-slider-switch div.ui-slider-labelbg-a").globalcss('background-color', theme.accentColor + ' !important');
+ $("div.ui-slider:not(.ui-disabled):not(.ui-slider-switch)").globalcss('background-color', theme.accentColor + ' !important');
+ $("div.ui-slider-switch span.ui-slider-label-a").globalcss('background-color', theme.accentColor + ' !important');
$(".ui-progress-bg").globalcss('background-color', theme.accentColor + ' !important');
$(".ui-progress-value").globalcss('background-color', theme.accentColor + ' !important');
}
View
9,050 samples/WindowsPhone/ThemeSwitchDemo/www/jquery.js
4 additions, 9,046 deletions not shown because the diff is too large. Please use a local Git client to view these changes.
View
7,396 .../ThemeSwitchDemo/www/jquery.mobile-1.0.js → ...hone/ThemeSwitchDemo/www/jquery.mobile.js
3,998 additions, 3,398 deletions not shown because the diff is too large. Please use a local Git client to view these changes.
View
4 samples/WindowsPhone/ThemeSwitchDemo/www/phoneTheme.js
@@ -1,7 +1,6 @@
Cordova.addConstructor(function () {
- navigator.plugins.phoneTheme =
- {
+ navigator.plugins.phoneTheme = {
get: function (successCallback, errorCallback, options) {
if (successCallback && (typeof successCallback !== "function")) {
console.log("phoneTheme Error: successCallback is not a function");
@@ -12,6 +11,7 @@
console.log("phoneTheme Error: errorCallback is not a function");
return;
}
+
Cordova.exec(successCallback, errorCallback, "PhoneTheme", "get", options);
}
}
View
1,344 samples/WindowsPhone/ThemeSwitchDemo/www/themes/metro/jquery.mobile.metro.theme.css
@@ -1,70 +1,85 @@
/*
-* jQuery Mobile Framework 1.0
-* http://jquerymobile.com
-*
-* Copyright 2011 (c) jQuery Project
-* Dual licensed under the MIT or GPL Version 2 licenses.
-* http://jquery.org/license
-*
-*/
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+ http://www.apache.org/licenses/LICENSE-2.0
-/* Headers */
-/**
-PhoneFontSizeSmall=11pt
-PhoneFontSizeNormal = 15pt
-PhoneFontSizeMedium=17pt
-PhoneFontSizeMediumLarge=19pt
-PhoneFontSizeLarge=24pt
-PhoneFontSizeExtraLarge=32pt
-PhoneFontSizeExtraExtraLarge=54pt
-PhoneFontSizeHuge=140pt
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
*/
+/* Headers */
+
+html, body
+{
+ height: 100%;
+ width: 100%;
+ margin: 0px;
+ padding: 0px;
+}
+
+body
+{
+ font-size: 11pt;
+ font-family: "Segoe WP, Segoe UI Light, Helvetica, san-serif";
+ letter-spacing: 0.02em;
+}
+
+body.ui-overlay-a {
+ background-color: black;
+}
+
+body.ui-overlay-b {
+ background-color: white;
+}
+
h1, h2, h3, h4, h5, h6
{
display: block;
- font-family: Segoe WP Light, Segoe UI Light, Helvetica, san-serif;
- font-weight: bold;
+ font-weight: normal;
margin: 0px;
min-height: 1.1em;
outline: 0 none;
overflow: hidden;
padding: 0;
text-align: left;
white-space: normal;
- }
+}
h1
{
- font-size: 32pt; /* PhoneFontSizeExtraLarge */
+ font-size: 24pt; /* PhoneFontSizeExtraLarge */
}
h2
{
- font-size: 24pt; /* PhoneFontSizeLarge */
+ font-size: 19pt; /* PhoneFontSizeLarge */
font-weight: normal;
}
h3
{
- font-size: 19pt; /* PhoneFontSizeMediumLarge */
+ font-size: 17pt; /* PhoneFontSizeMediumLarge */
}
h4
{
- font-size: 17pt; /* PhoneFontSizeMedium */
+ font-size: 15pt; /* PhoneFontSizeMedium */
font-weight: normal;
}
h5
{
- font-size: 15pt; /* PhoneFontSizeNormal */
+ font-size: 11pt; /* PhoneFontSizeNormal */
}
h6
{
- font-size: 11pt; /* PhoneFontSizeSmall */
+ font-size: 10pt; /* PhoneFontSizeSmall */
}
h4 > span
@@ -78,98 +93,98 @@ h4 > span
-----------------------------------------------------------------------------------------------------------*/
.ui-bar-a {
- background: black /*{a-bar-background-color}*/;
- color: white /*{a-bar-color}*/;
- font-family: Segoe WP, Segoe UI, Helvetica, san-serif;
-}
-.ui-bar-a,
-.ui-bar-a input,
-.ui-bar-a select,
-.ui-bar-a textarea,
+ background: black /*{a-bar-background-color}*/;
+ color: white /*{a-bar-color}*/;
+ font-family: Segoe WP, Segoe UI, Helvetica, san-serif;
+}
+.ui-bar-a,
+.ui-bar-a input,
+.ui-bar-a select,
+.ui-bar-a textarea,
.ui-bar-a button {
- font-family: Segoe WP, Segoe UI, Helvetica, san-serif /*{global-font-family}*/;
+ font-family: Segoe WP, Segoe UI, Helvetica, san-serif /*{global-font-family}*/;
}
.ui-bar-a .ui-link-inherit {
- color: #fff /*{a-bar-color}*/;
+ color: #fff /*{a-bar-color}*/;
}
.ui-bar-a .ui-link {
- color: white /*{a-bar-link-color}*/;
+ color: white /*{a-bar-link-color}*/;
}
.ui-bar-a .ui-link:hover {
- color: #2489CE /*{a-bar-link-hover}*/;
+ color: #2489CE /*{a-bar-link-hover}*/;
}
.ui-bar-a .ui-link:active {
- color: #2489CE /*{a-bar-link-active}*/;
+ color: #2489CE /*{a-bar-link-active}*/;
}
.ui-bar-a .ui-link:visited {
color: #2489CE /*{a-bar-link-visited}*/;
}
.ui-body-a,
.ui-dialog.ui-overlay-a {
- background: black;
+ background: black;
color: white;
}
input.ui-body-a[type="text"]:focus,
input.ui-body-a[type="text"]:active,
textarea.ui-body-a:focus,
textarea.ui-body-a:active {
- border-color: white;
+ border-color: white;
}
input.ui-input-text.ui-body-a[disabled="disabled"],
textarea.ui-input-text.ui-body-a[disabled="disabled"]{
- background-color: black ;
+ background-color: black ;
}
.ui-body-a .ui-link-inherit {
- color: #fff /*{a-body-color}*/;
+ color: #fff /*{a-body-color}*/;
}
.ui-body-a .ui-link {
- color: white /*{a-body-link-color}*/;
+ color: white /*{a-body-link-color}*/;
}
.ui-body-a .ui-link:hover {
- color:white /*{a-body-link-hover}*/;
+ color:white /*{a-body-link-hover}*/;
}
.ui-body-a .ui-link:active {
- color: white /*{a-body-link-active}*/;
+ color: #bfbfbf /*{a-body-link-active}*/;
}
.ui-body-a .ui-link:visited {
color: white /*{a-body-link-visited}*/;
}
.ui-btn-up-a {
- border-color: white /*{a-bup-border}*/;
- background: black /*{a-bup-background-color}*/;
- color: white /*{a-bup-color}*/;
+ border-color: white /*{a-bup-border}*/;
+ background: black /*{a-bup-background-color}*/;
+ color: white /*{a-bup-color}*/;
}
.ui-btn-up-a a.ui-link-inherit {
- color: white /*{a-bup-color}*/;
+ color: white /*{a-bup-color}*/;
}
.ui-btn-hover-a {
- border-color: white /*{a-bhover-border}*/;
- background: black /*{a-bhover-background-color}*/;
- color: white /*{a-bhover-color}*/;
+ border-color: white /*{a-bhover-border}*/;
+ background: black /*{a-bhover-background-color}*/;
+ color: white /*{a-bhover-color}*/;
}
.ui-btn-hover-a a.ui-link-inherit {
- color: white /*{a-bhover-color}*/;
+ color: white /*{a-bhover-color}*/;
}
-.ui-btn-down-a {
- border-color: white /*{a-bdown-border}*/;
- background: white /*{a-bdown-background-color}*/;
- color: black /*{a-bdown-color}*/;
+.ui-btn-down-a[data-role="button"] {
+ border-color: white /*{a-bdown-border}*/;
+ background: white /*{a-bdown-background-color}*/;
+ color: black /*{a-bdown-color}*/;
}
.ui-btn-down-a a.ui-link-inherit {
- color: white /*{a-bdown-color}*/;
+ color: white /*{a-bdown-color}*/;
}
.ui-btn-down-a[disabled='disabled']{
@@ -189,13 +204,12 @@ Horizontal checkbox group
*/
.ui-controlgroup-horizontal .ui-checkbox .ui-btn-up-a.ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn-up-a.ui-btn,
.ui-controlgroup-horizontal .ui-checkbox .ui-btn-hover-a.ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn-hover-a.ui-btn{
- border: 2px solid white;
+ border: 0;
}
.ui-controlgroup-horizontal .ui-checkbox .ui-btn-up-a.ui-btn-active, .ui-controlgroup-horizontal .ui-radio .ui-btn-up-a.ui-btn-active,
.ui-controlgroup-horizontal .ui-checkbox .ui-btn-hover-a.ui-btn-active, .ui-controlgroup-horizontal .ui-radio .ui-btn-hover-a.ui-btn-active{
- background-color: white;
- color: black;
+ color: white;
}
/*
Dropbox
@@ -207,6 +221,9 @@ Dropbox
/*
Slider and switch
*/
+div.ui-slider {
+ z-index: 5;
+}
a.ui-slider-handle.ui-btn-up-a,
a.ui-slider-handle.ui-btn-hover-a{
@@ -231,24 +248,32 @@ div.ui-slider-switch.ui-btn-down-a div.ui-slider-inneroffset {
background-color: transparent;
}
-div.ui-slider-switch.ui-btn-down-a div.ui-slider-labelbg {
+div.ui-slider-switch.ui-btn-down-a span.ui-slider-label-a {
border-color: black;
}
-div.ui-slider-switch.ui-btn-down-a div.ui-slider-labelbg-b {
- background-color: black;
-}
-div.ui-slider-switch.ui-btn-down-a.ui-slider-switch-b a.ui-slider-handle{
+div.ui-slider-switch.ui-slider.ui-btn-down-a a.ui-slider-handle[aria-valuenow="on"] {
margin-left: -47% !important;
}
-div.ui-slider-switch.ui-btn-down-a.ui-disabled{
+div.ui-slider-switch.ui-btn-down-a.div.ui-slider-switch-a.ui-disabled span.ui-slider-label-a {
background-color: black;
}
-div.ui-slider-switch.ui-btn-down-a.div.ui-slider-switch-a.ui-disabled div.ui-slider-labelbg-a {
- background-color: black;
+div.ui-slider a.ui-slider-handle.ui-btn-up-a .ui-btn-inner,
+div.ui-slider a.ui-slider-handle.ui-btn-hover-a .ui-btn-inner{
+ background-color: #373737;
+}
+
+div.ui-slider.ui-btn-down-a.ui-disabled{
+ background-color: #5f5f5f;
+}
+
+div.ui-slider.ui-disabled a.ui-slider-handle.ui-btn-up-a .ui-btn-inner,
+div.ui-slider.ui-disabled a.ui-slider-handle.ui-btn-hover-a .ui-btn-inner{
+ background-color: #101010;
}
+
/*
Collapsible
*/
@@ -261,38 +286,38 @@ Collapsible
-----------------------------------------------------------------------------------------------------------*/
.ui-bar-b {
- background: white /*{a-bar-background-color}*/;
- color: black /*{a-bar-color}*/;
- font-family: Segoe WP, Segoe UI, Helvetica, san-serif;
+ background: white /*{a-bar-background-color}*/;
+ color: black /*{a-bar-color}*/;
+ font-family: Segoe WP, Segoe UI, Helvetica, san-serif;
}
.ui-bar-b,
.ui-bar-b input,
.ui-bar-b select,
.ui-bar-b textarea,
.ui-bar-b button {
- font-family: Segoe WP, Segoe UI, Helvetica, san-serif /*{global-font-family}*/;
+ font-family: Segoe WP, Segoe UI, Helvetica, san-serif /*{global-font-family}*/;
}
.ui-bar-b .ui-link-inherit {
- color: #fff /*{b-bar-color}*/;
+ color: #fff /*{b-bar-color}*/;
}
.ui-bar-b .ui-link {
- color: black /*{b-bar-link-color}*/;
+ color: black /*{b-bar-link-color}*/;
}
.ui-bar-b .ui-link:hover {
- color: #ddf0f8 /*{b-bar-link-hover}*/;
+ color: #ddf0f8 /*{b-bar-link-hover}*/;
}
.ui-bar-b .ui-link:active {
- color: #ddf0f8 /*{b-bar-link-active}*/;
+ color: #ddf0f8 /*{b-bar-link-active}*/;
}
.ui-bar-b .ui-link:visited {
color: #ddf0f8 /*{b-bar-link-visited}*/;
}
.ui-body-b,
.ui-dialog.ui-overlay-b {
- background: white;
+ background: white;
color: black;
}
@@ -305,53 +330,53 @@ textarea.ui-body-b:active {
input.ui-input-text.ui-body-b[disabled="disabled"],
textarea.ui-input-text.ui-body-b[disabled="disabled"]{
- background-color: white ;
+ background-color: white ;
}
.ui-body-b .ui-link-inherit {
- color: black /*{b-body-color}*/;
+ color: black /*{b-body-color}*/;
}
.ui-body-b .ui-link {
- color: black /*{b-body-link-color}*/;
+ color: black /*{b-body-link-color}*/;
}
.ui-body-b .ui-link:hover {
- color: black /*{b-body-link-hover}*/;
+ color: black /*{b-body-link-hover}*/;
}
.ui-body-b .ui-link:active {
- color: black /*{b-body-link-active}*/;
+ color: black /*{b-body-link-active}*/;
}
.ui-body-b .ui-link:visited {
color: black /*{b-body-link-visited}*/;
}
.ui-btn-up-b {
- border-color : black /*{b-bup-border}*/;
- background: white /*{b-bup-background-color}*/;
- color: black /*{b-bup-color}*/;
+ border-color : black /*{b-bup-border}*/;
+ background: white /*{b-bup-background-color}*/;
+ color: black /*{b-bup-color}*/;
}
.ui-btn-up-b a.ui-link-inherit {
- color: black /*{b-bup-color}*/;
+ color: black /*{b-bup-color}*/;
}
.ui-btn-hover-b {
- border-color: black /*{b-bhover-border}*/;
- background: white /*{b-bhover-background-color}*/;
- font-weight: bold;
- color: black /*{b-bhover-color}*/;
+ border-color: black /*{b-bhover-border}*/;
+ background: white /*{b-bhover-background-color}*/;
+ font-weight: bold;
+ color: black /*{b-bhover-color}*/;
}
.ui-btn-hover-b a.ui-link-inherit {
- color: white /*{b-bhover-color}*/;
+ color: white /*{b-bhover-color}*/;
}
-.ui-btn-down-b {
- border-color: black /*{b-bdown-border}*/;
- background: black /*{b-bdown-background-color}*/;
- color: white /*{b-bdown-color}*/;
+.ui-btn-down-b[data-role="button"] {
+ border-color: black /*{b-bdown-border}*/;
+ background: black /*{b-bdown-background-color}*/;
+ color: white /*{b-bdown-color}*/;
}
.ui-btn-down-b a.ui-link-inherit {
- color: black /*{b-bdown-color}*/;
+ color: black /*{b-bdown-color}*/;
}
.ui-btn-down-b[disabled='disabled']{
@@ -375,13 +400,12 @@ Horizontal checkbox group
*/
.ui-controlgroup-horizontal .ui-checkbox .ui-btn-up-b.ui-btn-active,.ui-body-b .ui-controlgroup-horizontal .ui-radio .ui-btn-up-b.ui-btn-active,
.ui-controlgroup-horizontal .ui-checkbox .ui-btn-hover-b.ui-btn-active,.ui-body-b .ui-controlgroup-horizontal .ui-radio .ui-btn-hover-b.ui-btn-active{
- background-color: black;
- color: white;
+ color: black;
}
.ui-controlgroup-horizontal .ui-checkbox .ui-btn-up-b.ui-btn,.ui-controlgroup-horizontal .ui-radio .ui-btn-up-b.ui-btn,
.ui-controlgroup-horizontal .ui-checkbox .ui-btn-hover-b.ui-btn,.ui-controlgroup-horizontal .ui-radio .ui-btn-hover-b.ui-btn{
- border: 2px solid black;
+ border: 0px;
}
/*
@@ -413,26 +437,18 @@ div.ui-slider-switch.ui-btn-down-b div.ui-slider-inneroffset {
background-color: transparent;
}
-div.ui-slider-switch.ui-btn-down-b div.ui-slider-labelbg {
+div.ui-slider-switch.ui-btn-down-b span.ui-slider-label-a {
border-color: white;
}
-div.ui-slider-switch.ui-btn-down-b div.ui-slider-labelbg-b {
- background-color: white;
-}
-
-div.ui-slider-switch.ui-btn-down-b.ui-slider-switch-b a.ui-slider-handle{
- margin-left: -43% !important;
+div.ui-slider-switch.ui-slider.ui-btn-down-b a.ui-slider-handle[aria-valuenow="on"] {
+ margin-left: -47% !important;
}
div.ui-slider-switch.ui-btn-down-b.ui-slider-switch-a a.ui-slider-handle{
margin-left: -105% !important;
}
-div.ui-slider-switch.ui-btn-down-b.ui-disabled{
- background-color: white;
-}
-
div.ui-slider-switch.ui-btn-down-b.ui-disabled a.ui-slider-handle{
border-color: #808080;
}
@@ -441,6 +457,21 @@ div.ui-slider-switch.ui-btn-down-b.div.ui-slider-switch-a.ui-disabled div.ui-sli
background-color: white;
}
+
+div.ui-slider a.ui-slider-handle.ui-btn-up-b .ui-btn-inner,
+div.ui-slider a.ui-slider-handle.ui-btn-hover-b .ui-btn-inner{
+ background-color: #bfbfbf;
+}
+
+div.ui-slider.ui-btn-down-b.ui-disabled{
+ background-color: #bfbfbf;
+}
+
+div.ui-slider.ui-disabled a.ui-slider-handle.ui-btn-up-b .ui-btn-inner,
+div.ui-slider.ui-disabled a.ui-slider-handle.ui-btn-hover-b .ui-btn-inner{
+ background-color: #f0f0f0;
+}
+
/*
Collapsible
*/
@@ -452,26 +483,26 @@ Collapsible
-----------------------------------------------------------------------------------------------------------*/
.ui-bar-c {
- border: 1px solid #B3B3B3 /*{c-bar-border}*/;
- background: #e9eaeb /*{c-bar-background-color}*/;
- color: #3E3E3E /*{c-bar-color}*/;
- font-weight: bold;
+ border: 1px solid #B3B3B3 /*{c-bar-border}*/;
+ background: #e9eaeb /*{c-bar-background-color}*/;
+ color: #3E3E3E /*{c-bar-color}*/;
+ font-weight: bold;
}
.ui-bar-c .ui-link-inherit {
- color: #3E3E3E /*{c-bar-color}*/;
+ color: #3E3E3E /*{c-bar-color}*/;
}
.ui-bar-c .ui-link {
- color: #7cc4e7 /*{c-bar-link-color}*/;
- font-weight: bold;
+ color: #7cc4e7 /*{c-bar-link-color}*/;
+ font-weight: bold;
}
.ui-bar-c .ui-link:hover {
- color: #2489CE /*{c-bar-link-hover}*/;
+ color: #2489CE /*{c-bar-link-hover}*/;
}
.ui-bar-c .ui-link:active {
- color: #2489CE /*{c-bar-link-active}*/;
+ color: #2489CE /*{c-bar-link-active}*/;
}
.ui-bar-c .ui-link:visited {
@@ -483,109 +514,109 @@ Collapsible
.ui-bar-c select,
.ui-bar-c textarea,
.ui-bar-c button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-c,
.ui-dialog.ui-overlay-c {
- border: 1px solid #B3B3B3 /*{c-body-border}*/;
- color: #333333 /*{c-body-color}*/;
- background: #f0f0f0 /*{c-body-background-color}*/;
+ border: 1px solid #B3B3B3 /*{c-body-border}*/;
+ color: #333333 /*{c-body-color}*/;
+ background: #f0f0f0 /*{c-body-background-color}*/;
}
.ui-body-c,
.ui-body-c input,
.ui-body-c select,
.ui-body-c textarea,
.ui-body-c button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-c .ui-link-inherit {
- color: #333333 /*{c-body-color}*/;
+ color: #333333 /*{c-body-color}*/;
}
.ui-body-c .ui-link {
- color: #2489CE /*{c-body-link-color}*/;
- font-weight: bold;
+ color: #2489CE /*{c-body-link-color}*/;
+ font-weight: bold;
}
.ui-body-c .ui-link:hover {
- color: #2489CE /*{c-body-link-hover}*/;
+ color: #2489CE /*{c-body-link-hover}*/;
}
.ui-body-c .ui-link:active {
- color: #2489CE /*{c-body-link-active}*/;
+ color: #2489CE /*{c-body-link-active}*/;
}
.ui-body-c .ui-link:visited {
color: #2489CE /*{c-body-link-visited}*/;
}
.ui-btn-up-c {
- border: 1px solid #ccc /*{c-bup-border}*/;
- background: #eee /*{c-bup-background-color}*/;
- font-weight: bold;
- color: #444 /*{c-bup-color}*/;
+ border: 1px solid #ccc /*{c-bup-border}*/;
+ background: #eee /*{c-bup-background-color}*/;
+ font-weight: bold;
+ color: #444 /*{c-bup-color}*/;
}
.ui-btn-up-c a.ui-link-inherit {
- color: white /*{c-bup-color}*/;
+ color: white /*{c-bup-color}*/;
}
.ui-btn-hover-c {
- border: 1px solid #bbbbbb /*{c-bhover-border}*/;
- background: #dadada /*{c-bhover-background-color}*/;
- font-weight: bold;
- color: #101010 /*{c-bhover-color}*/;
+ border: 1px solid #bbbbbb /*{c-bhover-border}*/;
+ background: #dadada /*{c-bhover-background-color}*/;
+ font-weight: bold;
+ color: #101010 /*{c-bhover-color}*/;
}
.ui-btn-hover-c a.ui-link-inherit {
- color: #2F3E46 /*{c-bhover-color}*/;
+ color: #2F3E46 /*{c-bhover-color}*/;
}
.ui-btn-down-c {
- border: 1px solid #808080 /*{c-bdown-border}*/;
- background: #fdfdfd /*{c-bdown-background-color}*/;
- font-weight: bold;
- color: #111111 /*{c-bdown-color}*/;
+ border: 1px solid #808080 /*{c-bdown-border}*/;
+ background: #fdfdfd /*{c-bdown-background-color}*/;
+ font-weight: bold;
+ color: #111111 /*{c-bdown-color}*/;
}
.ui-btn-down-c a.ui-link-inherit {
- color: #2F3E46 /*{c-bdown-color}*/;
+ color: #2F3E46 /*{c-bdown-color}*/;
}
.ui-btn-up-c,
.ui-btn-hover-c,
.ui-btn-down-c {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
- text-decoration: none;
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+ text-decoration: none;
}
/* D
-----------------------------------------------------------------------------------------------------------*/
.ui-bar-d {
- border: 1px solid #ccc /*{d-bar-border}*/;
- background: #bbb /*{d-bar-background-color}*/;
- color: #333 /*{d-bar-color}*/;
+ border: 1px solid #ccc /*{d-bar-border}*/;
+ background: #bbb /*{d-bar-background-color}*/;
+ color: #333 /*{d-bar-color}*/;
}
.ui-bar-d,
.ui-bar-d input,
.ui-bar-d select,
.ui-bar-d textarea,
.ui-bar-d button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-bar-d .ui-link-inherit {
- color: #333333 /*{d-bar-color}*/;
+ color: #333333 /*{d-bar-color}*/;
}
.ui-bar-d .ui-link {
- color: #2489CE /*{d-bar-link-color}*/;
- font-weight: bold;
+ color: #2489CE /*{d-bar-link-color}*/;
+ font-weight: bold;
}
.ui-bar-d .ui-link:hover {
- color: #2489CE /*{d-bar-link-hover}*/;
+ color: #2489CE /*{d-bar-link-hover}*/;
}
.ui-bar-d .ui-link:active {
- color: #2489CE /*{d-bar-link-active}*/;
+ color: #2489CE /*{d-bar-link-active}*/;
}
.ui-bar-d .ui-link:visited {
@@ -594,104 +625,104 @@ Collapsible
.ui-body-d,
.ui-dialog.ui-overlay-d {
- border: 1px solid #ccc /*{d-body-border}*/;
- color: #333333 /*{d-body-color}*/;
- background: #ffffff /*{d-body-background-color}*/;
+ border: 1px solid #ccc /*{d-body-border}*/;
+ color: #333333 /*{d-body-color}*/;
+ background: #ffffff /*{d-body-background-color}*/;
}
.ui-body-d,
.ui-body-d input,
.ui-body-d select,
.ui-body-d textarea,
.ui-body-d button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-d .ui-link-inherit {
- color: #333333 /*{d-body-color}*/;
+ color: #333333 /*{d-body-color}*/;
}
.ui-body-d .ui-link {
- color: #2489CE /*{d-body-link-color}*/;
- font-weight: bold;
+ color: #2489CE /*{d-body-link-color}*/;
+ font-weight: bold;
}
.ui-body-d .ui-link:hover {
- color: #2489CE /*{d-body-link-hover}*/;
+ color: #2489CE /*{d-body-link-hover}*/;
}
.ui-body-d .ui-link:active {
- color: #2489CE /*{d-body-link-active}*/;
+ color: #2489CE /*{d-body-link-active}*/;
}
.ui-body-d .ui-link:visited {
color: #2489CE /*{d-body-link-visited}*/;
}
.ui-btn-up-d {
- border: 1px solid #ccc /*{d-bup-border}*/;
- background: #fff /*{d-bup-background-color}*/;
- font-weight: bold;
- color: #444 /*{d-bup-color}*/;
+ border: 1px solid #ccc /*{d-bup-border}*/;
+ background: #fff /*{d-bup-background-color}*/;
+ font-weight: bold;
+ color: #444 /*{d-bup-color}*/;
}
.ui-btn-up-d a.ui-link-inherit {
- color: #333 /*{d-bup-color}*/;
+ color: #333 /*{d-bup-color}*/;
}
.ui-btn-hover-d {
- border: 1px solid #aaa /*{d-bhover-border}*/;
- background: #eeeeee /*{d-bhover-background-color}*/;
- font-weight: bold;
- color: #222 /*{d-bhover-color}*/;
- cursor: pointer;
+ border: 1px solid #aaa /*{d-bhover-border}*/;
+ background: #eeeeee /*{d-bhover-background-color}*/;
+ font-weight: bold;
+ color: #222 /*{d-bhover-color}*/;
+ cursor: pointer;
}
.ui-btn-hover-d a.ui-link-inherit {
- color: #222 /*{d-bhover-color}*/;
+ color: #222 /*{d-bhover-color}*/;
}
.ui-btn-down-d {
- border: 1px solid #aaaaaa /*{d-bdown-border}*/;
- background: #ffffff /*{d-bdown-background-color}*/;
- font-weight: bold;
- color: #111 /*{d-bdown-color}*/;
+ border: 1px solid #aaaaaa /*{d-bdown-border}*/;
+ background: #ffffff /*{d-bdown-background-color}*/;
+ font-weight: bold;
+ color: #111 /*{d-bdown-color}*/;
}
.ui-btn-down-d a.ui-link-inherit {
- color: #111 /*{d-bdown-color}*/;
+ color: #111 /*{d-bdown-color}*/;
}
.ui-btn-up-d,
.ui-btn-hover-d,
.ui-btn-down-d {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
- text-decoration: none;
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+ text-decoration: none;
}
/* E
-----------------------------------------------------------------------------------------------------------*/
.ui-bar-e {
- border: 1px solid #F7C942 /*{e-bar-border}*/;
- background: #fadb4e /*{e-bar-background-color}*/;
- color: #333 /*{e-bar-color}*/;
+ border: 1px solid #F7C942 /*{e-bar-border}*/;
+ background: #fadb4e /*{e-bar-background-color}*/;
+ color: #333 /*{e-bar-color}*/;
}
.ui-bar-e,
.ui-bar-e input,
.ui-bar-e select,
.ui-bar-e textarea,
.ui-bar-e button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-bar-e .ui-link-inherit {
- color: #333333 /*{e-bar-color}*/;
+ color: #333333 /*{e-bar-color}*/;
}
.ui-bar-e .ui-link {
- color: #2489CE /*{e-bar-link-color}*/;
- font-weight: bold;
+ color: #2489CE /*{e-bar-link-color}*/;
+ font-weight: bold;
}
.ui-bar-e .ui-link:hover {
- color: #2489CE /*{e-bar-link-hover}*/;
+ color: #2489CE /*{e-bar-link-hover}*/;
}
.ui-bar-e .ui-link:active {
- color: #2489CE /*{e-bar-link-active}*/;
+ color: #2489CE /*{e-bar-link-active}*/;
}
.ui-bar-e .ui-link:visited {
@@ -700,84 +731,84 @@ Collapsible
.ui-body-e,
.ui-dialog.ui-overlay-e {
- border: 1px solid #F7C942 /*{e-body-border}*/;
- color: #333333 /*{e-body-color}*/;
- background: #faeb9e /*{e-body-background-color}*/;
+ border: 1px solid #F7C942 /*{e-body-border}*/;
+ color: #333333 /*{e-body-color}*/;
+ background: #faeb9e /*{e-body-background-color}*/;
}
.ui-body-e,
.ui-body-e input,
.ui-body-e select,
.ui-body-e textarea,
.ui-body-e button {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-e .ui-link-inherit {
- color: #333333 /*{e-body-color}*/;
+ color: #333333 /*{e-body-color}*/;
}
.ui-body-e .ui-link {
- color: #2489CE /*{e-body-link-color}*/;
- font-weight: bold;
+ color: #2489CE /*{e-body-link-color}*/;
+ font-weight: bold;
}
.ui-body-e .ui-link:hover {
- color: #2489CE /*{e-body-link-hover}*/;
+ color: #2489CE /*{e-body-link-hover}*/;
}
.ui-body-e .ui-link:active {
- color: #2489CE /*{e-body-link-active}*/;
+ color: #2489CE /*{e-body-link-active}*/;
}
.ui-body-e .ui-link:visited {
color: #2489CE /*{e-body-link-visited}*/;
}
.ui-btn-up-e {
- border: 1px solid #F7C942 /*{e-bup-border}*/;
- background: #fadb4e /*{e-bup-background-color}*/;
- font-weight: bold;
- color: #333 /*{e-bup-color}*/;
+ border: 1px solid #F7C942 /*{e-bup-border}*/;
+ background: #fadb4e /*{e-bup-background-color}*/;
+ font-weight: bold;
+ color: #333 /*{e-bup-color}*/;
}
.ui-btn-up-e a.ui-link-inherit {
- color: #333 /*{e-bup-color}*/;
+ color: #333 /*{e-bup-color}*/;
}
.ui-btn-hover-e {
- border: 1px solid #e79952 /*{e-bhover-border}*/;
- background: #fbe26f /*{e-bhover-background-color}*/;
- font-weight: bold;
- color: #111 /*{e-bhover-color}*/;
+ border: 1px solid #e79952 /*{e-bhover-border}*/;
+ background: #fbe26f /*{e-bhover-background-color}*/;
+ font-weight: bold;
+ color: #111 /*{e-bhover-color}*/;
}
.ui-btn-hover-e a.ui-link-inherit {
- color: #333 /*{e-bhover-color}*/;
+ color: #333 /*{e-bhover-color}*/;
}
.ui-btn-down-e {
- border: 1px solid #F7C942 /*{e-bdown-border}*/;
- background: #fceda7 /*{e-bdown-background-color}*/;
- font-weight: bold;
- color: #111 /*{e-bdown-color}*/;
+ border: 1px solid #F7C942 /*{e-bdown-border}*/;
+ background: #fceda7 /*{e-bdown-background-color}*/;
+ font-weight: bold;
+ color: #111 /*{e-bdown-color}*/;
}
.ui-btn-down-e a.ui-link-inherit {
- color: #333 /*{e-bdown-color}*/;
+ color: #333 /*{e-bdown-color}*/;
}
.ui-btn-up-e,
.ui-btn-hover-e,
.ui-btn-down-e {
- font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
- text-decoration: none;
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+ text-decoration: none;
}
/* Structure */
.ui-body-a, .ui-body-b,
input, select, textarea, button {
font-family: Segoe WP, Segoe UI, Helvetica, san-serif /*{global-font-family}*/;
- font-size: 15pt; /* PhoneFontSizeNormal */
+ font-size: 11pt; /* PhoneFontSizeNormal */
}
.ui-link{
font-weight: normal;
- font-size: 12pt;
+ /* font-size: 12pt; */
}
.ui-btn{
@@ -795,103 +826,103 @@ input, select, textarea, button {
-----------------------------------------------------------------------------------------------------------*/
a.ui-link-inherit {
- text-decoration: none !important;
+ text-decoration: none !important;
}
/* Active class used as the "on" state across all themes
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-active {
- border: 2px solid white /*{global-active-border}*/;
- background: transparent /*{global-active-background-color}*/;
- font-weight: bold;
- color: #fff /*{global-active-color}*/;
- cursor: pointer;
- text-decoration: none;
- font-family: Segoe WP, Segoe UI, Helvetica, san-serif /*{global-font-family}*/;
+ border: 2px solid white /*{global-active-border}*/;
+ background: transparent /*{global-active-background-color}*/;
+ font-weight: bold;
+ color: #fff /*{global-active-color}*/;
+ cursor: pointer;
+ text-decoration: none;
+ font-family: Segoe WP, Segoe UI, Helvetica, san-serif /*{global-font-family}*/;
}
.ui-btn-active a.ui-link-inherit {
- color: #1BA1E2 /*{global-active-color}*/;
+ color: #1BA1E2 /*{global-active-color}*/;
}
/* button inner top highlight
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-inner {
- border: none;
+ border: none;
}
/* corner rounding classes
-----------------------------------------------------------------------------------------------------------*/
.ui-corner-tl {
- border-top-left-radius: .6em /*{global-radii-blocks}*/;
+ border-top-left-radius: .6em /*{global-radii-blocks}*/;
}
.ui-corner-tr {
- border-top-right-radius: .6em /*{global-radii-blocks}*/;
+ border-top-right-radius: .6em /*{global-radii-blocks}*/;
}
.ui-corner-bl {
- border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
+ border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
}
.ui-corner-br {
- border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
+ border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
}
.ui-corner-top {
- border-top-left-radius: .6em /*{global-radii-blocks}*/;
- border-top-right-radius: .6em /*{global-radii-blocks}*/;
+ border-top-left-radius: .6em /*{global-radii-blocks}*/;
+ border-top-right-radius: .6em /*{global-radii-blocks}*/;
}
.ui-corner-bottom {
- border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
- border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
- }
+ border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
+ border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
+}
.ui-corner-right {
- border-top-right-radius: .6em /*{global-radii-blocks}*/;
- border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
+ border-top-right-radius: .6em /*{global-radii-blocks}*/;
+ border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
}
.ui-corner-left {
- border-top-left-radius: .6em /*{global-radii-blocks}*/;
- border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
+ border-top-left-radius: .6em /*{global-radii-blocks}*/;
+ border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
}
.ui-corner-all {
- border-radius: .6em /*{global-radii-blocks}*/;
+ border-radius: .6em /*{global-radii-blocks}*/;
}
.ui-corner-none {
- border-radius: 0;
+ border-radius: 0;
}
/* Form field separator
-----------------------------------------------------------------------------------------------------------*/
.ui-br {
- border-bottom: rgb(130,130,130);
- border-bottom: rgba(130,130,130,.3);
- border-bottom-width: 1px;
- border-bottom-style: solid;
+ border-bottom: rgb(130,130,130);
+ border-bottom: rgba(130,130,130,.3);
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
}
/* Interaction cues
-----------------------------------------------------------------------------------------------------------*/
.ui-disabled {
- opacity: 1;
+ opacity: 1;
}
.ui-disabled,
.ui-disabled a {
- pointer-events: none;
- cursor: default;
+ pointer-events: none;
+ cursor: default;
}
/* Icons
-----------------------------------------------------------------------------------------------------------*/
.ui-icon,
.ui-icon-searchfield:after {
- background: #666 /*{global-icon-color}*/;
- background: rgba(0,0,0,.4) /*{global-icon-disc}*/;
- background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
- background-repeat: no-repeat;
- border-radius: 9px;
+ background: #666 /*{global-icon-color}*/;
+ background: rgba(0,0,0,.4) /*{global-icon-disc}*/;
+ background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
+ background-repeat: no-repeat;
+ border-radius: 9px;
}
.ui-bar-a .ui-icon {
@@ -911,93 +942,93 @@ a.ui-link-inherit {
-----------------------------------------------------------------------------------------------------------*/
.ui-icon-alt {
- background: #fff;
- background: rgba(255,255,255,.3);
- background-image: url(images/icons-18-black.png);
- background-repeat: no-repeat;
+ background: #fff;
+ background: rgba(255,255,255,.3);
+ background-image: url(images/icons-18-black.png);
+ background-repeat: no-repeat;
}
/* HD/"retina" sprite
-----------------------------------------------------------------------------------------------------------*/
@media only screen and (min-resolution: 240dpi) {
-
- .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
- .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
- .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
- .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after,
- {
- background-image: url(images/icons-36-white.png);
- background-size: 776px 18px;
- }
- .ui-icon-alt {
- background-image: url(images/icons-36-black.png);
- }
+ .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
+ .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
+ .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
+ .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after,
+ {
+ background-image: url(images/icons-36-white.png);
+ background-size: 776px 18px;
+ }
+
+ .ui-icon-alt {
+ background-image: url(images/icons-36-black.png);
+ }
}
/* plus minus */
.ui-icon-plus {
- background-position: 0px 50%;
+ background-position: 0px 50%;
}
.ui-icon-minus {
- background-position: -36px 50%;
+ background-position: -36px 50%;
}
/* delete/close */
.ui-icon-delete {
- background-position: -72px 50%;
+ background-position: -72px 50%;
}
/* arrows */
.ui-icon-arrow-r {
- background-position: -108px 50%;
+ background-position: -108px 50%;
}
.ui-icon-arrow-l {
- background-position: -144px 50%;
+ background-position: -144px 50%;
}
.ui-icon-arrow-u {
- background-position: -180px 50%;
+ background-position: -180px 50%;
}
.ui-icon-arrow-d {
- background-position: -216px 50%;
+ background-position: -216px 50%;
}
/* misc */
.ui-icon-check {
- background-position: -252px 50%;
+ background-position: -252px 50%;
}
.ui-icon-gear {
- background-position: -288px 50%;
+ background-position: -288px 50%;
}
.ui-icon-refresh {
- background-position: -324px 50%;
+ background-position: -324px 50%;
}
.ui-icon-forward {
- background-position: -360px 50%;
+ background-position: -360px 50%;
}
.ui-icon-back {
- background-position: -396px 50%;
+ background-position: -396px 50%;
}
.ui-icon-grid {
- background-position: -432px 50%;
+ background-position: -432px 50%;
}
.ui-icon-star {
- background-position: -468px 50%;
+ background-position: -468px 50%;
}
.ui-icon-alert {
- background-position: -504px 50%;
+ background-position: -504px 50%;
}
.ui-icon-info {
- background-position: -540px 50%;
+ background-position: -540px 50%;
}
.ui-icon-home {
- background-position: -576px 50%;
+ background-position: -576px 50%;
}
.ui-icon-search,
.ui-icon-searchfield:after {
- background-position: -612px 50%;
+ background-position: -612px 50%;
}
@@ -1091,59 +1122,77 @@ a.ui-link-inherit {
background-position: -607px 50%;
}
-.ui-icon-checkbox-off {
- background-position: -684px 50%;
- background-image: none;
+.ui-icon-checkbox-off,
+.ui-controlgroup-horizontal .ui-checkbox .ui-btn.ui-checkbox-off .ui-btn-inner
+{
+ background-position: -684px 50%;
+ background-image: none;
}
-.ui-icon-checkbox-on {
- background-image: url(images/checkbox.png);
- background-size: 18px 15px;
- background-position: 50% 50%;
-
+.ui-icon-checkbox-on,
+.ui-controlgroup-horizontal .ui-checkbox .ui-btn.ui-checkbox-on .ui-btn-inner{
+ background-image: url(images/checkbox.png);
+ background-size: 18px 15px;
+ background-position: 50% 50%;
+
}
-.ui-icon-radio-off {
- background-position: -756px 50%;
- background-image: none;
+.ui-icon-radio-off,
+.ui-controlgroup-horizontal .ui-radio .ui-btn.ui-icon-radio-off .ui-btn-inner{
+ background-position: -756px 50%;
+ background-image: none;
}
-.ui-icon-radio-on {
- background-image: url(images/radiobtn.png);
- background-size: 10px 10px;
- background-position: 50% 50%;
+.ui-icon-radio-on,
+.ui-controlgroup-horizontal .ui-radio .ui-btn.ui-radio-on .ui-btn-inner{
+ background-image: url(images/radiobtn.png);
+ background-size: 10px 10px;
+ background-position: 50% 50%;
}
.ui-disabled .ui-icon-checkbox-on{
- background-image: url(images/checkbox-disabled.png);
-}
+ background-image: url(images/checkbox-disabled.png);
+}
.ui-disabled .ui-icon-radio-on{
- background-image: url(images/radiobtn-disabled.png);
+ background-image: url(images/radiobtn-disabled.png);
}
/* checks,radios */
-.ui-checkbox .ui-icon, .ui-radio .ui-icon{
- border-radius: 0px;
- height: 21px;
- width: 21px;
- left: 0px !important;
- box-shadow: none;
+.ui-checkbox .ui-icon, .ui-radio .ui-icon,
+.ui-controlgroup-horizontal .ui-checkbox .ui-btn .ui-btn-inner,
+.ui-controlgroup-horizontal .ui-radio .ui-btn .ui-btn-inner{
+ border-radius: 0px;
+ height: 21px;
+ width: 21px;
+ left: 0px !important;
+ box-shadow: none;
+ background-repeat: no-repeat;
+}
+
+.ui-controlgroup-horizontal .ui-checkbox .ui-btn .ui-btn-inner,
+.ui-controlgroup-horizontal .ui-radio .ui-btn .ui-btn-inner{
+ width: 2px;
+ height: 16px;
}
-.ui-radio .ui-icon{
- border-radius: .6em;
+.ui-radio .ui-icon,
+.ui-controlgroup-horizontal .ui-radio .ui-btn .ui-btn-inner{
+ border-radius: .6em !important;
}
.ui-icon-checkbox-off,.ui-icon-radio-off,
-.ui-checkbox-on .ui-icon,.ui-radio-on .ui-icon {
- background-color: #cccccc;
+.ui-checkbox-on .ui-icon,.ui-radio-on .ui-icon,
+.ui-controlgroup-horizontal .ui-checkbox .ui-btn .ui-btn-inner,
+.ui-controlgroup-horizontal .ui-radio .ui-btn .ui-btn-inner
+{
+ background-color: #cccccc;
}
/* loading icon */
.ui-icon-loading {
- background-image: url(images/wait-indicator.gif);
- width: 40px;
- height: 40px;
- border-radius: 20px;
- background-size: 35px 35px;
+ background-image: url(images/wait-indicator.gif);
+ width: 40px;
+ height: 40px;
+ border-radius: 20px;
+ background-size: 35px 35px;
}
.ui-btn-icon-notext{
@@ -1154,54 +1203,54 @@ a.ui-link-inherit {
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-corner-tl {
- border-top-left-radius: 1em /*{global-radii-buttons}*/;
+ border-top-left-radius: 1em /*{global-radii-buttons}*/;
}
.ui-btn-corner-tr {
- border-top-right-radius: 1em /*{global-radii-buttons}*/;
+ border-top-right-radius: 1em /*{global-radii-buttons}*/;
}
.ui-btn-corner-bl {
- border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
+ border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
}
.ui-btn-corner-br {
- border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
+ border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
}
.ui-btn-corner-top {
- border-top-left-radius: 1em /*{global-radii-buttons}*/;
- border-top-right-radius: 1em /*{global-radii-buttons}*/;
+ border-top-left-radius: 1em /*{global-radii-buttons}*/;
+ border-top-right-radius: 1em /*{global-radii-buttons}*/;
}
.ui-btn-corner-bottom {
- border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
- border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
+ border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
+ border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
}
.ui-btn-corner-right {
- border-top-right-radius: 1em /*{global-radii-buttons}*/;
- border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
+ border-top-right-radius: 1em /*{global-radii-buttons}*/;
+ border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
}
.ui-btn-corner-left {
- border-top-left-radius: 1em /*{global-radii-buttons}*/;
- border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
+ border-top-left-radius: 1em /*{global-radii-buttons}*/;
+ border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
}
.ui-btn-corner-all {
- border-radius: 1em /*{global-radii-buttons}*/;
+ border-radius: 1em /*{global-radii-buttons}*/;
}
/* radius clip workaround for cleaning up corner trapping */
.ui-corner-tl,
.ui-corner-tr,
-.ui-corner-bl,
+.ui-corner-bl,
.ui-corner-br,
.ui-corner-top,
-.ui-corner-bottom,
+.ui-corner-bottom,
.ui-corner-right,
.ui-corner-left,
.ui-corner-all,
.ui-btn-corner-tl,
.ui-btn-corner-tr,
-.ui-btn-corner-bl,
+.ui-btn-corner-bl,
.ui-btn-corner-br,
.ui-btn-corner-top,
-.ui-btn-corner-bottom,
+.ui-btn-corner-bottom,
.ui-btn-corner-right,
.ui-btn-corner-left,
.ui-btn-corner-all {
@@ -1212,12 +1261,12 @@ a.ui-link-inherit {
-----------------------------------------------------------------------------------------------------------*/
.ui-overlay {
- background: #666;
- opacity: .5;
- filter: Alpha(Opacity=50);
- position: absolute;
- width: 100%;
- height: 100%;
+ background: #666;
+ opacity: .5;
+ filter: Alpha(Opacity=50);
+ position: absolute;
+ width: 100%;
+ height: 100%;
}
.ui-overlay-shadow {
@@ -1237,23 +1286,22 @@ a.ui-link-inherit {
}
-/* Focus state - set here for specificity
------------------------------------------------------------------------------------------------------------*/
-
.ui-focus{
- background-color: white !important;
+ /*background-color: white !important;*/
}
-/* unset box shadow in browsers that don't do it right
------------------------------------------------------------------------------------------------------------*/
+.ui-input-text.ui-focus,
+.ui-input-search.ui-focus {
+ background-color: white !important;
+}
.ui-mobile-nosupport-boxshadow * {
- box-shadow: none !important;
+ box-shadow: none !important;
}
/* ...and bring back focus */
.ui-mobile-nosupport-boxshadow .ui-focus {
- outline-width: 2px;
+ outline-width: 2px;
}
/* some unsets - more probably needed */
.ui-mobile, .ui-mobile body { height: 100%; }
@@ -1275,26 +1323,102 @@ div.ui-mobile-viewport { overflow-x: hidden; }
/*orientations from js are available */
@media screen and (orientation: portrait){
-.ui-mobile, .ui-mobile .ui-page { min-height: 420px; }
+ .ui-mobile, .ui-mobile .ui-page { min-height: 420px; }
}
@media screen and (orientation: landscape){
-.ui-mobile, .ui-mobile .ui-page { min-height: 300px; }
+ .ui-mobile, .ui-mobile .ui-page { min-height: 300px; }
}
/* native overflow scrolling */
.ui-page.ui-mobile-touch-overflow,
.ui-mobile-touch-overflow.ui-native-fixed .ui-content {
- overflow: auto;
- height: 100%;
- -ms-overflow-scrolling: touch;
- overflow-scrolling: touch;
+ overflow: auto;
+ height: 100%;
+ -ms-overflow-scrolling: touch;
+ overflow-scrolling: touch;
+}
+
+/* Animations to support webkit and moz transition */
+@-webkit-keyframes fadeout {
+ from { opacity: 1; }
+ to { opacity: 0; }
+}
+@-moz-keyframes fadeout {
+ from { opacity: 1; }
+ to { opacity: 0; }
+}
+
+.pop.in {
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ opacity: 1;
+ -webkit-animation-name: popin;
+ -moz-animation-name: popin;
+ -webkit-animation-duration: 350ms;
+ -moz-animation-duration: 350ms;
+}
+.pop.out {
+ -webkit-animation-name: fadeout;
+ -moz-animation-name: fadeout;
+ opacity: 0;
+ -webkit-animation-duration: 100ms;
+ -moz-animation-duration: 100ms;
+}
+
+@-webkit-keyframes popin {
+ from {
+ -webkit-transform: scale(.8);
+ opacity: 0;
+ }
+ to {
+ -webkit-transform: scale(1);
+ opacity: 1;
+ }
+}
+
+@-webkit-keyframes fadein {
+ from { opacity: 0; }
+ to { opacity: 1; }
+}
+@-moz-keyframes fadein {
+ from { opacity: 0; }
+ to { opacity: 1; }
+}
+
+.fade.out {
+ opacity: 0;
+ -webkit-animation-duration: 125ms;
+ -webkit-animation-name: fadeout;
+ -moz-animation-duration: 125ms;
+ -moz-animation-name: fadeout;
+}
+.fade.in {
+ opacity: 1;
+ -webkit-animation-duration: 225ms;
+ -webkit-animation-name: fadein;
+ -moz-animation-duration: 225ms;
+ -moz-animation-name: fadein;
+}
+
+@-moz-keyframes popin {
+ from {
+ -moz-transform: scale(.8);
+ opacity: 0;
+ }
+ to {
+ -moz-transform: scale(1);
+ opacity: 1;
+ }
}
+
+
+
.ui-page.ui-mobile-touch-overflow,
.ui-page.ui-mobile-touch-overflow * {
- /* some level of transform keeps elements from blinking out of visibility on iOS */
+ /* some level of transform keeps elements from blinking out of visibility on iOS */
}
.ui-page.ui-mobile-pre-transition {
- display: block;
+ display: block;
}
/*
@@ -1320,17 +1444,46 @@ Loading screen
vertical-align: middle;
}
+@media screen and (device-height: 800px) and (orientation: portrait){
+ .ui-loader.ui-loader-verbose {
+ margin: -240px 0px 0px 0px;
+ padding: 0px 0px 0px 15px;
+ position: absolute;
+ left: 0px;
+ top: 0px;
+ background-color: #202020;
+ z-index: 1200;
+ }
-.ui-loader.ui-overlay-shadow {
- margin: -100px 0px 0px 0px;
- padding: 0px 0px 0px 15px;
- position: absolute;
- left: 0px;
- top: 0px;
- background-color: #202020;
- z-index: 1200;
+ .ui-loader.ui-loader-verbose h1 {
+ text-align: left !important;
+ }
+
+ .ui-loader.ui-loader-verbose span.ui-icon-loading {
+ visibility: hidden;
+ }
}
+@media screen and (device-width: 480px) and (orientation: landscape){
+
+ .ui-loader.ui-loader-verbose {
+ margin: -160px 0px 0px 0px;
+ padding: 0px 0px 0px 15px;
+ position: absolute;
+ left: 0px;
+ top: 0px;
+ background-color: #202020;
+ z-index: 1200;
+ }
+
+ .ui-loader.ui-loader-verbose h1 {
+ text-align: left !important;
+ }
+
+ .ui-loader.ui-loader-verbose span.ui-icon-loading {
+ visibility: hidden;
+ }
+}
.ui-loader h1 {
font-size: 15px;
@@ -1339,11 +1492,11 @@ Loading screen
text-align: center;
}
-.ui-loader.ui-overlay-shadow h1 {
+.ui-loader.ui-loader-verbose h1 {
top: 45%;
left: 0;
position: relative;
- text-align: left;
+ text-align: center;
}
.ui-loader .ui-icon {
@@ -1372,21 +1525,33 @@ Loading screen
.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{
- padding-left: 15px;
-}
-
-.ui-header, .ui-footer { display: block; }
+.ui-header, .ui-footer { display: block; width: 100%}
.ui-page .ui-header, .ui-page .ui-footer { position: relative; }
.ui-header .ui-btn-left { position: absolute; left: 10px; top: .4em; }
.ui-header .ui-btn-right { position: absolute; right: 10px; top: .4em; }
-.ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: left; font-size: 32pt; display: block; margin: 15pt 0 0 0pt; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; text-transform: lowercase;}
+.ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: left; font-size: 32pt; display: block; margin: 17pt 0 0 0pt; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; text-transform: lowercase;}
.ui-header .ui-app-title{
text-transform: uppercase;
- font-size: 12pt;
+ font-size: 11pt;
position: relative;
top: 20pt;
+ margin-left: 15px;
+}
+
+.ui-header .ui-title{
+ margin-left: 15px;
+}
+
+h1.ui-title {
+ /*font-weight: bold;*/
+}
+
+/* Fix for polyfill */
+@media screen and (device-height: 800px) and (orientation: portrait){
+ .ui-footer-fixed {
+ margin-bottom: -33px;
+ }
}
.ui-footer .ui-title {
@@ -1395,43 +1560,46 @@ Loading screen
/*content area*/
.ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
-.ui-page-fullscreen .ui-content { padding:0; }
+
+.ui-page-fullscreen .ui-content {
+ padding-left:15px;
+}
/* native fixed headers and footers */
.ui-mobile-touch-overflow.ui-page.ui-native-fixed,
.ui-mobile-touch-overflow.ui-page.ui-native-fullscreen {
- overflow: visible;
+ overflow: visible;
}
.ui-mobile-touch-overflow.ui-native-fixed .ui-header,
.ui-mobile-touch-overflow.ui-native-fixed .ui-footer {
- position: fixed;
- left: 0;
- right: 0;
- top: 0;
- z-index: 200;
+ position: fixed;
+ left: 0;
+ right: 0;
+ top: 0;
+ z-index: 200;
}
.ui-mobile-touch-overflow.ui-page.ui-native-fixed .ui-footer {
- top: auto;
- bottom: 0;
+ top: auto;
+ bottom: 0;
}
.ui-mobile-touch-overflow.ui-native-fixed .ui-content {
- padding-top: 2.5em;
- padding-bottom: 3em;
- top: 0;
- bottom: 0;
- height: auto;
- position: absolute;
+ padding-top: 2.5em;
+ padding-bottom: 3em;
+ top: 0;
+ bottom: 0;
+ height: auto;
+ position: absolute;
}
.ui-mobile-touch-overflow.ui-native-fullscreen .ui-content {
- padding-top: 0;
- padding-bottom: 0;
+ padding-top: 0;
+ padding-bottom: 0;
}
.ui-mobile-touch-overflow.ui-native-fullscreen .ui-header,
.ui-mobile-touch-overflow.ui-native-fullscreen .ui-footer {
- opacity: .9;
+ opacity: .9;
}
.ui-native-bars-hidden {