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