From 8147d1241e4f9ba894f245e6202d7f481e968fb7 Mon Sep 17 00:00:00 2001 From: NIKITA Date: Fri, 15 Oct 2010 17:43:27 -0700 Subject: [PATCH] UI improvement for left menu --- ui/new/css/main.css | 59 +++++-- ui/new/images/leftmenu_bigloading.gif | Bin 0 -> 2104 bytes .../leftmenu_white_closedarrow_nonexp.png | Bin 194 -> 2885 bytes ui/new/index.jsp | 150 ++++++------------ 4 files changed, 95 insertions(+), 114 deletions(-) create mode 100644 ui/new/images/leftmenu_bigloading.gif diff --git a/ui/new/css/main.css b/ui/new/css/main.css index 4da2f36d7e9..f6258e0c00e 100644 --- a/ui/new/css/main.css +++ b/ui/new/css/main.css @@ -1264,6 +1264,7 @@ a:visited { width:220px; height:auto; float:left; + position:relative; background:#7f9bae url(../images/leftmenu_expanded.gif) repeat-x top left; border-bottom:1px solid #FFF; margin:0; @@ -1282,7 +1283,18 @@ a:visited { padding:0; } -.leftmenu_content{ +.leftmenu_bigloading { + width:40px; + height:40px; + position:absolute; + background:url(../images/leftmenu_bigloading.gif) no-repeat top left; + top:25px; + left:90px; + margin:0; + padding:0; +} + +.leftmenu_content_flevel{ width:220px; height:auto; float:left; @@ -1298,22 +1310,34 @@ a:visited { -.leftmenu_content.selected{ +.leftmenu_content_flevel.selected{ color:#FFF; - background:#626262 url(../images/leftmenu_hover.gif) repeat-x top left; + background:#626262 url(../images/leftmenu_selected.gif) repeat-x top left; } -.leftmenu_content.highlighted{ - background:#a9b8c3 url(../images/leftmenu_highlighted.gif) repeat-x top left; +.leftmenu_content_flevel.highlighted{ + background:#ced7dd url(../images/leftmenu_highlighted.gif) repeat-x top left; + font-weight:bold; } -/* -.leftmenu_content:hover{ - background:#626262 url(../images/leftmenu_hover.gif) repeat-x top left; - color:#FFF; -} -*/ +.leftmenu_content_flevel:hover{ + background:#ebf2f6 url(../images/leftmenu_hover.gif) repeat-x top left; +} + +.leftmenu_content{ + width:220px; + height:auto; + float:left; + color:#333; + text-align:left; + font-weight:normal; + font-size:11px; + cursor:pointer; + cursor:hand; + margin:0; + padding:0 0 3px 0; +} .leftmenu_loadingbox { width:100%; @@ -1450,7 +1474,14 @@ a:visited { padding:0; } - +.leftmenu_arrows_firstlevel_open { + width:9px; + height:9px; + float:right; + margin:2px 4px 0 0; + background:url(../images/leftmenu_openarrow.png) no-repeat top left; + padding:0; +} .leftmenu_arrows { width:9px; @@ -1484,6 +1515,8 @@ a:visited { background:url(../images/leftmenu_white_openedarrow.png) no-repeat top left; } + + .right_panel { width:auto; height:auto; @@ -2001,7 +2034,7 @@ a:hover.search_button { } .midmenu_content.selected{ - background:#626262 url(../images/leftmenu_hover.gif) repeat-x top left;7497ae url(../images/mid_addingbg.gif) repeat-x top left; + background:#626262 url(../images/leftmenu_selected.gif) repeat-x top left;7497ae url(../images/mid_addingbg.gif) repeat-x top left; color:#FFF; } diff --git a/ui/new/images/leftmenu_bigloading.gif b/ui/new/images/leftmenu_bigloading.gif new file mode 100644 index 0000000000000000000000000000000000000000..9a939e99d7fa366ebc93c3aa7160d59c2bea5a36 GIT binary patch literal 2104 zcmYk6dpy$%AIE>Yu-V0CX|~DEn9G)>J))E8aoI&9rxtP<)(9u1jzkAZyM!?^_lX=y z*%U^4l#%#YZZIS*jhm72oIAMP?qW zYrnj0zoL8aW>Vhqcv($ITA^|NWt^lcyYlp@3j+^~&xBdWLedm_3r~m+m&ZwKLJt(} z%CD2xpWB|HjL9hzg` zEt#~v!@n;q=Bl-at6SnFRcCqz<773WLuCols-MpHCoKy;q*@klZ$fV2g@tnb1w3~* zCIkckfc*!knLFSMFqZ#ilQaM@H|hC~&W@IOocMpLQ}8vLs1y2G0lKP4D)iL+Bf1S= zKPgqaK^cuDc6=ZQbE+KSBt4weAjR%9(!f9&(PODO7)?; zkKFBWr~6#Fb&Cpn_;8vt($rw;ua951iIwvKX zx-&46m@40Dvat=nC_6oS^!6#=Qm|R}oIPWO>-vkpM+r#Y>e<#cQFM3pFRh4Cx{f6= zNV>kidHlP&NmpUF&j2ZOM*h3-Lc+s_2RCZgT3qV1R!yBfr8@>5&LG55m@I4&=?#J4lz?(^r1% zL{61{Tbg_I^IPMiwNtk_lf~wr%m_1?5U@hd*a)YIAq3RBB69+u*^vWvQ%FNQ)DlB3 zPLyggfXThqNH94YK371i&h+1+<4fjpod;;LfDVdSF8iBI0aA8EQrN{dIet==HLBKt z?ApZ~wBX^Qj27#}??;hD)CW*mgk@AhnL~LqfN@BtfH8=%sktil6UmcmVXmKF%@YC@ z1WMUmD*-HwbbSLjodPP~Ke8x;+8MK+p2&QqZE4Dx6DN7$XH>L?e23Ae%>@Vw80?|u zK)?=;y_%+~kWr1+GoexMRNJU41QRDD^O{=G?&odYWZ~Ji-o<%6w4a4#=mx;vhRz|x zrx%@rq#KO$2Dj*xu5o8%Ti4WTC8HCH#j@cKWVWw*9%S#?ckyZUiTUpAIU z@4Nh>^;3J_jLa7LwJBd}Np#P0VaPi>_(Kd;Bd0{3u zdct`8$#T4f9Zm}W&OQ&r#Wl8O&O`D_zwy{De1Ed}n!?h|5z7Q6j#jO4vb6FG^~2O4 zlG}sF(wc)Y_J8+Ua+ExGv1$q^6RWh#|hY^6f_Q&~M0ZVv)74_8@Gy?@aI7W3IRS zu){Y9UN*E@Z5;5==jzuqdpv?#AqZ<6pkjXz#>$SnAYksI+9|HiGzQ;Ga%!j|S}W}3 z1HoREV4NdXm!^=TELLQHOsAyt;SB%(o7?{aa{gb47$nz`=CtHh_UbXsn1xDMG4Xum zeGm~$5#WLOeI+fGbiL)O25yDXdIQqF`Z|DLi!eNWk(&%D1uTLN<&F zgSjaK=qy!m1y5Z=bwdD}N)8<+z!q>xFh(2Owgn)PTHUdX&4es2+_j&Ffp2&HnTsck z1mIfXwwNFkf_=ReHyPmSTuE}V4ff%SRQdXn+w~BTFoL4!o#yrgzJ7m z1skL)V$Rjl93|SVFGa0+T1BZ<9=nyVVch?sz7fkRr(6L8DRJA zXm8)$0=9qr6YL$O_TyeU! zl&bI{Nt!wT3-J6@j)$0e7Fe?ag*u{E*KzObY>~i3Y?}NY)*`7wfn5(Z1R4%1r3dM}Y%MKdc O%7pmqBU=Ul-v0scnOC;} literal 0 HcmV?d00001 diff --git a/ui/new/images/leftmenu_white_closedarrow_nonexp.png b/ui/new/images/leftmenu_white_closedarrow_nonexp.png index ed7fb0b8e4aa95308e1e92ee7b443d737451746c..1cabbdf0876cf81338260670da834b716203bc09 100644 GIT binary patch delta 2878 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 ZKp+OH6DimMyin=ihQ79mRxQLK>c9LrVxIs2 delta 166 zcmV;X09pUV7Qz9LB!3xnMObuGZ)S9NVRB^vL1b@YWgtmyVP|DhWnpA_ami&o0001F zNklIg6Bh&z9Ag+h0