From 593590461b097dfb7d39a91b57a6a3f52594076c Mon Sep 17 00:00:00 2001 From: NIKITA Date: Thu, 24 Feb 2011 16:38:34 -0800 Subject: [PATCH] bug 8655 : UI for new options in Advance Mode under Zone Wizard --- ui/css/main.css | 138 ++++++++++++++++++++++++++---------- ui/images/zonepopup_bot.png | Bin 572 -> 3351 bytes ui/images/zonepopup_mid.gif | Bin 108 -> 115 bytes ui/images/zonepopup_top.png | Bin 841 -> 3665 bytes ui/jsp/resource.jsp | 22 ++++++ 5 files changed, 121 insertions(+), 39 deletions(-) diff --git a/ui/css/main.css b/ui/css/main.css index 53034376089..ffa49be2a48 100644 --- a/ui/css/main.css +++ b/ui/css/main.css @@ -415,9 +415,10 @@ a:hover { .zonepopup_container_closebutton { width:13px; height:13px; - float:left; + float:right; background:url(../images/vm_closebutton.gif) no-repeat top left; - margin:8px 0 0 0; + margin:8px 15px 0 0; + display:inline; padding:0; cursor:pointer; cursor:hand; @@ -448,6 +449,7 @@ a:hover { text-align:left; margin:0; padding:9px 0 0 25px; + overflow:hidden; } .vmpopup_maincontentarea { @@ -4782,11 +4784,11 @@ a:hover.search_button { .zonepopup_container { - width:500px; - height:342px; + width:600px; + height:447px; float:left; position:absolute; - top:200px; + top:175px; left:22%; z-index:2002; margin:0; @@ -4794,7 +4796,7 @@ a:hover.search_button { } .zonepopup_container_top { - width:500px; + width:600px; height:30px; float:left; background:url(../images/zonepopup_top.png) no-repeat top left; @@ -4814,10 +4816,18 @@ a:hover.search_button { margin:0; padding:9px 0 0 25px; } +.zonepopup_container_mid { + width:600px; + height:405px; + float:left; + background:url(../images/zonepopup_mid.gif) repeat-y top left; + margin:0; + padding:0; +} .zonepopup_maincontentarea { - width:460px; - height:270px; + width:570px; + height:350px; float:left; margin:20px 0 0 19px; display:inline; @@ -4825,7 +4835,7 @@ a:hover.search_button { } .zonepopup_titlebox { - width:450px; + width:550px; height:auto; float:left; margin:0; @@ -4833,7 +4843,7 @@ a:hover.search_button { } .zonepopup_titlebox h2 { - width:450px; + width:550px; height:auto; color:#003a53; font-size:16px; @@ -4845,7 +4855,7 @@ a:hover.search_button { } .zonepopup_titlebox p { - width:450px; + width:550px; height:auto; color:#999; font-size:11px; @@ -4857,15 +4867,15 @@ a:hover.search_button { } .zonepopup_contentpanel { - width:460px; - height:225px; + width:560px; + height:300px; float:left; margin:8px 0 0 0; padding:0; } .zonepopup_contentpanel h3 { - width:420px; + width:520px; height:auto; color:#003a52; font-size:12px; @@ -4874,26 +4884,19 @@ a:hover.search_button { margin:0 0 0 0; } -.zonepopup_container_mid { - width:500px; - height:340px; - float:left; - background:url(../images/zonepopup_mid.gif) repeat-y top left; - margin:0; - padding:0; -} + .zonepopup_navigationpanel { - width:460px; + width:560px; height:29px; float:left; - margin:15px 0 0 0; + margin:5px 0 0 0; padding:0; } .zonepopup_selectionpanel{ - width:450px; - height:220px; + width:550px; + height:300px; float:left; margin:0 0 0 0; padding:0; @@ -4903,7 +4906,7 @@ a:hover.search_button { } .zonepopup_selectionbox { - width:440px; + width:540px; height:auto; float:left; border:1px solid #c0c0c0; @@ -4974,20 +4977,77 @@ a:hover.search_button { padding:0; } -.zonepopup_selectionbox span { - width:auto; +.zonepopup_subselectionbox { + width:440px; height:auto; float:left; - color:#666; - font-size:10px; - font-weight:normal; - margin:7px 0 0 3px; + margin:0 0 0 15px; + display:inline; + padding:0 0 5px 0; +} + +.zonepopup_subselectionbox_helptext { + width:400px; + height:auto; + float:left; + font-size:12px; + text-align:left; + font-weight:bold; + color:#003A53; + display:inline; + margin:5px 0 0 25px; + padding:0; +} + +.zonepopup_subselectionbox li { + width:430px; + height:auto; + float:left; + list-style:none; + margin:2px 0 0 0; + display:inline; + padding: 0; +} + +.zonepopup_subselectionbox .radio { + width:13px; + height:13px; + float:left; + margin:5px 0 0 10px; + display:inline; + padding:0; + +} + + +.zonepopup_subselectionbox .label { + width:auto; + height:13px; + float:left; + color:#333; + font-size:11px; + font-weight:bold; + margin:5px 0 0 10px; display:inline; padding:0; } +.zonepopup_subselectionbox span { + width:405px; + height:auto; + float:left; + margin:3px 0 0 35px; + display:inline; + padding:0; + font-size:10px; + text-align:left; + color:#666; + font-weight:normal; +} + + .zonepopup_selectiondescriptionbox { - width:380px; + width:480px; height:auto; float:left; margin:2px 0 0 35px; @@ -4995,7 +5055,7 @@ a:hover.search_button { } .zonepopup_selectiondescriptionbox_top { - width:380px; + width:480px; height:5px; float:left; background:url(../images/offeringbox_destop.gif) no-repeat top left; @@ -5004,7 +5064,7 @@ a:hover.search_button { } .zonepopup_selectiondescriptionbox_bot { - width:380px; + width:480px; height:auto; float:left; background:#FFF repeat top left; @@ -5016,12 +5076,12 @@ a:hover.search_button { } .zonepopup_selectiondescriptionbox_bot p { - width:360px; + width:460px; height:auto; float:left; color:#666; text-align:left; - font-size:11px; + font-size:10px; font-weight:normal; margin:5px 0 0 10px; display:inline; @@ -5134,7 +5194,7 @@ a:hover.search_button { } .zonepopup_container_bot { - width:500px; + width:600px; height:12px; float:left; background:url(../images/zonepopup_bot.png) no-repeat top left; diff --git a/ui/images/zonepopup_bot.png b/ui/images/zonepopup_bot.png index 1f659190125b196efa51f477fc5ca439a9847bdb..82a6cabefc4a60afda6355f4fa531d6e6f507f83 100644 GIT binary patch literal 3351 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 literal 572 zcmV-C0>k}@P)000aK1^@s7<7a=|0000PbVXQnQ*UN; zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUz-bqA3RCwBA+`4t^e=jdDhLH#u|Ns9F zqW_OHk6*odl>s1tK%W0U5@Vg|$B!Q)GPwf;5F;?JF9+uJ2!>HGVgNt@jo55Hk^$3b z5R5GF?AbF0rfu7{^^FF_$N^GPQj7or1gg`20qbmB`=r09L)^ioG$So z!K0z$w>(19X8(NQ9RPq|FrKdI>4#xp8UO$+Q0j0W3%%~Tj)?#Out2H9 z>+x(&TlIaO=hw0pT1B{<-S#R%39elLI421=B_-HM!CI9eCh=pK&i8a@ diff --git a/ui/images/zonepopup_mid.gif b/ui/images/zonepopup_mid.gif index 4b7742c18991fd7a3d8a6755e8b8b18f9542a16e..1a2dce4365ab8ab89234e43c4062b25d424dd81f 100644 GIT binary patch literal 115 zcmZ?wbhEHbj9_A8XkcLY|NsBity>j;vM_*v4u}BBFfe)X^sPMomVfb_Ew{Qi-`n$> zzwMF7v}c_xY^S!p<39e$=lZwa@T_y+|MBy1wI4}JO83#4erDNc&Z`QGudMpobvCPX R_1f>;eBH;_I509;0{}%mGN=Fm literal 108 zcmZ?wbhEHb{KCk_(7?d(|NsB3Tem9yWMKdS9S{MMVPJCR>05dFE&t*GuxyHa{uTE`y$9?>hk8*nN^Izw_|Ks1Xu<6L6j~zZ*&fAxM=Ir%azFO^T*V(M? JCmk3WtO0*rF~a}= diff --git a/ui/images/zonepopup_top.png b/ui/images/zonepopup_top.png index 99aee23d99cf344081d97f7acc3644b19180ecf7..f9b205128602c057debde8632884fbc2b08a483f 100644 GIT binary patch literal 3665 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 literal 841 zcmV-P1GfB$P)0015c1^@s7t$Ex`0000PbVXQnQ*UN; zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU!>q$gGRCwBA{Qv(y!?tbP&M+`A7&D9@ z;N|7T$hdXu)*Hsg#_9|s5U>ET`p=&~8Aht-8NPr2J|aC25I~I3JpX@$`Fk1Tix)5c zkI3XcV)OY(&Eo(81kU5HUcDNT$$cb(fB*h5uz(760|SH6&=_e=nIAuXjE2N$`*joy zX8;gDuy%VOkiBj+IEFR&3&iYRUS5A0j~_q&Ur9-6G)P7WICJJq#E9*vj#L2ZpR@e^ z`*$=XMp7e=g@u9T&!0b|Au-Y-el*fYV5I;4{d+VNMsxZo814Wd0K0Zf1TYN4P_%1V z1cXr-LTQvoS%j7sPbSd0amqsX9|YfN(8;@}x7F2OGdnp6prNXc%)H(G>Hm>y1$=TA zKvP8Qxn=gk3P95s3Y=Aa`4iIzzGC^l!1GIetuye;I3<6;QMw3$zQrd`xMOLtK zhFd_$7?~j{vqY+NsocWMlQw4{kSq}Jcn=QyA3pRr_4|0ONSA9`V_JpLz-m3xI>#9A zKcT0{k6qVYnx-)#$izI)&lLOa9r`p)W8e3;5Q51-W|lMbVHmcdu4|D)rj`#C(-Zrl zY}`4c(_9S}MobU^69ze4v zKY`?Z`OmN74u?Yw8hx+p`aZ2}u~=k9QDk|Z+bsb2W6|jtr57_4hhd2Iksd#FUDy8_ z^c3>f^?Loh*=(}-{2c(ePBCEbbUJ0{^Z6}>{pAw${eC}B*RQs1w`Ez{B>QcnwGwjxn4qev;_?_lzlj521swn; zYkrx!=9d-#m^MKN06_-;1RVenbO1om0pNcH-6$pi@P-ZmTtm=jvzeU$fC>8sRJ9nL Tg0`uW00000NkvXXu0mjfO0Rs; diff --git a/ui/jsp/resource.jsp b/ui/jsp/resource.jsp index 85270a690c8..3c8fd5a6160 100644 --- a/ui/jsp/resource.jsp +++ b/ui/jsp/resource.jsp @@ -183,8 +183,30 @@

+ +
Islolation Mode
+ +
+
+
    +
  1. + + + Some description will appear here. Some description will appear here. Some description will appear here.. +
    2. + +
  2. + + + Some description will appear here. Some description will appear here. Some description will appear here.. +
    3. +
+
+
+ +