Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on May 8th, 2012  |  syntax: None  |  size: 0.79 KB  |  hits: 15  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /** http://docs.sublimevideo.net/put-video-in-a-floating-lightbox **/
  2. /*
  3. * Don't use this code if you don't want the magnifying glass icon
  4. * The icon can be found here: http://f.cl.ly/items/3C1V2w2r36360V3c1b3x/sv_zoom_icon.png
  5. */
  6.  
  7. a.zoomable {
  8.   display:block;
  9.   width:180px;
  10.   height:76px;
  11.   position:relative;
  12.   -webkit-box-shadow:rgba(0,0,0,0.4) 0 4px 10px;
  13.   -moz-box-shadow:rgba(0,0,0,0.4) 0 4px 10px;
  14.   box-shadow:rgba(0,0,0,0.4) 0 4px 10px;
  15. }
  16.  
  17. a.zoomable span.zoom_icon {
  18.   display:block;
  19.   width:100%;
  20.   height:100%;
  21.   position:absolute;
  22.   top:0;
  23.   left:0;
  24.   background:url(sv_zoom_icon.png) no-repeat bottom right;
  25.   opacity:0.3;
  26.   -o-transition:opacity 0.25s;
  27.   -moz-transition:opacity 0.25s;
  28.   -webkit-transition:opacity 0.25s;
  29.   transition:opacity 0.25s;
  30. }
  31.  
  32. a.zoomable:hover span.zoom_icon {opacity:1}