From 2a8126bcac9df1b2ace539938fe83bf0eac43008 Mon Sep 17 00:00:00 2001
From: Wesley Moore <wez@wezm.net>
Date: Tue, 26 Jan 2010 16:26:49 +1100
Subject: [PATCH] Simple dates on right

---
 layouts/listing.html |  8 +++++---
 output/css/style.css | 29 ++++-------------------------
 2 files changed, 9 insertions(+), 28 deletions(-)

diff --git a/layouts/listing.html b/layouts/listing.html
index c93ecb1..f139211 100644
--- a/layouts/listing.html
+++ b/layouts/listing.html
@@ -27,7 +27,8 @@
           </abbr>
           <p>
             <strong><a href="<%= article.reps.first.path %>"><%= article[:title] %></a></strong>
-            A one sentence summary of this post would go here this one is longer then the other one.</p>
+            A one sentence summary of this post would go here this one is longer then the other one.
+          </p>
         </li>
       <% end %>
       </ul>
@@ -45,8 +46,9 @@
             <span class="year">2009</span> 
           </abbr> 
           <p> 
-            <strong><a href="/technical/2009/09/font-smoothing-in-snow-leopard/">Font Smoothing in Snow Leopard</a></strong> 
-            A one sentence summary of this post would go here this one is longer then the other one.</p> 
+            <strong><a href="/technical/2009/09/font-smoothing-in-snow-leopard/">A Long Post Title That Goes More Than a Line Possibly Going Into The Second Line</a></strong> 
+            A one sentence summary of this post would go.
+          </p> 
         </li> 
       <% sorted_articles[5..9].each do |article| %>
         <% post_date = WezM::Helpers.post_date(article) %>
diff --git a/output/css/style.css b/output/css/style.css
index 945e545..eff550a 100644
--- a/output/css/style.css
+++ b/output/css/style.css
@@ -182,32 +182,11 @@ ul#menu li {
   border-top: none;
   padding-top: 1em;
 }
-abbr.date {
+.column abbr {
   display: block;
-  width: 30px;
-  height: 60px;
-  float: left;
-  padding-right: 0.5em;
-}
-abbr.date span {
-  display: block;
-  text-align: center;
-}
-abbr.date .day {
-  font-size: 14px;
-  font-weight: bold;
-}
-abbr.date .month {
-  text-transform: uppercase;
-  font-family: "Helvetica Neue", Helvetica, "Liberation Sans", "Bitstream Vera Sans", Tahoma, Geneva, Arial, sans-serif;
-  font-size: 10px;
-}
-abbr.date .year {
-/*  border: 1px solid red;*/
-/*  -webkit-transform-origin: bottom right;
-  -webkit-transform: rotate(-90deg);*/
-  font-size: 9px;
-  font-family: "Helvetica Neue", Helvetica, "Liberation Sans", "Bitstream Vera Sans", Tahoma, Geneva, Arial, sans-serif;
+  font-size: 0.8em;
+  float: right;
+  color: #aaa;
 }
 
 /* Flickr thumbnails */