source: extensions/flop_style/thumbnails/fancy_hover.css @ 16393

Last change on this file since 16393 was 16393, checked in by flop25, 12 years ago

update for 2.4 : really amazing !

File size: 807 bytes
Line 
1/* from http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/ thx ! */
2ul.thumbnails {
3        list-style: none;
4        margin: 0;
5        overflow: visible;
6        padding: 50px;
7  display: inline-block;
8}
9ul.thumbnails li {
10        margin: 0;
11        padding: 5px;
12        float: left;
13        position: relative;  /* Set the absolute positioning base coordinate */
14        width: 110px;
15        height: 110px;
16}
17ul.thumbnails li img {
18        width: 100px;
19        height: 100px; /* Set the small thumbnail size */
20        -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
21        border: 1px solid #ddd;
22        padding: 5px;
23        background: #f0f0f0;
24        position: absolute;
25        left: 0;
26        top: 0;
27}
28.thumb_jpolaroid.hover {
29  box-shadow: 6px 6px 8px  rgba(0, 0, 0, 0.85);
30        -moz-box-shadow:  6px 6px 8px  rgba(0, 0, 0, 0.85);
31        -webkit-box-shadow: 6px 6px 8px rgba(0,0,0, 0.85);
32}
Note: See TracBrowser for help on using the repository browser.