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

shift outfit thumbnails up slightly in the outfits tab to account for header

Browse source
This commit is contained in:
Emi Matchu 2012-07-28 19:19:13 -04:00
parent 94ef0b6537
commit bc4f172ae0
2 changed files with 96 additions and 93 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -420,9 +420,11 @@ body.outfits-edit
$outfit-header-h-padding: 4px
$outfit-header-v-padding: 2px
$outfit-header-inner-width: $outfit-inner-size - (2 * $outfit-header-h-padding)
$outfit-header-inner-height: 12px
$outfit-header-outer-height: $outfit-header-inner-height + (2 * $outfit-header-v-padding)
header, footer, .outfit-delete-confirmation
color: white
font-size: 85%
font-size: $outfit-header-inner-height
left: 0
padding: $outfit-header-v-padding $outfit-header-h-padding
position: absolute
@ -452,14 +454,15 @@ body.outfits-edit
font-weight: bold
$outfit-thumbnail-size: 150px
$outfit-thumbnail-offset: ($outfit-inner-size - $outfit-thumbnail-size) / 2
$outfit-thumbnail-h-offset: ($outfit-inner-size - $outfit-thumbnail-size) / 2
$outfit-thumbnail-v-offset: $outfit-thumbnail-h-offset - ($outfit-header-outer-height / 4)
.outfit-thumbnail
+opacity(.5)
cursor: pointer
display: none
left: $outfit-thumbnail-offset
left: $outfit-thumbnail-h-offset
position: absolute
top: $outfit-thumbnail-offset
top: $outfit-thumbnail-v-offset
z-index: 1
.outfit-star

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

