Last change
on this file since 20659 was
18124,
checked in by mistic100, 12 years ago
|
new option to display thumbnails caption at mouseover
|
File size:
850 bytes
|
Line | |
---|
1 | #thumbnails { |
---|
2 | overflow: hidden; |
---|
3 | } |
---|
4 | |
---|
5 | #thumbnails .gthumb { |
---|
6 | position: relative; |
---|
7 | overflow: hidden; |
---|
8 | float: left; |
---|
9 | display: inline; |
---|
10 | background: none !important; |
---|
11 | } |
---|
12 | |
---|
13 | #thumbnails .gthumb a { |
---|
14 | position: absolute; |
---|
15 | z-index:0; |
---|
16 | } |
---|
17 | |
---|
18 | #thumbnails .gthumb a img.thumbnail, |
---|
19 | #thumbnails .gthumb a img.thumbnail:hover { |
---|
20 | border: 0 none; |
---|
21 | margin: 0; |
---|
22 | padding: 0; |
---|
23 | top: 0; |
---|
24 | } |
---|
25 | |
---|
26 | #thumbnails .thumbLegend { |
---|
27 | display:none; |
---|
28 | position:absolute; |
---|
29 | z-index:100; |
---|
30 | top:50%; |
---|
31 | margin-top:-20px; |
---|
32 | height:30px; |
---|
33 | padding:5px 0; |
---|
34 | width:100%; |
---|
35 | background:rgba(0,0,0,0.7); |
---|
36 | text-align:center; |
---|
37 | vertical-align:middle; |
---|
38 | overflow:hidden; |
---|
39 | box-shadow:0 0 3px rgb(0,0,0); |
---|
40 | color:aaa; |
---|
41 | } |
---|
42 | #thumbnails .gthumb:hover .thumbLegend { |
---|
43 | display:block; |
---|
44 | } |
---|
45 | #thumbnails .thumbLegend .thumbName { |
---|
46 | display:block; |
---|
47 | vertical-align:middle; |
---|
48 | font-weight:bold; |
---|
49 | color:#eee; |
---|
50 | } |
---|
Note: See
TracBrowser
for help on using the repository browser.