Merge branch 'dom-architecture' of github.com:Motorola-Mobility/ninja-internal into CSSPanelUpdates

Conflicts: js/document/templates/montage-html/default_html.css js/lib/NJUtils.js
author: Eric Guzman 2012-05-17 17:43:05 -0700
committer: Eric Guzman 2012-05-17 17:43:05 -0700
commit: 458a4598ed64e3d8c6010a216fb7fb4b3c3c87e7 (patch)
tree: ee329e409fe28ae54c894b9e27e82e1f85aefc85 /js/document/templates/banner
parent: 82954f400f7f8609aef0d2bc1f44c9d960907be6 (diff)
parent: 52394cdd71bd62c8c109fd135fa146b7183fbd1f (diff)
download: ninja-458a4598ed64e3d8c6010a216fb7fb4b3c3c87e7.tar.gz
1 files changed, 108 insertions, 0 deletions
diff --git a/js/document/templates/banner/index.html b/js/document/templates/banner/index.html
new file mode 100755
index 00000000..f1ee3d98
--- /dev/null
+++ b/js/document/templates/banner/index.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<!-- <copyright>
+ This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+ (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+ </copyright> -->
+ 
+ 
+<!-- 
+        NOTE(s):
+        All elements in the head of the document to be exclude from I/O
+        must set the 'data-ninja-template'
+        data-ninja-template="true"
+-->
+<html>
+        <head>
+        
+        <style type="text/css" id="nj-stage-stylesheet" data-ninja-template="true">
+                * {
+                        -webkit-transition-duration: 0s !important;
+                        -webkit-animation-duration: 0s !important;
+                        -webkit-animation-name: none !important;
+                        }
+                        
+                        body {
+                                margin: 0;
+                        padding: 0;
+                                position: absolute;
+                        }
+            html {
+                overflow: scroll;
+            }
+            html, body {
+                width: 100%;
+                height: 100%;
+                background: #666;
+            }
+                        .active-element-outline {
+                        outline: #adff2f solid 2px;
+                        }
+                        .nj-preset-transition {
+                                -webkit-transition: all 450ms linear !important;
+                        }
+                        
+                        ninjaloadinghack {
+                                display: none;
+                        }
+                        
+                        ninja-viewport, ninja-content {
+                                display: block;
+                margin: 0;
+                padding: 0;
+                border: 0;
+                position: absolute;
+                overflow: visible;
+                top: 0;
+                left: 0;
+                background: transparent;
+                        }
+                        
+                        ninja-viewport {
+                background: #FFF;
+                }
+                        
+                        ninja-content {
+                -webkit-transform-style: preserve-3d;
+                -webkit-transform: perspective(1400) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+                        }
+        </style>
+        
+        <script type="text/javascript" data-ninja-template="true">
+                function getElement(x,y) {
+                return document.elementFromPoint(x,y);
+                }
+        </script>
+        
+        <!-- TODO: Determine if loading Montage is always needed or if it could be done author-time or on file open -->
+    
+        <script type="text/javascript" data-package="../app" src="../../../../node_modules/montage/montage.js" data-ninja-template="true"></script>
+        <script type="text/montage-serialization" data-ninja-template="true">
+        {
+            "owner": {
+                "prototype": "main"
+            }
+        }
+        </script>
+        </head>
+        <body>
+                
+                <ninjaloadinghack></ninjaloadinghack>
+        
+        <ninja-viewport>
+                    
+                    <ninja-content></ninja-content>
+                    
+        </ninja-viewport>
+        
+        </body>
+</html>
+\ No newline at end of file
author	Eric Guzman	2012-05-17 17:43:05 -0700
committer	Eric Guzman	2012-05-17 17:43:05 -0700
commit	458a4598ed64e3d8c6010a216fb7fb4b3c3c87e7 (patch)
tree	ee329e409fe28ae54c894b9e27e82e1f85aefc85 /js/document/templates/banner
parent	82954f400f7f8609aef0d2bc1f44c9d960907be6 (diff)
parent	52394cdd71bd62c8c109fd135fa146b7183fbd1f (diff)
download	ninja-458a4598ed64e3d8c6010a216fb7fb4b3c3c87e7.tar.gz

diff --git a/js/document/templates/banner/index.html b/js/document/templates/banner/index.html new file mode 100755 index 00000000..f1ee3d98 --- /dev/null +++ b/js/document/templates/banner/index.html
@@ -0,0 +1,108 @@
	1	<!DOCTYPE html>
	2	<!-- <copyright>
	3	This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
	4	No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
	5	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
	6	</copyright> -->
	7
	8
	9	<!--
	10	NOTE(s):
	11	All elements in the head of the document to be exclude from I/O
	12	must set the 'data-ninja-template'
	13	data-ninja-template="true"
	14	-->
	15	<html>
	16
	17	<head>
	18
	19	<style type="text/css" id="nj-stage-stylesheet" data-ninja-template="true">
	20	* {
	21	-webkit-transition-duration: 0s !important;
	22	-webkit-animation-duration: 0s !important;
	23	-webkit-animation-name: none !important;
	24	}
	25
	26	body {
	27	margin: 0;
	28	padding: 0;
	29	position: absolute;
	30	}
	31
	32	html {
	33	overflow: scroll;
	34	}
	35
	36	html, body {
	37	width: 100%;
	38	height: 100%;
	39	background: #666;
	40	}
	41
	42	.active-element-outline {
	43	outline: #adff2f solid 2px;
	44	}
	45
	46	.nj-preset-transition {
	47	-webkit-transition: all 450ms linear !important;
	48	}
	49
	50	ninjaloadinghack {
	51	display: none;
	52	}
	53
	54	ninja-viewport, ninja-content {
	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: transparent;
	64	}
	65
	66	ninja-viewport {
	67	background: #FFF;
	68	}
	69
	70	ninja-content {
	71	-webkit-transform-style: preserve-3d;
	72	-webkit-transform: perspective(1400) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	73	}
	74	</style>
	75
	76	<script type="text/javascript" data-ninja-template="true">
	77	function getElement(x,y) {
	78	return document.elementFromPoint(x,y);
	79	}
	80	</script>
	81
	82	<!-- TODO: Determine if loading Montage is always needed or if it could be done author-time or on file open -->
	83
	84	<script type="text/javascript" data-package="../app" src="../../../../node_modules/montage/montage.js" data-ninja-template="true"></script>
	85
	86	<script type="text/montage-serialization" data-ninja-template="true">
	87	{
	88	"owner": {
	89	"prototype": "main"
	90	}
	91	}
	92	</script>
	93
	94	</head>
	95
	96	<body>
	97
	98	<ninjaloadinghack></ninjaloadinghack>
	99
	100	<ninja-viewport>
	101
	102	<ninja-content></ninja-content>
	103
	104	</ninja-viewport>
	105
	106	</body>
	107
	108	</html> \ No newline at end of file