Permalink
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...
1 parent d894f71 commit ab43ebaf561f59b38172fa97e58812e85e25f96c @jonathan-fielding committed Mar 21, 2012
View
@@ -0,0 +1 @@
+.DS_Store
@@ -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;
+}
@@ -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();
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>
@@ -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">
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();
});
@@ -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;
-}
Oops, something went wrong.

0 comments on commit ab43eba

Please sign in to comment.