dice/impress
1
0
Fork 0
forked from OpenNeo/impress
Code Pull requests Activity

allow guests to share outfits

Browse source
This commit is contained in:
Emi Matchu 2011-02-10 17:50:47 -05:00
parent ea5908c278
commit fa14232473
10 changed files with 268 additions and 178 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/controllers/outfits_controller.rb
View file

@ -2,17 +2,12 @@ class OutfitsController < ApplicationController
before_filter :find_authorized_outfit, :only => [:update, :destroy] before_filter :find_authorized_outfit, :only => [:update, :destroy]
def create def create
if user_signed_in? @outfit = Outfit.build_for_user(current_user, params[:outfit])
@outfit = Outfit.new params[:outfit]
@outfit.user = current_user
if @outfit.save if @outfit.save
render :json => @outfit.id render :json => @outfit.id
else else
render_outfit_errors render_outfit_errors
end end
else
render :json => {:errors => {:user => ['not logged in']}}, :status => :forbidden
end
end end
def for_current_user def for_current_user

15
app/models/outfit.rb
View file

@ -6,7 +6,7 @@ class Outfit < ActiveRecord::Base
belongs_to :pet_state belongs_to :pet_state
belongs_to :user belongs_to :user
validates :name, :presence => true, :uniqueness => {:scope => :user_id} validates :name, :presence => {:if => :user_id}, :uniqueness => {:scope => :user_id, :if => :user_id}
validates :pet_state, :presence => true validates :pet_state, :presence => true
attr_accessible :name, :pet_state_id, :starred, :worn_and_unworn_item_ids attr_accessible :name, :pet_state_id, :starred, :worn_and_unworn_item_ids
@ -66,4 +66,17 @@ class Outfit < ActiveRecord::Base
def worn_item_ids def worn_item_ids
worn_and_unworn_item_ids[:worn] worn_and_unworn_item_ids[:worn]
end end
def self.build_for_user(user, params)
Outfit.new.tap do |outfit|
name = params.delete(:name)
starred = params.delete(:starred)
if user
outfit.user = user
outfit.name = name
outfit.starred = starred
end
outfit.attributes = params
end
end
end end

24
app/stylesheets/outfits/_edit.sass
View file

@ -89,7 +89,6 @@ $outfit-content-inner-width: $outfit-content-width - $outfit-header-padding
+opacity(.5) +opacity(.5)
background: transparent background: transparent
border-width: 0 border-width: 0
font-size: 75%
width: $outfit-content-inner-width width: $outfit-content-inner-width
&:hover &:hover
+opacity(1) +opacity(1)
@ -154,13 +153,22 @@ body.outfits-edit
float: right float: right
button button
display: none display: none
#save-outfit, #save-outfit-not-signed-in, #save-current-outfit, #save-outfit-copy, #save-outfit-finish &.loading
background:
image: image-url("loading.gif")
position: left center
repeat: no-repeat
padding-left: 20px
#save-outfit, #share-outfit, #save-outfit-not-signed-in, #save-current-outfit, #save-outfit-copy, #save-outfit-finish
+loud-awesome-button-color +loud-awesome-button-color
#current-outfit-permalink #current-outfit-permalink
display: none display: none
margin-right: .25em margin-right: .25em
img img
+icon +icon
#current-outfit-url
display: none
width: 15em
#preview #preview
clear: both clear: both
#preview-swf #preview-swf
@ -470,6 +478,9 @@ body.outfits-edit
.outfit-star .outfit-star
margin-top: .25em margin-top: .25em
.outfit-url
font-size: 75%
&.user-signed-in &.user-signed-in
#preview-sidebar-nav-outfits #preview-sidebar-nav-outfits
display: block display: block
@ -479,7 +490,9 @@ body.outfits-edit
&.active-outfit &.active-outfit
#save-outfit #save-outfit
display: none display: none
#current-outfit-permalink, #save-current-outfit, #save-outfit-copy #save-current-outfit, #save-outfit-copy
display: inline-block
#current-outfit-permalink
display: inline-block display: inline-block
&.saving-outfit &.saving-outfit
#save-outfit-form #save-outfit-form
@ -488,5 +501,8 @@ body.outfits-edit
display: none display: none
&.user-not-signed-in &.user-not-signed-in
#save-outfit-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 display: inline-block

6
app/views/outfits/edit.html.haml
View file

@ -15,10 +15,12 @@
Gender/Emotions: Gender/Emotions:
%ul %ul
#save-outfit-wrapper #save-outfit-wrapper
%button#save-outfit Save outfit
%button#save-outfit-not-signed-in Log in to save outfit
%a#current-outfit-permalink{:target => '_blank'} %a#current-outfit-permalink{:target => '_blank'}
= image_tag 'link_go.png', :alt => 'Permalink', :title => 'Permalink' = image_tag 'link_go.png', :alt => 'Permalink', :title => 'Permalink'
%input#current-outfit-url.outfit-url{:type => 'text'}
%button#save-outfit Save outfit
%button#share-outfit Share outfit
%button#save-outfit-not-signed-in Log in to save
%button#save-current-outfit Save &quot;<span>current outfit</span>&quot; %button#save-current-outfit Save &quot;<span>current outfit</span>&quot;
%button#save-outfit-copy Save a copy %button#save-outfit-copy Save a copy
%form#save-outfit-form %form#save-outfit-form

3
app/views/outfits/show.html.haml
View file

@ -1,6 +1,7 @@
- title @outfit.name - title(@outfit.name || "Shared outfit")
%a.button#outfit-wardrobe-link{:href => wardrobe_path(:anchor => @outfit.to_query)} %a.button#outfit-wardrobe-link{:href => wardrobe_path(:anchor => @outfit.to_query)}
Edit a copy Edit a copy
- if @outfit.user_id
#outfit-user #outfit-user
Created by Created by
== #{link_to @outfit.user.name, user_contributions_path(@outfit.user)}, == #{link_to @outfit.user.name, user_contributions_path(@outfit.user)},

9
db/migrate/20110210222230_guest_outfits.rb Normal file
View file

@ -0,0 +1,9 @@
class GuestOutfits < ActiveRecord::Migration
def self.up
change_column :outfits, :name, :string, :null => true
end
def self.down
change_column :outfits, :name, :string, :null => false
end
end

5
db/schema.rb
View file

