small color changes

app/views/authors/show.html.haml

@@ -17,5 +17,5 @@
 #content_bottom
   .back
     = link_to "⇧ ostatus", ostatus_path
-  .button.right
+  .right
-    = link_to 'Unsubscribe', @author, :confirm => 'Are you sure?', :method => :delete
+    = link_to 'Unsubscribe', @author, :confirm => 'Are you sure?', :method => :delete, :class => "button"

app/views/photos/show.html.haml

@@ -3,8 +3,8 @@
     = link_to "⇧ #{@album.name}", album_path(@album)
   = @photo.image
 
-  .button.right
+  .right
-    = link_to 'Edit Photo', edit_photo_path(@photo)
+    = link_to 'Edit Photo', edit_photo_path(@photo), :class => "button"
 
 .sub_header
   = link_to "full size", @photo.image.url
@@ -23,8 +23,8 @@
     .back
       = link_to "⇧ #{@album.name}", album_path(@album)
     -if mine? @album
-      .button.right
+      .right
-        = link_to 'Delete Photo', @photo, :confirm => 'Are you sure?', :method => :delete
+        = link_to 'Delete Photo', @photo, :confirm => 'Are you sure?', :method => :delete, :class => "button"
 
   %h4{:class => "show_post_comments"}
     = "comments (#{@photo.comments.count})"

app/views/status_messages/_status_message.html.haml

@@ -14,4 +14,4 @@
 
   - if mine?(post)
     .destroy_link
-      = link_to 'Delete', status_message_path(post), :confirm => 'Are you sure?', :method => :delete, :remote => true
+      = link_to 'Delete', status_message_path(post), :confirm => 'Are you sure?', :method => :delete, :remote => true, :class => "delete"

public/javascripts/view.js

@@ -107,5 +107,8 @@ $(document).ready(function(){
     $(this).fadeIn("slow");
   });
 
+  $(".delete").hover(function(){
+    $(this).toggleClass("button");
+  });
 
 });//end document ready

public/stylesheets/application.css

@@ -12,10 +12,12 @@ body {
 
 a {
   color: #018790;
+  color: #556270;
   text-decoration: none; }
   a:hover {
     color: white;
-    background-color: #018790; }
+    background-color: #018790;
+    background-color: #556270; }
 
 #flash_notice,
 #flash_error,
@@ -107,13 +109,12 @@ header {
 
 ul#stream, ul#friend_stream {
   margin: 0;
-  padding: 0;
+  padding: 0; }
-  color: #666666; }
   ul#stream > li, ul#friend_stream > li {
     list-style: none;
     padding: 15px 0;
-    border-bottom: 1px solid #f1f1f1;
+    margin-bottom: 5px;
-    margin-bottom: 5px; }
+    border-bottom: 1px solid #eeeeee; }
 
 ul#friend_stream > li {
   padding: 0.2em 0; }
@@ -295,7 +296,8 @@ label {
   color: #999999;
   position: absolute;
   top: 3px;
-  left: 0.48em; }
+  left: 0.48em;
+  font-weight: normal; }
 
 #publisher {
   background-color: rgba(10, 81, 109, 0.05);
@@ -367,7 +369,6 @@ ul#publisher_content_pickers li {
 h1.big_text {
   position: relative;
   line-height: auto;
-  border-top: 2px solid #666666;
   border-bottom: 1px solid #666666;
   text-align: center; }
 

public/stylesheets/sass/application.sass

@@ -11,13 +11,14 @@ body
   :margin 0
 a
   :color #018790
+  :color #556270
   :text
     :decoration none
   &:hover
     :color #fff
     :background
       :color #018790
-
+      :color #556270
 
 #flash_notice,
 #flash_error,
@@ -121,13 +122,12 @@ header
 ul#stream, ul#friend_stream
   :margin 0
   :padding 0
-  :color #666
   > li
     :list-style none
     :padding 15px 0
-    :border
-      :bottom 1px solid #f1f1f1
     :margin-bottom 5px
+    :border
+      :bottom 1px solid #eee
 
 ul#friend_stream
   > li
@@ -356,6 +356,8 @@ label
   :position absolute
   :top 3px
   :left 0.48em
+  :font
+    :weight normal
 
 #publisher
   :background
@@ -451,7 +453,7 @@ h1.big_text
   :position relative
   :line-height auto
   :border
-    :top 2px solid #666
+    //:top 2px solid #666
     :bottom 1px solid #666
   :text
     :align center