aboutsummaryrefslogtreecommitdiffstats
path: root/template/yoga
diff options
context:
space:
mode:
authorvdigital <vdigital@piwigo.org>2008-10-10 22:16:52 +0000
committervdigital <vdigital@piwigo.org>2008-10-10 22:16:52 +0000
commit34f020326da96e912c9daa73ec8fdc414a212407 (patch)
tree20f5609050305c2824f0bfa1b20f2c95f4201760 /template/yoga
parent650a40bf78263cced01e9a1101a4d8bd944b388c (diff)
Comments page review. (Merge 2706)
git-svn-id: http://piwigo.org/svn/branches/2.0@2707 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to '')
-rw-r--r--template/yoga/comment_list.tpl71
-rw-r--r--template/yoga/default-layout.css2
-rw-r--r--template/yoga/icon/validate_s.pngbin0 -> 315 bytes
-rw-r--r--template/yoga/theme/Sylvia/theme.css3
4 files changed, 40 insertions, 36 deletions
diff --git a/template/yoga/comment_list.tpl b/template/yoga/comment_list.tpl
index d295015ed..57c2a73cb 100644
--- a/template/yoga/comment_list.tpl
+++ b/template/yoga/comment_list.tpl
@@ -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> \ No newline at end of file
diff --git a/template/yoga/default-layout.css b/template/yoga/default-layout.css
index f7b102a96..96a0f4a81 100644
--- a/template/yoga/default-layout.css
+++ b/template/yoga/default-layout.css
@@ -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;
diff --git a/template/yoga/icon/validate_s.png b/template/yoga/icon/validate_s.png
new file mode 100644
index 000000000..400bf8a24
--- /dev/null
+++ b/template/yoga/icon/validate_s.png
Binary files differ
diff --git a/template/yoga/theme/Sylvia/theme.css b/template/yoga/theme/Sylvia/theme.css
index 4ef7fd3fa..e7cedf685 100644
--- a/template/yoga/theme/Sylvia/theme.css
+++ b/template/yoga/theme/Sylvia/theme.css
@@ -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; }