[app] Use <img> for legacy device support.
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/2c2c8674 Tree: http://git-wip-us.apache.org/repos/asf/incubator-cordova-app-hello-world/tree/2c2c8674 Diff: http://git-wip-us.apache.org/repos/asf/incubator-cordova-app-hello-world/diff/2c2c8674 Branch: refs/heads/master Commit: 2c2c867440e905a648f4c3f95fb5a81984830e63 Parents: a01373f Author: Michael Brooks <mich...@michaelbrooks.ca> Authored: Sun Jul 15 10:45:52 2012 -0700 Committer: Michael Brooks <mich...@michaelbrooks.ca> Committed: Sun Jul 15 10:45:52 2012 -0700 ---------------------------------------------------------------------- www/css/index.css | 24 ++++++++++++++++-------- www/index.html | 2 +- 2 files changed, 17 insertions(+), 9 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-cordova-app-hello-world/blob/2c2c8674/www/css/index.css ---------------------------------------------------------------------- diff --git a/www/css/index.css b/www/css/index.css index 1f5c6a1..b0e0730 100644 --- a/www/css/index.css +++ b/www/css/index.css @@ -1,6 +1,12 @@ html, body { height:100%; + font-size:16px; + width:100%; +} + +html { + display:table; } body { @@ -16,6 +22,8 @@ body { color-stop(0, #A7A7A7), color-stop(0.51, #E4E4E4) ); + display:table-cell; + vertical-align:middle; } body, @@ -26,13 +34,11 @@ h1 { text-transform:uppercase; } -.logo { - background:url(../img/cordova.png) center center no-repeat; - background-size:contain; - height:500px; +img { + display:block; margin:0px auto; - margin-bottom:-50px; - width:426px; + margin-bottom:-20px; + width:400px; max-width:100%; } @@ -49,11 +55,13 @@ h1 { border-radius:4px; color:#FFFFFF; display:block; - font-size:0.8em; + font-size:1em; margin:5px auto; + margin-top:10px; padding:2px 4px; text-align:center; - width:200px; + width:225px; + max-width:225px; } .status.complete { http://git-wip-us.apache.org/repos/asf/incubator-cordova-app-hello-world/blob/2c2c8674/www/index.html ---------------------------------------------------------------------- diff --git a/www/index.html b/www/index.html index 6e035b1..34b3806 100644 --- a/www/index.html +++ b/www/index.html @@ -8,7 +8,7 @@ <title>Hello Cordova</title> </head> <body> - <div class="logo"></div> + <img src="img/cordova.png" /> <h1>Apache Cordovaâ¢</h1> <div id="deviceready"> <p class="status pending blink">Connecting to Device</p>
