Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feature 434: split thumbnails in template so customization could be e…
…asyer git-svn-id: http://piwigo.org/svn/trunk@1384 68402e56-0260-453c-a942-63ccdbb3a9ee
- Loading branch information
chrisaga
committed
Jun 24, 2006
1 parent
235cd53
commit 300eaed
Showing
8 changed files
with
113 additions
and
105 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,27 @@ | ||
/* $Id: $ */ | ||
/* fix IE with another layout for thumbnails */ | ||
#content UL.thumbnails SPAN.wrap2 { | ||
display: block; | ||
position: relative; | ||
text-align: left; | ||
} | ||
#content UL.thumbnails SPAN.wrap2 A, | ||
#content UL.thumbnails SPAN.wrap2 LABEL { | ||
overflow: visible; | ||
position: absolute; | ||
top: 50%; | ||
text-align: center; | ||
} | ||
#content UL.thumbnails IMG.thumbnail { | ||
position: relative; | ||
top: -50%; | ||
/*\*//*/ | ||
margin-top: -40%; | ||
/**/ | ||
} | ||
#content UL.thumbnails SPAN.wrap2 input { | ||
position: absolute; | ||
left: 0; | ||
top: -50%; /* same as other browsers but not so pretty */ | ||
} | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,47 @@ | ||
/* $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; | ||
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 SPAN.wrap2 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 SPAN.wrap2 LABEL { | ||
position: relative; | ||
} | ||
:root #content UL.thumbnails SPAN.wrap2 INPUT { /* hide from Opera */ | ||
position: absolute; | ||
left: 0; | ||
top: 0; | ||
} | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,33 @@ | ||
<!-- $Id: $ --> | ||
<!-- BEGIN thumbnails --> | ||
<ul class="thumbnails"> | ||
<!-- BEGIN line --> | ||
<!-- BEGIN thumbnail --> | ||
<li class="{thumbnails.line.thumbnail.CLASS}"> | ||
<span class="wrap1"> | ||
<span class="wrap2"> | ||
<a href="{thumbnails.line.thumbnail.U_IMG_LINK}"> | ||
<img class="thumbnail" src="{thumbnails.line.thumbnail.IMAGE}" | ||
alt="{thumbnails.line.thumbnail.IMAGE_ALT}" | ||
title="{thumbnails.line.thumbnail.IMAGE_TITLE}"> | ||
</a> | ||
</span> | ||
<span class="thumbLegend"> | ||
<!-- BEGIN element_name --> | ||
{thumbnails.line.thumbnail.element_name.NAME} | ||
<!-- END element_name --> | ||
<!-- BEGIN category_name --> | ||
[{thumbnails.line.thumbnail.category_name.NAME}] | ||
<!-- END category_name --> | ||
{thumbnails.line.thumbnail.IMAGE_TS} | ||
<!-- BEGIN nb_comments --> | ||
<br />{thumbnails.line.thumbnail.nb_comments.NB_COMMENTS} {lang:comments} | ||
<!-- END nb_comments --> | ||
</span> | ||
</span> | ||
</li> | ||
<!-- END thumbnail --> | ||
<!-- END line --> | ||
|
||
</ul> | ||
<!-- END thumbnails --> |