aboutsummaryrefslogtreecommitdiff
path: root/js/components/ui/modalDialog/modalDialogHeader.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/components/ui/modalDialog/modalDialogHeader.reel')
-rw-r--r--js/components/ui/modalDialog/modalDialogHeader.reel/modalDialogHeader.css30
-rw-r--r--js/components/ui/modalDialog/modalDialogHeader.reel/modalDialogHeader.html33
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 @@
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