Permalink
Browse files

more work on themes

Signed-off-by: Jonathan Fielding <j.fielding@me.com>
  • Loading branch information...
1 parent 9aaaf2a commit c6ce5715e8e4b3612e6594537b8a3a38c8d54cd8 @jonathan-fielding committed Mar 10, 2012
Showing with 26 additions and 6 deletions.
  1. +1 −1 modules/sample/index.html
  2. +25 −5 themes/AppBoilerplate/style.css
View
2 modules/sample/index.html
@@ -8,7 +8,7 @@
<body>
<div data-role="page" data-module="sample">
- <div data-role="header">
+ <div data-role="header" data-position="fixed" data-fullscreen="true">
<h1>Sample page</h1>
</div><!-- /header -->
View
30 themes/AppBoilerplate/style.css
@@ -3,6 +3,26 @@ 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;
@@ -17,15 +37,15 @@ bottom content in fullscreen mode
padding-top: 50px;
}
-.ui-page-header-fullscreen .ui-content .ui-listview {
+.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 {
+.ui-page-footer-fullscreen .ui-content .ui-listview:not(.ui-listview-inset) {
margin: 10px -15px 0px;
}
@@ -38,10 +58,10 @@ bottom content in fullscreen mode
}
.ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content{
- padding-top: 0px;
+/* padding-top: 0px;*/
}
-.ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content .ui-listview {
+.ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content .ui-listview:not(.ui-listview-inset) {
margin: 10px -15px;
}
@@ -53,6 +73,6 @@ bottom content in fullscreen mode
margin: -15px -15px -9px;
}
-.ui-page-footer-fullscreen .ui-content a[data-role=button]{
+.ui-content a[data-role=button]:last-child{
margin-bottom: 0px;
}

0 comments on commit c6ce571

Please sign in to comment.