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

Last change on this file since 18124 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.