CSS magic for news items. Thanks to Arne Babenhauserheide for a hint.

2 files changed, 51 insertions, 12 deletions

diff --git a/.templates/newsitem.tmpl b/.templates/newsitem.tmpl
index 97098ca5..1c8f2ae8 100644
--- a/.templates/newsitem.tmpl
+++ b/.templates/newsitem.tmpl
@@ -18,6 +18,18 @@
 <a href="<TMPL_VAR PAGEURL>"><TMPL_VAR TITLE></a>
 </TMPL_IF>
 </span>
+<TMPL_IF NAME="HAVE_ACTIONS">
+<div class="actions">
+<ul>
+<TMPL_IF NAME="EDITURL">
+<li><a href="<TMPL_VAR EDITURL>" rel="nofollow">Edit</a></li>
+</TMPL_IF>
+<TMPL_IF NAME="DISCUSSIONLINK">
+<li><TMPL_VAR DISCUSSIONLINK></li>
+</TMPL_IF>
+</ul>
+</div><!--.actions-->
+</TMPL_IF>
 
 </div><!--.newsitemheader-->
 
@@ -27,10 +39,14 @@
 
 <div class="newsitemfooter">
 
+<!-- The saved space is more important that the information this provides.
+
 <span class="pagedate">
 Posted <TMPL_VAR CTIME>
 </span>
 
+-->
+
 <TMPL_IF NAME="TAGS">
 <span class="tags">
 Tags:
@@ -40,6 +56,9 @@ Tags:
 </span>
 </TMPL_IF>
 
+<!-- For these tiny snippets we can abstain from displaying this again.  It
+should match the inlining page's information nevertheless.
+
 <TMPL_IF COPYRIGHT>
 <div class="pagecopyright">
 <TMPL_VAR COPYRIGHT>
@@ -52,18 +71,7 @@ License: <TMPL_VAR LICENSE>
 </div>
 </TMPL_IF>
 
-<TMPL_IF NAME="HAVE_ACTIONS">
-<div class="actions">
-<ul>
-<TMPL_IF NAME="EDITURL">
-<li><a href="<TMPL_VAR EDITURL>" rel="nofollow">Edit</a></li>
-</TMPL_IF>
-<TMPL_IF NAME="DISCUSSIONLINK">
-<li><TMPL_VAR DISCUSSIONLINK></li>
-</TMPL_IF>
-</ul>
-</div><!--.actions-->
-</TMPL_IF>
+-->
 
 </div><!--.newsitemfooter-->
 
diff --git a/local.css b/local.css
index 4b631f8e..032d7de5 100644
--- a/local.css
+++ b/local.css
@@ -129,6 +129,37 @@ pre
 	margin-right: auto;
 }
 
+/* News items on the front page.  */
+.newsitem
+{
+  border: 1px solid black;
+}
+.newsitem + .newsitem
+{
+  /* TODO: Why doesn't this work as I want it to work?  */
+//  border-top-style: none;
+}
+.newsitemheader
+{
+  max-width: 30%;
+  float: left;
+  margin-right: 10px;
+}
+.newsitem .header,
+.newsitem .author
+{
+  font-size: medium;
+}
+.newsitem .actions ul
+{
+  padding: 0;
+  border-bottom: 0;
+}
+.newsitem .actions li
+{
+  display: block;
+}
+
 .table_style_1
 {
   text-align: left;