Use new LCD bar background on iPad.

diff --git a/PhotoExample.cydget/index.html b/PhotoExample.cydget/index.html
index fe772b5771e55a7e43705f60914d0d9b81775533..a1e87113586cae2f3433bf884363d773a280ddcf 100644 (file)
--- a/PhotoExample.cydget/index.html
+++ b/PhotoExample.cydget/index.html
@@ -32,7 +32,6 @@
 
     #lcd {
         background: url(cydget://_UIImageWithName/UILCDBackground.png);
-        height: 96px;
         width: 100%;
     }
 
@@ -52,6 +51,10 @@
     }
 
     @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
+        #lcd {
+            height: 96px;
+        }
+
         #lcd h1 {
             font-size: 65px;
             top: -6px;
@@ -64,6 +67,11 @@
     }
 
     @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
+        #lcd {
+            background: url(file:///System/Library/PrivateFrameworks/TelephonyUI.framework/BarLCD.png);
+            height: 96px;
+        }
+
         #lcd h1 {
             font-size: 69px;
             top: -8px;
@@ -77,6 +85,7 @@
 
     @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
         #lcd {
+            background: url(file:///System/Library/PrivateFrameworks/TelephonyUI.framework/BarLCD_T.png);
             height: 107px;
         }
 

diff --git a/Welcome.html b/Welcome.html
index c6f947f0375270308408ef54142faeb2f2ac9c19..1df4b5ad41df0bc06d84dce6b463c4ec713e9868 100644 (file)
--- a/Welcome.html
+++ b/Welcome.html
@@ -32,7 +32,6 @@
 
     #lcd {
         background: url(cydget://_UIImageWithName/UILCDBackground.png);
-        height: 96px;
         width: 100%;
     }
 
@@ -52,6 +51,10 @@
     }
 
     @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
+        #lcd {
+            height: 96px;
+        }
+
         #lcd h1 {
             font-size: 65px;
             top: -6px;
@@ -64,6 +67,11 @@
     }
 
     @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
+        #lcd {
+            background: url(file:///System/Library/PrivateFrameworks/TelephonyUI.framework/BarLCD.png);
+            height: 96px;
+        }
+
         #lcd h1 {
             font-size: 69px;
             top: -8px;
@@ -77,6 +85,7 @@
 
     @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
         #lcd {
+            background: url(file:///System/Library/PrivateFrameworks/TelephonyUI.framework/BarLCD_T.png);
             height: 107px;
         }