From 1207e848042e6fea61712124f31bf7ff96fa44ea Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Wed, 23 Mar 2011 18:23:01 -0400
Subject: [PATCH] nice page to view current user's outfits

---
 app/controllers/outfits_controller.rb   |  35 +-
 app/helpers/outfits_helper.rb           |  24 +-
 app/models/outfit.rb                    |  25 +-
 app/stylesheets/outfits/_edit.sass      |  66 +-
 app/stylesheets/outfits/_icon.sass      |   9 +
 app/stylesheets/outfits/_index.sass     |  16 +
 app/stylesheets/outfits/_star.sass      |  27 +
 app/stylesheets/screen.sass             |   2 +
 app/views/layouts/application.html.haml |   4 +-
 app/views/outfits/_outfit.html.haml     |   5 +
 app/views/outfits/index.html.haml       |  20 +
 app/views/outfits/show.html.haml        |   7 +-
 config/routes.rb                        |  27 +-
 public/stylesheets/compiled/screen.css  | 910 +++++++++++++-----------
 14 files changed, 663 insertions(+), 514 deletions(-)
 create mode 100644 app/stylesheets/outfits/_icon.sass
 create mode 100644 app/stylesheets/outfits/_index.sass
 create mode 100644 app/stylesheets/outfits/_star.sass
 create mode 100644 app/views/outfits/_outfit.html.haml
 create mode 100644 app/views/outfits/index.html.haml

diff --git a/app/controllers/outfits_controller.rb b/app/controllers/outfits_controller.rb
index fe20496e..dabcb643 100644
--- a/app/controllers/outfits_controller.rb
+++ b/app/controllers/outfits_controller.rb
@@ -1,6 +1,6 @@
 class OutfitsController < ApplicationController
   before_filter :find_authorized_outfit, :only => [:update, :destroy]
-  
+
   def create
     @outfit = Outfit.build_for_user(current_user, params[:outfit])
     if @outfit.save
@@ -9,12 +9,22 @@ class OutfitsController < ApplicationController
       render_outfit_errors
     end
   end
-  
-  def for_current_user
-    @outfits = user_signed_in? ? current_user.outfits : []
-    render :json => @outfits
+
+  def index
+    if user_signed_in?
+      @outfits = current_user.outfits.wardrobe_order
+      respond_to do |format|
+        format.html { render }
+        format.json { render :json => @outfits }
+      end
+    else
+      respond_to do |format|
+        format.html { redirect_to login_path(:return_to => request.fullpath) }
+        format.json { render :json => [] }
+      end
+    end
   end
-  
+
   def destroy
     if @outfit.destroy
       render :json => true
@@ -22,7 +32,7 @@ class OutfitsController < ApplicationController
       render :json => false, :status => :bad_request
     end
   end
-  
+
   def new
     unless fragment_exist?(:action_suffix => 'start_from_scratch_form_content')
       @colors = Color.all_ordered_by_name
@@ -32,7 +42,7 @@ class OutfitsController < ApplicationController
       @top_contributors = User.top_contributors.limit(User::PreviewTopContributorsCount)
     end
   end
-  
+
   def show
     @outfit = Outfit.find(params[:id])
     respond_to do |format|
@@ -40,7 +50,7 @@ class OutfitsController < ApplicationController
       format.json { render :json => @outfit }
     end
   end
-  
+
   def update
     if @outfit.update_attributes(params[:outfit])
       render :json => true
@@ -48,15 +58,16 @@ class OutfitsController < ApplicationController
       render_outfit_errors
     end
   end
-  
+
   private
-  
+
   def find_authorized_outfit
     raise ActiveRecord::RecordNotFound unless user_signed_in?
     @outfit = current_user.outfits.find(params[:id])
   end
-  
+
   def render_outfit_errors
     render :json => {:errors => @outfit.errors}, :status => :bad_request
   end
 end
+
diff --git a/app/helpers/outfits_helper.rb b/app/helpers/outfits_helper.rb
index a2ef35bb..9f8a0bfc 100644
--- a/app/helpers/outfits_helper.rb
+++ b/app/helpers/outfits_helper.rb
@@ -2,14 +2,34 @@ module OutfitsHelper
   def destination_tag(value)
     hidden_field_tag 'destination', value, :id => nil
   end
-  
+
+  def link_to_edit_outfit(content_or_outfit, outfit_or_options, options={})
+    if block_given?
+      content = capture_haml(&Proc.new)
+      outfit = content_or_outfit
+      options = outfit_or_options
+    else
+      content = content_or_outfit
+      outfit = outfit_or_options
+    end
+    query = outfit.to_query
+    query << "&outfit=#{outfit.id}" if outfit.user == current_user
+    link_to content, wardrobe_path(:anchor => query), options
+  end
+
+  def outfit_li_for(outfit)
+    class_name = outfit.starred? ? 'starred' : nil
+    content_tag :li, :class => class_name, &Proc.new
+  end
+
   def pet_attribute_select(name, collection, value=nil)
     select_tag name,
       options_from_collection_for_select(collection, :id, :human_name, value)
   end
-  
+
   def pet_name_tag(options={})
     options = {:spellcheck => false, :id => nil}.merge(options)
     text_field_tag 'name', nil, options
   end
 end
+
diff --git a/app/models/outfit.rb b/app/models/outfit.rb
index 25c2f30e..fa5bb346 100644
--- a/app/models/outfit.rb
+++ b/app/models/outfit.rb
@@ -5,29 +5,31 @@ class Outfit < ActiveRecord::Base
   has_many :worn_items, :through => :worn_item_outfit_relationships, :source => :item
   belongs_to :pet_state
   belongs_to :user
-  
+
   validates :name, :presence => {:if => :user_id}, :uniqueness => {:scope => :user_id, :if => :user_id}
   validates :pet_state, :presence => true
-  
+
   attr_accessible :name, :pet_state_id, :starred, :worn_and_unworn_item_ids
-  
+
+  scope :wardrobe_order, order('starred DESC', :name)
+
   def as_json(more_options={})
     serializable_hash :only => [:id, :name, :pet_state_id, :starred],
       :methods => [:color_id, :species_id, :worn_and_unworn_item_ids]
   end
-  
+
   def closet_item_ids
     item_outfit_relationships.map(&:item_id)
   end
-  
+
   def color_id
     pet_state.pet_type.color_id
   end
-  
+
   def species_id
     pet_state.pet_type.species_id
   end
-  
+
   def to_query
     {
       :closet => closet_item_ids,
@@ -37,7 +39,7 @@ class Outfit < ActiveRecord::Base
       :state => pet_state_id
     }.to_query
   end
-  
+
   def worn_and_unworn_item_ids
     {:worn => [], :unworn => []}.tap do |output|
       item_outfit_relationships.each do |rel|
@@ -46,7 +48,7 @@ class Outfit < ActiveRecord::Base
       end
     end
   end
-  
+
   def worn_and_unworn_item_ids=(all_item_ids)
     new_rels = []
     all_item_ids.each do |key, item_ids|
@@ -62,11 +64,11 @@ class Outfit < ActiveRecord::Base
     end
     self.item_outfit_relationships = new_rels
   end
-  
+
   def worn_item_ids
     worn_and_unworn_item_ids[:worn]
   end
-  
+
   def self.build_for_user(user, params)
     Outfit.new.tap do |outfit|
       name = params.delete(:name)
@@ -80,3 +82,4 @@ class Outfit < ActiveRecord::Base
     end
   end
 end
+
diff --git a/app/stylesheets/outfits/_edit.sass b/app/stylesheets/outfits/_edit.sass
index 874106ba..574be200 100644
--- a/app/stylesheets/outfits/_edit.sass
+++ b/app/stylesheets/outfits/_edit.sass
@@ -1,5 +1,8 @@
 @import ../shared/jquery.jgrowl
 
