diff --git a/ui/new/css/main.css b/ui/new/css/main.css index c6dddd43198..b1c2a5547f9 100644 --- a/ui/new/css/main.css +++ b/ui/new/css/main.css @@ -1859,8 +1859,8 @@ a:hover.search_button { } .help_dropdown_box { - width:209px; - height:200px; + width:400px; + height:400px; float:left; position:absolute; background:#FFF repeat top left; @@ -1873,7 +1873,7 @@ a:hover.search_button { } .help_dropdown_box_titlebox { - width:190px; + width:380px; height:auto; float:left; margin:8px 0 0 10px; @@ -1912,26 +1912,78 @@ a:hover.search_button { } .help_dropdown_box_textbox { - width:190px; - height:140px; + width:380px; + height:340px; float:left; margin:0 0 0 10px; padding:0; - overflow-y:auto; overflow-y:scroll; + overflow-y:auto; overflow-x:hidden; +} + + +.help_dropdown_box_textbox a { + color:#2c8bbc; + font-size:11px; + font-weight:normal; + text-align:left; + margin:0; + padding:0; + text-decoration:underline; +} + +.help_dropdown_box_textbox a:link, .help_dropdown_box_textbox a:visited { + text-decoration:underline; } + +.help_dropdown_box_textbox a:hover { + text-decoration:underline; + color:#333; +} + + + +.help_dropdown_box_textbox ul { + width:350px; + height:auto; + float:left; + margin:12px 0 0 0; + padding:0; +} + +.help_dropdown_box_textbox li { + width:350px; + height:auto; + float:left; + background:url(../images/arrow.png) no-repeat top left; + margin:5px 0 0 0; + padding:0 0 0 16px; + font-size:11px; +} + +.help_dropdown_box_textbox h3{ + width:360px; + height:auto; + float:left; + color:#0D4861; + font-size:12px; + font-weight:normal; + text-align:left; + margin:12px 0 0 0; + padding:0; +} .help_dropdown_box_textbox p{ - width:190px; + width:360px; height:auto; float:left; color:#333; font-size:11px; font-weight:normal; text-align:left; - margin:12px 0 0 0; + margin:8px 0 0 0; padding:0; } diff --git a/ui/new/images/arrow.png b/ui/new/images/arrow.png new file mode 100644 index 00000000000..8fe85df567a Binary files /dev/null and b/ui/new/images/arrow.png differ diff --git a/ui/new/index.jsp b/ui/new/index.jsp index d83cd339f8f..9833a974946 100644 --- a/ui/new/index.jsp +++ b/ui/new/index.jsp @@ -273,6 +273,21 @@ long milliseconds = new Date().getTime();
+ + + +

Start VM

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

+ + +

Stop VM

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

+ +

Destroy VM

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.