up

public/Cesium/Widgets/Timeline/Timeline.css

@@ -0,0 +1,103 @@
+.cesium-timeline-main {
+	position: relative;
+	left: 0;
+	bottom: 0;
+	overflow: hidden;
+	border: solid 1px #888;
+}
+
+.cesium-timeline-trackContainer {
+	width: 100%;
+	overflow: auto;
+	border-top: solid 1px #888;
+	position: relative;
+	top: 0;
+	left: 0;
+}
+
+.cesium-timeline-tracks {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+}
+
+.cesium-timeline-needle {
+	position: absolute;
+	left: 0;
+	top: 1.7em;
+	bottom: 0;
+	width: 1px;
+	background: #F00;
+}
+
+.cesium-timeline-bar {
+    position: relative;
+    left: 0;
+    top: 0;
+    overflow: hidden;
+    cursor: pointer;
+    width: 100%;
+    height: 1.7em;
+    background: linear-gradient(to bottom, rgba(116,117,119,0.8) 0%,rgba(58,68,82,0.8) 11%,rgba(46,50,56,0.8) 46%,rgba(53,53,53,0.8) 81%,rgba(53,53,53,0.8) 100%);
+}
+
+.cesium-timeline-ruler {
+	/* NOTE: The label and the ruler must use the same font/size */
+	visibility: hidden;
+	white-space: nowrap;
+	font-size: 80%;
+	z-index: -200;
+}
+
+.cesium-timeline-highlight {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	background: #08F;
+}
+
+.cesium-timeline-ticLabel {
+    position: absolute;
+    top: 0;
+    left: 0;
+    white-space: nowrap;
+    font-size: 80%;
+    color: #eee;
+}
+
+.cesium-timeline-ticMain {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 1px;
+    height: 50%;
+    background: #eee;
+}
+
+.cesium-timeline-ticSub {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 1px;
+    height: 33%;
+    background: #aaa;
+}
+
+.cesium-timeline-ticTiny {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	width: 1px;
+	height: 25%;
+	background: #888;
+}
+
+.cesium-timeline-icon16 {
+	display: block;
+	position: absolute;
+	width: 16px;
+	height: 16px;
+	background-image: url("../Images/TimelineIcons.png");
+	background-repeat: no-repeat;
+}

public/Cesium/Widgets/Timeline/lighter.css

@@ -0,0 +1,20 @@
+.cesium-lighter .cesium-timeline-bar {
+    background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 50%,#fafafa 100%);
+}
+
+.cesium-lighter .cesium-timeline-ticLabel {
+    color: #000;
+}
+
+.cesium-lighter .cesium-timeline-ticMain {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 1px;
+    height: 50%;
+    background: #000;
+}
+
+.cesium-lighter .cesium-timeline-ticSub {
+    background: #444;
+}