nodebb-theme-persona 12.0.9 → 12.0.12

package/templates/partials/modals/votes_modal.tpl

@@ -1,10 +1,10 @@
-<h3>[[global:upvoters]] <small>({upvoteCount})</small></h3>
-{{{each upvoters}}}
-<a href="{config.relative_path}/user/{upvoters.userslug}">{buildAvatar(upvoters, "sm", false)}</a>
-{{{end}}}
-<!-- IF showDownvotes -->
-<h3>[[global:downvoters]] <small>({downvoteCount})</small></h3>
-{{{each downvoters}}}
-<a href="{config.relative_path}/user/{downvoters.userslug}">{buildAvatar(downvoters, "sm", false)}</a>
-{{{end}}}
-<!-- ENDIF showDownvotes -->
+<h3>[[global:upvoters]] <small>({upvoteCount})</small></h3>
+{{{each upvoters}}}
+<a href="{config.relative_path}/user/{upvoters.userslug}">{buildAvatar(upvoters, "sm", false)}</a>
+{{{end}}}
+<!-- IF showDownvotes -->
+<h3>[[global:downvoters]] <small>({downvoteCount})</small></h3>
+{{{each downvoters}}}
+<a href="{config.relative_path}/user/{downvoters.userslug}">{buildAvatar(downvoters, "sm", false)}</a>
+{{{end}}}
+<!-- ENDIF showDownvotes -->

package/templates/partials/move_thread_modal.tpl

@@ -1,17 +1,17 @@
-<div id="move_thread_modal" class="modal" tabindex="-1" role="dialog" aria-labelledby="Move Topic" aria-hidden="true">
-	<div class="modal-dialog">
-		<div class="modal-content">
-			<div class="modal-header">
-				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
-				<h3>[[topic:move_topic]]</h3>
-			</div>
-			<div class="modal-body">
-				<!-- IMPORT partials/category-selector.tpl -->
-			</div>
-			<div class="modal-footer">
-				<button type="button" class="btn btn-default" data-dismiss="modal" id="move_thread_cancel">[[global:buttons.close]]</button>
-				<button type="button" class="btn btn-primary" id="move_thread_commit" disabled>[[topic:confirm_move]]</button>
-			</div>
-		</div>
-	</div>
+<div id="move_thread_modal" class="modal" tabindex="-1" role="dialog" aria-labelledby="Move Topic" aria-hidden="true">
+	<div class="modal-dialog">
+		<div class="modal-content">
+			<div class="modal-header">
+				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+				<h3>[[topic:move_topic]]</h3>
+			</div>
+			<div class="modal-body">
+				<!-- IMPORT partials/category-selector.tpl -->
+			</div>
+			<div class="modal-footer">
+				<button type="button" class="btn btn-default" data-dismiss="modal" id="move_thread_cancel">[[global:buttons.close]]</button>
+				<button type="button" class="btn btn-primary" id="move_thread_commit" disabled>[[topic:confirm_move]]</button>
+			</div>
+		</div>
+	</div>
 </div>

package/templates/partials/paginator.tpl

