[app] Update CSS comments.
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/41218d49 Tree: http://git-wip-us.apache.org/repos/asf/incubator-cordova-app-hello-world/tree/41218d49 Diff: http://git-wip-us.apache.org/repos/asf/incubator-cordova-app-hello-world/diff/41218d49 Branch: refs/heads/master Commit: 41218d49d0e9170956d680f07f513936aaf2c914 Parents: dbb0e18 Author: Michael Brooks <mich...@michaelbrooks.ca> Authored: Sun Aug 12 13:40:32 2012 -0700 Committer: Michael Brooks <mich...@michaelbrooks.ca> Committed: Sun Aug 12 13:40:32 2012 -0700 ---------------------------------------------------------------------- www/css/index.css | 20 ++++++++++---------- 1 files changed, 10 insertions(+), 10 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-cordova-app-hello-world/blob/41218d49/www/css/index.css ---------------------------------------------------------------------- diff --git a/www/css/index.css b/www/css/index.css index de60f05..1162d00 100644 --- a/www/css/index.css +++ b/www/css/index.css @@ -43,23 +43,23 @@ body { /* portrait layout for the app (default) */ .app { background:url(../img/cordova.png) no-repeat; - position: absolute; - left: 50%; /* center container text */ - top: 50%; - margin: -120px 0 0 -110px; /* shifts container to top left by half its width and height */ + position:absolute; + left:50%; + top:50%; + margin:-120px 0 0 -110px; /* shift container to top-left by half its width and height */ background-position:center top; - height:100px; /* adds enough room for text */ - padding:180px 0px 0px 0px; /* background height - shadow offset */ + height:100px; /* add enough room for text */ + padding:180px 0px 0px 0px; /* background-image height - image's shadow */ } /* lanscape layout for the app (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 */ - padding-left:170px; /* background width */ - padding-top:60px; /* center the text */ - margin: -90px 0 0 -200px; /* shifts container to top left by half its width and height */ + height:140px; /* height + padding = background image size */ + padding-left:170px; /* background width */ + padding-top:60px; /* vertically center the text to background image */ + margin:-90px 0 0 -200px; /* shift container to top left by half its width and height */ } }
