Support iPad-oriented LCD bars.

[cydget.git] / Welcome.html

diff --git a/Welcome.html b/Welcome.html
index c637a230ab19b62db7bf2fa5973209af1d02a371..c6f947f0375270308408ef54142faeb2f2ac9c19 100644 (file)
--- a/Welcome.html
+++ b/Welcome.html
@@ -33,27 +33,62 @@
     #lcd {
         background: url(cydget://_UIImageWithName/UILCDBackground.png);
         height: 96px;
-        width: 320px;
+        width: 100%;
     }
 
     #lcd h1 {
         font-family: "LockClock-Light";
-        font-size: 65px;
-        left: 1px;
+        padding: 0px 0px 0px 1px;
         position: relative;
         text-align: center;
         text-shadow: -0.5px -1px 1px black;
-        top: -6px;
-        width: 319px;
     }
 
     #lcd h2 {
         font-family: "Helvetica";
-        font-size: 17px;
         position: relative;
         text-align: center;
         text-shadow: -0.5px -1px 1px black;
-        top: -16px;
+    }
+
+    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
+        #lcd h1 {
+            font-size: 65px;
+            top: -6px;
+        }
+
+        #lcd h2 {
+            font-size: 17px;
+            top: -16px;
+        }
+    }
+
+    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
+        #lcd h1 {
+            font-size: 69px;
+            top: -8px;
+        }
+
+        #lcd h2 {
+            font-size: 16px;
+            top: -18px;
+        }
+    }
+
+    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
+        #lcd {
+            height: 107px;
+        }
+
+        #lcd h1 {
+            font-size: 69px;
+            top: -1px;
+        }
+
+        #lcd h2 {
+            font-size: 16px;
+            top: -8px;
+        }
     }
 
     #content {