Return-Path: 
 <callback-commits-return-4210-apmail-incubator-callback-commits-archive=incubator.apache.org@incubator.apache.org>
X-Original-To: apmail-incubator-callback-commits-archive@minotaur.apache.org
Delivered-To: apmail-incubator-callback-commits-archive@minotaur.apache.org
Received: from mail.apache.org (hermes.apache.org [140.211.11.3])
	by minotaur.apache.org (Postfix) with SMTP id AA1A8DEF2
	for <apmail-incubator-callback-commits-archive@minotaur.apache.org>;
 Tue, 17 Jul 2012 05:06:41 +0000 (UTC)
Received: (qmail 78949 invoked by uid 500); 17 Jul 2012 05:06:41 -0000
Delivered-To: apmail-incubator-callback-commits-archive@incubator.apache.org
Received: (qmail 78908 invoked by uid 500); 17 Jul 2012 05:06:41 -0000
Mailing-List: contact callback-commits-help@incubator.apache.org; run by ezmlm
Precedence: bulk
List-Help: <mailto:callback-commits-help@incubator.apache.org>
List-Unsubscribe: <mailto:callback-commits-unsubscribe@incubator.apache.org>
List-Post: <mailto:callback-commits@incubator.apache.org>
List-Id: <callback-commits.incubator.apache.org>
Reply-To: callback-dev@incubator.apache.org
Delivered-To: mailing list callback-commits@incubator.apache.org
Received: (qmail 78384 invoked by uid 99); 17 Jul 2012 05:06:36 -0000
Received: from tyr.zones.apache.org (HELO tyr.zones.apache.org)
 (140.211.11.114)
    by apache.org (qpsmtpd/0.29) with ESMTP; Tue, 17 Jul 2012 05:06:36 +0000
Received: by tyr.zones.apache.org (Postfix, from userid 65534)
	id 31ACF14C60; Tue, 17 Jul 2012 05:06:36 +0000 (UTC)
Content-Type: text/plain; charset="us-ascii"
MIME-Version: 1.0
Content-Transfer-Encoding: 8bit
From: mwbrooks@apache.org
To: callback-commits@incubator.apache.org
X-Mailer: ASF-Git Admin Mailer
Subject: [2/10] git commit: [app] Refactor CSS to be more robust.
Message-Id: <20120717050636.31ACF14C60@tyr.zones.apache.org>
Date: Tue, 17 Jul 2012 05:06:36 +0000 (UTC)

[app] Refactor CSS to be more robust.


Project: http://git-wip-us.apache.org/repos/asf/incubator-cordova-labs/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-cordova-labs/commit/491cd99c
Tree: http://git-wip-us.apache.org/repos/asf/incubator-cordova-labs/tree/491cd99c
Diff: http://git-wip-us.apache.org/repos/asf/incubator-cordova-labs/diff/491cd99c

Branch: refs/heads/hello-cordova
Commit: 491cd99cb15a716b07bb4af3b15c71f159d5bb75
Parents: 98613df
Author: Michael Brooks <michael@michaelbrooks.ca>
Authored: Mon Jul 16 21:54:00 2012 -0700
Committer: Michael Brooks <michael@michaelbrooks.ca>
Committed: Mon Jul 16 21:54:00 2012 -0700

----------------------------------------------------------------------
 www/css/index.css |   32 +++++++++++++-------------------
 www/index.html    |   10 ++++++----
 2 files changed, 19 insertions(+), 23 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-cordova-labs/blob/491cd99c/www/css/index.css
----------------------------------------------------------------------
diff --git a/www/css/index.css b/www/css/index.css
index c18533d..7a441b3 100644
--- a/www/css/index.css
+++ b/www/css/index.css
@@ -26,14 +26,21 @@ body {
     vertical-align:middle;
 }
 
-h1 {
+.app {
     background-image:url(../img/cordova-small.png);
     background-repeat:no-repeat;
+    margin:0px auto;
+    padding-left:210px;
+    width:275px;
+}
+
+h1 {
     font-size:2em;
     font-weight:300;
     margin:0px;
     overflow:visible;
     padding:0px;
+    text-align:center;
 }
 
 .status {
@@ -69,32 +76,19 @@ h1 {
 
 /* portrait */
 @media screen and (max-aspect-ratio: 1/1) {
-    h1 {
+    .app {
         background-position:center top;
+        height:100px; /* adds enough room for text */
         padding:225px 0px 0px 0px;
-        text-align:center;
     }
 }
 
 /* lanscape */
 @media screen and (min-aspect-ratio: 1/1) {
-    h1,
-    div {
-        padding-left:220px;
-    }
-
-    h1 {
+    .app {
         background-position:left center;
-        margin-bottom:-100px;
-        margin-top:-100px;
-        padding-top:100px;
-        padding-bottom:100px;
-        text-align:left;
-    }
-
-    .status {
-        margin-left:0px;
-        margin-right:0px;
+        height:165px;     /* height + padding = background image size */
+        padding-top:80px;
     }
 }
 

http://git-wip-us.apache.org/repos/asf/incubator-cordova-labs/blob/491cd99c/www/index.html
----------------------------------------------------------------------
diff --git a/www/index.html b/www/index.html
index ea56d76..05d6472 100644
--- a/www/index.html
+++ b/www/index.html
@@ -8,10 +8,12 @@
         <title>Hello Cordova</title>
     </head>
     <body>
-        <h1>Apache Cordova™</h1>
-        <div id="deviceready">
-            <p class="status pending blink">Connecting to Device</p>
-            <p class="status complete blink hide">Device is Ready</p>
+        <div class="app">
+            <h1>Apache Cordova™</h1>
+            <div id="deviceready">
+                <p class="status pending blink">Connecting to Device</p>
+                <p class="status complete blink hide">Device is Ready</p>
+            </div>
         </div>
 
         <script type="text/javascript" src="js/index.js"></script>