@@ -1,45 +1,45 @@
-<div component="pagination" class="text-center pagination-container<!-- IF !pagination.pages.length --> hidden<!-- ENDIF !pagination.pages.length -->">
-	<ul class="pagination hidden-xs">
-		<li class="previous pull-left<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->">
-			<a href="?{pagination.prev.qs}" data-page="{pagination.prev.page}"><i class="fa fa-chevron-left"></i> </a>
-		</li>
-
-		{{{each pagination.pages}}}
-			<!-- IF pagination.pages.separator -->
-			<li component="pagination/select-page" class="page select-page">
-				<a href="#"><i class="fa fa-ellipsis-h"></i></a>
-			</li>
-			<!-- ELSE -->
-			<li class="page<!-- IF pagination.pages.active --> active<!-- ENDIF pagination.pages.active -->" >
-				<a href="?{pagination.pages.qs}" data-page="{pagination.pages.page}">{pagination.pages.page}</a>
-			</li>
-			<!-- ENDIF pagination.pages.separator -->
-		{{{end}}}
-
-		<li class="next pull-right<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->">
-			<a href="?{pagination.next.qs}" data-page="{pagination.next.page}"> <i class="fa fa-chevron-right"></i></a>
-		</li>
-	</ul>
-
-	<ul class="pagination hidden-sm hidden-md hidden-lg">
-		<li class="first<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->">
-			<a href="?{pagination.first.qs}" data-page="1"><i class="fa fa-fast-backward"></i> </a>
-		</li>
-
-		<li class="previous<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->">
-			<a href="?{pagination.prev.qs}" data-page="{pagination.prev.page}"><i class="fa fa-chevron-left"></i> </a>
-		</li>
-
-		<li component="pagination/select-page" class="page select-page">
-			<a href="#">{pagination.currentPage} / {pagination.pageCount}</a>
-		</li>
-
-		<li class="next<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->">
-			<a href="?{pagination.next.qs}" data-page="{pagination.next.page}"> <i class="fa fa-chevron-right"></i></a>
-		</li>
-
-		<li class="last<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->">
-			<a href="?{pagination.last.qs}" data-page="{pagination.pageCount}"><i class="fa fa-fast-forward"></i> </a>
-		</li>
-	</ul>
+<div component="pagination" class="text-center pagination-container<!-- IF !pagination.pages.length --> hidden<!-- ENDIF !pagination.pages.length -->">
+	<ul class="pagination hidden-xs">
+		<li class="previous pull-left<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->">
+			<a href="?{pagination.prev.qs}" data-page="{pagination.prev.page}"><i class="fa fa-chevron-left"></i> </a>
+		</li>
+
+		{{{each pagination.pages}}}
+			<!-- IF pagination.pages.separator -->
+			<li component="pagination/select-page" class="page select-page">
+				<a href="#"><i class="fa fa-ellipsis-h"></i></a>
+			</li>
+			<!-- ELSE -->
+			<li class="page<!-- IF pagination.pages.active --> active<!-- ENDIF pagination.pages.active -->" >
+				<a href="?{pagination.pages.qs}" data-page="{pagination.pages.page}">{pagination.pages.page}</a>
+			</li>
+			<!-- ENDIF pagination.pages.separator -->
+		{{{end}}}
+
+		<li class="next pull-right<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->">
+			<a href="?{pagination.next.qs}" data-page="{pagination.next.page}"> <i class="fa fa-chevron-right"></i></a>
+		</li>
+	</ul>
+
+	<ul class="pagination hidden-sm hidden-md hidden-lg">
+		<li class="first<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->">
+			<a href="?{pagination.first.qs}" data-page="1"><i class="fa fa-fast-backward"></i> </a>
+		</li>
+
+		<li class="previous<!-- IF !pagination.prev.active --> disabled<!-- ENDIF !pagination.prev.active -->">
+			<a href="?{pagination.prev.qs}" data-page="{pagination.prev.page}"><i class="fa fa-chevron-left"></i> </a>
+		</li>
+
+		<li component="pagination/select-page" class="page select-page">
+			<a href="#">{pagination.currentPage} / {pagination.pageCount}</a>
+		</li>
+
+		<li class="next<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->">
+			<a href="?{pagination.next.qs}" data-page="{pagination.next.page}"> <i class="fa fa-chevron-right"></i></a>
+		</li>
+
+		<li class="last<!-- IF !pagination.next.active --> disabled<!-- ENDIF !pagination.next.active -->">
+			<a href="?{pagination.last.qs}" data-page="{pagination.pageCount}"><i class="fa fa-fast-forward"></i> </a>
+		</li>
+	</ul>
 </div>

package/templates/partials/post_bar.tpl

