more visual recovery

public/stylesheets/sass/ui.sass

+.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