source:
extensions/GThumb/template/gthumb.css
Last change on this file was 21826, checked in by , 11 years ago | |
---|---|
File size: 960 bytes |
Rev | Line | |
---|---|---|
[12678] | 1 | #thumbnails { |
[12710] | 2 | overflow: hidden; |
[12678] | 3 | } |
4 | ||
[12712] | 5 | #thumbnails .gthumb { |
[12678] | 6 | position: relative; |
[12710] | 7 | overflow: hidden; |
[12678] | 8 | float: left; |
9 | display: inline; | |
10 | background: none !important; | |
11 | } | |
12 | ||
[12712] | 13 | #thumbnails .gthumb a { |
[12678] | 14 | position: absolute; |
[18124] | 15 | z-index:0; |
[12691] | 16 | } |
17 | ||
[18124] | 18 | #thumbnails .gthumb a img.thumbnail, |
19 | #thumbnails .gthumb a img.thumbnail:hover { | |
[12731] | 20 | border: 0 none; |
21 | margin: 0; | |
22 | padding: 0; | |
23 | top: 0; | |
[18124] | 24 | } |
25 | ||
[21311] | 26 | #thumbnails .gthumb .thumbLegend { |
[18124] | 27 | position:absolute; |
28 | z-index:100; | |
[21311] | 29 | bottom:-40px; |
30 | top:auto; | |
[18124] | 31 | height:30px; |
[21826] | 32 | left:0; |
33 | right:0; | |
[18124] | 34 | padding:5px 0; |
35 | width:100%; | |
36 | background:rgba(0,0,0,0.7); | |
37 | text-align:center; | |
38 | overflow:hidden; | |
[21311] | 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; | |
[18124] | 45 | } |
46 | #thumbnails .gthumb:hover .thumbLegend { | |
[21311] | 47 | bottom:0px; |
[18124] | 48 | } |
49 | #thumbnails .thumbLegend .thumbName { | |
50 | display:block; | |
51 | font-weight:bold; | |
52 | color:#eee; | |
[12678] | 53 | } |
Note: See TracBrowser
for help on using the repository browser.