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

playing with new outfit save interface

Browse source
This commit is contained in:
Emi Matchu 2011-02-07 12:54:20 -05:00
parent ac3e9c0051
commit fd5663c9e8
4 changed files with 319 additions and 87 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -151,8 +151,9 @@ body.outfits-edit
#save-outfit-wrapper
float: right
button
+loud-awesome-button-color
display: none
#save-outfit, #save-outfit-not-signed-in, #save-current-outfit, #save-outfit-copy, #save-outfit-finish
+loud-awesome-button-color
#preview
clear: both
#preview-swf
@ -448,16 +449,36 @@ body.outfits-edit
#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
&.user-signed-in
#preview-sidebar-nav-outfits
display: block
#save-outfit
display: inline-block
#save-outfit-wrapper.active-outfit
#save-outfit
display: none
#save-current-outfit, #save-outfit-copy
display: inline-block
#save-outfit-wrapper
&.active-outfit
#save-outfit
display: none
#save-current-outfit, #save-outfit-copy
display: inline-block
&.saving-outfit
#save-outfit-form
display: block
#save-outfit, #save-current-outfit, #save-outfit-copy
display: none
&.user-not-signed-in
#save-outfit-not-signed-in

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

@ -14,11 +14,16 @@
%form#pet-state-form
Gender/Emotions:
%ul
#save-outfit-wrapper
#save-outfit-wrapper.saving-outfit
%button#save-outfit Save outfit
%button#save-outfit-not-signed-in Log in to save outfit
%button#save-current-outfit Save &quot;<span>current outfit</span>&quot;
%button#save-outfit-copy Save a copy
%form#save-outfit-form
.outfit-star
%input#new-outfit-name{:type => 'text', :placeholder => 'Outfit name'}
%button#save-outfit-finish{:type => 'submit'} Save
%button#save-outfit-cancel{:type => 'button'} Cancel
#preview
#preview-swf
#preview-swf-container

2
config/environments/development.rb
View file

@ -12,7 +12,7 @@ OpenneoImpressItems::Application.configure do
# Show full error reports and disable caching
config.consider_all_requests_local = true
config.action_view.debug_rjs = true
config.action_controller.perform_caching = true #false
config.action_controller.perform_caching = false
# Don't care if the mailer can't send
config.action_mailer.raise_delivery_errors = false

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

