From e6d2f51675b2b120ad8623c53610f4ce53f9658e Mon Sep 17 00:00:00 2001
From: danielvincent <danielgrippi@gmail.com>
Date: Tue, 27 Jul 2010 16:08:28 -0700
Subject: [PATCH] more visual recovery

---
 public/images/loader.gif        | Bin 0 -> 1623 bytes
 public/stylesheets/sass/ui.sass | 122 ++++++++++++++++++++++++++++++++
 2 files changed, 122 insertions(+)
 create mode 100644 public/images/loader.gif
 create mode 100644 public/stylesheets/sass/ui.sass

diff --git a/public/images/loader.gif b/public/images/loader.gif
new file mode 100644
index 0000000000000000000000000000000000000000..570a3cb9e6f6f6df33ab90a0763ea63747a4dabf
GIT binary patch
literal 1623
zcmdVY`A?Gv7zgn8ecQg2OG=?oTd;lU!Aq&NCr6>>?LjX<%7AdlM$6G~ly>E41py1S
z1q-xgL<DszI@B?ZsF}KCixZWYh%=MTUv`lliJOVjWGpdDwqf=w{sDV_f0EDl`96B1
zE-&9o0!YB00FaT9!Dh30JRYCVmq;WzIXMLd1xlq7!?2Q)lG4&rv)No#RaH|{)7aS9
z*4AdX+k1L?+-`S&fB*3C@W{x>)YMcs9G;(_&&<q3QB)`t%H?vcR%<XA%FD|uDk`e0
ztLy6O8X6ib7K_bh>+9?DdcA=_AQ%ja#p2xD-2D7}lgZTC+1b_A<#M?~q0sd7G?&Yj
zN~J25N~hD+*Vp&<_D)PpL?RImhhsDv9S(;;AgHXY+_PtoMx!Y!E32)o9UmVD{%?c)
z6T7##s#2pe7mEc#9Ju92{@z_?ZE0mT^)pMltv&5s?cG-9-qw!hwpO>5iF!O9f!%3s
zX?NJ10!M3a7J$6MgE3o+{MX@M_X-ePOlD{-IlY+&-^Q#|*@dQ;g%1e(2&4-M6UE{Y
zBObov+`QS4;ny{j^3Y1yfL~}@+%cIwwaGH@NMJl>_+#zqV#h|x$bn~Gc{M4FKfuD*
z!&y*lOt(FOq<|GrOmxs5*^$ukPNy3^ev*f5qkxAn@4FXX4T|ryh$UBRwez=u{I&gs
zzVUUbX#q1n`V|i?m^rcV3@z^7d2>KhbM3p8CSt<<$O*F=mqs%U5eQW~Gq{Yv5RFJ5
znhb?$@C@Mdhj*Sb(%vtrszx&W!F1x{5EJp!XLb^afzvdkd+1Ui4gM^=qE>Au8rTvM
z%^yN{e}2K7P6NP}$3#mNFK+hPm5il^%U}PtDgU%7<!G`na0P%=K)}tZaUx`J2E`9}
zP4*;laygORZ;YpgguvmqO>rSA**t3EkptywmkETjkAb`6I?Yl1rSmZrx{8ZSW&;?r
z`^Lwf8Q(3_n>lk2#|=MjxYyZZIxjLRX(L}}B_}^#Q=WD%zQ_DR{qPJ)DoB#;<q)O&
zizb-g-ft&<c@joN`HZ)Qy{KH|m$(cPn4Q<IuF$fBta^1$T?Z_pQuF&XGMOHSlP*xv
z#UuKNjE4A_9toXZymZ`C{zi_0PXi0^O=E@6=V)V^Yv0)C?xdG5fXgvn_2nDL^W=%=
z5dy2(Pm{geH%O12^evx8=`sa{YatX47kfu71>NKPew!O0cJXcesOtE5f>0z99OdJ<
zRB96URDzz6dM-6aAh76g$>%6Iy*7#~94OwFb8xGy*BsENqUOQJXt2gNNXE(b&FFC2
zgAc8rpW}2m;y#+Ik6XT{Us&Bpa&&C|^r*Mf@zli_EORtiZC*oeikv;BEGlx+v#3<L
z2?mQYxw|yVBh(ZQiWV_4(NmftG>gSeNl8>Pb~)8bI>^decG(z=Pqu%c{{KvVzj_0W
z<KqgyU$1LPpXE`ovk@}x$uH(>W;5tp!Aies3q%FiK9IrE2SnQsc~=cYU|>*B@B%Jz
z5<%~2YTzak?UqRmC=iJfJx+e2ViuS?rifAqj0#1cAwj^8rBH_IrpCG4sM2D>CGB<>
ziaP8CMtz6;hcG$_(CGmmQ>#TFnJfqfeVCR?P0fZd094KT=qFBQ`yiES{wyn1&R#w{
zHwv-HoV4o~gKBLmnik4NU|{9$YJiTcVj42@)+h)qV`}8gAqetEQz*<04RSr2Oi@GX
e-y!75@{4FFEs?x>GX$&$2LH;v-?)GQ1^)thPqD-R

literal 0
HcmV?d00001

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