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 .gthumb .thumbLegend { |
---|
27 | position:absolute; |
---|
28 | z-index:100; |
---|
29 | bottom:-40px; |
---|
30 | top:auto; |
---|
31 | height:30px; |
---|
32 | left:0; |
---|
33 | right:0; |
---|
34 | padding:5px 0; |
---|
35 | width:100%; |
---|
36 | background:rgba(0,0,0,0.7); |
---|
37 | text-align:center; |
---|
38 | overflow:hidden; |
---|
39 | color:#aaa; |
---|
40 | -webkit-transition:all 200ms ease-out; |
---|
41 | -moz-transition:all 200ms ease-out; |
---|
42 | -ms-transition:all 200ms ease-out; |
---|
43 | -o-transition:all 200ms ease-out; |
---|
44 | transition:all 200ms ease-out; |
---|
45 | } |
---|
46 | #thumbnails .gthumb:hover .thumbLegend { |
---|
47 | bottom:0px; |
---|
48 | } |
---|
49 | #thumbnails .thumbLegend .thumbName { |
---|
50 | display:block; |
---|
51 | font-weight:bold; |
---|
52 | color:#eee; |
---|
53 | } |
---|
Note: See
TracBrowser
for help on using the repository browser.