+@import icon
+@import star
+
 $object-padding: 6px
 $nc-icon-size: 16px
 
@@ -16,14 +19,8 @@ $outfit-header-padding: 24px
 $outfit-content-width: $sidebar-unit-inner-width - $outfit-thumbnail-size - $outfit-thumbnail-margin - 32px
 $outfit-content-inner-width: $outfit-content-width - $outfit-header-padding
 
-=icon
-  bottom: -2px
-  height: 16px
-  position: relative
-  width: 16px
-
 =outfit
-  //+clearfix
+  +outfit-star-shifted
   padding: .25em 0
   //.outfit-thumbnail
     float: left
@@ -38,9 +35,6 @@ $outfit-content-inner-width: $outfit-content-width - $outfit-header-padding
     position: absolute
     top: -$outfit-thumbnail-original-size / 4
     width: $outfit-thumbnail-original-size
-  //> div
-    float: left
-    width: $outfit-content-width
   .outfit-delete
     +reset-awesome-button
     +opacity(.5)
@@ -55,23 +49,6 @@ $outfit-content-inner-width: $outfit-content-width - $outfit-header-padding
   header
     display: block
     padding-left: $outfit-header-padding
-  .outfit-star
-    +icon
-    background:
-      image: image-url("unstarred.png")
-      position: left top
-      repeat: no-repeat
-    cursor: pointer
-    display: block
-    float: left
-    margin-left: -24px
-    /* makes it not take up inline space
-  &.starred .outfit-star
-    background-image: image-url("star.png")
-  &.loading .outfit-star
-    background-image: image-url("loading.gif")
-  &.loading.active .outfit-star
-    background-image: image-url("loading_current_outfit.gif")
   h4
     cursor: pointer
     display: inline
@@ -208,7 +185,7 @@ body.outfits-edit
         display: block
     .sidebar-view
       h2
-        margin: 
+        margin:
           bottom: .25em
           left: $sidebar-unit-horizontal-padding
   #preview-closet
@@ -413,24 +390,24 @@ body.outfits-edit
     margin:
       right: $sidebar-unit-horizontal-padding
       top: 1em
-  
+
   #save-success, #save-error, #outfit-not-found
     +sidebar-view-child
     display: none
     margin:
       top: 1em
     text-align: center
-  
+
   #save-success
     +notice
-  
+
   #save-error, #outfit-not-found
     +error
-  
+
   #userbar-message
     +opacity(.5)
     display: none
-  
+
   #new-outfit
     +outfit
     +sidebar-view-child
@@ -441,18 +418,18 @@ body.outfits-edit
         text-decoration: none
     .outfit-star
       margin-top: .5em
-  
+
   #new-outfit-name
     font: inherit
     line-height: 1
-  
+
   #preview-saving-outfit
     display: none
     padding-bottom: 1em
-  
+
   #pet-type-form, #pet-state-form, #preview-swf, #preview-search-form
     position: relative
-  
+
   .control-overlay
     height: 100%
     left: 0
@@ -460,27 +437,27 @@ body.outfits-edit
     top: 0
     width: 100%
     z-index: 5
-  
+
   #preview-sidebar-nav-outfits, #save-outfit-signed-in
     display: none
-  
+
   form#save-outfit-form
     +outfit
     display: none
     margin-right: 0
     padding: 0
-    
+
     .outfit-star, input, button
       +inline-block
       float: none
       vertical-align: top
-    
+
     .outfit-star
       margin-top: .25em
-  
+
   .outfit-url
     font-size: 75%
-  
+
   &.user-signed-in
     #preview-sidebar-nav-outfits
       display: block
@@ -499,10 +476,11 @@ body.outfits-edit
           display: block
         #save-outfit, #save-current-outfit, #save-outfit-copy, #current-outfit-permalink
           display: none
-  
+
   &.user-not-signed-in
     #share-outfit, #save-outfit-not-signed-in
       display: inline-block
     #save-outfit-wrapper.shared-outfit
       #current-outfit-permalink, #current-outfit-url
         display: inline-block
+
diff --git a/app/stylesheets/outfits/_icon.sass b/app/stylesheets/outfits/_icon.sass
new file mode 100644
index 00000000..020b3a7e
--- /dev/null
+++ b/app/stylesheets/outfits/_icon.sass
@@ -0,0 +1,9 @@
+$icon-width: 16px
+$icon-height: 16px
+
+=icon
+  bottom: -2px
+  height: $icon-height
+  position: relative
+  width: $icon-width
+
diff --git a/app/stylesheets/outfits/_index.sass b/app/stylesheets/outfits/_index.sass
new file mode 100644
index 00000000..05958fa6
--- /dev/null
+++ b/app/stylesheets/outfits/_index.sass
@@ -0,0 +1,16 @@
+@import star
+
+body.outfits-index
+  #outfits
+    list-style: none
+
+    li
+      +outfit-star
+
+    h4
+      display: inline
+
+    .outfit-edit-link
+      font-size: 85%
+      margin-left: 1em
+
diff --git a/app/stylesheets/outfits/_star.sass b/app/stylesheets/outfits/_star.sass
new file mode 100644
index 00000000..7e56407b
--- /dev/null
+++ b/app/stylesheets/outfits/_star.sass
@@ -0,0 +1,27 @@
+@import icon
+
+=outfit-star
+  .outfit-star
+    +icon
+    background:
+      image: image-url("unstarred.png")
+      position: left top
+      repeat: no-repeat
+    cursor: pointer
+    display: block
+    float: left
+    margin-right: $icon-width / 2
+  &.starred .outfit-star
+    background-image: image-url("star.png")
+  &.loading .outfit-star
+    background-image: image-url("loading.gif")
+  &.loading.active .outfit-star
+    background-image: image-url("loading_current_outfit.gif")
+
+=outfit-star-shifted
+  +outfit-star
+
+  .outfit-star
+    margin-left: -$icon-width * 1.5
+    margin-right: 0
+
diff --git a/app/stylesheets/screen.sass b/app/stylesheets/screen.sass
index fe72525f..dcb728c2 100644
--- a/app/stylesheets/screen.sass
+++ b/app/stylesheets/screen.sass
@@ -11,8 +11,10 @@
 @import items/index
 @import items/show
 @import outfits/edit
+@import outfits/index
 @import outfits/new
 @import outfits/show
 @import pets/bulk
 @import static/terms
 @import users/top_contributors
+
diff --git a/app/views/layouts/application.html.haml b/app/views/layouts/application.html.haml
index ba21389f..632679f3 100644
--- a/app/views/layouts/application.html.haml
+++ b/app/views/layouts/application.html.haml
@@ -24,7 +24,7 @@
         = yield(:content)
       - else
         = yield
-        
+
       - if home_link?
         %a#home-link{:href => root_path}
           %span Dress to Impress
@@ -34,6 +34,7 @@
           %span
             == Hey, #{link_to current_user.name, user_contributions_path(current_user)}!
             == You have #{current_user.points} points.
+          = link_to 'Outfits', current_user_outfits_path
           = link_to 'Settings', Openneo::Auth.remote_settings_url
           = link_to 'Log out', logout_path_with_return_to
         - else
@@ -64,3 +65,4 @@
           Images &copy; 2000-2010 Neopets, Inc. All Rights Reserved.
           Used With Permission
       = yield(:javascripts)
+
diff --git a/app/views/outfits/_outfit.html.haml b/app/views/outfits/_outfit.html.haml
new file mode 100644
index 00000000..c03314db
--- /dev/null
+++ b/app/views/outfits/_outfit.html.haml
@@ -0,0 +1,5 @@
+= outfit_li_for(outfit) do
+  .outfit-star
+  %h4= link_to outfit.name, outfit
+  = link_to_edit_outfit '(edit)', outfit, :class => 'outfit-edit-link'
+
diff --git a/app/views/outfits/index.html.haml b/app/views/outfits/index.html.haml
new file mode 100644
index 00000000..0c58feb6
--- /dev/null
+++ b/app/views/outfits/index.html.haml
@@ -0,0 +1,20 @@
+- title 'Your outfits'
+%p
+  These are the outfits that you've saved to Dress to Impress so far. To save
+  some more, head to the wardrobe and click Save Outfit in the top right
+  corner.
+%p
+  The link for each outfit is totally public, so please feel free to share the
+  URL with the whole wide world.
+- unless @outfits.empty?
+  %ul#outfits= render @outfits
+- else
+  %p
+    You haven't saved any outfits yet.
+    - succeed ',' do
+      = link_to 'Start at the home page', root_path
+    enter a pet name or choose a color combination, create the outfit of your
+    dreams, and click "Save Outfit" in the top right corner.
+  %p
+    It'll be fantastic. Promise.
+
diff --git a/app/views/outfits/show.html.haml b/app/views/outfits/show.html.haml
index f8ad2080..6345a596 100644
--- a/app/views/outfits/show.html.haml
+++ b/app/views/outfits/show.html.haml
@@ -1,6 +1,8 @@
 - title(@outfit.name || "Shared outfit")
-%a.button#outfit-wardrobe-link{:href => wardrobe_path(:anchor => @outfit.to_query)}
-  Edit a copy
+= link_to_edit_outfit(@outfit, :class => 'button', :id => 'outfit-wardrobe-link') do
+  Edit
+  - unless @outfit.user == current_user
+    a copy
 - if @outfit.user_id
   #outfit-user
     Created by
@@ -15,3 +17,4 @@
     var INITIAL_OUTFIT_DATA = #{@outfit.to_json};
   = include_javascript_libraries :jquery, :swfobject
   = include_javascripts :show_outfit_package
+
diff --git a/config/routes.rb b/config/routes.rb
index d5913b17..5e464fcc 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -1,19 +1,19 @@
 OpenneoImpressItems::Application.routes.draw do |map|
   root :to => 'outfits#new'
-  
+
   devise_for :users
- 
+
   match '/item_zone_sets.json' => 'ItemZoneSets#index'
-  
+
   match '/bodies/:body_id/swf_assets.json' => 'swf_assets#index', :as => :body_swf_assets
   match '/items/:item_id/swf_assets.json' => 'swf_assets#index', :as => :item_swf_assets
   match '/items/:item_id/bodies/:body_id/swf_assets.json' => 'swf_assets#index', :as => :item_swf_assets_for_body_id
-  match '/pet_types/:pet_type_id/swf_assets.json' => 'swf_assets#index', :as => :pet_type_swf_assets  
+  match '/pet_types/:pet_type_id/swf_assets.json' => 'swf_assets#index', :as => :pet_type_swf_assets
   match '/pet_states/:pet_state_id/swf_assets.json' => 'swf_assets#index', :as => :pet_state_swf_assets
   match '/species/:species_id/color/:color_id/pet_type.json' => 'pet_types#show'
-  
+
   match '/roulette' => 'roulettes#new', :as => :roulette
-  
+
   resources :contributions, :only => [:index]
   resources :items, :only => [:index, :show] do
     collection do
@@ -22,23 +22,24 @@ OpenneoImpressItems::Application.routes.draw do |map|
   end
   resources :outfits, :only => [:show, :create, :update, :destroy]
   resources :pet_attributes, :only => [:index]
-  
-  match '/users/current-user/outfits.json' => 'outfits#for_current_user'
-  
+
+  match '/users/current-user/outfits' => 'outfits#index', :as => :current_user_outfits
+
   match '/pets/load' => 'pets#load', :method => :post, :as => :load_pet
   match '/pets/bulk' => 'pets#bulk', :as => :bulk_pets
-  
+
   match '/login' => 'sessions#new', :as => :login
   match '/logout' => 'sessions#destroy', :as => :logout
   match '/users/authorize' => 'sessions#create'
-  
+
   resources :user, :only => [] do
     resources :contributions, :only => [:index]
   end
   match 'users/top-contributors' => 'users#top_contributors', :as => :top_contributors
   match 'users/top_contributors' => redirect('/users/top-contributors')
-  
+
   match '/wardrobe' => 'outfits#edit', :as => :wardrobe
-  
+
   match '/terms' => 'static#terms', :as => :terms
 end
+
diff --git a/public/stylesheets/compiled/screen.css b/public/stylesheets/compiled/screen.css
index fea11e7d..868b381e 100644
--- a/public/stylesheets/compiled/screen.css
+++ b/public/stylesheets/compiled/screen.css
@@ -760,12 +760,12 @@ body.items-show .nc-icon {
 }
 
 @import url(../shared/jquery.jgrowl.css);
-/* line 130, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 107, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-toolbar {
   margin-bottom: 0.5em;
   text-align: left;
 }
-/* line 133, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 110, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-toolbar form {
   display: -moz-inline-box;
   -moz-box-orient: vertical;
@@ -775,23 +775,23 @@ body.outfits-edit #preview-toolbar form {
   *vertical-align: auto;
   margin-right: 2em;
 }
-/* line 136, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 113, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #pet-info form {
   display: inline;
 }
-/* line 139, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 116, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #pet-state-form ul {
   list-style: none;
 }
-/* line 141, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 118, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #pet-state-form ul, body.outfits-edit #pet-state-form ul li {
   display: inline;
 }
-/* line 143, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 120, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #pet-state-form input {
   display: none;
 }
-/* line 145, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 122, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #pet-state-form label {
   /* http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html */
   -moz-border-radius: 5px;