@@ -1,20 +1,20 @@
-<div class="topic-main-buttons pull-right inline-block">
-	<span class="loading-indicator btn pull-left hidden" done="0">
-		<span class="hidden-xs">[[topic:loading_more_posts]]</span> <i class="fa fa-refresh fa-spin"></i>
-	</span>
-
-	<!-- IF loggedIn -->
-	<button component="topic/mark-unread" class="btn btn-sm btn-default" title="[[topic:mark_unread]]">
-		<i class="fa fa-fw fa-inbox"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline"></span>
-	</button>
-	<!-- ENDIF loggedIn -->
-
-	<!-- IMPORT partials/topic/watch.tpl -->
-
-	<!-- IMPORT partials/topic/sort.tpl -->
-
-	<div class="inline-block">
-	<!-- IMPORT partials/thread_tools.tpl -->
-	</div>
-	<!-- IMPORT partials/topic/reply-button.tpl -->
-</div>
+<div class="topic-main-buttons pull-right inline-block">
+	<span class="loading-indicator btn pull-left hidden" done="0">
+		<span class="hidden-xs">[[topic:loading_more_posts]]</span> <i class="fa fa-refresh fa-spin"></i>
+	</span>
+
+	<!-- IF loggedIn -->
+	<button component="topic/mark-unread" class="btn btn-sm btn-default" title="[[topic:mark_unread]]">
+		<i class="fa fa-fw fa-inbox"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline"></span>
+	</button>
+	<!-- ENDIF loggedIn -->
+
+	<!-- IMPORT partials/topic/watch.tpl -->
+
+	<!-- IMPORT partials/topic/sort.tpl -->
+
+	<div class="inline-block">
+	<!-- IMPORT partials/thread_tools.tpl -->
+	</div>
+	<!-- IMPORT partials/topic/reply-button.tpl -->
+</div>

package/templates/partials/posts_list.tpl

@@ -1,8 +1,8 @@
-<ul component="posts" class="posts-list" data-nextstart="{nextStart}">
-	{{{each posts}}}
-	<!-- IMPORT partials/posts_list_item.tpl -->
-	{{{end}}}
-</ul>
-<div component="posts/loading" class="loading-indicator text-center hidden">
-	<i class="fa fa-refresh fa-spin"></i>
+<ul component="posts" class="posts-list" data-nextstart="{nextStart}">
+	{{{each posts}}}
+	<!-- IMPORT partials/posts_list_item.tpl -->
+	{{{end}}}
+</ul>
+<div component="posts/loading" class="loading-indicator text-center hidden">
+	<i class="fa fa-refresh fa-spin"></i>
 </div>

package/templates/partials/quick-search-results.tpl

@@ -1,31 +1,31 @@
-<ul id="quick-search-results" class="quick-search-results">
-{{{each posts}}}
-<li data-tid="{posts.topic.tid}" data-pid="{posts.pid}">
-	<a href="{config.relative_path}/post/{posts.pid}" class="deco-none">
-		{buildAvatar(posts.user, "sm", true)}
-		<span class="quick-search-title">{posts.topic.title}</span>
-		<br/>
-		<p class="snippet">
-		{posts.snippet}
-		</p>
-		<small class="post-info pull-right">
-			<span class="fa-stack" style="{function.generateCategoryBackground, posts.category}"><i style="color:{posts.category.color};" class="fa {posts.category.icon} fa-stack-1x"></i></span> {posts.category.name} &bull;
-			<span class="timeago" title="{posts.timestampISO}"></span>
-		</small>
-	 </a>
-</li>
-<!-- IF !@last -->
-<li role="separator" class="divider"></li>
-<!-- ENDIF -->
-{{{end}}}
-</ul>
-<!-- IF multiplePages -->
-<div class="text-center">
-	<a href="{url}">
-		[[search:see-more-results, {matchCount}]]
-	</a>
-</div>
-<!-- ENDIF multiplePages -->
-{{{if !posts.length}}}
-<div class="text-center no-results">[[search:no-matches]]</li>
+<ul id="quick-search-results" class="quick-search-results">
+{{{each posts}}}
+<li data-tid="{posts.topic.tid}" data-pid="{posts.pid}">
+	<a href="{config.relative_path}/post/{posts.pid}" class="deco-none">
+		{buildAvatar(posts.user, "sm", true)}
+		<span class="quick-search-title">{posts.topic.title}</span>
+		<br/>
+		<p class="snippet">
+		{posts.snippet}
+		</p>
+		<small class="post-info pull-right">
+			<span class="fa-stack" style="{function.generateCategoryBackground, posts.category}"><i style="color:{posts.category.color};" class="fa {posts.category.icon} fa-stack-1x"></i></span> {posts.category.name} &bull;
+			<span class="timeago" title="{posts.timestampISO}"></span>
+		</small>
+	 </a>
+</li>
+<!-- IF !@last -->
+<li role="separator" class="divider"></li>
+<!-- ENDIF -->
+{{{end}}}
+</ul>
+<!-- IF multiplePages -->
+<div class="text-center">
+	<a href="{url}">
+		[[search:see-more-results, {matchCount}]]
+	</a>
+</div>
+<!-- ENDIF multiplePages -->
+{{{if !posts.length}}}
+<div class="text-center no-results">[[search:no-matches]]</li>
 {{{end}}}

