diff options
Diffstat (limited to 'template/yoga/thumbnails.css')
| -rw-r--r-- | template/yoga/thumbnails.css | 49 |
1 files changed, 17 insertions, 32 deletions
diff --git a/template/yoga/thumbnails.css b/template/yoga/thumbnails.css index a50b59253..dc4ec09f8 100644 --- a/template/yoga/thumbnails.css +++ b/template/yoga/thumbnails.css @@ -2,51 +2,36 @@ /* Thumbnails customization */ .content UL.thumbnails SPAN.thumbLegend { - font-size: 80%; /* font size */ - overflow: hidden; /* oversized legend is clipped */ + font-size: 80%; /* font size */ + 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 */ + 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 */ + 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 */ + 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; + display: block; + border-bottom: none; } .content UL.thumbnails IMG { - margin-bottom: -4px; /* why ??? something wrong with Geko and Opera ignored by IE6*/ -} - -/* label and input used for caddie in admin section */ -.content UL.thumbnails LABEL { - position: relative; -} - -.content UL.thumbnails INPUT { - position: relative; /* <= Opera can handle relative here */ - top: -20px; -} -:root .content UL.thumbnails INPUT { /* hide from Opera */ - position: absolute; /* <= Opera hide 1 checkbox over 2 !!! */ - left: 2px; - top: 2px; + margin-bottom: -4px; /* why ??? something wrong with Geko and Opera ignored by IE6*/ } |