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 © 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;