2 files changed, 63 insertions, 0 deletions
diff --git a/js/components/ui/modalDialog/modalDialogHeader.reel/modalDialogHeader.css b/js/components/ui/modalDialog/modalDialogHeader.reel/modalDialogHeader.css
new file mode 100644
index 00000000..01205298
--- /dev/null
+++ b/js/components/ui/modalDialog/modalDialogHeader.reel/modalDialogHeader.css
@@ -0,0 +1,30 @@
+/* <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> */
+.modalDialogHeader{
+    padding-bottom: 5px;
+    margin-bottom: 5px;
+}
+.modalDialogHeader .separator{
+    height: 4px;
+    width:auto;
+}
+.close{
+    float: right;
+    cursor: pointer;
+    position:relative;
+    top:-1.4em;
+    right:5px;
+    color: #8c8c8c;
+    font-weight:bold;
+}
+.title{
+    text-align: center;
+}
diff --git a/js/components/ui/modalDialog/modalDialogHeader.reel/modalDialogHeader.html b/js/components/ui/modalDialog/modalDialogHeader.reel/modalDialogHeader.html
new file mode 100644
index 00000000..fca3ed78
--- /dev/null
+++ b/js/components/ui/modalDialog/modalDialogHeader.reel/modalDialogHeader.html
@@ -0,0 +1,33 @@
+<!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> -->
+<html>
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+    <link rel="stylesheet" type="text/css" href="modalDialogHeader.css">
+    <script type="text/montage-serialization">
+    {
+        "owner": {
+            "module": "js/components/ui/modalDialog/modalDialogHeader",
+            "name": "ModalDialogHeader",
+            "properties": {
+                "element": {"#": "modalDialogHeader"},
+                "cross": {"#": "close"},
+                "title": {"#": "title"},
+                "separator": {"#": "separator"}
+            }
+        }
+    }
+    </script>
+</head>
+<body>
+<div id="modalDialogHeader" class="modalDialogHeader">
+    <div id="title" class="title" >Header Title</div>
+    <span id="close" class="close">x</span>
+    <div id="separator" class="separator"></div>
+</div>
+</body>
+</html>
+\ No newline at end of file

diff --git a/js/components/ui/modalDialog/modalDialogHeader.reel/modalDialogHeader.css b/js/components/ui/modalDialog/modalDialogHeader.reel/modalDialogHeader.css new file mode 100644 index 00000000..01205298 --- /dev/null +++ b/js/components/ui/modalDialog/modalDialogHeader.reel/modalDialogHeader.css
@@ -0,0 +1,30 @@
	1	/* <copyright>
	2	This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
	3	No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
	4	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
	5	</copyright> */
	6
	7	.modalDialogHeader{
	8	padding-bottom: 5px;
	9	margin-bottom: 5px;
	10	}
	11
	12	.modalDialogHeader .separator{
	13	height: 4px;
	14	width:auto;
	15	}
	16
	17	.close{
	18	float: right;
	19	cursor: pointer;
	20	position:relative;
	21	top:-1.4em;
	22	right:5px;
	23	color: #8c8c8c;
	24	font-weight:bold;
	25	}
	26
	27	.title{
	28	text-align: center;
	29	}
	30


diff --git a/js/components/ui/modalDialog/modalDialogHeader.reel/modalDialogHeader.html b/js/components/ui/modalDialog/modalDialogHeader.reel/modalDialogHeader.html new file mode 100644 index 00000000..fca3ed78 --- /dev/null +++ b/js/components/ui/modalDialog/modalDialogHeader.reel/modalDialogHeader.html
@@ -0,0 +1,33 @@
	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	<html>
	8	<head>
	9	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	10	<link rel="stylesheet" type="text/css" href="modalDialogHeader.css">
	11	<script type="text/montage-serialization">
	12	{
	13	"owner": {
	14	"module": "js/components/ui/modalDialog/modalDialogHeader",
	15	"name": "ModalDialogHeader",
	16	"properties": {
	17	"element": {"#": "modalDialogHeader"},
	18	"cross": {"#": "close"},
	19	"title": {"#": "title"},
	20	"separator": {"#": "separator"}
	21	}
	22	}
	23	}
	24	</script>
	25	</head>
	26	<body>
	27	<div id="modalDialogHeader" class="modalDialogHeader">
	28	<div id="title" class="title" >Header Title</div>
	29	<span id="close" class="close">x</span>
	30	<div id="separator" class="separator"></div>
	31	</div>
	32	</body>
	33	</html> \ No newline at end of file