instead of using the largest size image that will fit the preview space, use the next largest and scale down

This commit is contained in:
Emi Matchu 2011-07-02 17:37:30 -04:00
parent c6a7bfffa1
commit efceae4225
3 changed files with 141 additions and 117 deletions

View file

@ -169,8 +169,10 @@ body.outfits-edit
display: none display: none
#preview-image-container #preview-image-container
+wardrobe-image-wrapper +wardrobe-image-wrapper
margin: 1em auto
position: relative position: relative
&, img
height: 100%
width: 100%
#preview-swf-overlay #preview-swf-overlay
+opacity(0) +opacity(0)
background: black background: black

View file

@ -1249,6 +1249,8 @@ Wardrobe.getStandardView = function (options) {
preview_el.removeClass('swf-adapter').addClass('image-adapter'); preview_el.removeClass('swf-adapter').addClass('image-adapter');
pendingMessageEl.appendTo(previewImageContainer); pendingMessageEl.appendTo(previewImageContainer);
var adapter = this;
var exportIframe = $('#preview-export-iframe'); var exportIframe = $('#preview-export-iframe');
if(exportIframe.length == 0) { if(exportIframe.length == 0) {
exportIframe = $('<iframe/>', exportIframe = $('<iframe/>',
@ -1345,15 +1347,42 @@ Wardrobe.getStandardView = function (options) {
} }
} }
// TODO: choose new best size on window resize // Boring: sorting sizes small to large.
function bestSize() { var sizes = Wardrobe.IMAGE_CONFIG.sizes;
var sizes = Wardrobe.IMAGE_CONFIG.sizes, var SIZES_SMALL_TO_LARGE = [], size, inserted;
width = preview_el.width(), height = preview_el.height();
for(var i in sizes) { for(var i in sizes) {
if(sizes[i][0] < width && sizes[i][1] < height) return sizes[i]; if(!sizes.hasOwnProperty(i)) continue;
size = sizes[i];
size[2] = size[0] * size[1];
inserted = false;
for(var i in SIZES_SMALL_TO_LARGE) {
if(SIZES_SMALL_TO_LARGE[i][2] > size[2]) {
SIZES_SMALL_TO_LARGE.splice(i, 0, size);
inserted = true;
break;
} }
return sizes[sizes.length - 1];
} }
if(!inserted) SIZES_SMALL_TO_LARGE[SIZES_SMALL_TO_LARGE.length] = size;
}
var currentBestSize;
function bestSize() {
var sizes = SIZES_SMALL_TO_LARGE,
width = preview_el.width(), height = preview_el.height();
// Choose the first size larger than the space available
for(var i in sizes) {
if(sizes[i][0] > width && sizes[i][1] > height) {
return currentBestSize = sizes[i];
}
}
return currentBestSize = sizes[sizes.length - 1];
}
$(window).resize(function () {
if(currentBestSize != bestSize()) {
adapter.updateAssets();
}
});
function clearView() { function clearView() {
previewImageContainer.children('img').remove(); previewImageContainer.children('img').remove();
@ -1391,14 +1420,6 @@ Wardrobe.getStandardView = function (options) {
); );
} }
function updateContainerSize() {
var size = bestSize();
previewImageContainer.css({
height: size[1],
width: size[0]
});
}
function updatePendingInterval() { function updatePendingInterval() {
if(pendingAssetsCount) { if(pendingAssetsCount) {
if(pendingInterval == null) { if(pendingInterval == null) {
@ -1421,9 +1442,6 @@ Wardrobe.getStandardView = function (options) {
updatePendingInterval(); updatePendingInterval();
updatePendingMessage(); updatePendingMessage();
} }
updateContainerSize();
$(window).resize(updateContainerSize);
} }
this.adapter = new SWFAdapter(); this.adapter = new SWFAdapter();

View file

@ -923,7 +923,6 @@ body.outfits-edit #preview-swf.image-adapter #preview-swf-container {
} }
/* line 170, ../../../app/stylesheets/outfits/_edit.sass */ /* line 170, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-image-container { body.outfits-edit #preview-image-container {
margin: 1em auto;
position: relative; position: relative;
} }
/* line 2, ../../../app/stylesheets/partials/_wardrobe.sass */ /* line 2, ../../../app/stylesheets/partials/_wardrobe.sass */
@ -932,7 +931,12 @@ body.outfits-edit #preview-image-container img {
position: absolute; position: absolute;
top: 0; top: 0;
} }
/* line 174, ../../../app/stylesheets/outfits/_edit.sass */ /* line 173, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-image-container, body.outfits-edit #preview-image-container img {
height: 100%;
width: 100%;
}
/* line 176, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-swf-overlay { body.outfits-edit #preview-swf-overlay {
-moz-opacity: 0; -moz-opacity: 0;
-webkit-opacity: 0; -webkit-opacity: 0;
@ -945,7 +949,7 @@ body.outfits-edit #preview-swf-overlay {
top: 0; top: 0;
width: 100%; width: 100%;
} }
/* line 182, ../../../app/stylesheets/outfits/_edit.sass */ /* line 184, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-images-pending { body.outfits-edit #preview-images-pending {
background: black; background: black;
background: rgba(0, 0, 0, 0.75); background: rgba(0, 0, 0, 0.75);
@ -957,11 +961,11 @@ body.outfits-edit #preview-images-pending {
right: 0; right: 0;
z-index: 1000; z-index: 1000;
} }
/* line 192, ../../../app/stylesheets/outfits/_edit.sass */ /* line 194, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-images-pending.waiting-on-0 { body.outfits-edit #preview-images-pending.waiting-on-0 {
display: none; display: none;
} }
/* line 194, ../../../app/stylesheets/outfits/_edit.sass */ /* line 196, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-mode { body.outfits-edit #preview-mode {
margin-right: 1em; margin-right: 1em;
position: absolute; position: absolute;
@ -970,21 +974,21 @@ body.outfits-edit #preview-mode {
top: 0; top: 0;
width: 7em; width: 7em;
} }
/* line 202, ../../../app/stylesheets/outfits/_edit.sass */ /* line 204, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-mode.flash-active #preview-mode-flash { body.outfits-edit #preview-mode.flash-active #preview-mode-flash {
color: #004400; color: #004400;
font-weight: bold; font-weight: bold;
} }
/* line 205, ../../../app/stylesheets/outfits/_edit.sass */ /* line 207, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-mode.image-active #preview-mode-image { body.outfits-edit #preview-mode.image-active #preview-mode-image {
color: #004400; color: #004400;
font-weight: bold; font-weight: bold;
} }
/* line 208, ../../../app/stylesheets/outfits/_edit.sass */ /* line 210, ../../../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 210, ../../../app/stylesheets/outfits/_edit.sass */ /* line 212, ../../../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;
@ -996,24 +1000,24 @@ body.outfits-edit #preview-mode-toggle {
text-align: center; text-align: center;
width: 5em; width: 5em;
} }
/* line 219, ../../../app/stylesheets/outfits/_edit.sass */ /* line 221, ../../../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 224, ../../../app/stylesheets/outfits/_edit.sass */ /* line 226, ../../../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 226, ../../../app/stylesheets/outfits/_edit.sass */ /* line 228, ../../../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 230, ../../../app/stylesheets/outfits/_edit.sass */ /* line 232, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-mode-image-access-denied { body.outfits-edit #preview-mode-image-access-denied {
display: block; display: block;
font-size: 75%; font-size: 75%;
@ -1021,12 +1025,12 @@ body.outfits-edit #preview-mode-image-access-denied {
text-decoration: none; text-decoration: none;
width: 100%; width: 100%;
} }
/* line 236, ../../../app/stylesheets/outfits/_edit.sass */ /* line 238, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-mode-image-access-denied em { body.outfits-edit #preview-mode-image-access-denied em {
font-style: normal; font-style: normal;
text-decoration: underline; text-decoration: underline;
} }
/* line 239, ../../../app/stylesheets/outfits/_edit.sass */ /* line 241, ../../../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;
@ -1038,73 +1042,73 @@ body.outfits-edit #preview-sidebar {
overflow: auto; overflow: auto;
width: 378px; width: 378px;
} }
/* line 249, ../../../app/stylesheets/outfits/_edit.sass */ /* line 251, ../../../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 251, ../../../app/stylesheets/outfits/_edit.sass */ /* line 253, ../../../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 253, ../../../app/stylesheets/outfits/_edit.sass */ /* line 255, ../../../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 256, ../../../app/stylesheets/outfits/_edit.sass */ /* line 258, ../../../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 258, ../../../app/stylesheets/outfits/_edit.sass */ /* line 260, ../../../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 261, ../../../app/stylesheets/outfits/_edit.sass */ /* line 263, ../../../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 266, ../../../app/stylesheets/outfits/_edit.sass */ /* line 268, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet h2 { body.outfits-edit #preview-closet h2 {
margin-bottom: 0; margin-bottom: 0;
} }
/* line 268, ../../../app/stylesheets/outfits/_edit.sass */ /* line 270, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet ul { body.outfits-edit #preview-closet ul {
text-align: center; text-align: center;
} }
/* line 270, ../../../app/stylesheets/outfits/_edit.sass */ /* line 272, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet .object { body.outfits-edit #preview-closet .object {
background: #eeffee; background: #eeffee;
} }
/* line 272, ../../../app/stylesheets/outfits/_edit.sass */ /* line 274, ../../../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 274, ../../../app/stylesheets/outfits/_edit.sass */ /* line 276, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet .object.worn { body.outfits-edit #preview-closet .object.worn {
background: transparent; background: transparent;
} }
/* line 276, ../../../app/stylesheets/outfits/_edit.sass */ /* line 278, ../../../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 278, ../../../app/stylesheets/outfits/_edit.sass */ /* line 280, ../../../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 282, ../../../app/stylesheets/outfits/_edit.sass */ /* line 284, ../../../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 284, ../../../app/stylesheets/outfits/_edit.sass */ /* line 286, ../../../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;
@ -1116,7 +1120,7 @@ body.outfits-edit .no-assets-message {
position: absolute; position: absolute;
width: 100%; width: 100%;
} }
/* line 294, ../../../app/stylesheets/outfits/_edit.sass */ /* line 296, ../../../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;
@ -1130,12 +1134,12 @@ body.outfits-edit #no-assets-full-message {
top: -9999px; top: -9999px;
width: 30em; width: 30em;
} }
/* line 305, ../../../app/stylesheets/outfits/_edit.sass */ /* line 307, ../../../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 308, ../../../app/stylesheets/outfits/_edit.sass */ /* line 310, ../../../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;
@ -1145,7 +1149,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 311, ../../../app/stylesheets/outfits/_edit.sass */ /* line 313, ../../../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;
@ -1154,7 +1158,7 @@ body.outfits-edit #preview-search-form input {
*display: inline; *display: inline;
*vertical-align: auto; *vertical-align: auto;
} }
/* line 313, ../../../app/stylesheets/outfits/_edit.sass */ /* line 315, ../../../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;
@ -1164,53 +1168,53 @@ body.outfits-edit #preview-search-form-pagination {
*vertical-align: auto; *vertical-align: auto;
margin-left: 2em; margin-left: 2em;
} }
/* line 316, ../../../app/stylesheets/outfits/_edit.sass */ /* line 318, ../../../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 318, ../../../app/stylesheets/outfits/_edit.sass */ /* line 320, ../../../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 320, ../../../app/stylesheets/outfits/_edit.sass */ /* line 322, ../../../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 324, ../../../app/stylesheets/outfits/_edit.sass */ /* line 326, ../../../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 330, ../../../app/stylesheets/outfits/_edit.sass */ /* line 332, ../../../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 332, ../../../app/stylesheets/outfits/_edit.sass */ /* line 334, ../../../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 335, ../../../app/stylesheets/outfits/_edit.sass */ /* line 337, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .search-helper { body.outfits-edit .search-helper {
font-family: inherit; font-family: inherit;
} }
/* line 337, ../../../app/stylesheets/outfits/_edit.sass */ /* line 339, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .possible-error { body.outfits-edit .possible-error {
display: none; display: none;
} }
/* line 340, ../../../app/stylesheets/outfits/_edit.sass */ /* line 342, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #fullscreen-copyright { body.outfits-edit #fullscreen-copyright {
display: none; display: none;
} }
/* line 342, ../../../app/stylesheets/outfits/_edit.sass */ /* line 344, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen { body.outfits-edit.fullscreen {
height: 100%; height: 100%;
} }
/* line 345, ../../../app/stylesheets/outfits/_edit.sass */ /* line 347, ../../../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;
@ -1223,19 +1227,19 @@ body.outfits-edit.fullscreen #container {
position: relative; position: relative;
width: 80%; width: 80%;
} }
/* line 353, ../../../app/stylesheets/outfits/_edit.sass */ /* line 355, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen h1 { body.outfits-edit.fullscreen h1 {
display: none; display: none;
} }
/* line 355, ../../../app/stylesheets/outfits/_edit.sass */ /* line 357, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #short-url-response { body.outfits-edit.fullscreen #short-url-response {
position: static; position: static;
} }
/* line 357, ../../../app/stylesheets/outfits/_edit.sass */ /* line 359, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #preview { body.outfits-edit.fullscreen #preview {
width: 100%; width: 100%;
} }
/* line 359, ../../../app/stylesheets/outfits/_edit.sass */ /* line 361, ../../../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%;
@ -1243,12 +1247,12 @@ body.outfits-edit.fullscreen #preview-sidebar {
position: relative; position: relative;
width: 400px; width: 400px;
} }
/* line 365, ../../../app/stylesheets/outfits/_edit.sass */ /* line 367, ../../../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 368, ../../../app/stylesheets/outfits/_edit.sass */ /* line 370, ../../../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;
@ -1257,7 +1261,7 @@ body.outfits-edit.fullscreen #preview-search-form {
position: absolute; position: absolute;
width: 100%; width: 100%;
} }
/* line 376, ../../../app/stylesheets/outfits/_edit.sass */ /* line 378, ../../../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;
@ -1267,27 +1271,27 @@ body.outfits-edit.fullscreen #preview-search-form-help div {
*vertical-align: auto; *vertical-align: auto;
width: 48%; width: 48%;
} }
/* line 379, ../../../app/stylesheets/outfits/_edit.sass */ /* line 381, ../../../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 384, ../../../app/stylesheets/outfits/_edit.sass */ /* line 386, ../../../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 386, ../../../app/stylesheets/outfits/_edit.sass */ /* line 388, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #footer ul { body.outfits-edit.fullscreen #footer ul {
margin-right: 2em; margin-right: 2em;
} }
/* line 389, ../../../app/stylesheets/outfits/_edit.sass */ /* line 391, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object { body.outfits-edit .object {
padding: 6px; padding: 6px;
position: relative; position: relative;
} }
/* line 392, ../../../app/stylesheets/outfits/_edit.sass */ /* line 394, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object ul { body.outfits-edit .object ul {
display: none; display: none;
left: 0; left: 0;
@ -1295,11 +1299,11 @@ body.outfits-edit .object ul {
position: absolute; position: absolute;
top: 0; top: 0;
} }
/* line 398, ../../../app/stylesheets/outfits/_edit.sass */ /* line 400, ../../../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 400, ../../../app/stylesheets/outfits/_edit.sass */ /* line 402, ../../../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;
@ -1340,11 +1344,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 406, ../../../app/stylesheets/outfits/_edit.sass */ /* line 408, ../../../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 413, ../../../app/stylesheets/outfits/_edit.sass */ /* line 415, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .nc-icon { body.outfits-edit .nc-icon {
background: url('/images/nc.png?1296599919') no-repeat; background: url('/images/nc.png?1296599919') no-repeat;
height: 16px; height: 16px;
@ -1354,14 +1358,14 @@ body.outfits-edit .nc-icon {
top: 64px; top: 64px;
width: 16px; width: 16px;
} }
/* line 421, ../../../app/stylesheets/outfits/_edit.sass */ /* line 423, ../../../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 424, ../../../app/stylesheets/outfits/_edit.sass */ /* line 426, ../../../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;
@ -1378,26 +1382,26 @@ body.outfits-edit .object-info {
top: 0; top: 0;
width: 16px; width: 16px;
} }
/* line 435, ../../../app/stylesheets/outfits/_edit.sass */ /* line 437, ../../../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 441, ../../../app/stylesheets/outfits/_edit.sass */ /* line 443, ../../../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 444, ../../../app/stylesheets/outfits/_edit.sass */ /* line 446, ../../../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 447, ../../../app/stylesheets/outfits/_edit.sass */ /* line 449, ../../../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;
@ -1408,7 +1412,7 @@ body.outfits-edit #preview-outfits > ul {
margin-bottom: 1em; margin-bottom: 1em;
min-height: 16px; min-height: 16px;
} }
/* line 456, ../../../app/stylesheets/outfits/_edit.sass */ /* line 458, ../../../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;
} }
@ -1587,18 +1591,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 458, ../../../app/stylesheets/outfits/_edit.sass */ /* line 460, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul.loaded { body.outfits-edit #preview-outfits > ul.loaded {
background: transparent; background: transparent;
} }
/* line 461, ../../../app/stylesheets/outfits/_edit.sass */ /* line 463, ../../../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 468, ../../../app/stylesheets/outfits/_edit.sass */ /* line 470, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #save-success, body.outfits-edit #save-error, body.outfits-edit #outfit-not-found { body.outfits-edit #save-success, body.outfits-edit #save-error, body.outfits-edit #outfit-not-found {
margin-left: 24px; margin-left: 24px;
margin-right: 24px; margin-right: 24px;
@ -1606,19 +1610,19 @@ body.outfits-edit #save-success, body.outfits-edit #save-error, body.outfits-edi
margin-top: 1em; margin-top: 1em;
text-align: center; text-align: center;
} }
/* line 475, ../../../app/stylesheets/outfits/_edit.sass */ /* line 477, ../../../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 478, ../../../app/stylesheets/outfits/_edit.sass */ /* line 480, ../../../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 481, ../../../app/stylesheets/outfits/_edit.sass */ /* line 483, ../../../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;
@ -1626,7 +1630,7 @@ body.outfits-edit #userbar-message {
-khtml-opacity: 0.5; -khtml-opacity: 0.5;
display: none; display: none;
} }
/* line 485, ../../../app/stylesheets/outfits/_edit.sass */ /* line 487, ../../../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;
@ -1808,33 +1812,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 489, ../../../app/stylesheets/outfits/_edit.sass */ /* line 491, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit h4 { body.outfits-edit #new-outfit h4 {
display: inline; display: inline;
} }
/* line 491, ../../../app/stylesheets/outfits/_edit.sass */ /* line 493, ../../../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 493, ../../../app/stylesheets/outfits/_edit.sass */ /* line 495, ../../../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 496, ../../../app/stylesheets/outfits/_edit.sass */ /* line 498, ../../../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 500, ../../../app/stylesheets/outfits/_edit.sass */ /* line 502, ../../../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 504, ../../../app/stylesheets/outfits/_edit.sass */ /* line 506, ../../../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 507, ../../../app/stylesheets/outfits/_edit.sass */ /* line 509, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .control-overlay { body.outfits-edit .control-overlay {
height: 100%; height: 100%;
left: 0; left: 0;
@ -1843,11 +1847,11 @@ body.outfits-edit .control-overlay {
width: 100%; width: 100%;
z-index: 5; z-index: 5;
} }
/* line 515, ../../../app/stylesheets/outfits/_edit.sass */ /* line 517, ../../../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 518, ../../../app/stylesheets/outfits/_edit.sass */ /* line 520, ../../../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;
@ -2029,7 +2033,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 524, ../../../app/stylesheets/outfits/_edit.sass */ /* line 526, ../../../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;
@ -2040,51 +2044,51 @@ 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 529, ../../../app/stylesheets/outfits/_edit.sass */ /* line 531, ../../../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 532, ../../../app/stylesheets/outfits/_edit.sass */ /* line 534, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .outfit-url { body.outfits-edit .outfit-url {
font-size: 75%; font-size: 75%;
} }
/* line 536, ../../../app/stylesheets/outfits/_edit.sass */ /* line 538, ../../../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 538, ../../../app/stylesheets/outfits/_edit.sass */ /* line 540, ../../../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 542, ../../../app/stylesheets/outfits/_edit.sass */ /* line 544, ../../../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 544, ../../../app/stylesheets/outfits/_edit.sass */ /* line 546, ../../../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 546, ../../../app/stylesheets/outfits/_edit.sass */ /* line 548, ../../../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 549, ../../../app/stylesheets/outfits/_edit.sass */ /* line 551, ../../../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 551, ../../../app/stylesheets/outfits/_edit.sass */ /* line 553, ../../../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 555, ../../../app/stylesheets/outfits/_edit.sass */ /* line 557, ../../../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 559, ../../../app/stylesheets/outfits/_edit.sass */ /* line 561, ../../../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 561, ../../../app/stylesheets/outfits/_edit.sass */ /* line 563, ../../../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;
} }