MS figured out moz gradient business

app/views/people/show.html.haml

@@ -20,9 +20,6 @@
       %b url:
       = @person.url
   
-
-
-
   .span-20
     - if @person.posts
       %h3= "stream - #{@post_count} item(s)" 

public/stylesheets/application.css

@@ -238,10 +238,8 @@ ul.comment_set {
     .request_buttons > li:first-child {
       margin-right: 1em; }
 
-#show_photo {
+#show_photo img {
-  text-align: center; }
+  max-width: 100%; }
-  #show_photo img {
-    max-width: 100%; }
 
 #debug_info {
   margin-top: 20px; }
@@ -344,23 +342,37 @@ ul#publisher_content_pickers li {
     -moz-border-radius: 3px; }
 
 .field_with_submit input[type='text'] {
-  width: 80%;
+  width: 85%;
   display: inline; }
 
-h1.big_text {
+.button {
-  border-top: 2px solid #666666;
+  font-size: 12px;
-  border-bottom: 1px solid #666666;
+  line-height: 100%;
-  text-align: center; }
+  text-shadow: 0 1px 0 white;
+  color: #666666;
+  background: -webkit-gradient(linear, 0% 29%, 0% 85%, from(#fafafa), to(#e0e0e0));
+  background: -moz-linear-gradient(top, #fafafa, #e0e0e0);
+  padding: 5px;
+  height: 14px;
+  display: inline;
+  border: 1px solid #cccccc;
+    border-bottom: 1px solid #666666;
+    border-left: 1px solid #999999;
+    border-right: 1px solid #999999;
+    border-radius: 3px;
+  box-shadow: 0 1px 1px #cccccc;
+  -webkit-box-shadow: 0 1px 1px #cccccc;
+  -moz-box-shadow: 0 1px 1px #cccccc;
+  cursor: pointer; }
+  .button:active {
+    box-shadow: 0 0px 2px black;
+    -webkit-box-shadow: 0 0px 2px black;
+    -moz-box-shadow: 0 0px 2px black;
+    color: #555555; }
+  .button a {
+    display: block;
+    color: #444444; }
 
-.back {
+.right {
-  position: absolute;
+  float: right;
-  left: 0;
+  margin-top: 6px; }
-  font-size: 12px; }
-
-.sub_header {
-  font-size: 1em;
-  font-style: italic;
-  color: #999999;
-  margin-top: -5px;
-  margin-bottom: 1em;
-  text-align: center; }

public/stylesheets/sass/application.sass

@@ -287,14 +287,11 @@ ul.comment_set
       :margin-right 1em
 
 #show_photo
-  :text
-    :align center
   img
     :max-width 100%
 
 
 
-
 #debug_info
   :margin-top 20px
 
@@ -424,33 +421,59 @@ ul#publisher_content_pickers li
 
 .field_with_submit
   input[type='text']
-    :width 80%
+    :width 85%
     :display inline 
 
-
+.button
-h1.big_text
-  :border
-    :top 2px solid #666
-    :bottom 1px solid #666
-  :text
-    :align center
-
-
-.back
-  :position absolute
-  :left 0
   :font
     :size 12px
 
-.sub_header
+  :line-height 100%
-  :font
-    :size 1em
-    :style italic
-  :color #999
-
-  :margin
-    :top -5px
-    :bottom 1em
 
   :text
-    :align center
+    :shadow 0 1px 0 #fff
+
+  :color #666
+
+  :background -webkit-gradient(linear, 0% 29%, 0% 85%, from(#FAFAFA), to(#E0E0E0))
+  :background -moz-linear-gradient(top, #FAFAFA, #E0E0E0)
+  
+
+  :padding 5px
+  :height 14px
+
+  :display inline
+
+  :border 1px solid #ccc
+    :bottom 1px solid #666
+    :left 1px solid #999
+    :right 1px solid #999
+    :radius 3px
+
+  :box-shadow 0 1px 1px #ccc
+  :-webkit-box-shadow 0 1px 1px #ccc
+  :-moz-box-shadow 0 1px 1px #ccc
+
+  :cursor pointer
+
+  &:active
+    :box-shadow 0 0px 2px #000
+    :-webkit-box-shadow 0 0px 2px #000
+    :-moz-box-shadow 0 0px 2px #000
+
+    :color #555
+
+  a
+    :display block
+    :color #444
+
+
+.right
+  :float right
+  :margin
+    :top 6px
+
+    
+
+
+