media_youtube.wysiwyg.css 726 B

123456789101112131415161718192021222324252627282930
  1. /**
  2. * @file
  3. * Overlay for YouTube thumbnails in the media library browser.
  4. */
  5. #media-browser .styles-container-media_youtube {
  6. /* Relative wrapper for the overlay. */
  7. position: relative;
  8. }
  9. #media-browser .styles-container-media_youtube span {
  10. /* Here's the overlay image. */
  11. background: url(images/stream-youtube.png) no-repeat;
  12. /* Absolute positioning in the relative wrapper creates the overlay. */
  13. position: absolute;
  14. /* Size of the overlay */
  15. width: 69px;
  16. height: 22px;
  17. /* Position of the overlay */
  18. left: 33px;
  19. top: 80px;
  20. }
  21. #media-browser .styles-container-media_youtube span:hover {
  22. /* The */
  23. background-position: 0px -22px;
  24. }
  25. #media-browser .styles-container-media_youtube img {
  26. }