OpenNeo/impress
OpenNeo/impress
1
0
Fork 1
Code Pull requests Activity

simple locale dropdown in layouts#application

Browse source
This commit is contained in:
Emi Matchu 2013-01-11 11:46:14 -06:00
parent 420c52d296
commit aafec97bbf
9 changed files with 186 additions and 139 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/controllers/locales_controller.rb Normal file
View file

@ -0,0 +1,7 @@
class LocalesController < ApplicationController
def choose
cookies[:locale] = params[:locale] if valid_locale?(params[:locale])
origin = params[:return_to] || :back
redirect_to origin
end
end

6
app/helpers/application_helper.rb
View file

@ -99,6 +99,12 @@ module ApplicationHelper
end) end)
end end
def locale_options
I18n.available_locales.map do |available_locale|
[translate('locale_name', :locale => available_locale), available_locale]
end
end
def localized_cache(key={}, &block) def localized_cache(key={}, &block)
localized_key = localize_fragment_key(key, locale) localized_key = localize_fragment_key(key, locale)
cache(localized_key, &block) cache(localized_key, &block)

2
app/stylesheets/_layout.sass
View file

@ -113,6 +113,8 @@ ul.buttons
li, div ul li, div ul
display: inline display: inline
margin: 0 .5em margin: 0 .5em
#locale-form
float: right
.success, .alert, .warning .success, .alert, .warning
margin-bottom: 1em margin-bottom: 1em

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

@ -328,10 +328,16 @@ body.outfits-edit
left: 0 left: 0
position: absolute position: absolute
width: 100% width: 100%
ul, p, li ul, li, p, div
display: inline display: inline-block
ul vertical-align: middle
padding: 0
> ul
margin-right: 2em margin-right: 2em
> p
margin: 0
> ul, div, p
margin-top: 6px
.object .object
padding: $object-padding padding: $object-padding

8
app/views/layouts/application.html.haml
View file

@ -51,17 +51,25 @@
%span= t('.userbar.login') %span= t('.userbar.login')
#footer #footer
= form_tag choose_locale_path, :id => 'locale-form' do
= hidden_field_tag 'return_to', request.fullpath
= select_tag 'locale', options_for_select(locale_options, locale)
= submit_tag 'Go'
%ul %ul
%li= link_to t('organization_name'), 'http://openneo.net/' %li= link_to t('organization_name'), 'http://openneo.net/'
%li= link_to t('.footer.blog'), 'http://blog.openneo.net/' %li= link_to t('.footer.blog'), 'http://blog.openneo.net/'
%li= link_to t('.footer.source_code'), %li= link_to t('.footer.source_code'),
'http://github.com/matchu/openneo-impress-rails' 'http://github.com/matchu/openneo-impress-rails'
%li= link_to t('.footer.terms'), terms_path %li= link_to t('.footer.terms'), terms_path
%div %div
#{t('.footer.contact')}: #{t('.footer.contact')}:
%ul %ul
%li= link_to t('.footer.suggestions'), feedback_url %li= link_to t('.footer.suggestions'), feedback_url
%li= mail_to contact_email, t('.footer.email') %li= mail_to contact_email, t('.footer.email')
%p= t '.footer.copyright', :year => Date.today.year %p= t '.footer.copyright', :year => Date.today.year
= yield(:javascripts) = yield(:javascripts)

1
config/locales/en-MEEP.yml
View file

@ -4,6 +4,7 @@ en-MEEP:
your_items: Your Meeps your_items: Your Meeps
infinite_closet: Infinite Meepit infinite_closet: Infinite Meepit
modeling_hub: Meepiting Hub modeling_hub: Meepiting Hub
locale_name: English (meep!)
activerecord: activerecord:
attributes: attributes:

1
config/locales/en.yml
View file

@ -4,6 +4,7 @@ en:
your_items: Your Items your_items: Your Items
infinite_closet: Infinite Closet infinite_closet: Infinite Closet
modeling_hub: Modeling Hub modeling_hub: Modeling Hub
locale_name: English
activerecord: activerecord:
attributes: attributes:

2
config/routes.rb
View file

@ -52,6 +52,8 @@ OpenneoImpressItems::Application.routes.draw do |map|
match '/login' => 'sessions#new', :as => :login match '/login' => 'sessions#new', :as => :login
match '/logout' => 'sessions#destroy', :as => :logout match '/logout' => 'sessions#destroy', :as => :logout
match '/users/authorize' => 'sessions#create' match '/users/authorize' => 'sessions#create'
match '/locales/choose' => 'locales#choose', :as => :choose_locale
resources :users, :path => 'user', :only => [:index, :update] do resources :users, :path => 'user', :only => [:index, :update] do
resources :contributions, :only => [:index] resources :contributions, :only => [:index]

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