@ -10,7 +10,7 @@
# #
# It's strongly recommended to check this file into your version control system. # It's strongly recommended to check this file into your version control system.
ActiveRecord::Schema.define(:version => 20110126180835) do ActiveRecord::Schema.define(:version => 20110210222230) do
create_table "auth_servers", :force => true do |t| create_table "auth_servers", :force => true do |t|
t.string "short_name", :limit => 10, :null => false t.string "short_name", :limit => 10, :null => false
@ -68,7 +68,7 @@ ActiveRecord::Schema.define(:version => 20110126180835) do
t.integer "user_id" t.integer "user_id"
t.datetime "created_at" t.datetime "created_at"
t.datetime "updated_at" t.datetime "updated_at"
t.string "name", :null => false t.string "name"
t.boolean "starred", :default => false, :null => false t.boolean "starred", :default => false, :null => false
end end
@ -103,7 +103,6 @@ ActiveRecord::Schema.define(:version => 20110126180835) do
t.string "image_hash", :limit => 8 t.string "image_hash", :limit => 8
end end
add_index "pet_types", ["body_id"], :name => "pet_type_body_id"
add_index "pet_types", ["species_id", "color_id"], :name => "pet_types_species_color", :unique => true add_index "pet_types", ["species_id", "color_id"], :name => "pet_types_species_color", :unique => true
create_table "pets", :force => true do |t| create_table "pets", :force => true do |t|

52
public/javascripts/outfits/edit.js
View file

