diff --git a/app/stylesheets/_layout.sass b/app/stylesheets/_layout.sass index e2e50bbc..29fd2103 100644 --- a/app/stylesheets/_layout.sass +++ b/app/stylesheets/_layout.sass @@ -155,6 +155,17 @@ ul.buttons &:hover span text-decoration: none +#userbar-items-link + +hover-link + background: $module-bg-color + padding: .25em .5em + + &:after + color: red + content: "new!" + font-size: 85% + margin-left: .5em + .object +inline-block margin: $object-padding 0 diff --git a/app/stylesheets/outfits/_new.sass b/app/stylesheets/outfits/_new.sass index aa755dcb..38d55196 100644 --- a/app/stylesheets/outfits/_new.sass +++ b/app/stylesheets/outfits/_new.sass @@ -137,3 +137,12 @@ body.outfits-new #read-more float: right + #your-items-module + h3 + &:after + color: red + content: "new!" + font-size: 85% + font-weight: bold + margin-left: .5em + diff --git a/app/views/layouts/application.html.haml b/app/views/layouts/application.html.haml index cffd5719..eb92e9a6 100644 --- a/app/views/layouts/application.html.haml +++ b/app/views/layouts/application.html.haml @@ -42,7 +42,7 @@ You have = succeed '.' do = link_to "#{current_user.points} points", user_contributions_path(current_user) - = link_to 'Items', user_closet_hangers_path(current_user) + = link_to 'Items', user_closet_hangers_path(current_user), :id => 'userbar-items-link' = link_to 'Outfits', current_user_outfits_path = link_to 'Settings', Openneo::Auth.remote_settings_url = link_to 'Log out', logout_path_with_return_to diff --git a/app/views/outfits/new.html.haml b/app/views/outfits/new.html.haml index c5ba4608..1baa4804 100644 --- a/app/views/outfits/new.html.haml +++ b/app/views/outfits/new.html.haml @@ -28,7 +28,7 @@ - cache :action_suffix => 'sections_and_description' do %ul#sections - %li + %li#your-items-module = link_to image_tag('your_items.png'), your_items_path %h3 = link_to 'Your Items', your_items_path diff --git a/public/stylesheets/compiled/screen.css b/public/stylesheets/compiled/screen.css index afd962e4..906a6599 100644 --- a/public/stylesheets/compiled/screen.css +++ b/public/stylesheets/compiled/screen.css @@ -264,6 +264,24 @@ ul.buttons li, ul.buttons li form { } /* line 158, ../../../app/stylesheets/_layout.sass */ +#userbar-items-link { + text-decoration: none; + background: #eeffee; + padding: 0.25em 0.5em; +} +/* line 4, ../../../../../.rvm/gems/ree-1.8.7-2010.02/gems/compass-0.10.6/frameworks/compass/stylesheets/compass/utilities/links/_hover-link.scss */ +#userbar-items-link:hover { + text-decoration: underline; +} +/* line 163, ../../../app/stylesheets/_layout.sass */ +#userbar-items-link:after { + color: red; + content: "new!"; + font-size: 85%; + margin-left: 0.5em; +} + +/* line 169, ../../../app/stylesheets/_layout.sass */ .object { display: -moz-inline-box; -moz-box-orient: vertical; @@ -278,32 +296,32 @@ ul.buttons li, ul.buttons li form { vertical-align: top; width: 100px; } -/* line 166, ../../../app/stylesheets/_layout.sass */ +/* line 177, ../../../app/stylesheets/_layout.sass */ .object a { text-decoration: none; } -/* line 168, ../../../app/stylesheets/_layout.sass */ +/* line 179, ../../../app/stylesheets/_layout.sass */ .object a img { -moz-opacity: 0.75; -webkit-opacity: 0.75; -o-opacity: 0.75; -khtml-opacity: 0.75; } -/* line 170, ../../../app/stylesheets/_layout.sass */ +/* line 181, ../../../app/stylesheets/_layout.sass */ .object img { display: block; height: 80px; margin: 0 auto; width: 80px; } -/* line 175, ../../../app/stylesheets/_layout.sass */ +/* line 186, ../../../app/stylesheets/_layout.sass */ .object:hover img, .object a:hover img { -moz-opacity: 1; -webkit-opacity: 1; -o-opacity: 1; -khtml-opacity: 1; } -/* line 181, ../../../app/stylesheets/_layout.sass */ +/* line 192, ../../../app/stylesheets/_layout.sass */ .object .nc-icon, .object .closeted-icons { -moz-opacity: 1; -webkit-opacity: 1; @@ -314,7 +332,7 @@ ul.buttons li, ul.buttons li form { position: absolute; top: 64px; } -/* line 187, ../../../app/stylesheets/_layout.sass */ +/* line 198, ../../../app/stylesheets/_layout.sass */ .object .nc-icon:hover, .object .closeted-icons:hover { -moz-opacity: 0.5; -webkit-opacity: 0.5; @@ -322,32 +340,32 @@ ul.buttons li, ul.buttons li form { -khtml-opacity: 0.5; background: transparent; } -/* line 191, ../../../app/stylesheets/_layout.sass */ +/* line 202, ../../../app/stylesheets/_layout.sass */ .object .nc-icon, .object .closeted-icons img { display: inline; height: 16px; width: 16px; } -/* line 196, ../../../app/stylesheets/_layout.sass */ +/* line 207, ../../../app/stylesheets/_layout.sass */ .object .nc-icon { right: 18px; } -/* line 200, ../../../app/stylesheets/_layout.sass */ +/* line 211, ../../../app/stylesheets/_layout.sass */ .object .closeted-icons { left: 18px; } -/* line 203, ../../../app/stylesheets/_layout.sass */ +/* line 214, ../../../app/stylesheets/_layout.sass */ dt { font-weight: bold; } -/* line 206, ../../../app/stylesheets/_layout.sass */ +/* line 217, ../../../app/stylesheets/_layout.sass */ dd { margin: 0 0 1.5em 1em; } -/* line 209, ../../../app/stylesheets/_layout.sass */ +/* line 220, ../../../app/stylesheets/_layout.sass */ #home-link { font-family: Delicious, Helvetica, Arial, Verdana, sans-serif; font-size: 175%; @@ -358,21 +376,21 @@ dd { position: absolute; top: 0; } -/* line 219, ../../../app/stylesheets/_layout.sass */ +/* line 230, ../../../app/stylesheets/_layout.sass */ #home-link:hover { background: #eeffee; text-decoration: none; } -/* line 222, ../../../app/stylesheets/_layout.sass */ +/* line 233, ../../../app/stylesheets/_layout.sass */ #home-link span:before { content: "<< "; } -/* line 226, ../../../app/stylesheets/_layout.sass */ +/* line 237, ../../../app/stylesheets/_layout.sass */ .pagination a, .pagination span { margin: 0 0.5em; } -/* line 228, ../../../app/stylesheets/_layout.sass */ +/* line 239, ../../../app/stylesheets/_layout.sass */ .pagination .current { font-weight: bold; } @@ -3531,6 +3549,14 @@ body.outfits-new #sections img:hover { body.outfits-new #read-more { float: right; } +/* line 142, ../../../app/stylesheets/outfits/_new.sass */ +body.outfits-new #your-items-module h3:after { + color: red; + content: "new!"; + font-size: 85%; + font-weight: bold; + margin-left: 0.5em; +} /* line 2, ../../../app/stylesheets/partials/_campaign-progress.sass */ body.outfits-show .campaign-progress-wrapper {