Line | |
---|
1 | /* from http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/ thx ! */ |
---|
2 | ul.thumbnails { |
---|
3 | list-style: none; |
---|
4 | margin: 0; |
---|
5 | overflow: hidden; |
---|
6 | padding: 50px; |
---|
7 | } |
---|
8 | ul.thumbnails li { |
---|
9 | margin: 0; |
---|
10 | padding: 5px; |
---|
11 | float: left; |
---|
12 | position: relative; /* Set the absolute positioning base coordinate */ |
---|
13 | width: 110px; |
---|
14 | height: 110px; |
---|
15 | } |
---|
16 | ul.thumbnails li img { |
---|
17 | width: 100px; |
---|
18 | height: 100px; /* Set the small thumbnail size */ |
---|
19 | -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */ |
---|
20 | border: 1px solid #ddd; |
---|
21 | padding: 5px; |
---|
22 | background: #f0f0f0; |
---|
23 | position: absolute; |
---|
24 | left: 0; |
---|
25 | top: 0; |
---|
26 | } |
---|
27 | ul.thumbnails li img.hover { |
---|
28 | background:url(thumb_bg.png) no-repeat center center; /* Image used as background on hover effect*/ |
---|
29 | border: none; /* Get rid of border on hover */ |
---|
30 | } |
---|
Note: See
TracBrowser
for help on using the repository browser.