diff options
Diffstat (limited to 'themes/default/thumbnails.css')
| -rw-r--r-- | themes/default/thumbnails.css | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/themes/default/thumbnails.css b/themes/default/thumbnails.css new file mode 100644 index 000000000..5ed9544c9 --- /dev/null +++ b/themes/default/thumbnails.css @@ -0,0 +1,36 @@ + +/* Thumbnails customization */ +.content UL.thumbnails SPAN.thumbLegend { + font-size: 90%; + overflow: hidden;/* oversized legend is clipped */ +} + +/* Thumbnail "elastic" layout */ +.content UL.thumbnails { + margin: 0; + padding: 0; + list-style: none; + text-align: center; /* to center the whole collection in .content */ +} +.content UL.thumbnails LI { display: inline } + +.content UL.thumbnails SPAN.wrap1 { + margin: 0 5px 5px 5px; + display: table-cell; display: inline-table; + display: inline-block;/* Why 3 display option ??? */ + vertical-align: top; /* OK with Opera and IE6 not Geko */ + text-align: center; /* to center the thumbnail and legend in Geko/Opera */ +} +.content UL.thumbnails SPAN.wrap2 { + margin: 0; /* important reset the margins */ + display: table-cell;/* block prevents vertical-align here */ + vertical-align: middle;/* Ok with Opera and Geko not IE6 */ +} +.content UL.thumbnails SPAN.wrap2 A, +.content UL.thumbnails LABEL { + display: block; + border-bottom: none; +} +.content UL.thumbnails IMG { + margin-bottom: -4px; /* why ??? something wrong with Geko and Opera ignored by IE6*/ +} |