Sha256: a0fb97d6ef3460e051bc8cd43490beca234c034aed2d41138c60e79b25d168b7

Contents?: true

Size: 1.01 KB

Versions: 3

Compression:

Stored size: 1.01 KB

Contents

// overlay the duration of the video over the video thumb
.clip_thumbnail {
  position: relative;
  .duration {
    right: 2px;
    bottom: 2px;
    position: absolute;
  }
}

// overlaying the play button over the video. FIXME: some of this we don't use anymore
div#home_video_image {
  &:hover .mejs-overlay-button {
    background-position: 0 -100px;
  }
}

.mejs-overlay-button{ top:80%; left:90%;}

.thumbnail_video {
  .thumbnail_image {    
    .mejs-overlay-button {
      background: image-url("kinney/smallplay.png") no-repeat;
      width: 50px;
      height: 50px;
      bottom: 10px;
      right: 10px;
      top: inherit;
      left: inherit;
    }    
  }
  &:hover {
    .mejs-overlay-button {
      background-position: 0 -50px;
    }    
  }
}


@media (max-width: 767px) {
  #video_container {
    .mejs-overlay-button {
      top: 50%;
      left: 50%;
    } 
  }
  div#home_video_image {
    .mejs-overlay-button {
      bottom: 10px;
      right: 10px;
      top: inherit;
      left: inherit;
    }  
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
kinney-0.0.3 app/assets/stylesheets/kinney/video_play_button_overlay.css.scss
kinney-0.0.2 app/assets/stylesheets/kinney/video_play_button_overlay.css.scss
kinney-0.0.1 app/assets/stylesheets/kinney/video_play_button_overlay.css.scss