From 5b8b7b2c5d3958216a727d3b014fbcefb3f21ac0 Mon Sep 17 00:00:00 2001
From: manolobevia <manolobevia@440791e1-c2bf-4c1e-ad7c-caf3f8b0ebe8>
Date: Tue, 31 May 2011 21:46:34 +0000
Subject: [PATCH] NIHVIVO-2311: Styled Browse by section in homepage

---
 webapp/web/themes/vitro/css/vitroTheme.css    |  49 +++++++++++++-----
 .../vitro/images/search-interior-pages.gif    | Bin 1720 -> 377 bytes
 2 files changed, 37 insertions(+), 12 deletions(-)

diff --git a/webapp/web/themes/vitro/css/vitroTheme.css b/webapp/web/themes/vitro/css/vitroTheme.css
index 19ecd0512..c504f499b 100644
--- a/webapp/web/themes/vitro/css/vitroTheme.css
+++ b/webapp/web/themes/vitro/css/vitroTheme.css
@@ -504,7 +504,6 @@ ul#main-nav {
 #main-nav li a.selected {
     color: #002b44;
     background: url(../images/rollover-nav.gif) left bottom repeat-x;
-    margin-left: 18px;
 }
 /* WRAPPER CONTENT------>  */
 #wrapper-content {
@@ -560,7 +559,7 @@ body.login #login {
 }
 #login h2 {
     font-size: 22px;
-    color: #47B6D0;
+    color: #006279;
     padding-left: 15px;
     padding-top: 18px;
     border-bottom: none;
@@ -686,21 +685,43 @@ p.password-note {
     height:34px;
 }
 /* BROWSE ------>  */
+#browse {
+    background-color: #f7f5f0;
+    border-color: #dde5e4;
+}
+#browse h4 {
+    background-color: transparent;
+    color: #006279;
+    margin-bottom: 0;
+    margin-top: 20px;
+    padding-left: 37px;
+    width: 13%;
+}
+ul#browse-classgroups {
+    background-color: #e0ded9;
+    padding: 0;
+}
+ul#browse-classgroups li {
+    border-bottom: 1px solid #bbbbb9;
+}
 ul#browse-classgroups a:hover {
-    background: url(../images/arrow.gif) 0 10px no-repeat;
-    color: #2ea0cf;
+    background-image: none;
+    color: #fff;
+    background-color: #7c7a77;
 }
 ul#browse-classgroups a.selected {
-    color: #2ea0cf;
-    background: url(../images/arrow.gif) 0 10px no-repeat;
+    color: #fff;
+    background-image: none;
+    background-color: #7c7a77;
 }
 ul#classes-in-classgroup a:hover {
-    background: url(../images/arrow.gif) 0 10px no-repeat;
-    color: #2ea0cf;
+    background-image: none;
+    color: #fff;
+    background-color: #7c7a77;
 }
 ul#classes-in-classgroup a.selected {
-    color: #2ea0cf;
-    background: url(../images/arrow.gif) 0 10px no-repeat;
+    color: #fff;
+    background-image: none;
 }
 #visual-graph h5 {
     color: #47B6D0;
@@ -718,6 +739,10 @@ p.view-all {
 a.view-all-style {
     color: #303e4e
 }
+ul#browse-classgroups a.selected span.count-classes,
+ul#browse-classgroups a:hover span.count-classes {
+    color: #fff;
+}
 /* FOOTER------>  */
 footer {
     clear: both;
@@ -1160,7 +1185,7 @@ ul#individual-tools li a {
     color: #5f6464;
 }
 ul.individual-urls {
-    list-style: url(../../../images/individual/arrow-grey.gif);
+    list-style: url(../images/bullet.gif);
 }
 ul#individual-email, 
 ul#individual-phone {
@@ -1192,7 +1217,7 @@ ul.individual-urls-people li a {
 }
 #individual-info h1.fn {
     font-size: 1.375em;
