You are here

Home » API reference » Media: YouTube 7

media_youtube.wysiwyg.css in Media: YouTube 7

Overlay for YouTube thumbnails in the media library browser.

File

css/media_youtube.wysiwyg.css
View source 
  1. 

  2. /**

  3.  *  @file

  4.  *  Overlay for YouTube thumbnails in the media library browser.

  5.  */

  6. #media-browser .styles-container-media_youtube {

  7.   /* Relative wrapper for the overlay. */

  8.   position: relative;

  9. }

  10. #media-browser .styles-container-media_youtube span {

  11.   /* Here's the overlay image. */

  12.   background: url(images/stream-youtube.png) no-repeat;

  13. 

  14.   /* Absolute positioning in the relative wrapper creates the overlay. */

  15.   position: absolute;

  16. 

  17.   /* Size of the overlay */

  18.   width: 69px;

  19.   height: 22px;

  20. 

  21.   /* Position of the overlay */

  22.   left: 33px;

  23.   top: 80px;

  24. }

  25. #media-browser .styles-container-media_youtube span:hover {

  26.   /* The  */

  27.   background-position: 0px -22px;

  28. }

  29. #media-browser .styles-container-media_youtube img {

  30. }