DRY on avatars

app/assets/stylesheets/header.scss

@@ -339,7 +339,6 @@ body > header {
     left: 8px;
     top: 8px;
     display: block;
-    border-radius: 3px;
   }
 
   .header-nav {

app/assets/stylesheets/new_styles/_base.scss

@@ -31,22 +31,22 @@ a { color : $link-blue  }
 .icon-blue  { background-image: image_url("img/glyphicons-halflings-blue.png");  }
 
 .avatar {
+  border-radius: 4px;
+
   &.micro {
     height: 20px;
     width: 20px;
-    box-shadow: 0px 1px 2px 0px #666;
-    -webkit-box-shadow: 0px 1px 2px 0px #666;
-    -moz-box-shadow: 0px 1px 2px 0px #666;
-    border-radius: 3px;
   }
 
   &.small {
     height: 35px;
     width: 35px;
-    box-shadow: 0px 1px 2px 0px #666;
-    -webkit-box-shadow: 0px 1px 2px 0px #666;
-    -moz-box-shadow: 0px 1px 2px 0px #666;
-    border-radius: 4px;
+  }
+
+  &.medium {
+    height: auto;
+    width: auto;
+    max-width: 75px;
   }
 }
 

app/assets/stylesheets/new_styles/_settings.scss

@@ -13,5 +13,8 @@
 }
 
 #profile_photo_upload .avatar {
-	max-width: 150px;
-}
+  height: auto;
+  width: auto;
+  max-width: 200px;
+  margin-bottom: 10px;
+}

app/assets/stylesheets/notifications.scss

@@ -78,10 +78,6 @@
       .avatar {
         width: 35px;
         height: 35px;
-        box-shadow: 0px 1px 2px 0px #666;
-        -webkit-box-shadow: 0px 1px 2px 0px #666;
-        -moz-box-shadow: 0px 1px 2px 0px #666;
-        border-radius: 3px;
       }
 
       .unread-toggle {

app/assets/stylesheets/single-post-view.scss

@@ -20,9 +20,6 @@
           line-height: $font-size-text;
         }
       }
-      .avatar.medium {
-        max-width: 75px;
-      }
       .bd {
         padding-left: 10px;
       }

app/assets/templates/header_tpl.jst.hbs

@@ -72,7 +72,7 @@
       <div class="user-menu-more-indicator">
         ▼
       </div>
-      <img alt="{{current_user.name}}" class="user-menu-avatar" src="{{current_user.avatar.small}}" title="{{current_user.name}}" />
+      <img alt="{{current_user.name}}" class="avatar user-menu-avatar" src="{{current_user.avatar.small}}" title="{{current_user.name}}" />
       <a class="user-name" href="#">{{current_user.name}}</a>
     </li>
     <li class="user-menu-item"><a href="/people/{{current_user.guid}}">{{t "header.profile"}}</a></li>

app/views/photos/_new_profile_photo.haml

@@ -58,7 +58,7 @@
     window.onload = createUploader;
 
 #profile_photo_upload
-  = owner_image_tag(:thumb_medium)
+  = owner_image_tag(:thumb_large)
 
   .clearfix