#1 - Experimental layout.

modules/boonex/english/data/langs/system.xml

@@ -1162,8 +1162,8 @@ Please click "Continue" below to navigate to the home page of the site.]]></stri
 	<string name="_buried"><![CDATA[buried]]></string>
 	<string name="_toggle"><![CDATA[toggle]]></string>
 	<string name="_see_more"><![CDATA[see more]]></string>
-	<string name="_N_point"><![CDATA[<span>{0}</span> plus]]></string>
-	<string name="_N_points"><![CDATA[<span>{0}</span> pluses]]></string>
+	<string name="_cmt_point"><![CDATA[plus]]></string>
+	<string name="_cmt_points"><![CDATA[pluses]]></string>
 	<string name="_Plus"><![CDATA[Plus]]></string>
 	<string name="_Minus"><![CDATA[Minus]]></string>
 	<string name="_Remove"><![CDATA[Remove]]></string>

template/comment.html

@@ -1,4 +1,4 @@
-<li id="cmt__id__" class="__style_prefix____class__ cmt-border bx-def-padding-top">
+<li id="cmt__id__" class="__style_prefix____class__">
 	<a name="__system____id__"></a>
 	<div class="__style_prefix__-thumb bx-def-thumb bx-def-thumb-size">
 		<bx_if:show_icon>
@@ -25,31 +25,33 @@
 				<!-- Experimental Layout -->
 				<span class="__style_prefix__-reply-to bx-def-padding-left bx-def-font-small bx-def-font-grayed">
 					<bx_if:show_reply_to>
-						<bx_text:_in_reply_to /> <a href="__par_cmt_link__">__par_cmt_author__</a>
+						<span><bx_text:_in_reply_to />&nbsp;</span><a href="__par_cmt_link__">__par_cmt_author__</a>
 					</bx_if:show_reply_to>
 					<span class="bullet">&#183;</span><a class="__style_prefix__-ago" href="__view_link__">__ago__</a>
-					<span class="bullet">&#183;</span><span class="__style_prefix__-points">__points__</span>
+					<span class="bullet">&#183;</span><span class="__style_prefix__-points"><span>__points_num__</span>&nbsp;__points_txt__</span>
 				</span>
 				<!-- Experimental Layout -->
 			</div>
 			<div class="__style_prefix__-body bx-def-margin-thd-topbottom">
-				__text__<bx_if:show_more><span class="__style_prefix__-body-see-more">... <a href="javascript:void(0)" onclick="__js_object__.seeMore(this);"><bx_text:_see_more /></a></span><span style="display:none;"> __text_more__</span></bx_if:show_more>
+				__text__<bx_if:show_more><span class="__style_prefix__-body-see-more">... <a class="bx-def-font-small" href="javascript:void(0)" onclick="__js_object__.seeMore(this);"><bx_text:_see_more /></a></span><span style="display:none;"> __text_more__</span></bx_if:show_more>
 				<!-- Experimental Layout -->
-				<bx_if:show_rate>
-					<span class="bullet">&#183;</span><a class="__style_prefix__-comment-vote" title="<bx_text:_Plus />" href="javascript:void(0)" onclick="__js_object__.cmtRate(this, __id__, 1)"><bx_text:_Plus /></a>
-					<!--
-					<span class="bullet">&#183;</span><a class="__style_prefix__-comment-vote" title="<bx_text:_Minus />" href="javascript:void(0)" onclick="__js_object__.cmtRate(this, __id__, -1)"><bx_text:_Minus /></a>
-					-->
-				</bx_if:show_rate>
-				<bx_if:show_reply>
-					<span class="bullet">&#183;</span><a class="__style_prefix__-comment-reply" href="javascript:void(0)" onclick="__js_object__.toggleReply(this, __id__); return false;">__text__</a>
-				</bx_if:show_reply>
-				<bx_if:show_edit>
-					<span class="bullet">&#183;</span><a class="__style_prefix__-comment-manage-edit" title="<bx_text:_Edit />" href="javascript:void(0)" onclick="__js_object__.cmtEdit(this, __id__); return false;"><bx_text:_Edit /></a>
-				</bx_if:show_edit>
-				<bx_if:show_delete>
-					<span class="bullet">&#183;</span><a class="__style_prefix__-comment-manage-delete" title="<bx_text:_Delete />" href="javascript:void(0)" onclick="__js_object__.cmtRemove(this, __id__); return false;"><bx_text:_Delete /></a>
-				</bx_if:show_delete>
+				<span class="__style_prefix__-actions bx-def-padding-left bx-def-font-small bx-clearfix">
+					<bx_if:show_rate>
+						<span class="bullet">&#183;</span><a class="__style_prefix__-comment-vote" title="<bx_text:_Plus />" href="javascript:void(0)" onclick="__js_object__.cmtRate(this, __id__, 1)"><bx_text:_Plus /></a>
+						<!--
+						<span class="bullet">&#183;</span><a class="__style_prefix__-comment-vote" title="<bx_text:_Minus />" href="javascript:void(0)" onclick="__js_object__.cmtRate(this, __id__, -1)"><bx_text:_Minus /></a>
+						-->
+					</bx_if:show_rate>
+					<bx_if:show_reply>
+						<span class="bullet">&#183;</span><a class="__style_prefix__-comment-reply" href="javascript:void(0)" onclick="__js_object__.toggleReply(this, __id__); return false;">__text__</a>
+					</bx_if:show_reply>
+					<bx_if:show_edit>
+						<span class="bullet">&#183;</span><a class="__style_prefix__-comment-manage-edit" title="<bx_text:_Edit />" href="javascript:void(0)" onclick="__js_object__.cmtEdit(this, __id__); return false;"><bx_text:_Edit /></a>
+					</bx_if:show_edit>
+					<bx_if:show_delete>
+						<span class="bullet">&#183;</span><a class="__style_prefix__-comment-manage-delete" title="<bx_text:_Delete />" href="javascript:void(0)" onclick="__js_object__.cmtRemove(this, __id__); return false;"><bx_text:_Delete /></a>
+					</bx_if:show_delete>
+				</span>
 				<!-- Experimental Layout -->
 			</div>
 			__actions__

