diff --git a/app/views/albums/index.html.haml b/app/views/albums/index.html.haml index 5931461d7..56b0b6bb8 100644 --- a/app/views/albums/index.html.haml +++ b/app/views/albums/index.html.haml @@ -6,7 +6,7 @@ %li= your_albums_link .button.right#add_album_button - = link_to 'new album', "#" + = link_to 'New Album', "#" #add_album_box.contextual_pane = render "albums/new_album" @@ -17,5 +17,6 @@ #pagination = will_paginate @albums -%h3 - = link_to "make a new album", new_album_path unless params[:friends] +#content_bottom + .back + = link_to "⇧ home", root_path diff --git a/app/views/photos/show.html.haml b/app/views/photos/show.html.haml index d7ca04b6a..534ed7c58 100644 --- a/app/views/photos/show.html.haml +++ b/app/views/photos/show.html.haml @@ -4,10 +4,12 @@ = @photo.image .button.right - = link_to 'edit', '#' + = link_to 'Edit', '#' + +.sub_header + = link_to "full size", @photo.image.url %div{:id => @photo.id} - = link_to "full size", @photo.image.url #show_photo = link_to_prev @photo, @album @@ -19,7 +21,7 @@ = link_to "⇧ #{@album.name}", album_path(@album) -if mine? @album .button.right - = link_to 'Delete Album', @album, :confirm => 'Are you sure?', :method => :delete + = link_to 'Delete Photo', @photo, :confirm => 'Are you sure?', :method => :delete %h4{:class => "show_post_comments"} = "comments (#{@photo.comments.count})" diff --git a/app/views/requests/_new_request.haml b/app/views/requests/_new_request.haml index da924b05e..714168fd2 100644 --- a/app/views/requests/_new_request.haml +++ b/app/views/requests/_new_request.haml @@ -1,7 +1,8 @@ = form_for @request do |f| = f.error_messages - enter a diaspora url, diaspora username, or random email address: + Enter a Diaspora URL, Diaspora username, or random email address: .field_with_submit = f.text_field :destination_url = f.submit + diff --git a/app/views/requests/index.html.haml b/app/views/requests/index.html.haml index 8347c76d8..c7943f49c 100644 --- a/app/views/requests/index.html.haml +++ b/app/views/requests/index.html.haml @@ -11,3 +11,6 @@ - for request in @remote_requests = render "request", :request => request +#content_bottom + .back + = link_to "⇧ home", root_path diff --git a/public/images/loader.gif b/public/images/loader.gif new file mode 100644 index 000000000..570a3cb9e Binary files /dev/null and b/public/images/loader.gif differ diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css index fcbfed0cf..d2e449072 100644 --- a/public/stylesheets/application.css +++ b/public/stylesheets/application.css @@ -352,7 +352,7 @@ ul#publisher_content_pickers li { -moz-border-radius: 3px; } .field_with_submit input[type='text'] { - width: 85%; + width: 82%; display: inline; } h1.big_text { @@ -381,3 +381,10 @@ h1.big_text { .show_post_comments ul.comment_set { width: 100%; } + +.sub_header { + text-align: center; + font-style: italic; + margin-top: -5px; + margin-bottom: 20px; + color: #999999; } diff --git a/public/stylesheets/sass/application.sass b/public/stylesheets/sass/application.sass index 61e029e99..ee805bca1 100644 --- a/public/stylesheets/sass/application.sass +++ b/public/stylesheets/sass/application.sass @@ -430,7 +430,7 @@ ul#publisher_content_pickers li .field_with_submit input[type='text'] - :width 85% + :width 82% :display inline h1.big_text @@ -452,9 +452,6 @@ h1.big_text :font :size 12px - - - #content_bottom :position relative :line-height 36px @@ -471,3 +468,13 @@ h1.big_text .show_post_comments ul.comment_set :width 100% + +.sub_header + :text + :align center + :font + :style italic + :margin + :top -5px + :bottom 20px + :color #999 diff --git a/public/stylesheets/sass/ui.sass b/public/stylesheets/sass/ui.sass new file mode 100644 index 000000000..eaa2f674c --- /dev/null +++ b/public/stylesheets/sass/ui.sass @@ -0,0 +1,122 @@ +.button, .button_set + :font + :family "Lucida Grande", sans-serif + + :display inline + + :color #777 + :font-size 12px + :line-height 100% + + :text-shadow 0 1px 0 #fff + + :min-height 14px + + :background -webkit-gradient(linear, 0% 29%, 0% 85%, from(#FAFAFA), to(#E0E0E0)) + + :border 1px solid #ccc + :bottom 1px solid #666 + :left 1px solid #999 + :right 1px solid #999 + + :border-radius 3px + :-moz-border-radius 3px + :-webkit-border-radius 3px + + :cursor pointer + + + :box-shadow 0 1px 1px #ccc + :-webkit-box-shadow 0 1px 1px #ccc + :-moz-box-shadow 0 1px 1px #ccc + + a + :font-weight normal + :color #777 + + +.button + :padding 5px + + &:active + :box-shadow 0 0px 2px #000 + :-webkit-box-shadow 0 0px 2px #000 + :-moz-box-shadow 0 0px 2px #000 + :color #555 + +ul.button_set + + :padding 5px 0 + + > li + :padding 5px + :display inline + :height 100% + :border + :left 1px solid #ccc + :right 1px solid #fff + + :margin + :left -3px + :right -3px + + &:first-child + :margin + :left 0 + :border + :left none + + &:last-child + :margin + :right 0 + :border + :right none + +.button .selected, .button_set .selected + :background -webkit-gradient(linear, 0% 29%, 0% 85%, from(#E0E0E0), to(#FAFAFA)) + :border + :top 1px solid #aaa + +.right + :position absolute + :right 0 + :margin + :top 5px + +.contextual_pane + :z-index 20 + + :position absolute + + :display none + + :right 0 + :background + :color rgba( 30,30,30,0.95 ) + + :border 2px solid #999 + + :border-radius 5px + :-moz-border-radius 5px + :-webkit-border-radius 5px + + :color #999 + + :font + :size 12px + :weight normal + + :line-height auto + + form + :margin 0 + :padding 10px + :color #999 + + input[type='text'] + :width 80% + :display block + + p + :padding 10px + :display inline