refs #1684 : added - page / notice article summary design UI

-
Needlworks · Dec 3, 2014 · a0e9043 · a0e9043
1 parent a870df1
commit a0e9043
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 11 deletions.
diff --git a/skin/default/lucid/skin.html b/skin/default/lucid/skin.html
@@ -281,28 +281,47 @@ <h2>[##_keylog_rep_title_##]</h2>
 			<h2><a href="[##_notice_rep_link_##]">[##_notice_rep_title_##]</a></h2>
 		</header>
 		<article>
-			<ul>
-				<li class="date"><dfn>Posted</dfn> at <time>[##_notice_rep_date_##]</time></li>
-				<li class="author"><dfn>Posted</dfn> by <cite><a href="[##_article_rep_author_link_##]">[##_article_rep_author_##]</a></cite></li>
-				<li class="category"><dfn>Filed</dfn> under <a href="[##_blog_link_##]notice">Notice</a></li>
-			</ul>
 			[##_notice_rep_desc_##]
 		</article>
 	</section>
+	<section class="summary">
+		<article>
+			<dl class="dl-horizontal information">
+				<dt>Posted at</dt>
+				<dd class="posted date"><time>[##_notice_rep_date_##]</time></dd>
+				<dt>Last updated</dt>
+				<dd class="modified date"><time>[##_notice_rep_date_modified_##]</time></dd>
+				<dt>Author</dt>
+				<dd class="author"><cite><a href="[##_notice_rep_author_link_##]">[##_notice_rep_author_##]</a></cite></dd>
+				<dt>Filed under</dt>
+				<dd class="category"><a href="[##_blog_link_##]notice">Notice</a></dd>
+			</dl>
+		</article>
+	</section>
 	</s_notice_rep>
 	<s_page_rep> <!-- Notice and pages section ............................................ -->
 	<section class="page pages post">
 		<header>
 			<h2><a href="[##_page_rep_link_##]">[##_page_rep_title_##]</a></h2>
 		</header>
 		<article>
-			<ul>
-				<li class="date"><dfn>Posted</dfn> at <time>[##_page_rep_date_##]</time></li>
-				<li class="author"><dfn>Posted</dfn> by <cite><a href="[##_article_rep_author_link_##]">[##_article_rep_author_##]</a></cite></li>
-			</ul>
 			[##_page_rep_desc_##]
 		</article>
 	</section>
+	<section class="summary">
+		<article>
+			<dl class="dl-horizontal information">
+				<dt>Posted at</dt>
+				<dd class="posted date"><time>[##_page_rep_date_##]</time></dd>
+				<dt>Last updated</dt>
+				<dd class="modified date"><time>[##_page_rep_date_modified_##]</time></dd>
+				<dt>Author</dt>
+				<dd class="author"><cite><a href="[##_page_rep_author_link_##]">[##_page_rep_author_##]</a></cite></dd>
+				<dt>Filed under</dt>
+				<dd class="category"><a href="[##_blog_link_##]page">Page</a></dd>
+			</dl>
+		</article>
+	</section>
 	</s_page_rep>
 
 	<s_article_protected> <!-- Protected Posts section ...................................... -->
@@ -375,10 +394,10 @@ <h2><a href="[##_article_rep_link_##]">[##_article_rep_title_##]</a></h2>
 				<dt class="response">Leave Responses</dt>
 				<dd class="response">
 					<div class="btn-group">
-					<a id="[##_article_rep_tb_cnt_id_##]" href="#tb" onclick="[##_article_rep_tb_link_##]" label="Show/hide responses" class="btn btn-default">
+					<a id="[##_article_rep_tb_cnt_id_##]" href="#tb" onclick="[##_article_rep_tb_link_##]" label="Show/hide responses" class="btn btn-default btn-xs">
 					<s_tb_count><em>[##_article_rep_tb_cnt_##]</em> Trackbacks</s_tb_count>
 					</a>
-					<a id="[##_article_rep_rp_cnt_id_##]" href="#rp" onclick="[##_article_rep_rp_link_##]" title="Show/hide commments" class="btn btn-default">
+					<a id="[##_article_rep_rp_cnt_id_##]" href="#rp" onclick="[##_article_rep_rp_link_##]" title="Show/hide commments" class="btn btn-default btn-xs">
 					<s_rp_count><em>[##_article_rep_rp_cnt_##]</em> Comments</s_rp_count>
 					</a>
 					</div>

diff --git a/skin/default/lucid/style.css b/skin/default/lucid/style.css
@@ -120,6 +120,11 @@ dl.comments dd {
 	display:inline;
 }
 
+dl.comments dd.reply {
+	display:block;
+	padding-left:30px;
+}
+
 .summary {
 	margin-top:20px;
 	padding-top:20px;