From 3142bee4463dad94761b1e8a04b3ad3d850cf7fa Mon Sep 17 00:00:00 2001
From: Paradox <paradox460@gmail.com>
Date: Thu, 9 Jun 2011 12:19:21 -0700
Subject: [PATCH] Added a touch/hover state to options expandos

---
 r2/r2/public/static/compact/collapse.png | Bin 772 -> 365 bytes
 r2/r2/public/static/compact/parent.png   | Bin 646 -> 401 bytes
 r2/r2/public/static/compact/report.png   | Bin 779 -> 852 bytes
 r2/r2/public/static/compact/save.png     | Bin 488 -> 830 bytes
 r2/r2/public/static/compact/unsave.png   | Bin 730 -> 809 bytes
 r2/r2/public/static/css/compact.scss     |  32 +++++++++++++++++++----
 r2/r2/public/static/css/config.rb        |  24 +++++++++++++++++
 7 files changed, 51 insertions(+), 5 deletions(-)
 create mode 100644 r2/r2/public/static/css/config.rb

diff --git a/r2/r2/public/static/compact/collapse.png b/r2/r2/public/static/compact/collapse.png
index 6b5a474f0b2709d3744fe8fd3c5c635d7d454ad3..526c8537c14b7053ba7e58f546303b39e9d6b8a5 100644
GIT binary patch
delta 302
zcmV+}0nz@12JHfnNPhtjNkl<Zc-mt8|NlP&Eddh)jRDOqU_lpPWMt$8QawOyOrlw5
zfw%-1<eyPQL2-bLrKF_hpFDZ;(|-~HNDoLax_KBDoH%jf)4zZJ{*!}2deO~eL{CNk
zDNI(tAZElH2b3mTH1nx%0l`!R3`>d(WM*b2?1L{~zTD#B;eSad#bBVGnLs^i4A=}r
z#y@`i_}|ypS3s)EL3%)X(apmeM3*mLjsi080`W5<&6fh{!4|w&gQ%*iN}rRHbJD$g
z_kIy$x{{I-TVY|L6t)C{kq^Fp{Yp_X;^yXN9NNj0s5qc$eem<=&n@UljadBq_wU05
zEns6~iv>~#$R}{@0Tvb(KZ2=fv`(hG1pomC0MnpP`Qf;)-2eap07*qoM6N<$f-oeC
AZU6uP

delta 712
zcmV;(0yq8b0)z&TNPhyRNkl<Zc-mt8|NlP&O#zt}@S^eSfp{6ZIM{4*ED#kHJq)DO
zV1}<*v*yk9>({?ZNJy+fwuD>@ct3sm^vA}=<}{Gq12X(S6rfu|mIV$#@bBNh{~teo
z{IhG<uJ<4|GQM{08r%}HESNZPV!_|PfB)mdckbMI2UI5mGJl(e)bRQG^{W~oN6E>_
zJ<iU~{sLl?VgV>pzv$`d$>LK445mv=OicDHEG!>D4q?Kf&KQV`kWvamSXfwkMn;D5
z%a<=DK^n2)Teog~2@VcU1{n_1ht-1O;^N3fixy>DSXgWTayNl2D=8^aF*P-nG%+#3
zX@R)7IOn@}?|-HP)l1>cXg`1cYyjf>K>Qy>zkmOJ>ha^pD}Zc=BS(&Wf{Nq9?}1nW
zW;P?3U}QwkrD{k)#ULpuX{n>5!@GO;Zs8w4emH#o{P`3oC+AOKP@Dxye+1$OQ2c>|
zgX03S<B=@@d26Y#u&@9yD7ZiZj*gDt3}b0&$pfObw12eNMMOlb5)%{MfIfPC<Hij?
zsJ>@Fd;p01(2EKdq~ym2OaVr~6u^fog#ZnFHfz=_<3E4?*iD%-WhYQb7l;*rIa~4B
zvu8hzjg2w%z$2NPoBP4#%a^@?7X88%iNIj_qO7d^*2Tr;H&FcqAXWs58}jn<E>c%l
zUrMMn<$ndHf;DH)p8X08<Nw(3+O=yp18D^yb|AK-W<fH1{?@HqJylgzxp3uFU@7_*
z=vr8W5(U6Pl#q}hy=~hzcbMV0@YAPHFOyodus{p2AHWFyM@TU+6<sIQ0<aJG`S~9J
zld3(iB>aTM<r`q)^78V>$g%(g1Ox;wKrMNMWI^}>pm-q6av=Ky#dR{UED?C~=FLSQ
uJs(Y6fh@DJr5KPU)M`*L(z@9K5MTfV4=jPDv&yaj0000<MNUMnLSTYkKvOjU

diff --git a/r2/r2/public/static/compact/parent.png b/r2/r2/public/static/compact/parent.png
index 70c01b7ea6ea361a5c6e5e2f98959b8fc9c34ece..daa53280f56d83c9bc7ddc6f823199c60ab7e6de 100644
GIT binary patch
delta 338
zcmV-Y0j>Uq1(5@gNPht{Nkl<Zc-mt8|NlP&Eddh)jRDOqU_lpPWMn);iGjc%H$gEE
zOB_%dDU5i1Kxw1{LjZpe0YM`*;{YRw&|QEAilB5Ko;bi1K*o50@9f#LUxF}*jn4uU
z^N6&-Atxv2{;yxZ{(~@x4HPq`mIZ3@@$r{`{`~nL8T<PBo_`0)QECCNm6g@$*RNmy
z`SIh&e`E|2v$L~108&G)1-#<o;%i>MeEH|ww{QQk;X8Nk`~;~%wglZgoJB=XPY?g4
zOP6$cczBr6HNmi?q$C?i4M;7?$@I&YF9JZy049F%;>A{deSIq^`xua2jil`Y&><fv
zN~UYquHF3k^GoOdAPiy?n@m|qD8v~4{rg99aYB*>FoS7g0oes1v2pPJ{rd(W{tv|s
k#G1!AS|<;<1pomC0OV_bH>st<zyJUM07*qoM6N<$g5Uz382|tP

delta 585
zcmV-P0=E5;1BL~VNPhw-Nkl<Zc-mt8|NlP&EddLNU}R(@q)rNmQ-RnR%3lG*n}PT<
zK22c96Yv4Zz#eUF?LC(+T{`&p@85@i{``3~XU?4MVq#+3fpSGq%SpDt7l>y@M@MhI
zfB*jRfB*j72jT)C764)eAf6Aj=;6VG2ls$12db?HVl_e*@P7hv6cBIf?(Say?%lgH
zK!f%JaRN3MKrL$kS$_Tc^*zqc&LAJn1Y!ql78Hq!iXN`5t$p<D*|V>^cI~<u6&1A^
zs$nM7N9dpkCSPA)zyIF7dv8viI`uv#Cgu*vksymeW;22aV3@uP2?-JA<>h65`t<29
zpd~+%O?v(M^?x)!KfelOv8`LT9v2c4(nc23(9qz5nbFhJb70b>N$y}D{Qmv>KR&#7
z@7^qQ=bt`(`Y1j<SFc`u1Tvcm7FPJMt*z}bbPL$n*skEyqpGTU77-D+0WUDJe`1q3
zaNt1jwr$&P63Pcm_!QXL*%<@F^BFcdb93{v!0?tNDt{;A0@l{n&R@QK!D;~~C+CB2
z-@freGuks;X5jUKtgNgFD6DbG-@bkOL0VdxF+MZ!S|B4MqxAm$`(3!?zkmP!2<Q`g
zvV#Z|#><v1`-N1<p#Wep^3WIv@R<S5Xt+w#j~_q&4+{&sg-f%6fdQwLmDP8De}8pc
zsR*wHA3{ESAXr)4xN+l|g@uJQE(=%)mgf`#CQ1!ZS69D9Fb-%5m>6gbMlB!+00ImE
X|JZ&=!^?xi00000NkvXXu0mjfAJP`k

diff --git a/r2/r2/public/static/compact/report.png b/r2/r2/public/static/compact/report.png
index 6119b822cc825a89f911e15fcb8c17bf01e5bc8e..265d480e73926fc658bde8773ea4e91ba9bfac05 100644
GIT binary patch
delta 792
zcmV+z1LypU2Gj<SNq_c9L_t(|+N_p8NE=Zc$1ja!2nj}uOI)%T1Q7xiiWF(GbV)TK
zor}73Geg%7MG$f5R<Mu^I_Tz5<8T27?I2kKDOALo!3t?0*yj9`1TH4N{=Ub(<K?_d
z0`><V-tXS;`}@5=dGB%##+YPh4u@lwnwLa)dV1PDJUr|~e}A=FZRc{i2DyjCH)7AW
z2nH}i_Ke6Rlgab_{e6Ym7-G;stLO9{fNVAzjs7f^N-FEqphXUH9}IARe{TQ*W<)--
zKp_rv6f2Fsn$AJm?Y0J%xU{r%PChfSL4>$YAf(4S^r+FXT|6O?NF15P%gf6}lK3r(
z^GW%kG3TL{F@Hd-)zY@+;^IOjpNS}n(wdx{+=a#p#Go<fp_Z{#cXxNv%F2pNEwkeI
z__$88_t1%;4>7wu)YJxOHk*<x%L=v3j#MgD!CinBz(-%V9Mt5y6jW7}^<sX0{s;CP
zdiee1K<ivxU42Ej^o`WR!r}1KY&IL5n3#B-PN$!{Tz{@7y>i@ccWz*0WW?L;b-~T!
z@i=#Oc3wE0&Nlpha!`A~=kqnVxL7RK#>U2Gt;AbfTfy=1@lQ85H|;{9@Rn|F$x25x
z_NayjK59#iMk7QpP^naKW`pEQB4plpJbuJ=kw`=qVxk36gX>URs@Lm)apvaczUX}h
zfk5B`&3{bg8d?F4?mNUp({qhlT4$|RlTJ=fa?~=gy}kVhGeJMVwO?Ofukbi$ZEdX#
zoj7~s@;GX0y|=fwV1ZzqnVA{9=e-~niyetE5jt72UfhcuQ+z>-(2u5Zd3pJpS_V!}
zPgObr^62R3XZXC|Og^8-9({yX)S;H~r*(aOZGRkf;($Mt%jM?T*;#{T>FahBGnvfa
zsi`Ti-|u$`-I2k;!9#6;tE($fk7aF0kF!NOo}2u^d>av1{9nbj70~O}^39;HB+zH!
zUno8_G<5jj!-2jKx+P-EVno~~{*~CJuZ>OHFOwbvh!(=_*M0nO-{Da4u1Ws{7yvdL
W_7QjK&Otu_0000<MNUMnLSTZn8IpSd

delta 718
zcmV;<0x|v628#xeNq?<LL_t(|+SFA|Xc|!vj*^^;F`-BxQdz+k1cgGtTZmFT*^1|a
zV4=5yXpi>LUZfx;wFZ>-l3dav_7W@fAgEAG(}OhlgT;$QOC%8d--u?->r8RWbGy5=
zha5WavFyye?|VD*-mHQUvT&8AT)1Leq+b*Yg;>r#z!tzN@PF3;Ilw!>fDX)61z&gw
zY#s30>-E;t>2!w(tXi$I+uPeG8ja@DY!l*~5(2l3M&swBqoe-i<t33ruh-*n6R_s#
z-wLR#R%;Fy@+8ygv<uId02jatcm~MQLWxA;jQ<i@0fWKdYcv{TAVp$QsZ>~t#d24q
zH>yx5RN(Uvet*Beihfyva5!A&IF8Wpcs!+9Pkx(Dr+Z#5msvWm)9G+f+J|xi)^@wi
zU0hrc8t5~d%?I?!ipS$;!aM{t{!mgN7z{=ylL-++sZ?Tt_%R*;pU+p7%FE~TeMy02
zGWlUV9uq0-@9%%J+wJe66l1wOnsZU?{LU;V?CR#`=6_ASUVmq4Y3U2(P3c&_-#0HW
zFJJ%TD9~z|Oy=$R`8h#gDFmq-u~_UBjMHkhJ3^k_-Q7cetz?Oc#iEa8S%PpnoiX}I
zx?HY2A4{cD9l_{WM<2%O_4*G<f#Gn-00;u=jTdJFS2GOrq*kkq`540OcH_}iVccXg
z9q|5Uvw!(U_8ve9J`M&0f^aw-U%_=h8jYUvJ|3-Bi!arSLZQG?F^1+;&@%|9DKv|L
z^IV2TUV|M?Baz5SAP~4AHfFQgY!{z4n{5T3qtPh3wzl?Yj#DUr26M=RefyWW5A&#~
zR4TXBYIT?96#d~q(jFu|fcY|aX=IRt&HW-5az}}N0dH`jnAsTiNNoHV@M?8+bx-Pt
zBP&1&VU2Ikureb)2IB8x`H}+v<xl_01%3)J0LyoA)I!4C`~Uy|07*qoM6N<$f|=Q1
AssI20

diff --git a/r2/r2/public/static/compact/save.png b/r2/r2/public/static/compact/save.png
index fdce50ed33e1a19344f0ee1a9e7175afba321cce..7648be26051cbabd89d0775566af2333ab856043 100644
GIT binary patch
delta 770
zcmV+d1O5Ey1HJ~3NPhz0Nkl<Zc-o{^L2DXO5Pqi8f>zX^1+|CdQWI&R;wiU452Civ
z99xj4f`=U2V=ny#LZC?KK|&AqP*UunhaP$e1}e5lp@KzdP}C>}qh>Y6t!rLqmR;Gb
zyK6!QK4$j4`M%lRH}CE0D5XTrbUK|6++zTGr_E-&f#a=KYkv%`4#)w%2wvH+fE*|W
zcozzVio3hJty-<dQkmfx&S4Jb3Y^&mz*d)+mowRHmZ6t4%ta1zrwW{(pHF}Z;c)ox
z$;k-^*Yqkt4sxf8jK^ah_=xN4>v@Rjb$}WdUYA(F>-B!<cDtMwxmvC6mrA8KS~;kJ
zT9X1C$D#9OGJhEcVycBorSc5?!mK>h5;~8N(P%`X(dZ6%dI?xCA3CTuD;G6Ue-1k*
z7z{pAYF8-^4-fx<?_vyh`E6D{YVv!DWm!_M*IB32d6Q_{E5MczKLq^JN(Rk;i;Ii5
zFg6W`Ln=igk*LD>bBM_-2<D4KB0uChs7+$A*xj?UGk+?@(a{mNxw%;pcPNYzCGY}-
zybc5c#e;(bR<48EWH1<508|O-bedUOTFO97l;Co?-fnMiH`Vy4t;0k-G1T7W>FMdn
zXf!IWPoYrAdpw@|YFvZCpyRu!)9G~8x&b<-C&oZ90i5Es*=)|K@lbQprf`@0YKd?(
ze?<>ZaevQlw|{iI-Jc+Sf@2PcV@r*Pn*3w*dOgG{fT{owFW<__%Fkl4$Tk`cZewGk
zgo}$@*dNClJVF?T;n8e1zk{bzfY=Cy{C<BC`kIr@#pCfNc3Co+{4M99*5soF$E+CR
z8I#xR^|!@=e!o9XrBcUm4Bt^&#9S`d<2QlNXM2*IZGF&q0P9oc3&80o<vazX$n|W^
zVzGP{FXm*EII#vF5az0?0_TD_{{+xZO8E<b9mP+evh4w0TCLXd)Q>~E-PR&vffs^b
zkj<3^;rH|N^Lwg)CNm1i%_8{8!hyIZ;lBU_0Qn_iOu8ovbN~PV07*qoM6N<$f*@CT
A(*OVf

delta 426
zcmV;b0agCK2IvEjNPhu}Nkl<Zc-mt8|NlP&EddLNU}R(@MlCN8`vS2MlnnyUfOrcK
zpT(t#5#$3REN~DN6>ZMU%#^pawdLjG<6{O1K7Rc8*ZleO-)`Ny^#G7t0>qy&bP^Fn
zzOk{fcRqgn_~+lhfB&)J6DLl55)%{Kj^s1E7J!0bCKRU?7Jn9A|NHmve?s`tqenkw
zWMn22vY;q8H~0SW<HtXNa8FOqv-j`c{{e#k#NeGfcfJRjA%)X|*|TTA{Qdj)e@d{Y
zr)NG+3x56j^`BC_Y}vAv$mTO4vFkyWQHq~FeQFDeJ9HnUEnmL;&G+x$|5F2Zb#;OA
zM-<$G-rnB(-+#V+`%g_=TU&b@p3z>ueEElmhliP(MZ}jcU;au+NXUVU3T|$0W@?v7
zATxm>BMbJy=g*&MRpKc!LA`T}8Yu`F1LNTZu*`Y@wt$O^E1lXFaBy&B!t;TEfWQHu
zpd%1Jpn~BbGXjBTZopbxzkB!20AwebVg5l#NazAaeIr0iz{EgfFlxcTTL2JX0Ad04
UY~`hj761SM07*qoM6N<$f`d}g2LJ#7

diff --git a/r2/r2/public/static/compact/unsave.png b/r2/r2/public/static/compact/unsave.png
index 1c69b080abc30e36f8258e5b6a112a8ed31e020e..73becd0210a289f8bd8534913e3209fea1c3faf9 100644
GIT binary patch
delta 748
zcmV<I0u%k(1*ry*Nq@^pL_t(|+N4%JXj)Mee*R3_VvM0ehv1Mwhf-3>?w&e0rXYQV
z1}ZM41nMA^PMt!xLZ`H-RY6E79Se1;1X4=L)KD-H5d=wJjEW|j+w)!Slbh>bB?rEo
z`_6aHcW&OhKUx@L+9b1BEJ1P)3GjE9mX>UYHyVurxf<aI;eU(p;|&c|K#cHyeSQ6R
zp-^a4tJNM;3^8!XL9VEo-GD3<2n0&|`}<AypN3r2pmwCe)z#GyNQg$Gf6mU%`t;1^
z0cub?(qu3gaNu9mb^VaW>?VN5wbx}fSY2KHWEe*OrVXG0tzm<HzYiBIl}b$-GZPmV
z7r)3a5Og`N;D0%CMD8#SEwS=6?eg+c+uYpTA<twiFE76VC!njmh;a?S-~UwQp~*?=
zuI=vbR>(6M`Fy@X^egZJy2R^doGhG7CP(U_$s6=~J*`|Wlj|`Rxm=DnL5@I3fImY#
z9*>vD)k4$!47a=8E}MjGHj5@<8f!A}jv+p+7TUJ$?SJh%YinySChc^3zm8xqSXo(F
z`6|bKK3{liYb&ZvvBky3ca~14vq0m&+H{K$_LLYl)VCRRZY%vUW+Xi^#T^buh!7U>
zqTnVP<r;RJKeRcF1+od^A24t_o#Bm*jkj*M+eU>C+U@phlOx+v3!%vetyW7rIy(AH
zp2?`yYJV@m0r<$VSgdSvnM{VSF2QLhCnwL;dT4U;{QMjU5tt0G*IU3UAUuM&%BRz5
z-UK<wRe5Og2F+%Zqh7CnC(leA92~Sg9?#E2B2kg!GE%8j13Ac*<IoyjT6D|~S00@s
zhjzRDmUaUpjTUL#bGcl{c(zKH&9Tj9i;lbD=4AmiOmW^onE;k!gf5WgyfYUy5n7Db
z_KS7QEcWQKzfZn6$IOeUQN{T;I6Xa`HZiP($HMy*?pSQLk8~syC;l>-(LgnGGaAx)
eGqvEK00RJEj7pLbo3GFS0000<MNUMnLSTZW?Pe?h

delta 669
zcmV;O0%HBC2HFLXNq>AvL_t(|+O$?Xh#FxK)_4SsPf$_BGpW={gtO4jn9^sFCfMX8
zCJ@lhI)z0FiB0-=L`)g95`}|nL`|g;;{)Li0zNSDv2g<tb@R`nvf1dWF*oqJv-8i+
zd^7(`HbD@q+msXdVYAtXd~-(8I|%J<jzIq8fWXfYp4jbn)ql#+YPEhf8jU<s-yk%%
zX4xS^gb&eZw2fidjG#%eSi~$A%NOM1+!%XHg0m%5YPI@ptyaT{9TE%%uaUoYR|1kP
zYC{8{)9F5Ev)SQdu^{$=!{K<(m_Vb^yslQO_<TMm{slmWF+nDiY0PFb;uug@8N|Lr
zZI2YmvFkn%2!Htg+6NF^sZ_>fGMVt$jb|_z9xvm*SeK#K>z`FB6?{6K68{6aTn>X}
zyKa%+@Aql7+IwK2qg*c60sGnkCX-1R4u@Z^TV%7@?r&;MKA$gjyWLaJCzDADZ73s?
zohnwVRliQa;c%vC9sl9bY&I`DosQAt@sJarOeR^V^nViQy<YE>YOmMpm#71esNajl
zV)9A0NG_LuqL-OYr+>KJZt3bBbYKmj+rgLqJ&(t$kOwKe;5hyO>DN>SsZ{E_LZSF-
zHk*x1tENyWl%OI=L>qd@=ku?~3Iqbd4N7#5b|bc8;BvX7TrT%#zu*73X(9nI20q|R
z8#_lauYcARtnLGJT0$ir1j&kq*Xvb8A`zcTrMgR{*KW6`p-|{uB9Z9Pm|uuQqMKc(
z=}KP3<MD6f@tD{I7y}=s3x_FzlPNeYiSytaZ8RFeq)BN6E|$-yYZgwY6nrHT3G3h+
zZ8#jp5QrsWyX=Ryh?K!#5CiOMrzc?F_TQG@0u~Gaq{tpRTchY+00000NkvXXu0mjf
DC5lAc

diff --git a/r2/r2/public/static/css/compact.scss b/r2/r2/public/static/css/compact.scss
index bb5c26cb5..6360cabf6 100644
--- a/r2/r2/public/static/css/compact.scss
+++ b/r2/r2/public/static/css/compact.scss
@@ -145,7 +145,6 @@ button.button {
     margin:  35px -5px -1px;
     border-top:  1px solid hsl(210,35%,10%);
     display: none;
-    padding: 10px;
     @include box-orient(horizontal);
     @include box-align(center);
     @include box-pack(center);
@@ -157,11 +156,34 @@ button.button {
         color: white;
         text-decoration: none;
         font-size: 11px;
-        padding: {
-            left: 5px;
-            right: 5px;
+        padding: 10px;
+        width: 40px;
+        text-align: center;
+        border-right:  1px solid hsl(210,35%,10%);
+        border-left:  1px solid hsl(210,35%,30%);
+        @include transition(all, 100ms, ease-in);
+
+        &:active {
+            background-color: hsl(210,35%,30%);
+            border-left: 1px solid hsl(210,35%,40%);
+        }
+
+        &:hover {
+            background-color: hsl(210,25%,20%);
+            @include box-shadow(inset 0px 3px 8px hsla(0,0%,0%,.8));
+            border-left: 1px solid hsl(210,35%,40%);
+            padding: {
+                top: 15px;
+                bottom: 5px;
+            }
+        }
+
+        &:first-child {
+            border-left: none;
+        }
+        &:last-child {
+            border-right: none;
         }
-        
     }
 
     &.expanded {
diff --git a/r2/r2/public/static/css/config.rb b/r2/r2/public/static/css/config.rb
new file mode 100644
index 000000000..a6465c111
--- /dev/null
+++ b/r2/r2/public/static/css/config.rb
@@ -0,0 +1,24 @@
+# Require any additional compass plugins here.
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "."
+sass_dir = "."
+images_dir = "images"
+javascripts_dir = "javascripts"
+
+# You can select your preferred output style here (can be overridden via the command line):
+# output_style = :expanded or :nested or :compact or :compressed
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+ line_comments = false
+
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass