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 | padding: 10px; |
---|
6 | } |
---|
7 | ul.thumbnails li { |
---|
8 | margin: 0; |
---|
9 | padding: 5px; |
---|
10 | float: left; |
---|
11 | position: relative; /* Set the absolute positioning base coordinate */ |
---|
12 | width: 110px; |
---|
13 | height: 110px; |
---|
14 | } |
---|
15 | ul.thumbnails li img { |
---|
16 | width: 100px; |
---|
17 | height: 100px; /* Set the small thumbnail size */ |
---|
18 | -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */ |
---|
19 | border: 1px solid #ddd; |
---|
20 | padding: 5px; |
---|
21 | background: #f0f0f0; |
---|
22 | position: absolute; |
---|
23 | left: 0; |
---|
24 | top: 0; |
---|
25 | } |
---|
26 | ul.thumbnails li img.hover { |
---|
27 | background:url(thumb_bg.png) no-repeat center center; /* Image used as background on hover effect*/ |
---|
28 | border: none; /* Get rid of border on hover */ |
---|
29 | } |
---|
30 | .navigationBar { |
---|
31 | clear:both; |
---|
32 | } |
---|
Note: See
TracBrowser
for help on using the repository browser.