@ -841,18 +841,21 @@ body.outfits-edit #save-outfit-wrapper {
}
/* line 153, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #save-outfit-wrapper button {
background: #ff5c00 url('/images/alert-overlay.png?1296599919') repeat-x;
display: none;
}
/* line 155, ../../../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 {
background: #ff5c00 url('/images/alert-overlay.png?1296599919') repeat-x;
}
/* line 34, ../../../app/stylesheets/partials/clean/_mixins.sass */
body.outfits-edit #save-outfit-wrapper button:hover {
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 {
background-color: #ee4b00;
}
/* line 156, ../../../app/stylesheets/outfits/_edit.sass */
/* line 157, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview {
clear: both;
}
/* line 158, ../../../app/stylesheets/outfits/_edit.sass */
/* line 159, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-swf {
float: left;
height: 400px;
@ -860,7 +863,7 @@ body.outfits-edit #preview-swf {
position: relative;
width: 400px;
}
/* line 164, ../../../app/stylesheets/outfits/_edit.sass */
/* line 165, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-swf-overlay {
-moz-opacity: 0;
-webkit-opacity: 0;
@ -873,7 +876,7 @@ body.outfits-edit #preview-swf-overlay {
top: 0;
width: 100%;
}
/* line 172, ../../../app/stylesheets/outfits/_edit.sass */
/* line 173, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
@ -885,73 +888,73 @@ body.outfits-edit #preview-sidebar {
overflow: auto;
width: 378px;
}
/* line 182, ../../../app/stylesheets/outfits/_edit.sass */
/* line 183, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar.viewing-outfits #preview-closet {
display: none;
}
/* line 184, ../../../app/stylesheets/outfits/_edit.sass */
/* line 185, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar.viewing-outfits #preview-outfits {
display: block;
}
/* line 186, ../../../app/stylesheets/outfits/_edit.sass */
/* line 187, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar.viewing-saving-outfit {
height: auto;
max-height: 100%;
}
/* line 189, ../../../app/stylesheets/outfits/_edit.sass */
/* line 190, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar.viewing-saving-outfit #preview-closet {
display: none;
}
/* line 191, ../../../app/stylesheets/outfits/_edit.sass */
/* line 192, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar.viewing-saving-outfit #preview-saving-outfit {
display: block;
}
/* line 194, ../../../app/stylesheets/outfits/_edit.sass */
/* line 195, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar .sidebar-view h2 {
margin-bottom: 0.25em;
margin-left: 24px;
}
/* line 199, ../../../app/stylesheets/outfits/_edit.sass */
/* line 200, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet h2 {
margin-bottom: 0;
}
/* line 201, ../../../app/stylesheets/outfits/_edit.sass */
/* line 202, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet ul {
text-align: center;
}
/* line 203, ../../../app/stylesheets/outfits/_edit.sass */
/* line 204, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet .object {
background: #eeffee;
}
/* line 205, ../../../app/stylesheets/outfits/_edit.sass */
/* line 206, ../../../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 207, ../../../app/stylesheets/outfits/_edit.sass */
/* line 208, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet .object.worn {
background: transparent;
}
/* line 209, ../../../app/stylesheets/outfits/_edit.sass */
/* line 210, ../../../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 211, ../../../app/stylesheets/outfits/_edit.sass */
/* line 212, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet .object.no-assets {
background: #fbe3e4;
color: #8a1f11;
padding-bottom: 1.25em;
}
/* line 215, ../../../app/stylesheets/outfits/_edit.sass */
/* line 216, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet .object.no-assets .no-assets-message {
display: block;
}
/* line 217, ../../../app/stylesheets/outfits/_edit.sass */
/* line 218, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .no-assets-message {
background: #f3dbdc;
bottom: 0;
@ -963,7 +966,7 @@ body.outfits-edit .no-assets-message {
position: absolute;
width: 100%;
}
/* line 227, ../../../app/stylesheets/outfits/_edit.sass */
/* line 228, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #no-assets-full-message {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
@ -977,12 +980,12 @@ body.outfits-edit #no-assets-full-message {
top: -9999px;
width: 30em;
}
/* line 238, ../../../app/stylesheets/outfits/_edit.sass */
/* line 239, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form {
clear: both;
text-align: left;
}
/* line 241, ../../../app/stylesheets/outfits/_edit.sass */
/* line 242, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form h2 {
display: -moz-inline-box;
-moz-box-orient: vertical;
@ -992,7 +995,7 @@ body.outfits-edit #preview-search-form h2 {
*vertical-align: auto;
margin: 0 1em 0 0;
}
/* line 244, ../../../app/stylesheets/outfits/_edit.sass */
/* line 245, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form input {
display: -moz-inline-box;
-moz-box-orient: vertical;
@ -1001,7 +1004,7 @@ body.outfits-edit #preview-search-form input {
*display: inline;
*vertical-align: auto;
}
/* line 246, ../../../app/stylesheets/outfits/_edit.sass */
/* line 247, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form-pagination {
display: -moz-inline-box;
-moz-box-orient: vertical;
@ -1011,53 +1014,53 @@ body.outfits-edit #preview-search-form-pagination {
*vertical-align: auto;
margin-left: 2em;
}
/* line 249, ../../../app/stylesheets/outfits/_edit.sass */
/* line 250, ../../../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 251, ../../../app/stylesheets/outfits/_edit.sass */
/* line 252, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form-pagination .current {
font-weight: bold;
}
/* line 253, ../../../app/stylesheets/outfits/_edit.sass */
/* line 254, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form-clear {
display: none;
font-size: 87.5%;
margin-left: 2em;
}
/* line 257, ../../../app/stylesheets/outfits/_edit.sass */
/* line 258, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form-loading {
display: none;
font-size: 75%;
font-style: italic;
margin-left: 2em;
}
/* line 263, ../../../app/stylesheets/outfits/_edit.sass */
/* line 264, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form-no-results {
display: none;
}
/* line 265, ../../../app/stylesheets/outfits/_edit.sass */
/* line 266, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form-help {
font-size: 87.5%;
margin-left: 2em;
}
/* line 268, ../../../app/stylesheets/outfits/_edit.sass */
/* line 269, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .search-helper {
font-family: inherit;
}
/* line 270, ../../../app/stylesheets/outfits/_edit.sass */
/* line 271, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .possible-error {
display: none;
}
/* line 273, ../../../app/stylesheets/outfits/_edit.sass */
/* line 274, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #fullscreen-copyright {
display: none;
}
/* line 275, ../../../app/stylesheets/outfits/_edit.sass */
/* line 276, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen {
height: 100%;
}
/* line 278, ../../../app/stylesheets/outfits/_edit.sass */
/* line 279, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #container {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
@ -1070,19 +1073,19 @@ body.outfits-edit.fullscreen #container {
position: relative;
width: 80%;
}
/* line 286, ../../../app/stylesheets/outfits/_edit.sass */
/* line 287, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen h1 {
display: none;
}
/* line 288, ../../../app/stylesheets/outfits/_edit.sass */
/* line 289, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #short-url-response {
position: static;
}
/* line 290, ../../../app/stylesheets/outfits/_edit.sass */
/* line 291, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #preview {
width: 100%;
}
/* line 292, ../../../app/stylesheets/outfits/_edit.sass */
/* line 293, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #preview-sidebar {
float: right;
height: 100%;
@ -1090,12 +1093,12 @@ body.outfits-edit.fullscreen #preview-sidebar {
position: relative;
width: 400px;
}
/* line 298, ../../../app/stylesheets/outfits/_edit.sass */
/* line 299, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #preview-sidebar.viewing-saving-outfit {
height: auto;
max-height: 100%;
}
/* line 301, ../../../app/stylesheets/outfits/_edit.sass */
/* line 302, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #preview-search-form {
bottom: 1.5em;
left: 0;
@ -1104,7 +1107,7 @@ body.outfits-edit.fullscreen #preview-search-form {
position: absolute;
width: 100%;
}
/* line 309, ../../../app/stylesheets/outfits/_edit.sass */
/* line 310, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #preview-search-form-help div {
display: -moz-inline-box;
-moz-box-orient: vertical;
@ -1114,27 +1117,27 @@ body.outfits-edit.fullscreen #preview-search-form-help div {
*vertical-align: auto;
width: 48%;
}
/* line 312, ../../../app/stylesheets/outfits/_edit.sass */
/* line 313, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #footer {
bottom: 0;
left: 0;
position: absolute;
width: 100%;
}
/* line 317, ../../../app/stylesheets/outfits/_edit.sass */
/* line 318, ../../../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 319, ../../../app/stylesheets/outfits/_edit.sass */
/* line 320, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #footer ul {
margin-right: 2em;
}
/* line 322, ../../../app/stylesheets/outfits/_edit.sass */
/* line 323, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object {
padding: 6px;
position: relative;
}
/* line 325, ../../../app/stylesheets/outfits/_edit.sass */
/* line 326, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object ul {
display: none;
left: 0;
@ -1142,11 +1145,11 @@ body.outfits-edit .object ul {
position: absolute;
top: 0;
}
/* line 331, ../../../app/stylesheets/outfits/_edit.sass */
/* line 332, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object ul li {
margin-bottom: 0.25em;
}
/* line 333, ../../../app/stylesheets/outfits/_edit.sass */
/* line 334, ../../../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;
@ -1187,11 +1190,11 @@ body.outfits-edit .object ul li a:active {
body.outfits-edit .object ul li a:hover {
background-color: #999999;
}
/* line 339, ../../../app/stylesheets/outfits/_edit.sass */
/* line 340, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object:hover ul, body.outfits-edit .object:hover .object-info {
display: block;
}
/* line 346, ../../../app/stylesheets/outfits/_edit.sass */
/* line 347, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .nc-icon {
background: url('/images/nc.png?1296599919') no-repeat;
height: 16px;
@ -1201,14 +1204,14 @@ body.outfits-edit .nc-icon {
top: 64px;
width: 16px;
}
/* line 354, ../../../app/stylesheets/outfits/_edit.sass */
/* line 355, ../../../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 357, ../../../app/stylesheets/outfits/_edit.sass */
/* line 358, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object-info {
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
@ -1225,26 +1228,26 @@ body.outfits-edit .object-info {
top: 0;
width: 16px;
}
/* line 368, ../../../app/stylesheets/outfits/_edit.sass */
/* line 369, ../../../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 374, ../../../app/stylesheets/outfits/_edit.sass */
/* line 375, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object-info:hover {
-moz-opacity: 1;
-webkit-opacity: 1;
-o-opacity: 1;
-khtml-opacity: 1;
}
/* line 377, ../../../app/stylesheets/outfits/_edit.sass */
/* line 378, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits {
display: none;
text-align: left;
}
/* line 380, ../../../app/stylesheets/outfits/_edit.sass */
/* line 381, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul {
margin-left: 24px;
margin-right: 24px;
@ -1255,7 +1258,7 @@ body.outfits-edit #preview-outfits > ul {
margin-bottom: 1em;
min-height: 16px;
}
/* line 389, ../../../app/stylesheets/outfits/_edit.sass */
/* line 390, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li {
padding: 0.25em 0;
}
@ -1432,18 +1435,18 @@ body.outfits-edit #preview-outfits > ul > li.renaming:hover .outfit-rename-butto
body.outfits-edit #preview-outfits > ul > li:hover .outfit-rename-button {
display: inline;
}
/* line 391, ../../../app/stylesheets/outfits/_edit.sass */
/* line 392, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul.loaded {
background: transparent;
}
/* line 394, ../../../app/stylesheets/outfits/_edit.sass */
/* line 395, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .preview-sidebar-nav {
float: right;
font-size: 85%;
margin-right: 24px;
margin-top: 1em;
}
/* line 401, ../../../app/stylesheets/outfits/_edit.sass */
/* line 402, ../../../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;
@ -1451,19 +1454,19 @@ body.outfits-edit #save-success, body.outfits-edit #save-error, body.outfits-edi
margin-top: 1em;
text-align: center;
}
/* line 408, ../../../app/stylesheets/outfits/_edit.sass */
/* line 409, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #save-success {
background: #e6efc2;
border: 1px solid #c6d880;
color: #264409;
}
/* line 411, ../../../app/stylesheets/outfits/_edit.sass */
/* line 412, ../../../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 414, ../../../app/stylesheets/outfits/_edit.sass */
/* line 415, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #userbar-message {
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
@ -1471,7 +1474,7 @@ body.outfits-edit #userbar-message {
-khtml-opacity: 0.5;
display: none;
}
/* line 418, ../../../app/stylesheets/outfits/_edit.sass */
/* line 419, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit {
padding: 0.25em 0;
margin-left: 24px;
@ -1651,33 +1654,33 @@ body.outfits-edit #new-outfit.renaming:hover .outfit-rename-button {
body.outfits-edit #new-outfit:hover .outfit-rename-button {
display: inline;
}
/* line 422, ../../../app/stylesheets/outfits/_edit.sass */
/* line 423, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit h4 {
display: inline;
}
/* line 424, ../../../app/stylesheets/outfits/_edit.sass */
/* line 425, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit h4:hover {
text-decoration: none;
}
/* line 426, ../../../app/stylesheets/outfits/_edit.sass */
/* line 427, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit .outfit-star {
margin-top: 0.5em;
}
/* line 429, ../../../app/stylesheets/outfits/_edit.sass */
/* line 430, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit-name {
font: inherit;
line-height: 1;
}
/* line 433, ../../../app/stylesheets/outfits/_edit.sass */
/* line 434, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-saving-outfit {
display: none;
padding-bottom: 1em;
}
/* line 437, ../../../app/stylesheets/outfits/_edit.sass */
/* line 438, ../../../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 440, ../../../app/stylesheets/outfits/_edit.sass */
/* line 441, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .control-overlay {
height: 100%;
left: 0;
@ -1686,27 +1689,230 @@ body.outfits-edit .control-overlay {
width: 100%;
z-index: 5;
}
/* line 448, ../../../app/stylesheets/outfits/_edit.sass */
/* line 449, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar-nav-outfits, body.outfits-edit #save-outfit-signed-in {
display: none;
}
/* line 452, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form {
padding: 0.25em 0;
display: none;
margin-right: 0;
padding: 0;
}
/* line 29, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form img {
height: 100px;
left: -25px;
position: absolute;
top: -25px;
width: 100px;
}
/* line 38, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form .outfit-delete {
-moz-border-radius: 0;
-webkit-border-radius: 0;
background: transparent;
display: inline;
padding: 0;
color: inherit;
-moz-box-shadow: none;
-webkit-box-shadow: none;
text-shadow: none;
border-bottom: 0;
position: static;
font-weight: normal;
line-height: inherit;
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
-o-opacity: 0.5;
-khtml-opacity: 0.5;
font-size: 150%;
float: right;
line-height: 1;
margin-top: -0.125em;
padding: 0.125em 0.25em;
}
/* line 72, ../../../app/stylesheets/partials/clean/_mixins.sass */
body.outfits-edit form#save-outfit-form .outfit-delete:hover {
background: transparent;
color: inherit;
}
/* line 75, ../../../app/stylesheets/partials/clean/_mixins.sass */
body.outfits-edit form#save-outfit-form .outfit-delete:active {
top: auto;
}
/* line 46, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form .outfit-delete:hover {
-moz-opacity: 1;
-webkit-opacity: 1;
-o-opacity: 1;
-khtml-opacity: 1;
background: #eeffee;
}
/* line 49, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form header {
display: block;
padding-left: 24px;
}
/* line 52, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form .outfit-star {
background-image: url('/images/unstarred.png?1296599919');
background-position: left top;
background-repeat: no-repeat;
bottom: -2px;
/* margin-bottom doesn't work here */
cursor: pointer;
display: block;
float: left;
height: 16px;
margin-left: -24px;
/* makes it not take up inline space */
position: relative;
width: 16px;
}
/* line 67, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form.starred .outfit-star {
background-image: url('/images/star.png?1296599919');
}
/* line 69, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form.loading .outfit-star {
background-image: url('/images/loading.gif?1296599919');
}
/* line 71, ../../../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 73, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form h4 {
cursor: pointer;
display: inline;
}
/* line 76, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form h4:hover {
text-decoration: underline;
}
/* line 78, ../../../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 80, ../../../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 82, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form .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 86, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form .outfit-url {
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
-o-opacity: 0.5;
-khtml-opacity: 0.5;
background: transparent;
border-width: 0;
font-size: 75%;
width: 284px;
}
/* line 92, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form .outfit-url:hover {
-moz-opacity: 1;
-webkit-opacity: 1;
-o-opacity: 1;
-khtml-opacity: 1;
border-width: 1px;
}
/* line 95, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form .outfit-delete-confirmation {
display: none;
font-size: 75%;
}
/* line 98, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form .outfit-delete-confirmation span {
color: red;
}
/* line 100, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form .outfit-delete-confirmation a {
margin: 0 0.25em;
}
/* line 102, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form.active {
background: #eeffee;
}
/* line 105, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form.confirming-deletion .outfit-delete {
visibility: hidden;
}
/* line 107, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form.confirming-deletion .outfit-url {
display: none;
}
/* line 109, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form.confirming-deletion .outfit-delete-confirmation {
display: block;
}
/* line 112, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form.renaming h4 {
display: none;
}
/* line 114, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form.renaming .outfit-rename-form {
display: inline;
}
/* line 117, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form.renaming:hover .outfit-rename-button {
display: none;
}
/* line 120, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form:hover .outfit-rename-button {
display: inline;
}
/* line 458, ../../../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;
display: inline-block;
vertical-align: middle;
*display: inline;
*vertical-align: auto;
float: none;
vertical-align: top;
}
/* line 463, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form .outfit-star {
margin-top: 0.25em;
}
/* line 467, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-signed-in #preview-sidebar-nav-outfits {
display: block;
}
/* line 454, ../../../app/stylesheets/outfits/_edit.sass */
/* line 469, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-signed-in #save-outfit {
display: inline-block;
}
/* line 457, ../../../app/stylesheets/outfits/_edit.sass */
/* line 473, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-signed-in #save-outfit-wrapper.active-outfit #save-outfit {
display: none;
}
/* line 459, ../../../app/stylesheets/outfits/_edit.sass */
/* line 475, ../../../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 463, ../../../app/stylesheets/outfits/_edit.sass */
/* line 478, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #save-outfit-form {
display: block;
}
/* line 480, ../../../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 {
display: none;
}
/* line 484, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-not-signed-in #save-outfit-not-signed-in {
display: inline-block;
}