Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

more work on themes

Signed-off-by: Jonathan Fielding <j.fielding@me.com>
  • Loading branch information...
commit c6ce5715e8e4b3612e6594537b8a3a38c8d54cd8 1 parent 9aaaf2a
Jonathan Fielding authored
2  modules/sample/index.html
@@ -8,7 +8,7 @@
8 8 <body>
9 9 <div data-role="page" data-module="sample">
10 10
11   - <div data-role="header">
  11 + <div data-role="header" data-position="fixed" data-fullscreen="true">
12 12 <h1>Sample page</h1>
13 13 </div><!-- /header -->
14 14
30 themes/AppBoilerplate/style.css
@@ -3,6 +3,26 @@ CSS fix for not being able to see top content or
3 3 bottom content in fullscreen mode
4 4 */
5 5
  6 +.ui-content .ui-listview-inset {
  7 + margin: 10px 0;
  8 +}
  9 +
  10 +.ui-content .ui-listview:not(.ui-listview-inset) {
  11 + margin: 10px -15px;
  12 +}
  13 +
  14 +.ui-content .ui-listview:first-child{
  15 + margin: -15px -15px 10px;
  16 +}
  17 +
  18 +.ui-content .ui-listview:last-child{
  19 + margin: 10px -15px -15px;
  20 +}
  21 +
  22 +.ui-content .ui-listview:first-child:last-child{
  23 + margin: -15px -15px -15px;
  24 +}
  25 +
6 26 .ui-page-header-fullscreen .ui-content, .ui-page-footer-fullscreen .ui-content{
7 27 padding-left: 15px;
8 28 padding-right: 15px;
@@ -17,7 +37,7 @@ bottom content in fullscreen mode
17 37 padding-top: 50px;
18 38 }
19 39
20   -.ui-page-header-fullscreen .ui-content .ui-listview {
  40 +.ui-page-header-fullscreen .ui-content .ui-listview:not(.ui-listview-inset) {
21 41 margin: 10px -15px 10px;
22 42 }
23 43
@@ -25,7 +45,7 @@ bottom content in fullscreen mode
25 45 margin: -15px -15px -15px;
26 46 }
27 47
28   -.ui-page-footer-fullscreen .ui-content .ui-listview {
  48 +.ui-page-footer-fullscreen .ui-content .ui-listview:not(.ui-listview-inset) {
29 49 margin: 10px -15px 0px;
30 50 }
31 51
@@ -38,10 +58,10 @@ bottom content in fullscreen mode
38 58 }
39 59
40 60 .ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content{
41   - padding-top: 0px;
  61 +/* padding-top: 0px;*/
42 62 }
43 63
44   -.ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content .ui-listview {
  64 +.ui-page-footer-fullscreen.ui-page-header-fullscreen .ui-content .ui-listview:not(.ui-listview-inset) {
45 65 margin: 10px -15px;
46 66 }
47 67
@@ -53,6 +73,6 @@ bottom content in fullscreen mode
53 73 margin: -15px -15px -9px;
54 74 }
55 75
56   -.ui-page-footer-fullscreen .ui-content a[data-role=button]{
  76 +.ui-content a[data-role=button]:last-child{
57 77 margin-bottom: 0px;
58 78 }

0 comments on commit c6ce571

Please sign in to comment.
Something went wrong with that request. Please try again.