Browse Source

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.
pull/79/head
Zach Wise 13 years ago
parent
commit
e3f8f14bf3
  1. 3
      source/less/VMM.Timeline.Core.less
  2. 3
      source/less/VMM.Timeline.TimeNav.less
  3. 6
      source/less/gfx.less
  4. 1
      themes/dark.css
  5. 1
      timeline.css

3
source/less/VMM.Timeline.Core.less

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

3
source/less/VMM.Timeline.TimeNav.less

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

6
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;

1
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;}

1
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;}

Loading…
Cancel
Save