diff options
| author | vdigital <vdigital@piwigo.org> | 2008-05-23 21:05:41 +0000 |
|---|---|---|
| committer | vdigital <vdigital@piwigo.org> | 2008-05-23 21:05:41 +0000 |
| commit | 77fd1f51a3c5f5a52f72ef8a299fe368228e2285 (patch) | |
| tree | a67ede42904657ccf3349ecdaef1cec8b8e36ff8 /BSF/template/yoga/thumbnails.css | |
| parent | 553727dffacc48e8337c1d141f2a25af359e74b1 (diff) | |
git-svn-id: http://piwigo.org/svn/trunk@2357 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to 'BSF/template/yoga/thumbnails.css')
| -rw-r--r-- | BSF/template/yoga/thumbnails.css | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/BSF/template/yoga/thumbnails.css b/BSF/template/yoga/thumbnails.css new file mode 100644 index 000000000..8d02e7742 --- /dev/null +++ b/BSF/template/yoga/thumbnails.css @@ -0,0 +1,60 @@ +/* $Id$ */ + +/* Thumbnails customization */ +.content UL.thumbnails SPAN.thumbLegend { + 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 */ +} +.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*/ +} + +/* 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; +} + +UL.thumbnails .levelIndicatorB { +display:block; position:absolute; z-index:100;padding:0px 0 0 14px; color:black; font-weight:bold; fontsize:120%; +} + +UL.thumbnails .levelIndicatorF { +display:block; position:absolute; z-index:101;padding:1px 0 0 15px; color:white; font-weight:bold; fontsize:120%; +}
\ No newline at end of file |