@ -1,5 +1,3 @@
// TODO: replace updateItems triggers, move references to wardrobe.closet to outfit controller
(function () { (function () {
var csrf_param = $('meta[name=csrf-param]').attr('content'), var csrf_param = $('meta[name=csrf-param]').attr('content'),
csrf_token = $('meta[name=csrf-token]').attr('content'); csrf_token = $('meta[name=csrf-token]').attr('content');
@ -9,18 +7,18 @@
})(); })();
$.fn.notify = function () { $.fn.notify = function () {
this.stop(true, true).show('slow').delay(5000).hide('fast'); return this.stop(true, true).show('slow').delay(5000).hide('fast');
} }
$.fn.outfitLoading = function () { $.fn.startLoading = function () {
this.delay(1000).queue(function (next) { return this.delay(1000).queue(function (next) {
$(this).addClass('loading'); $(this).addClass('loading');
next(); next();
}); });
} }
$.fn.stopLoading = function () { $.fn.stopLoading = function () {
this.removeClass('loading').clearQueue(); return this.removeClass('loading').clearQueue();
} }
var Partial = {}, main_wardrobe, var Partial = {}, main_wardrobe,
@ -444,6 +442,7 @@ View.Hash = function (wardrobe) {
View.Outfits = function (wardrobe) { View.Outfits = function (wardrobe) {
var current_outfit_permalink_el = $('#current-outfit-permalink'), var current_outfit_permalink_el = $('#current-outfit-permalink'),
current_outfit_url_el = $('#current-outfit-url'),
new_outfit_form_el = $('#save-outfit-form'), new_outfit_form_el = $('#save-outfit-form'),
new_outfit_name_el = $('#save-outfit-name'), new_outfit_name_el = $('#save-outfit-name'),
outfits_el = $('#preview-outfits'), outfits_el = $('#preview-outfits'),
@ -561,7 +560,7 @@ View.Outfits = function (wardrobe) {
var el = $(this), outfit = el.tmplItem().data, new_name = el.val(), var el = $(this), outfit = el.tmplItem().data, new_name = el.val(),
li = el.closest('li').removeClass('renaming'); li = el.closest('li').removeClass('renaming');
if(new_name != outfit.name) { if(new_name != outfit.name) {
li.outfitLoading(); li.startLoading();
wardrobe.user.renameOutfit(outfit, new_name); wardrobe.user.renameOutfit(outfit, new_name);
} }
} }
@ -601,19 +600,24 @@ View.Outfits = function (wardrobe) {
stars.live('click', function () { stars.live('click', function () {
var el = $(this); var el = $(this);
el.closest('li').outfitLoading(); el.closest('li').startLoading();
wardrobe.user.toggleOutfitStar(el.tmplItem().data); wardrobe.user.toggleOutfitStar(el.tmplItem().data);
}); });
function setOutfitPermalink(outfit) {
var url = document.location.protocol + "//" + document.location.host;
if(document.location.port) url += ":" + document.location.port;
url += "/outfits/" + outfit.id;
current_outfit_permalink_el.attr('href', url);
current_outfit_url_el.val(url);
}
function setActiveOutfit(outfit) { function setActiveOutfit(outfit) {
outfits_list_el.find('li.active').removeClass('active'); outfits_list_el.find('li.active').removeClass('active');
if(outfit.id) { if(outfit.id) {
var url = document.location.protocol + "//" + document.location.host; setOutfitPermalink(outfit);
if(document.location.port) url += ":" + document.location.port;
url += "/outfits/" + outfit.id;
liForOutfit(outfit).addClass('active'); liForOutfit(outfit).addClass('active');
save_current_outfit_name_el.text(outfit.name); save_current_outfit_name_el.text(outfit.name);
current_outfit_permalink_el.attr('href', url);
} }
save_outfit_wrapper_el.toggleClass('active-outfit', outfit.id ? true : false); save_outfit_wrapper_el.toggleClass('active-outfit', outfit.id ? true : false);
} }
@ -639,10 +643,15 @@ View.Outfits = function (wardrobe) {
new_outfit_form_el.submit(function (e) { new_outfit_form_el.submit(function (e) {
e.preventDefault(); e.preventDefault();
new_outfit_form_el.outfitLoading(); new_outfit_form_el.startLoading();
wardrobe.outfit.create({starred: new_outfit_form_el.hasClass('starred'), name: new_outfit_name_el.val()}); wardrobe.outfit.create({starred: new_outfit_form_el.hasClass('starred'), name: new_outfit_name_el.val()});
}); });
$('#share-outfit').click(function () {
save_outfit_wrapper_el.startLoading();
wardrobe.outfit.share();
});
new_outfit_form_el.find('div.outfit-star').click(function () { new_outfit_form_el.find('div.outfit-star').click(function () {
new_outfit_form_el.toggleClass('starred'); new_outfit_form_el.toggleClass('starred');
}); });
@ -672,6 +681,19 @@ View.Outfits = function (wardrobe) {
wardrobe.user.updateOutfit(outfit); wardrobe.user.updateOutfit(outfit);
}); });
wardrobe.outfit.bind('shareSuccess', function (outfit) {
save_outfit_wrapper_el.stopLoading().addClass('shared-outfit');
setOutfitPermalink(outfit);
});
function clearSharedOutfit() {
save_outfit_wrapper_el.removeClass('shared-outfit');
}
wardrobe.outfit.bind('updateClosetItems', clearSharedOutfit);
wardrobe.outfit.bind('updateWornItems', clearSharedOutfit);
wardrobe.outfit.bind('updatePetState', clearSharedOutfit);
function saveFailure(outfit, response) { function saveFailure(outfit, response) {
var errors = response.errors; var errors = response.errors;
if(typeof errors == 'undefined') { if(typeof errors == 'undefined') {
@ -695,6 +717,10 @@ View.Outfits = function (wardrobe) {
wardrobe.outfit.bind('saveFailure', saveFailure); wardrobe.outfit.bind('saveFailure', saveFailure);
wardrobe.user.bind('saveFailure', saveFailure) wardrobe.user.bind('saveFailure', saveFailure)
wardrobe.outfit.bind('shareFailure', function (outfit, response) {
save_outfit_wrapper_el.stopLoading();
saveFailure(outfit, response);
});
/* Error */ /* Error */

8
public/javascripts/wardrobe.js
View file

@ -876,6 +876,14 @@ function Wardrobe() {
); );
} }
this.share = function () {
var sharedOutfit = outfit.clone();
sharedOutfit.create(
controller.event('shareSuccess'),
controller.event('shareFailure')
);
}
this.unclosetItem = function (item) { this.unclosetItem = function (item) {
outfit.unclosetItem( outfit.unclosetItem(
item, item,

301
public/stylesheets/compiled/screen.css
View file

@ -760,12 +760,12 @@ body.items-show .nc-icon {
} }
@import url(../shared/jquery.jgrowl.css); @import url(../shared/jquery.jgrowl.css);
/* line 131, ../../../app/stylesheets/outfits/_edit.sass */ /* line 130, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-toolbar { body.outfits-edit #preview-toolbar {
margin-bottom: 0.5em; margin-bottom: 0.5em;
text-align: left; text-align: left;
} }
/* line 134, ../../../app/stylesheets/outfits/_edit.sass */ /* line 133, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-toolbar form { body.outfits-edit #preview-toolbar form {
display: -moz-inline-box; display: -moz-inline-box;
-moz-box-orient: vertical; -moz-box-orient: vertical;
@ -775,23 +775,23 @@ body.outfits-edit #preview-toolbar form {
*vertical-align: auto; *vertical-align: auto;
margin-right: 2em; margin-right: 2em;
} }
/* line 137, ../../../app/stylesheets/outfits/_edit.sass */ /* line 136, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #pet-info form { body.outfits-edit #pet-info form {
display: inline; display: inline;
} }
/* line 140, ../../../app/stylesheets/outfits/_edit.sass */ /* line 139, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #pet-state-form ul { body.outfits-edit #pet-state-form ul {
list-style: none; list-style: none;
} }
/* line 142, ../../../app/stylesheets/outfits/_edit.sass */ /* line 141, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #pet-state-form ul, body.outfits-edit #pet-state-form ul li { body.outfits-edit #pet-state-form ul, body.outfits-edit #pet-state-form ul li {
display: inline; display: inline;
} }
/* line 144, ../../../app/stylesheets/outfits/_edit.sass */ /* line 143, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #pet-state-form input { body.outfits-edit #pet-state-form input {
display: none; display: none;
} }
/* line 146, ../../../app/stylesheets/outfits/_edit.sass */ /* line 145, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #pet-state-form label { body.outfits-edit #pet-state-form label {
/* http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html */ /* http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html */
-moz-border-radius: 5px; -moz-border-radius: 5px;
@ -823,7 +823,7 @@ body.outfits-edit #pet-state-form label:hover {
body.outfits-edit #pet-state-form label:active { body.outfits-edit #pet-state-form label:active {
top: 1px; top: 1px;
} }
/* line 149, ../../../app/stylesheets/outfits/_edit.sass */ /* line 148, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #pet-state-form li.selected button { body.outfits-edit #pet-state-form li.selected button {
background: #0b61a4 url('/images/alert-overlay.png?1296599919') repeat-x; background: #0b61a4 url('/images/alert-overlay.png?1296599919') repeat-x;
} }
@ -831,43 +831,55 @@ body.outfits-edit #pet-state-form li.selected button {
body.outfits-edit #pet-state-form li.selected button:hover { body.outfits-edit #pet-state-form li.selected button:hover {
background-color: #005093; background-color: #005093;
} }
/* line 151, ../../../app/stylesheets/outfits/_edit.sass */ /* line 150, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #pet-state-form.hidden { body.outfits-edit #pet-state-form.hidden {
visibility: hidden; visibility: hidden;
} }
/* line 153, ../../../app/stylesheets/outfits/_edit.sass */ /* line 152, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #save-outfit-wrapper { body.outfits-edit #save-outfit-wrapper {
float: right; float: right;
} }
/* line 155, ../../../app/stylesheets/outfits/_edit.sass */ /* line 154, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #save-outfit-wrapper button { body.outfits-edit #save-outfit-wrapper button {
display: none; display: none;
} }
/* line 157, ../../../app/stylesheets/outfits/_edit.sass */ /* line 156, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #save-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 { 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 */
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; background: #ff5c00 url('/images/alert-overlay.png?1296599919') repeat-x;
} }
/* line 34, ../../../app/stylesheets/partials/clean/_mixins.sass */ /* line 34, ../../../app/stylesheets/partials/clean/_mixins.sass */
body.outfits-edit #save-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 { 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; background-color: #ee4b00;
} }
/* line 159, ../../../app/stylesheets/outfits/_edit.sass */ /* line 164, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #current-outfit-permalink { body.outfits-edit #current-outfit-permalink {
display: none; display: none;
margin-right: 0.25em; margin-right: 0.25em;
} }
/* line 162, ../../../app/stylesheets/outfits/_edit.sass */ /* line 167, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #current-outfit-permalink img { body.outfits-edit #current-outfit-permalink img {
bottom: -2px; bottom: -2px;
height: 16px; height: 16px;
position: relative; position: relative;
width: 16px; width: 16px;
} }
/* line 164, ../../../app/stylesheets/outfits/_edit.sass */ /* line 169, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #current-outfit-url {
display: none;
width: 15em;
}
/* line 172, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview { body.outfits-edit #preview {
clear: both; clear: both;
} }
/* line 166, ../../../app/stylesheets/outfits/_edit.sass */ /* line 174, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-swf { body.outfits-edit #preview-swf {
float: left; float: left;
height: 400px; height: 400px;
@ -875,7 +887,7 @@ body.outfits-edit #preview-swf {
position: relative; position: relative;
width: 400px; width: 400px;
} }
/* line 172, ../../../app/stylesheets/outfits/_edit.sass */ /* line 180, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-swf-overlay { body.outfits-edit #preview-swf-overlay {
-moz-opacity: 0; -moz-opacity: 0;
-webkit-opacity: 0; -webkit-opacity: 0;
@ -888,7 +900,7 @@ body.outfits-edit #preview-swf-overlay {
top: 0; top: 0;
width: 100%; width: 100%;
} }
/* line 180, ../../../app/stylesheets/outfits/_edit.sass */ /* line 188, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar { body.outfits-edit #preview-sidebar {
-moz-border-radius: 10px; -moz-border-radius: 10px;
-webkit-border-radius: 10px; -webkit-border-radius: 10px;
@ -900,73 +912,73 @@ body.outfits-edit #preview-sidebar {
overflow: auto; overflow: auto;
width: 378px; width: 378px;
} }
/* line 190, ../../../app/stylesheets/outfits/_edit.sass */ /* line 198, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar.viewing-outfits #preview-closet { body.outfits-edit #preview-sidebar.viewing-outfits #preview-closet {
display: none; display: none;
} }
/* line 192, ../../../app/stylesheets/outfits/_edit.sass */ /* line 200, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar.viewing-outfits #preview-outfits { body.outfits-edit #preview-sidebar.viewing-outfits #preview-outfits {
display: block; display: block;
} }
/* line 194, ../../../app/stylesheets/outfits/_edit.sass */ /* line 202, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar.viewing-saving-outfit { body.outfits-edit #preview-sidebar.viewing-saving-outfit {
height: auto; height: auto;
max-height: 100%; max-height: 100%;
} }
/* line 197, ../../../app/stylesheets/outfits/_edit.sass */ /* line 205, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar.viewing-saving-outfit #preview-closet { body.outfits-edit #preview-sidebar.viewing-saving-outfit #preview-closet {
display: none; display: none;
} }
/* line 199, ../../../app/stylesheets/outfits/_edit.sass */ /* line 207, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar.viewing-saving-outfit #preview-saving-outfit { body.outfits-edit #preview-sidebar.viewing-saving-outfit #preview-saving-outfit {
display: block; display: block;
} }
/* line 202, ../../../app/stylesheets/outfits/_edit.sass */ /* line 210, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar .sidebar-view h2 { body.outfits-edit #preview-sidebar .sidebar-view h2 {
margin-bottom: 0.25em; margin-bottom: 0.25em;
margin-left: 24px; margin-left: 24px;
} }
/* line 207, ../../../app/stylesheets/outfits/_edit.sass */ /* line 215, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet h2 { body.outfits-edit #preview-closet h2 {
margin-bottom: 0; margin-bottom: 0;
} }
/* line 209, ../../../app/stylesheets/outfits/_edit.sass */ /* line 217, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet ul { body.outfits-edit #preview-closet ul {
text-align: center; text-align: center;
} }
/* line 211, ../../../app/stylesheets/outfits/_edit.sass */ /* line 219, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet .object { body.outfits-edit #preview-closet .object {
background: #eeffee; background: #eeffee;
} }
/* line 213, ../../../app/stylesheets/outfits/_edit.sass */ /* line 221, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet .object img { body.outfits-edit #preview-closet .object img {
-moz-opacity: 0.5; -moz-opacity: 0.5;
-webkit-opacity: 0.5; -webkit-opacity: 0.5;
-o-opacity: 0.5; -o-opacity: 0.5;
-khtml-opacity: 0.5; -khtml-opacity: 0.5;
} }
/* line 215, ../../../app/stylesheets/outfits/_edit.sass */ /* line 223, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet .object.worn { body.outfits-edit #preview-closet .object.worn {
background: transparent; background: transparent;
} }
/* line 217, ../../../app/stylesheets/outfits/_edit.sass */ /* line 225, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet .object.worn img { body.outfits-edit #preview-closet .object.worn img {
-moz-opacity: 1; -moz-opacity: 1;
-webkit-opacity: 1; -webkit-opacity: 1;
-o-opacity: 1; -o-opacity: 1;
-khtml-opacity: 1; -khtml-opacity: 1;
} }
/* line 219, ../../../app/stylesheets/outfits/_edit.sass */ /* line 227, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet .object.no-assets { body.outfits-edit #preview-closet .object.no-assets {
background: #fbe3e4; background: #fbe3e4;
color: #8a1f11; color: #8a1f11;
padding-bottom: 1.25em; padding-bottom: 1.25em;
} }
/* line 223, ../../../app/stylesheets/outfits/_edit.sass */ /* line 231, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet .object.no-assets .no-assets-message { body.outfits-edit #preview-closet .object.no-assets .no-assets-message {
display: block; display: block;
} }
/* line 225, ../../../app/stylesheets/outfits/_edit.sass */ /* line 233, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .no-assets-message { body.outfits-edit .no-assets-message {
background: #f3dbdc; background: #f3dbdc;
bottom: 0; bottom: 0;
@ -978,7 +990,7 @@ body.outfits-edit .no-assets-message {
position: absolute; position: absolute;
width: 100%; width: 100%;
} }
/* line 235, ../../../app/stylesheets/outfits/_edit.sass */ /* line 243, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #no-assets-full-message { body.outfits-edit #no-assets-full-message {
-moz-border-radius: 5px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
@ -992,12 +1004,12 @@ body.outfits-edit #no-assets-full-message {
top: -9999px; top: -9999px;
width: 30em; width: 30em;
} }
/* line 246, ../../../app/stylesheets/outfits/_edit.sass */ /* line 254, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form { body.outfits-edit #preview-search-form {
clear: both; clear: both;
text-align: left; text-align: left;
} }
/* line 249, ../../../app/stylesheets/outfits/_edit.sass */ /* line 257, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form h2 { body.outfits-edit #preview-search-form h2 {
display: -moz-inline-box; display: -moz-inline-box;
-moz-box-orient: vertical; -moz-box-orient: vertical;
@ -1007,7 +1019,7 @@ body.outfits-edit #preview-search-form h2 {
*vertical-align: auto; *vertical-align: auto;
margin: 0 1em 0 0; margin: 0 1em 0 0;
} }
/* line 252, ../../../app/stylesheets/outfits/_edit.sass */ /* line 260, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form input { body.outfits-edit #preview-search-form input {
display: -moz-inline-box; display: -moz-inline-box;
-moz-box-orient: vertical; -moz-box-orient: vertical;
@ -1016,7 +1028,7 @@ body.outfits-edit #preview-search-form input {
*display: inline; *display: inline;
*vertical-align: auto; *vertical-align: auto;
} }
/* line 254, ../../../app/stylesheets/outfits/_edit.sass */ /* line 262, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form-pagination { body.outfits-edit #preview-search-form-pagination {
display: -moz-inline-box; display: -moz-inline-box;
-moz-box-orient: vertical; -moz-box-orient: vertical;
@ -1026,53 +1038,53 @@ body.outfits-edit #preview-search-form-pagination {
*vertical-align: auto; *vertical-align: auto;
margin-left: 2em; margin-left: 2em;
} }
/* line 257, ../../../app/stylesheets/outfits/_edit.sass */ /* line 265, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form-pagination a, body.outfits-edit #preview-search-form-pagination span { body.outfits-edit #preview-search-form-pagination a, body.outfits-edit #preview-search-form-pagination span {
margin: 0 0.25em; margin: 0 0.25em;
} }
/* line 259, ../../../app/stylesheets/outfits/_edit.sass */ /* line 267, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form-pagination .current { body.outfits-edit #preview-search-form-pagination .current {
font-weight: bold; font-weight: bold;
} }
/* line 261, ../../../app/stylesheets/outfits/_edit.sass */ /* line 269, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form-clear { body.outfits-edit #preview-search-form-clear {
display: none; display: none;
font-size: 87.5%; font-size: 87.5%;
margin-left: 2em; margin-left: 2em;
} }
/* line 265, ../../../app/stylesheets/outfits/_edit.sass */ /* line 273, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form-loading { body.outfits-edit #preview-search-form-loading {
display: none; display: none;
font-size: 75%; font-size: 75%;
font-style: italic; font-style: italic;
margin-left: 2em; margin-left: 2em;
} }
/* line 271, ../../../app/stylesheets/outfits/_edit.sass */ /* line 279, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form-no-results { body.outfits-edit #preview-search-form-no-results {
display: none; display: none;
} }
/* line 273, ../../../app/stylesheets/outfits/_edit.sass */ /* line 281, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form-help { body.outfits-edit #preview-search-form-help {
font-size: 87.5%; font-size: 87.5%;
margin-left: 2em; margin-left: 2em;
} }
/* line 276, ../../../app/stylesheets/outfits/_edit.sass */ /* line 284, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .search-helper { body.outfits-edit .search-helper {
font-family: inherit; font-family: inherit;
} }
/* line 278, ../../../app/stylesheets/outfits/_edit.sass */ /* line 286, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .possible-error { body.outfits-edit .possible-error {
display: none; display: none;
} }
/* line 281, ../../../app/stylesheets/outfits/_edit.sass */ /* line 289, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #fullscreen-copyright { body.outfits-edit #fullscreen-copyright {
display: none; display: none;
} }
/* line 283, ../../../app/stylesheets/outfits/_edit.sass */ /* line 291, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen { body.outfits-edit.fullscreen {
height: 100%; height: 100%;
} }
/* line 286, ../../../app/stylesheets/outfits/_edit.sass */ /* line 294, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #container { body.outfits-edit.fullscreen #container {
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -1085,19 +1097,19 @@ body.outfits-edit.fullscreen #container {
position: relative; position: relative;
width: 80%; width: 80%;
} }
/* line 294, ../../../app/stylesheets/outfits/_edit.sass */ /* line 302, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen h1 { body.outfits-edit.fullscreen h1 {
display: none; display: none;
} }
/* line 296, ../../../app/stylesheets/outfits/_edit.sass */ /* line 304, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #short-url-response { body.outfits-edit.fullscreen #short-url-response {
position: static; position: static;
} }
/* line 298, ../../../app/stylesheets/outfits/_edit.sass */ /* line 306, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #preview { body.outfits-edit.fullscreen #preview {
width: 100%; width: 100%;
} }
/* line 300, ../../../app/stylesheets/outfits/_edit.sass */ /* line 308, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #preview-sidebar { body.outfits-edit.fullscreen #preview-sidebar {
float: right; float: right;
height: 100%; height: 100%;
@ -1105,12 +1117,12 @@ body.outfits-edit.fullscreen #preview-sidebar {
position: relative; position: relative;
width: 400px; width: 400px;
} }
/* line 306, ../../../app/stylesheets/outfits/_edit.sass */ /* line 314, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #preview-sidebar.viewing-saving-outfit { body.outfits-edit.fullscreen #preview-sidebar.viewing-saving-outfit {
height: auto; height: auto;
max-height: 100%; max-height: 100%;
} }
/* line 309, ../../../app/stylesheets/outfits/_edit.sass */ /* line 317, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #preview-search-form { body.outfits-edit.fullscreen #preview-search-form {
bottom: 1.5em; bottom: 1.5em;
left: 0; left: 0;
@ -1119,7 +1131,7 @@ body.outfits-edit.fullscreen #preview-search-form {
position: absolute; position: absolute;
width: 100%; width: 100%;
} }
/* line 317, ../../../app/stylesheets/outfits/_edit.sass */ /* line 325, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #preview-search-form-help div { body.outfits-edit.fullscreen #preview-search-form-help div {
display: -moz-inline-box; display: -moz-inline-box;
-moz-box-orient: vertical; -moz-box-orient: vertical;
@ -1129,27 +1141,27 @@ body.outfits-edit.fullscreen #preview-search-form-help div {
*vertical-align: auto; *vertical-align: auto;
width: 48%; width: 48%;
} }
/* line 320, ../../../app/stylesheets/outfits/_edit.sass */ /* line 328, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #footer { body.outfits-edit.fullscreen #footer {
bottom: 0; bottom: 0;
left: 0; left: 0;
position: absolute; position: absolute;
width: 100%; width: 100%;
} }
/* line 325, ../../../app/stylesheets/outfits/_edit.sass */ /* line 333, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #footer ul, body.outfits-edit.fullscreen #footer p, body.outfits-edit.fullscreen #footer li { body.outfits-edit.fullscreen #footer ul, body.outfits-edit.fullscreen #footer p, body.outfits-edit.fullscreen #footer li {
display: inline; display: inline;
} }
/* line 327, ../../../app/stylesheets/outfits/_edit.sass */ /* line 335, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #footer ul { body.outfits-edit.fullscreen #footer ul {
margin-right: 2em; margin-right: 2em;
} }
/* line 330, ../../../app/stylesheets/outfits/_edit.sass */ /* line 338, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object { body.outfits-edit .object {
padding: 6px; padding: 6px;
position: relative; position: relative;
} }
/* line 333, ../../../app/stylesheets/outfits/_edit.sass */ /* line 341, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object ul { body.outfits-edit .object ul {
display: none; display: none;
left: 0; left: 0;
@ -1157,11 +1169,11 @@ body.outfits-edit .object ul {
position: absolute; position: absolute;
top: 0; top: 0;
} }
/* line 339, ../../../app/stylesheets/outfits/_edit.sass */ /* line 347, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object ul li { body.outfits-edit .object ul li {
margin-bottom: 0.25em; margin-bottom: 0.25em;
} }
/* line 341, ../../../app/stylesheets/outfits/_edit.sass */ /* line 349, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object ul li a { body.outfits-edit .object ul li a {
/* http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html */ /* http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html */
-moz-border-radius: 5px; -moz-border-radius: 5px;
@ -1202,11 +1214,11 @@ body.outfits-edit .object ul li a:active {
body.outfits-edit .object ul li a:hover { body.outfits-edit .object ul li a:hover {
background-color: #999999; background-color: #999999;
} }
/* line 347, ../../../app/stylesheets/outfits/_edit.sass */ /* line 355, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object:hover ul, body.outfits-edit .object:hover .object-info { body.outfits-edit .object:hover ul, body.outfits-edit .object:hover .object-info {
display: block; display: block;
} }
/* line 354, ../../../app/stylesheets/outfits/_edit.sass */ /* line 362, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .nc-icon { body.outfits-edit .nc-icon {
background: url('/images/nc.png?1296599919') no-repeat; background: url('/images/nc.png?1296599919') no-repeat;
height: 16px; height: 16px;
@ -1216,14 +1228,14 @@ body.outfits-edit .nc-icon {
top: 64px; top: 64px;
width: 16px; width: 16px;
} }
/* line 362, ../../../app/stylesheets/outfits/_edit.sass */ /* line 370, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .nc-icon:hover { body.outfits-edit .nc-icon:hover {
-moz-opacity: 0.5; -moz-opacity: 0.5;
-webkit-opacity: 0.5; -webkit-opacity: 0.5;
-o-opacity: 0.5; -o-opacity: 0.5;
-khtml-opacity: 0.5; -khtml-opacity: 0.5;
} }
/* line 365, ../../../app/stylesheets/outfits/_edit.sass */ /* line 373, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object-info { body.outfits-edit .object-info {
-moz-border-radius: 12px; -moz-border-radius: 12px;
-webkit-border-radius: 12px; -webkit-border-radius: 12px;
@ -1240,26 +1252,26 @@ body.outfits-edit .object-info {
top: 0; top: 0;
width: 16px; width: 16px;
} }
/* line 376, ../../../app/stylesheets/outfits/_edit.sass */ /* line 384, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object-info span { body.outfits-edit .object-info span {
font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
font-weight: bold; font-weight: bold;
position: relative; position: relative;
top: -2px; top: -2px;
} }
/* line 382, ../../../app/stylesheets/outfits/_edit.sass */ /* line 390, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object-info:hover { body.outfits-edit .object-info:hover {
-moz-opacity: 1; -moz-opacity: 1;
-webkit-opacity: 1; -webkit-opacity: 1;
-o-opacity: 1; -o-opacity: 1;
-khtml-opacity: 1; -khtml-opacity: 1;
} }
/* line 385, ../../../app/stylesheets/outfits/_edit.sass */ /* line 393, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits { body.outfits-edit #preview-outfits {
display: none; display: none;
text-align: left; text-align: left;
} }
/* line 388, ../../../app/stylesheets/outfits/_edit.sass */ /* line 396, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul { body.outfits-edit #preview-outfits > ul {
margin-left: 24px; margin-left: 24px;
margin-right: 24px; margin-right: 24px;
@ -1270,7 +1282,7 @@ body.outfits-edit #preview-outfits > ul {
margin-bottom: 1em; margin-bottom: 1em;
min-height: 16px; min-height: 16px;
} }
/* line 397, ../../../app/stylesheets/outfits/_edit.sass */ /* line 405, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li { body.outfits-edit #preview-outfits > ul > li {
padding: 0.25em 0; padding: 0.25em 0;
} }
@ -1390,10 +1402,9 @@ body.outfits-edit #preview-outfits > ul > li .outfit-url {
-khtml-opacity: 0.5; -khtml-opacity: 0.5;
background: transparent; background: transparent;
border-width: 0; border-width: 0;
font-size: 75%;
width: 284px; width: 284px;
} }
/* line 94, ../../../app/stylesheets/outfits/_edit.sass */ /* line 93, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li .outfit-url:hover { body.outfits-edit #preview-outfits > ul > li .outfit-url:hover {
-moz-opacity: 1; -moz-opacity: 1;
-webkit-opacity: 1; -webkit-opacity: 1;
@ -1401,63 +1412,63 @@ body.outfits-edit #preview-outfits > ul > li .outfit-url:hover {
-khtml-opacity: 1; -khtml-opacity: 1;
border-width: 1px; border-width: 1px;
} }
/* line 97, ../../../app/stylesheets/outfits/_edit.sass */ /* line 96, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation { body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation {
display: none; display: none;
font-size: 75%; font-size: 75%;
} }
/* line 100, ../../../app/stylesheets/outfits/_edit.sass */ /* line 99, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation span { body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation span {
color: red; color: red;
} }
/* line 102, ../../../app/stylesheets/outfits/_edit.sass */ /* line 101, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation a { body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation a {
margin: 0 0.25em; margin: 0 0.25em;
} }
/* line 104, ../../../app/stylesheets/outfits/_edit.sass */ /* line 103, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li.active { body.outfits-edit #preview-outfits > ul > li.active {
background: #eeffee; background: #eeffee;
} }
/* line 107, ../../../app/stylesheets/outfits/_edit.sass */ /* line 106, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li.confirming-deletion .outfit-delete { body.outfits-edit #preview-outfits > ul > li.confirming-deletion .outfit-delete {
visibility: hidden; visibility: hidden;
} }
/* line 109, ../../../app/stylesheets/outfits/_edit.sass */ /* line 108, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li.confirming-deletion .outfit-url { body.outfits-edit #preview-outfits > ul > li.confirming-deletion .outfit-url {
display: none; display: none;
} }
/* line 111, ../../../app/stylesheets/outfits/_edit.sass */ /* line 110, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li.confirming-deletion .outfit-delete-confirmation { body.outfits-edit #preview-outfits > ul > li.confirming-deletion .outfit-delete-confirmation {
display: block; display: block;
} }
/* line 114, ../../../app/stylesheets/outfits/_edit.sass */ /* line 113, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li.renaming h4 { body.outfits-edit #preview-outfits > ul > li.renaming h4 {
display: none; display: none;
} }
/* line 116, ../../../app/stylesheets/outfits/_edit.sass */ /* line 115, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li.renaming .outfit-rename-form { body.outfits-edit #preview-outfits > ul > li.renaming .outfit-rename-form {
display: inline; display: inline;
} }
/* line 119, ../../../app/stylesheets/outfits/_edit.sass */ /* line 118, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li.renaming:hover .outfit-rename-button { body.outfits-edit #preview-outfits > ul > li.renaming:hover .outfit-rename-button {
display: none; display: none;
} }
/* line 122, ../../../app/stylesheets/outfits/_edit.sass */ /* line 121, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li:hover .outfit-rename-button { body.outfits-edit #preview-outfits > ul > li:hover .outfit-rename-button {
display: inline; display: inline;
} }
/* line 399, ../../../app/stylesheets/outfits/_edit.sass */ /* line 407, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul.loaded { body.outfits-edit #preview-outfits > ul.loaded {
background: transparent; background: transparent;
} }
/* line 402, ../../../app/stylesheets/outfits/_edit.sass */ /* line 410, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .preview-sidebar-nav { body.outfits-edit .preview-sidebar-nav {
float: right; float: right;
font-size: 85%; font-size: 85%;
margin-right: 24px; margin-right: 24px;
margin-top: 1em; margin-top: 1em;
} }
/* line 409, ../../../app/stylesheets/outfits/_edit.sass */ /* line 417, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #save-success, body.outfits-edit #save-error, body.outfits-edit #outfit-not-found { body.outfits-edit #save-success, body.outfits-edit #save-error, body.outfits-edit #outfit-not-found {
margin-left: 24px; margin-left: 24px;
margin-right: 24px; margin-right: 24px;
@ -1465,19 +1476,19 @@ body.outfits-edit #save-success, body.outfits-edit #save-error, body.outfits-edi
margin-top: 1em; margin-top: 1em;
text-align: center; text-align: center;
} }
/* line 416, ../../../app/stylesheets/outfits/_edit.sass */ /* line 424, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #save-success { body.outfits-edit #save-success {
background: #e6efc2; background: #e6efc2;
border: 1px solid #c6d880; border: 1px solid #c6d880;
color: #264409; color: #264409;
} }
/* line 419, ../../../app/stylesheets/outfits/_edit.sass */ /* line 427, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #save-error, body.outfits-edit #outfit-not-found { body.outfits-edit #save-error, body.outfits-edit #outfit-not-found {
background: #fbe3e4; background: #fbe3e4;
border: 1px solid #fbc2c4; border: 1px solid #fbc2c4;
color: #8a1f11; color: #8a1f11;
} }
/* line 422, ../../../app/stylesheets/outfits/_edit.sass */ /* line 430, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #userbar-message { body.outfits-edit #userbar-message {
-moz-opacity: 0.5; -moz-opacity: 0.5;
-webkit-opacity: 0.5; -webkit-opacity: 0.5;
@ -1485,7 +1496,7 @@ body.outfits-edit #userbar-message {
-khtml-opacity: 0.5; -khtml-opacity: 0.5;
display: none; display: none;
} }
/* line 426, ../../../app/stylesheets/outfits/_edit.sass */ /* line 434, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit { body.outfits-edit #new-outfit {
padding: 0.25em 0; padding: 0.25em 0;
margin-left: 24px; margin-left: 24px;
@ -1608,10 +1619,9 @@ body.outfits-edit #new-outfit .outfit-url {
-khtml-opacity: 0.5; -khtml-opacity: 0.5;
background: transparent; background: transparent;
border-width: 0; border-width: 0;
font-size: 75%;
width: 284px; width: 284px;
} }
/* line 94, ../../../app/stylesheets/outfits/_edit.sass */ /* line 93, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit .outfit-url:hover { body.outfits-edit #new-outfit .outfit-url:hover {
-moz-opacity: 1; -moz-opacity: 1;
-webkit-opacity: 1; -webkit-opacity: 1;
@ -1619,78 +1629,78 @@ body.outfits-edit #new-outfit .outfit-url:hover {
-khtml-opacity: 1; -khtml-opacity: 1;
border-width: 1px; border-width: 1px;
} }
/* line 97, ../../../app/stylesheets/outfits/_edit.sass */ /* line 96, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit .outfit-delete-confirmation { body.outfits-edit #new-outfit .outfit-delete-confirmation {
display: none; display: none;
font-size: 75%; font-size: 75%;
} }
/* line 100, ../../../app/stylesheets/outfits/_edit.sass */ /* line 99, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit .outfit-delete-confirmation span { body.outfits-edit #new-outfit .outfit-delete-confirmation span {
color: red; color: red;
} }
/* line 102, ../../../app/stylesheets/outfits/_edit.sass */ /* line 101, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit .outfit-delete-confirmation a { body.outfits-edit #new-outfit .outfit-delete-confirmation a {
margin: 0 0.25em; margin: 0 0.25em;
} }
/* line 104, ../../../app/stylesheets/outfits/_edit.sass */ /* line 103, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit.active { body.outfits-edit #new-outfit.active {
background: #eeffee; background: #eeffee;
} }
/* line 107, ../../../app/stylesheets/outfits/_edit.sass */ /* line 106, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit.confirming-deletion .outfit-delete { body.outfits-edit #new-outfit.confirming-deletion .outfit-delete {
visibility: hidden; visibility: hidden;
} }
/* line 109, ../../../app/stylesheets/outfits/_edit.sass */ /* line 108, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit.confirming-deletion .outfit-url { body.outfits-edit #new-outfit.confirming-deletion .outfit-url {
display: none; display: none;
} }
/* line 111, ../../../app/stylesheets/outfits/_edit.sass */ /* line 110, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit.confirming-deletion .outfit-delete-confirmation { body.outfits-edit #new-outfit.confirming-deletion .outfit-delete-confirmation {
display: block; display: block;
} }
/* line 114, ../../../app/stylesheets/outfits/_edit.sass */ /* line 113, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit.renaming h4 { body.outfits-edit #new-outfit.renaming h4 {
display: none; display: none;
} }
/* line 116, ../../../app/stylesheets/outfits/_edit.sass */ /* line 115, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit.renaming .outfit-rename-form { body.outfits-edit #new-outfit.renaming .outfit-rename-form {
display: inline; display: inline;
} }
/* line 119, ../../../app/stylesheets/outfits/_edit.sass */ /* line 118, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit.renaming:hover .outfit-rename-button { body.outfits-edit #new-outfit.renaming:hover .outfit-rename-button {
display: none; display: none;
} }
/* line 122, ../../../app/stylesheets/outfits/_edit.sass */ /* line 121, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit:hover .outfit-rename-button { body.outfits-edit #new-outfit:hover .outfit-rename-button {
display: inline; display: inline;
} }
/* line 430, ../../../app/stylesheets/outfits/_edit.sass */ /* line 438, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit h4 { body.outfits-edit #new-outfit h4 {
display: inline; display: inline;
} }
/* line 432, ../../../app/stylesheets/outfits/_edit.sass */ /* line 440, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit h4:hover { body.outfits-edit #new-outfit h4:hover {
text-decoration: none; text-decoration: none;
} }
/* line 434, ../../../app/stylesheets/outfits/_edit.sass */ /* line 442, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit .outfit-star { body.outfits-edit #new-outfit .outfit-star {
margin-top: 0.5em; margin-top: 0.5em;
} }
/* line 437, ../../../app/stylesheets/outfits/_edit.sass */ /* line 445, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit-name { body.outfits-edit #new-outfit-name {
font: inherit; font: inherit;
line-height: 1; line-height: 1;
} }
/* line 441, ../../../app/stylesheets/outfits/_edit.sass */ /* line 449, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-saving-outfit { body.outfits-edit #preview-saving-outfit {
display: none; display: none;
padding-bottom: 1em; padding-bottom: 1em;
} }
/* line 445, ../../../app/stylesheets/outfits/_edit.sass */ /* 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 { 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; position: relative;
} }
/* line 448, ../../../app/stylesheets/outfits/_edit.sass */ /* line 456, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .control-overlay { body.outfits-edit .control-overlay {
height: 100%; height: 100%;
left: 0; left: 0;
@ -1699,11 +1709,11 @@ body.outfits-edit .control-overlay {
width: 100%; width: 100%;
z-index: 5; z-index: 5;
} }
/* line 456, ../../../app/stylesheets/outfits/_edit.sass */ /* line 464, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar-nav-outfits, body.outfits-edit #save-outfit-signed-in { body.outfits-edit #preview-sidebar-nav-outfits, body.outfits-edit #save-outfit-signed-in {
display: none; display: none;
} }
/* line 459, ../../../app/stylesheets/outfits/_edit.sass */ /* line 467, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form { body.outfits-edit form#save-outfit-form {
padding: 0.25em 0; padding: 0.25em 0;
display: none; display: none;
@ -1826,10 +1836,9 @@ body.outfits-edit form#save-outfit-form .outfit-url {
-khtml-opacity: 0.5; -khtml-opacity: 0.5;
background: transparent; background: transparent;
border-width: 0; border-width: 0;
font-size: 75%;
width: 284px; width: 284px;
} }
/* line 94, ../../../app/stylesheets/outfits/_edit.sass */ /* line 93, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form .outfit-url:hover { body.outfits-edit form#save-outfit-form .outfit-url:hover {
-moz-opacity: 1; -moz-opacity: 1;
-webkit-opacity: 1; -webkit-opacity: 1;
@ -1837,52 +1846,52 @@ body.outfits-edit form#save-outfit-form .outfit-url:hover {
-khtml-opacity: 1; -khtml-opacity: 1;
border-width: 1px; border-width: 1px;
} }
/* line 97, ../../../app/stylesheets/outfits/_edit.sass */ /* line 96, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form .outfit-delete-confirmation { body.outfits-edit form#save-outfit-form .outfit-delete-confirmation {
display: none; display: none;
font-size: 75%; font-size: 75%;
} }
/* line 100, ../../../app/stylesheets/outfits/_edit.sass */ /* line 99, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form .outfit-delete-confirmation span { body.outfits-edit form#save-outfit-form .outfit-delete-confirmation span {
color: red; color: red;
} }
/* line 102, ../../../app/stylesheets/outfits/_edit.sass */ /* line 101, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form .outfit-delete-confirmation a { body.outfits-edit form#save-outfit-form .outfit-delete-confirmation a {
margin: 0 0.25em; margin: 0 0.25em;
} }
/* line 104, ../../../app/stylesheets/outfits/_edit.sass */ /* line 103, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form.active { body.outfits-edit form#save-outfit-form.active {
background: #eeffee; background: #eeffee;
} }
/* line 107, ../../../app/stylesheets/outfits/_edit.sass */ /* line 106, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form.confirming-deletion .outfit-delete { body.outfits-edit form#save-outfit-form.confirming-deletion .outfit-delete {
visibility: hidden; visibility: hidden;
} }
/* line 109, ../../../app/stylesheets/outfits/_edit.sass */ /* line 108, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form.confirming-deletion .outfit-url { body.outfits-edit form#save-outfit-form.confirming-deletion .outfit-url {
display: none; display: none;
} }
/* line 111, ../../../app/stylesheets/outfits/_edit.sass */ /* line 110, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form.confirming-deletion .outfit-delete-confirmation { body.outfits-edit form#save-outfit-form.confirming-deletion .outfit-delete-confirmation {
display: block; display: block;
} }
/* line 114, ../../../app/stylesheets/outfits/_edit.sass */ /* line 113, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form.renaming h4 { body.outfits-edit form#save-outfit-form.renaming h4 {
display: none; display: none;
} }
/* line 116, ../../../app/stylesheets/outfits/_edit.sass */ /* line 115, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form.renaming .outfit-rename-form { body.outfits-edit form#save-outfit-form.renaming .outfit-rename-form {
display: inline; display: inline;
} }
/* line 119, ../../../app/stylesheets/outfits/_edit.sass */ /* line 118, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form.renaming:hover .outfit-rename-button { body.outfits-edit form#save-outfit-form.renaming:hover .outfit-rename-button {
display: none; display: none;
} }
/* line 122, ../../../app/stylesheets/outfits/_edit.sass */ /* line 121, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form:hover .outfit-rename-button { body.outfits-edit form#save-outfit-form:hover .outfit-rename-button {
display: inline; display: inline;
} }
/* line 465, ../../../app/stylesheets/outfits/_edit.sass */ /* line 473, ../../../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 { 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; display: -moz-inline-box;
-moz-box-orient: vertical; -moz-box-orient: vertical;
@ -1893,36 +1902,48 @@ body.outfits-edit form#save-outfit-form .outfit-star, body.outfits-edit form#sav
float: none; float: none;
vertical-align: top; vertical-align: top;
} }
/* line 470, ../../../app/stylesheets/outfits/_edit.sass */ /* line 478, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form .outfit-star { body.outfits-edit form#save-outfit-form .outfit-star {
margin-top: 0.25em; margin-top: 0.25em;
} }
/* line 474, ../../../app/stylesheets/outfits/_edit.sass */ /* line 481, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .outfit-url {
font-size: 75%;
}
/* line 485, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-signed-in #preview-sidebar-nav-outfits { body.outfits-edit.user-signed-in #preview-sidebar-nav-outfits {
display: block; display: block;
} }
/* line 476, ../../../app/stylesheets/outfits/_edit.sass */ /* line 487, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-signed-in #save-outfit { body.outfits-edit.user-signed-in #save-outfit {
display: inline-block; display: inline-block;
} }
/* line 480, ../../../app/stylesheets/outfits/_edit.sass */ /* line 491, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-signed-in #save-outfit-wrapper.active-outfit #save-outfit { body.outfits-edit.user-signed-in #save-outfit-wrapper.active-outfit #save-outfit {
display: none; display: none;
} }
/* line 482, ../../../app/stylesheets/outfits/_edit.sass */ /* line 493, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-signed-in #save-outfit-wrapper.active-outfit #current-outfit-permalink, 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 { 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; display: inline-block;
} }
/* line 485, ../../../app/stylesheets/outfits/_edit.sass */ /* line 495, ../../../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 */
body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #save-outfit-form { body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #save-outfit-form {
display: block; display: block;
} }
/* line 487, ../../../app/stylesheets/outfits/_edit.sass */ /* line 500, ../../../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 { 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; display: none;
} }
/* line 491, ../../../app/stylesheets/outfits/_edit.sass */ /* line 504, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-not-signed-in #save-outfit-not-signed-in { 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 */
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; display: inline-block;
} }