@ -189,55 +189,59 @@ ul.buttons li, ul.buttons li form {
display: inline; display: inline;
margin: 0 0.5em; margin: 0 0.5em;
} }
/* line 116, ../../../app/stylesheets/_layout.sass */
#footer #locale-form {
float: right;
}
/* line 117, ../../../app/stylesheets/_layout.sass */ /* line 119, ../../../app/stylesheets/_layout.sass */
.success, .alert, .warning { .success, .alert, .warning {
margin-bottom: 1em; margin-bottom: 1em;
padding: 0.25em 0.5em; padding: 0.25em 0.5em;
text-align: center; text-align: center;
} }
/* line 122, ../../../app/stylesheets/_layout.sass */ /* line 124, ../../../app/stylesheets/_layout.sass */
.success { .success {
background: #e6efc2; background: #e6efc2;
border: 1px solid #c6d880; border: 1px solid #c6d880;
color: #264409; color: #264409;
} }
/* line 125, ../../../app/stylesheets/_layout.sass */ /* line 127, ../../../app/stylesheets/_layout.sass */
.alert { .alert {
background: #fbe3e4; background: #fbe3e4;
border: 1px solid #fbc2c4; border: 1px solid #fbc2c4;
color: #8a1f11; color: #8a1f11;
} }
/* line 128, ../../../app/stylesheets/_layout.sass */ /* line 130, ../../../app/stylesheets/_layout.sass */
.warning { .warning {
background: #fff6bf; background: #fff6bf;
border: 1px solid #ffd324; border: 1px solid #ffd324;
color: #514721; color: #514721;
} }
/* line 131, ../../../app/stylesheets/_layout.sass */ /* line 133, ../../../app/stylesheets/_layout.sass */
#userbar { #userbar {
font-family: Delicious, Helvetica, Arial, Verdana, sans-serif; font-family: Delicious, Helvetica, Arial, Verdana, sans-serif;
position: absolute; position: absolute;
right: 0; right: 0;
top: 0; top: 0;
} }
/* line 136, ../../../app/stylesheets/_layout.sass */ /* line 138, ../../../app/stylesheets/_layout.sass */
#userbar > * { #userbar > * {
display: inline; display: inline;
margin: 0 0.25em; margin: 0 0.25em;
} }
/* line 140, ../../../app/stylesheets/_layout.sass */ /* line 142, ../../../app/stylesheets/_layout.sass */
#userbar-image-mode { #userbar-image-mode {
font-weight: bold; font-weight: bold;
margin-right: 1em; margin-right: 1em;
text-decoration: none; text-decoration: none;
} }
/* line 144, ../../../app/stylesheets/_layout.sass */ /* line 146, ../../../app/stylesheets/_layout.sass */
#userbar-image-mode img { #userbar-image-mode img {
bottom: -2px; bottom: -2px;
height: 16px; height: 16px;
@ -245,25 +249,25 @@ ul.buttons li, ul.buttons li form {
width: 16px; width: 16px;
} }
/* line 147, ../../../app/stylesheets/_layout.sass */ /* line 149, ../../../app/stylesheets/_layout.sass */
#userbar-log-in { #userbar-log-in {
text-decoration: none; text-decoration: none;
} }
/* line 149, ../../../app/stylesheets/_layout.sass */ /* line 151, ../../../app/stylesheets/_layout.sass */
#userbar-log-in img { #userbar-log-in img {
margin-bottom: -4px; margin-bottom: -4px;
margin-right: 0.25em; margin-right: 0.25em;
} }
/* line 153, ../../../app/stylesheets/_layout.sass */ /* line 155, ../../../app/stylesheets/_layout.sass */
#userbar-log-in span { #userbar-log-in span {
text-decoration: underline; text-decoration: underline;
} }
/* line 155, ../../../app/stylesheets/_layout.sass */ /* line 157, ../../../app/stylesheets/_layout.sass */
#userbar-log-in:hover span { #userbar-log-in:hover span {
text-decoration: none; text-decoration: none;
} }
/* line 158, ../../../app/stylesheets/_layout.sass */ /* line 160, ../../../app/stylesheets/_layout.sass */
.object { .object {
display: -moz-inline-box; display: -moz-inline-box;
-moz-box-orient: vertical; -moz-box-orient: vertical;
@ -278,32 +282,32 @@ ul.buttons li, ul.buttons li form {
vertical-align: top; vertical-align: top;
width: 100px; width: 100px;
} }
/* line 166, ../../../app/stylesheets/_layout.sass */ /* line 168, ../../../app/stylesheets/_layout.sass */
.object a { .object a {
text-decoration: none; text-decoration: none;
} }
/* line 168, ../../../app/stylesheets/_layout.sass */ /* line 170, ../../../app/stylesheets/_layout.sass */
.object a img { .object a img {
-moz-opacity: 0.75; -moz-opacity: 0.75;
-webkit-opacity: 0.75; -webkit-opacity: 0.75;
-o-opacity: 0.75; -o-opacity: 0.75;
-khtml-opacity: 0.75; -khtml-opacity: 0.75;
} }
/* line 170, ../../../app/stylesheets/_layout.sass */ /* line 172, ../../../app/stylesheets/_layout.sass */
.object img { .object img {
display: block; display: block;
height: 80px; height: 80px;
margin: 0 auto; margin: 0 auto;
width: 80px; width: 80px;
} }
/* line 175, ../../../app/stylesheets/_layout.sass */ /* line 177, ../../../app/stylesheets/_layout.sass */
.object:hover img, .object a:hover img { .object:hover img, .object a:hover 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 181, ../../../app/stylesheets/_layout.sass */ /* line 183, ../../../app/stylesheets/_layout.sass */
.object .nc-icon, .object .closeted-icons { .object .nc-icon, .object .closeted-icons {
-moz-opacity: 1; -moz-opacity: 1;
-webkit-opacity: 1; -webkit-opacity: 1;
@ -314,7 +318,7 @@ ul.buttons li, ul.buttons li form {
position: absolute; position: absolute;
top: 64px; top: 64px;
} }
/* line 187, ../../../app/stylesheets/_layout.sass */ /* line 189, ../../../app/stylesheets/_layout.sass */
.object .nc-icon:hover, .object .closeted-icons:hover { .object .nc-icon:hover, .object .closeted-icons:hover {
-moz-opacity: 0.5; -moz-opacity: 0.5;
-webkit-opacity: 0.5; -webkit-opacity: 0.5;
@ -322,32 +326,32 @@ ul.buttons li, ul.buttons li form {
-khtml-opacity: 0.5; -khtml-opacity: 0.5;
background: transparent; background: transparent;
} }
/* line 191, ../../../app/stylesheets/_layout.sass */ /* line 193, ../../../app/stylesheets/_layout.sass */
.object .nc-icon, .object .closeted-icons img { .object .nc-icon, .object .closeted-icons img {
display: inline; display: inline;
height: 16px; height: 16px;
width: 16px; width: 16px;
} }
/* line 196, ../../../app/stylesheets/_layout.sass */ /* line 198, ../../../app/stylesheets/_layout.sass */
.object .nc-icon { .object .nc-icon {
right: 18px; right: 18px;
} }
/* line 200, ../../../app/stylesheets/_layout.sass */ /* line 202, ../../../app/stylesheets/_layout.sass */
.object .closeted-icons { .object .closeted-icons {
left: 18px; left: 18px;
} }
/* line 203, ../../../app/stylesheets/_layout.sass */ /* line 205, ../../../app/stylesheets/_layout.sass */
dt { dt {
font-weight: bold; font-weight: bold;
} }
/* line 206, ../../../app/stylesheets/_layout.sass */ /* line 208, ../../../app/stylesheets/_layout.sass */
dd { dd {
margin: 0 0 1.5em 1em; margin: 0 0 1.5em 1em;
} }
/* line 209, ../../../app/stylesheets/_layout.sass */ /* line 211, ../../../app/stylesheets/_layout.sass */
#home-link { #home-link {
font-family: Delicious, Helvetica, Arial, Verdana, sans-serif; font-family: Delicious, Helvetica, Arial, Verdana, sans-serif;
font-size: 175%; font-size: 175%;
@ -358,21 +362,21 @@ dd {
position: absolute; position: absolute;
top: 0; top: 0;
} }
/* line 219, ../../../app/stylesheets/_layout.sass */ /* line 221, ../../../app/stylesheets/_layout.sass */
#home-link:hover { #home-link:hover {
background: #eeffee; background: #eeffee;
text-decoration: none; text-decoration: none;
} }
/* line 222, ../../../app/stylesheets/_layout.sass */ /* line 224, ../../../app/stylesheets/_layout.sass */
#home-link span:before { #home-link span:before {
content: "<< "; content: "<< ";
} }
/* line 226, ../../../app/stylesheets/_layout.sass */ /* line 228, ../../../app/stylesheets/_layout.sass */
.pagination a, .pagination span { .pagination a, .pagination span {
margin: 0 0.5em; margin: 0 0.5em;
} }
/* line 228, ../../../app/stylesheets/_layout.sass */ /* line 230, ../../../app/stylesheets/_layout.sass */
.pagination .current { .pagination .current {
font-weight: bold; font-weight: bold;
} }
@ -2613,19 +2617,29 @@ body.outfits-edit.fullscreen #footer {
width: 100%; width: 100%;
} }
/* line 331, ../../../app/stylesheets/outfits/_edit.sass */ /* line 331, ../../../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 li, body.outfits-edit.fullscreen #footer p, body.outfits-edit.fullscreen #footer div {
display: inline; display: inline-block;
vertical-align: middle;
padding: 0;
} }
/* line 333, ../../../app/stylesheets/outfits/_edit.sass */ /* line 335, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #footer ul { body.outfits-edit.fullscreen #footer > ul {
margin-right: 2em; margin-right: 2em;
} }
/* line 336, ../../../app/stylesheets/outfits/_edit.sass */ /* line 337, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #footer > p {
margin: 0;
}
/* line 339, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #footer > ul, body.outfits-edit.fullscreen #footer div, body.outfits-edit.fullscreen #footer p {
margin-top: 6px;
}
/* line 342, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object { body.outfits-edit .object {
padding: 6px; padding: 6px;
position: relative; position: relative;
} }
/* line 339, ../../../app/stylesheets/outfits/_edit.sass */ /* line 345, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object ul { body.outfits-edit .object ul {
display: none; display: none;
left: 0; left: 0;
@ -2633,11 +2647,11 @@ body.outfits-edit .object ul {
position: absolute; position: absolute;
top: 0; top: 0;
} }
/* line 345, ../../../app/stylesheets/outfits/_edit.sass */ /* line 351, ../../../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 347, ../../../app/stylesheets/outfits/_edit.sass */ /* line 353, ../../../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;
@ -2682,11 +2696,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 350, ../../../app/stylesheets/outfits/_edit.sass */ /* line 356, ../../../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 357, ../../../app/stylesheets/outfits/_edit.sass */ /* line 363, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .nc-icon { body.outfits-edit .nc-icon {
background: url('/images/nc.png?1344550430') no-repeat; background: url('/images/nc.png?1344550430') no-repeat;
height: 16px; height: 16px;
@ -2696,14 +2710,14 @@ body.outfits-edit .nc-icon {
top: 64px; top: 64px;
width: 16px; width: 16px;
} }
/* line 365, ../../../app/stylesheets/outfits/_edit.sass */ /* line 371, ../../../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 368, ../../../app/stylesheets/outfits/_edit.sass */ /* line 374, ../../../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;
@ -2724,26 +2738,26 @@ body.outfits-edit .object-info {
top: 0; top: 0;
width: 16px; width: 16px;
} }
/* line 379, ../../../app/stylesheets/outfits/_edit.sass */ /* line 385, ../../../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 385, ../../../app/stylesheets/outfits/_edit.sass */ /* line 391, ../../../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 388, ../../../app/stylesheets/outfits/_edit.sass */ /* line 394, ../../../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 395, ../../../app/stylesheets/outfits/_edit.sass */ /* line 401, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul { body.outfits-edit #preview-outfits > ul {
font-size: 0; font-size: 0;
list-style: none; list-style: none;
@ -2814,23 +2828,23 @@ body.outfits-edit #preview-outfits > ul > li footer {
body.outfits-edit #preview-outfits > ul > li a { body.outfits-edit #preview-outfits > ul > li a {
color: white; color: white;
} }
/* line 405, ../../../app/stylesheets/outfits/_edit.sass */ /* line 411, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul.loaded { body.outfits-edit #preview-outfits > ul.loaded {
background: transparent; background: transparent;
} }
/* line 408, ../../../app/stylesheets/outfits/_edit.sass */ /* line 414, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li { body.outfits-edit #preview-outfits > ul > li {
height: 110px; height: 110px;
margin: 1px; margin: 1px;
width: 110px; width: 110px;
} }
/* line 418, ../../../app/stylesheets/outfits/_edit.sass */ /* line 424, ../../../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 { 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 {
font-size: 12px; font-size: 12px;
padding: 2px 4px; padding: 2px 4px;
width: 102px; width: 102px;
} }
/* line 423, ../../../app/stylesheets/outfits/_edit.sass */ /* line 429, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li header { body.outfits-edit #preview-outfits > ul > li header {
-moz-opacity: 0.75; -moz-opacity: 0.75;
-webkit-opacity: 0.75; -webkit-opacity: 0.75;
@ -2839,11 +2853,11 @@ body.outfits-edit #preview-outfits > ul > li header {
bottom: 0; bottom: 0;
cursor: pointer; cursor: pointer;
} }
/* line 428, ../../../app/stylesheets/outfits/_edit.sass */ /* line 434, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li footer, body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation { body.outfits-edit #preview-outfits > ul > li footer, body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation {
display: none; display: none;
} }
/* line 431, ../../../app/stylesheets/outfits/_edit.sass */ /* line 437, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation { body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation {
color: white; color: white;
left: 0; left: 0;
@ -2854,11 +2868,11 @@ body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation {
text-align: center; text-align: center;
top: 0; top: 0;
} }
/* line 437, ../../../app/stylesheets/outfits/_edit.sass */ /* line 443, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation span { body.outfits-edit #preview-outfits > ul > li .outfit-delete-confirmation span {
font-weight: bold; font-weight: bold;
} }
/* line 443, ../../../app/stylesheets/outfits/_edit.sass */ /* line 449, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li .outfit-thumbnail-wrapper { body.outfits-edit #preview-outfits > ul > li .outfit-thumbnail-wrapper {
-moz-opacity: 0.5; -moz-opacity: 0.5;
-webkit-opacity: 0.5; -webkit-opacity: 0.5;
@ -2875,61 +2889,61 @@ body.outfits-edit #preview-outfits > ul > li .outfit-thumbnail-wrapper {
width: 150px; width: 150px;
z-index: 1; z-index: 1;
} }
/* line 457, ../../../app/stylesheets/outfits/_edit.sass */ /* line 463, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li .outfit-thumbnail { body.outfits-edit #preview-outfits > ul > li .outfit-thumbnail {
display: none; display: none;
} }
/* line 460, ../../../app/stylesheets/outfits/_edit.sass */ /* line 466, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li .outfit-star { body.outfits-edit #preview-outfits > ul > li .outfit-star {
bottom: 0; bottom: 0;
margin-right: 4px; margin-right: 4px;
} }
/* line 464, ../../../app/stylesheets/outfits/_edit.sass */ /* line 470, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li .outfit-delete { body.outfits-edit #preview-outfits > ul > li .outfit-delete {
float: right; float: right;
} }
/* line 467, ../../../app/stylesheets/outfits/_edit.sass */ /* line 473, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li .outfit-rename-button { body.outfits-edit #preview-outfits > ul > li .outfit-rename-button {
float: left; float: left;
} }
/* line 470, ../../../app/stylesheets/outfits/_edit.sass */ /* line 476, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li .outfit-rename-button, body.outfits-edit #preview-outfits > ul > li .outfit-delete { body.outfits-edit #preview-outfits > ul > li .outfit-rename-button, body.outfits-edit #preview-outfits > ul > li .outfit-delete {
font-size: 85%; font-size: 85%;
text-decoration: none; text-decoration: none;
} }
/* line 474, ../../../app/stylesheets/outfits/_edit.sass */ /* line 480, ../../../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 { body.outfits-edit #preview-outfits > ul > li .outfit-rename-button:hover, body.outfits-edit #preview-outfits > ul > li .outfit-delete:hover {
text-decoration: underline; text-decoration: underline;
} }
/* line 477, ../../../app/stylesheets/outfits/_edit.sass */ /* line 483, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li .outfit-rename-form { body.outfits-edit #preview-outfits > ul > li .outfit-rename-form {
display: none; display: none;
} }
/* line 480, ../../../app/stylesheets/outfits/_edit.sass */ /* line 486, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li .outfit-rename-form input { body.outfits-edit #preview-outfits > ul > li .outfit-rename-form input {
background: transparent; background: transparent;
border: 1px solid white; border: 1px solid white;
width: 6em; width: 6em;
} }
/* line 486, ../../../app/stylesheets/outfits/_edit.sass */ /* line 492, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li:hover header { body.outfits-edit #preview-outfits > ul > li:hover header {
-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 489, ../../../app/stylesheets/outfits/_edit.sass */ /* line 495, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li:hover .outfit-thumbnail-wrapper { body.outfits-edit #preview-outfits > ul > li:hover .outfit-thumbnail-wrapper {
-moz-opacity: 0.75; -moz-opacity: 0.75;
-webkit-opacity: 0.75; -webkit-opacity: 0.75;
-o-opacity: 0.75; -o-opacity: 0.75;
-khtml-opacity: 0.75; -khtml-opacity: 0.75;
} }
/* line 492, ../../../app/stylesheets/outfits/_edit.sass */ /* line 498, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li:hover footer { body.outfits-edit #preview-outfits > ul > li:hover footer {
display: block; display: block;
} }
/* line 496, ../../../app/stylesheets/outfits/_edit.sass */ /* line 502, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li.active header { body.outfits-edit #preview-outfits > ul > li.active header {
-moz-opacity: 1; -moz-opacity: 1;
-webkit-opacity: 1; -webkit-opacity: 1;
@ -2937,74 +2951,74 @@ body.outfits-edit #preview-outfits > ul > li.active header {
-khtml-opacity: 1; -khtml-opacity: 1;
font-weight: bold; font-weight: bold;
} }
/* line 500, ../../../app/stylesheets/outfits/_edit.sass */ /* line 506, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li.active .outfit-thumbnail-wrapper { body.outfits-edit #preview-outfits > ul > li.active .outfit-thumbnail-wrapper {
-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 504, ../../../app/stylesheets/outfits/_edit.sass */ /* line 510, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li.confirming-deletion footer { body.outfits-edit #preview-outfits > ul > li.confirming-deletion footer {
display: none; display: none;
} }
/* line 507, ../../../app/stylesheets/outfits/_edit.sass */ /* line 513, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li.confirming-deletion .outfit-delete-confirmation { body.outfits-edit #preview-outfits > ul > li.confirming-deletion .outfit-delete-confirmation {
display: block; display: block;
} }
/* line 511, ../../../app/stylesheets/outfits/_edit.sass */ /* line 517, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li.renaming .outfit-name { body.outfits-edit #preview-outfits > ul > li.renaming .outfit-name {
display: none; display: none;
} }
/* line 514, ../../../app/stylesheets/outfits/_edit.sass */ /* line 520, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li.renaming .outfit-rename-form { body.outfits-edit #preview-outfits > ul > li.renaming .outfit-rename-form {
display: inline; display: inline;
} }
/* line 517, ../../../app/stylesheets/outfits/_edit.sass */ /* line 523, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li.thumbnail-available { body.outfits-edit #preview-outfits > ul > li.thumbnail-available {
background: transparent; background: transparent;
} }
/* line 520, ../../../app/stylesheets/outfits/_edit.sass */ /* line 526, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li.thumbnail-available .outfit-thumbnail-wrapper { body.outfits-edit #preview-outfits > ul > li.thumbnail-available .outfit-thumbnail-wrapper {
background-image: none; background-image: none;
} }
/* line 523, ../../../app/stylesheets/outfits/_edit.sass */ /* line 529, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li.thumbnail-available .outfit-thumbnail { body.outfits-edit #preview-outfits > ul > li.thumbnail-available .outfit-thumbnail {
display: block; display: block;
} }
/* line 527, ../../../app/stylesheets/outfits/_edit.sass */ /* line 533, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li.loading .outfit-star { body.outfits-edit #preview-outfits > ul > li.loading .outfit-star {
background-image: url('/images/loading_outfit_pane.gif?1344550430'); background-image: url('/images/loading_outfit_pane.gif?1344550430');
} }
/* line 530, ../../../app/stylesheets/outfits/_edit.sass */ /* line 536, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits #preview-outfits-not-logged-in { body.outfits-edit #preview-outfits #preview-outfits-not-logged-in {
text-align: center; text-align: center;
overflow-x: hidden; overflow-x: hidden;
} }
/* line 534, ../../../app/stylesheets/outfits/_edit.sass */ /* line 540, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits #preview-outfits-not-logged-in img { body.outfits-edit #preview-outfits #preview-outfits-not-logged-in img {
border-color: #006600; border-color: #006600;
border-style: solid; border-style: solid;
border-width: 1px 0; border-width: 1px 0;
} }
/* line 540, ../../../app/stylesheets/outfits/_edit.sass */ /* line 546, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits #preview-outfits-not-logged-in figure { body.outfits-edit #preview-outfits #preview-outfits-not-logged-in figure {
display: block; display: block;
margin: 0 0 1em 0; margin: 0 0 1em 0;
padding: 0; padding: 0;
} }
/* line 545, ../../../app/stylesheets/outfits/_edit.sass */ /* line 551, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits #preview-outfits-not-logged-in figcaption { body.outfits-edit #preview-outfits #preview-outfits-not-logged-in figcaption {
display: block; display: block;
font-weight: bold; font-weight: bold;
} }
/* line 549, ../../../app/stylesheets/outfits/_edit.sass */ /* line 555, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits #preview-outfits-not-logged-in p { body.outfits-edit #preview-outfits #preview-outfits-not-logged-in p {
margin-left: 24px; margin-left: 24px;
margin-right: 24px; margin-right: 24px;
font-size: 85%; font-size: 85%;
} }
/* line 553, ../../../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 { 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 */ /* http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html */
-moz-border-radius: 5px; -moz-border-radius: 5px;
@ -3044,11 +3058,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 { body.outfits-edit #preview-outfits #preview-outfits-not-logged-in #preview-outfits-log-in:hover {
background-color: #ee4b00; background-color: #ee4b00;
} }
/* line 557, ../../../app/stylesheets/outfits/_edit.sass */ /* line 563, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing { body.outfits-edit #preview-sharing {
display: none; display: none;
} }
/* line 560, ../../../app/stylesheets/outfits/_edit.sass */ /* line 566, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-urls { body.outfits-edit #preview-sharing #preview-sharing-urls {
margin-left: 24px; margin-left: 24px;
margin-right: 24px; margin-right: 24px;
@ -3056,23 +3070,23 @@ body.outfits-edit #preview-sharing #preview-sharing-urls {
margin-bottom: 1em; margin-bottom: 1em;
margin-top: 1em; margin-top: 1em;
} }
/* line 567, ../../../app/stylesheets/outfits/_edit.sass */ /* line 573, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-urls li { body.outfits-edit #preview-sharing #preview-sharing-urls li {
display: block; display: block;
padding: 0.25em 0; padding: 0.25em 0;
width: 100%; width: 100%;
} }
/* line 572, ../../../app/stylesheets/outfits/_edit.sass */ /* line 578, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-urls li label { body.outfits-edit #preview-sharing #preview-sharing-urls li label {
display: block; display: block;
font-weight: bold; font-weight: bold;
} }
/* line 576, ../../../app/stylesheets/outfits/_edit.sass */ /* line 582, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-urls li input { body.outfits-edit #preview-sharing #preview-sharing-urls li input {
display: block; display: block;
width: 100%; width: 100%;
} }
/* line 580, ../../../app/stylesheets/outfits/_edit.sass */ /* line 586, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-url-formats { body.outfits-edit #preview-sharing #preview-sharing-url-formats {
margin-left: 24px; margin-left: 24px;
margin-right: 24px; margin-right: 24px;
@ -3085,7 +3099,7 @@ body.outfits-edit #preview-sharing #preview-sharing-url-formats {
font-size: 0; font-size: 0;
text-align: center; text-align: center;
} }
/* line 588, ../../../app/stylesheets/outfits/_edit.sass */ /* line 594, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-url-formats li { body.outfits-edit #preview-sharing #preview-sharing-url-formats li {
display: -moz-inline-box; display: -moz-inline-box;
-moz-box-orient: vertical; -moz-box-orient: vertical;
@ -3104,13 +3118,13 @@ body.outfits-edit #preview-sharing #preview-sharing-url-formats li {
body.outfits-edit #preview-sharing #preview-sharing-url-formats li { body.outfits-edit #preview-sharing #preview-sharing-url-formats li {
*display: inline; *display: inline;
} }
/* line 599, ../../../app/stylesheets/outfits/_edit.sass */ /* line 605, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-url-formats li.active { body.outfits-edit #preview-sharing #preview-sharing-url-formats li.active {
background: #eeffee; background: #eeffee;
color: inherit; color: inherit;
font-weight: bold; font-weight: bold;
} }
/* line 604, ../../../app/stylesheets/outfits/_edit.sass */ /* line 610, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-url-formats li:first-child { body.outfits-edit #preview-sharing #preview-sharing-url-formats li:first-child {
-moz-border-radius-topleft: 5px; -moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px;
@ -3126,7 +3140,7 @@ body.outfits-edit #preview-sharing #preview-sharing-url-formats li:first-child {
border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
border-left-width: 1px; border-left-width: 1px;
} }
/* line 609, ../../../app/stylesheets/outfits/_edit.sass */ /* line 615, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-url-formats li:last-child { body.outfits-edit #preview-sharing #preview-sharing-url-formats li:last-child {
-moz-border-radius-topright: 5px; -moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px;
@ -3142,7 +3156,7 @@ body.outfits-edit #preview-sharing #preview-sharing-url-formats li:last-child {
border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
border-right-color: #006600; border-right-color: #006600;
} }
/* line 614, ../../../app/stylesheets/outfits/_edit.sass */ /* line 620, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-thumbnail-wrapper { body.outfits-edit #preview-sharing #preview-sharing-thumbnail-wrapper {
border: 1px solid #aaddaa; border: 1px solid #aaddaa;
display: block; display: block;
@ -3151,7 +3165,7 @@ body.outfits-edit #preview-sharing #preview-sharing-thumbnail-wrapper {
position: relative; position: relative;
width: 150px; width: 150px;
} }
/* line 622, ../../../app/stylesheets/outfits/_edit.sass */ /* line 628, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-thumbnail-loading { body.outfits-edit #preview-sharing #preview-sharing-thumbnail-loading {
height: 100%; height: 100%;
left: 0; left: 0;
@ -3159,7 +3173,7 @@ body.outfits-edit #preview-sharing #preview-sharing-thumbnail-loading {
top: 0; top: 0;
width: 100%; width: 100%;
} }
/* line 629, ../../../app/stylesheets/outfits/_edit.sass */ /* line 635, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-thumbnail-loading span { body.outfits-edit #preview-sharing #preview-sharing-thumbnail-loading span {
color: #448844; color: #448844;
font-size: 85%; font-size: 85%;
@ -3169,11 +3183,11 @@ body.outfits-edit #preview-sharing #preview-sharing-thumbnail-loading span {
top: 50%; top: 50%;
width: 100%; width: 100%;
} }
/* line 638, ../../../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 { body.outfits-edit #preview-sharing #preview-sharing-thumbnail, body.outfits-edit #preview-sharing #preview-sharing-thumbnail-generating {
display: none; display: none;
} }
/* line 641, ../../../app/stylesheets/outfits/_edit.sass */ /* line 647, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing #preview-sharing-beta-note { body.outfits-edit #preview-sharing #preview-sharing-beta-note {
margin-left: 24px; margin-left: 24px;
margin-right: 24px; margin-right: 24px;
@ -3184,59 +3198,59 @@ body.outfits-edit #preview-sharing #preview-sharing-beta-note {
margin-top: 1em; margin-top: 1em;
text-align: center; text-align: center;
} }
/* line 649, ../../../app/stylesheets/outfits/_edit.sass */ /* line 655, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing.urls-loaded #preview-sharing-thumbnail-saving { body.outfits-edit #preview-sharing.urls-loaded #preview-sharing-thumbnail-saving {
display: none; display: none;
} }
/* line 652, ../../../app/stylesheets/outfits/_edit.sass */ /* line 658, ../../../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 { 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; display: block;
} }
/* line 656, ../../../app/stylesheets/outfits/_edit.sass */ /* line 662, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing.urls-loaded.thumbnail-loaded #preview-sharing-thumbnail-loading { body.outfits-edit #preview-sharing.urls-loaded.thumbnail-loaded #preview-sharing-thumbnail-loading {
display: none; display: none;
} }
/* line 659, ../../../app/stylesheets/outfits/_edit.sass */ /* line 665, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing.urls-loaded.thumbnail-loaded #preview-sharing-thumbnail { body.outfits-edit #preview-sharing.urls-loaded.thumbnail-loaded #preview-sharing-thumbnail {
display: block; display: block;
} }
/* line 663, ../../../app/stylesheets/outfits/_edit.sass */ /* line 669, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing.urls-loaded.thumbnail-available #preview-sharing-thumbnail-loading { body.outfits-edit #preview-sharing.urls-loaded.thumbnail-available #preview-sharing-thumbnail-loading {
-moz-opacity: 0.85; -moz-opacity: 0.85;
-webkit-opacity: 0.85; -webkit-opacity: 0.85;
-o-opacity: 0.85; -o-opacity: 0.85;
-khtml-opacity: 0.85; -khtml-opacity: 0.85;
} }
/* line 666, ../../../app/stylesheets/outfits/_edit.sass */ /* line 672, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sharing.urls-loaded.thumbnail-available #preview-sharing-thumbnail { body.outfits-edit #preview-sharing.urls-loaded.thumbnail-available #preview-sharing-thumbnail {
display: block; display: block;
} }
/* line 669, ../../../app/stylesheets/outfits/_edit.sass */ /* line 675, ../../../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 681, ../../../app/stylesheets/outfits/_edit.sass */ /* line 687, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar #preview-sidebar-navbar-closet { body.outfits-edit #preview-sidebar #preview-sidebar-navbar-closet {
background: white; background: white;
border-bottom-color: white; border-bottom-color: white;
font-weight: bold; font-weight: bold;
} }
/* line 685, ../../../app/stylesheets/outfits/_edit.sass */ /* line 691, ../../../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 { body.outfits-edit #preview-sidebar.viewing-outfits #preview-sidebar-navbar-closet, body.outfits-edit #preview-sidebar.sharing #preview-sidebar-navbar-closet {
background: transparent; background: transparent;
border-bottom: 1px solid #aaddaa; border-bottom: 1px solid #aaddaa;
font-weight: normal; font-weight: normal;
} }
/* line 688, ../../../app/stylesheets/outfits/_edit.sass */ /* line 694, ../../../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 { body.outfits-edit #preview-sidebar.viewing-outfits #preview-sidebar-navbar-outfits, body.outfits-edit #preview-sidebar.sharing #preview-sidebar-navbar-sharing {
background: white; background: white;
border-bottom-color: white; border-bottom-color: white;
font-weight: bold; font-weight: bold;
} }
/* line 691, ../../../app/stylesheets/outfits/_edit.sass */ /* line 697, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar-navbar { body.outfits-edit #preview-sidebar-navbar {
-moz-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0;
@ -3256,7 +3270,7 @@ body.outfits-edit #preview-sidebar-navbar {
body.outfits-edit #preview-sidebar-navbar { body.outfits-edit #preview-sidebar-navbar {
display: block; display: block;
} }
/* line 700, ../../../app/stylesheets/outfits/_edit.sass */ /* line 706, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar-navbar > div { body.outfits-edit #preview-sidebar-navbar > div {
background: transparent; background: transparent;
border-bottom: 1px solid #aaddaa; border-bottom: 1px solid #aaddaa;
@ -3268,11 +3282,11 @@ body.outfits-edit #preview-sidebar-navbar > div {
text-align: center; text-align: center;
width: 132px; width: 132px;
} }
/* line 709, ../../../app/stylesheets/outfits/_edit.sass */ /* line 715, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar-navbar > div:first-child { body.outfits-edit #preview-sidebar-navbar > div:first-child {
border-left: 0; border-left: 0;
} }
/* line 712, ../../../app/stylesheets/outfits/_edit.sass */ /* line 718, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar-content { body.outfits-edit #preview-sidebar-content {
-moz-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px;
@ -3285,7 +3299,7 @@ body.outfits-edit #preview-sidebar-content {
height: 300px; height: 300px;
overflow: auto; overflow: auto;
} }
/* line 719, ../../../app/stylesheets/outfits/_edit.sass */ /* line 725, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #save-success, body.outfits-edit #save-error, body.outfits-edit #outfit-not-found, body.outfits-edit #preview-sidebar-donation-request { body.outfits-edit #save-success, body.outfits-edit #save-error, body.outfits-edit #outfit-not-found, body.outfits-edit #preview-sidebar-donation-request {
margin-left: 24px; margin-left: 24px;
margin-right: 24px; margin-right: 24px;
@ -3293,7 +3307,7 @@ body.outfits-edit #save-success, body.outfits-edit #save-error, body.outfits-edi
margin-top: 1em; margin-top: 1em;
text-align: center; text-align: center;
} }
/* line 726, ../../../app/stylesheets/outfits/_edit.sass */ /* line 732, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar-donation-request { body.outfits-edit #preview-sidebar-donation-request {
background: #e6efc2; background: #e6efc2;
border: 1px solid #c6d880; border: 1px solid #c6d880;
@ -3301,23 +3315,23 @@ body.outfits-edit #preview-sidebar-donation-request {
font-size: 85%; font-size: 85%;
padding: 1em; padding: 1em;
} }
/* line 731, ../../../app/stylesheets/outfits/_edit.sass */ /* line 737, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar-donation-request-no-thanks { body.outfits-edit #preview-sidebar-donation-request-no-thanks {
margin-left: 1em; margin-left: 1em;
} }
/* line 734, ../../../app/stylesheets/outfits/_edit.sass */ /* line 740, ../../../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 737, ../../../app/stylesheets/outfits/_edit.sass */ /* line 743, ../../../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 740, ../../../app/stylesheets/outfits/_edit.sass */ /* line 746, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #userbar-session-message { body.outfits-edit #userbar-session-message {
-moz-opacity: 0.5; -moz-opacity: 0.5;
-webkit-opacity: 0.5; -webkit-opacity: 0.5;
@ -3325,16 +3339,16 @@ body.outfits-edit #userbar-session-message {
-khtml-opacity: 0.5; -khtml-opacity: 0.5;
display: none; display: none;
} }
/* line 744, ../../../app/stylesheets/outfits/_edit.sass */ /* line 750, ../../../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 748, ../../../app/stylesheets/outfits/_edit.sass */ /* line 754, ../../../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 751, ../../../app/stylesheets/outfits/_edit.sass */ /* line 757, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .control-overlay { body.outfits-edit .control-overlay {
height: 100%; height: 100%;
left: 0; left: 0;
@ -3343,11 +3357,11 @@ body.outfits-edit .control-overlay {
width: 100%; width: 100%;
z-index: 5; z-index: 5;
} }
/* line 759, ../../../app/stylesheets/outfits/_edit.sass */ /* line 765, ../../../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 762, ../../../app/stylesheets/outfits/_edit.sass */ /* line 768, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit form#save-outfit-form { body.outfits-edit form#save-outfit-form {
display: none; display: none;
margin-right: 0; margin-right: 0;
@ -3380,7 +3394,7 @@ body.outfits-edit form#save-outfit-form .outfit-star {
margin-left: -24px; margin-left: -24px;
margin-right: 0; margin-right: 0;
} }
/* line 768, ../../../app/stylesheets/outfits/_edit.sass */ /* line 774, ../../../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;
@ -3394,46 +3408,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 { 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; *display: inline;
} }
/* line 773, ../../../app/stylesheets/outfits/_edit.sass */ /* line 779, ../../../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 776, ../../../app/stylesheets/outfits/_edit.sass */ /* line 782, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .outfit-url { body.outfits-edit .outfit-url {
font-size: 75%; font-size: 75%;
} }
/* line 779, ../../../app/stylesheets/outfits/_edit.sass */ /* line 785, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form-error { body.outfits-edit #preview-search-form-error {
background: #fbe3e4; background: #fbe3e4;
border: 1px solid #fbc2c4; border: 1px solid #fbc2c4;
color: #8a1f11; color: #8a1f11;
padding: 0.25em 0.5em; padding: 0.25em 0.5em;
} }
/* line 784, ../../../app/stylesheets/outfits/_edit.sass */ /* line 790, ../../../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 786, ../../../app/stylesheets/outfits/_edit.sass */ /* line 792, ../../../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 790, ../../../app/stylesheets/outfits/_edit.sass */ /* line 796, ../../../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 792, ../../../app/stylesheets/outfits/_edit.sass */ /* line 798, ../../../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 800, ../../../app/stylesheets/outfits/_edit.sass */ /* line 806, ../../../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 802, ../../../app/stylesheets/outfits/_edit.sass */ /* line 808, ../../../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 804, ../../../app/stylesheets/outfits/_edit.sass */ /* line 810, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-signed-in .preview-search-form-your-items { body.outfits-edit.user-signed-in .preview-search-form-your-items {
display: -moz-inline-box; display: -moz-inline-box;
-moz-box-orient: vertical; -moz-box-orient: vertical;
@ -3445,23 +3459,23 @@ body.outfits-edit.user-signed-in .preview-search-form-your-items {
body.outfits-edit.user-signed-in .preview-search-form-your-items { body.outfits-edit.user-signed-in .preview-search-form-your-items {
*display: inline; *display: inline;
} }
/* line 806, ../../../app/stylesheets/outfits/_edit.sass */ /* line 812, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-signed-in #preview-outfits-not-logged-in { body.outfits-edit.user-signed-in #preview-outfits-not-logged-in {
display: none; display: none;
} }
/* line 808, ../../../app/stylesheets/outfits/_edit.sass */ /* line 814, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-signed-in #preview-outfits-list { body.outfits-edit.user-signed-in #preview-outfits-list {
display: block; display: block;
} }
/* line 812, ../../../app/stylesheets/outfits/_edit.sass */ /* line 818, ../../../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 816, ../../../app/stylesheets/outfits/_edit.sass */ /* line 822, ../../../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 818, ../../../app/stylesheets/outfits/_edit.sass */ /* line 824, ../../../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;
} }