diff --git a/ui/new/css/jquery-ui-1.8.2.custom.css b/ui/new/css/jquery-ui-1.8.2.custom.css index 00ea6f1a02c..dbc6b0e1672 100755 --- a/ui/new/css/jquery-ui-1.8.2.custom.css +++ b/ui/new/css/jquery-ui-1.8.2.custom.css @@ -34,7 +34,7 @@ ----------------------------------*/ /* Overlays */ -.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } +.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:1007;} /* diff --git a/ui/new/css/main.css b/ui/new/css/main.css index 7fb1868b866..2b06c123fa2 100644 --- a/ui/new/css/main.css +++ b/ui/new/css/main.css @@ -270,7 +270,7 @@ a:hover { top: 0%; left: 0%; width: 100%; - min-height: 1070px; + min-height: 1000px; height: 100%; background-color: black; z-index:1001; @@ -280,6 +280,8 @@ a:hover { overflow:hidden; } + + .vmpopup_container { width:737px; height:505px; @@ -2153,6 +2155,27 @@ a:hover.search_button { padding:0; } +.midmenu_titlebox { + width:220px; + height:auto; + float:left; + background:#dadada url(../images/midmenu_titlebg.gif) repeat-x top left; + margin:0; + padding:0 0 4px 0; +} + +.midmenu_titlebox p{ + width:220px; + height:auto; + float:left; + color:#333; + text-align:left; + font-weight:bold; + font-size:11px; + margin:3px 0 0 10px; + padding:0; +} + .midmenu_content{ width:220px; height:auto; @@ -2222,14 +2245,16 @@ a:hover.search_button { height:auto; margin:0 0 0 221px; padding:0; + position:relative; } .main_contentarea_without_midmenu { width:auto; min-height:1000px; height:auto; - margin:0 0 0 10px; + margin:0 0 0 0; padding:0; + position:relative; } .main_title { @@ -2309,6 +2334,41 @@ a:hover.search_button { cursor:hand; } +.rightpanel_mainloaderbox { + width:auto; + height:auto; + position:absolute; + top:30%; + left:40%; + background:#FFF; + border:1px solid #CCC; + margin:0; + padding:0; + z-index:1008; +} + +.rightpanel_mainloaderbox p{ + width:auto; + height:auto; + float:left; + color:#333; + font-size:16px; + font-weight:normal; + margin:15px 10px 0 10px; + display:inline; + padding:0; +} +.rightpanel_mainloader_animatedicon { + width:40px; + height:40px; + float:left; + background:url(../images/big_loading.gif) no-repeat top left; + margin:3px 0 0 5px; + display:inline; + padding:0; +} + + .text_container { width:100%; height:auto; diff --git a/ui/new/images/big_loading.gif b/ui/new/images/big_loading.gif index 375efeec9b2..59b42658faf 100644 Binary files a/ui/new/images/big_loading.gif and b/ui/new/images/big_loading.gif differ diff --git a/ui/new/images/midmenu_titlebg.gif b/ui/new/images/midmenu_titlebg.gif new file mode 100644 index 00000000000..f8fbafd737e Binary files /dev/null and b/ui/new/images/midmenu_titlebg.gif differ diff --git a/ui/new/images/midmenuicon_host.png b/ui/new/images/midmenuicon_host.png index 5bd2ab897fb..e429c7ffe16 100644 Binary files a/ui/new/images/midmenuicon_host.png and b/ui/new/images/midmenuicon_host.png differ diff --git a/ui/new/images/midmenuicon_primarystorage.png b/ui/new/images/midmenuicon_primarystorage.png index c72f04d7554..3486191c8b5 100644 Binary files a/ui/new/images/midmenuicon_primarystorage.png and b/ui/new/images/midmenuicon_primarystorage.png differ diff --git a/ui/new/jsp/account.jsp b/ui/new/jsp/account.jsp index 7b6e7eb0af6..51f629085f3 100644 --- a/ui/new/jsp/account.jsp +++ b/ui/new/jsp/account.jsp @@ -7,6 +7,15 @@ CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale); %> + +