package/templates/partials/slideout-menu.tpl

@@ -1,4 +1,4 @@
-<section class="menu-section" data-section="navigation">
-	<ul class="menu-section-list"></ul>
-</section>
-
+<section class="menu-section" data-section="navigation">
+	<ul class="menu-section-list"></ul>
+</section>
+

package/templates/partials/tags_list.tpl

@@ -1,5 +1,5 @@
-{{{each tags}}}
-<h3 class="pull-left tag-container">
-	<a href="{config.relative_path}/tags/{tags.valueEncoded}" data-value="{tags.valueEscaped}"><span class="tag-item tag-class-{tags.class}" data-tag="{tags.valueEscaped}">{tags.valueEscaped}</span><span class="tag-topic-count human-readable-number" title="{tags.score}">{tags.score}</span></a>
-</h3>
+{{{each tags}}}
+<h3 class="pull-left tag-container">
+	<a href="{config.relative_path}/tags/{tags.valueEncoded}" data-value="{tags.valueEscaped}"><span class="tag-item tag-class-{tags.class}" data-tag="{tags.valueEscaped}">{tags.valueEscaped}</span><span class="tag-topic-count human-readable-number" title="{tags.score}">{tags.score}</span></a>
+</h3>
 {{{end}}}

package/templates/partials/thread_tools.tpl

@@ -1,8 +1,8 @@
-<!-- IF privileges.view_thread_tools -->
-<div title="[[topic:thread_tools.title]]" class="btn-group thread-tools bottom-sheet">
-	<button class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown" type="button">
-		<i class="fa fa-fw fa-gear"></i>
-	</button>
-	<ul class="dropdown-menu dropdown-menu-right"></ul>
-</div>
+<!-- IF privileges.view_thread_tools -->
+<div title="[[topic:thread_tools.title]]" class="btn-group thread-tools bottom-sheet">
+	<button class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown" type="button">
+		<i class="fa fa-fw fa-gear"></i>
+	</button>
+	<ul class="dropdown-menu dropdown-menu-right"></ul>
+</div>
 <!-- ENDIF privileges.view_thread_tools -->

package/templates/partials/topic/badge.tpl

@@ -1,5 +1,5 @@
-{{{each posts.user.selectedGroups}}}
-<!-- IF posts.user.selectedGroups.slug -->
-<a href="{config.relative_path}/groups/{posts.user.selectedGroups.slug}"><small class="label group-label inline-block" style="color:{posts.user.selectedGroups.textColor};background-color: {posts.user.selectedGroups.labelColor};"><!-- IF posts.user.selectedGroups.icon --><i class="fa {posts.user.selectedGroups.icon}"></i> <!-- ENDIF posts.user.selectedGroups.icon -->{posts.user.selectedGroups.userTitle}</small></a>
-<!-- ENDIF posts.user.selectedGroups.slug -->
+{{{each posts.user.selectedGroups}}}
+<!-- IF posts.user.selectedGroups.slug -->
+<a href="{config.relative_path}/groups/{posts.user.selectedGroups.slug}"><small class="label group-label inline-block" style="color:{posts.user.selectedGroups.textColor};background-color: {posts.user.selectedGroups.labelColor};"><!-- IF posts.user.selectedGroups.icon --><i class="fa {posts.user.selectedGroups.icon}"></i> <!-- ENDIF posts.user.selectedGroups.icon -->{posts.user.selectedGroups.userTitle}</small></a>
+<!-- ENDIF posts.user.selectedGroups.slug -->
 {{{end}}}

