diff --git a/app/stylesheets/outfits/_edit.sass b/app/stylesheets/outfits/_edit.sass index ab0e96e2..5fb16274 100644 --- a/app/stylesheets/outfits/_edit.sass +++ b/app/stylesheets/outfits/_edit.sass @@ -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 diff --git a/app/views/outfits/edit.html.haml b/app/views/outfits/edit.html.haml index 3b2f7c2f..76f96f58 100644 --- a/app/views/outfits/edit.html.haml +++ b/app/views/outfits/edit.html.haml @@ -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 "current outfit" %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 diff --git a/config/environments/development.rb b/config/environments/development.rb index d501eb51..d32c9e59 100644 --- a/config/environments/development.rb +++ b/config/environments/development.rb @@ -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 diff --git a/public/stylesheets/compiled/screen.css b/public/stylesheets/compiled/screen.css index e541d183..0c675a22 100644 --- a/public/stylesheets/compiled/screen.css +++ b/public/stylesheets/compiled/screen.css @@ -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; }