js part of reporting broken images

This commit is contained in:
Emi Matchu 2011-08-07 17:24:54 -04:00
parent 4e74589118
commit 564ba9bdd9
4 changed files with 135 additions and 100 deletions

View file

@ -207,6 +207,8 @@ body.outfits-edit
&.image-active &.image-active
#preview-mode-image #preview-mode-image
+active-mode +active-mode
#report-broken-image
display: block
&.can-download &.can-download
#preview-download-image #preview-download-image
display: inline-block display: inline-block
@ -230,7 +232,7 @@ body.outfits-edit
display: none display: none
font-size: 85% font-size: 85%
margin: 0 auto margin: 0 auto
#preview-mode-note #preview-mode-note, #report-broken-image
display: block display: block
font-size: 75% font-size: 75%
margin-top: .5em margin-top: .5em
@ -240,6 +242,8 @@ body.outfits-edit
em em
font-style: normal font-style: normal
text-decoration: underline text-decoration: underline
#report-broken-image
display: none
#preview-sidebar #preview-sidebar
+border-radius(10px) +border-radius(10px)
border: 1px solid $soft-border-color border: 1px solid $soft-border-color

View file

@ -45,6 +45,8 @@
%button#preview-download-image Download %button#preview-download-image Download
= link_to 'Image mode FAQ', image_mode_path, = link_to 'Image mode FAQ', image_mode_path,
:id => 'preview-mode-note', :target => '_blank' :id => 'preview-mode-note', :target => '_blank'
= link_to 'Broken image?', '#', :id => 'report-broken-image',
:target => '_blank', 'data-base-url' => '/FIXME'
- else - else
= link_to(donate_path, :id => 'preview-mode-note', :target => '_blank') do = link_to(donate_path, :id => 'preview-mode-note', :target => '_blank') do
%strong Image mode %strong Image mode

View file