package/templates/partials/topic/deleted-message.tpl

@@ -1,11 +1,11 @@
-<div component="topic/deleted/message" class="alert alert-warning<!-- IF !deleted --> hidden<!-- ENDIF !deleted --> clearfix">
-    <span class="pull-left">[[topic:deleted_message]]</span>
-    <span class="pull-right">
-        <!-- IF deleter -->
-        <a href="{config.relative_path}/user/{deleter.userslug}">
-            <strong>{deleter.username}</strong>
-        </a>
-        <small class="timeago" title="{deletedTimestampISO}"></small>
-        <!-- ENDIF deleter -->
-    </span>
+<div component="topic/deleted/message" class="alert alert-warning<!-- IF !deleted --> hidden<!-- ENDIF !deleted --> clearfix">
+    <span class="pull-left">[[topic:deleted_message]]</span>
+    <span class="pull-right">
+        <!-- IF deleter -->
+        <a href="{config.relative_path}/user/{deleter.userslug}">
+            <strong>{deleter.username}</strong>
+        </a>
+        <small class="timeago" title="{deletedTimestampISO}"></small>
+        <!-- ENDIF deleter -->
+    </span>
 </div>

package/templates/partials/topic/navigation-post.tpl

@@ -1,12 +1,12 @@
-<div class="clearfix">
-	<div class="icon pull-left">
-		<a href="<!-- IF post.user.userslug -->{config.relative_path}/user/{post.user.userslug}<!-- ELSE -->#<!-- ENDIF post.user.userslug -->">
-			{buildAvatar(post.user, "sm", true, "", "user/picture")} {post.user.username}
-		</a>
-	</div>
-	<small class="pull-right">
-		<span class="timeago" title="{post.timestampISO}"></span>
-	</small>
-</div>
-
+<div class="clearfix">
+	<div class="icon pull-left">
+		<a href="<!-- IF post.user.userslug -->{config.relative_path}/user/{post.user.userslug}<!-- ELSE -->#<!-- ENDIF post.user.userslug -->">
+			{buildAvatar(post.user, "sm", true, "", "user/picture")} {post.user.username}
+		</a>
+	</div>
+	<small class="pull-right">
+		<span class="timeago" title="{post.timestampISO}"></span>
+	</small>
+</div>
+
 <div>{post.content}</div>

package/templates/partials/topic/necro-post.tpl

@@ -1,3 +1,3 @@
-<li component="topic/necro-post" class="necro-post timeline-event">
-	<span class="timeline-text">{text}</span>
+<li component="topic/necro-post" class="necro-post timeline-event">
+	<span class="timeline-text">{text}</span>
 </li>

package/templates/partials/topic/post-menu-list.tpl

@@ -72,7 +72,7 @@
 	</li>
 	<!-- END -->
 
-	<!-- IF config.loggedIn -->
+	{{{ if config.loggedIn }}}
 	<li>
 		<a component="post/bookmark" role="menuitem" tabindex="-1" href="#" data-bookmarked="{posts.bookmarked}">
 			<span class="menu-icon">
@@ -83,7 +83,13 @@
 			<span component="post/bookmark-count" class="bookmarkCount badge" data-bookmarks="{posts.bookmarks}">{posts.bookmarks}</span>&nbsp;
 		</a>
 	</li>
