diff --git a/app/controllers/groups_controller.rb b/app/controllers/groups_controller.rb index 34ae5960c6b1556dec40d51f8976d1749c9a8512..0d1cecf6b70412eee85400f27ea4f4e587f254f5 100644 --- a/app/controllers/groups_controller.rb +++ b/app/controllers/groups_controller.rb @@ -5,7 +5,7 @@ class GroupsController < ApplicationController respond_to :json, :only => :show def index - @posts = current_user.visible_posts(:by_members_of => :all).paginate :page => params[:page], :order => 'created_at DESC' + @posts = current_user.visible_posts(:by_members_of => :all).paginate :page => params[:page], :per_page => 15, :order => 'created_at DESC' @group = :all end @@ -27,7 +27,7 @@ class GroupsController < ApplicationController def show @group = Group.find_by_id params[:id] @friends = @group.people - @posts = current_user.visible_posts( :by_members_of => @group ).paginate :order => 'created_at DESC' + @posts = current_user.visible_posts( :by_members_of => @group ).paginate :per_page => 15, :order => 'created_at DESC' respond_with @group end diff --git a/app/controllers/users_controller.rb b/app/controllers/users_controller.rb index 9964778fbe1e74c8f0cdbcc9c1dd1cce6a01065e..904598dfbe45b4b20cbd40e6bd2914eb76571e74 100644 --- a/app/controllers/users_controller.rb +++ b/app/controllers/users_controller.rb @@ -7,7 +7,6 @@ class UsersController < ApplicationController def show @user = User.find_by_id params[:id] @user_profile = @user.person.profile - respond_with @user end @@ -21,6 +20,6 @@ class UsersController < ApplicationController def update @user = User.find_by_id params[:id] @user.update_profile params[:user] - respond_with @user + respond_with(@user, :location => root_url) end end diff --git a/app/views/albums/index.html.haml b/app/views/albums/index.html.haml index 2be320629c695a3c84b2db50f9ae51e33c22298c..87902a523c13a9e88061aa600b7e89bb9eb090ee 100644 --- a/app/views/albums/index.html.haml +++ b/app/views/albums/index.html.haml @@ -4,7 +4,9 @@ $("#add_album_button").fancybox(); }); -.back= link_to "⇧ home", root_path += content_for :page_title do + = link_to "Albums", albums_path + %h1.big_text Albums .right diff --git a/app/views/albums/show.html.haml b/app/views/albums/show.html.haml index 80abbacd6e7605ecb19dbe7aac127940a4bcf6f3..5e6e64817687c30d9027942ede7503302990f2a4 100644 --- a/app/views/albums/show.html.haml +++ b/app/views/albums/show.html.haml @@ -5,19 +5,16 @@ }); }); += content_for :page_title do + = link_to @album.name, @album + .album_id{:id => @album.id, :style => "display:hidden;"} -.back= link_to '⇧ albums', albums_path -%h1.big_text +%h1.big_text = @album.name - -if current_user.owns? @album - .right - #add_photo_loader - = image_tag 'ajax-loader.gif' - = link_to 'Add Photos', '#new_photo_pane', :class => 'button', :id => "add_photo_button" - +-if current_user.owns? @album =render 'photos/new_photo' .yo{:style => "display:none;"} diff --git a/app/views/devise/sessions/new.html.haml b/app/views/devise/sessions/new.html.haml index 263ed8bc99bd6c403cce55298177520b8d74182f..1840d7acc2bea61498a8c0acf2d7bc793f982a66 100644 --- a/app/views/devise/sessions/new.html.haml +++ b/app/views/devise/sessions/new.html.haml @@ -1,13 +1,10 @@ = form_for(resource, :as => resource_name, :url => session_path(resource_name)) do |f| - #user - %p.username = f.label :username = f.text_field :username %p.user_network - @tom.joindiaspora.com - + ="@#{request.host}" %p = f.label :password diff --git a/app/views/groups/index.html.haml b/app/views/groups/index.html.haml index 1a187810f5093ef323a4d4fd51d9115afe45b090..e4e18829e671b268384ce4ff6d5e34cf68404247 100644 --- a/app/views/groups/index.html.haml +++ b/app/views/groups/index.html.haml @@ -1,7 +1,6 @@ -%h1 - stream for - = link_to 'everybody', root_path -= render "shared/publisher", :group_ids => :all +- content_for :page_title do + Home + %ul#stream - for post in @posts = render type_partial(post), :post => post unless post.class == Album diff --git a/app/views/groups/show.html.haml b/app/views/groups/show.html.haml index 8cf7bbfbfc74421697045347717c02f64b58a2d7..822a33ef43ca024969652587db4b0c79b7d8c743 100644 --- a/app/views/groups/show.html.haml +++ b/app/views/groups/show.html.haml @@ -1,7 +1,6 @@ -%h1 - stream for - = link_to @group.name, @group -= render "shared/publisher", :group_ids => :all +- content_for :page_title do + Home + %ul#stream - for post in @posts = render type_partial(post), :post => post diff --git a/app/views/layouts/application.html.haml b/app/views/layouts/application.html.haml index 7bdd0f5e16b2ad49a53e79c8bddfaeb6f0d7d8d1..3c70d3a8a2b7d7dee3bd7788e0decacfed9e56cc 100644 --- a/app/views/layouts/application.html.haml +++ b/app/views/layouts/application.html.haml @@ -50,19 +50,29 @@ = owner_image_tag = link_to current_user.real_name, current_user.person %li.requests= link_to "requests (#{@request_count})", requests_path, :class => new_request(@request_count) - %li.settings= link_to "settings", edit_user_path(current_user) + %li.settings= link_to "edit profile", edit_user_path(current_user) %li.logout= link_to "logout", destroy_user_session_path = render "shared/group_nav" + #group_header + .container + .span-5.last + - if @group == :all + %h1 + = link_to "All Groups", root_path + - else + %h1 + = link_to @group.name, @group + + .page_title + = yield :page_title + + .span-19.last + = render "shared/publisher", :group_ids => :all + .container .span-5.last - %h1 - - if @group == :all - = link_to "Everybody", root_path - - else - = link_to @group.name, @group - = render "shared/group_friends" .span-19.last diff --git a/app/views/layouts/session_wall.html.haml b/app/views/layouts/session_wall.html.haml index 989bf061f52a7639aa7ff5b408db8c0e26380e65..945ddab923cb9a7a505d50d8cb211c929ea66cfc 100644 --- a/app/views/layouts/session_wall.html.haml +++ b/app/views/layouts/session_wall.html.haml @@ -2,20 +2,19 @@ %html %head %title - = "diaspora" + DIASPORA | login %meta{"http-equiv"=>"Content-Type", :content=>"text/html; charset=utf-8"}/ %meta{"http-equiv"=> "X-UA-Compatible", :content =>"chrome=1" } - = stylesheet_link_tag "blueprint/screen", :media => 'screen' = stylesheet_link_tag "sessions" /= javascript_include_tag"http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" = javascript_include_tag 'jquery142', 'google' = javascript_include_tag 'jquery.infieldlabel' - = javascript_include_tag 'session_wall.js' :javascript $(document).ready(function(){ - $("#user_email").focus(); + $("#user_username").focus(); + $("label").inFieldLabels(); }); = csrf_meta_tag @@ -44,7 +43,7 @@ - flash.each do |name, msg| = content_tag :div, msg, :id => "flash_#{name}" %div#huge_text - diaspora + DIASPORA* = yield /= link_to "signup", "/signup" diff --git a/app/views/photos/show.html.haml b/app/views/photos/show.html.haml index 27afac74ce595e2a50e224ddef30ef0d29f189c6..51c7234f5158bfd70a0e70b3ce417248cddb46e5 100644 --- a/app/views/photos/show.html.haml +++ b/app/views/photos/show.html.haml @@ -10,8 +10,10 @@ } }); += content_for :page_title do + = link_to "Photo", @photo + -.back= link_to "⇧ #{@album.name}", album_path(@album) %h1.big_text = @photo.image diff --git a/app/views/posts/_debug.haml b/app/views/posts/_debug.haml index a5cb32b7be5621102173de64e4e822ae6bf8f5fc..ad1b3f1d828d55219b71ef710852dc1f9968593b 100644 --- a/app/views/posts/_debug.haml +++ b/app/views/posts/_debug.haml @@ -1,6 +1,6 @@ #debug_info %h5 DEBUG INFO - #debug_more + #debug_more{ :style => "display:none;" } %ul %li %b params diff --git a/app/views/shared/_group_nav.haml b/app/views/shared/_group_nav.haml index 6e400001dccb3658655711eb6b9f174839da0791..730672333f6771b8f00a180497c4f0e504840249 100644 --- a/app/views/shared/_group_nav.haml +++ b/app/views/shared/_group_nav.haml @@ -17,3 +17,4 @@ .yo{ :style => "display:none;"} #add_group_pane = render "groups/new_group" + diff --git a/app/views/shared/_publisher.haml b/app/views/shared/_publisher.haml index 73f151e432399f804a8f1c32afefefdf457a0c1f..5fae9abff4e49e2250e6f213274822a45a940648 100644 --- a/app/views/shared/_publisher.haml +++ b/app/views/shared/_publisher.haml @@ -6,11 +6,12 @@ %p %label{:for => "status_message_message"} Message = f.text_area :message, :rows => 2 - - %ul.group_selector + + %ul.group_selector{ :style => "display:none;"} going to... - for group in @groups %li = check_box_tag("group_ids[]", group.id, @group == :all || current_group?(group) ) = group.name - = f.submit "Post" + + = f.submit "Share" diff --git a/app/views/users/new.html.haml b/app/views/users/new.html.haml deleted file mode 100644 index 84b971b6e68a5fdd4c49b090424448629bb4b818..0000000000000000000000000000000000000000 --- a/app/views/users/new.html.haml +++ /dev/null @@ -1,13 +0,0 @@ -- title "New User" - -= form_for @user do |f| - = f.error_messages - %p - = f.label :password - %br - = f.password_field :password - %p - = f.submit - - -%p= link_to "Back to List", users_path diff --git a/app/views/users/show.html.haml b/app/views/users/show.html.haml deleted file mode 100644 index b678b43776639f8e94c990c6eb1d7796848918ac..0000000000000000000000000000000000000000 --- a/app/views/users/show.html.haml +++ /dev/null @@ -1,11 +0,0 @@ -.span-20.last - %h1= "#{@user.real_name}" -- if @user_profile - %p - %b url - %p - = @user.url - %p - %b Serialized Key - %p - = @user.serialized_key diff --git a/public/javascripts/photos.js b/public/javascripts/photos.js deleted file mode 100644 index 8b137891791fe96927ad78e64b0aad7bded08bdc..0000000000000000000000000000000000000000 --- a/public/javascripts/photos.js +++ /dev/null @@ -1 +0,0 @@ - diff --git a/public/javascripts/session_wall.js b/public/javascripts/session_wall.js deleted file mode 100644 index fd8636236b9ac7b91b4da09718dacdf189b05b0e..0000000000000000000000000000000000000000 --- a/public/javascripts/session_wall.js +++ /dev/null @@ -1,5 +0,0 @@ - -$(document).ready(function(){ - $("label").inFieldLabels(); -}); - diff --git a/public/javascripts/stream.js b/public/javascripts/stream.js index 82d971f3eb508c2ee086834eebf3454860d9628f..d1d91351ab48898ee4941572124e99adef764d97 100644 --- a/public/javascripts/stream.js +++ b/public/javascripts/stream.js @@ -1,11 +1,10 @@ $(document).ready(function(){ - $('.comment_set').each(function(index) { var $this = $(this); if($this.children().length > 1) { - var show_comments_toggle = $this.parent().prev().children(".show_post_comments"); - show_comments_toggle.click(); - }; + var show_comments_toggle = $this.parent().prev().children(".show_post_comments"); + show_comments_toggle.click(); + } }); });//end document ready @@ -19,12 +18,15 @@ $("#stream li").live('mouseout',function() { $(".show_post_comments").live('click', function(event) { event.preventDefault(); - if( $(this).hasClass( "visible")) { - $(this).html($(this).html().replace("hide", "show")); - $(this).closest("li").children(".content").children(".comments").fadeOut(100); + + var $this = $(this); + + if( $this.hasClass( "visible")) { + $this.html($(this).html().replace("hide", "show")); + $this.closest("li").children(".content").children(".comments").fadeOut(100); } else { - $(this).html($(this).html().replace("show", "hide")); - $(this).closest("li").children(".content").children(".comments").fadeIn(100); + $this.html($(this).html().replace("show", "hide")); + $this.closest("li").children(".content").children(".comments").fadeIn(100); } $(this).toggleClass( "visible" ); }); diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css index 709db609b39e9eedafa12ace0d10b033a5ef263b..1bc9132e6b82172f9a22b0e3d619cb78183c7760 100644 --- a/public/stylesheets/application.css +++ b/public/stylesheets/application.css @@ -24,7 +24,7 @@ a { #flash_notice, #flash_error, #flash_alert { - z-index: 3; + z-index: 100; top: 32px; position: absolute; color: black; @@ -75,8 +75,9 @@ header { color: black; background-color: #333333; padding: 0; - border-bottom: 1px solid #555555; } + border-bottom: 1px solid #cccccc; } header #diaspora_text { + z-index: 6; position: absolute; display: inline; font-family: "BrandonGrotesqueLightRegular"; @@ -95,9 +96,26 @@ header { position: relative; display: inline; float: right; + z-index: 3; padding-right: 10px; } header #session_action a.new_requests { color: #df0101; } + header #group_header { + z-index: 5; + text-shadow: 0 2px 0 white; + background-color: #eeeeee; + border-top: 1px solid #555555; + height: 85px; } + header #group_header h1 { + margin-bottom: 0; + margin-top: 15px; } + header #group_header a { + color: #111111; } + header #group_header a:hover { + background: none; + color: #333333; } + header #group_header .page_title { + text-transform: uppercase; } #show_filters { z-index: 100; @@ -120,6 +138,8 @@ ul#stream { list-style: none; padding: 12px 0; border-bottom: 1px solid #eeeeee; } + ul#stream > li:first-child { + padding-top: 0; } li.message { position: relative; @@ -282,7 +302,10 @@ ul.comment_set { font-size: larger; } #debug_info { - margin-top: 20px; } + margin-top: 20px; + color: #cccccc; } + #debug_info h5 { + color: #cccccc; } input[type='text'], textarea { font-family: "lucida grande", "sans-serif"; @@ -313,8 +336,7 @@ label { color: #999999; position: relative; height: 63px; - margin-bottom: 10px; - border-bottom: 1px solid #666666; } + margin-top: 20px; } #publisher .avatar { float: left; margin-right: 15px; } @@ -326,31 +348,12 @@ label { #publisher form input[type='submit'] { float: right; margin-right: 20px; - margin-top: 28px; } + margin-top: 26px; } #publisher textarea { - width: 485px; + width: 600px; height: 40px; - margin-top: 0; } - #publisher ul.group_selector { - left: 510px; - padding: 0; - margin: 0; - width: 110px; - z-index: 10; - position: absolute; - height: auto; - overflow: visible; - list-style: none; } - #publisher ul.group_selector > li { - height: auto; - font-size: smaller; - padding: 2px; - display: none; - background-color: #eeeeee; } - #publisher ul.group_selector > li:active { - background-color: yellow; } - #publisher ul.group_selector:hover li { - display: block; } + margin-top: 0; + -webkit-box-shadow: 0 1px 0 white; } #publisher .button { margin-left: 100px; } @@ -484,15 +487,15 @@ h1.big_text { background-color: #444444; } #group_nav ul > li:hover a { color: #999999; } - #group_nav ul .selected { - font-weight: bold; - background-color: white; - border-bottom: 1px solid white; - color: black; } - #group_nav ul .selected:hover { - background-color: #eeeeee; } - #group_nav ul .selected a { + #group_nav ul > li.selected { + font-weight: bold; + background-color: #eeeeee; + border-bottom: 1px solid #eeeeee; color: black; } + #group_nav ul > li.selected:hover { + background-color: #efefef; } + #group_nav ul > li.selected a { + color: black; } #add_photo_loader { position: absolute; diff --git a/public/stylesheets/sass/application.sass b/public/stylesheets/sass/application.sass index 2e9454234ab56f0047667ff5969d3c4b0ad2a3b4..4b23cecfc77957a38c63638d09e0a1eb78a8163a 100644 --- a/public/stylesheets/sass/application.sass +++ b/public/stylesheets/sass/application.sass @@ -25,7 +25,7 @@ a #flash_notice, #flash_error, #flash_alert - :z-index 3 + :z-index 100 :top 32px :position absolute :color #000 @@ -82,9 +82,10 @@ header :color #333 :padding 0 :border - :bottom 1px solid #555 + :bottom 1px solid #ccc #diaspora_text + :z-index 6 :position absolute :display inline :font @@ -109,11 +110,37 @@ header :position relative :display inline :float right + :z-index 3 a &.new_requests :color #DF0101 :padding-right 10px + #group_header + :z-index 5 + :text-shadow 0 2px 0 #fff + :background + :color #eee + :border + :top 1px solid #555 + :height 85px + + h1 + :margin + :bottom 0 + :top 15px + + a + :color #111 + &:hover + :background none + :color #333 + + .page_title + :text + :transform uppercase + + #show_filters :z-index 100 :position absolute @@ -136,6 +163,10 @@ ul#stream :border :bottom 1px solid #eee + > li:first-child + :padding + :top 0 + li.message :position relative :line-height 140% @@ -349,6 +380,10 @@ ul.comment_set #debug_info :margin-top 20px + :color #ccc + + h5 + :color #ccc input[type='text'], textarea @@ -385,9 +420,7 @@ label :position relative :height 63px :margin - :bottom 10px - :border - :bottom 1px solid #666 + :top 20px .avatar :float left @@ -397,7 +430,7 @@ label p :position absolute :left 0 - + form :display inline @@ -405,41 +438,16 @@ label :float right :margin :right 20px - :top 28px + :top 26px textarea - :width 485px + :width 600px :height 40px :margin :top 0 - ul.group_selector - :left 510px - :padding 0 - :margin 0 - :width 110px - :z-index 10 - :position absolute - :height auto - :overflow visible - :list - :style none + :-webkit-box-shadow 0 1px 0 #fff - > li - :height auto - :font-size smaller - :padding 2px - :display none - :background - :color #eee - - &:active - :background - :color yellow - - &:hover li - :display block - .button :margin-left 100px @@ -570,6 +578,7 @@ h1.big_text :position relative :color #000 + #group_edit_button :display inline :margin @@ -601,7 +610,6 @@ h1.big_text :margin :right 0.5em :padding 3px 8px - :border 1px solid #555 &.last-child @@ -621,21 +629,19 @@ h1.big_text a :color #999 - - - .selected - :font - :weight bold - :background - :color #fff - :border - :bottom 1px solid #fff - :color #000 - &:hover + &.selected + :font + :weight bold :background :color #eee - a + :border + :bottom 1px solid #eee :color #000 + &:hover + :background + :color #efefef + a + :color #000 #add_photo_loader :position absolute diff --git a/public/stylesheets/sass/sessions.sass b/public/stylesheets/sass/sessions.sass index 34602615e7c15c88f6780bd13b000d91fa3de3f5..810450a6fbcbd499e16e005bd47128e6e1f73f82 100644 --- a/public/stylesheets/sass/sessions.sass +++ b/public/stylesheets/sass/sessions.sass @@ -1,28 +1,55 @@ +@font-face + :font-family 'BrandonGrotesqueLightRegular' + :src url('brandongrotesque_light/Brandon_light-webfont.eot') + :src local('☺'), url('brandongrotesque_light/Brandon_light-webfont.woff') format('woff'), url('brandongrotesque_light/Brandon_light-webfont.ttf') format('truetype'), url('brandongrotesque_light/Brandon_light-webfont.svg#webfont') format('svg') + font + :weight normal + :style normal + +/* via blueprint */ +html + :font + :size 100.01% + +/* via blueprint */ body - :padding 2em + :font + :size 75% + :family "Helvetica Neue", Arial, Helvetica, sans-serif + :color #222 + :background #fff + + :margin + :left 2em + +/* via blueprint */ +input[type=text], +input[type=password], +textarea, select + :background + :color #fff + :border 1px solid #bbb + +/* via blueprint */ +input[type=text]:focus, +input[type=password]:focus, +input.text:focus, +input.title:focus, +textarea:focus, select:focus + :border + :color #666 #huge_text - :display inline block :font :size 40px - :weight bold + :family 'BrandonGrotesqueLightRegular' :line-height 120px - :letter - :spacing -2px - :color #eaeaea + :color #333 :text-shadow 0 1px 1px #999 - span - :display inline - :color #666 - input :font - :size 30px - :width 200px - :margin - :bottom 0 - :top 0 + :size 14px form p :position relative @@ -31,8 +58,9 @@ form p label :color #999 :position absolute - :top 3px - :left 0.48em + :padding + :top 7px + :left 8px :font :size 14px :weight normal @@ -40,18 +68,10 @@ label input[type='text'], input[type='password'] :font - :family 'lucida grande', 'sans-serif' - :size 14px + :family "Helvetica Neue", Arial, Helvetica, sans-serif :padding 0.3em - :display block :width 395px - :box-shadow 0 2px 0px #fff - :-webkit-box-shadow 0 2px 0px #fff - :-moz-box-shadow 0 2px 0px #fff :border-top 1px solid #999 - :height auto - :border-radius 3px - :-moz-border-radius 3px #user :display inline diff --git a/public/stylesheets/sass/ui.sass b/public/stylesheets/sass/ui.sass index e680232e6852940ee846f7ecc9ba7581dd2f4ca5..4ab3ace9dc9f95bcf953c2b90318229af95101ac 100644 --- a/public/stylesheets/sass/ui.sass +++ b/public/stylesheets/sass/ui.sass @@ -48,6 +48,9 @@ :border :top 1px solid #ccc +input.button + :padding 5px + :bottom 6px ul.button_set diff --git a/public/stylesheets/sessions.css b/public/stylesheets/sessions.css index f4c48299b7372ac53ddde5f08fa51ad6faff1cf9..c480c899c9e2c787e54cee9c7d3d32d9356960ea 100644 --- a/public/stylesheets/sessions.css +++ b/public/stylesheets/sessions.css @@ -1,23 +1,43 @@ +@font-face { + font-family: "BrandonGrotesqueLightRegular"; + src: url("brandongrotesque_light/Brandon_light-webfont.eot"); + src: local("☺"), url("brandongrotesque_light/Brandon_light-webfont.woff") format("woff"), url("brandongrotesque_light/Brandon_light-webfont.ttf") format("truetype"), url("brandongrotesque_light/Brandon_light-webfont.svg#webfont") format("svg"); + font { + weight: normal; + style: normal; } } + +html { + font-size: 100.01%; } + body { - padding: 2em; } + font-size: 75%; + font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; + color: #222222; + background: white; + margin-left: 2em; } + +input[type=text], +input[type=password], +textarea, select { + background-color: white; + border: 1px solid #bbbbbb; } + +input[type=text]:focus, +input[type=password]:focus, +input.text:focus, +input.title:focus, +textarea:focus, select:focus { + border-color: #666666; } #huge_text { - display: inline block; font-size: 40px; - font-weight: bold; + font-family: "BrandonGrotesqueLightRegular"; line-height: 120px; - letter-spacing: -2px; - color: #eaeaea; + color: #333333; text-shadow: 0 1px 1px #999999; } - #huge_text span { - display: inline; - color: #666666; } input { - font-size: 30px; - width: 200px; - margin-bottom: 0; - margin-top: 0; } + font-size: 14px; } form p { position: relative; @@ -26,25 +46,17 @@ form p { label { color: #999999; position: absolute; - top: 3px; - left: 0.48em; + padding-top: 7px; + left: 8px; font-size: 14px; font-weight: normal; } input[type='text'], input[type='password'] { - font-family: "lucida grande", "sans-serif"; - font-size: 14px; + font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; padding: 0.3em; - display: block; width: 395px; - box-shadow: 0 2px 0px white; - -webkit-box-shadow: 0 2px 0px white; - -moz-box-shadow: 0 2px 0px white; - border-top: 1px solid #999999; - height: auto; - border-radius: 3px; - -moz-border-radius: 3px; } + border-top: 1px solid #999999; } #user { display: inline; diff --git a/public/stylesheets/ui.css b/public/stylesheets/ui.css index 6a0dd88506bc16d1bbf02c729fe9e9425bc3a1f4..685087fbc3368303a9ab8af462c7e4c0804df059 100644 --- a/public/stylesheets/ui.css +++ b/public/stylesheets/ui.css @@ -32,6 +32,10 @@ background: -moz-linear-gradient(top, #f0f0f0, #fafafa); border-top: 1px solid #cccccc; } +input.button { + padding: 5px; + padding-bottom: 6px; } + ul.button_set { padding-left: 0; padding-right: 0; }