edited windows mobile theme

Signed-off-by: Jonathan Fielding <j.fielding@me.com>
jonathan-fielding · Mar 28, 2012 · 0f80bf7 · 0f80bf7
1 parent 5bcba40
commit 0f80bf7
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 10 deletions.
diff --git a/modules/sample/index.html b/modules/sample/index.html
@@ -56,10 +56,10 @@ <h2>List item 2</h2>
 		<div data-role="footer" data-position="fixed" data-fullscreen="true">
 			<div data-role="navbar">
 				<ul>
+					<li><a href="index.html" data-icon="search" class="ui-btn-active ui-state-persist">Search</a></li>
+					<li><a href="index.html" data-icon="search" class="ui-btn-active ui-state-persist">Search</a></li>
 					<li><a href="index.html" data-icon="search" class="ui-btn-active ui-state-persist">Search</a></li>
 					<li><a href="fav.html" id="favorites"  data-icon="custom">Favorites</a></li>
-					<li><a href="basket.html" id="basket"  data-icon="custom">Basket</a></li>
-					<li><a href="more.html" id="more"  data-icon="custom">More</a></li>
 				</ul>
 			</div><!-- /navbar -->
 		</div>

diff --git a/themes/WindowsMob/style.css b/themes/WindowsMob/style.css
@@ -56,6 +56,18 @@ body {
     body .ui-footer .ui-navbar ul li {
       width: 40px;
       display: inline-block; }
+    body .ui-footer .ui-navbar ul.ui-grid-a {
+      width: 80px;
+      margin: 0 auto; }
+    body .ui-footer .ui-navbar ul.ui-grid-b {
+      width: 120px;
+      margin: 0 auto; }
+    body .ui-footer .ui-navbar ul.ui-grid-c {
+      width: 160px;
+      margin: 0 auto; }
+    body .ui-footer .ui-navbar ul.ui-grid-d {
+      width: 200px;
+      margin: 0 auto; }
   body .ui-header h1.ui-title {
     text-align: left;
     margin: 10px 15px 0px;
@@ -68,9 +80,6 @@ body {
     font: normal 2em "SegoeWP", Arial, Helvetica, Geneva, sans-serif!important; }
   body .ui-page-header-fullscreen .ui-content {
     padding-top: 82px; }
-  body .ui-footer .ui-navbar ul {
-    width: 160px;
-    margin: 0 auto; }
   body .ui-btn-icon-top .ui-icon, body .ui-btn-icon-bottom .ui-icon {
     border: 1px solid #fff; }
   body .ui-footer .ui-navbar .ui-btn-text {

diff --git a/themes/WindowsMob/style.scss b/themes/WindowsMob/style.scss
@@ -21,6 +21,27 @@ body {
 		width:40px;
 		display:inline-block;
 	}
+
+	.ui-navbar ul.ui-grid-a{
+		width: 80px;
+		margin:0 auto;
+	}
+
+	.ui-navbar ul.ui-grid-b{
+		width: 120px;
+		margin:0 auto;
+	}
+
+	.ui-navbar ul.ui-grid-c{
+		width: 160px;
+		margin:0 auto;
+	}
+
+	.ui-navbar ul.ui-grid-d{
+		width: 200px;
+		margin:0 auto;
+	}
+
 }
 
 .ui-header h1.ui-title{
@@ -41,11 +62,6 @@ body {
 	padding-top: 82px;
 }
 
-.ui-footer .ui-navbar ul{
-	width: 160px;
-	margin:0 auto;
-}
-
 .ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon {
 	border: 1px solid #fff;
 }