From f4269f2d44923c98bae0b31d7f302587e8b3209f Mon Sep 17 00:00:00 2001
From: danielgrippi <danielgrippi@gmail.com>
Date: Mon, 20 Feb 2012 13:02:58 -0800
Subject: [PATCH] DG RY; provide a background color to post author for
 legibility on post pages with background images

---
 .../templates/post-viewer/feedback.handlebars |  2 ++
 public/stylesheets/sass/new-templates.scss    | 25 +++++++++++++------
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/public/javascripts/app/templates/post-viewer/feedback.handlebars b/public/javascripts/app/templates/post-viewer/feedback.handlebars
index fa98a8c48..d8bf47265 100644
--- a/public/javascripts/app/templates/post-viewer/feedback.handlebars
+++ b/public/javascripts/app/templates/post-viewer/feedback.handlebars
@@ -1,6 +1,8 @@
+<!--
 <a href="#" class="label profile" title="{{current_user.name}}">
   <i class="icon-user icon-white"></i>
 </a>
+-->
 
 <a href="#" class="label like" title="{{#if user_like}} Unlike {{else}} Like {{/if}}">
   <i class="icon-heart icon-white"></i>
diff --git a/public/stylesheets/sass/new-templates.scss b/public/stylesheets/sass/new-templates.scss
index 212fb6a11..829cc940b 100644
--- a/public/stylesheets/sass/new-templates.scss
+++ b/public/stylesheets/sass/new-templates.scss
@@ -38,6 +38,12 @@ $light-grey: #999;
   opacity: $val;
 }
 
+@mixin border-radius($pixels:3px) {
+  -webkit-border-radius: $pixels;
+  -moz-border-radius: $pixels;
+  border-radius: $pixels;
+}
+
 @mixin transition($type, $speed) {
   -o-transition: $type $speed;
   -moz-transition: $type $speed;
@@ -237,28 +243,31 @@ $light-grey: #999;
 }
 
 #post-author {
+  @include border-radius();
+
   float: left;
   margin: 0;
 
+  padding: 5px;
+  padding-right: 10px;
+
+  background-color: rgba(255,255,255,0.6);
+  max-height: 35px;
+
   .avatar {
+    @include border-radius();
     height: 35px;
     width: 35px;
   }
 
-  i.icon-time,
-  i.icon-retweet {
-    @include opacity(0.5);
-  }
-
   .author-name {
-    text-shadow: 0 0 2px rgba(255,255,255,0.9);
     color: inherit;
     font-weight: bold;
   }
 
   .post-time {
-    color: $light-grey;
-    font-style: italic;
+    color: #000;
+    @include opacity(0.5);
   }
 
   .post-vitals {