template/comment_actions.html

@@ -1,8 +1,6 @@
 <div class="__style_prefix__-actions bx-def-font-small bx-clearfix">
-	<!--
 	<span class="bullet">&#183;</span><a class="__style_prefix__-ago" href="__view_link__">__ago__</a>
 	<span class="bullet">&#183;</span><span class="__style_prefix__-points">__points__</span>
-	-->
 	<bx_if:show_rate>
 		<span class="bullet">&#183;</span><a class="__style_prefix__-comment-vote" title="<bx_text:_Plus />" href="javascript:void(0)" onclick="__js_object__.cmtRate(this, __id__, 1)"><bx_text:_Plus /></a>
 		<!--

template/css/cmts.css

@@ -107,7 +107,7 @@
     }
     div.cmt-thumb {
 		position: absolute;
-    	top: 20px;
+    	top: 0px;
     	left: 0px;
     	text-align: center;
     }
@@ -120,9 +120,20 @@
     span.cmt-author a {
         text-decoration: none;
     }
+    /*--- Experimental Layout ---*/
+    span.cmt-reply-to {
+		display: inline-block;
+    }
+	span.cmt-reply-to a,
+    span.cmt-reply-to span {
+		display: block;
+    	float: left;
+    	line-height: 0.8em;
+    }
     span.cmt-reply-to span.bullet:first-child {
 		display: none;
     }
+    /*--- Experimental Layout ---*/
     span.cmt-posted-ago {
         text-transform: lovercase;
     }
@@ -133,7 +144,20 @@
     span.cmt-body-see-more a {
 		font-weight: bold;
     }
+    span.cmt-actions {
+		display: inline-block;
+    }
+	span.cmt-actions a,
+    span.cmt-actions span.bullet {
+		display: block;
+    	float: left;
+    	line-height: 0.8em;
+    }
+    span.cmt-actions span.bullet:first-child {
+		display: none;
+    }
     /*--- Experimental Layout ---*/
+    /*
     div.cmt-actions {}
     div.cmt-actions a,
     div.cmt-actions span.bullet,
@@ -144,6 +168,7 @@
     div.cmt-actions span.bullet:first-child {
 		display: none;
     }
+    */
 
     /*--- Browse Styles ---*/
     div.cmt-browse {

template/scripts/BxBaseCmtsView.php

@@ -262,7 +262,8 @@ class BxBaseCmtsView extends BxDolCmts {
         		'cmt_id' => $r['cmt_id']
         	)),
         	'ago' => $r['cmt_ago'],
-        	'points' => _t($r['cmt_rate'] == 1 || $r['cmt_rate'] == -1 ? '_N_point' : '_N_points', $r['cmt_rate']),
+        	'points_num' => $r['cmt_rate'],
+        	'points_txt' => _t($r['cmt_rate'] == 1 || $r['cmt_rate'] == -1 ? '_cmt_point' : '_cmt_points'),
         	//--- Experimental layout ---//
         	'text' => $sText,
         	'bx_if:show_more' => array(