incubator-callback-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From mwbro...@apache.org
Subject [3/6] git commit: [app] Update media query to target smaller devices.
Date Wed, 18 Jul 2012 16:03:06 GMT
[app] Update media query to target smaller devices.


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/142863c7
Tree: http://git-wip-us.apache.org/repos/asf/incubator-cordova-labs/tree/142863c7
Diff: http://git-wip-us.apache.org/repos/asf/incubator-cordova-labs/diff/142863c7

Branch: refs/heads/hello-cordova
Commit: 142863c7f85487f1e1ca4ba0469eb3a5e9cb4820
Parents: c52a970
Author: Michael Brooks <michael@michaelbrooks.ca>
Authored: Wed Jul 18 08:12:56 2012 -0700
Committer: Michael Brooks <michael@michaelbrooks.ca>
Committed: Wed Jul 18 08:12:56 2012 -0700

----------------------------------------------------------------------
 www/css/index.css |   16 +++++++---------
 1 files changed, 7 insertions(+), 9 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-cordova-labs/blob/142863c7/www/css/index.css
----------------------------------------------------------------------
diff --git a/www/css/index.css b/www/css/index.css
index d1f8210..5228eb4 100644
--- a/www/css/index.css
+++ b/www/css/index.css
@@ -82,16 +82,15 @@ h1 {
 }
 
 /* portrait */
-@media screen and (max-aspect-ratio: 1/1) {
-    .app {
-        background-position:center top;
-        height:100px;              /* adds enough room for text */
-        padding:180px 0px 0px 0px; /* background height - shadow offset */
-    }
+/* @media screen and (max-aspect-ratio: 1/1) */
+.app {
+    background-position:center top;
+    height:100px;              /* adds enough room for text */
+    padding:180px 0px 0px 0px; /* background height - shadow offset */
 }
 
-/* lanscape */
-@media screen and (min-aspect-ratio: 1/1) {
+/* lanscape (when wide enough) */
+@media screen and (min-aspect-ratio: 1/1) and (min-width:445px) {
     .app {
         background-position:left center;
         height:140px;       /* height + padding = background image size */
@@ -99,4 +98,3 @@ h1 {
         padding-top:60px;   /* center the text */
     }
 }
-


Mime
View raw message