Starting to add an icon for Dailymotion.

I'm thinking of making all video icons show a unified video icon. The
end user only really cares if it's a video or not. The service icons
can be confusing and just add more complexity to the Timeline
experience.

source/less/VMM.Timeline.Core.less

@@ -230,6 +230,9 @@
 	.thumbnail.vimeo {
 		.icon-vimeo();
 	}
+	.thumbnail.dailymotion {
+		.icon-dailymotion();
+	}
 	.thumbnail.youtube {
 		.icon-youtube();
 	}

source/less/VMM.Timeline.TimeNav.less

@@ -31,10 +31,8 @@
 			//.box-shadow();	
 			.box-shadow(1px 1px 0px rgba(0,0,0,.20));
 			
-			
 			.zoom-in, .zoom-out, .back-home {
 				
-				
 				font-weight: normal;
 				font-size: 10px;
 				line-height: 20px;
@@ -88,7 +86,6 @@
 			}
 		}
 		
-		
 		.timenav-background {
 			position:absolute;
 			//z-index:2;

source/less/gfx.less

@@ -24,6 +24,12 @@
 	background-position: 0 -963px; width: 24px; height: 24px;
 }
 
+.icon-dailymotion() {
+	.base-sprite();
+	background-repeat:no-repeat;
+	background-position: 0 -1111px; width: 24px; height: 24px; 
+}
+
 .icon-youtube() {
 	.base-sprite();
 	background-repeat:no-repeat;

themes/dark.css

@@ -48,6 +48,7 @@
 .vmm-timeline .thumbnail{width:24px;height:24px;overflow:hidden;float:left;margin-right:5px;border:1px solid #333333;}
 .vmm-timeline .thumbnail.twitter{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:0 -889px;width:24px;height:24px;}
 .vmm-timeline .thumbnail.vimeo{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:0 -963px;width:24px;height:24px;}
+.vmm-timeline .thumbnail.dailymotion{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:0 -1111px;width:24px;height:24px;}
 .vmm-timeline .thumbnail.youtube{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:0 -1111px;width:24px;height:24px;}
 .vmm-timeline .thumbnail.soundcloud{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:0 -659px;width:24px;height:24px;}
 .vmm-timeline .thumbnail.map{background-image:url(themes/timeline-dark.png);background-repeat:no-repeat;background-position:0 -514px;width:26px;height:21px;}

timeline.css

@@ -48,6 +48,7 @@
 .vmm-timeline .thumbnail{width:24px;height:24px;overflow:hidden;float:left;margin-right:5px;border:1px solid #cccccc;}
 .vmm-timeline .thumbnail.twitter{background-image:url(timeline.png);background-repeat:no-repeat;background-position:0 -889px;width:24px;height:24px;}
 .vmm-timeline .thumbnail.vimeo{background-image:url(timeline.png);background-repeat:no-repeat;background-position:0 -963px;width:24px;height:24px;}
+.vmm-timeline .thumbnail.dailymotion{background-image:url(timeline.png);background-repeat:no-repeat;background-position:0 -1111px;width:24px;height:24px;}
 .vmm-timeline .thumbnail.youtube{background-image:url(timeline.png);background-repeat:no-repeat;background-position:0 -1111px;width:24px;height:24px;}
 .vmm-timeline .thumbnail.soundcloud{background-image:url(timeline.png);background-repeat:no-repeat;background-position:0 -659px;width:24px;height:24px;}
 .vmm-timeline .thumbnail.map{background-image:url(timeline.png);background-repeat:no-repeat;background-position:0 -514px;width:26px;height:21px;}