-	<!-- ENDIF config.loggedIn -->
+	{{{ end }}}
+
+	<li>
+		<a role="menuitem" tabindex="-1" href="#" data-clipboard-text="{posts.absolute_url}">
+			<i class="fa fa-fw fa-link"></i> [[topic:copy-permalink]]
+		</a>
+	</li>
 
 	<!-- IF postSharing.length -->
 	<!-- IF config.loggedIn --><li class="divider"></li><!-- ENDIF config.loggedIn -->

package/templates/partials/topic/post.tpl

@@ -1,106 +1,106 @@
-<div class="clearfix post-header">
-	<div class="icon pull-left">
-		<a href="<!-- IF posts.user.userslug -->{config.relative_path}/user/{posts.user.userslug}<!-- ELSE -->#<!-- ENDIF posts.user.userslug -->">
-			{buildAvatar(posts.user, "sm2x", true, "", "user/picture")}
-			<i component="user/status" class="fa fa-circle status {posts.user.status}" title="[[global:{posts.user.status}]]"></i>
-		</a>
-	</div>
-
-	<small class="pull-left">
-		<strong>
-			<a href="<!-- IF posts.user.userslug -->{config.relative_path}/user/{posts.user.userslug}<!-- ELSE -->#<!-- ENDIF posts.user.userslug -->" itemprop="author" data-username="{posts.user.username}" data-uid="{posts.user.uid}">{posts.user.displayname}</a>
-		</strong>
-
-		<!-- IMPORT partials/topic/badge.tpl -->
-
-		<!-- IF posts.user.banned -->
-		<span class="label label-danger">[[user:banned]]</span>
-		<!-- ENDIF posts.user.banned -->
-
-		<span class="visible-xs-inline-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block">
-			<!-- IF posts.toPid -->
-			<a component="post/parent" class="btn btn-xs btn-default hidden-xs" data-topid="{posts.toPid}" href="{config.relative_path}/post/{posts.toPid}"><i class="fa fa-reply"></i> @<!-- IF posts.parent.username -->{posts.parent.username}<!-- ELSE -->[[global:guest]]<!-- ENDIF posts.parent.username --></a>
-			<!-- ENDIF posts.toPid -->
-
-			<span>
-				<!-- IF posts.user.custom_profile_info.length -->
-				&#124;
-				{{{each posts.user.custom_profile_info}}}
-				{posts.user.custom_profile_info.content}
-				{{{end}}}
-				<!-- ENDIF posts.user.custom_profile_info.length -->
-			</span>
-		</span>
-
-	</small>
-	<small class="pull-right">
-		<span class="bookmarked"><i class="fa fa-bookmark-o"></i></span>
-	</small>
-	<small class="pull-right">
-		<i component="post/edit-indicator" class="fa fa-pencil-square<!-- IF privileges.posts:history --> pointer<!-- END --> edit-icon <!-- IF !posts.editor.username -->hidden<!-- ENDIF !posts.editor.username -->"></i>
-
-		<small data-editor="{posts.editor.userslug}" component="post/editor" class="hidden">[[global:last_edited_by, {posts.editor.username}]] <span class="timeago" title="{posts.editedISO}"></span></small>
-
-		<span class="visible-xs-inline-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block">
-			<a class="permalink" href="{config.relative_path}/post/{posts.pid}"><span class="timeago" title="{posts.timestampISO}"></span></a>
-		</span>
-	</small>
-</div>
-
-<br />
-
-<div class="content" component="post/content" itemprop="text">
-	{posts.content}
-</div>
-
-<div class="post-footer">
-	{{{ if posts.user.signature }}}
-	<div component="post/signature" data-uid="{posts.user.uid}" class="post-signature">{posts.user.signature}</div>
-	{{{ end }}}
-
-	<div class="clearfix">
-	{{{ if !hideReplies }}}
-	<a component="post/reply-count" data-target-component="post/replies/container" href="#" class="threaded-replies no-select pull-left {{{ if !posts.replies.count }}}hidden{{{ end }}}">
-		<span component="post/reply-count/avatars" class="avatars {{{ if posts.replies.hasMore }}}hasMore{{{ end }}}">
-			{{{each posts.replies.users}}}
-			{buildAvatar(posts.replies.users, "xs", true, "")}
-			{{{end}}}
-		</span>
-
-		<span class="replies-count" component="post/reply-count/text" data-replies="{posts.replies.count}">{posts.replies.text}</span>
-		<span class="replies-last hidden-xs">[[topic:last_reply_time]] <span class="timeago" title="{posts.replies.timestampISO}"></span></span>
-
-		<i class="fa fa-fw fa-chevron-right" component="post/replies/open"></i>
-		<i class="fa fa-fw fa-chevron-down hidden" component="post/replies/close"></i>
-		<i class="fa fa-fw fa-spin fa-spinner hidden" component="post/replies/loading"></i>
-	</a>
-	{{{ end }}}
-
-	<small class="pull-right">
-		<!-- IMPORT partials/topic/reactions.tpl -->
-		<span class="post-tools">
-			<a component="post/reply" href="#" class="no-select <!-- IF !privileges.topics:reply -->hidden<!-- ENDIF !privileges.topics:reply -->">[[topic:reply]]</a>
-			<a component="post/quote" href="#" class="no-select <!-- IF !privileges.topics:reply -->hidden<!-- ENDIF !privileges.topics:reply -->">[[topic:quote]]</a>
-		</span>
-
-		<!-- IF !reputation:disabled -->
-		<span class="votes">
-			<a component="post/upvote" href="#" class="<!-- IF posts.upvoted -->upvoted<!-- ENDIF posts.upvoted -->">
-				<i class="fa fa-chevron-up"></i>
-			</a>
-
-			<span component="post/vote-count" data-votes="{posts.votes}">{posts.votes}</span>
-
-			<!-- IF !downvote:disabled -->
-			<a component="post/downvote" href="#" class="<!-- IF posts.downvoted -->downvoted<!-- ENDIF posts.downvoted -->">
-				<i class="fa fa-chevron-down"></i>
-			</a>
-			<!-- ENDIF !downvote:disabled -->
-		</span>
-		<!-- ENDIF !reputation:disabled -->
-
-		<!-- IMPORT partials/topic/post-menu.tpl -->
-	</small>
-	</div>
-	<div component="post/replies/container"></div>
+<div class="clearfix post-header">
+	<div class="icon pull-left">
+		<a href="<!-- IF posts.user.userslug -->{config.relative_path}/user/{posts.user.userslug}<!-- ELSE -->#<!-- ENDIF posts.user.userslug -->">
+			{buildAvatar(posts.user, "sm2x", true, "", "user/picture")}
+			<i component="user/status" class="fa fa-circle status {posts.user.status}" title="[[global:{posts.user.status}]]"></i>
+		</a>
+	</div>
+
+	<small class="pull-left">
+		<strong>
+			<a href="<!-- IF posts.user.userslug -->{config.relative_path}/user/{posts.user.userslug}<!-- ELSE -->#<!-- ENDIF posts.user.userslug -->" itemprop="author" data-username="{posts.user.username}" data-uid="{posts.user.uid}">{posts.user.displayname}</a>
+		</strong>
+
+		<!-- IMPORT partials/topic/badge.tpl -->
+
+		<!-- IF posts.user.banned -->
+		<span class="label label-danger">[[user:banned]]</span>
+		<!-- ENDIF posts.user.banned -->
+
+		<span class="visible-xs-inline-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block">
+			<!-- IF posts.toPid -->
+			<a component="post/parent" class="btn btn-xs btn-default hidden-xs" data-topid="{posts.toPid}" href="{config.relative_path}/post/{posts.toPid}"><i class="fa fa-reply"></i> @<!-- IF posts.parent.username -->{posts.parent.username}<!-- ELSE -->[[global:guest]]<!-- ENDIF posts.parent.username --></a>
+			<!-- ENDIF posts.toPid -->
+
+			<span>
+				<!-- IF posts.user.custom_profile_info.length -->
+				&#124;
+				{{{each posts.user.custom_profile_info}}}
+				{posts.user.custom_profile_info.content}
+				{{{end}}}
+				<!-- ENDIF posts.user.custom_profile_info.length -->
+			</span>
+		</span>
+
+	</small>
+	<small class="pull-right">
+		<span class="bookmarked"><i class="fa fa-bookmark-o"></i></span>
+	</small>
+	<small class="pull-right">
+		<i component="post/edit-indicator" class="fa fa-pencil-square<!-- IF privileges.posts:history --> pointer<!-- END --> edit-icon <!-- IF !posts.editor.username -->hidden<!-- ENDIF !posts.editor.username -->"></i>
+
+		<small data-editor="{posts.editor.userslug}" component="post/editor" class="hidden">[[global:last_edited_by, {posts.editor.username}]] <span class="timeago" title="{posts.editedISO}"></span></small>
+
+		<span class="visible-xs-inline-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block">
+			<a class="permalink" href="{config.relative_path}/post/{posts.pid}"><span class="timeago" title="{posts.timestampISO}"></span></a>
+		</span>
+	</small>
+</div>
+
+<br />
+
+<div class="content" component="post/content" itemprop="text">
+	{posts.content}
+</div>
+
+<div class="post-footer">
+	{{{ if posts.user.signature }}}
+	<div component="post/signature" data-uid="{posts.user.uid}" class="post-signature">{posts.user.signature}</div>
+	{{{ end }}}
+
+	<div class="clearfix">
+	{{{ if !hideReplies }}}
+	<a component="post/reply-count" data-target-component="post/replies/container" href="#" class="threaded-replies no-select pull-left {{{ if !posts.replies.count }}}hidden{{{ end }}}">
+		<span component="post/reply-count/avatars" class="avatars {{{ if posts.replies.hasMore }}}hasMore{{{ end }}}">
+			{{{each posts.replies.users}}}
+			{buildAvatar(posts.replies.users, "xs", true, "")}
+			{{{end}}}
+		</span>
+
+		<span class="replies-count" component="post/reply-count/text" data-replies="{posts.replies.count}">{posts.replies.text}</span>
+		<span class="replies-last hidden-xs">[[topic:last_reply_time]] <span class="timeago" title="{posts.replies.timestampISO}"></span></span>
+
+		<i class="fa fa-fw fa-chevron-right" component="post/replies/open"></i>
+		<i class="fa fa-fw fa-chevron-down hidden" component="post/replies/close"></i>
+		<i class="fa fa-fw fa-spin fa-spinner hidden" component="post/replies/loading"></i>
+	</a>
+	{{{ end }}}
+
+	<small class="pull-right">
+		<!-- IMPORT partials/topic/reactions.tpl -->
+		<span class="post-tools">
+			<a component="post/reply" href="#" class="no-select <!-- IF !privileges.topics:reply -->hidden<!-- ENDIF !privileges.topics:reply -->">[[topic:reply]]</a>
+			<a component="post/quote" href="#" class="no-select <!-- IF !privileges.topics:reply -->hidden<!-- ENDIF !privileges.topics:reply -->">[[topic:quote]]</a>
+		</span>
+
+		<!-- IF !reputation:disabled -->
+		<span class="votes">
+			<a component="post/upvote" href="#" class="<!-- IF posts.upvoted -->upvoted<!-- ENDIF posts.upvoted -->">
+				<i class="fa fa-chevron-up"></i>
+			</a>
+
+			<span component="post/vote-count" data-votes="{posts.votes}">{posts.votes}</span>
+
+			<!-- IF !downvote:disabled -->
+			<a component="post/downvote" href="#" class="<!-- IF posts.downvoted -->downvoted<!-- ENDIF posts.downvoted -->">
+				<i class="fa fa-chevron-down"></i>
+			</a>
+			<!-- ENDIF !downvote:disabled -->
+		</span>
+		<!-- ENDIF !reputation:disabled -->
+
+		<!-- IMPORT partials/topic/post-menu.tpl -->
+	</small>
+	</div>
+	<div component="post/replies/container"></div>
 </div>