Comments page review. (Merge 2706)

git-svn-id: http://piwigo.org/svn/branches/2.0@2707 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
vdigital 2008-10-10 22:16:52 +00:00
parent 650a40bf78
commit 34f020326d
4 changed files with 40 additions and 36 deletions

View file

@ -1,38 +1,41 @@
{* $Id$ *}
<ul class="thumbnailCategories">
{foreach from=$comments item=comment}
<li>
<div class="thumbnailCategory">
{if isset($comment.TN_SRC)}
<div class="illustration">
<a href="{$comment.U_PICTURE}">
<img src="{$comment.TN_SRC}" alt="{$comment.ALT}" />
</a>
</div>
{/if}
<div class="description">
{if isset($comment.U_DELETE) or isset($comment.U_VALIDATE) }
<ul class="actions" style="float:right">
{if isset($comment.U_DELETE)}
<li>
<a href="{$comment.U_DELETE}" title="{'delete this comment'|@translate}">
<img src="{$ROOT_URL}{$themeconf.icon_dir}/delete.png" class="button" alt="[delete]" />
</a>
</li>
{/if}
{if isset($comment.U_VALIDATE)}
<li>
<a href="{$comment.U_VALIDATE}" title="validate this comment">
<img src="{$ROOT_URL}{$themeconf.icon_dir}/validate_s.png" class="button" alt="[validate]" />
</a>
</li>
{/if}
</ul>
{/if}
<span class="author">{$comment.AUTHOR}</span> - <span class="date">{$comment.DATE}</span>
<blockquote>{$comment.CONTENT}</blockquote>
</div>
<div class="border">{* Sylvia needs that stupid dummy block *}&nbsp;</div>
</div>
{if isset($comment_separator)}
<hr/>
{/if}
{if isset($comment.TN_SRC)}
<div class="illustration">
<a href="{$comment.U_PICTURE}">
<img src="{$comment.TN_SRC}" alt="{$comment.ALT}" />
</a>
</div>
{/if}
<div class="description">
{if isset($comment.U_DELETE) or isset($comment.U_VALIDATE) }
<ul class="actions" style="float:right">
{if isset($comment.U_DELETE)}
<li>
<a href="{$comment.U_DELETE}" title="{'delete this comment'|@translate}">
<img src="{$ROOT_URL}{$themeconf.icon_dir}/delete.png" class="button" alt="[delete]" />
</a>
</li>
{/if}
{if isset($comment.U_VALIDATE)}
<li>
<a href="{$comment.U_VALIDATE}" title="validate this comment">
<img src="{$ROOT_URL}{$themeconf.icon_dir}/validate_s.png" class="button" alt="[validate]" />
</a>
</li>
{/if}
</ul>
{/if}
<span class="author">{$comment.AUTHOR}</span> - <span class="date">{$comment.DATE}</span>
<blockquote>{$comment.CONTENT}</blockquote>
</div>
</div>
</li>
{if isset($comment_separator)}
<hr/>
{/if}
{/foreach}
</ul>

View file

@ -276,7 +276,7 @@ TABLE.tagLetterContent {
#theNotificationPage dl,
#thePopuphelpPage dl { margin: 0 25px 25px; }
#content #comments ul.thumbnailCategories li { width:99%; }
/* jQuery datepicker */
img.ui-datepicker-trigger {
cursor : pointer;

Binary file not shown.

After

Width:  |  Height:  |  Size: 315 B

View file

@ -58,7 +58,7 @@ padding: 0 0 0 10px; margin: 0; }
.content .thumbnailCategory div.illustration a { display: block; margin: 0; padding:20px 0 0 8px; }
#content .thumbnailCategory div.description { background:transparent url(images/cat_top-right.gif) no-repeat scroll right top;
margin: 0; padding:15px 10px 3px 0; overflow: hidden; }
#content .thumbnailCategory div.border { background:transparent url(images/cat_bottom-right.gif) no-repeat scroll right bottom;
height:7px; margin:0; overflow:hidden; padding:0; width:100%; }
#content .thumbnailCategory div.description .text { display:block; margin:10px 2px 0 0;
overflow: auto; overflow-x:hidden; padding:0 0 5px; /* Only IE family supports colored scrollbar */
@ -90,6 +90,7 @@ border: 1px solid #666; /* thumbnails border color and style */
border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */ }
.content UL.thumbnails SPAN.wrap2:hover { color: #666;
background-color: #111; border:1px solid #ff3363; /* thumbnails border color when mouse cursor is over it */ }
#comments ul.actions li, #comments ul.actions li:hover { background:transparent none; padding: 0 22px; clear:both; }
A, INPUT.rateButton { color:#f70; border-width: 0; }
A:hover, A:active { color: #f33; border-bottom: 1px solid #f33; cursor: pointer; }
#theImage A, .illustration A, A.navThumb, A.navThumb { border-bottom-width: 0; }