@ -857,6 +857,27 @@ View.PreviewAdapterForm = function (wardrobe) {
} }
} }
View.ReportBrokenImage = function (wardrobe) {
var link = $('#report-broken-image');
var baseURL = link.attr('data-base-url');
function updateLink() {
var assets = wardrobe.outfit.getVisibleAssets();
var url = baseURL + "?";
for(var i = 0; i < assets.length; i++) {
if(i > 0) url += "&";
url += "asset_ids[]=" + assets[i].id;
}
link.attr('href', url);
}
wardrobe.outfit.bind('updateWornItems', updateLink);
wardrobe.outfit.bind('updateItemAssets', updateLink);
wardrobe.outfit.bind('updatePetState', updateLink);
}
View.Search = function (wardrobe) { View.Search = function (wardrobe) {
var form_selector = '#preview-search-form', form = $(form_selector), var form_selector = '#preview-search-form', form = $(form_selector),
item_set = new Partial.ItemSet(wardrobe, form_selector + ' ul'), item_set = new Partial.ItemSet(wardrobe, form_selector + ' ul'),

View file

@ -2082,11 +2082,15 @@ body.outfits-edit #preview-mode.image-active #preview-mode-image {
color: #004400; color: #004400;
font-weight: bold; font-weight: bold;
} }
/* line 211, ../../../app/stylesheets/outfits/_edit.sass */ /* line 210, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-mode.image-active #report-broken-image {
display: block;
}
/* line 213, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-mode.image-active.can-download #preview-download-image { body.outfits-edit #preview-mode.image-active.can-download #preview-download-image {
display: inline-block; display: inline-block;
} }
/* line 213, ../../../app/stylesheets/outfits/_edit.sass */ /* line 215, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-mode-toggle { body.outfits-edit #preview-mode-toggle {
-moz-border-radius: 0.5em; -moz-border-radius: 0.5em;
-webkit-border-radius: 0.5em; -webkit-border-radius: 0.5em;
@ -2098,25 +2102,25 @@ body.outfits-edit #preview-mode-toggle {
text-align: center; text-align: center;
width: 5em; width: 5em;
} }
/* line 222, ../../../app/stylesheets/outfits/_edit.sass */ /* line 224, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-mode-toggle li { body.outfits-edit #preview-mode-toggle li {
border-top: 1px solid #aaddaa; border-top: 1px solid #aaddaa;
cursor: pointer; cursor: pointer;
padding: 0.125em 0; padding: 0.125em 0;
width: 100%; width: 100%;
} }
/* line 227, ../../../app/stylesheets/outfits/_edit.sass */ /* line 229, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-mode-toggle li:first-child { body.outfits-edit #preview-mode-toggle li:first-child {
border-top: 0; border-top: 0;
} }
/* line 229, ../../../app/stylesheets/outfits/_edit.sass */ /* line 231, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-download-image { body.outfits-edit #preview-download-image {
display: none; display: none;
font-size: 85%; font-size: 85%;
margin: 0 auto; margin: 0 auto;
} }
/* line 233, ../../../app/stylesheets/outfits/_edit.sass */ /* line 235, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-mode-note { body.outfits-edit #preview-mode-note, body.outfits-edit #report-broken-image {
display: block; display: block;
font-size: 75%; font-size: 75%;
margin-top: 0.5em; margin-top: 0.5em;
@ -2124,12 +2128,16 @@ body.outfits-edit #preview-mode-note {
text-decoration: none; text-decoration: none;
width: 100%; width: 100%;
} }
/* line 240, ../../../app/stylesheets/outfits/_edit.sass */ /* line 242, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-mode-note em { body.outfits-edit #preview-mode-note em, body.outfits-edit #report-broken-image em {
font-style: normal; font-style: normal;
text-decoration: underline; text-decoration: underline;
} }
/* line 243, ../../../app/stylesheets/outfits/_edit.sass */ /* line 245, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #report-broken-image {
display: none;
}
/* line 247, ../../../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;
@ -2141,73 +2149,73 @@ body.outfits-edit #preview-sidebar {
overflow: auto; overflow: auto;
width: 378px; width: 378px;
} }
/* line 253, ../../../app/stylesheets/outfits/_edit.sass */ /* line 257, ../../../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 255, ../../../app/stylesheets/outfits/_edit.sass */ /* line 259, ../../../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 257, ../../../app/stylesheets/outfits/_edit.sass */ /* line 261, ../../../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 260, ../../../app/stylesheets/outfits/_edit.sass */ /* line 264, ../../../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 262, ../../../app/stylesheets/outfits/_edit.sass */ /* line 266, ../../../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 265, ../../../app/stylesheets/outfits/_edit.sass */ /* line 269, ../../../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 270, ../../../app/stylesheets/outfits/_edit.sass */ /* line 274, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet h2 { body.outfits-edit #preview-closet h2 {
margin-bottom: 0; margin-bottom: 0;
} }
/* line 272, ../../../app/stylesheets/outfits/_edit.sass */ /* line 276, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet ul { body.outfits-edit #preview-closet ul {
text-align: center; text-align: center;
} }
/* line 274, ../../../app/stylesheets/outfits/_edit.sass */ /* line 278, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet .object { body.outfits-edit #preview-closet .object {
background: #eeffee; background: #eeffee;
} }
/* line 276, ../../../app/stylesheets/outfits/_edit.sass */ /* line 280, ../../../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 278, ../../../app/stylesheets/outfits/_edit.sass */ /* line 282, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet .object.worn { body.outfits-edit #preview-closet .object.worn {
background: transparent; background: transparent;
} }
/* line 280, ../../../app/stylesheets/outfits/_edit.sass */ /* line 284, ../../../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 282, ../../../app/stylesheets/outfits/_edit.sass */ /* line 286, ../../../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 286, ../../../app/stylesheets/outfits/_edit.sass */ /* line 290, ../../../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 288, ../../../app/stylesheets/outfits/_edit.sass */ /* line 292, ../../../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;
@ -2219,7 +2227,7 @@ body.outfits-edit .no-assets-message {
position: absolute; position: absolute;
width: 100%; width: 100%;
} }
/* line 298, ../../../app/stylesheets/outfits/_edit.sass */ /* line 302, ../../../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;
@ -2233,12 +2241,12 @@ body.outfits-edit #no-assets-full-message {
top: -9999px; top: -9999px;
width: 30em; width: 30em;
} }
/* line 309, ../../../app/stylesheets/outfits/_edit.sass */ /* line 313, ../../../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 312, ../../../app/stylesheets/outfits/_edit.sass */ /* line 316, ../../../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;
@ -2248,7 +2256,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 315, ../../../app/stylesheets/outfits/_edit.sass */ /* line 319, ../../../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;
@ -2257,17 +2265,17 @@ body.outfits-edit #preview-search-form input {
*display: inline; *display: inline;
*vertical-align: auto; *vertical-align: auto;
} }
/* line 317, ../../../app/stylesheets/outfits/_edit.sass */ /* line 321, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form input[type=submit] { body.outfits-edit #preview-search-form input[type=submit] {
margin-right: 2em; margin-right: 2em;
} }
/* line 319, ../../../app/stylesheets/outfits/_edit.sass */ /* line 323, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .preview-search-form-your-items { body.outfits-edit .preview-search-form-your-items {
display: none; display: none;
font-size: 85%; font-size: 85%;
margin-right: 1em; margin-right: 1em;
} }
/* line 323, ../../../app/stylesheets/outfits/_edit.sass */ /* line 327, ../../../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;
@ -2276,53 +2284,53 @@ body.outfits-edit #preview-search-form-pagination {
*display: inline; *display: inline;
*vertical-align: auto; *vertical-align: auto;
} }
/* line 325, ../../../app/stylesheets/outfits/_edit.sass */ /* line 329, ../../../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 327, ../../../app/stylesheets/outfits/_edit.sass */ /* line 331, ../../../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 329, ../../../app/stylesheets/outfits/_edit.sass */ /* line 333, ../../../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 333, ../../../app/stylesheets/outfits/_edit.sass */ /* line 337, ../../../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 339, ../../../app/stylesheets/outfits/_edit.sass */ /* line 343, ../../../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 341, ../../../app/stylesheets/outfits/_edit.sass */ /* line 345, ../../../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 344, ../../../app/stylesheets/outfits/_edit.sass */ /* line 348, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .search-helper { body.outfits-edit .search-helper {
font-family: inherit; font-family: inherit;
} }
/* line 346, ../../../app/stylesheets/outfits/_edit.sass */ /* line 350, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .possible-error { body.outfits-edit .possible-error {
display: none; display: none;
} }
/* line 349, ../../../app/stylesheets/outfits/_edit.sass */ /* line 353, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #fullscreen-copyright { body.outfits-edit #fullscreen-copyright {
display: none; display: none;
} }
/* line 351, ../../../app/stylesheets/outfits/_edit.sass */ /* line 355, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen { body.outfits-edit.fullscreen {
height: 100%; height: 100%;
} }
/* line 354, ../../../app/stylesheets/outfits/_edit.sass */ /* line 358, ../../../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;
@ -2335,19 +2343,19 @@ body.outfits-edit.fullscreen #container {
position: relative; position: relative;
width: 80%; width: 80%;
} }
/* line 362, ../../../app/stylesheets/outfits/_edit.sass */ /* line 366, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen h1 { body.outfits-edit.fullscreen h1 {
display: none; display: none;
} }
/* line 364, ../../../app/stylesheets/outfits/_edit.sass */ /* line 368, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #short-url-response { body.outfits-edit.fullscreen #short-url-response {
position: static; position: static;
} }
/* line 366, ../../../app/stylesheets/outfits/_edit.sass */ /* line 370, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #preview { body.outfits-edit.fullscreen #preview {
width: 100%; width: 100%;
} }
/* line 368, ../../../app/stylesheets/outfits/_edit.sass */ /* line 372, ../../../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%;
@ -2355,12 +2363,12 @@ body.outfits-edit.fullscreen #preview-sidebar {
position: relative; position: relative;
width: 400px; width: 400px;
} }
/* line 374, ../../../app/stylesheets/outfits/_edit.sass */ /* line 378, ../../../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 377, ../../../app/stylesheets/outfits/_edit.sass */ /* line 381, ../../../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;
@ -2369,7 +2377,7 @@ body.outfits-edit.fullscreen #preview-search-form {
position: absolute; position: absolute;
width: 100%; width: 100%;
} }
/* line 385, ../../../app/stylesheets/outfits/_edit.sass */ /* line 389, ../../../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;
@ -2379,27 +2387,27 @@ body.outfits-edit.fullscreen #preview-search-form-help div {
*vertical-align: auto; *vertical-align: auto;
width: 48%; width: 48%;
} }
/* line 388, ../../../app/stylesheets/outfits/_edit.sass */ /* line 392, ../../../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 393, ../../../app/stylesheets/outfits/_edit.sass */ /* line 397, ../../../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 395, ../../../app/stylesheets/outfits/_edit.sass */ /* line 399, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #footer ul { body.outfits-edit.fullscreen #footer ul {
margin-right: 2em; margin-right: 2em;
} }
/* line 398, ../../../app/stylesheets/outfits/_edit.sass */ /* line 402, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object { body.outfits-edit .object {
padding: 6px; padding: 6px;
position: relative; position: relative;
} }
/* line 401, ../../../app/stylesheets/outfits/_edit.sass */ /* line 405, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object ul { body.outfits-edit .object ul {
display: none; display: none;
left: 0; left: 0;
@ -2407,11 +2415,11 @@ body.outfits-edit .object ul {
position: absolute; position: absolute;
top: 0; top: 0;
} }
/* line 407, ../../../app/stylesheets/outfits/_edit.sass */ /* line 411, ../../../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 409, ../../../app/stylesheets/outfits/_edit.sass */ /* line 413, ../../../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;
@ -2452,11 +2460,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 412, ../../../app/stylesheets/outfits/_edit.sass */ /* line 416, ../../../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 419, ../../../app/stylesheets/outfits/_edit.sass */ /* line 423, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .nc-icon { body.outfits-edit .nc-icon {
background: url('/images/nc.png?1312167956') no-repeat; background: url('/images/nc.png?1312167956') no-repeat;
height: 16px; height: 16px;
@ -2466,14 +2474,14 @@ body.outfits-edit .nc-icon {
top: 64px; top: 64px;
width: 16px; width: 16px;
} }
/* line 427, ../../../app/stylesheets/outfits/_edit.sass */ /* line 431, ../../../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 430, ../../../app/stylesheets/outfits/_edit.sass */ /* line 434, ../../../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;
@ -2490,26 +2498,26 @@ body.outfits-edit .object-info {
top: 0; top: 0;
width: 16px; width: 16px;
} }
/* line 441, ../../../app/stylesheets/outfits/_edit.sass */ /* line 445, ../../../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 447, ../../../app/stylesheets/outfits/_edit.sass */ /* line 451, ../../../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 450, ../../../app/stylesheets/outfits/_edit.sass */ /* line 454, ../../../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 453, ../../../app/stylesheets/outfits/_edit.sass */ /* line 457, ../../../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;
@ -2520,7 +2528,7 @@ body.outfits-edit #preview-outfits > ul {
margin-bottom: 1em; margin-bottom: 1em;
min-height: 16px; min-height: 16px;
} }
/* line 462, ../../../app/stylesheets/outfits/_edit.sass */ /* line 466, ../../../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;
} }
@ -2699,18 +2707,18 @@ body.outfits-edit #preview-outfits > ul > li.renaming:hover .outfit-rename-butto
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 464, ../../../app/stylesheets/outfits/_edit.sass */ /* line 468, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul.loaded { body.outfits-edit #preview-outfits > ul.loaded {
background: transparent; background: transparent;
} }
/* line 467, ../../../app/stylesheets/outfits/_edit.sass */ /* line 471, ../../../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 474, ../../../app/stylesheets/outfits/_edit.sass */ /* line 478, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #save-success, body.outfits-edit #save-error, body.outfits-edit #outfit-not-found, body.outfits-edit #preview-sidebar-donation-request { body.outfits-edit #save-success, body.outfits-edit #save-error, body.outfits-edit #outfit-not-found, body.outfits-edit #preview-sidebar-donation-request {
margin-left: 24px; margin-left: 24px;
margin-right: 24px; margin-right: 24px;
@ -2718,7 +2726,7 @@ 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 481, ../../../app/stylesheets/outfits/_edit.sass */ /* line 485, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar-donation-request { body.outfits-edit #preview-sidebar-donation-request {
background: #e6efc2; background: #e6efc2;
border: 1px solid #c6d880; border: 1px solid #c6d880;
@ -2726,23 +2734,23 @@ body.outfits-edit #preview-sidebar-donation-request {
font-size: 85%; font-size: 85%;
padding: 1em; padding: 1em;
} }
/* line 486, ../../../app/stylesheets/outfits/_edit.sass */ /* line 490, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar-donation-request-no-thanks { body.outfits-edit #preview-sidebar-donation-request-no-thanks {
margin-left: 1em; margin-left: 1em;
} }
/* line 489, ../../../app/stylesheets/outfits/_edit.sass */ /* line 493, ../../../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 492, ../../../app/stylesheets/outfits/_edit.sass */ /* line 496, ../../../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 495, ../../../app/stylesheets/outfits/_edit.sass */ /* line 499, ../../../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;
@ -2750,7 +2758,7 @@ body.outfits-edit #userbar-message {
-khtml-opacity: 0.5; -khtml-opacity: 0.5;
display: none; display: none;
} }
/* line 499, ../../../app/stylesheets/outfits/_edit.sass */ /* line 503, ../../../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;
@ -2932,33 +2940,33 @@ body.outfits-edit #new-outfit.renaming:hover .outfit-rename-button {
body.outfits-edit #new-outfit:hover .outfit-rename-button { body.outfits-edit #new-outfit:hover .outfit-rename-button {
display: inline; display: inline;
} }
/* line 503, ../../../app/stylesheets/outfits/_edit.sass */ /* line 507, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit h4 { body.outfits-edit #new-outfit h4 {
display: inline; display: inline;
} }
/* line 505, ../../../app/stylesheets/outfits/_edit.sass */ /* line 509, ../../../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 507, ../../../app/stylesheets/outfits/_edit.sass */ /* line 511, ../../../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 510, ../../../app/stylesheets/outfits/_edit.sass */ /* line 514, ../../../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 514, ../../../app/stylesheets/outfits/_edit.sass */ /* line 518, ../../../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 518, ../../../app/stylesheets/outfits/_edit.sass */ /* line 522, ../../../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 521, ../../../app/stylesheets/outfits/_edit.sass */ /* line 525, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .control-overlay { body.outfits-edit .control-overlay {
height: 100%; height: 100%;
left: 0; left: 0;
@ -2967,11 +2975,11 @@ body.outfits-edit .control-overlay {
width: 100%; width: 100%;
z-index: 5; z-index: 5;
} }
/* line 529, ../../../app/stylesheets/outfits/_edit.sass */ /* line 533, ../../../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 532, ../../../app/stylesheets/outfits/_edit.sass */ /* line 536, ../../../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;
@ -3153,7 +3161,7 @@ body.outfits-edit form#save-outfit-form.renaming:hover .outfit-rename-button {
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 538, ../../../app/stylesheets/outfits/_edit.sass */ /* line 542, ../../../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;
@ -3164,50 +3172,50 @@ 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 543, ../../../app/stylesheets/outfits/_edit.sass */ /* line 547, ../../../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 546, ../../../app/stylesheets/outfits/_edit.sass */ /* line 550, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .outfit-url { body.outfits-edit .outfit-url {
font-size: 75%; font-size: 75%;
} }
/* line 549, ../../../app/stylesheets/outfits/_edit.sass */ /* line 553, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form-error { body.outfits-edit #preview-search-form-error {
background: #fbe3e4; background: #fbe3e4;
border: 1px solid #fbc2c4; border: 1px solid #fbc2c4;
color: #8a1f11; color: #8a1f11;
padding: 0.25em 0.5em; padding: 0.25em 0.5em;
} }
/* line 554, ../../../app/stylesheets/outfits/_edit.sass */ /* line 558, ../../../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 556, ../../../app/stylesheets/outfits/_edit.sass */ /* line 560, ../../../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 560, ../../../app/stylesheets/outfits/_edit.sass */ /* line 564, ../../../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 562, ../../../app/stylesheets/outfits/_edit.sass */ /* line 566, ../../../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 { 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 564, ../../../app/stylesheets/outfits/_edit.sass */ /* line 568, ../../../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 #current-outfit-permalink {
display: inline-block; display: inline-block;
} }
/* line 567, ../../../app/stylesheets/outfits/_edit.sass */ /* line 571, ../../../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 569, ../../../app/stylesheets/outfits/_edit.sass */ /* line 573, ../../../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 #shared-outfit-permalink, body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #share-outfit, body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #shared-outfit-url { 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 #shared-outfit-permalink, body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #share-outfit, body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #shared-outfit-url {
display: none; display: none;
} }
/* line 571, ../../../app/stylesheets/outfits/_edit.sass */ /* line 575, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-signed-in .preview-search-form-your-items { body.outfits-edit.user-signed-in .preview-search-form-your-items {
display: -moz-inline-box; display: -moz-inline-box;
-moz-box-orient: vertical; -moz-box-orient: vertical;
@ -3216,15 +3224,15 @@ body.outfits-edit.user-signed-in .preview-search-form-your-items {
*display: inline; *display: inline;
*vertical-align: auto; *vertical-align: auto;
} }
/* line 575, ../../../app/stylesheets/outfits/_edit.sass */ /* line 579, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-not-signed-in #save-outfit-not-signed-in { body.outfits-edit.user-not-signed-in #save-outfit-not-signed-in {
display: inline-block; display: inline-block;
} }
/* line 579, ../../../app/stylesheets/outfits/_edit.sass */ /* line 583, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #save-outfit-wrapper.shared-outfit #shared-outfit-permalink, body.outfits-edit #save-outfit-wrapper.shared-outfit #shared-outfit-url { body.outfits-edit #save-outfit-wrapper.shared-outfit #shared-outfit-permalink, body.outfits-edit #save-outfit-wrapper.shared-outfit #shared-outfit-url {
display: inline-block; display: inline-block;
} }
/* line 581, ../../../app/stylesheets/outfits/_edit.sass */ /* line 585, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #save-outfit-wrapper.shared-outfit #current-outfit-permalink { body.outfits-edit #save-outfit-wrapper.shared-outfit #current-outfit-permalink {
display: none !important; display: none !important;
} }