feature 2588: rename css classes 'thumbnailCategories' and 'thumbnailCategory' on comment_list.tpl

git-svn-id: http://piwigo.org/svn/trunk@13697 68402e56-0260-453c-a942-63ccdbb3a9ee

2 files changed, 46 insertions, 7 deletions

diff --git a/themes/default/template/comment_list.tpl b/themes/default/template/comment_list.tpl
index 534d04bd7..315cbfe07 100644
--- a/themes/default/template/comment_list.tpl
+++ b/themes/default/template/comment_list.tpl
@@ -1,18 +1,18 @@
 {if isset($comment_derivative_params)}
 {strip}{html_style}
-.thumbnailCategory DIV.illustration{ldelim}
+.commentElement DIV.illustration{ldelim}
 	width: {$comment_derivative_params->max_width()+5}px;
 }
 
-.content .thumbnailCategory .description{ldelim}
+.content .commentElement .description{ldelim}
 	height: {$comment_derivative_params->max_height()+5}px;
 }
 {/html_style}{/strip}
 {/if}
-<ul class="thumbnailCategories">
+<ul class="commentsList">
 {foreach from=$comments item=comment name=comment_loop}
 <li>
-	<div class="thumbnailCategory {if $smarty.foreach.comment_loop.index is odd}odd{else}even{/if}">
+	<div class="commentElement {if $smarty.foreach.comment_loop.index is odd}odd{else}even{/if}">
 	{if isset($comment.src_image)}
 	<div class="illustration">
 		<a href="{$comment.U_PICTURE}">
diff --git a/themes/default/theme.css b/themes/default/theme.css
index 23fcf420c..fb646247a 100644
--- a/themes/default/theme.css
+++ b/themes/default/theme.css
@@ -261,8 +261,49 @@ TD.calDayHead {
 	padding-right: 5px;
 }
 
-#comments .description {
+.commentsList {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	overflow: hidden;
+	width: 100%;
+}
+
+.commentsList LI {
+	margin: 0;
+	padding: 0;
+	float: left;
+	width:99%;
+}
+
+.commentElement {
+	display:block;
+	padding: 2px 0 0 2px;
+	margin: 5px;
+}
+
+.commentElement .description {
 	font-size: 100%;
+	overflow: auto;
+	/*width: inherit;*/
+}
+
+.commentElement .description H3 {
+	text-align: left;
+	background: transparent;
+	margin: 0;
+	padding: 0.1em;
+	font-size: 120%;
+}
+
+.commentElement .description P {
+	margin: 0;
+}
+
+.commentElement DIV.illustration {
+	text-align: left;
+	margin: 2px 0 0 2px;
+	float: left;
 }
 
 /* Thumbnails */
@@ -673,8 +714,6 @@ TABLE.tagLetterContent {
 
 #theHeader {text-align: center;}
 
-#comments .thumbnailCategories LI { width:99%; }
-
 /* jQuery datepicker */
 IMG.ui-datepicker-trigger {
 	cursor : pointer;