adapting colors

clients/anim/index.html

@@ -26,7 +26,7 @@
 				left: 0;
 			}
 			.label {
-				color: #296780;
+				color: #034456;
 				font-size: 11px;
 				line-height: 12px;
 				width: 140px;
@@ -40,7 +40,7 @@
 				top: 465px;
 				left: 5px;
 				font-size: 12px;
-				color: #000;
+				color: #034456;
 				opacity: 0.7;
 			}
 			#timer {
@@ -49,7 +49,7 @@
 				left: 5px;
 				font-size: 16px;
 				font-weight: bold;
-				color: #666;
+				color: #034456;
 			}
 			#slider {
 				position: absolute;
@@ -63,8 +63,8 @@
 				left: 0px;
 				width: 50px;
 				height: 50px;
-				background: #eee;
-				border: 1px solid #aaa;
+				background: #80a1aa;
+				border: 1px solid #80a1aa;
 				font-size: 12px;
 				text-align: center;
 				line-height: 15px;
@@ -81,9 +81,9 @@
 				width: 35px;
 				height: 13px;
 				position: absolute;
-				background: #eee;
-				color: #888;
-				border: 1px solid #aaa;
+				background: #fff;
+				color: #80a1aa;
+				border: 1px solid #80a1aa;
 				font-size: 11px;
 				left: 55px;
 				padding-top: 1px;
@@ -93,7 +93,8 @@
 				cursor: pointer;
 			}
 			.speed.active {
-				color: #000;
+				color: #fff;
+				background: #80a1aa;
 			}
 			#sliderWrapper {
 				width: 853px;
@@ -103,7 +104,7 @@
 				position: absolute;
 				top: 0px;
 				left: 95px;
-				border: 1px solid #aaa;
+				border: 1px solid #80a1aa;
 				cursor: pointer;
 			}
 			#sliderInner {
@@ -120,15 +121,15 @@
 				position: absolute;
 				left: 537px;
 				top: 1px;
-				border-left:  2px solid rgba(0,0,0,0.5);
+				border-left:  2px solid rgba(128,161,170,0.7);
 				height: 50px;
 			}
 			.hour {
 				position: absolute;
 				top: 20px;
 				height: 30px;
-				border-left: 2px solid rgba(0,0,0,0.2);
-				color: rgba(0,0,0,0.5);
+				border-left: 2px solid rgba(128,161,170,0.4);
+				color: rgba(128,161,170,0.8);
 				font-size: 10px;
 				padding-left: 3px;
 			}
@@ -144,13 +145,13 @@
 				position: absolute;
 				top: 0px;
 				height: 50px;
-				color: #888;
+				color: #80a1aa;
 				font-size: 12px;
 				padding-left: 83px;
 				width: 100px;
 			}
 			.day.b {
-				border-left: 1px solid #888;
+				border-left: 1px solid #80a1aa;
 			}
 		</style>
 	</head>