source: extensions/GThumb/template/gthumb.css @ 21311

Last change on this file since 21311 was 21311, checked in by mistic100, 11 years ago

display the legend at the bottom and not in the middle

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