@@ -823,7 +823,7 @@ body.outfits-edit #pet-state-form label:hover {
 body.outfits-edit #pet-state-form label:active {
   top: 1px;
 }
-/* line 148, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 125, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #pet-state-form li.selected button {
   background: #0b61a4 url('/images/alert-overlay.png?1296599919') repeat-x;
 }
@@ -831,26 +831,26 @@ body.outfits-edit #pet-state-form li.selected button {
 body.outfits-edit #pet-state-form li.selected button:hover {
   background-color: #005093;
 }
-/* line 150, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 127, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #pet-state-form.hidden {
   visibility: hidden;
 }
-/* line 152, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 129, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #save-outfit-wrapper {
   float: right;
 }
-/* line 154, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 131, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #save-outfit-wrapper button {
   display: none;
 }
-/* line 156, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 133, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #save-outfit-wrapper.loading {
   background-image: url('/images/loading.gif?1296599919');
   background-position: left center;
   background-repeat: no-repeat;
   padding-left: 20px;
 }
-/* line 162, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 139, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #save-outfit, body.outfits-edit #share-outfit, body.outfits-edit #save-outfit-not-signed-in, body.outfits-edit #save-current-outfit, body.outfits-edit #save-outfit-copy, body.outfits-edit #save-outfit-finish {
   background: #ff5c00 url('/images/alert-overlay.png?1296599919') repeat-x;
 }
@@ -858,28 +858,28 @@ body.outfits-edit #save-outfit, body.outfits-edit #share-outfit, body.outfits-ed
 body.outfits-edit #save-outfit:hover, body.outfits-edit #share-outfit:hover, body.outfits-edit #save-outfit-not-signed-in:hover, body.outfits-edit #save-current-outfit:hover, body.outfits-edit #save-outfit-copy:hover, body.outfits-edit #save-outfit-finish:hover {
   background-color: #ee4b00;
 }
-/* line 164, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 141, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #current-outfit-permalink {
   display: none;
   margin-right: 0.25em;
 }
-/* line 167, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 144, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #current-outfit-permalink img {
   bottom: -2px;
   height: 16px;
   position: relative;
   width: 16px;
 }
-/* line 169, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 146, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #current-outfit-url {
   display: none;
   width: 15em;
 }
-/* line 172, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 149, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview {
   clear: both;
 }
-/* line 174, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 151, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-swf {
   float: left;
   height: 400px;
@@ -887,7 +887,7 @@ body.outfits-edit #preview-swf {
   position: relative;
   width: 400px;
 }
-/* line 180, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 157, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-swf-overlay {
   -moz-opacity: 0;
   -webkit-opacity: 0;
@@ -900,7 +900,7 @@ body.outfits-edit #preview-swf-overlay {
   top: 0;
   width: 100%;
 }
-/* line 188, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 165, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-sidebar {
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
@@ -912,73 +912,73 @@ body.outfits-edit #preview-sidebar {
   overflow: auto;
   width: 378px;
 }
-/* line 198, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 175, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-sidebar.viewing-outfits #preview-closet {
   display: none;
 }
-/* line 200, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 177, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-sidebar.viewing-outfits #preview-outfits {
   display: block;
 }
-/* line 202, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 179, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-sidebar.viewing-saving-outfit {
   height: auto;
   max-height: 100%;
 }
-/* line 205, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 182, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-sidebar.viewing-saving-outfit #preview-closet {
   display: none;
 }
-/* line 207, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 184, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-sidebar.viewing-saving-outfit #preview-saving-outfit {
   display: block;
 }
-/* line 210, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 187, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-sidebar .sidebar-view h2 {
   margin-bottom: 0.25em;
   margin-left: 24px;
 }
-/* line 215, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 192, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-closet h2 {
   margin-bottom: 0;
 }
-/* line 217, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 194, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-closet ul {
   text-align: center;
 }
-/* line 219, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 196, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-closet .object {
   background: #eeffee;
 }
-/* line 221, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 198, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-closet .object img {
   -moz-opacity: 0.5;
   -webkit-opacity: 0.5;
   -o-opacity: 0.5;
   -khtml-opacity: 0.5;
 }
-/* line 223, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 200, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-closet .object.worn {
   background: transparent;
 }
-/* line 225, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 202, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-closet .object.worn img {
   -moz-opacity: 1;
   -webkit-opacity: 1;
   -o-opacity: 1;
   -khtml-opacity: 1;
 }
-/* line 227, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 204, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-closet .object.no-assets {
   background: #fbe3e4;
   color: #8a1f11;
   padding-bottom: 1.25em;
 }
-/* line 231, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 208, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-closet .object.no-assets .no-assets-message {
   display: block;
 }
-/* line 233, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 210, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit .no-assets-message {
   background: #f3dbdc;
   bottom: 0;
@@ -990,7 +990,7 @@ body.outfits-edit .no-assets-message {
   position: absolute;
   width: 100%;
 }
-/* line 243, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 220, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #no-assets-full-message {
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
@@ -1004,12 +1004,12 @@ body.outfits-edit #no-assets-full-message {
   top: -9999px;
   width: 30em;
 }
-/* line 254, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 231, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-search-form {
   clear: both;
   text-align: left;
 }
-/* line 257, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 234, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-search-form h2 {
   display: -moz-inline-box;
   -moz-box-orient: vertical;
@@ -1019,7 +1019,7 @@ body.outfits-edit #preview-search-form h2 {
   *vertical-align: auto;
   margin: 0 1em 0 0;
 }
-/* line 260, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 237, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-search-form input {
   display: -moz-inline-box;
   -moz-box-orient: vertical;
@@ -1028,7 +1028,7 @@ body.outfits-edit #preview-search-form input {
   *display: inline;
   *vertical-align: auto;
 }
-/* line 262, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 239, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-search-form-pagination {
   display: -moz-inline-box;
   -moz-box-orient: vertical;
@@ -1038,53 +1038,53 @@ body.outfits-edit #preview-search-form-pagination {
   *vertical-align: auto;
   margin-left: 2em;
 }
-/* line 265, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 242, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-search-form-pagination a, body.outfits-edit #preview-search-form-pagination span {
   margin: 0 0.25em;
 }
-/* line 267, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 244, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-search-form-pagination .current {
   font-weight: bold;
 }
-/* line 269, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 246, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-search-form-clear {
   display: none;
   font-size: 87.5%;
   margin-left: 2em;
 }
-/* line 273, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 250, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-search-form-loading {
   display: none;
   font-size: 75%;
   font-style: italic;
   margin-left: 2em;
 }
-/* line 279, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 256, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-search-form-no-results {
   display: none;
 }
-/* line 281, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 258, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-search-form-help {
   font-size: 87.5%;
   margin-left: 2em;
 }
-/* line 284, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 261, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit .search-helper {
   font-family: inherit;
 }
-/* line 286, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 263, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit .possible-error {
   display: none;
 }
-/* line 289, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 266, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #fullscreen-copyright {
   display: none;
 }
-/* line 291, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 268, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit.fullscreen {
   height: 100%;
 }
-/* line 294, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 271, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit.fullscreen #container {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
@@ -1097,19 +1097,19 @@ body.outfits-edit.fullscreen #container {
   position: relative;
   width: 80%;
 }
-/* line 302, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 279, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit.fullscreen h1 {
   display: none;
 }
-/* line 304, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 281, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit.fullscreen #short-url-response {
   position: static;
 }
-/* line 306, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 283, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit.fullscreen #preview {
   width: 100%;
 }
-/* line 308, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 285, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit.fullscreen #preview-sidebar {
   float: right;
   height: 100%;
@@ -1117,12 +1117,12 @@ body.outfits-edit.fullscreen #preview-sidebar {
   position: relative;
   width: 400px;
 }
-/* line 314, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 291, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit.fullscreen #preview-sidebar.viewing-saving-outfit {
   height: auto;
   max-height: 100%;
 }
-/* line 317, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 294, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit.fullscreen #preview-search-form {
   bottom: 1.5em;
   left: 0;
@@ -1131,7 +1131,7 @@ body.outfits-edit.fullscreen #preview-search-form {
   position: absolute;
   width: 100%;
 }
-/* line 325, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 302, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit.fullscreen #preview-search-form-help div {
   display: -moz-inline-box;
   -moz-box-orient: vertical;
@@ -1141,27 +1141,27 @@ body.outfits-edit.fullscreen #preview-search-form-help div {
   *vertical-align: auto;
   width: 48%;
 }
-/* line 328, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 305, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit.fullscreen #footer {
   bottom: 0;
   left: 0;
   position: absolute;
   width: 100%;
 }
-/* line 333, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 310, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit.fullscreen #footer ul, body.outfits-edit.fullscreen #footer p, body.outfits-edit.fullscreen #footer li {
   display: inline;
 }
-/* line 335, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 312, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit.fullscreen #footer ul {
   margin-right: 2em;
 }
-/* line 338, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 315, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit .object {
   padding: 6px;
   position: relative;
 }
-/* line 341, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 318, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit .object ul {
   display: none;
   left: 0;
@@ -1169,11 +1169,11 @@ body.outfits-edit .object ul {
   position: absolute;
   top: 0;
 }
-/* line 347, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 324, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit .object ul li {
   margin-bottom: 0.25em;
 }
-/* line 349, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 326, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit .object ul li a {
   /* http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html */
   -moz-border-radius: 5px;
