source: extensions/floOS/thumbnails.css @ 4834

Last change on this file since 4834 was 3618, checked in by flop25, 15 years ago

update global with pwg 2.0.3

File size: 1.1 KB
Line 
1/* Thumbnails customization */
2.content UL.thumbnails SPAN.thumbLegend {
3  font-size: 80%;               /* font size */
4  overflow: hidden;             /* oversized legend is clipped */
5}
6
7/* Thumbnail "elastic" layout */
8.content UL.thumbnails {
9  margin: 0;
10  padding: 0;
11  list-style: none;
12  text-align: center;   /* to center the whole collection in .content */
13}
14.content UL.thumbnails LI { display: inline }
15
16.content UL.thumbnails SPAN.wrap1 {
17  margin: 0 5px 5px 5px;
18  display: table-cell; display: inline-table;
19  display: inline-block; /* Why 3 display option ??? */
20  vertical-align: top;          /* OK with Opera and IE6 not Geko */
21  text-align: center;           /* to center the thumbnail and legend in Geko/Opera */
22}
23.content UL.thumbnails SPAN.wrap2 {
24  margin: 0;                    /* important reset the margins */
25  display: table-cell;          /* block prevents vertical-align here */
26  vertical-align: middle;       /* Ok with Opera and Geko not IE6 */
27}
28.content UL.thumbnails SPAN.wrap2 A,
29.content UL.thumbnails LABEL {
30  display: block;
31  border-bottom: none;
32}
33.content UL.thumbnails IMG {
34  margin-bottom: -4px;  /* why ??? something wrong with Geko and Opera ignored by IE6*/
35}
Note: See TracBrowser for help on using the repository browser.