ref: master
public/stylesheets/zoomable-image.scss
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 |
.zoomable-image { position: relative; display: inline-block; max-width: 100%; margin-bottom: 10px; } /* IE 8 hack to avoid max-width image bug */ .msie8 #content #article .article-body .zoomable-image img { max-width: none !important; } /* IE 7 hack to simulate inline-block */ .msie7 .zoomable-image { zoom: 1; *display: inline; } .zoomify-image { position: absolute; left: 0; top: 0; display: none; width: 100%; height: 16px; text-align: left; background: transparent url(../images/black-alpha-pixel.png); border-bottom: 1px solid #333; text-decoration: none; } .zoomable-image:hover .zoomify-image { display: block; text-decoration: none; } #article .zoomify-image { text-decoration: none; color: #fff; } .zoomify-image span { font-size: 10px; line-height: 16px; padding-left: 16px; border-bottom: 1px solid #eee; display: block; background: transparent url(../images/zoom.png) left center no-repeat; color: #fff; } |