@@ -1214,11 +1214,11 @@ body.outfits-edit .object ul li a:active {
 body.outfits-edit .object ul li a:hover {
   background-color: #999999;
 }
-/* line 355, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 332, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit .object:hover ul, body.outfits-edit .object:hover .object-info {
   display: block;
 }
-/* line 362, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 339, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit .nc-icon {
   background: url('/images/nc.png?1296599919') no-repeat;
   height: 16px;
@@ -1228,14 +1228,14 @@ body.outfits-edit .nc-icon {
   top: 64px;
   width: 16px;
 }
-/* line 370, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 347, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit .nc-icon:hover {
   -moz-opacity: 0.5;
   -webkit-opacity: 0.5;
   -o-opacity: 0.5;
   -khtml-opacity: 0.5;
 }
-/* line 373, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 350, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit .object-info {
   -moz-border-radius: 12px;
   -webkit-border-radius: 12px;
@@ -1252,26 +1252,26 @@ body.outfits-edit .object-info {
   top: 0;
   width: 16px;
 }
-/* line 384, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 361, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit .object-info span {
   font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
   font-weight: bold;
   position: relative;
   top: -2px;
 }
-/* line 390, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 367, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit .object-info:hover {
   -moz-opacity: 1;
   -webkit-opacity: 1;
   -o-opacity: 1;
   -khtml-opacity: 1;
 }
-/* line 393, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 370, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-outfits {
   display: none;
   text-align: left;
 }
-/* line 396, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 373, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-outfits > ul {
   margin-left: 24px;
   margin-right: 24px;
@@ -1282,11 +1282,42 @@ body.outfits-edit #preview-outfits > ul {
   margin-bottom: 1em;
   min-height: 16px;
 }
-/* line 405, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 382, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-outfits > ul > li {
   padding: 0.25em 0;
 }
-/* line 35, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 4, ../../../app/stylesheets/outfits/_star.sass */
+body.outfits-edit #preview-outfits > ul > li .outfit-star {
+  bottom: -2px;
+  height: 16px;
+  position: relative;
+  width: 16px;
+  background-image: url('/images/unstarred.png?1296599919');
+  background-position: left top;
+  background-repeat: no-repeat;
+  cursor: pointer;
+  display: block;
+  float: left;
+  margin-right: 8px;
+}
+/* line 14, ../../../app/stylesheets/outfits/_star.sass */
+body.outfits-edit #preview-outfits > ul > li.starred .outfit-star {
+  background-image: url('/images/star.png?1296599919');
+}
+/* line 16, ../../../app/stylesheets/outfits/_star.sass */
+body.outfits-edit #preview-outfits > ul > li.loading .outfit-star {
+  background-image: url('/images/loading.gif?1296599919');
+}
+/* line 18, ../../../app/stylesheets/outfits/_star.sass */
+body.outfits-edit #preview-outfits > ul > li.loading.active .outfit-star {
+  background-image: url('/images/loading_current_outfit.gif?1296599919');
+}
+/* line 24, ../../../app/stylesheets/outfits/_star.sass */
+body.outfits-edit #preview-outfits > ul > li .outfit-star {
+  margin-left: -24px;
+  margin-right: 0;
+}
+/* line 32, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-outfits > ul > li img {
   height: 100px;
   left: -25px;
@@ -1294,7 +1325,7 @@ body.outfits-edit #preview-outfits > ul > li img {
   top: -25px;
   width: 100px;
 }
-/* line 44, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 38, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-outfits > ul > li .outfit-delete {
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
@@ -1328,7 +1359,7 @@ body.outfits-edit #preview-outfits > ul > li .outfit-delete:hover {
 body.outfits-edit #preview-outfits > ul > li .outfit-delete:active {
   top: auto;
 }
-/* line 52, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 46, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-outfits > ul > li .outfit-delete:hover {
   -moz-opacity: 1;
   -webkit-opacity: 1;
@@ -1336,13 +1367,148 @@ body.outfits-edit #preview-outfits > ul > li .outfit-delete:hover {
   -khtml-opacity: 1;
   background: #eeffee;
 }
-/* line 55, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 49, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #preview-outfits > ul > li header {
   display: block;
   padding-left: 24px;
 }
-/* line 58, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #preview-outfits > ul > li .outfit-star {
+/* line 52, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #preview-outfits > ul > li h4 {
+  cursor: pointer;
+  display: inline;
+}
+/* line 55, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #preview-outfits > ul > li h4:hover {
+  text-decoration: underline;
+}
+/* line 57, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #preview-outfits > ul > li h4, body.outfits-edit #preview-outfits > ul > li .outfit-rename-field {
+  font-size: 115%;
+}
+/* line 59, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #preview-outfits > ul > li .outfit-rename-button, body.outfits-edit #preview-outfits > ul > li .outfit-rename-form {
+  display: none;
+}
+/* line 61, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #preview-outfits > ul > li .outfit-rename-button {
+  -moz-opacity: 0.75;
+  -webkit-opacity: 0.75;
+  -o-opacity: 0.75;
+  -khtml-opacity: 0.75;
+  font-size: 75%;
+  margin-left: 1em;
+}
+/* line 65, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #preview-outfits > ul > li .outfit-url {
+  -moz-opacity: 0.5;
+  -webkit-opacity: 0.5;
+  -o-opacity: 0.5;
+  -khtml-opacity: 0.5;
+  background: transparent;
+  border-width: 0;
+  width: 284px;
+}
+/* line 70, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #preview-outfits > ul > li .outfit-url:hover {
+  -moz-opacity: 1;
+  -webkit-opacity: 1;
+  -o-opacity: 1;
+  -khtml-opacity: 1;
+  border-width: 1px;
+}
+/* line 73, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation {
+  display: none;
+  font-size: 75%;
+}
+/* line 76, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation span {
+  color: red;
+}
+/* line 78, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation a {
+  margin: 0 0.25em;
+}
+/* line 80, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #preview-outfits > ul > li.active {
+  background: #eeffee;
+}
+/* line 83, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #preview-outfits > ul > li.confirming-deletion .outfit-delete {
+  visibility: hidden;
+}
+/* line 85, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #preview-outfits > ul > li.confirming-deletion .outfit-url {
+  display: none;
+}
+/* line 87, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #preview-outfits > ul > li.confirming-deletion .outfit-delete-confirmation {
+  display: block;
+}
+/* line 90, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #preview-outfits > ul > li.renaming h4 {
+  display: none;
+}
+/* line 92, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #preview-outfits > ul > li.renaming .outfit-rename-form {
+  display: inline;
+}
+/* line 95, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #preview-outfits > ul > li.renaming:hover .outfit-rename-button {
+  display: none;
+}
+/* line 98, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #preview-outfits > ul > li:hover .outfit-rename-button {
+  display: inline;
+}
+/* line 384, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #preview-outfits > ul.loaded {
+  background: transparent;
+}
+/* line 387, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit .preview-sidebar-nav {
+  float: right;
+  font-size: 85%;
+  margin-right: 24px;
+  margin-top: 1em;
+}
+/* line 394, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #save-success, body.outfits-edit #save-error, body.outfits-edit #outfit-not-found {
+  margin-left: 24px;
+  margin-right: 24px;
+  display: none;
+  margin-top: 1em;
+  text-align: center;
+}
+/* line 401, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #save-success {
+  background: #e6efc2;
+  border: 1px solid #c6d880;
+  color: #264409;
+}
+/* line 404, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #save-error, body.outfits-edit #outfit-not-found {
+  background: #fbe3e4;
+  border: 1px solid #fbc2c4;
+  color: #8a1f11;
+}
+/* line 407, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #userbar-message {
+  -moz-opacity: 0.5;
+  -webkit-opacity: 0.5;
+  -o-opacity: 0.5;
+  -khtml-opacity: 0.5;
+  display: none;
+}
+/* line 411, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #new-outfit {
+  padding: 0.25em 0;
+  margin-left: 24px;
+  margin-right: 24px;
+  display: none;
+}
+/* line 4, ../../../app/stylesheets/outfits/_star.sass */
+body.outfits-edit #new-outfit .outfit-star {
   bottom: -2px;
   height: 16px;
   position: relative;
