diff options
| author | Nivesh Rajbhandari | 2012-05-14 14:38:35 -0700 |
|---|---|---|
| committer | Nivesh Rajbhandari | 2012-05-14 14:38:35 -0700 |
| commit | cfd3a44bb7aba54c15fab59eff39ecdffcb7ac11 (patch) | |
| tree | 80d0309d3e1b8ceae7ced1c327d1060b162d85e1 /js/document/templates/banner | |
| parent | 8c014c75b7f7ac7cf854af6d2cc2f8d330335858 (diff) | |
| download | ninja-cfd3a44bb7aba54c15fab59eff39ecdffcb7ac11.tar.gz | |
Viewport for banner templates so content doesn't push through "body".
Signed-off-by: Nivesh Rajbhandari <mqg734@motorola.com>
Diffstat (limited to 'js/document/templates/banner')
| -rwxr-xr-x | js/document/templates/banner/index.html | 19 |
1 files changed, 17 insertions, 2 deletions
diff --git a/js/document/templates/banner/index.html b/js/document/templates/banner/index.html index 9da6699b..7b29c038 100755 --- a/js/document/templates/banner/index.html +++ b/js/document/templates/banner/index.html | |||
| @@ -50,6 +50,18 @@ | |||
| 50 | .nj-preset-transition { | 50 | .nj-preset-transition { |
| 51 | -webkit-transition: all 450ms linear !important; | 51 | -webkit-transition: all 450ms linear !important; |
| 52 | } | 52 | } |
| 53 | |||
| 54 | ninja-viewport { | ||
| 55 | display: block; | ||
| 56 | margin: 0; | ||
| 57 | padding: 0; | ||
| 58 | border: 0; | ||
| 59 | position: absolute; | ||
| 60 | overflow: visible; | ||
| 61 | top: 0; | ||
| 62 | left: 0; | ||
| 63 | background: #FFF; | ||
| 64 | } | ||
| 53 | 65 | ||
| 54 | ninja-banner { | 66 | ninja-banner { |
| 55 | display: block; | 67 | display: block; |
| @@ -60,7 +72,7 @@ | |||
| 60 | overflow: visible; | 72 | overflow: visible; |
| 61 | top: 0; | 73 | top: 0; |
| 62 | left: 0; | 74 | left: 0; |
| 63 | background: #FFF; | 75 | background: transparent; |
| 64 | -webkit-transform-style: preserve-3d; | 76 | -webkit-transform-style: preserve-3d; |
| 65 | -webkit-transform: perspective(1400) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); | 77 | -webkit-transform: perspective(1400) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); |
| 66 | 78 | ||
| @@ -89,7 +101,10 @@ | |||
| 89 | 101 | ||
| 90 | <body> | 102 | <body> |
| 91 | <ninjaloadinghack></ninjaloadinghack> | 103 | <ninjaloadinghack></ninjaloadinghack> |
| 92 | <ninja-banner></ninja-banner> | 104 | <ninja-viewport> |
| 105 | <!--TODO - rename--> | ||
| 106 | <ninja-banner></ninja-banner> | ||
| 107 | </ninja-viewport> | ||
| 93 | </body> | 108 | </body> |
| 94 | 109 | ||
| 95 | </html> \ No newline at end of file | 110 | </html> \ No newline at end of file |