Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Added windows mobile theme, Started moving generic fixes to a AppBoil…

…erplate css to stop polluting themes

Signed-off-by: Jonathan Fielding <j.fielding@me.com>
  • Loading branch information...
commit ab43ebaf561f59b38172fa97e58812e85e25f96c 1 parent d894f71
Jonathan Fielding authored
1  .gitignore
View
@@ -0,0 +1 @@
+.DS_Store
83 assets/css/AppBoilerplate.css
View
@@ -0,0 +1,83 @@
+/*
+CSS fix for not being able to see top content or
+bottom content in fullscreen mode
+*/
+
+.ui-content .ui-listview-inset {
+ margin: 10px 0;
+}
+
+.ui-content .ui-listview:not(.ui-listview-inset) {
+ margin: 10px -15px;
+}
+
+.ui-content .ui-listview:first-child{
+ margin: -15px -15px 10px;
+}
+
+.ui-content .ui-listview:last-child{
+ margin: 10px -15px -15px;
+}
+
+.ui-content .ui-listview:first-child:last-child{
+ margin: -15px -15px -15px;
+}
+
+.ui-page-header-fullscreen .ui-content, .ui-page-footer-fullscreen .ui-content{
+ padding-left: 15px;
+ padding-right: 15px;
+}
+
+.ui-page-footer-fullscreen .ui-content{
+ padding-top: 10px;
+ padding-bottom: 50px;
+}
+
+.ui-page-header-fullscreen .ui-content{
+ padding-top: 50px;
+ padding-bottom:10px;
+}
+
+.ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content{
+ padding-bottom: 50px;
+}
+
+.ui-page-header-fullscreen .ui-content .ui-listview:not(.ui-listview-inset) {
+ margin: 10px -15px 10px;
+}
+
+.ui-page-header-fullscreen .ui-content .ui-listview:first-child{
+ margin: -15px -15px -15px;
+}
+
+.ui-page-footer-fullscreen .ui-content .ui-listview:not(.ui-listview-inset) {
+ margin: 10px -15px 0px;
+}
+
+.ui-page-footer-fullscreen .ui-content .ui-listview:first-child{
+ margin: -11px -15px 0px;
+}
+
+.ui-page-footer-fullscreen .ui-content .ui-listview:first-child:last-child{
+ margin: -11px -15px -11px;
+}
+
+.ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content .ui-listview:not(.ui-listview-inset) {
+ margin: 10px -15px;
+}
+
+.ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content .ui-listview:not(.ui-listview-inset):last-child{
+ margin: 10px -15px -10px;
+}
+
+.ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content .ui-listview:first-child{
+ margin: -10px -15px 0px;
+}
+
+.ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content .ui-listview:first-child:last-child{
+ margin: -10px -15px -9px;
+}
+
+.ui-content a[data-role=button]:last-child{
+ margin-bottom: 0px;
+}
10 assets/js/AppBoilerplate.js
View
@@ -35,6 +35,9 @@ var app = function(){
//There is some functionality in jQuery Mobile which is not App like, we fix this in both the CSS and JS
$('.ui-footer').removeClass('slideup');
$('.ui-header').removeClass('slidedown');
+
+ $('.ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content').css('padding-bottom',$('.ui-page-footer-fullscreen .ui-footer').height() + 11);
+
}
return {
@@ -46,11 +49,8 @@ var app = function(){
var module_name = $(eventData.toPage).attr('data-module');
var javascript_required = module_name +'.js'
- if(window.location.pathname.match('modules')){
- app.url_path = '../../';
- }
- else{
- app.url_path = '';
+ if(app.url_path === ''){
+ app.url_path = window.location.href.replace(/modules\/.*?$/, '').replace('index.html','');
}
getDevice();
1  index.html
View
@@ -4,6 +4,7 @@
<title>App Name</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="assets/css/jquery.mobile-1.1.0-rc.1.min.css" />
+ <link rel="stylesheet" href="assets/css/AppBoilerplate.css" />
</head>
<body>
1  modules/sample/index.html
View
@@ -4,6 +4,7 @@
<title>App Name</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../assets/css/jquery.mobile-1.1.0-rc.1.min.css" />
+ <link rel="stylesheet" href="../../assets/css/AppBoilerplate.css" />
</head>
<body>
<div data-role="page" data-module="sample">
3  plugins/add_plugins.js
View
@@ -7,7 +7,8 @@ var add_plugins = function(){
app.sample_plugin.init();
app.theme_switcher.default_theme = 'AppBoilerplate';
app.theme_switcher.android_theme = 'Android';
- app.theme_switcher.iOS_theme = 'iOS';
+ app.theme_switcher.iOS_theme = 'AppBoilerplate';
+ app.theme_switcher.winmob_theme = 'WindowsMob';
app.theme_switcher.init();
app.notify.init();
});
83 themes/AppBoilerplate/style.css
View
@@ -1,83 +0,0 @@
-/*
-CSS fix for not being able to see top content or
-bottom content in fullscreen mode
-*/
-
-.ui-content .ui-listview-inset {
- margin: 10px 0;
-}
-
-.ui-content .ui-listview:not(.ui-listview-inset) {
- margin: 10px -15px;
-}
-
-.ui-content .ui-listview:first-child{
- margin: -15px -15px 10px;
-}
-
-.ui-content .ui-listview:last-child{
- margin: 10px -15px -15px;
-}
-
-.ui-content .ui-listview:first-child:last-child{
- margin: -15px -15px -15px;
-}
-
-.ui-page-header-fullscreen .ui-content, .ui-page-footer-fullscreen .ui-content{
- padding-left: 15px;
- padding-right: 15px;
-}
-
-.ui-page-footer-fullscreen .ui-content{
- padding-top: 10px;
- padding-bottom: 50px;
-}
-
-.ui-page-header-fullscreen .ui-content{
- padding-top: 50px;
- padding-bottom:10px;
-}
-
-.ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content{
- padding-bottom: 50px;
-}
-
-.ui-page-header-fullscreen .ui-content .ui-listview:not(.ui-listview-inset) {
- margin: 10px -15px 10px;
-}
-
-.ui-page-header-fullscreen .ui-content .ui-listview:first-child{
- margin: -15px -15px -15px;
-}
-
-.ui-page-footer-fullscreen .ui-content .ui-listview:not(.ui-listview-inset) {
- margin: 10px -15px 0px;
-}
-
-.ui-page-footer-fullscreen .ui-content .ui-listview:first-child{
- margin: -11px -15px 0px;
-}
-
-.ui-page-footer-fullscreen .ui-content .ui-listview:first-child:last-child{
- margin: -11px -15px -11px;
-}
-
-.ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content .ui-listview:not(.ui-listview-inset) {
- margin: 10px -15px;
-}
-
-.ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content .ui-listview:not(.ui-listview-inset):last-child{
- margin: 10px -15px -10px;
-}
-
-.ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content .ui-listview:first-child{
- margin: -10px -15px 0px;
-}
-
-.ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content .ui-listview:first-child:last-child{
- margin: -10px -15px -9px;
-}
-
-.ui-content a[data-role=button]:last-child{
- margin-bottom: 0px;
-}
1,110 themes/WindowsMob/style.css
View
@@ -0,0 +1,1110 @@
+/*
+* jQuery Mobile Framework 1.0.1
+* http://jquerymobile.com
+*
+* Copyright 2011-2012 (c) jQuery Project
+* Dual licensed under the MIT or GPL Version 2 licenses.
+* http://jquery.org/license
+*
+*/
+/* Swatches */
+/* A
+-----------------------------------------------------------------------------------------------------------*/
+body {
+ /* B
+ -----------------------------------------------------------------------------------------------------------*/
+ /* C
+ -----------------------------------------------------------------------------------------------------------*/
+ /* D
+ -----------------------------------------------------------------------------------------------------------*/
+ /* Structure */
+ /* links within "buttons"
+ -----------------------------------------------------------------------------------------------------------*/
+ /* Active class used as the "on" state across all themes
+ -----------------------------------------------------------------------------------------------------------*/
+ /* button inner top highlight
+ -----------------------------------------------------------------------------------------------------------*/
+ /* corner rounding classes
+ -----------------------------------------------------------------------------------------------------------*/
+ /* Interaction cues
+ -----------------------------------------------------------------------------------------------------------*/
+ /* Icons
+ -----------------------------------------------------------------------------------------------------------*/
+ /* Alt icon color
+ -----------------------------------------------------------------------------------------------------------*/
+ /* HD/"retina" sprite
+ -----------------------------------------------------------------------------------------------------------*/
+ /* plus minus */
+ /* delete/close */
+ /* arrows */
+ /* misc */
+ /* checks,radios */
+ /* loading icon */
+ /* Button corner classes
+ -----------------------------------------------------------------------------------------------------------*/
+ /* radius clip workaround for cleaning up corner trapping */
+ /* Overlay / modal
+ -----------------------------------------------------------------------------------------------------------*/
+ /* Focus state - set here for specificity
+ -----------------------------------------------------------------------------------------------------------*/
+ /* unset box shadow in browsers that don't do it right
+ -----------------------------------------------------------------------------------------------------------*/
+ /* ...and bring back focus */
+ /* custom -- no corders */
+}
+body .ui-footer .ui-navbar ul li {
+ width: 82px;
+ display: inline-block;
+}
+body .ui-footer .ui-navbar ul {
+ width: 328px;
+ margin: 0 auto;
+}
+body .ui-bar-a {
+ border: 1px solid #b3b3b3;
+ background: #222222;
+ color: #f5f5f5;
+ font-weight: bold;
+ text-shadow: 0 1px 1px #777777;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#222222));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#222222, #222222);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#222222, #222222);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#222222, #222222);
+ /* IE10 */
+ background-image: -o-linear-gradient(#222222, #222222);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#222222, #222222);
+}
+body .ui-bar-a .ui-link-inherit {
+ color: #f5f5f5;
+}
+body .ui-bar-a .ui-link {
+ color: #7cc4e7;
+ font-weight: bold;
+}
+body .ui-bar-a .ui-link:hover {
+ color: #2489ce;
+}
+body .ui-bar-a .ui-link:active {
+ color: #2489ce;
+}
+body .ui-bar-a .ui-link:visited {
+ color: #2489ce;
+}
+body .ui-bar-a,
+body .ui-bar-a input,
+body .ui-bar-a select,
+body .ui-bar-a textarea,
+body .ui-bar-a button {
+ font-family: Helvetica, Arial, sans-serif;
+}
+body .ui-body-a,
+body .ui-dialog.ui-overlay-a {
+ border: 1px solid #b3b3b3;
+ color: white;
+ text-shadow: 0 1px 0 #636363;
+ background: #313131;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#313131), to(#313131));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#313131, #313131);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#313131, #313131);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#313131, #313131);
+ /* IE10 */
+ background-image: -o-linear-gradient(#313131, #313131);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#313131, #313131);
+}
+body .ui-body-a,
+body .ui-body-a input,
+body .ui-body-a select,
+body .ui-body-a textarea,
+body .ui-body-a button {
+ font-family: Helvetica, Arial, sans-serif;
+}
+body .ui-body-a .ui-link-inherit {
+ color: white;
+}
+body .ui-body-a .ui-link {
+ color: #65afe2;
+ font-weight: bold;
+}
+body .ui-body-a .ui-link:hover {
+ color: #2489ce;
+}
+body .ui-body-a .ui-link:active {
+ color: #2489ce;
+}
+body .ui-body-a .ui-link:visited {
+ color: #2489ce;
+}
+body .ui-btn-up-a {
+ border: 1px solid #cccccc;
+ background: #5b5b5b;
+ font-weight: bold;
+ color: #f2f2f2;
+ text-shadow: 0 1px 1px #383838;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#5b5b5b), to(#5b5b5b));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#5b5b5b, #5b5b5b);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#5b5b5b, #5b5b5b);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#5b5b5b, #5b5b5b);
+ /* IE10 */
+ background-image: -o-linear-gradient(#5b5b5b, #5b5b5b);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#5b5b5b, #5b5b5b);
+}
+body .ui-btn-up-a a.ui-link-inherit {
+ color: #f2f2f2;
+}
+body .ui-btn-hover-a {
+ border: 1px solid #326679;
+ background: #5b5b5b;
+ font-weight: bold;
+ color: #f2f2f2;
+ text-shadow: 0 1px 1px #383838;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#5b5b5b), to(#5b5b5b));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#5b5b5b, #5b5b5b);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#5b5b5b, #5b5b5b);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#5b5b5b, #5b5b5b);
+ /* IE10 */
+ background-image: -o-linear-gradient(#5b5b5b, #5b5b5b);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#5b5b5b, #5b5b5b);
+}
+body .ui-btn-hover-a a.ui-link-inherit {
+ color: #f2f2f2;
+}
+body .ui-btn-down-a {
+ border: 1px solid #326679;
+ background: #32a5cf;
+ font-weight: bold;
+ color: #f2f2f2;
+ text-shadow: 0 1px 1px #383838;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#32a5cf), to(#32a5cf));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#32a5cf, #32a5cf);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#32a5cf, #32a5cf);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#32a5cf, #32a5cf);
+ /* IE10 */
+ background-image: -o-linear-gradient(#32a5cf, #32a5cf);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#32a5cf, #32a5cf);
+}
+body .ui-btn-down-a a.ui-link-inherit {
+ color: #f2f2f2;
+}
+body .ui-btn-up-a,
+body .ui-btn-hover-a,
+body .ui-btn-down-a {
+ font-family: Helvetica, Arial, sans-serif;
+ text-decoration: none;
+}
+body .ui-bar-b {
+ border: 1px solid #cccccc;
+ background: #cccccc;
+ color: black;
+ font-weight: bold;
+ text-shadow: 0 1px 1px #eeeeee;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#b7b7b7));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#e0e0e0, #b7b7b7);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#e0e0e0, #b7b7b7);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#e0e0e0, #b7b7b7);
+ /* IE10 */
+ background-image: -o-linear-gradient(#e0e0e0, #b7b7b7);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#e0e0e0, #b7b7b7);
+}
+body .ui-bar-b .ui-link-inherit {
+ color: black;
+}
+body .ui-bar-b .ui-link {
+ color: #7cc4e7;
+ font-weight: bold;
+}
+body .ui-bar-b .ui-link:hover {
+ color: #2489ce;
+}
+body .ui-bar-b .ui-link:active {
+ color: #2489ce;
+}
+body .ui-bar-b .ui-link:visited {
+ color: #2489ce;
+}
+body .ui-bar-b,
+body .ui-bar-b input,
+body .ui-bar-b select,
+body .ui-bar-b textarea,
+body .ui-bar-b button {
+ font-family: Helvetica, Arial, sans-serif;
+}
+body .ui-body-b,
+body .ui-dialog.ui-overlay-b {
+ border: 1px solid #b3b3b3;
+ color: #333333;
+ text-shadow: 0 1px 0 white;
+ background: #f0f0f0;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#eeeeee, #dddddd);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#eeeeee, #dddddd);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#eeeeee, #dddddd);
+ /* IE10 */
+ background-image: -o-linear-gradient(#eeeeee, #dddddd);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#eeeeee, #dddddd);
+}
+body .ui-body-b,
+body .ui-body-b input,
+body .ui-body-b select,
+body .ui-body-b textarea,
+body .ui-body-b button {
+ font-family: Helvetica, Arial, sans-serif;
+}
+body .ui-body-b .ui-link-inherit {
+ color: #333333;
+}
+body .ui-body-b .ui-link {
+ color: #2489ce;
+ font-weight: bold;
+}
+body .ui-body-b .ui-link:hover {
+ color: #2489ce;
+}
+body .ui-body-b .ui-link:active {
+ color: #2489ce;
+}
+body .ui-body-b .ui-link:visited {
+ color: #2489ce;
+}
+body .ui-btn-up-b {
+ border: 1px solid #3eb8e5;
+ background: #a5d9ec;
+ font-weight: bold;
+ color: #333333;
+ text-shadow: 0 1px 1px #f6f6f6;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#a5d9ec), to(#a5d9ec));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#a5d9ec, #a5d9ec);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#a5d9ec, #a5d9ec);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#a5d9ec, #a5d9ec);
+ /* IE10 */
+ background-image: -o-linear-gradient(#a5d9ec, #a5d9ec);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#a5d9ec, #a5d9ec);
+}
+body .ui-btn-up-b a.ui-link-inherit {
+ color: #333333;
+}
+body .ui-btn-hover-b {
+ border: 1px solid white;
+ background: #a5d9ec;
+ font-weight: bold;
+ color: #333333;
+ text-shadow: 0 1px 1px white;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#a5d9ec), to(#a5d9ec));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#a5d9ec, #a5d9ec);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#a5d9ec, #a5d9ec);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#a5d9ec, #a5d9ec);
+ /* IE10 */
+ background-image: -o-linear-gradient(#a5d9ec, #a5d9ec);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#a5d9ec, #a5d9ec);
+}
+body .ui-btn-hover-b a.ui-link-inherit {
+ color: #333333;
+}
+body .ui-btn-down-b {
+ border: 1px solid #a5d9ec;
+ background: #4abce7;
+ font-weight: bold;
+ color: #333333;
+ text-shadow: 0 1px 1px white;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#4abce7), to(#4abce7));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#4abce7, #4abce7);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#4abce7, #4abce7);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#4abce7, #4abce7);
+ /* IE10 */
+ background-image: -o-linear-gradient(#4abce7, #4abce7);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#4abce7, #4abce7);
+}
+body .ui-btn-down-b a.ui-link-inherit {
+ color: #333333;
+}
+body .ui-btn-up-b,
+body .ui-btn-hover-b,
+body .ui-btn-down-b {
+ font-family: Helvetica, Arial, sans-serif;
+ text-decoration: none;
+}
+body .ui-bar-c {
+ border: 1px solid #d2d2d2;
+ background: #dddddd;
+ color: #3e3e3e;
+ font-weight: bold;
+ text-shadow: 0 1px 1px white;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#dddddd));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#dddddd, #dddddd);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#dddddd, #dddddd);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#dddddd, #dddddd);
+ /* IE10 */
+ background-image: -o-linear-gradient(#dddddd, #dddddd);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#dddddd, #dddddd);
+}
+body .ui-bar-c .ui-link-inherit {
+ color: #3e3e3e;
+}
+body .ui-bar-c .ui-link {
+ color: #7cc4e7;
+ font-weight: bold;
+}
+body .ui-bar-c .ui-link:hover {
+ color: #2489ce;
+}
+body .ui-bar-c .ui-link:active {
+ color: #2489ce;
+}
+body .ui-bar-c .ui-link:visited {
+ color: #2489ce;
+}
+body .ui-bar-c,
+body .ui-bar-c input,
+body .ui-bar-c select,
+body .ui-bar-c textarea,
+body .ui-bar-c button {
+ font-family: Helvetica, Arial, sans-serif;
+}
+body .ui-body-c,
+body .ui-dialog.ui-overlay-c {
+ border: 1px solid #b3b3b3;
+ color: #333333;
+ text-shadow: 0 1px 0 white;
+ background: #f2f2f2;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f2f2f2));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#f2f2f2, #f2f2f2);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#f2f2f2, #f2f2f2);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#f2f2f2, #f2f2f2);
+ /* IE10 */
+ background-image: -o-linear-gradient(#f2f2f2, #f2f2f2);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#f2f2f2, #f2f2f2);
+}
+body .ui-body-c,
+body .ui-body-c input,
+body .ui-body-c select,
+body .ui-body-c textarea,
+body .ui-body-c button {
+ font-family: Helvetica, Arial, sans-serif;
+}
+body .ui-body-c .ui-link-inherit {
+ color: #333333;
+}
+body .ui-body-c .ui-link {
+ color: #2489ce;
+ font-weight: bold;
+}
+body .ui-body-c .ui-link:hover {
+ color: #2489ce;
+}
+body .ui-body-c .ui-link:active {
+ color: #2489ce;
+}
+body .ui-body-c .ui-link:visited {
+ color: #2489ce;
+}
+body .ui-btn-up-c {
+ border: 1px solid #cccccc;
+ background: #cecece;
+ font-weight: bold;
+ color: #333333;
+ text-shadow: 0 1px 1px #f6f6f6;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#cecece));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#cecece, #cecece);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#cecece, #cecece);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#cecece, #cecece);
+ /* IE10 */
+ background-image: -o-linear-gradient(#cecece, #cecece);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#cecece, #cecece);
+}
+body .ui-btn-up-c a.ui-link-inherit {
+ color: #333333;
+}
+body .ui-btn-hover-c {
+ border: 1px solid #3eb8e5;
+ background: #cecece;
+ font-weight: bold;
+ color: #333333;
+ text-shadow: 0 1px 1px white;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#cecece));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#cecece, #cecece);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#cecece, #cecece);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#cecece, #cecece);
+ /* IE10 */
+ background-image: -o-linear-gradient(#cecece, #cecece);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#cecece, #cecece);
+}
+body .ui-btn-hover-c a.ui-link-inherit {
+ color: #333333;
+}
+body .ui-btn-down-c {
+ border: 1px solid #a5d9ec;
+ background: #4abce7;
+ font-weight: bold;
+ color: #333333;
+ text-shadow: 0 1px 1px white;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#4abce7), to(#4abce7));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#4abce7, #4abce7);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#4abce7, #4abce7);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#4abce7, #4abce7);
+ /* IE10 */
+ background-image: -o-linear-gradient(#4abce7, #4abce7);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#4abce7, #4abce7);
+}
+body .ui-btn-down-c a.ui-link-inherit {
+ color: #333333;
+}
+body .ui-btn-up-c,
+body .ui-btn-hover-c,
+body .ui-btn-down-c {
+ font-family: Helvetica, Arial, sans-serif;
+ text-decoration: none;
+}
+body .ui-bar-d {
+ border: 1px solid #b3b3b3;
+ background: #222222;
+ color: #f5f5f5;
+ font-weight: bold;
+ text-shadow: 0 1px 1px #777777;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#222222));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#222222, #222222);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#222222, #222222);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#222222, #222222);
+ /* IE10 */
+ background-image: -o-linear-gradient(#222222, #222222);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#222222, #222222);
+}
+body .ui-bar-d .ui-link-inherit {
+ color: #f5f5f5;
+}
+body .ui-bar-d .ui-link {
+ color: #7cc4e7;
+ font-weight: bold;
+}
+body .ui-bar-d .ui-link:hover {
+ color: #2489ce;
+}
+body .ui-bar-d .ui-link:active {
+ color: #2489ce;
+}
+body .ui-bar-d .ui-link:visited {
+ color: #2489ce;
+}
+body .ui-bar-d,
+body .ui-bar-d input,
+body .ui-bar-d select,
+body .ui-bar-d textarea,
+body .ui-bar-d button {
+ font-family: Helvetica, Arial, sans-serif;
+}
+body .ui-body-d,
+body .ui-dialog.ui-overlay-d {
+ border: 1px solid #b3b3b3;
+ color: white;
+ text-shadow: 0 1px 0 #636363;
+ background: #313131;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#313131), to(#313131));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#313131, #313131);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#313131, #313131);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#313131, #313131);
+ /* IE10 */
+ background-image: -o-linear-gradient(#313131, #313131);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#313131, #313131);
+}
+body .ui-body-d,
+body .ui-body-d input,
+body .ui-body-d select,
+body .ui-body-d textarea,
+body .ui-body-d button {
+ font-family: Helvetica, Arial, sans-serif;
+}
+body .ui-body-d .ui-link-inherit {
+ color: white;
+}
+body .ui-body-d .ui-link {
+ color: #65afe2;
+ font-weight: bold;
+}
+body .ui-body-d .ui-link:hover {
+ color: #2489ce;
+}
+body .ui-body-d .ui-link:active {
+ color: #2489ce;
+}
+body .ui-body-d .ui-link:visited {
+ color: #2489ce;
+}
+body .ui-btn-up-d {
+ border: 1px solid #cccccc;
+ background: #5b5b5b;
+ font-weight: bold;
+ color: #f2f2f2;
+ text-shadow: 0 1px 1px #383838;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#5b5b5b), to(#5b5b5b));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#5b5b5b, #5b5b5b);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#5b5b5b, #5b5b5b);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#5b5b5b, #5b5b5b);
+ /* IE10 */
+ background-image: -o-linear-gradient(#5b5b5b, #5b5b5b);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#5b5b5b, #5b5b5b);
+}
+body .ui-btn-up-d a.ui-link-inherit {
+ color: #f2f2f2;
+}
+body .ui-btn-hover-d {
+ border: 1px solid #326679;
+ background: #5b5b5b;
+ font-weight: bold;
+ color: #f2f2f2;
+ text-shadow: 0 1px 1px #383838;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#5b5b5b), to(#5b5b5b));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#5b5b5b, #5b5b5b);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#5b5b5b, #5b5b5b);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#5b5b5b, #5b5b5b);
+ /* IE10 */
+ background-image: -o-linear-gradient(#5b5b5b, #5b5b5b);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#5b5b5b, #5b5b5b);
+}
+body .ui-btn-hover-d a.ui-link-inherit {
+ color: #f2f2f2;
+}
+body .ui-btn-down-d {
+ border: 1px solid #326679;
+ background: #32a5cf;
+ font-weight: bold;
+ color: #f2f2f2;
+ text-shadow: 0 1px 1px #383838;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#32a5cf), to(#32a5cf));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#32a5cf, #32a5cf);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#32a5cf, #32a5cf);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#32a5cf, #32a5cf);
+ /* IE10 */
+ background-image: -o-linear-gradient(#32a5cf, #32a5cf);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#32a5cf, #32a5cf);
+}
+body .ui-btn-down-d a.ui-link-inherit {
+ color: #f2f2f2;
+}
+body .ui-btn-up-d,
+body .ui-btn-hover-d,
+body .ui-btn-down-d {
+ font-family: Helvetica, Arial, sans-serif;
+ text-decoration: none;
+}
+body a.ui-link-inherit {
+ text-decoration: none !important;
+}
+body .ui-btn-active {
+ border: 1px solid #155678;
+ background: #387bbe;
+ font-weight: bold;
+ color: white;
+ cursor: pointer;
+ text-shadow: 0 -1px 1px #145072;
+ text-decoration: none;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#85bae4), to(#5393c5));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#85bae4, #5393c5);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#85bae4, #5393c5);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#85bae4, #5393c5);
+ /* IE10 */
+ background-image: -o-linear-gradient(#85bae4, #5393c5);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#85bae4, #5393c5);
+ font-family: Helvetica, Arial, sans-serif;
+}
+body .ui-btn-active a.ui-link-inherit {
+ color: white;
+}
+body .ui-btn-inner {
+ border-top: 1px solid #fff;
+ border-color: rgba(255, 255, 255, 0.3);
+}
+body .ui-corner-tl {
+ -moz-border-radius-topleft: 0.6em;
+ -webkit-border-top-left-radius: 0.6em;
+ border-top-left-radius: 0.6em;
+}
+body .ui-corner-tr {
+ -moz-border-radius-topright: 0.6em;
+ -webkit-border-top-right-radius: 0.6em;
+ border-top-right-radius: 0.6em;
+}
+body .ui-corner-bl {
+ -moz-border-radius-bottomleft: 0.6em;
+ -webkit-border-bottom-left-radius: 0.6em;
+ border-bottom-left-radius: 0.6em;
+}
+body .ui-corner-br {
+ -moz-border-radius-bottomright: 0.6em;
+ -webkit-border-bottom-right-radius: 0.6em;
+ border-bottom-right-radius: 0.6em;
+}
+body .ui-corner-top {
+ -moz-border-radius-topleft: 0.6em;
+ -webkit-border-top-left-radius: 0.6em;
+ border-top-left-radius: 0.6em;
+ -moz-border-radius-topright: 0.6em;
+ -webkit-border-top-right-radius: 0.6em;
+ border-top-right-radius: 0.6em;
+}
+body .ui-corner-bottom {
+ -moz-border-radius-bottomleft: 0.6em;
+ -webkit-border-bottom-left-radius: 0.6em;
+ border-bottom-left-radius: 0.6em;
+ -moz-border-radius-bottomright: 0.6em;
+ -webkit-border-bottom-right-radius: 0.6em;
+ border-bottom-right-radius: 0.6em;
+}
+body .ui-corner-right {
+ -moz-border-radius-topright: 0.6em;
+ -webkit-border-top-right-radius: 0.6em;
+ border-top-right-radius: 0.6em;
+ -moz-border-radius-bottomright: 0.6em;
+ -webkit-border-bottom-right-radius: 0.6em;
+ border-bottom-right-radius: 0.6em;
+}
+body .ui-corner-left {
+ -moz-border-radius-topleft: 0.6em;
+ -webkit-border-top-left-radius: 0.6em;
+ border-top-left-radius: 0.6em;
+ -moz-border-radius-bottomleft: 0.6em;
+ -webkit-border-bottom-left-radius: 0.6em;
+ border-bottom-left-radius: 0.6em;
+}
+body .ui-corner-all {
+ -moz-border-radius: 0.6em;
+ -webkit-border-radius: 0.6em;
+ border-radius: 0.6em;
+}
+body .ui-corner-none {
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+}
+body .ui-disabled {
+ opacity: .3;
+}
+body .ui-disabled,
+body .ui-disabled a {
+ pointer-events: none;
+ cursor: default;
+}
+body .ui-icon,
+body .ui-icon-searchfield:after {
+ background: #666666;
+ background: rgba(0, 0, 0, 0.4);
+ background-image: url(images/icons-18-white.png);
+ background-repeat: no-repeat;
+ -moz-border-radius: 9px;
+ -webkit-border-radius: 9px;
+ border-radius: 9px;
+}
+body .ui-icon-alt {
+ background: #fff;
+ background: rgba(255, 255, 255, 0.3);
+ background-image: url(images/icons-18-black.png);
+ background-repeat: no-repeat;
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
+ body .ui-icon-plus, body .ui-icon-minus, body .ui-icon-delete, body .ui-icon-arrow-r,
+ body .ui-icon-arrow-l, body .ui-icon-arrow-u, body .ui-icon-arrow-d, body .ui-icon-check,
+ body .ui-icon-gear, body .ui-icon-refresh, body .ui-icon-forward, body .ui-icon-back,
+ body .ui-icon-grid, body .ui-icon-star, body .ui-icon-alert, body .ui-icon-info, body .ui-icon-home, body .ui-icon-search, body .ui-icon-searchfield:after,
+ body .ui-icon-checkbox-off, body .ui-icon-checkbox-on, body .ui-icon-radio-off, body .ui-icon-radio-on {
+ background-image: url(images/icons-36-white.png);
+ -moz-background-size: 776px 18px;
+ -o-background-size: 776px 18px;
+ -webkit-background-size: 776px 18px;
+ background-size: 776px 18px;
+ }
+ body .ui-icon-alt {
+ background-image: url(images/icons-36-black.png);
+ }
+}
+body .ui-icon-plus {
+ background-position: 0 50%;
+}
+body .ui-icon-minus {
+ background-position: -36px 50%;
+}
+body .ui-icon-delete {
+ background-position: -72px 50%;
+}
+body .ui-icon-arrow-r {
+ background-position: -108px 50%;
+}
+body .ui-icon-arrow-l {
+ background-position: -144px 50%;
+}
+body .ui-icon-arrow-u {
+ background-position: -180px 50%;
+}
+body .ui-icon-arrow-d {
+ background-position: -216px 50%;
+}
+body .ui-icon-check {
+ background-position: -252px 50%;
+}
+body .ui-icon-gear {
+ background-position: -288px 50%;
+}
+body .ui-icon-refresh {
+ background-position: -324px 50%;
+}
+body .ui-icon-forward {
+ background-position: -360px 50%;
+}
+body .ui-icon-back {
+ background-position: -396px 50%;
+}
+body .ui-icon-grid {
+ background-position: -432px 50%;
+}
+body .ui-icon-star {
+ background-position: -468px 50%;
+}
+body .ui-icon-alert {
+ background-position: -504px 50%;
+}
+body .ui-icon-info {
+ background-position: -540px 50%;
+}
+body .ui-icon-home {
+ background-position: -576px 50%;
+}
+body .ui-icon-search,
+body .ui-icon-searchfield:after {
+ background-position: -612px 50%;
+}
+body .ui-icon-checkbox-off {
+ background-position: -684px 50%;
+}
+body .ui-icon-checkbox-on {
+ background-position: -648px 50%;
+}
+body .ui-icon-radio-off {
+ background-position: -756px 50%;
+}
+body .ui-icon-radio-on {
+ background-position: -720px 50%;
+}
+body .ui-checkbox .ui-icon {
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+}
+body .ui-icon-checkbox-off,
+body .ui-icon-radio-off {
+ background-color: transparent;
+}
+body .ui-checkbox-on .ui-icon,
+body .ui-radio-on .ui-icon {
+ background-color: #387bbe;
+ /* NOTE: this hex should match the active state color. It's repeated here for cascade */
+}
+body .ui-icon-loading {
+ background-image: url(images/ajax-loader.png);
+ width: 40px;
+ height: 40px;
+ -moz-border-radius: 20px;
+ -webkit-border-radius: 20px;
+ border-radius: 20px;
+ background-size: 35px 35px;
+}
+body .ui-btn-corner-tl {
+ -moz-border-radius-topleft: 1em;
+ -webkit-border-top-left-radius: 1em;
+ border-top-left-radius: 1em;
+}
+body .ui-btn-corner-tr {
+ -moz-border-radius-topright: 1em;
+ -webkit-border-top-right-radius: 1em;
+ border-top-right-radius: 1em;
+}
+body .ui-btn-corner-bl {
+ -moz-border-radius-bottomleft: 1em;
+ -webkit-border-bottom-left-radius: 1em;
+ border-bottom-left-radius: 1em;
+}
+body .ui-btn-corner-br {
+ -moz-border-radius-bottomright: 1em;
+ -webkit-border-bottom-right-radius: 1em;
+ border-bottom-right-radius: 1em;
+}
+body .ui-btn-corner-top {
+ -moz-border-radius-topleft: 1em;
+ -webkit-border-top-left-radius: 1em;
+ border-top-left-radius: 1em;
+ -moz-border-radius-topright: 1em;
+ -webkit-border-top-right-radius: 1em;
+ border-top-right-radius: 1em;
+}
+body .ui-btn-corner-bottom {
+ -moz-border-radius-bottomleft: 1em;
+ -webkit-border-bottom-left-radius: 1em;
+ border-bottom-left-radius: 1em;
+ -moz-border-radius-bottomright: 1em;
+ -webkit-border-bottom-right-radius: 1em;
+ border-bottom-right-radius: 1em;
+}
+body .ui-btn-corner-right {
+ -moz-border-radius-topright: 1em;
+ -webkit-border-top-right-radius: 1em;
+ border-top-right-radius: 1em;
+ -moz-border-radius-bottomright: 1em;
+ -webkit-border-bottom-right-radius: 1em;
+ border-bottom-right-radius: 1em;
+}
+body .ui-btn-corner-left {
+ -moz-border-radius-topleft: 1em;
+ -webkit-border-top-left-radius: 1em;
+ border-top-left-radius: 1em;
+ -moz-border-radius-bottomleft: 1em;
+ -webkit-border-bottom-left-radius: 1em;
+ border-bottom-left-radius: 1em;
+}
+body .ui-btn-corner-all {
+ -moz-border-radius: 1em;
+ -webkit-border-radius: 1em;
+ border-radius: 1em;
+}
+body .ui-corner-tl,
+body .ui-corner-tr,
+body .ui-corner-bl,
+body .ui-corner-br,
+body .ui-corner-top,
+body .ui-corner-bottom,
+body .ui-corner-right,
+body .ui-corner-left,
+body .ui-corner-all,
+body .ui-btn-corner-tl,
+body .ui-btn-corner-tr,
+body .ui-btn-corner-bl,
+body .ui-btn-corner-br,
+body .ui-btn-corner-top,
+body .ui-btn-corner-bottom,
+body .ui-btn-corner-right,
+body .ui-btn-corner-left,
+body .ui-btn-corner-all {
+ -webkit-background-clip: padding-box;
+ -moz-background-clip: padding;
+ background-clip: padding-box;
+}
+body .ui-overlay {
+ background: #666;
+ opacity: .5;
+ filter: Alpha(Opacity=50);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+}
+body .ui-overlay-shadow {
+ -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6);
+ -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6);
+ box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6);
+}
+body .ui-shadow {
+ -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
+ -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
+ box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
+}
+body .ui-bar-a .ui-shadow,
+body .ui-bar-b .ui-shadow,
+body .ui-bar-c .ui-shadow {
+ -moz-box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.3);
+ -webkit-box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.3);
+ box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.3);
+}
+body .ui-shadow-inset {
+ -moz-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.2);
+ -webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.2);
+ box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.2);
+}
+body .ui-icon-shadow {
+ -moz-box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);
+ -webkit-box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);
+ box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);
+}
+body .ui-focus {
+ -moz-box-shadow: 0px 0px 12px #387bbe;
+ -webkit-box-shadow: 0px 0px 12px #387bbe;
+ box-shadow: 0px 0px 12px #387bbe;
+}
+body .ui-mobile-nosupport-boxshadow * {
+ -moz-box-shadow: none !important;
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+}
+body .ui-mobile-nosupport-boxshadow .ui-focus {
+ outline-width: 2px;
+}
+body .ui-btn-corner-all,
+body .ui-corner-all,
+body .ui-corner-top,
+body .ui-corner-bottom {
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+ -webkit-background-clip: none;
+ -moz-background-clip: none;
+ background-clip: none;
+}
+
+/*
+CSS fix for not being able to see top content or
+bottom content in fullscreen mode
+*/
+.ui-content .ui-listview-inset {
+ margin: 10px 0;
+}
+
+.ui-content .ui-listview:not(.ui-listview-inset) {
+ margin: 10px -15px;
+}
+
+.ui-content .ui-listview:first-child {
+ margin: -15px -15px 10px;
+}
+
+.ui-content .ui-listview:last-child {
+ margin: 10px -15px -15px;
+}
+
+.ui-content .ui-listview:first-child:last-child {
+ margin: -15px -15px -15px;
+}
+
+.ui-page-header-fullscreen .ui-content, .ui-page-footer-fullscreen .ui-content {
+ padding-left: 15px;
+ padding-right: 15px;
+}
+
+.ui-page-footer-fullscreen .ui-content {
+ padding-top: 10px;
+ padding-bottom: 50px;
+}
+
+.ui-page-header-fullscreen .ui-content {
+ padding-top: 50px;
+ padding-bottom: 10px;
+}
+
+.ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content {
+ padding-bottom: 50px;
+}
+
+.ui-page-header-fullscreen .ui-content .ui-listview:not(.ui-listview-inset) {
+ margin: 10px -15px 10px;
+}
+
+.ui-page-header-fullscreen .ui-content .ui-listview:first-child {
+ margin: -15px -15px -15px;
+}
+
+.ui-page-footer-fullscreen .ui-content .ui-listview:not(.ui-listview-inset) {
+ margin: 10px -15px 0px;
+}
+
+.ui-page-footer-fullscreen .ui-content .ui-listview:first-child {
+ margin: -11px -15px 0px;
+}
+
+.ui-page-footer-fullscreen .ui-content .ui-listview:first-child:last-child {
+ margin: -11px -15px -11px;
+}
+
+.ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content .ui-listview:not(.ui-listview-inset) {
+ margin: 10px -15px;
+}
+
+.ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content .ui-listview:not(.ui-listview-inset):last-child {
+ margin: 10px -15px -10px;
+}
+
+.ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content .ui-listview:first-child {
+ margin: -10px -15px 0px;
+}
+
+.ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content .ui-listview:first-child:last-child {
+ margin: -10px -15px -9px;
+}
+
+.ui-content a[data-role=button]:last-child {
+ margin-bottom: 0px;
+}
1,110 themes/WindowsMob/style.scss
View
@@ -0,0 +1,1110 @@
+/*
+* jQuery Mobile Framework 1.0.1
+* http://jquerymobile.com
+*
+* Copyright 2011-2012 (c) jQuery Project
+* Dual licensed under the MIT or GPL Version 2 licenses.
+* http://jquery.org/license
+*
+*/
+/* Swatches */
+
+/* A
+-----------------------------------------------------------------------------------------------------------*/
+body {
+
+.ui-footer .ui-navbar ul li{
+ width:82px;
+ display:inline-block;
+}
+
+.ui-footer .ui-navbar ul{
+ width: 328px;
+ margin:0 auto;
+}
+
+.ui-bar-a {
+ border: 1px solid #B3B3B3 /*{a-bar-border}*/;
+ background: #222222 /*{a-bar-background-color}*/;
+ color: #F5F5F5 /*{a-bar-color}*/;
+ font-weight: bold;
+ text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #777 /*{a-bar-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #222222 /*{a-bar-background-start}*/), to( #222222 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #222222 /*{a-bar-background-start}*/, #222222 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #222222 /*{a-bar-background-start}*/, #222222 /*{a-bar-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #222222 /*{a-bar-background-start}*/, #222222 /*{a-bar-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #222222 /*{a-bar-background-start}*/, #222222 /*{a-bar-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #222222 /*{a-bar-background-start}*/, #222222 /*{a-bar-background-end}*/);
+}
+
+.ui-bar-a .ui-link-inherit {
+ color: #F5F5F5 /*{a-bar-color}*/;
+}
+.ui-bar-a .ui-link {
+ color: #7cc4e7 /*{a-bar-link-color}*/;
+ font-weight: bold;
+}
+
+.ui-bar-a .ui-link:hover {
+ color: #2489CE /*{a-bar-link-hover}*/;
+}
+
+.ui-bar-a .ui-link:active {
+ color: #2489CE /*{a-bar-link-active}*/;
+}
+
+.ui-bar-a .ui-link:visited {
+ color: #2489CE /*{a-bar-link-visited}*/;
+}
+
+.ui-bar-a,
+.ui-bar-a input,
+.ui-bar-a select,
+.ui-bar-a textarea,
+.ui-bar-a button {
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-body-a,
+.ui-dialog.ui-overlay-a {
+ border: 1px solid #B3B3B3 /*{a-body-border}*/;
+ color: #FFFFFF /*{a-body-color}*/;
+ text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #636363 /*{a-body-shadow-color}*/;
+ background: #313131 /*{a-body-background-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #313131 /*{a-body-background-start}*/), to( #313131 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #313131 /*{a-body-background-start}*/, #313131 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #313131 /*{a-body-background-start}*/, #313131 /*{a-body-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #313131 /*{a-body-background-start}*/, #313131 /*{a-body-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #313131 /*{a-body-background-start}*/, #313131 /*{a-body-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #313131 /*{a-body-background-start}*/, #313131 /*{a-body-background-end}*/);
+}
+.ui-body-a,
+.ui-body-a input,
+.ui-body-a select,
+.ui-body-a textarea,
+.ui-body-a button {
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+
+.ui-body-a .ui-link-inherit {
+ color: #FFFFFF /*{a-body-color}*/;
+}
+
+.ui-body-a .ui-link {
+ color: #65afe2 /*{a-body-link-color}*/;
+ font-weight: bold;
+}
+
+.ui-body-a .ui-link:hover {
+ color: #2489CE /*{a-body-link-hover}*/;
+}
+
+.ui-body-a .ui-link:active {
+ color: #2489CE /*{a-body-link-active}*/;
+}
+
+.ui-body-a .ui-link:visited {
+ color: #2489CE /*{a-body-link-visited}*/;
+}
+
+.ui-btn-up-a {
+ border: 1px solid #ccc /*{a-bup-border}*/;
+ background: #5B5B5B /*{a-bup-background-color}*/;
+ font-weight: bold;
+ color: #f2f2f2 /*{a-bup-color}*/;
+ text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #383838 /*{a-bup-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #5B5B5B /*{a-bup-background-start}*/), to( #5B5B5B /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #5B5B5B /*{a-bup-background-start}*/, #5B5B5B /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #5B5B5B /*{a-bup-background-start}*/, #5B5B5B /*{a-bup-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #5B5B5B /*{a-bup-background-start}*/, #5B5B5B /*{a-bup-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #5B5B5B /*{a-bup-background-start}*/, #5B5B5B /*{a-bup-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #5B5B5B /*{a-bup-background-start}*/, #5B5B5B /*{a-bup-background-end}*/);
+}
+.ui-btn-up-a a.ui-link-inherit {
+ color: #f2f2f2 /*{a-bup-color}*/;
+}
+
+.ui-btn-hover-a {
+ border: 1px solid #326679 /*{a-bhover-border}*/;
+ background: #5B5B5B /*{a-bhover-background-color}*/;
+ font-weight: bold;
+ color: #f2f2f2 /*{a-bhover-color}*/;
+ text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #383838 /*{a-bhover-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #5B5B5B /*{a-bhover-background-start}*/), to( #5B5B5B /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #5B5B5B /*{a-bhover-background-start}*/, #5B5B5B /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #5B5B5B /*{a-bhover-background-start}*/, #5B5B5B /*{a-bhover-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #5B5B5B /*{a-bhover-background-start}*/, #5B5B5B /*{a-bhover-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #5B5B5B /*{a-bhover-background-start}*/, #5B5B5B /*{a-bhover-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #5B5B5B /*{a-bhover-background-start}*/, #5B5B5B /*{a-bhover-background-end}*/);
+}
+.ui-btn-hover-a a.ui-link-inherit {
+ color: #f2f2f2 /*{a-bhover-color}*/;
+}
+.ui-btn-down-a {
+ border: 1px solid #326679 /*{a-bdown-border}*/;
+ background: #32A5CF /*{a-bdown-background-color}*/;
+ font-weight: bold;
+ color: #f2f2f2 /*{a-bdown-color}*/;
+ text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #383838 /*{a-bdown-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #32A5CF /*{a-bdown-background-start}*/), to( #32A5CF /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #32A5CF /*{a-bdown-background-start}*/, #32A5CF /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #32A5CF /*{a-bdown-background-start}*/, #32A5CF /*{a-bdown-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #32A5CF /*{a-bdown-background-start}*/, #32A5CF /*{a-bdown-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #32A5CF /*{a-bdown-background-start}*/, #32A5CF /*{a-bdown-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #32A5CF /*{a-bdown-background-start}*/, #32A5CF /*{a-bdown-background-end}*/);
+}
+.ui-btn-down-a a.ui-link-inherit {
+ color: #f2f2f2 /*{a-bdown-color}*/;
+}
+.ui-btn-up-a,
+.ui-btn-hover-a,
+.ui-btn-down-a {
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+ text-decoration: none;
+}
+
+/* B
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-bar-b {
+ border: 1px solid #cccccc /*{b-bar-border}*/;
+ background: #cccccc /*{b-bar-background-color}*/;
+ color: #000000 /*{b-bar-color}*/;
+ font-weight: bold;
+ text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #eeeeee /*{b-bar-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #E0E0E0 /*{b-bar-background-start}*/), to( #B7B7B7 /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #E0E0E0 /*{b-bar-background-start}*/, #B7B7B7 /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #E0E0E0 /*{b-bar-background-start}*/, #B7B7B7 /*{b-bar-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #E0E0E0 /*{b-bar-background-start}*/, #B7B7B7 /*{b-bar-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #E0E0E0 /*{b-bar-background-start}*/, #B7B7B7 /*{b-bar-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #E0E0E0 /*{b-bar-background-start}*/, #B7B7B7 /*{b-bar-background-end}*/);
+}
+
+.ui-bar-b .ui-link-inherit {
+ color: #000000 /*{b-bar-color}*/;
+}
+.ui-bar-b .ui-link {
+ color: #7cc4e7 /*{b-bar-link-color}*/;
+ font-weight: bold;
+}
+
+.ui-bar-b .ui-link:hover {
+ color: #2489CE /*{b-bar-link-hover}*/;
+}
+
+.ui-bar-b .ui-link:active {
+ color: #2489CE /*{b-bar-link-active}*/;
+}
+
+.ui-bar-b .ui-link:visited {
+ color: #2489CE /*{b-bar-link-visited}*/;
+}
+
+.ui-bar-b,
+.ui-bar-b input,
+.ui-bar-b select,
+.ui-bar-b textarea,
+.ui-bar-b button {
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-body-b,
+.ui-dialog.ui-overlay-b {
+ border: 1px solid #B3B3B3 /*{b-body-border}*/;
+ color: #333333 /*{b-body-color}*/;
+ text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #fff /*{b-body-shadow-color}*/;
+ background: #f0f0f0 /*{b-body-background-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{b-body-background-start}*/), to( #ddd /*{b-body-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #eee /*{b-body-background-start}*/, #ddd /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #eee /*{b-body-background-start}*/, #ddd /*{b-body-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #eee /*{b-body-background-start}*/, #ddd /*{b-body-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #eee /*{b-body-background-start}*/, #ddd /*{b-body-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #eee /*{b-body-background-start}*/, #ddd /*{b-body-background-end}*/);
+}
+.ui-body-b,
+.ui-body-b input,
+.ui-body-b select,
+.ui-body-b textarea,
+.ui-body-b button {
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+
+.ui-body-b .ui-link-inherit {
+ color: #333333 /*{b-body-color}*/;
+}
+
+.ui-body-b .ui-link {
+ color: #2489CE /*{b-body-link-color}*/;
+ font-weight: bold;
+}
+
+.ui-body-b .ui-link:hover {
+ color: #2489CE /*{b-body-link-hover}*/;
+}
+
+.ui-body-b .ui-link:active {
+ color: #2489CE /*{b-body-link-active}*/;
+}
+
+.ui-body-b .ui-link:visited {
+ color: #2489CE /*{b-body-link-visited}*/;
+}
+
+.ui-btn-up-b {
+ border: 1px solid #3EB8E5 /*{b-bup-border}*/;
+ background: #A5D9EC /*{b-bup-background-color}*/;
+ font-weight: bold;
+ color: #333333 /*{b-bup-color}*/;
+ text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #f6f6f6 /*{b-bup-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #A5D9EC /*{b-bup-background-start}*/), to( #A5D9EC /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #A5D9EC /*{b-bup-background-start}*/, #A5D9EC /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #A5D9EC /*{b-bup-background-start}*/, #A5D9EC /*{b-bup-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #A5D9EC /*{b-bup-background-start}*/, #A5D9EC /*{b-bup-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #A5D9EC /*{b-bup-background-start}*/, #A5D9EC /*{b-bup-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #A5D9EC /*{b-bup-background-start}*/, #A5D9EC /*{b-bup-background-end}*/);
+}
+.ui-btn-up-b a.ui-link-inherit {
+ color: #333333 /*{b-bup-color}*/;
+}
+
+.ui-btn-hover-b {
+ border: 1px solid #ffffff /*{b-bhover-border}*/;
+ background: #A5D9EC /*{b-bhover-background-color}*/;
+ font-weight: bold;
+ color: #333333 /*{b-bhover-color}*/;
+ text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #fff /*{b-bhover-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #A5D9EC /*{b-bhover-background-start}*/), to( #A5D9EC /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #A5D9EC /*{b-bhover-background-start}*/, #A5D9EC /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #A5D9EC /*{b-bhover-background-start}*/, #A5D9EC /*{b-bhover-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #A5D9EC /*{b-bhover-background-start}*/, #A5D9EC /*{b-bhover-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #A5D9EC /*{b-bhover-background-start}*/, #A5D9EC /*{b-bhover-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #A5D9EC /*{b-bhover-background-start}*/, #A5D9EC /*{b-bhover-background-end}*/);
+}
+.ui-btn-hover-b a.ui-link-inherit {
+ color: #333333 /*{b-bhover-color}*/;
+}
+.ui-btn-down-b {
+ border: 1px solid #A5D9EC /*{b-bdown-border}*/;
+ background: #4ABCE7 /*{b-bdown-background-color}*/;
+ font-weight: bold;
+ color: #333333 /*{b-bdown-color}*/;
+ text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 1px /*{b-bdown-shadow-radius}*/ #ffffff /*{b-bdown-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #4ABCE7 /*{b-bdown-background-start}*/), to( #4ABCE7 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #4ABCE7 /*{b-bdown-background-start}*/, #4ABCE7 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #4ABCE7 /*{b-bdown-background-start}*/, #4ABCE7 /*{b-bdown-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #4ABCE7 /*{b-bdown-background-start}*/, #4ABCE7 /*{b-bdown-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #4ABCE7 /*{b-bdown-background-start}*/, #4ABCE7 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #4ABCE7 /*{b-bdown-background-start}*/, #4ABCE7 /*{b-bdown-background-end}*/);
+}
+.ui-btn-down-b a.ui-link-inherit {
+ color: #333333 /*{b-bdown-color}*/;
+}
+.ui-btn-up-b,
+.ui-btn-hover-b,
+.ui-btn-down-b {
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+ text-decoration: none;
+}
+
+
+/* C
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-bar-c {
+ border: 1px solid #D2D2D2 /*{c-bar-border}*/;
+ background: #DDDDDD /*{c-bar-background-color}*/;
+ color: #3E3E3E /*{c-bar-color}*/;
+ font-weight: bold;
+ text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #DDDDDD /*{c-bar-background-start}*/), to( #DDDDDD /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #DDDDDD /*{c-bar-background-start}*/, #DDDDDD /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #DDDDDD /*{c-bar-background-start}*/, #DDDDDD /*{c-bar-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #DDDDDD /*{c-bar-background-start}*/, #DDDDDD /*{c-bar-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #DDDDDD /*{c-bar-background-start}*/, #DDDDDD /*{c-bar-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #DDDDDD /*{c-bar-background-start}*/, #DDDDDD /*{c-bar-background-end}*/);
+}
+
+.ui-bar-c .ui-link-inherit {
+ color: #3E3E3E /*{c-bar-color}*/;
+}
+.ui-bar-c .ui-link {
+ color: #7cc4e7 /*{c-bar-link-color}*/;
+ font-weight: bold;
+}
+
+.ui-bar-c .ui-link:hover {
+ color: #2489CE /*{c-bar-link-hover}*/;
+}
+
+.ui-bar-c .ui-link:active {
+ color: #2489CE /*{c-bar-link-active}*/;
+}
+
+.ui-bar-c .ui-link:visited {
+ color: #2489CE /*{c-bar-link-visited}*/;
+}
+
+.ui-bar-c,
+.ui-bar-c input,
+.ui-bar-c select,
+.ui-bar-c textarea,
+.ui-bar-c button {
+ 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}*/;
+ text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
+ background: #F2F2F2 /*{c-body-background-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #F2F2F2 /*{c-body-background-start}*/), to( #F2F2F2 /*{c-body-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #F2F2F2 /*{c-body-background-start}*/, #F2F2F2 /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #F2F2F2 /*{c-body-background-start}*/, #F2F2F2 /*{c-body-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #F2F2F2 /*{c-body-background-start}*/, #F2F2F2 /*{c-body-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #F2F2F2 /*{c-body-background-start}*/, #F2F2F2 /*{c-body-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #F2F2F2 /*{c-body-background-start}*/, #F2F2F2 /*{c-body-background-end}*/);
+}
+.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}*/;
+}
+
+.ui-body-c .ui-link-inherit {
+ color: #333333 /*{c-body-color}*/;
+}
+
+.ui-body-c .ui-link {
+ color: #2489CE /*{c-body-link-color}*/;
+ font-weight: bold;
+}
+
+.ui-body-c .ui-link:hover {
+ color: #2489CE /*{c-body-link-hover}*/;
+}
+
+.ui-body-c .ui-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: #cecece /*{c-bup-background-color}*/;
+ font-weight: bold;
+ color: #333333 /*{c-bup-color}*/;
+ text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 1px /*{c-bup-shadow-radius}*/ #f6f6f6 /*{c-bup-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #CECECE /*{c-bup-background-start}*/), to( #CECECE /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #CECECE /*{c-bup-background-start}*/, #CECECE /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #CECECE /*{c-bup-background-start}*/, #CECECE /*{c-bup-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #CECECE /*{c-bup-background-start}*/, #CECECE /*{c-bup-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #CECECE /*{c-bup-background-start}*/, #CECECE /*{c-bup-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #CECECE /*{c-bup-background-start}*/, #CECECE /*{c-bup-background-end}*/);
+}
+.ui-btn-up-c a.ui-link-inherit {
+ color: #333333 /*{c-bup-color}*/;
+}
+
+.ui-btn-hover-c {
+ border: 1px solid #3EB8E5 /*{c-bhover-border}*/;
+ background: #cecece /*{c-bhover-background-color}*/;
+ font-weight: bold;
+ color: #333333 /*{c-bhover-color}*/;
+ text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 1px /*{c-bhover-shadow-radius}*/ #fff /*{c-bhover-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #CECECE /*{c-bhover-background-start}*/), to( #CECECE /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #CECECE /*{c-bhover-background-start}*/, #CECECE /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #CECECE /*{c-bhover-background-start}*/, #CECECE /*{c-bhover-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #CECECE /*{c-bhover-background-start}*/, #CECECE /*{c-bhover-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #CECECE /*{c-bhover-background-start}*/, #CECECE /*{c-bhover-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #CECECE /*{c-bhover-background-start}*/, #CECECE /*{c-bhover-background-end}*/);
+}
+.ui-btn-hover-c a.ui-link-inherit {
+ color: #333333 /*{c-bhover-color}*/;
+}
+.ui-btn-down-c {
+ border: 1px solid #A5D9EC /*{c-bdown-border}*/;
+ background: #4ABCE7 /*{c-bdown-background-color}*/;
+ font-weight: bold;
+ color: #333333 /*{c-bdown-color}*/;
+ text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 1px /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #4ABCE7 /*{c-bdown-background-start}*/), to( #4ABCE7 /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #4ABCE7 /*{c-bdown-background-start}*/, #4ABCE7 /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #4ABCE7 /*{c-bdown-background-start}*/, #4ABCE7 /*{c-bdown-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #4ABCE7 /*{c-bdown-background-start}*/, #4ABCE7 /*{c-bdown-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #4ABCE7 /*{c-bdown-background-start}*/, #4ABCE7 /*{c-bdown-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #4ABCE7 /*{c-bdown-background-start}*/, #4ABCE7 /*{c-bdown-background-end}*/);
+}
+.ui-btn-down-c a.ui-link-inherit {
+ color: #333333 /*{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;
+}
+
+
+/* D
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-bar-d {
+ border: 1px solid #B3B3B3 /*{d-bar-border}*/;
+ background: #222222 /*{d-bar-background-color}*/;
+ color: #F5F5F5 /*{d-bar-color}*/;
+ font-weight: bold;
+ text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 1px /*{d-bar-shadow-radius}*/ #777 /*{d-bar-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #222222 /*{d-bar-background-start}*/), to( #222222 /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #222222 /*{d-bar-background-start}*/, #222222 /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #222222 /*{d-bar-background-start}*/, #222222 /*{d-bar-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #222222 /*{d-bar-background-start}*/, #222222 /*{d-bar-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #222222 /*{d-bar-background-start}*/, #222222 /*{d-bar-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #222222 /*{d-bar-background-start}*/, #222222 /*{d-bar-background-end}*/);
+}
+
+.ui-bar-d .ui-link-inherit {
+ color: #F5F5F5 /*{d-bar-color}*/;
+}
+.ui-bar-d .ui-link {
+ color: #7cc4e7 /*{d-bar-link-color}*/;
+ font-weight: bold;
+}
+
+.ui-bar-d .ui-link:hover {
+ color: #2489CE /*{d-bar-link-hover}*/;
+}
+
+.ui-bar-d .ui-link:active {
+ color: #2489CE /*{d-bar-link-active}*/;
+}
+
+.ui-bar-d .ui-link:visited {
+ color: #2489CE /*{d-bar-link-visited}*/;
+}
+
+.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}*/;
+}
+.ui-body-d,
+.ui-dialog.ui-overlay-d {
+ border: 1px solid #B3B3B3 /*{d-body-border}*/;
+ color: #FFFFFF /*{d-body-color}*/;
+ text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ #636363 /*{d-body-shadow-color}*/;
+ background: #313131 /*{d-body-background-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #313131 /*{d-body-background-start}*/), to( #313131 /*{d-body-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #313131 /*{d-body-background-start}*/, #313131 /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #313131 /*{d-body-background-start}*/, #313131 /*{d-body-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #313131 /*{d-body-background-start}*/, #313131 /*{d-body-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #313131 /*{d-body-background-start}*/, #313131 /*{d-body-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #313131 /*{d-body-background-start}*/, #313131 /*{d-body-background-end}*/);
+}
+.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}*/;
+}
+
+.ui-body-d .ui-link-inherit {
+ color: #FFFFFF /*{d-body-color}*/;
+}
+
+.ui-body-d .ui-link {
+ color: #65afe2 /*{d-body-link-color}*/;
+ font-weight: bold;
+}
+
+.ui-body-d .ui-link:hover {
+ color: #2489CE /*{d-body-link-hover}*/;
+}
+
+.ui-body-d .ui-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: #5B5B5B /*{d-bup-background-color}*/;
+ font-weight: bold;
+ color: #f2f2f2 /*{d-bup-color}*/;
+ text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 1px /*{d-bup-shadow-radius}*/ #383838 /*{d-bup-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #5B5B5B /*{d-bup-background-start}*/), to( #5B5B5B /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #5B5B5B /*{d-bup-background-start}*/, #5B5B5B /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #5B5B5B /*{d-bup-background-start}*/, #5B5B5B /*{d-bup-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #5B5B5B /*{d-bup-background-start}*/, #5B5B5B /*{d-bup-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #5B5B5B /*{d-bup-background-start}*/, #5B5B5B /*{d-bup-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #5B5B5B /*{d-bup-background-start}*/, #5B5B5B /*{d-bup-background-end}*/);
+}
+.ui-btn-up-d a.ui-link-inherit {
+ color: #f2f2f2 /*{d-bup-color}*/;
+}
+
+.ui-btn-hover-d {
+ border: 1px solid #326679 /*{d-bhover-border}*/;
+ background: #5B5B5B /*{d-bhover-background-color}*/;
+ font-weight: bold;
+ color: #f2f2f2 /*{d-bhover-color}*/;
+ text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 1px /*{d-bhover-shadow-radius}*/ #383838 /*{d-bhover-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #5B5B5B /*{d-bhover-background-start}*/), to( #5B5B5B /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #5B5B5B /*{d-bhover-background-start}*/, #5B5B5B /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #5B5B5B /*{d-bhover-background-start}*/, #5B5B5B /*{d-bhover-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #5B5B5B /*{d-bhover-background-start}*/, #5B5B5B /*{d-bhover-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #5B5B5B /*{d-bhover-background-start}*/, #5B5B5B /*{d-bhover-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #5B5B5B /*{d-bhover-background-start}*/, #5B5B5B /*{d-bhover-background-end}*/);
+}
+.ui-btn-hover-d a.ui-link-inherit {
+ color: #f2f2f2 /*{d-bhover-color}*/;
+}
+.ui-btn-down-d {
+ border: 1px solid #326679 /*{d-bdown-border}*/;
+ background: #32A5CF /*{d-bdown-background-color}*/;
+ font-weight: bold;
+ color: #f2f2f2 /*{d-bdown-color}*/;
+ text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 1px /*{d-bdown-shadow-radius}*/ #383838 /*{d-bdown-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #32A5CF /*{d-bdown-background-start}*/), to( #32A5CF /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #32A5CF /*{d-bdown-background-start}*/, #32A5CF /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #32A5CF /*{d-bdown-background-start}*/, #32A5CF /*{d-bdown-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #32A5CF /*{d-bdown-background-start}*/, #32A5CF /*{d-bdown-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #32A5CF /*{d-bdown-background-start}*/, #32A5CF /*{d-bdown-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #32A5CF /*{d-bdown-background-start}*/, #32A5CF /*{d-bdown-background-end}*/);
+}
+.ui-btn-down-d a.ui-link-inherit {
+ color: #f2f2f2 /*{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;
+}
+
+
+
+/* Structure */
+
+/* links within "buttons"
+-----------------------------------------------------------------------------------------------------------*/
+
+a.ui-link-inherit {
+ text-decoration: none !important;
+}
+
+
+/* Active class used as the "on" state across all themes
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-btn-active {
+ border: 1px solid #155678 /*{global-active-border}*/;
+ background: #387bbe /*{global-active-background-color}*/;
+ font-weight: bold;
+ color: #fff /*{global-active-color}*/;
+ cursor: pointer;
+ text-shadow: 0 /*{global-active-shadow-x}*/ -1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #145072 /*{global-active-shadow-color}*/;
+ text-decoration: none;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #85bae4 /*{global-active-background-start}*/), to( #5393c5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/);
+ font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
+}
+.ui-btn-active a.ui-link-inherit {
+ color: #fff /*{global-active-color}*/;
+}
+
+
+/* button inner top highlight
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-btn-inner {
+ border-top: 1px solid #fff;
+ border-color: rgba(255,255,255,.3);
+}
+
+
+/* corner rounding classes
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-corner-tl {
+ -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
+ -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
+ border-top-left-radius: .6em /*{global-radii-blocks}*/;
+}
+.ui-corner-tr {
+ -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
+ -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
+ border-top-right-radius: .6em /*{global-radii-blocks}*/;
+}
+.ui-corner-bl {
+ -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
+ -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
+ border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
+}
+.ui-corner-br {
+ -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
+ -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
+ border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
+}
+.ui-corner-top {
+ -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
+ -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
+ border-top-left-radius: .6em /*{global-radii-blocks}*/;
+ -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
+ -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
+ border-top-right-radius: .6em /*{global-radii-blocks}*/;
+}
+.ui-corner-bottom {
+ -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
+ -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
+ border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
+ -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
+ -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
+ border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
+ }
+.ui-corner-right {
+ -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
+ -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
+ border-top-right-radius: .6em /*{global-radii-blocks}*/;
+ -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
+ -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
+ border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
+}
+.ui-corner-left {
+ -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
+ -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
+ border-top-left-radius: .6em /*{global-radii-blocks}*/;
+ -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
+ -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
+ border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
+}
+.ui-corner-all {
+ -moz-border-radius: .6em /*{global-radii-blocks}*/;
+ -webkit-border-radius: .6em /*{global-radii-blocks}*/;
+ border-radius: .6em /*{global-radii-blocks}*/;
+}
+.ui-corner-none {
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+}
+
+/* Interaction cues
+-----------------------------------------------------------------------------------------------------------*/
+.ui-disabled {
+ opacity: .3;
+}
+.ui-disabled,
+.ui-disabled a {
+ 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;
+ -moz-border-radius: 9px;
+ -webkit-border-radius: 9px;
+ border-radius: 9px;
+}
+
+
+/* Alt icon color
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-icon-alt {
+ 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 (-webkit-min-device-pixel-ratio: 1.5),
+ only screen and (min--moz-device-pixel-ratio: 1.5),
+ 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,
+ .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
+ background-image: url(images/icons-36-white.png);
+ -moz-background-size: 776px 18px;
+ -o-background-size: 776px 18px;
+ -webkit-background-size: 776px 18px;
+ background-size: 776px 18px;
+ }
+ .ui-icon-alt {
+ background-image: url(images/icons-36-black.png);
+ }
+}
+
+/* plus minus */
+.ui-icon-plus {
+ background-position: -0 50%;
+}
+.ui-icon-minus {
+ background-position: -36px 50%;
+}
+
+/* delete/close */
+.ui-icon-delete {
+ background-position: -72px 50%;
+}
+
+/* arrows */
+.ui-icon-arrow-r {
+ background-position: -108px 50%;
+}
+.ui-icon-arrow-l {
+ background-position: -144px 50%;
+}
+.ui-icon-arrow-u {
+ background-position: -180px 50%;
+}
+.ui-icon-arrow-d {
+ background-position: -216px 50%;
+}
+
+/* misc */
+.ui-icon-check {
+ background-position: -252px 50%;
+}
+.ui-icon-gear {
+ background-position: -288px 50%;
+}
+.ui-icon-refresh {
+ background-position: -324px 50%;
+}
+.ui-icon-forward {
+ background-position: -360px 50%;
+}
+.ui-icon-back {
+ background-position: -396px 50%;
+}
+.ui-icon-grid {
+ background-position: -432px 50%;
+}
+.ui-icon-star {
+ background-position: -468px 50%;
+}
+.ui-icon-alert {
+ background-position: -504px 50%;
+}
+.ui-icon-info {
+ background-position: -540px 50%;
+}
+.ui-icon-home {
+ background-position: -576px 50%;
+}
+.ui-icon-search,
+.ui-icon-searchfield:after {
+ background-position: -612px 50%;
+}
+.ui-icon-checkbox-off {
+ background-position: -684px 50%;
+}
+.ui-icon-checkbox-on {
+ background-position: -648px 50%;
+}
+.ui-icon-radio-off {
+ background-position: -756px 50%;
+}
+.ui-icon-radio-on {
+ background-position: -720px 50%;
+}
+
+
+/* checks,radios */
+.ui-checkbox .ui-icon {
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+}
+.ui-icon-checkbox-off,
+.ui-icon-radio-off {
+ background-color: transparent;
+}
+.ui-checkbox-on .ui-icon,
+.ui-radio-on .ui-icon {
+ background-color: #387bbe /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
+}
+
+/* loading icon */
+.ui-icon-loading {
+ background-image: url(images/ajax-loader.png);
+ width: 40px;
+ height: 40px;
+ -moz-border-radius: 20px;
+ -webkit-border-radius: 20px;
+ border-radius: 20px;
+ background-size: 35px 35px;
+}
+
+
+/* Button corner classes
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-btn-corner-tl {
+ -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
+ -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
+ border-top-left-radius: 1em /*{global-radii-buttons}*/;
+}
+.ui-btn-corner-tr {
+ -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
+ -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
+ border-top-right-radius: 1em /*{global-radii-buttons}*/;
+}
+.ui-btn-corner-bl {
+ -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
+ -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
+ border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
+}
+.ui-btn-corner-br {
+ -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
+ -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
+ border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
+}
+.ui-btn-corner-top {
+ -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
+ -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
+ border-top-left-radius: 1em /*{global-radii-buttons}*/;
+ -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
+ -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
+ border-top-right-radius: 1em /*{global-radii-buttons}*/;
+}
+.ui-btn-corner-bottom {
+ -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
+ -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
+ border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
+ -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
+ -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
+ border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
+}
+.ui-btn-corner-right {
+ -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
+ -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
+ border-top-right-radius: 1em /*{global-radii-buttons}*/;
+ -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
+ -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
+ border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
+}
+.ui-btn-corner-left {
+ -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
+ -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
+ border-top-left-radius: 1em /*{global-radii-buttons}*/;
+ -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
+ -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
+ border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
+}
+.ui-btn-corner-all {
+ -moz-border-radius: 1em /*{global-radii-buttons}*/;
+ -webkit-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-br,
+.ui-corner-top,
+.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-br,
+.ui-btn-corner-top,
+.ui-btn-corner-bottom,
+.ui-btn-corner-right,
+.ui-btn-corner-left,
+.ui-btn-corner-all {
+ -webkit-background-clip: padding-box;
+ -moz-background-clip: padding;
+ background-clip: padding-box;
+}
+
+/* Overlay / modal
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-overlay {
+ background: #666;
+ opacity: .5;
+ filter: Alpha(Opacity=50);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+}
+.ui-overlay-shadow {
+ -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
+ -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
+ box-shadow: 0px 0px 12px rgba(0,0,0,.6);
+}
+.ui-shadow {
+ -moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
+ -webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
+ box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
+}
+.ui-bar-a .ui-shadow,
+.ui-bar-b .ui-shadow ,
+.ui-bar-c .ui-shadow {
+ -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
+ -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
+ box-shadow: 0px 1px 0 rgba(255,255,255,.3);
+}
+.ui-shadow-inset {
+ -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
+ -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
+ box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
+}
+.ui-icon-shadow {
+ -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
+ -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
+ box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
+}
+
+/* Focus state - set here for specificity
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-focus {
+ -moz-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
+ -webkit-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
+ box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
+}
+
+/* unset box shadow in browsers that don't do it right
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-mobile-nosupport-boxshadow * {
+ -moz-box-shadow: none !important;
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+}
+
+/* ...and bring back focus */
+.ui-mobile-nosupport-boxshadow .ui-focus {
+ outline-width: 2px;
+}
+
+ /* custom -- no corders */
+ .ui-btn-corner-all,
+ .ui-corner-all,
+ .ui-corner-top,
+ .ui-corner-bottom {
+ -moz-border-radius: 0 /*{global-radii-buttons}*/;
+ -webkit-border-radius: 0 /*{global-radii-buttons}*/;
+ border-radius: 0 /*{global-radii-buttons}*/;
+ -webkit-background-clip: none;
+ -moz-background-clip: none;
+ background-clip: none;
+ }
+
+}
+
+/*
+CSS fix for not being able to see top content or
+bottom content in fullscreen mode
+*/
+
+.ui-content .ui-listview-inset {
+ margin: 10px 0;
+}
+
+.ui-content .ui-listview:not(.ui-listview-inset) {
+ margin: 10px -15px;
+}
+
+.ui-content .ui-listview:first-child{
+ margin: -15px -15px 10px;
+}
+
+.ui-content .ui-listview:last-child{
+ margin: 10px -15px -15px;
+}
+
+.ui-content .ui-listview:first-child:last-child{
+ margin: -15px -15px -15px;
+}
+
+.ui-page-header-fullscreen .ui-content, .ui-page-footer-fullscreen .ui-content{
+ padding-left: 15px;
+ padding-right: 15px;
+}
+
+.ui-page-footer-fullscreen .ui-content{
+ padding-top: 10px;
+ padding-bottom: 50px;
+}
+
+.ui-page-header-fullscreen .ui-content{
+ padding-top: 50px;
+ padding-bottom:10px;
+}
+
+.ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content{
+ padding-bottom: 50px;
+}
+
+.ui-page-header-fullscreen .ui-content .ui-listview:not(.ui-listview-inset) {
+ margin: 10px -15px 10px;
+}
+