@@ -1353,157 +1519,26 @@ body.outfits-edit #preview-outfits > ul > li .outfit-star {
   cursor: pointer;
   display: block;
   float: left;
-  margin-left: -24px;
-  /* makes it not take up inline space */
+  margin-right: 8px;
 }
-/* line 69, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #preview-outfits > ul > li.starred .outfit-star {
+/* line 14, ../../../app/stylesheets/outfits/_star.sass */
+body.outfits-edit #new-outfit.starred .outfit-star {
   background-image: url('/images/star.png?1296599919');
 }
-/* line 71, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #preview-outfits > ul > li.loading .outfit-star {
+/* line 16, ../../../app/stylesheets/outfits/_star.sass */
+body.outfits-edit #new-outfit.loading .outfit-star {
   background-image: url('/images/loading.gif?1296599919');
 }
-/* line 73, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #preview-outfits > ul > li.loading.active .outfit-star {
+/* line 18, ../../../app/stylesheets/outfits/_star.sass */
+body.outfits-edit #new-outfit.loading.active .outfit-star {
   background-image: url('/images/loading_current_outfit.gif?1296599919');
 }
-/* line 75, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #preview-outfits > ul > li h4 {
-  cursor: pointer;
-  display: inline;
+/* line 24, ../../../app/stylesheets/outfits/_star.sass */
+body.outfits-edit #new-outfit .outfit-star {
+  margin-left: -24px;
+  margin-right: 0;
 }