-    color: #47B6D0;
+    color: #006279;
     line-height: 1.3em;
 }
 h1.fn .preferred-title {
diff --git a/webapp/web/themes/vitro/images/search-interior-pages.gif b/webapp/web/themes/vitro/images/search-interior-pages.gif
index 7d51c4a272bf871ce7d68ea6f604b8b183e5ae42..5210650623b67941b9b72497538651d1eece6ffd 100644
GIT binary patch
literal 377
zcmeAS@N?(olHy`uVBq!ia0y~yVDtjA6*$;{WQn0+FOZTfag8Vm&QB{TPb^Aha7@Wh
zN>%X8O-xS>N=;0uEIgTN1Jot$>EaktaqG=pL$AXD496d;=wIY%EIX~X<C}ooVQCAF
zSl0IsFDO^Ax$6h!E3j~hX^EMfG@i?Qb)iDz``P#Y$k**L-)nMghKcXz3D19S(&%ED
zvF`Qr=}%sMJu9GYWY2y3ZF>1s{)v0EPZwFvKD&lV*gU49r@+Zs<$35l+qA<!x2@9Z
zX6X6x;@45dDbp2MvKe|_Bu`39W3cekU~Ca`01-cCe_wx&!--So^3e>Ig)9PI3<v_M
z1gs85AQb%g9`GxL`N8ynb+@-|WjPR`a#=;rY3HrCWu9L&1rP8)kKA_d^{zNm-{Oro
ubKW^~gf()0wz65P<o*5ky8S=J5*Ti{*ySr0mu>=vC4;A{pUXO@geCxlYmm?Y

literal 1720
zcmV;p21ofvNk%w1VTb`E0Oo%HqP|gtrXtVYqky9sw99gVqZ+~0ij1o+-RQoFsw$4I
zGm^13futIlwneJMUx%qE@ATfCxk#0=Kb5jTma{>Eq#c5!8<Vg*m9jpPuQ`XOB#^H+
zl(9UGtT2M49F(y=h^Z%&usV*dGKi@ti>ob>uQ!ILB#^E)i>oY(t1OMIFN38ZjjS<-
zrz44}DTAdSkF7J1t~7+DAdamwim57#t1FPMHHfGt@9*!Atu%<JCy}o>lCV3Et~Qad
zIE<_>hp8u&vObWmH-x1hi>oe$rXrKEJcOnpma;&WvO$8R9*3wUma{^Nt1F7DEsCit
zgr*>ru|AKlH;}J3m9syUvp|QZC6BH&kFPb9vOS2YDU7Qvim54ysVan}A&sptm9jyD
zr5=&5IfA4blCL<2s3w!JJd3L@f~6aYsVMO9@RPAUho~p(>+6=ZL5{C2_xJaTsw$7K
zHvRqklCeDR^x&4WKHurVoViBu^x=xDDU7Tv#M77U?d|{n|NsC0A^8LW004ggEC2ui
z0Ehu2000O7fPZRjeT9aHh>41ejE#<ukdcy;l$Dm3n3<ZJi4AUU6rrM{q@|{(qD-o*
ztW2n{s11T}ezmr@xVgH!yuH4^z`?@9#Kp$P$jQpfxpSgP(9zMb6V=w&)kxagNUEsZ
z;7Hix($W!q%<1au?CtLF@bSM867}Qv`1$qw{8j${0ITGiz^|Z$31AW`RER^K!-o(f
zN}M<m!M=eQ^%<;3rK87>R0eM3m#-nklPFWFTp3Zo$d@o<%A85lph=cEbL!m5vzCD%
zKrsj%O0=laqezFwOv<$B&7M%BN}allz?!QcvTD^DrK{JkQMQU5I~J(fvuM$hT`Tq}
z)wgi}<HB{Im4n^8ca7-X%hw3rzkmY^9?T(&;lqft40bEGvE#=m0q~f7p|a)6m@!Y@
z%$WxrI(_+?8BLmW=F_NCGltB%wQF?|Ldc#?ySDAywL9xhjazo=%Dq>=9!|V?FFP5M
zD__pMxpU@XqDz;)V+Wb**s(v~&Rw~1<KV-)p0lC+1|R6ttM^f&y?giO<IA6ae*Jp-
z@!#v;|Ngu9{{X%PL44H}Xkc~xwYPy33^v%H9CAz{;e=BhXd!+JN`c`936|hrfFOpL
z69N<pVd9A>3UR`UEV9_ci!jFcVv8)MXd{g@%BUlbEPg2Bk3dQ!Knz62fW?tWCW%G=
zkxUY4!;?@($>WMqR{3O;SY}zIl~DQ^<d<N!V*m_f!Z5>`Xr?(snQW4o!<%r%DQBEl
z)M@9PSG1|;o@LGnr<Y*{D(Eo;q$$Foh$bq6nrSNF=%bK2s_3MYR%&UYjG_tXpqzHv
zivt~mD(a}DmTKy$sIs8ys;su^>Z`D>x~ZqM)(U_MxaO*Bu0QnZ>#skcD(bGd0&6U>
z$R_*6vdl6&Ypu`@>IM<i5<$YX*k(&YwcJvBz_;Lr`)#+}YMZUN;%=ety6hfs#=G#s
z`)suIez^b&_@ZF0w)yspZwdehEU*(!?0c=h{SvJ3!cGY6Fu(?rFmJsShqy=o4H(ye
zu)i61jPb()H_?R09dC@U$S9{QGROgwobkjJ#~fZBG}LVK%{M=x^Ugd!k-*PD2OUQo
zIN#jG(MTg*w9P&T?Q{ZML@l+{Fw1Q9aCfAkwbm|l?e*7SgFV97WS4FB*;=Hnw%TEP
zt;GXy$1V2=ZFgPu)p$cD00?~d?f2gxoJ}_1egk3n;fMnv_}GN^o%rL6k8pS1l*eVj
z-#28g`Q|t1;Q8mDH|{s+pR>V68K|e8I_I2|?mFw5PhR=#QW3Dk?YQTz`w|-T?)&e+
z|8B+b#20Tx@W>~xyz;Ws?)**;m>~W1)K_mp3)p9`{r22<kG=KahcCYW_boL4{P`>4
zQN;S}x8HsM0URO!{PVkS|NZ#qumAq-n~(ng6j^`_1~|YW81R4y90CCs$iN0Vkbnt{
zAQb3FK`2=8f*6E?7dFU24*Cy(Abf}(UO>VUn(%}uG~o(X$if!7u!STHgA8Xl!xWbA
zg*e3F2Sdoicf6niKn$V~g{TB24DpCatUwW$$iyNh@rg=wA{3E`jviXECv`ZY2e!yX
zE?VG=U<{)Lx=2P30I`f-6eAeXxWyo{@r@o(11+vdN1Px)jd;wX9`iVcKKjv*dSrkg
z2T4c<>=6x!Oe7-TAP7Qm;*pSyq$DRv$x2%Cl8N9$0XE6WPI~eclb{TxC<{r-0hscX
Os2qSOL&?ZM0028}xrK=U