Timeline commit

app/assets/stylesheets/desktop.css

@@ -9,4 +9,5 @@
  *= require font-awesome
  *= require desktopmain
  *= require desktopmedia
+ *= require orbitTimeline
 */

app/assets/stylesheets/desktopmain.css

@@ -715,3 +715,15 @@ a:focus { outline: none; }
 	font-size: 20px;
 	cursor: pointer;
 }
+/*Tooltip popup */
+.desktop_toolpopup{
+	position: absolute;
+	z-index:10px;
+	display: none;
+	border-width:3px;
+	border-radius:5px;
+	border-color:black;
+	font-size:15px;
+	padding: 5px 0px 10px 0px;
+	cursor: default;
+}

app/assets/stylesheets/orbitTimeline.css

@@ -0,0 +1,66 @@
+.t_scale{
+	width:2000px;
+	height:516px;
+	bottom:0;
+}
+#timline_marker{
+	width:100px;
+	height:140px;
+	opacity:0.4;
+	cursor: move;
+	border-style:solid;
+	border-width:5px;
+	border-radius:5px;
+}
+.t_scale{
+	 border-style:solid;
+	 border-width:2px;
+	 border-radius:5px;
+}
+#t_container{
+	height:366px;
+}
+.scale_region{
+	height:516px;
+	border-style:solid;
+	border-width:0 2px 0 2px;
+	float: left;
+	margin-right:1px;
+	font-size:20px;
+	padding:5px;
+}
+.scale_region span{
+	display: block;
+}
+.month{
+	
+}
+.year{
+	background-color: #c0bebe;
+	width:30px;
+}
+.bubble{
+	cursor: pointer;
+	width:300px;
+	height:30px;
+	background:lightblue;
+	border-style:solid;
+	border-width:5px;
+	float: left;
+	border-radius:5px;
+	margin-top: 10px;
+	margin-bottom:10px;
+	font-size:20px;
+	padding:5px;
+	text-align:center;
+	display: none;
+}
+.month_heading{
+	text-align: center;
+	margin-bottom: 10px;
+}
+
+.bubble_list ul{
+	width:350px;
+	float:left;
+}