-/* line 78, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #preview-outfits > ul > li h4:hover {
-  text-decoration: underline;
-}
-/* line 80, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #preview-outfits > ul > li h4, body.outfits-edit #preview-outfits > ul > li .outfit-rename-field {
-  font-size: 115%;
-}
-/* line 82, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #preview-outfits > ul > li .outfit-rename-button, body.outfits-edit #preview-outfits > ul > li .outfit-rename-form {
-  display: none;
-}
-/* line 84, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #preview-outfits > ul > li .outfit-rename-button {
-  -moz-opacity: 0.75;
-  -webkit-opacity: 0.75;
-  -o-opacity: 0.75;
-  -khtml-opacity: 0.75;
-  font-size: 75%;
-  margin-left: 1em;
-}
-/* line 88, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #preview-outfits > ul > li .outfit-url {
-  -moz-opacity: 0.5;
-  -webkit-opacity: 0.5;
-  -o-opacity: 0.5;
-  -khtml-opacity: 0.5;
-  background: transparent;
-  border-width: 0;
-  width: 284px;
-}
-/* line 93, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #preview-outfits > ul > li .outfit-url:hover {
-  -moz-opacity: 1;
-  -webkit-opacity: 1;
-  -o-opacity: 1;
-  -khtml-opacity: 1;
-  border-width: 1px;
-}
-/* line 96, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation {
-  display: none;
-  font-size: 75%;
-}
-/* line 99, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation span {
-  color: red;
-}
-/* line 101, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation a {
-  margin: 0 0.25em;
-}
-/* line 103, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #preview-outfits > ul > li.active {
-  background: #eeffee;
-}
-/* line 106, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #preview-outfits > ul > li.confirming-deletion .outfit-delete {
-  visibility: hidden;
-}
-/* line 108, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #preview-outfits > ul > li.confirming-deletion .outfit-url {
-  display: none;
-}
-/* line 110, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #preview-outfits > ul > li.confirming-deletion .outfit-delete-confirmation {
-  display: block;
-}
-/* line 113, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #preview-outfits > ul > li.renaming h4 {
-  display: none;
-}
-/* line 115, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #preview-outfits > ul > li.renaming .outfit-rename-form {
-  display: inline;
-}
-/* line 118, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #preview-outfits > ul > li.renaming:hover .outfit-rename-button {
-  display: none;
-}
-/* line 121, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #preview-outfits > ul > li:hover .outfit-rename-button {
-  display: inline;
-}
-/* line 407, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #preview-outfits > ul.loaded {
-  background: transparent;
-}
-/* line 410, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit .preview-sidebar-nav {
-  float: right;
-  font-size: 85%;
-  margin-right: 24px;
-  margin-top: 1em;
-}
-/* line 417, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #save-success, body.outfits-edit #save-error, body.outfits-edit #outfit-not-found {
-  margin-left: 24px;
-  margin-right: 24px;
-  display: none;
-  margin-top: 1em;
-  text-align: center;
-}
-/* line 424, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #save-success {
-  background: #e6efc2;
-  border: 1px solid #c6d880;
-  color: #264409;
-}
-/* line 427, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #save-error, body.outfits-edit #outfit-not-found {
-  background: #fbe3e4;
-  border: 1px solid #fbc2c4;
-  color: #8a1f11;
-}
-/* line 430, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #userbar-message {
-  -moz-opacity: 0.5;
-  -webkit-opacity: 0.5;
-  -o-opacity: 0.5;
-  -khtml-opacity: 0.5;
-  display: none;
-}
-/* line 434, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit {
-  padding: 0.25em 0;
-  margin-left: 24px;
-  margin-right: 24px;
-  display: none;
-}
-/* line 35, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 32, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #new-outfit img {
   height: 100px;
   left: -25px;
@@ -1511,7 +1546,7 @@ body.outfits-edit #new-outfit img {
   top: -25px;
   width: 100px;
 }
-/* line 44, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 38, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #new-outfit .outfit-delete {
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
@@ -1545,7 +1580,7 @@ body.outfits-edit #new-outfit .outfit-delete:hover {
 body.outfits-edit #new-outfit .outfit-delete:active {
   top: auto;
 }
-/* line 52, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 46, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #new-outfit .outfit-delete:hover {
   -moz-opacity: 1;
   -webkit-opacity: 1;
@@ -1553,13 +1588,148 @@ body.outfits-edit #new-outfit .outfit-delete:hover {
   -khtml-opacity: 1;
   background: #eeffee;
 }
-/* line 55, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 49, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #new-outfit header {
   display: block;
   padding-left: 24px;
 }
-/* line 58, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 52, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #new-outfit h4 {
+  cursor: pointer;
+  display: inline;
+}
+/* line 55, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #new-outfit h4:hover {
+  text-decoration: underline;
+}
+/* line 57, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #new-outfit h4, body.outfits-edit #new-outfit .outfit-rename-field {
+  font-size: 115%;
+}
+/* line 59, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #new-outfit .outfit-rename-button, body.outfits-edit #new-outfit .outfit-rename-form {
+  display: none;
+}
+/* line 61, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #new-outfit .outfit-rename-button {
+  -moz-opacity: 0.75;
+  -webkit-opacity: 0.75;
+  -o-opacity: 0.75;
+  -khtml-opacity: 0.75;
+  font-size: 75%;
+  margin-left: 1em;
+}
+/* line 65, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #new-outfit .outfit-url {
+  -moz-opacity: 0.5;
+  -webkit-opacity: 0.5;
+  -o-opacity: 0.5;
+  -khtml-opacity: 0.5;
+  background: transparent;
+  border-width: 0;
+  width: 284px;
+}
+/* line 70, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #new-outfit .outfit-url:hover {
+  -moz-opacity: 1;
+  -webkit-opacity: 1;
+  -o-opacity: 1;
+  -khtml-opacity: 1;
+  border-width: 1px;
+}
+/* line 73, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #new-outfit .outfit-delete-confirmation {
+  display: none;
+  font-size: 75%;
+}
+/* line 76, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #new-outfit .outfit-delete-confirmation span {
+  color: red;
+}
+/* line 78, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #new-outfit .outfit-delete-confirmation a {
+  margin: 0 0.25em;
+}
+/* line 80, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #new-outfit.active {
+  background: #eeffee;
+}
+/* line 83, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #new-outfit.confirming-deletion .outfit-delete {
+  visibility: hidden;
+}
+/* line 85, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #new-outfit.confirming-deletion .outfit-url {
+  display: none;
+}
+/* line 87, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #new-outfit.confirming-deletion .outfit-delete-confirmation {
+  display: block;
+}
+/* line 90, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #new-outfit.renaming h4 {
+  display: none;
+}
+/* line 92, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #new-outfit.renaming .outfit-rename-form {
+  display: inline;
+}
+/* line 95, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #new-outfit.renaming:hover .outfit-rename-button {
+  display: none;
+}
+/* line 98, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #new-outfit:hover .outfit-rename-button {
+  display: inline;
+}
+/* line 415, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #new-outfit h4 {
+  display: inline;
+}
+/* line 417, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #new-outfit h4:hover {
+  text-decoration: none;
+}
+/* line 419, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit #new-outfit .outfit-star {
+  margin-top: 0.5em;
+}
+/* line 422, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #new-outfit-name {
+  font: inherit;
+  line-height: 1;
+}
+/* line 426, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #preview-saving-outfit {
+  display: none;
+  padding-bottom: 1em;
+}
+/* line 430, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #pet-type-form, body.outfits-edit #pet-state-form, body.outfits-edit #preview-swf, body.outfits-edit #preview-search-form {
+  position: relative;
+}
+/* line 433, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit .control-overlay {
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  z-index: 5;
+}
+/* line 441, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit #preview-sidebar-nav-outfits, body.outfits-edit #save-outfit-signed-in {
+  display: none;
+}
+/* line 444, ../../../app/stylesheets/outfits/_edit.sass */
+body.outfits-edit form#save-outfit-form {
+  padding: 0.25em 0;
+  display: none;
+  margin-right: 0;
+  padding: 0;
+}
+/* line 4, ../../../app/stylesheets/outfits/_star.sass */
+body.outfits-edit form#save-outfit-form .outfit-star {
   bottom: -2px;
   height: 16px;
   position: relative;
