Changeset 13697 for trunk/themes/default

Timestamp:

Mar 24, 2012, 9:33:18 PM (13 years ago)

Author:

mistic100

Message:

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

Location:

trunk/themes/default

Files:

• template/comment_list.tpl (modified) (1 diff)
• theme.css (modified) (2 diffs)

trunk/themes/default/template/comment_list.tpl

@@ -1 +1 @@
 {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">

trunk/themes/default/theme.css

@@ -262 +262 @@
 }
 
-#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;
 }
 
@@ -674 +715 @@
 #theHeader {text-align: center;}
 
-#comments .thumbnailCategories LI { width:99%; }
-
 /* jQuery datepicker */
 IMG.ui-datepicker-trigger {