You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cordova.apache.org by mw...@apache.org on 2012/08/01 18:39:08 UTC
[16/48] git commit: [app] Update media query to target smaller
devices.
[app] Update media query to target smaller devices.
Project: http://git-wip-us.apache.org/repos/asf/incubator-cordova-app-hello-world/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-cordova-app-hello-world/commit/142863c7
Tree: http://git-wip-us.apache.org/repos/asf/incubator-cordova-app-hello-world/tree/142863c7
Diff: http://git-wip-us.apache.org/repos/asf/incubator-cordova-app-hello-world/diff/142863c7
Branch: refs/heads/master
Commit: 142863c7f85487f1e1ca4ba0469eb3a5e9cb4820
Parents: c52a970
Author: Michael Brooks <mi...@michaelbrooks.ca>
Authored: Wed Jul 18 08:12:56 2012 -0700
Committer: Michael Brooks <mi...@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-app-hello-world/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 */
}
}
-