@@ -1570,157 +1740,26 @@ body.outfits-edit #new-outfit .outfit-star {
   cursor: pointer;
   display: block;
   float: left;
-  margin-left: -24px;
-  /* makes it not take up inline space */
+  margin-right: 8px;
 }
-/* line 69, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit.starred .outfit-star {
+/* line 14, ../../../app/stylesheets/outfits/_star.sass */
+body.outfits-edit form#save-outfit-form.starred .outfit-star {
   background-image: url('/images/star.png?1296599919');
 }
-/* line 71, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit.loading .outfit-star {
+/* line 16, ../../../app/stylesheets/outfits/_star.sass */
+body.outfits-edit form#save-outfit-form.loading .outfit-star {
   background-image: url('/images/loading.gif?1296599919');
 }
-/* line 73, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit.loading.active .outfit-star {
+/* line 18, ../../../app/stylesheets/outfits/_star.sass */
+body.outfits-edit form#save-outfit-form.loading.active .outfit-star {
   background-image: url('/images/loading_current_outfit.gif?1296599919');
 }
-/* line 75, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit h4 {
-  cursor: pointer;
-  display: inline;
-}
-/* line 78, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit h4:hover {
-  text-decoration: underline;
-}
-/* line 80, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit h4, body.outfits-edit #new-outfit .outfit-rename-field {
-  font-size: 115%;
-}
-/* line 82, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit .outfit-rename-button, body.outfits-edit #new-outfit .outfit-rename-form {
-  display: none;
-}
-/* line 84, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit .outfit-rename-button {
-  -moz-opacity: 0.75;
-  -webkit-opacity: 0.75;
-  -o-opacity: 0.75;
-  -khtml-opacity: 0.75;
-  font-size: 75%;
-  margin-left: 1em;
-}
-/* line 88, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit .outfit-url {
-  -moz-opacity: 0.5;
-  -webkit-opacity: 0.5;
-  -o-opacity: 0.5;
-  -khtml-opacity: 0.5;
-  background: transparent;
-  border-width: 0;
-  width: 284px;
-}
-/* line 93, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit .outfit-url:hover {
-  -moz-opacity: 1;
-  -webkit-opacity: 1;
-  -o-opacity: 1;
-  -khtml-opacity: 1;
-  border-width: 1px;
-}
-/* line 96, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit .outfit-delete-confirmation {
-  display: none;
-  font-size: 75%;
-}
-/* line 99, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit .outfit-delete-confirmation span {
-  color: red;
-}
-/* line 101, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit .outfit-delete-confirmation a {
-  margin: 0 0.25em;
-}
-/* line 103, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit.active {
-  background: #eeffee;
-}
-/* line 106, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit.confirming-deletion .outfit-delete {
-  visibility: hidden;
-}
-/* line 108, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit.confirming-deletion .outfit-url {
-  display: none;
-}
-/* line 110, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit.confirming-deletion .outfit-delete-confirmation {
-  display: block;
-}
-/* line 113, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit.renaming h4 {
-  display: none;
-}
-/* line 115, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit.renaming .outfit-rename-form {
-  display: inline;
-}
-/* line 118, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit.renaming:hover .outfit-rename-button {
-  display: none;
-}
-/* line 121, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit:hover .outfit-rename-button {
-  display: inline;
-}
-/* line 438, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit h4 {
-  display: inline;
-}
-/* line 440, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit h4:hover {
-  text-decoration: none;
-}
-/* line 442, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit .outfit-star {
-  margin-top: 0.5em;
-}
-/* line 445, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #new-outfit-name {
-  font: inherit;
-  line-height: 1;
-}
-/* line 449, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #preview-saving-outfit {
-  display: none;
-  padding-bottom: 1em;
-}
-/* line 453, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #pet-type-form, body.outfits-edit #pet-state-form, body.outfits-edit #preview-swf, body.outfits-edit #preview-search-form {
-  position: relative;
-}
-/* line 456, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit .control-overlay {
-  height: 100%;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 100%;
-  z-index: 5;
-}
-/* line 464, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit #preview-sidebar-nav-outfits, body.outfits-edit #save-outfit-signed-in {
-  display: none;
-}
-/* line 467, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit form#save-outfit-form {
-  padding: 0.25em 0;
-  display: none;
+/* line 24, ../../../app/stylesheets/outfits/_star.sass */
+body.outfits-edit form#save-outfit-form .outfit-star {
+  margin-left: -24px;
   margin-right: 0;
-  padding: 0;
 }
