3 files changed, 46 insertions, 0 deletions
diff --git a/js/panels/Timeline/TrackSpacer.reel/TrackSpacer.html b/js/panels/Timeline/TrackSpacer.reel/TrackSpacer.html
new file mode 100644
index 00000000..e6494d79
--- /dev/null
+++ b/js/panels/Timeline/TrackSpacer.reel/TrackSpacer.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+        <head>
+        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+        <link rel="stylesheet" type="text/css" href="css/TrackSpacer.css">
+        <script type="text/montage-serialization">
+                    {
+                        "owner": {
+                            "module": "js/panels/Timeline/TrackSpacer.reel",
+                            "name": "TrackSpacer",
+                            "properties": {
+                                "element": {"#": "trackspace"}
+                            }
+                        }
+                    }
+        </script>
+        </head>
+        <body>
+        <div id="trackspace">
+            <div id="track_spacer" class="trackspacer"></div>
+        </div>
+    </body>
+</html>
+\ No newline at end of file
diff --git a/js/panels/Timeline/TrackSpacer.reel/TrackSpacer.js b/js/panels/Timeline/TrackSpacer.reel/TrackSpacer.js
new file mode 100644
index 00000000..b3b8133a
--- /dev/null
+++ b/js/panels/Timeline/TrackSpacer.reel/TrackSpacer.js
@@ -0,0 +1,15 @@
+var Montage = require("montage/core/core").Montage;
+var Component = require("montage/ui/component").Component;
+var TrackSpacer = exports.TrackSpacer = Montage.create(Component, {
+    hasTemplate:{
+        value: true
+    },
+    prepareForDraw:{
+        value:function(){
+        }
+    }
+});
diff --git a/js/panels/Timeline/TrackSpacer.reel/css/TrackSpacer.css b/js/panels/Timeline/TrackSpacer.reel/css/TrackSpacer.css
new file mode 100644
index 00000000..7a571fe8
--- /dev/null
+++ b/js/panels/Timeline/TrackSpacer.reel/css/TrackSpacer.css
@@ -0,0 +1,5 @@
+.trackspacer{
+    height:22px;
+    width: 100%;
+    background-color: #4d4d4d;
+}
+\ No newline at end of file

diff --git a/js/panels/Timeline/TrackSpacer.reel/TrackSpacer.html b/js/panels/Timeline/TrackSpacer.reel/TrackSpacer.html new file mode 100644 index 00000000..e6494d79 --- /dev/null +++ b/js/panels/Timeline/TrackSpacer.reel/TrackSpacer.html
@@ -0,0 +1,26 @@
	1	<!DOCTYPE html>
	2	<html lang="en">
	3	<head>
	4	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	5	<link rel="stylesheet" type="text/css" href="css/TrackSpacer.css">
	6	<script type="text/montage-serialization">
	7	{
	8	"owner": {
	9	"module": "js/panels/Timeline/TrackSpacer.reel",
	10	"name": "TrackSpacer",
	11	"properties": {
	12	"element": {"#": "trackspace"}
	13	}
	14	}
	15
	16	}
	17	</script>
	18	</head>
	19	<body>
	20
	21	<div id="trackspace">
	22	<div id="track_spacer" class="trackspacer"></div>
	23	</div>
	24
	25	</body>
	26	</html> \ No newline at end of file


diff --git a/js/panels/Timeline/TrackSpacer.reel/TrackSpacer.js b/js/panels/Timeline/TrackSpacer.reel/TrackSpacer.js new file mode 100644 index 00000000..b3b8133a --- /dev/null +++ b/js/panels/Timeline/TrackSpacer.reel/TrackSpacer.js
@@ -0,0 +1,15 @@
	1	var Montage = require("montage/core/core").Montage;
	2	var Component = require("montage/ui/component").Component;
	3
	4	var TrackSpacer = exports.TrackSpacer = Montage.create(Component, {
	5
	6	hasTemplate:{
	7	value: true
	8	},
	9
	10	prepareForDraw:{
	11	value:function(){
	12
	13	}
	14	}
	15	});


diff --git a/js/panels/Timeline/TrackSpacer.reel/css/TrackSpacer.css b/js/panels/Timeline/TrackSpacer.reel/css/TrackSpacer.css new file mode 100644 index 00000000..7a571fe8 --- /dev/null +++ b/js/panels/Timeline/TrackSpacer.reel/css/TrackSpacer.css
@@ -0,0 +1,5 @@
	1	.trackspacer{
	2	height:22px;
	3	width: 100%;
	4	background-color: #4d4d4d;
	5	} \ No newline at end of file