aboutsummaryrefslogtreecommitdiff
path: root/js/document/templates/banner
diff options
context:
space:
mode:
authorNivesh Rajbhandari2012-05-14 14:38:35 -0700
committerNivesh Rajbhandari2012-05-14 14:38:35 -0700
commitcfd3a44bb7aba54c15fab59eff39ecdffcb7ac11 (patch)
tree80d0309d3e1b8ceae7ced1c327d1060b162d85e1 /js/document/templates/banner
parent8c014c75b7f7ac7cf854af6d2cc2f8d330335858 (diff)
downloadninja-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-xjs/document/templates/banner/index.html19
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