@ -2771,22 +2771,22 @@ body.outfits-edit #preview-outfits > ul > li.starred .outfit-star {
body.outfits-edit #preview-outfits > ul > li.loading .outfit-star {
background-image: url('/images/loading.gif?1315327995');
}
/* line 423, ../../../app/stylesheets/outfits/_edit.sass */
/* line 425, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li header, body.outfits-edit #preview-outfits > ul > li footer, body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation {
color: white;
font-size: 85%;
font-size: 12px;
left: 0;
padding: 2px 4px;
position: absolute;
width: 102px;
z-index: 2;
}
/* line 432, ../../../app/stylesheets/outfits/_edit.sass */
/* line 434, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li header, body.outfits-edit #preview-outfits > ul > li footer {
background: black;
background: rgba(0, 0, 0, 0.75);
}
/* line 436, ../../../app/stylesheets/outfits/_edit.sass */
/* line 438, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li header {
-moz-opacity: 0.75;
-webkit-opacity: 0.75;
@ -2795,23 +2795,23 @@ body.outfits-edit #preview-outfits > ul > li header {
bottom: 0;
cursor: pointer;
}
/* line 441, ../../../app/stylesheets/outfits/_edit.sass */
/* line 443, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li footer, body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation {
display: none;
top: 0;
}
/* line 445, ../../../app/stylesheets/outfits/_edit.sass */
/* line 447, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation {
background: red;
background: rgba(255, 50, 50, 0.75);
text-align: center;
top: 0;
}
/* line 451, ../../../app/stylesheets/outfits/_edit.sass */
/* line 453, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation span {
font-weight: bold;
}
/* line 456, ../../../app/stylesheets/outfits/_edit.sass */
/* line 459, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li .outfit-thumbnail {
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
@ -2821,64 +2821,64 @@ body.outfits-edit #preview-outfits > ul > li .outfit-thumbnail {
display: none;
left: -20px;
position: absolute;
top: -20px;
top: -24px;
z-index: 1;
}
/* line 465, ../../../app/stylesheets/outfits/_edit.sass */
/* line 468, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li .outfit-star {
bottom: 0;
margin-right: 4px;
}
/* line 469, ../../../app/stylesheets/outfits/_edit.sass */
/* line 472, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li .outfit-delete {
float: right;
}
/* line 472, ../../../app/stylesheets/outfits/_edit.sass */
/* line 475, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li .outfit-rename-button {
float: left;
}
/* line 475, ../../../app/stylesheets/outfits/_edit.sass */
/* line 478, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li .outfit-rename-button, body.outfits-edit #preview-outfits > ul > li .outfit-delete {
font-size: 85%;
text-decoration: none;
}
/* line 479, ../../../app/stylesheets/outfits/_edit.sass */
/* line 482, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li .outfit-rename-button:hover, body.outfits-edit #preview-outfits > ul > li .outfit-delete:hover {
text-decoration: underline;
}
/* line 482, ../../../app/stylesheets/outfits/_edit.sass */
/* line 485, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li .outfit-rename-form {
display: none;
}
/* line 485, ../../../app/stylesheets/outfits/_edit.sass */
/* line 488, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li .outfit-rename-form input {
background: transparent;
border: 1px solid white;
width: 6em;
}
/* line 490, ../../../app/stylesheets/outfits/_edit.sass */
/* line 493, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li a {
color: white;
}
/* line 494, ../../../app/stylesheets/outfits/_edit.sass */
/* line 497, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li:hover header {
-moz-opacity: 1;
-webkit-opacity: 1;
-o-opacity: 1;
-khtml-opacity: 1;
}
/* line 497, ../../../app/stylesheets/outfits/_edit.sass */
/* line 500, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li:hover .outfit-thumbnail {
-moz-opacity: 0.75;
-webkit-opacity: 0.75;
-o-opacity: 0.75;
-khtml-opacity: 0.75;
}
/* line 500, ../../../app/stylesheets/outfits/_edit.sass */
/* line 503, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li:hover footer {
display: block;
}
/* line 504, ../../../app/stylesheets/outfits/_edit.sass */
/* line 507, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li.active header {
-moz-opacity: 1;
-webkit-opacity: 1;
@ -2886,66 +2886,66 @@ body.outfits-edit #preview-outfits > ul > li.active header {
-khtml-opacity: 1;
font-weight: bold;
}
/* line 508, ../../../app/stylesheets/outfits/_edit.sass */
/* line 511, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li.active .outfit-thumbnail {
-moz-opacity: 1;
-webkit-opacity: 1;
-o-opacity: 1;
-khtml-opacity: 1;
}
/* line 512, ../../../app/stylesheets/outfits/_edit.sass */
/* line 515, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li.confirming-deletion footer {
display: none;
}
/* line 515, ../../../app/stylesheets/outfits/_edit.sass */
/* line 518, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li.confirming-deletion .outfit-delete-confirmation {
display: block;
}
/* line 519, ../../../app/stylesheets/outfits/_edit.sass */
/* line 522, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li.renaming .outfit-name {
display: none;
}
/* line 522, ../../../app/stylesheets/outfits/_edit.sass */
/* line 525, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li.renaming .outfit-rename-form {
display: inline;
}
/* line 526, ../../../app/stylesheets/outfits/_edit.sass */
/* line 529, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li.thumbnail-available .outfit-thumbnail {
display: block;
}
/* line 530, ../../../app/stylesheets/outfits/_edit.sass */
/* line 533, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li.loading .outfit-star {
background-image: url('/images/loading_outfit_pane.gif?1343373151');
}
/* line 533, ../../../app/stylesheets/outfits/_edit.sass */
/* line 536, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits #preview-outfits-not-logged-in {
text-align: center;
overflow-x: hidden;
}
/* line 537, ../../../app/stylesheets/outfits/_edit.sass */
/* line 540, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits #preview-outfits-not-logged-in img {
border-color: #006600;
border-style: solid;
border-width: 1px 0;
}
/* line 543, ../../../app/stylesheets/outfits/_edit.sass */
/* line 546, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits #preview-outfits-not-logged-in figure {
display: block;
margin: 0 0 1em 0;
padding: 0;
}
/* line 548, ../../../app/stylesheets/outfits/_edit.sass */
/* line 551, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits #preview-outfits-not-logged-in figcaption {
display: block;
font-weight: bold;
}
/* line 552, ../../../app/stylesheets/outfits/_edit.sass */
/* line 555, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits #preview-outfits-not-logged-in p {
margin-left: 24px;
margin-right: 24px;
font-size: 85%;
}
/* line 556, ../../../app/stylesheets/outfits/_edit.sass */
/* line 559, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits #preview-outfits-not-logged-in #preview-outfits-log-in {
/* http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html */
-moz-border-radius: 5px;
@ -2985,11 +2985,11 @@ body.outfits-edit #preview-outfits #preview-outfits-not-logged-in #preview-outfi
body.outfits-edit #preview-outfits #preview-outfits-not-logged-in #preview-outfits-log-in:hover {
background-color: #ee4b00;
}
/* line 560, ../../../app/stylesheets/outfits/_edit.sass */
/* line 563, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing {
display: none;
}
/* line 563, ../../../app/stylesheets/outfits/_edit.sass */
/* line 566, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-urls {
margin-left: 24px;
margin-right: 24px;
@ -2997,23 +2997,23 @@ body.outfits-edit #preview-sharing #preview-sharing-urls {
margin-bottom: 1em;
margin-top: 1em;
}
/* line 570, ../../../app/stylesheets/outfits/_edit.sass */
/* line 573, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-urls li {
display: block;
padding: 0.25em 0;
width: 100%;
}
/* line 575, ../../../app/stylesheets/outfits/_edit.sass */
/* line 578, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-urls li label {
display: block;
font-weight: bold;
}
/* line 579, ../../../app/stylesheets/outfits/_edit.sass */
/* line 582, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-urls li input {
display: block;
width: 100%;
}
/* line 583, ../../../app/stylesheets/outfits/_edit.sass */
/* line 586, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-url-formats {
margin-left: 24px;
margin-right: 24px;
@ -3026,7 +3026,7 @@ body.outfits-edit #preview-sharing #preview-sharing-url-formats {
font-size: 0;
text-align: center;
}
/* line 591, ../../../app/stylesheets/outfits/_edit.sass */
/* line 594, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-url-formats li {
display: -moz-inline-box;
-moz-box-orient: vertical;
@ -3045,13 +3045,13 @@ body.outfits-edit #preview-sharing #preview-sharing-url-formats li {
body.outfits-edit #preview-sharing #preview-sharing-url-formats li {
*display: inline;
}
/* line 602, ../../../app/stylesheets/outfits/_edit.sass */
/* line 605, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-url-formats li.active {
background: #eeffee;
color: inherit;
font-weight: bold;
}
/* line 607, ../../../app/stylesheets/outfits/_edit.sass */
/* line 610, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-url-formats li:first-child {
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
@ -3067,7 +3067,7 @@ body.outfits-edit #preview-sharing #preview-sharing-url-formats li:first-child {
border-bottom-left-radius: 5px;
border-left-width: 1px;
}
/* line 612, ../../../app/stylesheets/outfits/_edit.sass */
/* line 615, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-url-formats li:last-child {
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
@ -3083,7 +3083,7 @@ body.outfits-edit #preview-sharing #preview-sharing-url-formats li:last-child {
border-bottom-right-radius: 5px;
border-right-color: #006600;
}
/* line 617, ../../../app/stylesheets/outfits/_edit.sass */
/* line 620, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-thumbnail-wrapper {
border: 1px solid #aaddaa;
display: block;
@ -3092,7 +3092,7 @@ body.outfits-edit #preview-sharing #preview-sharing-thumbnail-wrapper {
position: relative;
width: 150px;
}
/* line 625, ../../../app/stylesheets/outfits/_edit.sass */
/* line 628, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-thumbnail-loading {
height: 100%;
left: 0;
@ -3100,7 +3100,7 @@ body.outfits-edit #preview-sharing #preview-sharing-thumbnail-loading {
top: 0;
width: 100%;
}
/* line 632, ../../../app/stylesheets/outfits/_edit.sass */
/* line 635, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-thumbnail-loading span {
color: #448844;
font-size: 85%;
@ -3110,63 +3110,63 @@ body.outfits-edit #preview-sharing #preview-sharing-thumbnail-loading span {
top: 50%;
width: 100%;
}
/* line 641, ../../../app/stylesheets/outfits/_edit.sass */
/* line 644, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-thumbnail, body.outfits-edit #preview-sharing #preview-sharing-thumbnail-generating {
display: none;
}
/* line 645, ../../../app/stylesheets/outfits/_edit.sass */
/* line 648, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing.urls-loaded #preview-sharing-thumbnail-saving {
display: none;
}
/* line 648, ../../../app/stylesheets/outfits/_edit.sass */
/* line 651, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing.urls-loaded #preview-sharing-urls, body.outfits-edit #preview-sharing.urls-loaded #preview-sharing-url-formats, body.outfits-edit #preview-sharing.urls-loaded #preview-sharing-thumbnail-generating {
display: block;
}
/* line 652, ../../../app/stylesheets/outfits/_edit.sass */
/* line 655, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing.urls-loaded.thumbnail-loaded #preview-sharing-thumbnail-loading {
display: none;
}
/* line 655, ../../../app/stylesheets/outfits/_edit.sass */
/* line 658, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing.urls-loaded.thumbnail-loaded #preview-sharing-thumbnail {
display: block;
}
/* line 659, ../../../app/stylesheets/outfits/_edit.sass */
/* line 662, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing.urls-loaded.thumbnail-available #preview-sharing-thumbnail-loading {
-moz-opacity: 0.85;
-webkit-opacity: 0.85;
-o-opacity: 0.85;
-khtml-opacity: 0.85;
}
/* line 662, ../../../app/stylesheets/outfits/_edit.sass */
/* line 665, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing.urls-loaded.thumbnail-available #preview-sharing-thumbnail {
display: block;
}
/* line 665, ../../../app/stylesheets/outfits/_edit.sass */
/* line 668, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .preview-sidebar-nav {
float: right;
font-size: 85%;
margin-right: 24px;
margin-top: 1em;
}
/* line 677, ../../../app/stylesheets/outfits/_edit.sass */
/* line 680, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar #preview-sidebar-navbar-closet {
background: white;
border-bottom-color: white;
font-weight: bold;
}
/* line 681, ../../../app/stylesheets/outfits/_edit.sass */
/* line 684, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar.viewing-outfits #preview-sidebar-navbar-closet, body.outfits-edit #preview-sidebar.sharing #preview-sidebar-navbar-closet {
background: transparent;
border-bottom: 1px solid #aaddaa;
font-weight: normal;
}
/* line 684, ../../../app/stylesheets/outfits/_edit.sass */
/* line 687, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar.viewing-outfits #preview-sidebar-navbar-outfits, body.outfits-edit #preview-sidebar.sharing #preview-sidebar-navbar-sharing {
background: white;
border-bottom-color: white;
font-weight: bold;
}
/* line 687, ../../../app/stylesheets/outfits/_edit.sass */
/* line 690, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar-navbar {
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
@ -3186,7 +3186,7 @@ body.outfits-edit #preview-sidebar-navbar {
body.outfits-edit #preview-sidebar-navbar {
display: block;
}
/* line 696, ../../../app/stylesheets/outfits/_edit.sass */
/* line 699, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar-navbar > div {
background: transparent;
border-bottom: 1px solid #aaddaa;
@ -3198,11 +3198,11 @@ body.outfits-edit #preview-sidebar-navbar > div {
text-align: center;
width: 132px;
}
/* line 705, ../../../app/stylesheets/outfits/_edit.sass */
/* line 708, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar-navbar > div:first-child {
border-left: 0;
}
/* line 708, ../../../app/stylesheets/outfits/_edit.sass */
/* line 711, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar-content {
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
@ -3215,7 +3215,7 @@ body.outfits-edit #preview-sidebar-content {
height: 300px;
overflow: auto;
}
/* line 715, ../../../app/stylesheets/outfits/_edit.sass */
/* line 718, ../../../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 {
margin-left: 24px;
margin-right: 24px;
@ -3223,7 +3223,7 @@ body.outfits-edit #save-success, body.outfits-edit #save-error, body.outfits-edi
margin-top: 1em;
text-align: center;
}
/* line 722, ../../../app/stylesheets/outfits/_edit.sass */
/* line 725, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar-donation-request {
background: #e6efc2;
border: 1px solid #c6d880;
@ -3231,23 +3231,23 @@ body.outfits-edit #preview-sidebar-donation-request {
font-size: 85%;
padding: 1em;
}
/* line 727, ../../../app/stylesheets/outfits/_edit.sass */
/* line 730, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar-donation-request-no-thanks {
margin-left: 1em;
}
/* line 730, ../../../app/stylesheets/outfits/_edit.sass */
/* line 733, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #save-success {
background: #e6efc2;
border: 1px solid #c6d880;
color: #264409;
}
/* line 733, ../../../app/stylesheets/outfits/_edit.sass */
/* line 736, ../../../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 736, ../../../app/stylesheets/outfits/_edit.sass */
/* line 739, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #userbar-message {
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
@ -3255,16 +3255,16 @@ body.outfits-edit #userbar-message {
-khtml-opacity: 0.5;
display: none;
}
/* line 740, ../../../app/stylesheets/outfits/_edit.sass */
/* line 743, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit-name {
font: inherit;
line-height: 1;
}
/* line 744, ../../../app/stylesheets/outfits/_edit.sass */
/* line 747, ../../../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 747, ../../../app/stylesheets/outfits/_edit.sass */
/* line 750, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .control-overlay {
height: 100%;
left: 0;
@ -3273,11 +3273,11 @@ body.outfits-edit .control-overlay {
width: 100%;
z-index: 5;
}
/* line 755, ../../../app/stylesheets/outfits/_edit.sass */
/* line 758, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar-nav-outfits, body.outfits-edit #save-outfit-signed-in {
display: none;
}
/* line 758, ../../../app/stylesheets/outfits/_edit.sass */
/* line 761, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form {
display: none;
margin-right: 0;
@ -3310,7 +3310,7 @@ body.outfits-edit form#save-outfit-form .outfit-star {
margin-left: -24px;
margin-right: 0;
}
/* line 764, ../../../app/stylesheets/outfits/_edit.sass */
/* line 767, ../../../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;
@ -3324,46 +3324,46 @@ body.outfits-edit form#save-outfit-form .outfit-star, body.outfits-edit form#sav
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: inline;
}
/* line 769, ../../../app/stylesheets/outfits/_edit.sass */
/* line 772, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form .outfit-star {
margin-top: 0.25em;
}
/* line 772, ../../../app/stylesheets/outfits/_edit.sass */
/* line 775, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .outfit-url {
font-size: 75%;
}
/* line 775, ../../../app/stylesheets/outfits/_edit.sass */
/* line 778, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form-error {
background: #fbe3e4;
border: 1px solid #fbc2c4;
color: #8a1f11;
padding: 0.25em 0.5em;
}
/* line 780, ../../../app/stylesheets/outfits/_edit.sass */
/* line 783, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-signed-in #preview-sidebar-nav-outfits {
display: block;
}
/* line 782, ../../../app/stylesheets/outfits/_edit.sass */
/* line 785, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-signed-in #save-outfit {
display: inline-block;
}
/* line 786, ../../../app/stylesheets/outfits/_edit.sass */
/* line 789, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-signed-in #save-outfit-wrapper.active-outfit #save-outfit {
display: none;
}
/* line 788, ../../../app/stylesheets/outfits/_edit.sass */
/* line 791, ../../../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 796, ../../../app/stylesheets/outfits/_edit.sass */
/* line 799, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-signed-in #save-outfit-wrapper.saving-outfit #save-outfit-form {
display: block;
}
/* line 798, ../../../app/stylesheets/outfits/_edit.sass */
/* line 801, ../../../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 {
display: none;
}
/* line 800, ../../../app/stylesheets/outfits/_edit.sass */
/* line 803, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-signed-in .preview-search-form-your-items {
display: -moz-inline-box;
-moz-box-orient: vertical;
@ -3375,23 +3375,23 @@ body.outfits-edit.user-signed-in .preview-search-form-your-items {
body.outfits-edit.user-signed-in .preview-search-form-your-items {
*display: inline;
}
/* line 802, ../../../app/stylesheets/outfits/_edit.sass */
/* line 805, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-signed-in #preview-outfits-not-logged-in {
display: none;
}
/* line 804, ../../../app/stylesheets/outfits/_edit.sass */
/* line 807, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-signed-in #preview-outfits-list {
display: block;
}
/* line 808, ../../../app/stylesheets/outfits/_edit.sass */
/* line 811, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-not-signed-in #save-outfit-not-signed-in {
display: inline-block;
}
/* line 812, ../../../app/stylesheets/outfits/_edit.sass */
/* line 815, ../../../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 {
display: inline-block;
}
/* line 814, ../../../app/stylesheets/outfits/_edit.sass */
/* line 817, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #save-outfit-wrapper.shared-outfit #current-outfit-permalink {
display: none !important;
}