adam/Piwigo
1
0 Fork 0
mirror of https://github.com/Piwigo/Piwigo.git synced 2026-10-30 21:52:00 +01:00
Code Issues 657 Packages Projects Releases Wiki Activity

Feature:837 sample my-thumbnails2.css with a IE7 acceptable version.

Browse Source 
git-svn-id: http://piwigo.org/svn/trunk@2465 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
vdigital committed 2008-07-31 21:23:26 +00:00
1 parent 5059eddb71
commit ee0af5d43d
2 files changed
+15 -8
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

template-extension/distributed/samples/my-thumbnails2.css
+12 -5
View File
@@ -1,7 +1,14 @@
/* $Id$ */
legend.thumbLegend { padding: 0 5px; color: #24919c; font-style:italic; font-size: 7px; }
fieldset.wrap1 { width: 96px; min-width: 96px; padding: 0;
.thumbLegend { padding: 0 6px; color: #24919c; font-style:italic; font-size: 7px; }
.fld1 { width: 96px; min-width: 96px; padding: 0;
margin: 5px; display: inline;}
.wrap2 { display: block; padding: 4px 15px 10px 15px; border: 0;}
a.wrap2:hover { border: 0; background-color: #000; }
img.thumbnail { display: block; margin: 2px auto; }
.lap2 { display: block; padding: 4px 15px 10px 15px; border: 0;}
.fld1:hover { background-color: #000; }
.fld1 a:hover { border:0; }
.thumbnail { margin: 2px auto; }
/* Advanced hacks for IE 7 */
*+html .thumbnail { display: inline; margin: 0 auto; }
*+html .lap2 span { position: relative; top: 50%; margin: 0 auto; }
*+html .lap2 { display: inline; position: relative; top: 0%; }
*+html .fld1 { width: auto; padding: 6px 0 6px 0; margin-top: 0px;}
*+html .thumbLegend { font-size: 10px; }
template-extension/distributed/samples/my-thumbnails2.tpl
+3 -3
View File
@@ -5,12 +5,12 @@
<ul class="thumbnails">
{foreach from=$thumbnails item=thumbnail}
<li>
<fieldset class="wrap1">
<fieldset class="fld1">
<legend class="thumbLegend">
{if !empty($thumbnail.ELEMENT_NAME)}{$thumbnail.ELEMENT_NAME}{/if}
</legend>
<a href="{$thumbnail.U_IMG_LINK}" class="wrap2">
<img class="thumbnail" src="{$thumbnail.IMAGE}" alt="{$thumbnail.IMAGE_ALT}" title="{$thumbnail.IMAGE_TITLE}" />
<a href="{$thumbnail.U_IMG_LINK}" class="lap2">
<span><img class="thumbnail" src="{$thumbnail.IMAGE}" alt="{$thumbnail.IMAGE_ALT}" title="{$thumbnail.IMAGE_TITLE}" /></span>
</a>
</fieldset>
</li>