-/* line 35, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 32, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit form#save-outfit-form img {
   height: 100px;
   left: -25px;
@@ -1728,7 +1767,7 @@ body.outfits-edit form#save-outfit-form img {
   top: -25px;
   width: 100px;
 }
-/* line 44, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 38, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit form#save-outfit-form .outfit-delete {
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
@@ -1762,7 +1801,7 @@ body.outfits-edit form#save-outfit-form .outfit-delete:hover {
 body.outfits-edit form#save-outfit-form .outfit-delete:active {
   top: auto;
 }
-/* line 52, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 46, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit form#save-outfit-form .outfit-delete:hover {
   -moz-opacity: 1;
   -webkit-opacity: 1;
@@ -1770,56 +1809,29 @@ body.outfits-edit form#save-outfit-form .outfit-delete:hover {
   -khtml-opacity: 1;
   background: #eeffee;
 }
-/* line 55, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 49, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit form#save-outfit-form header {
   display: block;
   padding-left: 24px;
 }
-/* line 58, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit form#save-outfit-form .outfit-star {
-  bottom: -2px;
-  height: 16px;
-  position: relative;
-  width: 16px;
-  background-image: url('/images/unstarred.png?1296599919');
-  background-position: left top;
-  background-repeat: no-repeat;
-  cursor: pointer;
-  display: block;
-  float: left;
-  margin-left: -24px;
-  /* makes it not take up inline space */
-}
-/* line 69, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit form#save-outfit-form.starred .outfit-star {
-  background-image: url('/images/star.png?1296599919');
-}
-/* line 71, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit form#save-outfit-form.loading .outfit-star {
-  background-image: url('/images/loading.gif?1296599919');
-}
-/* line 73, ../../../app/stylesheets/outfits/_edit.sass */
-body.outfits-edit form#save-outfit-form.loading.active .outfit-star {
-  background-image: url('/images/loading_current_outfit.gif?1296599919');
-}
-/* line 75, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 52, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit form#save-outfit-form h4 {
   cursor: pointer;
   display: inline;
 }
-/* line 78, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 55, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit form#save-outfit-form h4:hover {
   text-decoration: underline;
 }
-/* line 80, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 57, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit form#save-outfit-form h4, body.outfits-edit form#save-outfit-form .outfit-rename-field {
   font-size: 115%;
 }
-/* line 82, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 59, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit form#save-outfit-form .outfit-rename-button, body.outfits-edit form#save-outfit-form .outfit-rename-form {
   display: none;
 }
-/* line 84, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 61, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit form#save-outfit-form .outfit-rename-button {
   -moz-opacity: 0.75;
   -webkit-opacity: 0.75;
@@ -1828,7 +1840,7 @@ body.outfits-edit form#save-outfit-form .outfit-rename-button {
   font-size: 75%;
   margin-left: 1em;
 }
-/* line 88, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 65, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit form#save-outfit-form .outfit-url {
   -moz-opacity: 0.5;
   -webkit-opacity: 0.5;
@@ -1838,7 +1850,7 @@ body.outfits-edit form#save-outfit-form .outfit-url {
   border-width: 0;
   width: 284px;
 }
-/* line 93, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 70, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit form#save-outfit-form .outfit-url:hover {
   -moz-opacity: 1;
   -webkit-opacity: 1;
@@ -1846,52 +1858,52 @@ body.outfits-edit form#save-outfit-form .outfit-url:hover {
   -khtml-opacity: 1;
   border-width: 1px;
 }
-/* line 96, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 73, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit form#save-outfit-form .outfit-delete-confirmation {
   display: none;
   font-size: 75%;
 }
-/* line 99, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 76, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit form#save-outfit-form .outfit-delete-confirmation span {
   color: red;
 }
-/* line 101, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 78, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit form#save-outfit-form .outfit-delete-confirmation a {
   margin: 0 0.25em;
 }
-/* line 103, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 80, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit form#save-outfit-form.active {
   background: #eeffee;
 }
-/* line 106, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 83, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit form#save-outfit-form.confirming-deletion .outfit-delete {
   visibility: hidden;
 }
-/* line 108, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 85, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit form#save-outfit-form.confirming-deletion .outfit-url {
   display: none;
 }
-/* line 110, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 87, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit form#save-outfit-form.confirming-deletion .outfit-delete-confirmation {
   display: block;
 }
-/* line 113, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 90, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit form#save-outfit-form.renaming h4 {
   display: none;
 }
-/* line 115, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 92, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit form#save-outfit-form.renaming .outfit-rename-form {
   display: inline;
 }
-/* line 118, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 95, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit form#save-outfit-form.renaming:hover .outfit-rename-button {
   display: none;
 }
-/* line 121, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 98, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit form#save-outfit-form:hover .outfit-rename-button {
   display: inline;
 }
-/* line 473, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 450, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit form#save-outfit-form .outfit-star, body.outfits-edit form#save-outfit-form input, body.outfits-edit form#save-outfit-form button {
   display: -moz-inline-box;
   -moz-box-orient: vertical;
@@ -1902,51 +1914,91 @@ body.outfits-edit form#save-outfit-form .outfit-star, body.outfits-edit form#sav
   float: none;
   vertical-align: top;
 }
-/* line 478, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 455, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit form#save-outfit-form .outfit-star {
   margin-top: 0.25em;
 }
-/* line 481, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 458, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit .outfit-url {
   font-size: 75%;
 }
-/* line 485, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 462, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit.user-signed-in #preview-sidebar-nav-outfits {
   display: block;
 }
-/* line 487, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 464, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit.user-signed-in #save-outfit {
   display: inline-block;
 }
-/* line 491, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 468, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit.user-signed-in #save-outfit-wrapper.active-outfit #save-outfit {
   display: none;
 }
-/* line 493, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 470, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit.user-signed-in #save-outfit-wrapper.active-outfit #save-current-outfit, body.outfits-edit.user-signed-in #save-outfit-wrapper.active-outfit #save-outfit-copy {
   display: inline-block;
 }
-/* line 495, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 472, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit.user-signed-in #save-outfit-wrapper.active-outfit #current-outfit-permalink {
   display: inline-block;
 }
-/* line 498, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 475, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #save-outfit-form {
   display: block;
 }
-/* line 500, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 477, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #save-outfit, body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #save-current-outfit, body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #save-outfit-copy, body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #current-outfit-permalink {
   display: none;
 }
-/* line 504, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 481, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit.user-not-signed-in #share-outfit, body.outfits-edit.user-not-signed-in #save-outfit-not-signed-in {
   display: inline-block;
 }
-/* line 507, ../../../app/stylesheets/outfits/_edit.sass */
+/* line 484, ../../../app/stylesheets/outfits/_edit.sass */
 body.outfits-edit.user-not-signed-in #save-outfit-wrapper.shared-outfit #current-outfit-permalink, body.outfits-edit.user-not-signed-in #save-outfit-wrapper.shared-outfit #current-outfit-url {
   display: inline-block;
 }
 
+/* line 4, ../../../app/stylesheets/outfits/_index.sass */
+body.outfits-index #outfits {
+  list-style: none;
+}
+/* line 4, ../../../app/stylesheets/outfits/_star.sass */
+body.outfits-index #outfits li .outfit-star {
+  bottom: -2px;
+  height: 16px;
+  position: relative;
+  width: 16px;
+  background-image: url('/images/unstarred.png?1296599919');
+  background-position: left top;
+  background-repeat: no-repeat;
+  cursor: pointer;
+  display: block;
+  float: left;
+  margin-right: 8px;
+}
+/* line 14, ../../../app/stylesheets/outfits/_star.sass */
+body.outfits-index #outfits li.starred .outfit-star {
+  background-image: url('/images/star.png?1296599919');
+}
+/* line 16, ../../../app/stylesheets/outfits/_star.sass */
+body.outfits-index #outfits li.loading .outfit-star {
+  background-image: url('/images/loading.gif?1296599919');
+}
+/* line 18, ../../../app/stylesheets/outfits/_star.sass */
+body.outfits-index #outfits li.loading.active .outfit-star {
+  background-image: url('/images/loading_current_outfit.gif?1296599919');
+}
+/* line 10, ../../../app/stylesheets/outfits/_index.sass */
+body.outfits-index #outfits h4 {
+  display: inline;
+}
+/* line 13, ../../../app/stylesheets/outfits/_index.sass */
+body.outfits-index #outfits .outfit-edit-link {
+  font-size: 85%;
+  margin-left: 1em;
+}
+
 /* line 2, ../../../app/stylesheets/outfits/_new.sass */
 body.outfits-new #outfit-forms {
   overflow: hidden;