From 4d06ea5b5e84c0e5357509f3b8da8dc6b435f432 Mon Sep 17 00:00:00 2001 From: Tait Brown Date: Sun, 24 Jun 2012 18:36:54 +1000 Subject: [PATCH] Added licensing + fixed layout quirks + iOS 5.0 support --- README.md | 2 ++ index.html | 20 ++++++++++++-------- ios_inspired/styles.css | 14 +++++++++++--- 3 files changed, 25 insertions(+), 11 deletions(-) diff --git a/README.md b/README.md index 91d4847..9968a0b 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,6 @@ iOS-Inspired Theme for jQuery Mobile ====== +Distributed under the [MIT License](http://en.wikipedia.org/wiki/MIT_License). + [View Demo](http://taitems.github.com/iOS-Inspired-jQuery-Mobile-Theme/) \ No newline at end of file diff --git a/index.html b/index.html index 56bf94b..72174cf 100644 --- a/index.html +++ b/index.html @@ -8,24 +8,28 @@ - + +
-
+

Page Header

@@ -52,7 +56,7 @@

Page Header

-
+

Form Elements

Back
@@ -115,7 +119,7 @@

Form Elements

-
+

List Example

Back
@@ -156,7 +160,7 @@

List Example

-
+

Headers

Back @@ -188,7 +192,7 @@

Black Bar

-
+

Header Buttons

Back
@@ -278,7 +282,7 @@

Page Title

-
+

Dialogs

Back
@@ -297,7 +301,7 @@

Dialogs

-
+

Footer Tabs

Back
diff --git a/ios_inspired/styles.css b/ios_inspired/styles.css index 048ca6d..3878a11 100755 --- a/ios_inspired/styles.css +++ b/ios_inspired/styles.css @@ -13,8 +13,11 @@ /* === HEADER BARS - DEFAULT AND BLACK === */ .ui-header { - border-top: 1px solid #000; - border-bottom: 1px solid transparent !important; + border: 0 none; + padding: 1px 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset, 0 -1px 0 rgba(0,0,0,0.6) inset; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset, 0 -1px 0 rgba(0,0,0,0.6) inset; box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset, 0 -1px 0 rgba(0,0,0,0.6) inset; @@ -498,6 +501,7 @@ input.ui-input-text, .ui-input-search { /* === CUSTOM HEADER BUTTONS === */ .ui-header .ui-btn { border-color: #375074; + top: 6px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; @@ -532,6 +536,10 @@ input.ui-input-text, .ui-input-search { background: linear-gradient(top, #6a6a6a 0%,#313131 49%,#000000 50%,#000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a6a6a', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ } +.ui-header .ui-btn-up-b .ui-btn-text, .ui-header .ui-btn-hover-b .ui-btn-text { + color: #FFF; + text-shadow: 0 -1px 0 rgba(0,0,0,0.5); +} .ui-header .ui-btn-up-c, .ui-header .ui-btn-hover-c { border-color: #451c1b; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.36), 0 1px 0 rgba(0,0,0,0.25) inset !important; @@ -600,7 +608,7 @@ input.ui-input-text, .ui-input-search { font-size: 10px; text-shadow: 0 none; } -.ui-footer .ui-icon { +.ui-footer .ui-icon-custom.ui-icon { width: 32px; height: 32px; margin-left: -16px;