design update

app/assets/javascripts/orbitTimeline.js

@@ -232,4 +232,12 @@ var orbitTimeline = function(dom){
 			}
 		})
 	}
+	this.ajaxEventPull = function(){
+		if(!t.update){
+			t.update = true;
+		 	$.getJSON("desktop_orbit/ajaxeventpull",{"from":t.fromdate},function(){
+
+		 	})
+		}
+	}
 }

app/assets/stylesheets/orbitTimeline.css

@@ -0,0 +1,68 @@
+.t_scale{
+	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;
+	border-style:solid;
+	border-width:5px;
+	float: left;
+	border-radius:5px;
+	margin-top: 10px;
+	margin-bottom:10px;
+	font-size:15px;
+	padding:5px;
+	text-align:justify;
+	display: none;
+}
+.month_heading{
+	text-align: center;
+	margin-bottom: 10px;
+}
+
+.bubble_list ul{
+	width:350px;
+	float:left;
+}
+.bubble_list ul li span.date{
+	font-weight:bolder;
+	float:right; 
+}