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
[24/48] git commit: [app] Use for legacy device support.
[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 <mi...@michaelbrooks.ca>
Authored: Sun Jul 15 10:45:52 2012 -0700
Committer: Michael Brooks <mi...@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>