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/12 23:14:33 UTC
[6/9] git commit: [app] Update CSS comments.
[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 <mi...@michaelbrooks.ca>
Authored: Sun Aug 12 13:40:32 2012 -0700
Committer: Michael Brooks <mi...@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 */
}
}