From 9f6aa3b183ffcdee8432cd6ea064a19e31088b0c Mon Sep 17 00:00:00 2001
From: Matthew Lettini <mlettini@getharvest.com>
Date: Mon, 27 Jun 2011 18:30:10 -0400
Subject: [PATCH] added some styles, made everything neutral gray (for now)

---
 .DS_Store                | Bin 0 -> 6148 bytes
 chosen/chosen-sprite.png | Bin 0 -> 1866 bytes
 chosen/chosen.css        | 192 ++++++++++++++++++---------------------
 3 files changed, 90 insertions(+), 102 deletions(-)
 create mode 100644 .DS_Store
 create mode 100644 chosen/chosen-sprite.png

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..5018f37f40f977763c4bd7463abb502c3f366d20
GIT binary patch
literal 6148
zcmeHK%}T>S5T0#oji``|ptr?ykwgV6cnG0_N1=rttY~5i36!QZDLs^E#24}rd<vh(
znccNeO|K$41GC@k{A@NKWH$o<!k<MhfDHf^Dxn~wLdabis+nYgh>B|rVI0o0NjOTw
ziiLioi}v1x2Z$ks?92XN!^tSga>scWwR&TtxoM&74Eo79O6Pt$8%NnqH%{l>BpQan
z^j6t<kk2wdn5xKikjEHNb}vmwXb((wKZ)}A&OTTy+|zTXB~Omeik4io+ipv?U8g9v
zQ0zBr@9^m2suvWGPvx^FP|%)9b~P-=m!-u9Gr$Zm1Iz$3u$}>Pk67F5Q#is5Fa!UT
z0XiQfDxqhv)ToXQ98?Q{*g&@uw5gY%8fnloSZc%wiqNHqx>T4JL+En!OOxjrEH&zK
z5T^MM=E<MUi%?I;^`%M&;c4WN8DIuh8K~>2P51vLelnF!{%Q%&m;q+sk1-$`oo>g+
zmoj(jx7VY)R-)dcl2Ber1`66MKLI$Qb7WrybzG8-d7i;iBdtPyRgTC%0*VkGn1LT)
F-~-yEL+bzl

literal 0
HcmV?d00001

diff --git a/chosen/chosen-sprite.png b/chosen/chosen-sprite.png
new file mode 100644
index 0000000000000000000000000000000000000000..6ec9bbf1e6d77cd0e5f3d5ab2ae690b59cda01ea
GIT binary patch
literal 1866
zcmah~2~ZPP7)GdwfJQ-(OISn4S|zsxSqYkpLNOKtkx;}YBnvD_c4M+M35`Gy5wx`w
zyowh>L9Grd3bca?9u*WsE@c9af{GO=gU6uN!P*T1wlmW1%<lXDH{bXD$NS%GZp50;
zX4!k#TUlAn3Jc{4@ihp4<#x9Cw`*bKV|;PP_+l&)O~7<g4P?cZqwx?BrjjN?LP#n%
zY`g~H3>zXGCC0>p)u0Sjk);+4S+7##Y+P`qUM-a=APk6y5@Ccz9ImM)0<fG#jP@5$
z1!^vo1c#<-pvcrUQL<EpEKp8d84LvJL0muuVNyV^QX*PV&mxZLg1BwjrVxQK2&P~W
z-z6m$L;ze=0|EYIDoI9VQUNB7Ok*qy2ng^4=u{e&LZwq^bP_E9WY9q>6&Qbrcr=YX
z0Tl8=#$(|gi<pFAYLG(F>2zcrgN$ktDYU@AK#K;QPQno+tpUNLdJ>}bolxLGTA2n`
zV=#&U7DZ`1nu4*2c&6`4P^l+n5$$-J@P<+JQZ<D}rdmpx015>E4OOWo(OOIhz0dc9
z!rCZ<8lngxEt;Z{;Rl!CYYC+Wxf)1{p_(WZRZes<A_>J%Z4#;mxRL&VKq`X~i$8`J
z2*5Bzi%Ag~6vkr_aRo9A%R%mP|9}uS6Ymb4O{4LtY=0h&yNtu8@)>~~E`vG2<)N|^
z6@*|DT={!0drGcl6jW+FG7r+gUqkW`4XOghN(SMna|xJIZ=5TiI+x{Baw&K+6wAT>
z<De(D@aeIblVgiJlY<W-__S;Av2J<&QwM%qE`;&eQTnbwx>=!~QnwjTYQh`(R<{+m
zTrAyQ>^8?fGm@>O&D+Lt@SiQ5qqyRFcHj1%`|)KQTbdo&o|C-C^~B8YzPiPZ*p}%O
zk>@wy)a5p6^<d;}mLdm^qVpQ|{chU&(pWA@dzn_YzoL9FKa>W7Uz#2{Xp+?GCr8$5
zi=QrB(UdQd(tk`SxF#>~Yh<rFRI;;fga}qyzr3)d*wo$K?SK5%l4(b$d4!ZZ?M_Cj
zV|VdA+j6o?N=kef3<iNhCJU#FL^C~4o;YD#w4UJ0B>oUe=)%6(5Es{vvwivx`t=lx
zPA<Ogl-JjB#;vXG)vLhDnc}!hBh)<SEdNK!%xq0ejQb6^rVKvxm~-^o`Uj1Xk&&-^
zdwbE*I~hie(dgyyk@f5Te)!M3!FH~5-W*Kp^nGa0W+aa^pbcAJRuB&D-~U)YAdHUQ
zv*Ylh`OkDCFJ3Hajp(YcuV*Mc+VY))0s@YpD%G249e6;fP$=&D=+n{;W*5$Lv@NZw
zs>%#rf5sg2jlp2f+OpIxX`sh6$Zs07ztgzsNfLtW_L^N^=|Qq4kw}L0i~|Q2Y)VgG
znR33SX6ew-kP8<3czC!|$@En5k8PfD>UdUZS6y93q4Vm?&3&4<<8zt!dUJ+W5w>tT
zlRFxtDD!@)s(N7~Nk2twzf);FSk!!Jb53VR$GMt~u|JoW?;ac&5O#`0qGkJ^dtc8g
zWl<Hu;SLTC(^+~Yg1jiwwG(!&YpkrStRZ-JI2RNY2on=OnYA%yNoL(SfltuUJ^ekV
zp->LVR5*BBRG6*S>8g>_;%(O9(;i+in_~iR#5l@cmtlR+UwKR9=C#hlJ#)AJw)^~s
zlWA&oUa+25((2X%wn%&HbPIxbqp5nuVqxy|&F)PSTgKjtjtSI%nd_AcuPDOPYTvqe
z5Gq<1t0K$~o*J9~s^-7FceZXv(c$?wM;lT~?nr_%>{_^&GEAFt%LuPrPl<1zPe&il
zdT=*?v3Bn%nOSUK!p!!X3%4dWxn2GB{)&nVJJ-Rf)t5hZ(z9exvkN7!mS^4WHFVh;
zx_P<?zUt-Us)~J9Y*6+vs!M|f?H(?C!}o)EREf<HGnMhYhn8^0TzvI*hsn{w=EA3C
zM~)mbBp2NS_I%#!CrGz_;^7V$j~NZ2hee{e-e_;P57+kpyFK~2wbqVS5*LrOf*K`c
P`MZVj*YL_YlFYvW@+;<S

literal 0
HcmV?d00001

diff --git a/chosen/chosen.css b/chosen/chosen.css
index d6572b7..1d50d81 100644
--- a/chosen/chosen.css
+++ b/chosen/chosen.css
@@ -1,13 +1,12 @@
-/* line 3, sass/chosen.scss */
 div.chzn-container {
-  font-size: 82.5%;
+  font-size: 13px;
   position: relative;
 }
 
 div.chzn-container input {
   background: #fff;
-  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
-  background-image: -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
+  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
+  background: -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
   border: 1px solid #aaa;
   font-family: sans-serif;
   font-size: 1em;
@@ -23,12 +22,12 @@ div.chzn-container input {
 }
 div.chzn-container textarea:focus {
   border-color: #058cf5;
-  -moz-box-shadow: 0px 0px 5px #999;
-  -webkit-box-shadow: 0px 0px 5px #999;
-  box-shadow: 0px 0px 5px #999;
+  -moz-box-shadow: 0px 0px 3px #aaa;
+  -webkit-box-shadow: 0px 0px 3px #aaa;
+  box-shadow: 0px 0px 3px #aaa;
 }
 
-/* line 6, sass/chosen.scss */
+
 div.chzn-container div.chzn-drop {
   background: #FFF;
   border: 1px solid #BBB;
@@ -41,7 +40,17 @@ div.chzn-container div.chzn-drop {
   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
   z-index: 20;
 }
-/* line 19, sass/chosen.scss */
+div.chzn-container-single div.chzn-drop {
+  -moz-border-radius: 0 0 4px 4px;
+  -webkit-border-radius: 0 0 4px 4px;
+  -o-border-radius: 0 0 4px 4px;
+  -ms-border-radius: 0 0 4px 4px;
+  -khtml-border-radius: 0 0 4px 4px;
+  border-radius: 0 0 4px 4px;
+}
+
+
+/* SINGLE */
 div.chzn-container a.chzn-single {
   background: #FFF;
   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
@@ -49,45 +58,43 @@ div.chzn-container a.chzn-single {
   border: 1px solid #BBB;
   display: block;
   overflow: hidden;
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
-  -o-border-radius: 3px;
-  -ms-border-radius: 3px;
-  -khtml-border-radius: 3px;
-  border-radius: 3px;
-  height: 28px;
-  color: #666;
-  line-height: 28px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -o-border-radius: 4px;
+  -ms-border-radius: 4px;
+  -khtml-border-radius: 4px;
+  border-radius: 4px;
+  height: 25px;
+  color: #444;
+  line-height: 26px;
   padding: 0px 0px 0px 8px;
   position: relative;
   text-decoration: none;
   z-index: 19;
   white-space: nowrap;
 }
-/* line 35, sass/chosen.scss */
 div.chzn-container a.chzn-single span {
   display: block;
   margin-right: 26px;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-/* line 41, sass/chosen.scss */
 div.chzn-container a.chzn-single div {
-  -moz-border-radius-topright: 2px;
-  -webkit-border-top-right-radius: 2px;
-  -o-border-top-right-radius: 2px;
-  -ms-border-top-right-radius: 2px;
-  -khtml-border-top-right-radius: 2px;
-  border-top-right-radius: 2px;
-  -moz-border-radius-bottomright: 2px;
-  -webkit-border-bottom-right-radius: 2px;
-  -o-border-bottom-right-radius: 2px;
-  -ms-border-bottom-right-radius: 2px;
-  -khtml-border-bottom-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-  background: #EEE;
-  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
-  background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
+  -moz-border-radius-topright: 4px;
+  -webkit-border-top-right-radius: 4px;
+  -o-border-top-right-radius: 4px;
+  -ms-border-top-right-radius: 4px;
+  -khtml-border-top-right-radius: 4px;
+  border-top-right-radius: 4px;
+  -moz-border-radius-bottomright: 4px;
+  -webkit-border-bottom-right-radius: 42px;
+  -o-border-bottom-right-radius: 4px;
+  -ms-border-bottom-right-radius: 4px;
+  -khtml-border-bottom-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+  background: #dddddd;
+  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dddddd), color-stop(0.5, #fafafa));
+  background-image: -moz-linear-gradient(center bottom, #dddddd 0%, #fafafa 50%);
   border-left: 1px solid #BBB;
   display: block;
   height: 100%;
@@ -96,71 +103,62 @@ div.chzn-container a.chzn-single div {
   top: 0;
   width: 18px;
 }
-/* line 53, sass/chosen.scss */
 div.chzn-container a.chzn-single div b {
-  background: url('chosen-arrows.png') no-repeat left center;
+  background: url('chosen-sprite.png') no-repeat 0 1px;
   display: block;
   width: 100%;
   height: 100%;
 }
-/* line 62, sass/chosen.scss */
 div.chzn-container div.chzn-search {
-  padding: 4px 3px;
+  padding: 4px;
   margin: 0px;
   white-space: nowrap;
 }
-/* line 66, sass/chosen.scss */
 div.chzn-container div.chzn-search input {
-  padding: 0 3px;
+  background: url('chosen-sprite.png') no-repeat 97% -35px, #ffffff;
+  background: url('chosen-sprite.png') no-repeat 97% -35px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
+  background: url('chosen-sprite.png') no-repeat 97% -35px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
   -o-border-radius: 0px;
   -ms-border-radius: 0px;
   -khtml-border-radius: 0px;
   border-radius: 0px;
-  color: #666;
-  background: transparent !important;
-  padding: 5px;
   margin: 1px 0;
   outline: 0;
 }
-/* line 78, sass/chosen.scss */
+
+
+/* Multi */
 div.chzn-container ul.chzn-choices {
   background: #fff;
   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
   background-image: -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
   margin: 0;
   cursor: text;
-  border: 1px solid #aaa;
+  border: 1px solid #bbb;
   overflow: hidden;
   height: auto !important;
   height: 1%;
   padding: 0;
   position: relative;
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
-  border-radius: 3px;
 }
-/* line 93, sass/chosen.scss */
 div.chzn-container ul.chzn-choices:focus {
   border-color: #058cf5;
   -moz-box-shadow: 0px 0px 5px #999;
   -webkit-box-shadow: 0px 0px 5px #999;
   box-shadow: 0px 0px 5px #999;
 }
-/* line 99, sass/chosen.scss */
 div.chzn-container ul.chzn-choices li {
   float: left;
   list-style-type: none;
   margin: 0px;
 }
-/* line 103, sass/chosen.scss */
 div.chzn-container ul.chzn-choices li.search-field {
   margin: 0px;
   white-space: nowrap;
   padding: 0px;
 }
-/* line 107, sass/chosen.scss */
 div.chzn-container ul.chzn-choices li.search-field input {
   color: #666;
   background: transparent !important;
@@ -172,39 +170,33 @@ div.chzn-container ul.chzn-choices li.search-field input {
   -moz-box-shadow: none;
   box-shadow: none;
 }
-/* line 118, sass/chosen.scss */
 div.chzn-container ul.chzn-choices li.search-field input.default {
   color: #999;
 }
-/* line 123, sass/chosen.scss */
 div.chzn-container ul.chzn-choices li.search-choice {
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
-  background: #e6f0f8;
-  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dae8f3), color-stop(0.9, #e9f2fa));
-  background-image: -moz-linear-gradient(center bottom, #dae8f3 0%, #e9f2fa 90%);
+  background: #dddddd;
+  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dddddd), color-stop(0.7, #eeeeee));
+  background-image: -moz-linear-gradient(center bottom, #dddddd 0%, #eeeeee 70%);
   color: #333;
-  border: 1px solid #b3c9db;
+  border: 1px solid #bbb;
   font-weight: bold;
   line-height: 13px;
-  padding: 3px 18px 3px 6px;
+  padding: 3px 20px 3px 6px;
   position: relative;
   margin: 3px 0px 3px 5px;
-  text-shadow: 0px 1px 0px #e9f2fa;
 }
-/* line 138, sass/chosen.scss */
 div.chzn-container ul.chzn-choices li.search-choice span {
   cursor: default;
 }
-/* line 141, sass/chosen.scss */
 div.chzn-container ul.chzn-choices li.search-choice.search-choice-focus {
-  background: #DDD;
+  background: #d4d4d4;
 }
-/* line 144, sass/chosen.scss */
 div.chzn-container ul.chzn-choices li.search-choice a.search-choice-close {
   position: absolute;
-  right: 4px;
+  right: 5px;
   top: 6px;
   display: block;
   width: 8px;
@@ -212,76 +204,76 @@ div.chzn-container ul.chzn-choices li.search-choice a.search-choice-close {
   font-size: 1px;
   background: url(chosen-close.png) no-repeat;
 }
-/* line 153, sass/chosen.scss */
 div.chzn-container ul.chzn-choices li.search-choice a.search-choice-close:hover {
   background-position: 0 -9px;
 }
-/* line 161, sass/chosen.scss */
+
+
+/* Results */
 div.chzn-container ul.chzn-results {
-  margin: 0;
+  margin: 0 4px 4px 0;
   max-height: 196px;
-  padding: 0;
+  padding: 0 3px 0 4px;
   position: relative;
   overflow-x: hidden;
   overflow-y: auto;
   z-index: 20;
 }
-/* line 169, sass/chosen.scss */
+div.chzn-container-multi ul.chzn-results {
+  margin: 2px 2px 2px 0;
+  padding: 0;
+}
+div.chzn-container-multi ul.chzn-results li {
+  border-left: 0px !important;
+  border-right: 0px !important;
+}
 div.chzn-container ul.chzn-results li {
-  padding: 7px 10px;
+  border: 1px solid #ffffff;
+  line-height: 80%;
+  padding: 7px 7px;
   z-index: 22;
   margin: 0;
   list-style-type: none;
 }
-/* line 174, sass/chosen.scss */
 div.chzn-container ul.chzn-results li.active-result {
   cursor: pointer;
 }
-/* line 177, sass/chosen.scss */
 div.chzn-container ul.chzn-results li em {
   font-weight: bold;
   font-style: normal;
   background: #FEFFDC;
 }
-/* line 182, sass/chosen.scss */
 div.chzn-container ul.chzn-results li.highlighted {
-  background: #066bb9;
-  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #066bb9), color-stop(0.5, #2482cb));
-  background-image: -moz-linear-gradient(center bottom, #066bb9 0%, #2482cb 70%);
-  color: #fff;
+  background: #dddddd;
+  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dddddd), color-stop(0.7, #eeeeee));
+  background-image: -moz-linear-gradient(center bottom, #dddddd 0%, #eeeeee 70%);
+  border: 1px solid #bbbbbb;
 }
-/* line 187, sass/chosen.scss */
-div.chzn-container ul.chzn-results li.highlighted em {
-  color: #066bb9;
-}
-/* line 191, sass/chosen.scss */
 div.chzn-container ul.chzn-results li.no-results {
   background: #F4F4F4;
 }
-/* line 194, sass/chosen.scss */
 div.chzn-container ul.chzn-results li.group-result {
   cursor: default;
   color: #999;
   font-weight: bold;
 }
-/* line 199, sass/chosen.scss */
 div.chzn-container ul.chzn-results li.group-option {
   padding-left: 20px;
 }
 
-/* line 213, sass/chosen.scss */
 div.chzn-container-multi div.chzn-drop li.result-selected {
   display: none;
 }
 
-/* line 218, sass/chosen.scss */
+
+
+/* Active */
 div.chzn-container-active a.chzn-single {
-  border-color: #058cf5;
-  -moz-box-shadow: 0px 0px 5px #999;
-  -webkit-box-shadow: 0px 0px 5px #999;
-  box-shadow: 0px 0px 5px #999;
+  -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
+  -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
+  box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
+  border: 1px solid #999;
 }
-/* line 224, sass/chosen.scss */
 div.chzn-container-active a.chzn-single-with-drop {
   border: 1px solid #BBB;
   border-width: 1px 1px 1px;
@@ -298,24 +290,20 @@ div.chzn-container-active a.chzn-single-with-drop {
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
 }
-/* line 237, sass/chosen.scss */
 div.chzn-container-active a.chzn-single-with-drop div {
   background: transparent;
   border-left: none;
 }
-/* line 240, sass/chosen.scss */
 div.chzn-container-active a.chzn-single-with-drop div b {
-  background-position: right center;
+  background-position: -18px 1px;
 }
-/* line 245, sass/chosen.scss */
 div.chzn-container-active ul.chzn-choices {
   z-index: 21;
-  border-color: #058cf5;
-  -moz-box-shadow: 0px 0px 5px #999;
-  -webkit-box-shadow: 0px 0px 5px #999;
-  box-shadow: 0px 0px 5px #999;
+  -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
+  -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
+  box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
+  border: 1px solid #999;
 }
-/* line 247, sass/chosen.scss */
 div.chzn-container-active ul.chzn-choices input {
   color: #111 !important;
 }